@matteoaliano/forest-ui 0.3.6 → 0.4.0

package/dist/theme.d.mts

@@ -1,3 +1,770 @@
-import '@mui/material';
-import '@mui/material/styles';
-export { D as DesignTokens, P as PresetVariantConfig, T as ThemePreset, a as alpha, b as avatarColors, c as base, d as bg, e as border, f as breadcrumbColors, g as buildTheme, h as buildThemeOptions, i as buttonColors, j as chartColors, O as components, k as container, l as display, m as error, n as fg, o as focusRings, p as fontFamily, q as fontSize, r as fontWeight, s as forestAgencyPreset, t as forestExternalPreset, u as forestInternalPreset, v as forestTheme, w as forestThemeOptions, x as getAvailablePresets, y as getPreset, Q as gray, z as iconColors, A as info, B as lineHeight, R as magenta, S as misc, C as navColors, U as palette, E as radius, V as radiusSharp, W as red, F as registerPreset, X as shadows, G as sliderColors, H as spacing, I as success, J as text, K as toggleColors, Y as typography, Z as violet, M as warning, N as widths } from './index-BCXD47YU.mjs';
+import * as _mui_material from '@mui/material';
+import { Theme, ThemeOptions } from '@mui/material/styles';
+
+/**
+ * Design tokens extracted from Figma.
+ * These are the primitive values that the semantic theme references.
+ */
+declare const violet: {
+    readonly 25: "#faf8ff";
+    readonly 50: "#f5f0ff";
+    readonly 100: "#ebe0ff";
+    readonly 200: "#d6c0ff";
+    readonly 300: "#b090ff";
+    readonly 400: "#9D5FFF";
+    readonly 500: "#7c4de6";
+    readonly 600: "#5b3acc";
+    readonly 700: "#3a1aad";
+    readonly 800: "#190a8a";
+    readonly 900: "#000066";
+    readonly 950: "#000033";
+};
+declare const magenta: {
+    readonly 25: "#fff8fd";
+    readonly 50: "#fff0fa";
+    readonly 100: "#ffe0f5";
+    readonly 200: "#ffc0eb";
+    readonly 300: "#ff90d8";
+    readonly 400: "#FF78F3";
+    readonly 500: "#e650d4";
+    readonly 600: "#cc28b5";
+    readonly 700: "#a3008c";
+    readonly 800: "#7a0066";
+    readonly 900: "#520044";
+    readonly 950: "#290022";
+};
+declare const gray: {
+    readonly 25: "#fdfcfc";
+    readonly 50: "#faf9f8";
+    readonly 100: "#f5f3f1";
+    readonly 200: "#e8e5e3";
+    readonly 300: "#d8d8dc";
+    readonly 400: "#a0a0a6";
+    readonly 500: "#71717a";
+    readonly 600: "#52525b";
+    readonly 700: "#3f3f46";
+    readonly 800: "#27272a";
+    readonly 900: "#18181b";
+    readonly 950: "#09090b";
+};
+declare const red: {
+    readonly 25: "#fff8f7";
+    readonly 50: "#fff0ee";
+    readonly 100: "#ffe0dd";
+    readonly 200: "#ffc0bb";
+    readonly 300: "#ff9090";
+    readonly 400: "#FF2821";
+    readonly 500: "#e61a1a";
+    readonly 600: "#cc1010";
+    readonly 700: "#a30808";
+    readonly 800: "#7a0000";
+    readonly 900: "#520000";
+    readonly 950: "#290000";
+};
+declare const misc: {
+    readonly teal: {
+        readonly 25: "#f6fefc";
+        readonly 50: "#f0fdf9";
+        readonly 100: "#ccfbef";
+        readonly 200: "#99f6e0";
+        readonly 300: "#5fe9d0";
+        readonly 400: "#2ed3b7";
+        readonly 500: "#15b79e";
+        readonly 600: "#0e9384";
+        readonly 700: "#107569";
+        readonly 800: "#125d56";
+        readonly 900: "#134e48";
+        readonly 950: "#0a2926";
+    };
+    readonly orange: {
+        readonly 25: "#fefaf5";
+        readonly 50: "#fef6ee";
+        readonly 100: "#fdead7";
+        readonly 200: "#f9dbaf";
+        readonly 300: "#f7b27a";
+        readonly 400: "#f38744";
+        readonly 500: "#ef6820";
+        readonly 600: "#e04f16";
+        readonly 700: "#b93815";
+        readonly 800: "#932f19";
+        readonly 900: "#772917";
+        readonly 950: "#511c10";
+    };
+    readonly purple: {
+        readonly 25: "#fafaff";
+        readonly 50: "#f4f3ff";
+        readonly 100: "#ebe9fe";
+        readonly 200: "#d9d6fe";
+        readonly 300: "#bdb4fe";
+        readonly 400: "#9b8afb";
+        readonly 500: "#7a5af8";
+        readonly 600: "#6938ef";
+        readonly 700: "#5925dc";
+        readonly 800: "#4a1fb8";
+        readonly 900: "#3e1c96";
+        readonly 950: "#27115f";
+    };
+    readonly pink: {
+        readonly 25: "#fef6fb";
+        readonly 50: "#fdf2fa";
+        readonly 100: "#fce7f6";
+        readonly 200: "#fcceee";
+        readonly 300: "#faa7e0";
+        readonly 400: "#f670c7";
+        readonly 500: "#ee46bc";
+        readonly 600: "#dd2590";
+        readonly 700: "#c11574";
+        readonly 800: "#9e165f";
+        readonly 900: "#851651";
+        readonly 950: "#4e0d30";
+    };
+    readonly fuchsia: {
+        readonly 25: "#fefaff";
+        readonly 50: "#fdf4ff";
+        readonly 100: "#fbe8ff";
+        readonly 200: "#f6d0fe";
+        readonly 300: "#eeaafd";
+        readonly 400: "#e478fa";
+        readonly 500: "#d444f1";
+        readonly 600: "#ba24d5";
+        readonly 700: "#9f1ab1";
+        readonly 800: "#821890";
+        readonly 900: "#6f1877";
+        readonly 950: "#47104c";
+    };
+    readonly orangeDark: {
+        readonly 25: "#fff9f5";
+        readonly 50: "#fff4ed";
+        readonly 100: "#ffe6d5";
+        readonly 200: "#ffd6ae";
+        readonly 300: "#ff9c66";
+        readonly 400: "#ff692e";
+        readonly 500: "#ff4405";
+        readonly 600: "#e62e05";
+        readonly 700: "#bc1b06";
+        readonly 800: "#97180c";
+        readonly 900: "#771a0d";
+        readonly 950: "#57130a";
+    };
+    readonly green: {
+        readonly 25: "#f6fef9";
+        readonly 50: "#edfcf2";
+        readonly 100: "#d3f8df";
+        readonly 200: "#aaf0c4";
+        readonly 300: "#73e2a3";
+        readonly 400: "#3ccb7f";
+        readonly 500: "#16b364";
+        readonly 600: "#099250";
+        readonly 700: "#087443";
+        readonly 800: "#095c37";
+        readonly 900: "#084c2e";
+        readonly 950: "#052e1c";
+    };
+    readonly indigo: {
+        readonly 25: "#f5f8ff";
+        readonly 50: "#eef4ff";
+        readonly 100: "#e0eaff";
+        readonly 200: "#c7d7fe";
+        readonly 300: "#a4bcfd";
+        readonly 400: "#8098f9";
+        readonly 500: "#6172f3";
+        readonly 600: "#444ce7";
+        readonly 700: "#3538cd";
+        readonly 800: "#2d31a6";
+        readonly 900: "#2d3282";
+        readonly 950: "#1f235b";
+    };
+    readonly rose: {
+        readonly 25: "#fff5f6";
+        readonly 50: "#fff1f3";
+        readonly 100: "#ffe4e8";
+        readonly 200: "#fecdd6";
+        readonly 300: "#fea3b4";
+        readonly 400: "#fd6f8e";
+        readonly 500: "#f63d68";
+        readonly 600: "#e31b54";
+        readonly 700: "#c01048";
+        readonly 800: "#a11043";
+        readonly 900: "#89123e";
+        readonly 950: "#510b24";
+    };
+    readonly blueLight: {
+        readonly 25: "#f5fbff";
+        readonly 50: "#f0f9ff";
+        readonly 100: "#e0f2fe";
+        readonly 200: "#b9e6fe";
+        readonly 300: "#7cd4fd";
+        readonly 400: "#36bffa";
+        readonly 500: "#0ba5ec";
+        readonly 600: "#0086c9";
+        readonly 700: "#026aa2";
+        readonly 800: "#065986";
+        readonly 900: "#0b4a6f";
+        readonly 950: "#062c41";
+    };
+    readonly cyan: {
+        readonly 25: "#f5feff";
+        readonly 50: "#ecfdff";
+        readonly 100: "#cff9fe";
+        readonly 200: "#a5f0fc";
+        readonly 300: "#67e3f9";
+        readonly 400: "#22ccee";
+        readonly 500: "#06aed4";
+        readonly 600: "#088ab2";
+        readonly 700: "#0e7090";
+        readonly 800: "#155b75";
+        readonly 900: "#164c63";
+        readonly 950: "#0d2d3a";
+    };
+};
+declare const base: {
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+    readonly transparent: "#ffffff00";
+};
+declare const error: {
+    readonly 25: "#fffbfa";
+    readonly 50: "#fef3f2";
+    readonly 100: "#fee4e2";
+    readonly 200: "#fecdca";
+    readonly 300: "#fda29b";
+    readonly 400: "#f97066";
+    readonly 500: "#f04438";
+    readonly 600: "#d92d20";
+    readonly 700: "#b42318";
+    readonly 800: "#912018";
+    readonly 900: "#7a271a";
+    readonly 950: "#55160c";
+};
+declare const warning: {
+    readonly 25: "#fffcf5";
+    readonly 50: "#fffaeb";
+    readonly 100: "#fef0c7";
+    readonly 200: "#fedf89";
+    readonly 300: "#fec84b";
+    readonly 400: "#fdb022";
+    readonly 500: "#f79009";
+    readonly 600: "#dc6803";
+    readonly 700: "#b54708";
+    readonly 800: "#93370d";
+    readonly 900: "#7a2e0e";
+    readonly 950: "#4e1d09";
+};
+declare const success: {
+    readonly 25: "#f6fef9";
+    readonly 50: "#ecfdf3";
+    readonly 100: "#dcfae6";
+    readonly 200: "#abefc6";
+    readonly 300: "#75e0a7";
+    readonly 400: "#47cd89";
+    readonly 500: "#17b26a";
+    readonly 600: "#079455";
+    readonly 700: "#067647";
+    readonly 800: "#085d3a";
+    readonly 900: "#074d31";
+    readonly 950: "#053321";
+};
+declare const info: {
+    readonly 25: "#f5faff";
+    readonly 50: "#eff8ff";
+    readonly 100: "#d1e9ff";
+    readonly 200: "#b2ddff";
+    readonly 300: "#84caff";
+    readonly 400: "#53b1fd";
+    readonly 500: "#2e90fa";
+    readonly 600: "#1570ef";
+    readonly 700: "#175cd3";
+    readonly 800: "#1849a9";
+    readonly 900: "#194185";
+    readonly 950: "#102a56";
+};
+declare const spacing: {
+    readonly none: 0;
+    readonly xxs: 2;
+    readonly xs: 4;
+    readonly sm: 6;
+    readonly md: 8;
+    readonly lg: 12;
+    readonly xl: 16;
+    readonly "2xl": 20;
+    readonly "3xl": 24;
+    readonly "4xl": 32;
+    readonly "5xl": 40;
+    readonly "6xl": 48;
+    readonly "7xl": 64;
+    readonly "8xl": 80;
+    readonly "9xl": 96;
+    readonly "10xl": 128;
+    readonly "11xl": 160;
+};
+declare const radius: {
+    readonly none: 0;
+    readonly xxs: 2;
+    readonly xs: 4;
+    readonly sm: 6;
+    readonly md: 8;
+    readonly lg: 10;
+    readonly xl: 12;
+    readonly "2xl": 16;
+    readonly "3xl": 20;
+    readonly "4xl": 24;
+    readonly full: 9999;
+};
+declare const shadows: {
+    readonly xs: "0px 1px 2px 0px #1018280d";
+    readonly sm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f";
+    readonly md: "0px 4px 8px -2px #1018281a, 0px 2px 4px -2px #1018280f";
+    readonly lg: "0px 12px 16px -4px #10182814, 0px 4px 6px -2px #10182808";
+    readonly xl: "0px 20px 24px -4px #10182814, 0px 8px 8px -4px #10182808";
+    readonly "2xl": "0px 24px 48px -12px #1018282e";
+    readonly "3xl": "0px 32px 64px -12px #10182824";
+};
+declare const focusRings: {
+    readonly brand: "0px 0px 0px 4px #7c4de63d";
+    readonly brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #7c4de63d";
+    readonly brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #7c4de63d";
+    readonly gray: "0px 0px 0px 4px #a0a0a624";
+    readonly grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #a0a0a624";
+    readonly grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #a0a0a624";
+    readonly error: "0px 0px 0px 4px #f044383d";
+    readonly errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d";
+};
+declare const fontFamily = "\"Aeonik\", sans-serif";
+declare const fontFamilyMono = "\"Aeonik Mono\", monospace";
+declare const fontSize: {
+    readonly xxs: 11;
+    readonly xs: 12;
+    readonly sm: 14;
+    readonly md: 16;
+    readonly lg: 18;
+    readonly xl: 20;
+};
+declare const lineHeight: {
+    readonly xxs: "16px";
+    readonly xs: "18px";
+    readonly sm: "20px";
+    readonly md: "24px";
+    readonly lg: "28px";
+    readonly xl: "30px";
+};
+declare const fontWeight: {
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+};
+declare const display: {
+    readonly "2xl": {
+        readonly fontSize: 72;
+        readonly lineHeight: "90px";
+        readonly letterSpacing: "-0.02em";
+    };
+    readonly xl: {
+        readonly fontSize: 60;
+        readonly lineHeight: "72px";
+        readonly letterSpacing: "-0.02em";
+    };
+    readonly lg: {
+        readonly fontSize: 48;
+        readonly lineHeight: "60px";
+        readonly letterSpacing: "-0.02em";
+    };
+    readonly md: {
+        readonly fontSize: 36;
+        readonly lineHeight: "44px";
+        readonly letterSpacing: "-0.02em";
+    };
+    readonly sm: {
+        readonly fontSize: 30;
+        readonly lineHeight: "38px";
+    };
+    readonly xs: {
+        readonly fontSize: 24;
+        readonly lineHeight: "32px";
+    };
+};
+declare const container: {
+    readonly maxWidthDesktop: 1280;
+    readonly paddingDesktop: 32;
+    readonly paddingMobile: 16;
+};
+declare const widths: {
+    readonly xxs: 320;
+    readonly xs: 384;
+    readonly sm: 480;
+    readonly md: 560;
+    readonly lg: 640;
+    readonly xl: 768;
+    readonly "2xl": 1024;
+    readonly "3xl": 1280;
+    readonly "4xl": 1440;
+    readonly "5xl": 1600;
+    readonly "6xl": 1920;
+};
+declare const text: {
+    readonly primary: "#18181b";
+    readonly secondary: "#3f3f46";
+    readonly secondaryHover: "#27272a";
+    readonly tertiary: "#52525b";
+    readonly tertiaryHover: "#3f3f46";
+    readonly quaternary: "#71717a";
+    readonly disabled: "#71717a";
+    readonly placeholder: "#71717a";
+    readonly placeholderSubtle: "#d8d8dc";
+    readonly white: "#ffffff";
+    readonly brandPrimary: "#000066";
+    readonly brandSecondary: "#3a1aad";
+    readonly brandTertiary: "#5b3acc";
+    readonly brandTertiaryAlt: "#5b3acc";
+    readonly primaryOnBrand: "#ffffff";
+    readonly secondaryOnBrand: "#d6c0ff";
+    readonly tertiaryOnBrand: "#d6c0ff";
+    readonly quaternaryOnBrand: "#b090ff";
+    readonly errorPrimary: "#d92d20";
+    readonly warningPrimary: "#dc6803";
+    readonly successPrimary: "#079455";
+};
+declare const bg: {
+    readonly primary: "#faf9f8";
+    readonly primaryAlt: "#faf9f8";
+    readonly primaryHover: "#f5f3f1";
+    readonly primarySolid: "#09090b";
+    readonly secondary: "#ffffff";
+    readonly secondaryAlt: "#ffffff";
+    readonly secondarySubtle: "#fdfcfc";
+    readonly secondaryHover: "#faf9f8";
+    readonly secondarySolid: "#52525b";
+    readonly tertiary: "#f5f3f1";
+    readonly quaternary: "#e8e5e3";
+    readonly active: "#e8e5e3";
+    readonly disabled: "#f5f3f1";
+    readonly disabledSubtle: "#faf9f8";
+    readonly overlay: "#09090b";
+    readonly brandPrimary: "#f5f0ff";
+    readonly brandPrimaryAlt: "#f5f0ff";
+    readonly brandSecondary: "#ebe0ff";
+    readonly brandSolid: "#5b3acc";
+    readonly brandSolidHover: "#3a1aad";
+    readonly brandSection: "#190a8a";
+    readonly brandSectionSubtle: "#3a1aad";
+    readonly errorPrimary: "#fef3f2";
+    readonly errorSecondary: "#fee4e2";
+    readonly errorSolid: "#d92d20";
+    readonly warningPrimary: "#fffaeb";
+    readonly warningSecondary: "#fef0c7";
+    readonly warningSolid: "#dc6803";
+    readonly successPrimary: "#ecfdf3";
+    readonly successSecondary: "#dcfae6";
+    readonly successSolid: "#079455";
+};
+declare const fg: {
+    readonly primary: "#18181b";
+    readonly secondary: "#3f3f46";
+    readonly secondaryHover: "#27272a";
+    readonly tertiary: "#52525b";
+    readonly tertiaryHover: "#3f3f46";
+    readonly quaternary: "#71717a";
+    readonly quaternaryHover: "#52525b";
+    readonly quinary: "#a0a0a6";
+    readonly quinaryHover: "#71717a";
+    readonly senary: "#d8d8dc";
+    readonly white: "#ffffff";
+    readonly disabled: "#a0a0a6";
+    readonly disabledSubtle: "#d8d8dc";
+    readonly brandPrimary: "#5b3acc";
+    readonly brandPrimaryAlt: "#5b3acc";
+    readonly brandSecondary: "#7c4de6";
+    readonly errorPrimary: "#d92d20";
+    readonly errorSecondary: "#f04438";
+    readonly warningPrimary: "#dc6803";
+    readonly warningSecondary: "#f79009";
+    readonly successPrimary: "#079455";
+    readonly successSecondary: "#17b26a";
+};
+declare const border: {
+    readonly primary: "#d8d8dc";
+    readonly secondary: "#e8e5e3";
+    readonly tertiary: "#f5f3f1";
+    readonly disabled: "#d8d8dc";
+    readonly disabledSubtle: "#e8e5e3";
+    readonly brand: "#b090ff";
+    readonly brandSolid: "#5b3acc";
+    readonly brandSolidAlt: "#5b3acc";
+    readonly error: "#fda29b";
+    readonly errorSolid: "#d92d20";
+};
+declare const buttonColors: {
+    readonly primary: {
+        readonly bg: "#5b3acc";
+        readonly bgHover: "#3a1aad";
+        readonly fg: "#ffffff";
+        readonly fgHover: "#ffffff";
+        readonly border: "#5b3acc";
+        readonly borderHover: "#3a1aad";
+    };
+    readonly secondary: {
+        readonly bg: "#18181b";
+        readonly bgHover: "#09090b";
+        readonly fg: "#ffffff";
+        readonly fgHover: "#ffffff";
+        readonly border: "#18181b";
+        readonly borderHover: "#09090b";
+    };
+    readonly secondaryColor: {
+        readonly bg: "#ffffff";
+        readonly bgHover: "#f5f0ff";
+        readonly fg: "#3a1aad";
+        readonly fgHover: "#190a8a";
+        readonly border: "#b090ff";
+        readonly borderHover: "#b090ff";
+    };
+    readonly tertiary: {
+        readonly fg: "#52525b";
+        readonly fgHover: "#3f3f46";
+        readonly bgHover: "#faf9f8";
+    };
+    readonly tertiaryColor: {
+        readonly fg: "#3a1aad";
+        readonly fgHover: "#190a8a";
+        readonly bgHover: "#f5f0ff";
+    };
+    readonly primaryError: {
+        readonly bg: "#d92d20";
+        readonly bgHover: "#b42318";
+        readonly fg: "#ffffff";
+        readonly fgHover: "#ffffff";
+        readonly border: "#d92d20";
+        readonly borderHover: "#b42318";
+    };
+    readonly secondaryError: {
+        readonly bg: "#ffffff";
+        readonly bgHover: "#fef3f2";
+        readonly fg: "#b42318";
+        readonly fgHover: "#912018";
+        readonly border: "#fda29b";
+        readonly borderHover: "#fda29b";
+    };
+    readonly tertiaryError: {
+        readonly fg: "#b42318";
+        readonly fgHover: "#912018";
+        readonly bgHover: "#fef3f2";
+    };
+};
+declare const avatarColors: {
+    readonly bg: "#f5f3f1";
+    readonly contrastBorder: "#00000014";
+    readonly profilePhotoBorder: "#ffffff";
+    readonly focusBorder: "#a0a0a624";
+};
+declare const breadcrumbColors: {
+    readonly fg: "#52525b";
+    readonly fgHover: "#3f3f46";
+    readonly bgHover: "#faf9f8";
+    readonly brandBgHover: "#f5f0ff";
+    readonly brandFgHover: "#3a1aad";
+    readonly iconFg: "#71717a";
+    readonly iconFgHover: "#3f3f46";
+    readonly brandIconFgHover: "#3a1aad";
+};
+declare const iconColors: {
+    readonly fgBrand: "#5b3acc";
+    readonly fgBrandOnBrand: "#d6c0ff";
+    readonly featuredModernBorder: "#e8e5e3";
+    readonly featuredLightFgBrand: "#5b3acc";
+    readonly featuredLightFgGray: "#71717a";
+    readonly featuredLightFgError: "#d92d20";
+    readonly featuredLightFgWarning: "#dc6803";
+    readonly featuredLightFgSuccess: "#079455";
+    readonly featuredDarkFgBrand: "#ffffff";
+    readonly featuredDarkFgGray: "#ffffff";
+    readonly featuredDarkFgError: "#ffffff";
+    readonly featuredDarkFgWarning: "#ffffff";
+    readonly featuredDarkFgSuccess: "#ffffff";
+};
+declare const navColors: {
+    readonly itemIconFg: "#71717a";
+    readonly itemIconFgActive: "#3f3f46";
+    readonly itemButtonIconFg: "#71717a";
+    readonly itemButtonIconFgActive: "#3f3f46";
+};
+declare const sliderColors: {
+    readonly handleBorder: "#5b3acc";
+    readonly handleBg: "#ffffff";
+};
+declare const toggleColors: {
+    readonly buttonFgDisabled: "#faf9f8";
+};
+declare const chartColors: {
+    readonly axisFg: "#f5f3f1";
+    readonly gridlineFg: "#f5f3f1";
+    readonly labelFg: "#52525b";
+    readonly labelFgEmphasis: "#3f3f46";
+    readonly bg: "#ffffff";
+    readonly bgAlt: "#faf9f8";
+    readonly tooltipBg: "#09090b";
+    readonly tooltipFg: "#ffffff";
+    readonly crosshairFg: "#71717a";
+    readonly legendFg: "#52525b";
+    readonly series: readonly [{
+        readonly fg: "#7a5af8";
+        readonly fgHover: "#6938ef";
+        readonly bg: "#ebe9fe";
+        readonly bgHover: "#d9d6fe";
+    }, {
+        readonly fg: "#ff692e";
+        readonly fgHover: "#ff4405";
+        readonly bg: "#ffe6d5";
+        readonly bgHover: "#ffd6ae";
+    }, {
+        readonly fg: "#5fe9d0";
+        readonly fgHover: "#2ed3b7";
+        readonly bg: "#f0fdf9";
+        readonly bgHover: "#ccfbef";
+    }, {
+        readonly fg: "#fdb022";
+        readonly fgHover: "#f79009";
+        readonly bg: "#fef0c7";
+        readonly bgHover: "#fedf89";
+    }, {
+        readonly fg: "#fd6f8e";
+        readonly fgHover: "#f63d68";
+        readonly bg: "#ffe4e8";
+        readonly bgHover: "#fecdd6";
+    }, {
+        readonly fg: "#36bffa";
+        readonly fgHover: "#0ba5ec";
+        readonly bg: "#e0f2fe";
+        readonly bgHover: "#b9e6fe";
+    }, {
+        readonly fg: "#f7b27a";
+        readonly fgHover: "#f38744";
+        readonly bg: "#fdead7";
+        readonly bgHover: "#f9dbaf";
+    }, {
+        readonly fg: "#088ab2";
+        readonly fgHover: "#0e7090";
+        readonly bg: "#cff9fe";
+        readonly bgHover: "#a5f0fc";
+    }, {
+        readonly fg: "#16b364";
+        readonly fgHover: "#099250";
+        readonly bg: "#d3f8df";
+        readonly bgHover: "#aaf0c4";
+    }, {
+        readonly fg: "#f670c7";
+        readonly fgHover: "#ee46bc";
+        readonly bg: "#fce7f6";
+        readonly bgHover: "#fcceee";
+    }, {
+        readonly fg: "#e478fa";
+        readonly fgHover: "#d444f1";
+        readonly bg: "#fbe8ff";
+        readonly bgHover: "#f6d0fe";
+    }, {
+        readonly fg: "#0e9384";
+        readonly fgHover: "#107569";
+        readonly bg: "#ccfbef";
+        readonly bgHover: "#99f6e0";
+    }];
+};
+declare const alpha: {
+    readonly white: {
+        readonly 10: "#ffffff1a";
+        readonly 20: "#ffffff33";
+        readonly 30: "#ffffff4d";
+        readonly 40: "#ffffff66";
+        readonly 50: "#ffffff80";
+        readonly 60: "#ffffff99";
+        readonly 70: "#ffffffb3";
+        readonly 80: "#ffffffcc";
+        readonly 90: "#ffffffe6";
+        readonly 100: "#ffffff";
+    };
+    readonly black: {
+        readonly 10: "#0000001a";
+        readonly 20: "#00000033";
+        readonly 30: "#0000004d";
+        readonly 40: "#00000066";
+        readonly 50: "#00000080";
+        readonly 60: "#00000099";
+        readonly 70: "#000000b3";
+        readonly 80: "#000000cc";
+        readonly 90: "#000000e6";
+        readonly 100: "#000000";
+    };
+};
+
+/**
+ * Recursively widen all literal string values to `string` while preserving
+ * the object shape. This allows presets to provide different hex values
+ * without fighting literal-type checks.
+ */
+type Widen<T> = T extends string ? string : T extends number ? number : T extends object ? {
+    [K in keyof T]: Widen<T[K]>;
+} : T;
+/** Full set of design tokens that a preset variant must provide. */
+interface DesignTokens {
+    base: Widen<typeof base>;
+    error: Widen<typeof error>;
+    warning: Widen<typeof warning>;
+    success: Widen<typeof success>;
+    info: Widen<typeof info>;
+    spacing: Widen<typeof spacing>;
+    radius: Widen<typeof radius>;
+    shadows: Widen<typeof shadows>;
+    focusRings: Widen<typeof focusRings>;
+    fontFamily: string;
+    fontFamilyMono: string;
+    fontSize: Widen<typeof fontSize>;
+    lineHeight: Widen<typeof lineHeight>;
+    fontWeight: Widen<typeof fontWeight>;
+    display: Widen<typeof display>;
+    container: Widen<typeof container>;
+    widths: Widen<typeof widths>;
+    text: Widen<typeof text>;
+    bg: Widen<typeof bg>;
+    fg: Widen<typeof fg>;
+    border: Widen<typeof border>;
+    buttonColors: Widen<typeof buttonColors>;
+    avatarColors: Widen<typeof avatarColors>;
+    breadcrumbColors: Widen<typeof breadcrumbColors>;
+    iconColors: Widen<typeof iconColors>;
+    navColors: Widen<typeof navColors>;
+    sliderColors: Widen<typeof sliderColors>;
+    toggleColors: Widen<typeof toggleColors>;
+    chartColors: Widen<typeof chartColors>;
+    alpha: Widen<typeof alpha>;
+}
+/** Configuration for a single variant within a preset. */
+interface PresetVariantConfig {
+    tokens: DesignTokens;
+}
+/** A named theme preset with one or more variants. */
+interface ThemePreset {
+    name: string;
+    defaultVariant: string;
+    variants: Record<string, PresetVariantConfig>;
+}
+
+/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
+declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
+/** Create a fully resolved MUI Theme from a full set of design tokens. */
+declare function buildTheme(tokens: DesignTokens): Theme;
+
+declare const forestExternalPreset: ThemePreset;
+
+declare const forestAgencyPreset: ThemePreset;
+
+declare const forestInternalPreset: ThemePreset;
+
+/** Get a preset by name. Returns `undefined` if not found. */
+declare function getPreset(name: string): ThemePreset | undefined;
+/** Register a custom preset (or override a built-in one). */
+declare function registerPreset(preset: ThemePreset): void;
+/** List all registered preset names. */
+declare function getAvailablePresets(): string[];
+
+declare const forestTheme: _mui_material.Theme;
+declare const forestThemeOptions: _mui_material.ThemeOptions;
+
+export { type DesignTokens, type PresetVariantConfig, type ThemePreset, alpha, avatarColors, base, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, container, display, error, fg, focusRings, fontFamily, fontFamilyMono, fontSize, fontWeight, forestAgencyPreset, 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 };