@wildo-ai/presets-components 1.0.1

package/dist/esm/config/preset-design-system.d.ts

@@ -0,0 +1,1498 @@
+/**
+ * Design System Presets — `UI_PALETTE_*`, `UI_TYPOGRAPHY_*`, `UI_MOTION_*`, `UI_SPACING_*`, `UI_DESIGN_SYSTEM_*`
+ *
+ * Visual identity constants — design tokens and typography.
+ * Granular sub-maps are exported for spread-compose overrides.
+ */
+import { DesignTokenModeStrategy, DesignTokenValueType } from '@wildo-ai/presets-components-models';
+import type { DesignSystemConfiguration, DesignTokenConfiguration } from '@wildo-ai/presets-components-models';
+/** Ocean palette — professional, trustworthy. Sky blue primary, violet accent. */
+export declare const UI_PALETTE_OCEAN: Record<string, DesignTokenConfiguration>;
+/** Ember palette — energetic, friendly. Coral/salmon primary, amber accent. */
+export declare const UI_PALETTE_EMBER: Record<string, DesignTokenConfiguration>;
+/** Dusk palette — premium, dark-first. Deep indigo primary, gold accent. */
+export declare const UI_PALETTE_DUSK: Record<string, DesignTokenConfiguration>;
+/** Lagoon palette — balanced, modern. Teal primary, cyan accent. */
+export declare const UI_PALETTE_LAGOON: Record<string, DesignTokenConfiguration>;
+/** Sage palette — organic, calm. Sage green primary, warm brown accent. */
+export declare const UI_PALETTE_SAGE: Record<string, DesignTokenConfiguration>;
+/** Sunset palette — creative, expressive. Orange-red primary, pink accent. */
+export declare const UI_PALETTE_SUNSET: Record<string, DesignTokenConfiguration>;
+/** Forest palette — grounded, reliable. Deep green primary, lime accent. */
+export declare const UI_PALETTE_FOREST: Record<string, DesignTokenConfiguration>;
+/** Ink palette — minimal, editorial. Neutral gray scale, single accent. */
+export declare const UI_PALETTE_INK: Record<string, DesignTokenConfiguration>;
+/** Aurora palette — futuristic, AI-native. Lavender/purple primary, cyan accent. */
+export declare const UI_PALETTE_AURORA: Record<string, DesignTokenConfiguration>;
+/** Slate palette — serious, enterprise. Blue-gray primary, teal accent. */
+export declare const UI_PALETTE_SLATE: Record<string, DesignTokenConfiguration>;
+/** Surface hierarchy tokens — default, sunken, raised, overlay, inset. */
+export declare const PRESET_SURFACE_TOKENS: Record<string, DesignTokenConfiguration>;
+/** Balanced motion — 250ms normal, smooth but not slow. General purpose. */
+export declare const UI_MOTION_BALANCED: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Snappy motion — 100ms normal, immediate, sharp. Power users, data-heavy. */
+export declare const UI_MOTION_SNAPPY: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Smooth motion — 350ms normal, emphasized, spring overshoot. Consumer, onboarding. */
+export declare const UI_MOTION_SMOOTH: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Reduced motion — 50ms fast only, linear easing. Accessibility, prefers-reduced-motion. */
+export declare const UI_MOTION_REDUCED: Record<string, DesignTokenConfiguration>;
+/** No motion — 0ms, instant, linear. Testing, strict reduced-motion. */
+export declare const UI_MOTION_NONE: Record<string, DesignTokenConfiguration>;
+/** Elevation levels (xs → xxl) with light/dark variants. */
+export declare const PRESET_SHADOW_TOKENS: Record<string, DesignTokenConfiguration>;
+/** Default spacing — 16px field, 24px section, balanced. */
+export declare const UI_SPACING_DEFAULT: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Compact spacing — tight, data tables, admin. */
+export declare const UI_SPACING_COMPACT: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Relaxed spacing — loose, consumer, content. */
+export declare const UI_SPACING_RELAXED: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Airy spacing — very loose, marketing, landing. */
+export declare const UI_SPACING_AIRY: Record<string, {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.SINGLE;
+    value: string;
+    description?: string;
+} | {
+    type: DesignTokenValueType;
+    modeStrategy: DesignTokenModeStrategy.LIGHT_DARK;
+    lightValue: string;
+    darkValue: string;
+    description?: string;
+}>;
+/** Opacity levels for disabled, muted, hover, and overlay states. */
+export declare const PRESET_OPACITY_TOKENS: Record<string, DesignTokenConfiguration>;
+/** Border width tokens for standard and emphasized separators. */
+export declare const PRESET_BORDER_WIDTH_TOKENS: Record<string, DesignTokenConfiguration>;
+/** Inter typography — neutral, invisible. Lets content speak. */
+export declare const UI_TYPOGRAPHY_INTER: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Plus Jakarta Sans — geometric precision. Dashboards, data. */
+export declare const UI_TYPOGRAPHY_JAKARTA: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** DM Sans — tabular clarity. CRM, fintech, data tables. */
+export declare const UI_TYPOGRAPHY_DM_SANS: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Geist — developer-native. Vercel-like, API tools. */
+export declare const UI_TYPOGRAPHY_GEIST: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Outfit — friendly, rounded. Consumer, onboarding. */
+export declare const UI_TYPOGRAPHY_OUTFIT: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Editorial — premium serif+sans. Fraunces for headings, Inter for body. */
+export declare const UI_TYPOGRAPHY_EDITORIAL: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Sora — soft, accessible. Education, health. */
+export declare const UI_TYPOGRAPHY_SORA: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Manrope — open, balanced. Community tools, open source. */
+export declare const UI_TYPOGRAPHY_MANROPE: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Space Grotesk — technical, mono-flavored. API docs, dev portals. */
+export declare const UI_TYPOGRAPHY_SPACE: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Urbanist — geometric, modern. Startups, modern SaaS. */
+export declare const UI_TYPOGRAPHY_URBANIST: {
+    fonts: {
+        body: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        heading: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        mono: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        ui: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+        display: {
+            family: string;
+            fallbacks: string[];
+            axisRanges?: {
+                wght?: {
+                    min: number;
+                    max: number;
+                };
+                wdth?: {
+                    min: number;
+                    max: number;
+                };
+                opsz?: {
+                    min: number;
+                    max: number;
+                };
+            };
+            defaults?: {
+                weight?: number;
+                width?: number;
+                opticalSize?: number;
+            };
+            features?: string;
+            italic?: boolean;
+        };
+    };
+    scale?: Record<string, {
+        size: string;
+        lineHeight: string;
+        letterSpacing?: string;
+    }>;
+};
+/** Ocean design system — professional neutral. Default for SaaS. */
+export declare const UI_DESIGN_SYSTEM_OCEAN: DesignSystemConfiguration;
+/** Warm design system — consumer-friendly. Ember palette, Outfit, relaxed. */
+export declare const UI_DESIGN_SYSTEM_WARM: DesignSystemConfiguration;
+/** Corporate design system — enterprise admin. Slate palette, DM Sans, snappy. */
+export declare const UI_DESIGN_SYSTEM_CORPORATE: DesignSystemConfiguration;
+/** Hacker design system — dev tools, API platforms. Forest palette, Space Grotesk, snappy. */
+export declare const UI_DESIGN_SYSTEM_HACKER: DesignSystemConfiguration;
+/** Premium design system — fintech, luxury. Dusk palette, Editorial typo, smooth. */
+export declare const UI_DESIGN_SYSTEM_PREMIUM: DesignSystemConfiguration;
+/** Wellness design system — health, wellness. Sage palette, Sora, airy. */
+export declare const UI_DESIGN_SYSTEM_WELLNESS: DesignSystemConfiguration;
+/** Neon design system — AI products. Aurora palette, Geist, balanced. */
+export declare const UI_DESIGN_SYSTEM_NEON: DesignSystemConfiguration;
+/** Editorial design system — writing tools, CMS. Ink palette, Editorial typo, snappy. */
+export declare const UI_DESIGN_SYSTEM_EDITORIAL: DesignSystemConfiguration;
+//# sourceMappingURL=preset-design-system.d.ts.map