@matteoaliano/forest-ui 0.4.4 → 0.5.1

package/dist/theme.js

@@ -1,8 +1,76 @@
-'use strict';
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var styles = require('@mui/material/styles');
+// src/theme/index.ts
+var theme_exports = {};
+__export(theme_exports, {
+  alpha: () => alpha,
+  avatarColors: () => avatarColors,
+  base: () => base,
+  bg: () => bg,
+  border: () => border,
+  breadcrumbColors: () => breadcrumbColors,
+  buildTheme: () => buildTheme,
+  buildThemeOptions: () => buildThemeOptions,
+  buttonColors: () => buttonColors,
+  chartColors: () => chartColors,
+  container: () => container,
+  display: () => display,
+  error: () => error,
+  fg: () => fg,
+  focusRings: () => focusRings,
+  fontFamily: () => fontFamily,
+  fontFamilyMono: () => fontFamilyMono,
+  fontSize: () => fontSize,
+  fontWeight: () => fontWeight,
+  forestAgencyPreset: () => forestAgencyPreset,
+  forestAlkemyPlusPreset: () => forestAlkemyPlusPreset,
+  forestExternalPreset: () => forestExternalPreset,
+  forestInternalPreset: () => forestInternalPreset,
+  forestTheme: () => forestTheme,
+  forestThemeOptions: () => forestThemeOptions,
+  getAvailablePresets: () => getAvailablePresets,
+  getPreset: () => getPreset,
+  gray: () => gray,
+  iconColors: () => iconColors,
+  info: () => info,
+  lineHeight: () => lineHeight,
+  magenta: () => magenta,
+  misc: () => misc,
+  navColors: () => navColors,
+  radius: () => radius,
+  red: () => red,
+  registerPreset: () => registerPreset,
+  shadows: () => shadows,
+  sliderColors: () => sliderColors,
+  spacing: () => spacing,
+  success: () => success,
+  text: () => text,
+  toggleColors: () => toggleColors,
+  violet: () => violet,
+  warning: () => warning,
+  widths: () => widths
+});
+module.exports = __toCommonJS(theme_exports);
 
 // src/theme/buildTheme.ts
