@matteoaliano/forest-ui 0.2.1 → 0.2.2

package/dist/index-BFpF-T3z.d.ts

@@ -1,273 +0,0 @@
-import * as _mui_material_styles from '@mui/material/styles';
-import { PaletteOptions, TypographyVariantsOptions, Components, Theme, Shadows, ThemeOptions } from '@mui/material/styles';
-
-/**
- * Design tokens extracted from Figma.
- * These are the primitive values that the semantic theme references.
- */
-declare const colors: {
-    readonly base: {
-        readonly white: "#ffffff";
-        readonly black: "#000000";
-        readonly transparent: "#ffffff00";
-    };
-    readonly brand: {
-        readonly 25: "#fcfaff";
-        readonly 50: "#f9f5ff";
-        readonly 100: "#f4ebff";
-        readonly 200: "#e9d7fe";
-        readonly 300: "#d6bbfb";
-        readonly 400: "#b692f6";
-        readonly 500: "#9e77ed";
-        readonly 600: "#7f56d9";
-        readonly 700: "#6941c6";
-        readonly 800: "#53389e";
-        readonly 900: "#42307d";
-        readonly 950: "#2c1c5f";
-    };
-    readonly gray: {
-        readonly 25: "#fcfcfd";
-        readonly 50: "#f9fafb";
-        readonly 100: "#f2f4f7";
-        readonly 200: "#eaecf0";
-        readonly 300: "#d0d5dd";
-        readonly 400: "#98a2b3";
-        readonly 500: "#667085";
-        readonly 600: "#475467";
-        readonly 700: "#344054";
-        readonly 800: "#182230";
-        readonly 900: "#101828";
-        readonly 950: "#0c111d";
-    };
-    readonly 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";
-    };
-    readonly 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";
-    };
-    readonly 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";
-    };
-    readonly blue: {
-        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$1: {
-    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 #9e77ed3d";
-    readonly brandShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #9e77ed3d";
-    readonly brandShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #9e77ed3d";
-    readonly gray: "0px 0px 0px 4px #98a2b324";
-    readonly grayShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #98a2b324";
-    readonly grayShadowSm: "0px 1px 3px 0px #1018281a, 0px 1px 2px 0px #1018280f, 0px 0px 0px 4px #98a2b324";
-    readonly error: "0px 0px 0px 4px #f044383d";
-    readonly errorShadowXs: "0px 1px 2px 0px #1018280d, 0px 0px 0px 4px #f044383d";
-};
-declare const fontFamily = "\"Poppins\", sans-serif";
-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;
-};
-
-/** Full set of design tokens that a preset variant must provide. */
-interface DesignTokens {
-    colors: typeof colors;
-    spacing: typeof spacing;
-    radius: typeof radius;
-    shadows: typeof shadows$1;
-    focusRings: typeof focusRings;
-    fontFamily: string;
-    fontSize: typeof fontSize;
-    lineHeight: typeof lineHeight;
-    fontWeight: typeof fontWeight;
-    display: typeof display;
-    container: typeof container;
-    widths: typeof widths;
-}
-/** 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>;
-}
-
-declare const palette: PaletteOptions;
-
-declare const typography: TypographyVariantsOptions;
-
-declare const components: Components<Theme>;
-
-declare const shadows: Shadows;
-
-/** Assemble a MUI ThemeOptions object from a full set of design tokens. */
-declare function buildThemeOptions(tokens: DesignTokens): ThemeOptions;
-/** Create a fully resolved MUI Theme from a full set of design tokens. */
-declare function buildTheme(tokens: DesignTokens): Theme;
-
-declare const forestPreset: 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 forestThemeOptions: ThemeOptions;
-declare const forestTheme: _mui_material_styles.Theme;
-
-export { type DesignTokens as D, type PresetVariantConfig as P, type ThemePreset as T, buildThemeOptions as a, buildTheme as b, colors as c, container as d, display as e, focusRings as f, fontFamily as g, fontSize as h, fontWeight as i, forestPreset as j, forestTheme as k, forestThemeOptions as l, getAvailablePresets as m, getPreset as n, lineHeight as o, registerPreset as p, shadows$1 as q, radius as r, spacing as s, components as t, palette as u, shadows as v, widths as w, typography as x };