import type { CSSProperties } from "react"; export type PersonaId = "midnight-slate" | "midnight-meridian" | "solar-apex" | "violet-nebula" | "aurora-noir" | "helios-foundry" | "glacier-morn" | "terra-inflect" | "lumen-veil" | "nimbus-relay"; export interface PersonaColorTokens { background: { canvas: string; surface: string; }; text: { primary: string; }; accent: { primary: string; secondary: string; }; state: { success: string; warning: string; error: string; }; shadow: { panel: string; }; focus: { ring: string; }; } export interface PersonaTypographyEntry { weight: number; size: string; letterSpacing: string; lineHeight?: string; } export interface PersonaTypographyScale { display: PersonaTypographyEntry; headline: PersonaTypographyEntry; metric: PersonaTypographyEntry; body: PersonaTypographyEntry; caption: PersonaTypographyEntry; } export interface PersonaSpacing { baseGrid: string; panelRadius: string; buttonRadius: string; overlayBlur: string; layoutPattern: string; } export interface PersonaMotionDurations { entry: string; hover: string; focus: string; async: string; } export interface PersonaMetadata { name: string; id: PersonaId; primaryContext: string; paletteAnchor: string; surfaceSchema: string; typographyScaleDescription: string; motionSignals: string; narrativePillars?: string[]; keyTokens?: string[]; microinteractionNotes?: string[]; } export interface PersonaConfig { meta: PersonaMetadata; colors: PersonaColorTokens; typography: PersonaTypographyScale; spacing: PersonaSpacing; motion: PersonaMotionDurations; tokens?: Record; } /** * Persona identity belongs on the canvas, content accents, and state cues—not * in the glass material itself. Every persona therefore shares one neutral, * luminous white-channel surface. Keeping every stop inside the roughly * 0.018–0.105 alpha band preserves refraction without turning a panel into * opaque navy, chromatic glass, or a milky frost layer. */ export declare const PERSONA_GLASS_SURFACE = "linear-gradient(145deg, rgba(255,255,255,0.105) 0%, rgba(255,255,255,0.035) 55%, rgba(255,255,255,0.018) 100%)"; export declare const DESIGN_MATRIX: Record; export declare const PERSONA_IDS: PersonaId[]; export declare const PERSONA_LIST: PersonaConfig[]; export declare const DEFAULT_PERSONA_ID: PersonaId; export declare const getPersonaConfig: (id: PersonaId) => PersonaConfig; //# sourceMappingURL=designMatrix.d.ts.map