+var import_styles = require("@mui/material/styles");
 
 // src/theme/tokens.ts
 var violet = {
@@ -628,7 +696,7 @@ var alpha = {
 // src/theme/palette.ts
 function buildPalette(tokens) {
   var _a;
-  const { base: base2, error: error2, warning: warning2, success: success2, info: info2, text: text5, bg: bg5, fg: fg5, border: border5 } = tokens;
+  const { base: base2, error: error2, warning: warning2, success: success2, info: info2, text: text6, bg: bg6, fg: fg6, border: border6 } = tokens;
   return {
     primary: {
       main: tokens.bg.brandSolid,
@@ -667,21 +735,21 @@ function buildPalette(tokens) {
       contrastText: tokens.base.white
     },
     background: {
-      default: bg5.primary,
-      paper: bg5.secondary
+      default: bg6.primary,
+      paper: bg6.secondary
     },
     text: {
-      primary: text5.primary,
-      secondary: text5.secondary,
-      disabled: text5.disabled
+      primary: text6.primary,
+      secondary: text6.secondary,
+      disabled: text6.disabled
     },
-    divider: border5.secondary,
+    divider: border6.secondary,
     action: {
-      active: fg5.tertiary,
-      hover: bg5.primaryHover,
-      selected: bg5.brandPrimary,
-      disabled: fg5.disabled,
-      disabledBackground: bg5.disabled
+      active: fg6.tertiary,
+      hover: bg6.primaryHover,
+      selected: bg6.brandPrimary,
+      disabled: fg6.disabled,
+      disabledBackground: bg6.disabled
     },
     chart: (_a = tokens.chartColors) != null ? _a : chartColors
   };
@@ -835,15 +903,17 @@ function buildComponents(tokens) {
     warning: warning2,
     success: success2,
     info: info2,
-    radius: radius5,
-    focusRings: focusRings5,
+    radius: radius6,
+    focusRings: focusRings6,
     shadows: tokenShadows,
-    text: text5,
-    bg: bg5,
-    fg: fg5,
-    border: border5,
-    buttonColors: buttonColors5,
-    sliderColors: sliderColors5
+    text: text6,
+    bg: bg6,
+    fg: fg6,
+    border: border6,
+    buttonColors: buttonColors6,
+    sliderColors: sliderColors6,
+    avatarColors: avatarColors6,
+    breadcrumbColors: breadcrumbColors6
   } = tokens;
   return {
     // ─── Button ─────────────────────────────────────────────────────
@@ -853,7 +923,7 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           fontWeight: 600,
           boxShadow: tokenShadows.xs,
           height: 32,
@@ -861,39 +931,39 @@ function buildComponents(tokens) {
           fontSize: 14,
           lineHeight: "20px",
           "&:focus-visible": {
-            boxShadow: focusRings5.brandShadowXs
+            boxShadow: focusRings6.brandShadowXs
           }
         },
         containedPrimary: {
-          backgroundColor: buttonColors5.primary.bg,
+          backgroundColor: buttonColors6.primary.bg,
           "&:hover": {
-            backgroundColor: buttonColors5.primary.bgHover
+            backgroundColor: buttonColors6.primary.bgHover
           }
         },
         outlinedPrimary: {
-          borderColor: buttonColors5.secondaryColor.border,
-          color: buttonColors5.secondaryColor.fg,
+          borderColor: buttonColors6.secondaryColor.border,
+          color: buttonColors6.secondaryColor.fg,
           "&:hover": {
-            backgroundColor: buttonColors5.secondaryColor.bgHover,
-            borderColor: buttonColors5.secondaryColor.borderHover
+            backgroundColor: buttonColors6.secondaryColor.bgHover,
+            borderColor: buttonColors6.secondaryColor.borderHover
           }
         },
         containedSecondary: {
-          backgroundColor: buttonColors5.secondary.bg,
-          color: buttonColors5.secondary.fg,
-          border: `1px solid ${buttonColors5.secondary.border}`,
+          backgroundColor: buttonColors6.secondary.bg,
+          color: buttonColors6.secondary.fg,
+          border: `1px solid ${buttonColors6.secondary.border}`,
           "&:hover": {
-            backgroundColor: buttonColors5.secondary.bgHover,
-            borderColor: buttonColors5.secondary.borderHover
+            backgroundColor: buttonColors6.secondary.bgHover,
+            borderColor: buttonColors6.secondary.borderHover
           }
         },
         text: {
           boxShadow: "none"
         },
         textPrimary: {
-          color: buttonColors5.tertiaryColor.fg,
+          color: buttonColors6.tertiaryColor.fg,
           "&:hover": {
-            backgroundColor: buttonColors5.tertiaryColor.bgHover
+            backgroundColor: buttonColors6.tertiaryColor.bgHover
           }
         }
       }
@@ -905,11 +975,11 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius5.md
+          borderRadius: radius6.md
         },
         grouped: {
           "&:not(:last-of-type)": {
-            borderRight: `1px solid ${buttonColors5.primary.borderHover}`
+            borderRight: `1px solid ${buttonColors6.primary.borderHover}`
           }
         }
       }
@@ -918,7 +988,7 @@ function buildComponents(tokens) {
     MuiIconButton: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           padding: 6,
           "& .MuiSvgIcon-root": {
             fontSize: 20
@@ -935,13 +1005,13 @@ function buildComponents(tokens) {
             boxShadow: tokenShadows.lg
           },
           "&:focus-visible": {
-            boxShadow: focusRings5.brandShadowSm
+            boxShadow: focusRings6.brandShadowSm
           }
         },
         primary: {
-          backgroundColor: buttonColors5.primary.bg,
+          backgroundColor: buttonColors6.primary.bg,
           "&:hover": {
-            backgroundColor: buttonColors5.primary.bgHover
+            backgroundColor: buttonColors6.primary.bgHover
           }
         }
       }
@@ -965,8 +1035,8 @@ function buildComponents(tokens) {
       styleOverrides: {
         input: {
           "&::placeholder": {
-            color: text5.placeholder,
-            WebkitTextFillColor: text5.placeholder,
+            color: text6.placeholder,
+            WebkitTextFillColor: text6.placeholder,
             fontWeight: 400,
             opacity: 1
           }
@@ -976,33 +1046,33 @@ function buildComponents(tokens) {
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           boxShadow: tokenShadows.xs,
           "&&:hover:not(.Mui-focused):not(.Mui-disabled) .MuiOutlinedInput-notchedOutline": {
-            borderColor: border5.brand
+            borderColor: border6.brand
           },
           "&&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-            borderColor: border5.brandSolid,
+            borderColor: border6.brandSolid,
             borderWidth: 1,
             boxShadow: "none"
           },
           "&&.Mui-error:not(.Mui-focused) .MuiOutlinedInput-notchedOutline": {
-            borderColor: border5.error
+            borderColor: border6.error
           },
           "&&.Mui-error.Mui-focused .MuiOutlinedInput-notchedOutline": {
-            borderColor: border5.errorSolid,
+            borderColor: border6.errorSolid,
             boxShadow: "none"
           },
           "& .MuiInputAdornment-root .MuiIconButton-root": {
-            color: fg5.quaternary,
+            color: fg6.quaternary,
             "&:hover": {
-              backgroundColor: bg5.primaryHover,
-              color: fg5.brandPrimary
+              backgroundColor: bg6.primaryHover,
+              color: fg6.brandPrimary
             }
           }
         },
         notchedOutline: {
-          borderColor: border5.primary
+          borderColor: border6.primary
         },
         input: {
           padding: "6px 12px",
@@ -1014,12 +1084,12 @@ function buildComponents(tokens) {
     MuiFormLabel: {
       styleOverrides: {
         root: {
-          color: text5.placeholder,
+          color: text6.placeholder,
           "&.Mui-focused": {
-            color: text5.placeholder
+            color: text6.placeholder
           },
           "&.Mui-error": {
-            color: text5.errorPrimary
+            color: text6.errorPrimary
           }
         }
       }
@@ -1029,12 +1099,12 @@ function buildComponents(tokens) {
         root: {
           fontSize: 14,
           fontWeight: 500,
-          color: text5.placeholder,
+          color: text6.placeholder,
           "&.Mui-focused": {
-            color: text5.placeholder
+            color: text6.placeholder
           },
           "&.Mui-error": {
-            color: text5.errorPrimary
+            color: text6.errorPrimary
           }
         },
         outlined: {
@@ -1053,7 +1123,7 @@ function buildComponents(tokens) {
           marginTop: 6,
           marginLeft: 0,
           "&.Mui-error": {
-            color: text5.errorPrimary
+            color: text6.errorPrimary
           }
         }
       }
@@ -1083,7 +1153,7 @@ function buildComponents(tokens) {
           }
         },
         icon: {
-          color: text5.placeholder,
+          color: text6.placeholder,
           right: 8
         }
       }
@@ -1091,11 +1161,11 @@ function buildComponents(tokens) {
     MuiMenuItem: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           padding: "6px 8px",
           gap: 4,
           "&:hover": {
-            backgroundColor: bg5.primaryHover
+            backgroundColor: bg6.primaryHover
           }
         }
       }
@@ -1104,9 +1174,9 @@ function buildComponents(tokens) {
     MuiAutocomplete: {
       styleOverrides: {
         paper: {
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           boxShadow: tokenShadows.lg,
-          border: `1px solid ${border5.secondary}`,
+          border: `1px solid ${border6.secondary}`,
           marginTop: 4
         },
         inputRoot: {
@@ -1123,10 +1193,10 @@ function buildComponents(tokens) {
           lineHeight: "20px",
           padding: "6px 12px",
           "&.Mui-focused": {
-            backgroundColor: bg5.primaryHover
+            backgroundColor: bg6.primaryHover
           },
           '&[aria-selected="true"]': {
-            backgroundColor: bg5.brandPrimary
+            backgroundColor: bg6.brandPrimary
           }
         },
         listbox: {
@@ -1141,28 +1211,28 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          color: border5.primary,
-          borderRadius: radius5.xs,
+          color: border6.primary,
+          borderRadius: radius6.xs,
           padding: 0,
           width: 20,
           height: 20,
           "&:hover": {
             backgroundColor: "transparent",
-            color: fg5.brandPrimary
+            color: fg6.brandPrimary
           },
           "&.Mui-checked": {
-            color: fg5.brandPrimary
+            color: fg6.brandPrimary
           },
           "&.Mui-checked:hover": {
-            color: buttonColors5.primary.bgHover
+            color: buttonColors6.primary.bgHover
           },
           "&.Mui-focusVisible": {
             outline: "none",
-            boxShadow: focusRings5.brand,
-            borderRadius: radius5.xs
+            boxShadow: focusRings6.brand,
+            borderRadius: radius6.xs
           },
           "&.Mui-disabled": {
-            color: border5.primary
+            color: border6.primary
           }
         }
       }
@@ -1174,25 +1244,25 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          color: border5.primary,
+          color: border6.primary,
           padding: 0,
           "&:hover": {
             backgroundColor: "transparent",
-            color: fg5.brandPrimary
+            color: fg6.brandPrimary
           },
           "&.Mui-checked": {
-            color: fg5.brandPrimary
+            color: fg6.brandPrimary
           },
           "&.Mui-checked:hover": {
-            color: buttonColors5.primary.bgHover
+            color: buttonColors6.primary.bgHover
           },
           "&.Mui-focusVisible": {
             outline: "none",
-            boxShadow: focusRings5.brand,
-            borderRadius: radius5.full
+            boxShadow: focusRings6.brand,
+            borderRadius: radius6.full
           },
           "&.Mui-disabled": {
-            color: border5.primary
+            color: border6.primary
           }
         }
       }
@@ -1212,20 +1282,20 @@ function buildComponents(tokens) {
           padding: 2,
           "&.Mui-checked": {
             transform: "translateX(20px)",
-            color: fg5.white,
+            color: fg6.white,
             "& + .MuiSwitch-track": {
-              backgroundColor: fg5.brandPrimary,
+              backgroundColor: fg6.brandPrimary,
               opacity: 1
             }
           },
           "&.Mui-checked:hover + .MuiSwitch-track": {
-            backgroundColor: buttonColors5.primary.bgHover
+            backgroundColor: buttonColors6.primary.bgHover
           },
           "&.Mui-focusVisible .MuiSwitch-thumb": {
-            boxShadow: focusRings5.brand
+            boxShadow: focusRings6.brand
           },
           "&.Mui-disabled .MuiSwitch-thumb": {
-            color: bg5.disabled
+            color: bg6.disabled
           },
           "&.Mui-disabled + .MuiSwitch-track": {
             opacity: 0.5
@@ -1237,8 +1307,8 @@ function buildComponents(tokens) {
           boxShadow: "0px 1px 2px 0px #1018280d"
         },
         track: {
-          borderRadius: radius5.full,
-          backgroundColor: border5.secondary,
+          borderRadius: radius6.full,
+          backgroundColor: border6.secondary,
           opacity: 1
         }
       }
@@ -1247,8 +1317,8 @@ function buildComponents(tokens) {
     MuiToggleButton: {
       styleOverrides: {
         root: {
-          borderColor: border5.primary,
-          color: text5.secondary,
+          borderColor: border6.primary,
+          color: text6.secondary,
           fontSize: 14,
           fontWeight: 600,
           lineHeight: "20px",
@@ -1256,19 +1326,19 @@ function buildComponents(tokens) {
           padding: "6px 12px",
           textTransform: "none",
           "&:hover": {
-            backgroundColor: bg5.primaryHover,
-            borderColor: border5.primary
+            backgroundColor: bg6.primaryHover,
+            borderColor: border6.primary
           },
           "&.Mui-selected": {
-            backgroundColor: bg5.brandPrimary,
-            color: buttonColors5.secondaryColor.fg,
-            borderColor: border5.brandSolid,
+            backgroundColor: bg6.brandPrimary,
+            color: buttonColors6.secondaryColor.fg,
+            borderColor: border6.brandSolid,
             "&:hover": {
-              backgroundColor: bg5.brandSecondary
+              backgroundColor: bg6.brandSecondary
             }
           },
           "&:focus-visible": {
-            boxShadow: focusRings5.brandShadowXs
+            boxShadow: focusRings6.brandShadowXs
           }
         }
       }
@@ -1276,7 +1346,7 @@ function buildComponents(tokens) {
     MuiToggleButtonGroup: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           overflow: "hidden"
         },
         grouped: {
@@ -1285,12 +1355,12 @@ function buildComponents(tokens) {
             marginLeft: -1
           },
           "&:first-of-type": {
-            borderTopLeftRadius: radius5.md,
-            borderBottomLeftRadius: radius5.md
+            borderTopLeftRadius: radius6.md,
+            borderBottomLeftRadius: radius6.md
           },
           "&:last-of-type": {
-            borderTopRightRadius: radius5.md,
-            borderBottomRightRadius: radius5.md
+            borderTopRightRadius: radius6.md,
+            borderBottomRightRadius: radius6.md
           }
         }
       }
@@ -1299,8 +1369,8 @@ function buildComponents(tokens) {
     MuiDrawer: {
       styleOverrides: {
         paper: {
-          backgroundColor: bg5.primary,
-          borderRight: `1px solid ${border5.secondary}`
+          backgroundColor: bg6.primary,
+          borderRight: `1px solid ${border6.secondary}`
         }
       }
     },
@@ -1311,9 +1381,9 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius5.xl,
-          border: `1px solid ${border5.secondary}`,
-          backgroundColor: bg5.primary,
+          borderRadius: radius6.xl,
+          border: `1px solid ${border6.secondary}`,
+          backgroundColor: bg6.primary,
           boxShadow: tokenShadows.xs,
           overflow: "hidden"
         }
@@ -1360,35 +1430,35 @@ function buildComponents(tokens) {
           backgroundImage: "none"
         },
         rounded: {
-          borderRadius: radius5.lg
+          borderRadius: radius6.lg
         },
         elevation1: {
           boxShadow: tokenShadows.xs,
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         },
         elevation2: {
           boxShadow: tokenShadows.sm,
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         },
         elevation3: {
           boxShadow: tokenShadows.md,
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         },
         elevation4: {
           boxShadow: tokenShadows.lg,
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         },
         elevation8: {
           boxShadow: tokenShadows.xl,
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         },
         elevation16: {
           boxShadow: tokenShadows["2xl"],
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         },
         elevation24: {
           boxShadow: tokenShadows["3xl"],
-          border: `1px solid ${border5.secondary}`
+          border: `1px solid ${border6.secondary}`
         }
       }
     },
@@ -1400,8 +1470,8 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          border: `1px solid ${border5.secondary}`,
-          borderRadius: radius5.lg,
+          border: `1px solid ${border6.secondary}`,
+          borderRadius: radius6.lg,
           "&:not(:last-child)": {
             marginBottom: 8
           },
@@ -1411,7 +1481,7 @@ function buildComponents(tokens) {
           "&.Mui-expanded": {
             margin: 0,
             marginBottom: 8,
-            borderRadius: radius5.lg
+            borderRadius: radius6.lg
           }
         }
       }
@@ -1423,7 +1493,7 @@ function buildComponents(tokens) {
           minHeight: 56,
           "&.Mui-expanded": {
             minHeight: 56,
-            borderBottom: `1px solid ${border5.secondary}`
+            borderBottom: `1px solid ${border6.secondary}`
           }
         },
         content: {
@@ -1449,8 +1519,8 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderBottom: `1px solid ${border5.secondary}`,
-          backgroundColor: bg5.primary
+          borderBottom: `1px solid ${border6.secondary}`,
+          backgroundColor: bg6.primary
         }
       }
     },
@@ -1477,7 +1547,7 @@ function buildComponents(tokens) {
           minHeight: 48
         },
         indicator: {
-          backgroundColor: fg5.brandPrimary,
+          backgroundColor: fg6.brandPrimary,
           height: 2
         }
       }
@@ -1492,14 +1562,14 @@ function buildComponents(tokens) {
           fontWeight: 600,
           lineHeight: "20px",
           textTransform: "none",
-          color: text5.tertiary,
-          borderRadius: `${radius5.md}px ${radius5.md}px 0 0`,
+          color: text6.tertiary,
+          borderRadius: `${radius6.md}px ${radius6.md}px 0 0`,
           "&:hover": {
-            backgroundColor: bg5.primaryHover
+            backgroundColor: bg6.primaryHover
           },
           "&.Mui-selected": {
-            color: fg5.brandPrimary,
-            backgroundColor: bg5.brandPrimary
+            color: fg6.brandPrimary,
+            backgroundColor: bg6.brandPrimary
           }
         }
       }
@@ -1508,7 +1578,7 @@ function buildComponents(tokens) {
     MuiChip: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.md
+          borderRadius: radius6.md
         },
         label: {
           fontWeight: 500
@@ -1584,7 +1654,7 @@ function buildComponents(tokens) {
           fontSize: 14,
           lineHeight: "20px",
           fontWeight: 500,
-          color: text5.secondary
+          color: text6.secondary
         }
       }
     },
@@ -1600,30 +1670,30 @@ function buildComponents(tokens) {
     MuiTableCell: {
       styleOverrides: {
         root: {
-          borderBottom: `1px solid ${border5.secondary}`,
+          borderBottom: `1px solid ${border6.secondary}`,
           padding: "16px 24px",
           fontSize: 14,
           lineHeight: "20px",
-          color: fg5.tertiary
+          color: fg6.tertiary
         },
         head: {
-          backgroundColor: bg5.secondary,
-          color: fg5.tertiary,
+          backgroundColor: bg6.secondary,
+          color: fg6.tertiary,
           fontWeight: 500,
           fontSize: 12,
           lineHeight: "18px"
         },
         body: {
-          color: fg5.tertiary
+          color: fg6.tertiary
         }
       }
     },
     MuiTableHead: {
       styleOverrides: {
         root: {
-          backgroundColor: bg5.secondary,
+          backgroundColor: bg6.secondary,
           "& .MuiTableRow-root:last-child .MuiTableCell-root": {
-            borderBottom: `1px solid ${border5.secondary}`
+            borderBottom: `1px solid ${border6.secondary}`
           }
         }
       }
@@ -1631,17 +1701,17 @@ function buildComponents(tokens) {
     MuiTableRow: {
       styleOverrides: {
         root: {
-          backgroundColor: bg5.secondary,
+          backgroundColor: bg6.secondary,
           "&:last-child td, &:last-child th": {
             border: 0
           },
           "&:hover": {
-            backgroundColor: bg5.primaryHover
+            backgroundColor: bg6.primaryHover
           },
           "&.Mui-selected": {
-            backgroundColor: bg5.brandPrimary,
+            backgroundColor: bg6.brandPrimary,
             "&:hover": {
-              backgroundColor: bg5.brandPrimary
+              backgroundColor: bg6.brandPrimary
             }
           }
         }
@@ -1650,8 +1720,8 @@ function buildComponents(tokens) {
     MuiTableContainer: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.xl,
-          border: `1px solid ${border5.secondary}`,
+          borderRadius: radius6.xl,
+          border: `1px solid ${border6.secondary}`,
           boxShadow: "none"
         }
       }
@@ -1665,24 +1735,24 @@ function buildComponents(tokens) {
           lineHeight: "18px",
           minWidth: 20,
           height: 20,
-          borderRadius: radius5.full
+          borderRadius: radius6.full
         },
         colorPrimary: {
-          backgroundColor: bg5.brandSolid
+          backgroundColor: bg6.brandSolid
         },
         colorError: {
-          backgroundColor: bg5.errorSolid
+          backgroundColor: bg6.errorSolid
         },
         colorSuccess: {
-          backgroundColor: bg5.successSolid
+          backgroundColor: bg6.successSolid
         },
         colorWarning: {
-          backgroundColor: bg5.warningSolid
+          backgroundColor: bg6.warningSolid
         },
         dot: {
           minWidth: 8,
           height: 8,
-          borderRadius: radius5.full
+          borderRadius: radius6.full
         }
       }
     },
@@ -1690,7 +1760,7 @@ function buildComponents(tokens) {
     MuiDivider: {
       styleOverrides: {
         root: {
-          borderColor: border5.secondary
+          borderColor: border6.secondary
         }
       }
     },
@@ -1705,16 +1775,16 @@ function buildComponents(tokens) {
     MuiListItemButton: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.sm,
+          borderRadius: radius6.sm,
           padding: "8px 12px",
           "&:hover": {
-            backgroundColor: bg5.primaryHover
+            backgroundColor: bg6.primaryHover
           },
           "&.Mui-selected": {
-            backgroundColor: bg5.brandPrimary,
-            color: buttonColors5.secondaryColor.fg,
+            backgroundColor: bg6.brandPrimary,
+            color: buttonColors6.secondaryColor.fg,
             "&:hover": {
-              backgroundColor: bg5.brandSecondary
+              backgroundColor: bg6.brandSecondary
             }
           }
         }
@@ -1724,7 +1794,7 @@ function buildComponents(tokens) {
       styleOverrides: {
         root: {
           minWidth: 36,
-          color: fg5.quaternary
+          color: fg6.quaternary
         }
       }
     },
@@ -1734,12 +1804,12 @@ function buildComponents(tokens) {
           fontSize: 14,
           lineHeight: "20px",
           fontWeight: 500,
-          color: text5.secondary
+          color: text6.secondary
         },
         secondary: {
           fontSize: 14,
           lineHeight: "20px",
-          color: text5.quaternary
+          color: text6.quaternary
         }
       }
     },
@@ -1747,17 +1817,17 @@ function buildComponents(tokens) {
     MuiTooltip: {
       styleOverrides: {
         tooltip: {
-          backgroundColor: bg5.primarySolid,
-          color: text5.white,
+          backgroundColor: bg6.primarySolid,
+          color: text6.white,
           fontSize: 12,
           lineHeight: "18px",
           fontWeight: 600,
           padding: "8px 12px",
-          borderRadius: radius5.md,
+          borderRadius: radius6.md,
           boxShadow: tokenShadows.lg
         },
         arrow: {
-          color: bg5.primarySolid
+          color: bg6.primarySolid
         }
       }
     },
@@ -1768,34 +1838,34 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius5.xl,
+          borderRadius: radius6.xl,
           fontSize: 14,
           lineHeight: "20px",
           padding: "12px 16px",
           alignItems: "center"
         },
         standardError: {
-          backgroundColor: bg5.errorPrimary,
+          backgroundColor: bg6.errorPrimary,
           color: error2[700],
-          border: `1px solid ${border5.error}`,
+          border: `1px solid ${border6.error}`,
           "& .MuiAlert-icon": {
-            color: fg5.errorPrimary
+            color: fg6.errorPrimary
           }
         },
         standardWarning: {
-          backgroundColor: bg5.warningPrimary,
+          backgroundColor: bg6.warningPrimary,
           color: warning2[700],
           border: `1px solid ${warning2[300]}`,
           "& .MuiAlert-icon": {
-            color: fg5.warningPrimary
+            color: fg6.warningPrimary
           }
         },
         standardSuccess: {
-          backgroundColor: bg5.successPrimary,
+          backgroundColor: bg6.successPrimary,
           color: success2[700],
           border: `1px solid ${success2[300]}`,
           "& .MuiAlert-icon": {
-            color: fg5.successPrimary
+            color: fg6.successPrimary
           }
         },
         standardInfo: {
@@ -1834,7 +1904,7 @@ function buildComponents(tokens) {
     MuiDialog: {
       styleOverrides: {
         paper: {
-          borderRadius: radius5.xl,
+          borderRadius: radius6.xl,
           boxShadow: tokenShadows.xl,
           padding: 0
         }
@@ -1846,7 +1916,7 @@ function buildComponents(tokens) {
           fontSize: 18,
           lineHeight: "28px",
           fontWeight: 600,
-          color: text5.primary,
+          color: text6.primary,
           padding: "24px 24px 0"
         }
       }
@@ -1857,7 +1927,7 @@ function buildComponents(tokens) {
           padding: "20px 24px",
           fontSize: 14,
           lineHeight: "20px",
-          color: text5.tertiary
+          color: text6.tertiary
         }
       }
     },
@@ -1873,27 +1943,27 @@ function buildComponents(tokens) {
     MuiLinearProgress: {
       styleOverrides: {
         root: {
-          borderRadius: radius5.full,
+          borderRadius: radius6.full,
           height: 8,
-          backgroundColor: border5.secondary
+          backgroundColor: border6.secondary
         },
         barColorPrimary: {
-          backgroundColor: fg5.brandPrimary,
-          borderRadius: radius5.full
+          backgroundColor: fg6.brandPrimary,
+          borderRadius: radius6.full
         },
         barColorSecondary: {
-          backgroundColor: bg5.secondarySolid,
-          borderRadius: radius5.full
+          backgroundColor: bg6.secondarySolid,
+          borderRadius: radius6.full
         }
       }
     },
     MuiCircularProgress: {
       styleOverrides: {
         colorPrimary: {
-          color: fg5.brandPrimary
+          color: fg6.brandPrimary
         },
         colorSecondary: {
-          color: bg5.secondarySolid
+          color: bg6.secondarySolid
         }
       }
     },
@@ -1904,13 +1974,13 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          backgroundColor: bg5.tertiary
+          backgroundColor: bg6.tertiary
         },
         rounded: {
-          borderRadius: radius5.md
+          borderRadius: radius6.md
         },
         circular: {
-          borderRadius: radius5.full
+          borderRadius: radius6.full
         }
       }
     },
@@ -1918,9 +1988,9 @@ function buildComponents(tokens) {
     MuiSnackbarContent: {
       styleOverrides: {
         root: {
-          backgroundColor: bg5.primarySolid,
-          color: text5.white,
-          borderRadius: radius5.xl,
+          backgroundColor: bg6.primarySolid,
+          color: text6.white,
+          borderRadius: radius6.xl,
           boxShadow: tokenShadows.lg,
           fontSize: 14,
           lineHeight: "20px",
@@ -1948,27 +2018,447 @@ function buildComponents(tokens) {
         }
       }
     },
+    // ─── Slider ─────────────────────────────────────────────────────
+    MuiSlider: {
+      styleOverrides: {
+        root: {
+          color: fg6.brandPrimary,
+          height: 8,
+          "&.Mui-disabled": {
+            color: border6.secondary
+          }
+        },
+        thumb: {
+          width: 20,
+          height: 20,
+          backgroundColor: sliderColors6.handleBg,
+          border: `2px solid ${sliderColors6.handleBorder}`,
+          boxShadow: tokenShadows.xs,
+          "&:hover, &.Mui-focusVisible": {
+            boxShadow: focusRings6.brandShadowXs
+          },
+          "&.Mui-active": {
+            boxShadow: focusRings6.brandShadowSm
+          }
+        },
+        track: {
+          borderRadius: radius6.full,
+          border: "none"
+        },
+        rail: {
+          backgroundColor: border6.secondary,
+          borderRadius: radius6.full,
+          opacity: 1
+        },
+        valueLabel: {
+          backgroundColor: bg6.primarySolid,
+          borderRadius: radius6.md,
+          fontSize: 12,
+          fontWeight: 600,
+          padding: "4px 8px"
+        },
+        mark: {
+          backgroundColor: border6.secondary,
+          width: 4,
+          height: 4,
+          borderRadius: radius6.full
+        },
+        markActive: {
+          backgroundColor: fg6.brandPrimary
+        },
+        markLabel: {
+          fontSize: 12,
+          color: text6.tertiary
+        }
+      }
+    },
+    // ─── Rating ─────────────────────────────────────────────────────
+    MuiRating: {
+      styleOverrides: {
+        root: {
+          color: fg6.brandPrimary,
+          gap: 4
+        },
+        iconEmpty: {
+          color: border6.secondary
+        },
+        iconFilled: {
+          color: fg6.brandPrimary
+        },
+        iconHover: {
+          color: buttonColors6.primary.bgHover
+        }
+      }
+    },
+    // ─── Pagination ─────────────────────────────────────────────────
+    MuiPagination: {
+      defaultProps: {
+        shape: "rounded"
+      }
+    },
+    MuiPaginationItem: {
+      styleOverrides: {
+        root: {
+          borderRadius: radius6.md,
+          fontSize: 14,
+          fontWeight: 500,
+          color: text6.secondary,
+          "&:hover": {
+            backgroundColor: bg6.primaryHover
+          },
+          "&.Mui-selected": {
+            backgroundColor: fg6.brandPrimary,
+            color: base2.white,
+            "&:hover": {
+              backgroundColor: buttonColors6.primary.bgHover
+            }
+          },
+          "&.Mui-focusVisible": {
+            boxShadow: focusRings6.brandShadowXs
+          }
+        },
+        outlined: {
+          border: `1px solid ${border6.primary}`,
+          "&.Mui-selected": {
+            backgroundColor: fg6.brandPrimary,
+            color: base2.white,
+            borderColor: fg6.brandPrimary
+          }
+        }
+      }
+    },
+    // ─── Avatar ─────────────────────────────────────────────────────
+    MuiAvatar: {
+      styleOverrides: {
+        root: {
+          backgroundColor: avatarColors6.bg,
+          fontSize: 14,
+          fontWeight: 600,
+          border: `1.5px solid ${avatarColors6.contrastBorder}`
+        },
+        rounded: {
+          borderRadius: radius6.md
+        }
+      }
+    },
+    MuiAvatarGroup: {
+      styleOverrides: {
+        avatar: {
+          border: `2px solid ${avatarColors6.profilePhotoBorder}`,
+          width: 32,
+          height: 32,
+          fontSize: 13,
+          fontWeight: 600
+        }
+      }
+    },
+    // ─── BottomNavigation ───────────────────────────────────────────
+    MuiBottomNavigation: {
+      styleOverrides: {
+        root: {
+          backgroundColor: bg6.primary,
+          borderTop: `1px solid ${border6.secondary}`
+        }
+      }
+    },
+    MuiBottomNavigationAction: {
+      styleOverrides: {
+        root: {
+          color: fg6.quaternary,
+          "&.Mui-selected": {
+            color: fg6.brandPrimary
+          }
+        },
+        label: {
+          fontSize: 12,
+          fontWeight: 500,
+          "&.Mui-selected": {
+            fontSize: 12,
+            fontWeight: 600
+          }
+        }
+      }
+    },
+    // ─── SpeedDial ──────────────────────────────────────────────────
+    MuiSpeedDial: {
+      styleOverrides: {
+        fab: {
+          backgroundColor: fg6.brandPrimary,
+          color: base2.white,
+          boxShadow: tokenShadows.md,
+          "&:hover": {
+            backgroundColor: buttonColors6.primary.bgHover
+          }
+        }
+      }
+    },
+    MuiSpeedDialAction: {
+      styleOverrides: {
+        fab: {
+          backgroundColor: bg6.primary,
+          color: fg6.secondary,
+          boxShadow: tokenShadows.sm,
+          border: `1px solid ${border6.secondary}`,
+          "&:hover": {
+            backgroundColor: bg6.primaryHover
+          }
+        },
+        staticTooltipLabel: {
+          backgroundColor: bg6.primarySolid,
+          color: text6.white,
+          fontSize: 12,
+          fontWeight: 600,
+          borderRadius: radius6.md,
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    // ─── Stepper ────────────────────────────────────────────────────
+    MuiStepper: {
+      styleOverrides: {
+        root: {
+          padding: 0
+        }
+      }
+    },
+    MuiStepLabel: {
+      styleOverrides: {
+        label: {
+          fontSize: 14,
+          fontWeight: 500,
+          color: text6.tertiary,
+          "&.Mui-active": {
+            color: text6.primary,
+            fontWeight: 600
+          },
+          "&.Mui-completed": {
+            color: text6.primary,
+            fontWeight: 500
+          }
+        }
+      }
+    },
+    MuiStepIcon: {
+      styleOverrides: {
+        root: {
+          color: border6.secondary,
+          "&.Mui-active": {
+            color: fg6.brandPrimary
+          },
+          "&.Mui-completed": {
+            color: fg6.brandPrimary
+          }
+        },
+        text: {
+          fontSize: 12,
+          fontWeight: 600
+        }
+      }
+    },
+    MuiStepConnector: {
+      styleOverrides: {
+        line: {
+          borderColor: border6.secondary
+        },
+        lineHorizontal: {
+          borderTopWidth: 2
+        },
+        lineVertical: {
+          borderLeftWidth: 2
+        }
+      }
+    },
+    // ─── MobileStepper ──────────────────────────────────────────────
+    MuiMobileStepper: {
+      styleOverrides: {
+        root: {
+          backgroundColor: "transparent",
+          padding: "8px 0"
+        },
+        dot: {
+          backgroundColor: border6.secondary,
+          width: 8,
+          height: 8
+        },
+        dotActive: {
+          backgroundColor: fg6.brandPrimary
+        },
+        progress: {
+          width: "100%",
+          backgroundColor: border6.secondary,
+          borderRadius: radius6.full,
+          "& .MuiLinearProgress-bar": {
+            backgroundColor: fg6.brandPrimary,
+            borderRadius: radius6.full
+          }
+        }
+      }
+    },
+    // ─── Breadcrumbs ────────────────────────────────────────────────
+    MuiBreadcrumbs: {
+      styleOverrides: {
+        root: {
+          fontSize: 14,
+          lineHeight: "20px"
+        },
+        separator: {
+          color: breadcrumbColors6.iconFg,
+          marginLeft: 4,
+          marginRight: 4
+        },
+        li: {
+          "& a": {
+            color: breadcrumbColors6.fg,
+            textDecoration: "none",
+            fontWeight: 500,
+            "&:hover": {
+              color: breadcrumbColors6.fgHover
+            }
+          }
+        }
+      }
+    },
+    // ─── Link ───────────────────────────────────────────────────────
+    MuiLink: {
+      styleOverrides: {
+        root: {
+          color: fg6.brandPrimary,
+          fontWeight: 500,
+          "&:hover": {
+            color: buttonColors6.primary.bgHover
+          }
+        }
+      }
+    },
+    // ─── Popover ────────────────────────────────────────────────────
+    MuiPopover: {
+      styleOverrides: {
+        paper: {
+          borderRadius: radius6.lg,
+          boxShadow: tokenShadows.lg,
+          border: `1px solid ${border6.secondary}`
+        }
+      }
+    },
+    // ─── Snackbar ───────────────────────────────────────────────────
+    MuiSnackbar: {
+      defaultProps: {
+        anchorOrigin: { vertical: "bottom", horizontal: "center" }
+      }
+    },
+    // ─── CardActionArea ─────────────────────────────────────────────
+    MuiCardActionArea: {
+      styleOverrides: {
+        root: {
+          "&:hover .MuiCardActionArea-focusHighlight": {
+            opacity: 0.04
+          },
+          "&.Mui-focusVisible .MuiCardActionArea-focusHighlight": {
+            opacity: 0.08
+          }
+        }
+      }
+    },
+    // ─── FilledInput ────────────────────────────────────────────────
+    MuiFilledInput: {
+      styleOverrides: {
+        root: {
+          borderRadius: `${radius6.md}px ${radius6.md}px 0 0`,
+          backgroundColor: bg6.secondary,
+          "&:hover": {
+            backgroundColor: bg6.secondaryHover
+          },
+          "&.Mui-focused": {
+            backgroundColor: bg6.secondary
+          },
+          "&:after": {
+            borderBottomColor: fg6.brandPrimary
+          }
+        },
+        input: {
+          padding: "6px 12px",
+          fontSize: 14,
+          lineHeight: "20px"
+        }
+      }
+    },
+    // ─── TablePagination ────────────────────────────────────────────
+    MuiTablePagination: {
+      styleOverrides: {
+        root: {
+          fontSize: 14,
+          color: text6.tertiary
+        },
+        selectLabel: {
+          fontSize: 14,
+          color: text6.tertiary
+        },
+        displayedRows: {
+          fontSize: 14,
+          color: text6.tertiary
+        },
+        select: {
+          fontSize: 14
+        },
+        actions: {
+          "& .MuiIconButton-root": {
+            color: fg6.quaternary,
+            "&:hover": {
+              backgroundColor: bg6.primaryHover,
+              color: fg6.brandPrimary
+            }
+          }
+        }
+      }
+    },
+    // ─── TableSortLabel ─────────────────────────────────────────────
+    MuiTableSortLabel: {
+      styleOverrides: {
+        root: {
+          "&:hover": {
+            color: fg6.secondary
+          },
+          "&.Mui-active": {
+            color: fg6.secondary,
+            "& .MuiTableSortLabel-icon": {
+              color: fg6.brandPrimary
+            }
+          }
+        }
+      }
+    },
+    // ─── TabScrollButton ────────────────────────────────────────────
+    MuiTabScrollButton: {
+      styleOverrides: {
+        root: {
+          color: fg6.quaternary,
+          "&:hover": {
+            color: fg6.brandPrimary
+          }
+        }
+      }
+    },
     // ─── DataGrid (@mui/x-data-grid) ──────────────────────────────
     // Not part of MUI core's Components<Theme> type, so we merge via assertion.
     ...{
       MuiDataGrid: {
         styleOverrides: {
           root: {
-            border: `1px solid ${border5.secondary}`,
-            borderRadius: radius5.xl,
+            border: `1px solid ${border6.secondary}`,
+            borderRadius: radius6.xl,
             fontFamily: "inherit",
             "& .MuiDataGrid-withBorderColor": {
-              borderColor: border5.secondary
+              borderColor: border6.secondary
             }
           },
           columnHeaders: {
-            backgroundColor: bg5.secondary
+            backgroundColor: bg6.secondary
           },
           columnHeader: {
             fontSize: 12,
             lineHeight: "18px",
             fontWeight: 500,
-            color: fg5.tertiary,
+            color: fg6.tertiary,
             "&:focus, &:focus-within": {
               outline: "none"
             }
@@ -1981,28 +2471,28 @@ function buildComponents(tokens) {
             alignItems: "center",
             fontSize: 14,
             lineHeight: "20px",
-            color: fg5.tertiary,
+            color: fg6.tertiary,
             "&:focus, &:focus-within": {
               outline: "none"
             }
           },
           row: {
-            backgroundColor: bg5.secondary,
+            backgroundColor: bg6.secondary,
             "&:hover": {
-              backgroundColor: bg5.primaryHover
+              backgroundColor: bg6.primaryHover
             },
             "&.Mui-selected": {
-              backgroundColor: bg5.brandPrimary,
+              backgroundColor: bg6.brandPrimary,
               "&:hover": {
-                backgroundColor: bg5.brandPrimary
+                backgroundColor: bg6.brandPrimary
               }
             }
           },
           footerContainer: {
-            borderTop: `1px solid ${border5.secondary}`
+            borderTop: `1px solid ${border6.secondary}`
           },
           columnSeparator: {
-            color: border5.secondary
+            color: border6.secondary
           }
         }
       }
@@ -2017,7 +2507,7 @@ function buildComponents(tokens) {
           root: {
             "& .MuiInputBase-root": {
               height: 32,
-              borderRadius: radius5.md,
+              borderRadius: radius6.md,
               boxShadow: tokenShadows.xs,
               fontSize: 14,
               lineHeight: "20px"
@@ -2028,21 +2518,21 @@ function buildComponents(tokens) {
               lineHeight: "20px"
             },
             "& .MuiOutlinedInput-notchedOutline": {
-              borderColor: border5.primary
+              borderColor: border6.primary
             },
             "&:hover:not(:has(.Mui-disabled)) .MuiOutlinedInput-notchedOutline": {
-              borderColor: border5.brand
+              borderColor: border6.brand
             },
             "& .Mui-focused .MuiOutlinedInput-notchedOutline": {
-              borderColor: border5.brandSolid,
+              borderColor: border6.brandSolid,
               borderWidth: 1,
               boxShadow: "none"
             },
             "& .MuiInputAdornment-root .MuiIconButton-root": {
-              color: fg5.quaternary,
+              color: fg6.quaternary,
               "&:hover": {
-                backgroundColor: bg5.primaryHover,
-                color: fg5.brandPrimary
+                backgroundColor: bg6.primaryHover,
+                color: fg6.brandPrimary
               }
             }
           }
@@ -2052,9 +2542,9 @@ function buildComponents(tokens) {
       MuiPickersPopper: {
         styleOverrides: {
           paper: {
-            borderRadius: radius5.xl,
+            borderRadius: radius6.xl,
             boxShadow: tokenShadows.lg,
-            border: `1px solid ${border5.secondary}`,
+            border: `1px solid ${border6.secondary}`,
             marginTop: 4
           }
         }
@@ -2079,19 +2569,19 @@ function buildComponents(tokens) {
           label: {
             fontSize: 14,
             fontWeight: 600,
-            color: text5.primary
+            color: text6.primary
           },
           switchViewButton: {
-            color: fg5.quaternary,
-            "&:hover": { backgroundColor: bg5.primaryHover, color: fg5.brandPrimary }
+            color: fg6.quaternary,
+            "&:hover": { backgroundColor: bg6.primaryHover, color: fg6.brandPrimary }
           }
         }
       },
       MuiPickersArrowSwitcher: {
         styleOverrides: {
           button: {
-            color: fg5.quaternary,
-            "&:hover": { backgroundColor: bg5.primaryHover, color: fg5.brandPrimary }
+            color: fg6.quaternary,
+            "&:hover": { backgroundColor: bg6.primaryHover, color: fg6.brandPrimary }
           }
         }
       },
@@ -2101,7 +2591,7 @@ function buildComponents(tokens) {
           weekDayLabel: {
             fontSize: 12,
             fontWeight: 500,
-            color: text5.tertiary,
+            color: text6.tertiary,
             width: 32,
             height: 32
           },
@@ -2121,39 +2611,39 @@ function buildComponents(tokens) {
             fontWeight: 400,
             width: 32,
             height: 32,
-            borderRadius: radius5.md,
-            color: text5.primary,
+            borderRadius: radius6.md,
+            color: text6.primary,
             backgroundColor: "transparent",
             "&:hover": {
-              backgroundColor: bg5.primaryHover
+              backgroundColor: bg6.primaryHover
             },
             "&.Mui-selected": {
-              backgroundColor: fg5.brandPrimary,
+              backgroundColor: fg6.brandPrimary,
               color: base2.white,
               fontWeight: 600,
               "&:hover": {
-                backgroundColor: buttonColors5.primary.bgHover
+                backgroundColor: buttonColors6.primary.bgHover
               },
               "&:focus": {
-                backgroundColor: fg5.brandPrimary
+                backgroundColor: fg6.brandPrimary
               }
             },
             "&.MuiPickersDay-today": {
-              border: `1px solid ${border5.brandSolid}`,
-              color: fg5.brandPrimary,
+              border: `1px solid ${border6.brandSolid}`,
+              color: fg6.brandPrimary,
               backgroundColor: "transparent",
               fontWeight: 600,
               "&.Mui-selected": {
-                backgroundColor: fg5.brandPrimary,
+                backgroundColor: fg6.brandPrimary,
                 color: base2.white,
                 border: "none"
               }
             },
             "&.Mui-focusVisible": {
-              boxShadow: focusRings5.brand
+              boxShadow: focusRings6.brand
             },
             "&.Mui-disabled": {
-              color: text5.disabled
+              color: text6.disabled
             }
           }
         }
@@ -2163,12 +2653,12 @@ function buildComponents(tokens) {
         styleOverrides: {
           yearButton: {
             fontSize: 13,
-            borderRadius: radius5.md,
-            "&:hover": { backgroundColor: bg5.primaryHover },
+            borderRadius: radius6.md,
+            "&:hover": { backgroundColor: bg6.primaryHover },
             "&.Mui-selected": {
-              backgroundColor: fg5.brandPrimary,
+              backgroundColor: fg6.brandPrimary,
               color: base2.white,
-              "&:hover": { backgroundColor: buttonColors5.primary.bgHover }
+              "&:hover": { backgroundColor: buttonColors6.primary.bgHover }
             }
           }
         }
@@ -2178,12 +2668,12 @@ function buildComponents(tokens) {
         styleOverrides: {
           monthButton: {
             fontSize: 13,
-            borderRadius: radius5.md,
-            "&:hover": { backgroundColor: bg5.primaryHover },
+            borderRadius: radius6.md,
+            "&:hover": { backgroundColor: bg6.primaryHover },
             "&.Mui-selected": {
-              backgroundColor: fg5.brandPrimary,
+              backgroundColor: fg6.brandPrimary,
               color: base2.white,
-              "&:hover": { backgroundColor: buttonColors5.primary.bgHover }
+              "&:hover": { backgroundColor: buttonColors6.primary.bgHover }
             }
           }
         }
@@ -2205,7 +2695,7 @@ function buildThemeOptions(tokens) {
   };
 }
 function buildTheme(tokens) {
-  return styles.createTheme(buildThemeOptions(tokens));
+  return (0, import_styles.createTheme)(buildThemeOptions(tokens));
 }
 
 // src/theme/presets/forest-external.ts
@@ -2494,6 +2984,11 @@ var forestExternalPreset = {
 
 // src/theme/presets/forest-agency.ts
 var colors = {
+  base,
+  error,
+  warning,
+  success,
+  info,
   brand: {
     25: gray[25],
     50: gray[50],
@@ -2509,7 +3004,10 @@ var colors = {
     800: gray[950],
     900: gray[950],
     950: gray[950]
-  }};
+  },
+  accent: red,
+  gray
+};
 var radius3 = {
   ...radius,
   xxs: 1,
@@ -3077,11 +3575,321 @@ var forestInternalPreset = {
   }
 };
 
+// src/theme/presets/forest-alkemy-plus.ts
+var colors2 = {
+  base,
+  error,
+  warning,
+  success,
+  info,
+  brand: {
+    25: gray[25],
+    50: gray[50],
+    100: gray[100],
+    200: gray[200],
+    300: gray[300],
+    400: gray[400],
+    500: gray[500],
+    600: gray[900],
+    // #18181b - dark brand
+    700: gray[950],
+    // #09090b - primary brand
+    800: gray[950],
+    900: gray[950],
+    950: gray[950]
+  },
+  accent: red,
+  gray
+};
+var radius5 = {
+  ...radius,
+  xxs: 1,
+  xs: 2,
+  sm: 3,
+  md: 4,
+  lg: 5,
+  xl: 6,
+  "2xl": 8,
+  "3xl": 10,
+  "4xl": 12
+};
+var text5 = {
+  primary: gray[900],
+  secondary: gray[700],
+  secondaryHover: gray[800],
+  tertiary: gray[600],
+  tertiaryHover: gray[700],
+  quaternary: gray[500],
+  disabled: gray[500],
+  placeholder: gray[500],
+  placeholderSubtle: gray[300],
+  white: base.white,
+  brandPrimary: colors2.brand[900],
+  brandSecondary: colors2.brand[700],
+  brandTertiary: colors2.brand[600],
+  brandTertiaryAlt: colors2.brand[600],
+  primaryOnBrand: base.white,
+  secondaryOnBrand: colors2.brand[200],
+  tertiaryOnBrand: colors2.brand[200],
+  quaternaryOnBrand: colors2.brand[300],
+  errorPrimary: error[600],
+  warningPrimary: warning[600],
+  successPrimary: success[600]
+};
+var bg5 = {
+  primary: gray[50],
+  primaryAlt: gray[50],
+  primaryHover: gray[100],
+  primarySolid: gray[950],
+  secondary: base.white,
+  secondaryAlt: base.white,
+  secondarySubtle: gray[25],
+  secondaryHover: gray[50],
+  secondarySolid: gray[600],
+  tertiary: gray[100],
+  quaternary: gray[200],
+  active: gray[200],
+  disabled: gray[100],
+  disabledSubtle: gray[50],
+  overlay: gray[950],
+  brandPrimary: colors2.brand[50],
+  brandPrimaryAlt: colors2.brand[50],
+  brandSecondary: colors2.brand[100],
+  brandSolid: colors2.brand[600],
+  brandSolidHover: colors2.brand[700],
+  brandSection: colors2.brand[800],
+  brandSectionSubtle: colors2.brand[700],
+  errorPrimary: error[50],
+  errorSecondary: error[100],
+  errorSolid: error[600],
+  warningPrimary: warning[50],
+  warningSecondary: warning[100],
+  warningSolid: warning[600],
+  successPrimary: success[50],
+  successSecondary: success[100],
+  successSolid: success[600]
+};
+var fg5 = {
+  primary: gray[900],
+  secondary: gray[700],
+  secondaryHover: gray[800],
+  tertiary: gray[600],
+  tertiaryHover: gray[700],
+  quaternary: gray[500],
+  quaternaryHover: gray[600],
+  quinary: gray[400],
+  quinaryHover: gray[500],
+  senary: gray[300],
+  white: base.white,
+  disabled: gray[400],
+  disabledSubtle: gray[300],
+  brandPrimary: colors2.brand[600],
+  brandPrimaryAlt: colors2.brand[600],
+  brandSecondary: colors2.brand[500],
+  errorPrimary: error[600],
+  errorSecondary: error[500],
+  warningPrimary: warning[600],
+  warningSecondary: warning[500],
+  successPrimary: success[600],
+  successSecondary: success[500]
+};
+var border5 = {
+  primary: gray[300],
+  secondary: gray[200],
+  tertiary: gray[100],
+  disabled: gray[300],
+  disabledSubtle: gray[200],
+  brand: gray[400],
+  brandSolid: colors2.brand[600],
+  brandSolidAlt: colors2.brand[600],
+  error: error[300],
+  errorSolid: error[600]
+};
+var buttonColors5 = {
+  primary: {
+    bg: colors2.brand[700],
+    bgHover: colors2.brand[800],
+    fg: base.white,
+    fgHover: base.white,
+    border: colors2.brand[700],
+    borderHover: colors2.brand[800]
+  },
+  secondary: {
+    bg: gray[900],
+    bgHover: gray[950],
+    fg: base.white,
+    fgHover: base.white,
+    border: gray[900],
+    borderHover: gray[950]
+  },
+  secondaryColor: {
+    bg: base.white,
+    bgHover: colors2.brand[50],
+    fg: colors2.brand[700],
+    fgHover: colors2.brand[800],
+    border: colors2.brand[300],
+    borderHover: colors2.brand[300]
+  },
+  tertiary: {
+    fg: gray[600],
+    fgHover: gray[700],
+    bgHover: gray[50]
+  },
+  tertiaryColor: {
+    fg: colors2.brand[700],
+    fgHover: colors2.brand[800],
+    bgHover: colors2.brand[50]
+  },
+  primaryError: {
+    bg: error[600],
+    bgHover: error[700],
+    fg: base.white,
+    fgHover: base.white,
+    border: error[600],
+    borderHover: error[700]
+  },
+  secondaryError: {
+    bg: base.white,
+    bgHover: error[50],
+    fg: error[700],
+    fgHover: error[800],
+    border: error[300],
+    borderHover: error[300]
+  },
+  tertiaryError: {
+    fg: error[700],
+    fgHover: error[800],
+    bgHover: error[50]
+  }
+};
+var avatarColors5 = {
+  bg: gray[100],
+  contrastBorder: "#00000014",
+  profilePhotoBorder: base.white,
+  focusBorder: "#a0a0a624"
+  // gray[400] + 14% alpha
+};
+var breadcrumbColors5 = {
+  fg: gray[600],
+  fgHover: gray[700],
+  bgHover: gray[50],
+  brandBgHover: colors2.brand[50],
+  brandFgHover: colors2.brand[700],
+  iconFg: gray[500],
+  iconFgHover: gray[700],
+  brandIconFgHover: colors2.brand[700]
+};
+var iconColors5 = {
+  fgBrand: colors2.brand[600],
+  fgBrandOnBrand: colors2.brand[200],
+  featuredModernBorder: gray[200],
+  featuredLightFgBrand: colors2.brand[600],
+  featuredLightFgGray: gray[500],
+  featuredLightFgError: error[600],
+  featuredLightFgWarning: warning[600],
+  featuredLightFgSuccess: success[600],
+  featuredDarkFgBrand: base.white,
+  featuredDarkFgGray: base.white,
+  featuredDarkFgError: base.white,
+  featuredDarkFgWarning: base.white,
+  featuredDarkFgSuccess: base.white
+};
+var navColors5 = {
+  itemIconFg: gray[500],
+  itemIconFgActive: gray[700],
+  itemButtonIconFg: gray[500],
+  itemButtonIconFgActive: gray[700]
+};
+var sliderColors5 = {
+  handleBorder: colors2.brand[600],
+  handleBg: base.white
+};
+var toggleColors5 = {
+  buttonFgDisabled: gray[50]
+};
+var chartColors5 = {
+  axisFg: gray[100],
+  gridlineFg: gray[100],
+  labelFg: gray[600],
+  labelFgEmphasis: gray[700],
+  bg: base.white,
+  bgAlt: gray[50],
+  tooltipBg: gray[950],
+  tooltipFg: base.white,
+  crosshairFg: gray[500],
+  legendFg: text5.tertiary,
+  series: [
+    { fg: misc.purple[500], fgHover: misc.purple[600], bg: misc.purple[100], bgHover: misc.purple[200] },
+    { fg: misc.orangeDark[400], fgHover: misc.orangeDark[500], bg: misc.orangeDark[100], bgHover: misc.orangeDark[200] },
+    { fg: misc.teal[300], fgHover: misc.teal[400], bg: misc.teal[50], bgHover: misc.teal[100] },
+    { fg: warning[400], fgHover: warning[500], bg: warning[100], bgHover: warning[200] },
+    { fg: misc.rose[400], fgHover: misc.rose[500], bg: misc.rose[100], bgHover: misc.rose[200] },
+    { fg: misc.blueLight[400], fgHover: misc.blueLight[500], bg: misc.blueLight[100], bgHover: misc.blueLight[200] },
+    { fg: misc.orange[300], fgHover: misc.orange[400], bg: misc.orange[100], bgHover: misc.orange[200] },
+    { fg: misc.cyan[600], fgHover: misc.cyan[700], bg: misc.cyan[100], bgHover: misc.cyan[200] },
+    { fg: misc.green[500], fgHover: misc.green[600], bg: misc.green[100], bgHover: misc.green[200] },
+    { fg: misc.pink[400], fgHover: misc.pink[500], bg: misc.pink[100], bgHover: misc.pink[200] },
+    { fg: misc.fuchsia[400], fgHover: misc.fuchsia[500], bg: misc.fuchsia[100], bgHover: misc.fuchsia[200] },
+    { fg: misc.teal[600], fgHover: misc.teal[700], bg: misc.teal[100], bgHover: misc.teal[200] }
+  ]
+};
+var focusRings5 = {
+  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 forestAlkemyPlusPreset = {
+  name: "forest-alkemy+",
+  defaultVariant: "light",
+  variants: {
+    light: {
+      tokens: {
+        base,
+        error,
+        warning,
+        success,
+        info,
+        spacing,
+        radius: radius5,
+        shadows,
+        focusRings: focusRings5,
+        fontFamily: '"Aeonik", sans-serif',
+        fontFamilyMono: '"Aeonik Mono", monospace',
+        fontSize,
+        lineHeight,
+        fontWeight,
+        display,
+        container,
+        widths,
+        text: text5,
+        bg: bg5,
+        fg: fg5,
+        border: border5,
+        buttonColors: buttonColors5,
+        avatarColors: avatarColors5,
+        breadcrumbColors: breadcrumbColors5,
+        iconColors: iconColors5,
+        navColors: navColors5,
+        sliderColors: sliderColors5,
+        toggleColors: toggleColors5,
+        chartColors: chartColors5,
+        alpha
+      }
+    }
+  }
+};
+
 // src/theme/presets/index.ts
 var presetRegistry = /* @__PURE__ */ new Map();
 presetRegistry.set(forestExternalPreset.name, forestExternalPreset);
 presetRegistry.set(forestAgencyPreset.name, forestAgencyPreset);
 presetRegistry.set(forestInternalPreset.name, forestInternalPreset);
+presetRegistry.set(forestAlkemyPlusPreset.name, forestAlkemyPlusPreset);
 function getPreset(name) {
   return presetRegistry.get(name);
 }
@@ -3096,51 +3904,53 @@ function getAvailablePresets() {
 var agencyTokens = forestAgencyPreset.variants.light.tokens;
 var forestTheme = buildTheme(agencyTokens);
 var forestThemeOptions = buildThemeOptions(agencyTokens);
-
-exports.alpha = alpha;
-exports.avatarColors = avatarColors;
-exports.base = base;
-exports.bg = bg;
-exports.border = border;
-exports.breadcrumbColors = breadcrumbColors;
-exports.buildTheme = buildTheme;
-exports.buildThemeOptions = buildThemeOptions;
-exports.buttonColors = buttonColors;
-exports.chartColors = chartColors;
-exports.container = container;
-exports.display = display;
-exports.error = error;
-exports.fg = fg;
-exports.focusRings = focusRings;
-exports.fontFamily = fontFamily;
-exports.fontFamilyMono = fontFamilyMono;
-exports.fontSize = fontSize;
-exports.fontWeight = fontWeight;
-exports.forestAgencyPreset = forestAgencyPreset;
-exports.forestExternalPreset = forestExternalPreset;
-exports.forestInternalPreset = forestInternalPreset;
-exports.forestTheme = forestTheme;
-exports.forestThemeOptions = forestThemeOptions;
-exports.getAvailablePresets = getAvailablePresets;
-exports.getPreset = getPreset;
-exports.gray = gray;
-exports.iconColors = iconColors;
-exports.info = info;
-exports.lineHeight = lineHeight;
-exports.magenta = magenta;
-exports.misc = misc;
-exports.navColors = navColors;
-exports.radius = radius;
-exports.red = red;
-exports.registerPreset = registerPreset;
-exports.shadows = shadows;
-exports.sliderColors = sliderColors;
-exports.spacing = spacing;
-exports.success = success;
-exports.text = text;
-exports.toggleColors = toggleColors;
-exports.violet = violet;
-exports.warning = warning;
-exports.widths = widths;
-//# sourceMappingURL=theme.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  alpha,
+  avatarColors,
+  base,
+  bg,
+  border,
+  breadcrumbColors,
+  buildTheme,
+  buildThemeOptions,
+  buttonColors,
+  chartColors,
+  container,
+  display,
+  error,
+  fg,
+  focusRings,
+  fontFamily,
+  fontFamilyMono,
+  fontSize,
+  fontWeight,
+  forestAgencyPreset,
+  forestAlkemyPlusPreset,
+  forestExternalPreset,
+  forestInternalPreset,
+  forestTheme,
+  forestThemeOptions,
+  getAvailablePresets,
+  getPreset,
+  gray,
+  iconColors,
+  info,
+  lineHeight,
+  magenta,
+  misc,
+  navColors,
+  radius,
+  red,
+  registerPreset,
+  shadows,
+  sliderColors,
+  spacing,
+  success,
+  text,
+  toggleColors,
+  violet,
+  warning,
+  widths
+});
 //# sourceMappingURL=theme.js.map