af-motion 0.0.0-stage → 1.0.0

package/dist/core/visual-style-registry.d.ts

@@ -0,0 +1,659 @@
+/**
+ * AF Motion Visual Style Registry & Schema Foundation
+ *
+ * Centralized, extensible, framework-independent registry and compatibility engine
+ * for visual design styles, establishing the design language foundation for AF Motion.
+ */
+import { type UnifiedMotionSchema } from "./schema.js";
+export declare const VISUAL_STYLE_SCHEMA_SPEC_VERSION = "1.0.0";
+export type VisualStyleCategory = "retro" | "skeuomorphic" | "modernist" | "experimental" | "expressive" | "dimensional" | "traditional" | "minimal" | "cyber";
+export interface VisualStyleTypography {
+    readonly headingFont: string;
+    readonly bodyFont: string;
+    readonly scaleRatio: number;
+    readonly fontWeights: {
+        readonly heading: number | string;
+        readonly body: number | string;
+    };
+    readonly letterSpacing?: string;
+    readonly textTransform?: "none" | "uppercase" | "lowercase" | "capitalize";
+    readonly lineHeights?: {
+        readonly heading: number | string;
+        readonly body: number | string;
+    };
+}
+export interface VisualStyleShapeLanguage {
+    readonly cornerRadius: string;
+    readonly borderWidth: string;
+    readonly borderStyle: "solid" | "dashed" | "dotted" | "double" | "none";
+    readonly geometricTendency: "sharp" | "rounded" | "fluid" | "organic" | "rigid" | "distorted";
+    readonly aspectRatios?: readonly string[];
+}
+export interface VisualStyleLayout {
+    readonly density: "compact" | "normal" | "spacious" | "dense";
+    readonly gridStructure: "strict" | "asymmetric" | "broken" | "dense" | "minimal";
+    readonly alignment: "left" | "center" | "justified" | "off-grid";
+    readonly whitespaceRule: "generous" | "tight" | "chaotic" | "structured";
+}
+export interface VisualStyleGraphics {
+    readonly iconography: "line" | "solid" | "duotone" | "realistic" | "abstract" | "hand-drawn";
+    readonly borders: "clean" | "heavy" | "ornate" | "embossed" | "glitched" | "none";
+    readonly dividers: "subtle" | "prominent" | "decorative" | "none";
+    readonly decorativeElements: readonly string[];
+}
+export interface VisualStyleTextures {
+    readonly primaryTexture: "none" | "noise" | "grain" | "paper" | "metallic" | "glass" | "halftone" | "mesh" | "leather" | "wood" | "fabric";
+    readonly patternStyle: "none" | "geometric" | "dots" | "stripes" | "organic" | "wood" | "circuit" | "mesh" | "abstract";
+    readonly intensity: number;
+}
+export interface VisualStyleSurfaces {
+    readonly materialType: "flat" | "plastic" | "glass" | "paper" | "metal" | "clay" | "liquid" | "holographic";
+    readonly opacity: number;
+    readonly blur: string;
+    readonly backdropFilter?: string;
+}
+export interface VisualStyleLighting {
+    readonly lightSource: "top-left" | "top" | "center" | "ambient" | "harsh-direct" | "neon" | "diffuse";
+    readonly shadowStyle: "none" | "soft" | "hard" | "inner" | "layered" | "glow" | "colored";
+    readonly elevationLevels: readonly string[];
+    readonly highlights: boolean;
+}
+export interface VisualStyleBackground {
+    readonly primaryTreatment: "solid" | "gradient" | "pattern" | "canvas" | "textured";
+    readonly compatibleBackgroundCapabilities: readonly string[];
+    readonly recommendedBackground: string;
+    readonly overlay?: string;
+}
+export interface VisualStyleComponents {
+    readonly buttonTreatment: {
+        readonly borderRadius: string;
+        readonly shadow: string;
+        readonly border: string;
+        readonly hoverTransform: string;
+    };
+    readonly cardTreatment: {
+        readonly borderRadius: string;
+        readonly shadow: string;
+        readonly border: string;
+        readonly background: string;
+    };
+    readonly inputTreatment: {
+        readonly borderRadius: string;
+        readonly border: string;
+        readonly focusRing: string;
+    };
+}
+export interface VisualStyleMotion {
+    readonly compatibleMotionDNA: readonly string[];
+    readonly recommendedPresets: readonly string[];
+    readonly animationIntensity: "subtle" | "moderate" | "expressive" | "dramatic";
+    readonly transitionPacing: "snappy" | "smooth" | "measured" | "elastic";
+}
+export interface VisualStyleGraphicsCompatibility {
+    readonly canvasSupported: boolean;
+    readonly svgPreferred: boolean;
+    readonly blendingModes: readonly string[];
+}
+export interface VisualStyleThreeDCompatibility {
+    readonly depthLevel: "flat" | "2.5d" | "pseudo-3d" | "full-3d";
+    readonly cameraAngle: "isometric" | "perspective" | "orthographic" | "front";
+    readonly lightingModel: "flat" | "phong" | "pbr" | "unlit" | "matcap" | "diffuse";
+    readonly materialReflectivity: number;
+}
+export interface VisualStyleResponsive {
+    readonly mobileAdaptations: readonly string[];
+    readonly breakpointStrategy: "desktop-first" | "mobile-first" | "fluid";
+}
+export interface VisualStyleAccessibility {
+    readonly contrastTarget: "AA" | "AAA";
+    readonly reducedMotionBehavior: "disable-transforms" | "fade-only" | "static-fallback";
+    readonly readabilityNotes: string;
+}
+export interface VisualStyleReactMetadata {
+    readonly recommendedComponents: readonly string[];
+    readonly cssVariablesPrefix: string;
+    readonly styleProperties: Readonly<Record<string, string>>;
+}
+export interface VisualStyleDefinition {
+    readonly id: string;
+    readonly version: string;
+    readonly name: string;
+    readonly description: string;
+    readonly category: VisualStyleCategory;
+    readonly philosophy: string;
+    readonly personality: readonly string[];
+    readonly recommendedPalettes: readonly string[];
+    readonly typography: VisualStyleTypography;
+    readonly shapeLanguage: VisualStyleShapeLanguage;
+    readonly layout: VisualStyleLayout;
+    readonly graphics: VisualStyleGraphics;
+    readonly textures: VisualStyleTextures;
+    readonly surfaces: VisualStyleSurfaces;
+    readonly lighting: VisualStyleLighting;
+    readonly background: VisualStyleBackground;
+    readonly components: VisualStyleComponents;
+    readonly motion: VisualStyleMotion;
+    readonly graphicsCompatibility: VisualStyleGraphicsCompatibility;
+    readonly threeDCompatibility: VisualStyleThreeDCompatibility;
+    readonly responsive: VisualStyleResponsive;
+    readonly accessibility: VisualStyleAccessibility;
+    readonly react: VisualStyleReactMetadata;
+    readonly examples: readonly string[];
+    readonly tags: readonly string[];
+    readonly custom?: boolean;
+}
+export interface VisualStyleFilter {
+    readonly category?: VisualStyleCategory;
+    readonly tag?: string;
+    readonly palette?: string;
+    readonly motionDNA?: string;
+    readonly backgroundCapability?: string;
+    readonly depthLevel?: "flat" | "2.5d" | "pseudo-3d" | "full-3d";
+}
+export interface StyleCompatibilityContext {
+    readonly paletteId?: string;
+    readonly paletteName?: string;
+    readonly motionDNA?: string;
+    readonly backgroundCapability?: string;
+    readonly designSystem?: string;
+    readonly threeDDepth?: string;
+    readonly accessibilityStrict?: boolean;
+}
+export interface StyleConflict {
+    readonly type: "palette" | "motion" | "background" | "3d" | "accessibility";
+    readonly message: string;
+    readonly severity: "warning" | "error";
+    readonly resolution?: string;
+}
+export interface StyleCompatibilityReport {
+    readonly compatible: boolean;
+    readonly score: number;
+    readonly conflicts: readonly StyleConflict[];
+    readonly recommendations: readonly string[];
+    readonly suggestedPalettes: readonly string[];
+    readonly suggestedMotionDNA: readonly string[];
+    readonly suggestedBackgrounds: readonly string[];
+}
+export interface ResolvedVisualStyle {
+    readonly styleId: string;
+    readonly styleName: string;
+    readonly category: VisualStyleCategory;
+    readonly palette: {
+        readonly name: string;
+        readonly primary: string;
+        readonly secondary: string;
+        readonly accent: string;
+        readonly background: string;
+        readonly surface: string;
+    };
+    readonly typography: VisualStyleTypography;
+    readonly shapeLanguage: VisualStyleShapeLanguage;
+    readonly surfaces: VisualStyleSurfaces;
+    readonly lighting: VisualStyleLighting;
+    readonly background: VisualStyleBackground;
+    readonly components: VisualStyleComponents;
+    readonly motion: VisualStyleMotion;
+    readonly responsive: VisualStyleResponsive;
+    readonly accessibility: VisualStyleAccessibility;
+    readonly cssVariables: Readonly<Record<string, string>>;
+}
+export interface VisualStyleRegistry {
+    registerVisualStyle(style: VisualStyleDefinition, options?: {
+        override?: boolean;
+    }): void;
+    unregisterVisualStyle(id: string): boolean;
+    getVisualStyle(id: string): VisualStyleDefinition | undefined;
+    hasVisualStyle(id: string): boolean;
+    listVisualStyles(filter?: VisualStyleFilter): readonly VisualStyleDefinition[];
+    searchVisualStyles(query: string): readonly VisualStyleDefinition[];
+    getCompatibleStyles(context: StyleCompatibilityContext): readonly VisualStyleDefinition[];
+    registerCustomVisualStyle(style: VisualStyleDefinition): void;
+    validateVisualStyleDefinition(style: unknown): {
+        valid: boolean;
+        errors: string[];
+    };
+    exportVisualStylesJson(options?: {
+        pretty?: boolean;
+    }): string;
+    importVisualStylesFromJson(json: string, options?: {
+        override?: boolean;
+    }): {
+        imported: number;
+        errors: string[];
+    };
+    subscribe(listener: () => void): () => void;
+    getVersion(): number;
+    count(): number;
+    getCategories(): readonly VisualStyleCategory[];
+    getTags(): readonly string[];
+    reset(): void;
+}
+export declare function createVisualStyleSchema(): UnifiedMotionSchema;
+export declare function validateVisualStyleDefinition(style: unknown): {
+    valid: boolean;
+    errors: string[];
+};
+export declare function checkStyleCompatibility(styleOrId: string | VisualStyleDefinition, context?: StyleCompatibilityContext): StyleCompatibilityReport;
+export declare function resolveVisualStyle(styleOrId: string | VisualStyleDefinition, overrides?: Partial<ResolvedVisualStyle>): ResolvedVisualStyle | undefined;
+export declare function createVisualStyleRegistry(initialStyles?: readonly VisualStyleDefinition[]): VisualStyleRegistry;
+/**
+ * Global singleton Visual Style Registry pre-populated with all 19 foundation styles.
+ */
+export declare const visualStyleRegistry: VisualStyleRegistry;
+export type SkeuomorphicMaterial = "leather" | "metal" | "glass" | "plastic";
+export interface SkeuomorphicStyleOptions {
+    readonly material?: SkeuomorphicMaterial;
+    readonly elevation?: number;
+    readonly pressed?: boolean;
+    readonly highlight?: boolean;
+    readonly highContrast?: boolean;
+    readonly customAccent?: string;
+}
+export interface SkeuomorphicStyleResult {
+    readonly background: string;
+    readonly boxShadow: string;
+    readonly border: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly borderRadius: string;
+    readonly backdropFilter?: string;
+}
+export declare function computeSkeuomorphicStyle(options?: SkeuomorphicStyleOptions): SkeuomorphicStyleResult;
+export type NeumorphicShape = "flat" | "convex" | "concave" | "pressed";
+export type NeumorphicLightSource = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export interface NeumorphicStyleOptions {
+    readonly shape?: NeumorphicShape;
+    readonly surfaceColor?: string;
+    readonly distance?: number;
+    readonly blur?: number;
+    readonly intensity?: number;
+    readonly lightSource?: NeumorphicLightSource;
+    readonly accessibleContrast?: boolean;
+    readonly pressed?: boolean;
+}
+export interface NeumorphicStyleResult {
+    readonly background: string;
+    readonly boxShadow: string;
+    readonly border: string;
+    readonly color: string;
+    readonly outline?: string;
+    readonly borderRadius: string;
+}
+export declare function computeNeumorphicStyle(options?: NeumorphicStyleOptions): NeumorphicStyleResult;
+export type ArtNouveauVariant = "parchment" | "sage" | "terracotta" | "dark-emerald";
+export interface ArtNouveauStyleOptions {
+    readonly variant?: ArtNouveauVariant;
+    readonly cornerRadius?: string;
+    readonly ornateBorder?: boolean;
+    readonly asymmetric?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface ArtNouveauStyleResult {
+    readonly background: string;
+    readonly borderColor: string;
+    readonly borderWidth: string;
+    readonly borderStyle: string;
+    readonly borderRadius: string;
+    readonly color: string;
+    readonly accentColor: string;
+    readonly boxShadow: string;
+    readonly fontFamily: string;
+    readonly letterSpacing: string;
+}
+export declare function computeArtNouveauStyle(options?: ArtNouveauStyleOptions): ArtNouveauStyleResult;
+export declare const ART_NOUVEAU_WHIPLASH_PATH = "M 0 20 C 30 5, 50 35, 80 20 C 110 5, 130 35, 160 20 C 190 5, 210 35, 240 20";
+export declare const ART_NOUVEAU_CORNER_PATH = "M 4 36 C 4 18, 18 4, 36 4 C 24 10, 10 24, 4 36 Z M 4 24 C 8 14, 14 8, 24 4";
+export declare const ART_NOUVEAU_DIVIDER_PATH = "M 0 15 C 40 0, 60 30, 100 15 C 120 7, 130 5, 150 15 C 170 25, 180 23, 200 15 C 240 0, 260 30, 300 15";
+export interface StyleMotionConfig {
+    readonly preset: string;
+    readonly transition: string;
+    readonly spring: {
+        readonly stiffness: number;
+        readonly damping: number;
+        readonly mass: number;
+    };
+}
+export declare function getStyleMotionConfig(styleId: string): StyleMotionConfig;
+export type LiquidChromeVariant = "mirror" | "iridescent" | "dark-mercury" | "holographic";
+export interface LiquidChromeStyleOptions {
+    readonly variant?: LiquidChromeVariant;
+    readonly elevation?: number;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+    readonly fluidBorder?: boolean;
+}
+export interface LiquidChromeStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly backdropFilter?: string;
+}
+export declare function computeLiquidChromeStyle(options?: LiquidChromeStyleOptions): LiquidChromeStyleResult;
+export type DeStijlVariant = "white" | "red" | "blue" | "yellow" | "black" | "gray";
+export interface DeStijlStyleOptions {
+    readonly variant?: DeStijlVariant;
+    readonly borderWidth?: number;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface DeStijlStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly fontFamily: string;
+    readonly textTransform: "uppercase";
+    readonly fontWeight: number;
+}
+export declare function computeDeStijlStyle(options?: DeStijlStyleOptions): DeStijlStyleResult;
+export type MemphisVariant = "coral" | "teal" | "lemon" | "lavender" | "mint" | "white";
+export type MemphisPatternType = "dots" | "stripes" | "confetti" | "grid" | "none";
+export interface MemphisStyleOptions {
+    readonly variant?: MemphisVariant;
+    readonly pattern?: MemphisPatternType;
+    readonly shadowDistance?: number;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface MemphisStyleResult {
+    readonly background: string;
+    readonly backgroundSize?: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly fontFamily: string;
+}
+export declare function computeMemphisStyle(options?: MemphisStyleOptions): MemphisStyleResult;
+export declare const MEMPHIS_SQUIGGLE_PATH = "M 0 15 Q 15 0, 30 15 T 60 15 T 90 15 T 120 15 T 150 15";
+export declare const MEMPHIS_ZIGZAG_PATH = "M 0 20 L 15 5 L 30 20 L 45 5 L 60 20 L 75 5 L 90 20";
+export declare const MEMPHIS_TRIANGLE_PATH = "M 15 5 L 28 27 L 2 27 Z";
+export declare const MEMPHIS_CIRCLE_PATH = "M 15 3 A 12 12 0 1 0 15 27 A 12 12 0 1 0 15 3";
+export type PsychedelicVariant = "electric" | "swirl" | "cosmic-trip" | "optical";
+export interface PsychedelicStyleOptions {
+    readonly variant?: PsychedelicVariant;
+    readonly elevation?: number;
+    readonly wavy?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface PsychedelicStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+}
+export declare function computePsychedelicStyle(options?: PsychedelicStyleOptions): PsychedelicStyleResult;
+export type VaporwaveVariant = "sunset" | "cyber-grid" | "arcade" | "pastel";
+export interface VaporwaveStyleOptions {
+    readonly variant?: VaporwaveVariant;
+    readonly elevation?: number;
+    readonly glow?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface VaporwaveStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly backdropFilter?: string;
+}
+export declare function computeVaporwaveStyle(options?: VaporwaveStyleOptions): VaporwaveStyleResult;
+export type SteampunkVariant = "brass" | "copper" | "bronze" | "parchment";
+export interface SteampunkStyleOptions {
+    readonly variant?: SteampunkVariant;
+    readonly elevation?: number;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface SteampunkStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+}
+export declare function computeSteampunkStyle(options?: SteampunkStyleOptions): SteampunkStyleResult;
+export declare const PSYCHEDELIC_WAVE_PATH = "M 0 25 C 25 5, 45 45, 75 25 C 105 5, 125 45, 155 25 C 185 5, 205 45, 235 25 C 265 5, 285 45, 315 25";
+export declare const PSYCHEDELIC_FLOWER_PATH = "M 25 5 C 30 15, 45 15, 45 25 C 45 35, 30 35, 25 45 C 20 35, 5 35, 5 25 C 5 15, 20 15, 25 5 Z";
+export declare const VAPORWAVE_SUNSET_PATH = "M 5 35 A 30 30 0 0 1 65 35 Z M 5 28 H 65 M 5 22 H 65 M 5 17 H 65";
+export declare const VAPORWAVE_GRID_PATH = "M 0 35 L 70 35 M 0 25 L 70 25 M 0 18 L 70 18 M 0 12 L 70 12 M 10 35 L 25 0 M 35 35 L 35 0 M 60 35 L 45 0";
+export declare const STEAMPUNK_GEAR_PATH = "M 22 5 L 28 5 L 29 10 L 35 12 L 39 8 L 43 12 L 40 17 L 44 22 L 49 22 L 49 28 L 44 29 L 42 35 L 46 39 L 42 43 L 37 40 L 32 44 L 32 49 L 26 49 L 25 44 L 19 42 L 15 46 L 11 42 L 14 37 L 10 32 L 5 32 L 5 26 L 10 25 L 12 19 L 8 15 L 12 11 L 17 14 L 22 10 Z M 27 21 A 6 6 0 1 0 27 33 A 6 6 0 1 0 27 21 Z";
+export declare const STEAMPUNK_BRACKET_PATH = "M 4 36 L 4 12 C 4 8, 8 4, 12 4 L 36 4 L 36 10 L 14 10 C 12 10, 10 12, 10 14 L 10 36 Z M 8 8 L 14 14";
+export type GrungeVariant = "distressed-paper" | "zine-dark" | "photocopy" | "decay";
+export interface GrungeStyleOptions {
+    readonly variant?: GrungeVariant;
+    readonly elevation?: number;
+    readonly roughEdges?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface GrungeStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeGrungeStyle(options?: GrungeStyleOptions): GrungeStyleResult;
+export type PaperCutoutVariant = "cardstock" | "kraft" | "pastel-stack" | "dark-construction";
+export interface PaperCutoutStyleOptions {
+    readonly variant?: PaperCutoutVariant;
+    readonly elevation?: number;
+    readonly foldedCorner?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface PaperCutoutStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computePaperCutoutStyle(options?: PaperCutoutStyleOptions): PaperCutoutStyleResult;
+export type GlitchVariant = "cyber-terminal" | "rgb-split" | "matrix-green" | "hologram-dissonance";
+export interface GlitchStyleOptions {
+    readonly variant?: GlitchVariant;
+    readonly elevation?: number;
+    readonly scanlines?: boolean;
+    readonly chromaticAberration?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface GlitchStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly backdropFilter?: string;
+    readonly backgroundImage?: string;
+    readonly backgroundSize?: string;
+}
+export declare function computeGlitchStyle(options?: GlitchStyleOptions): GlitchStyleResult;
+export declare const GRUNGE_TAPE_PATH = "M 0 4 L 4 0 L 8 5 L 12 1 L 16 4 L 140 4 L 144 0 L 148 5 L 152 1 L 156 4 L 156 26 L 152 30 L 148 25 L 144 29 L 140 26 L 16 26 L 12 30 L 8 25 L 4 29 L 0 26 Z";
+export declare const GRUNGE_SPLATTER_PATH = "M 25 15 C 28 8, 35 10, 37 16 C 42 12, 48 18, 44 24 C 49 28, 46 36, 40 35 C 38 42, 30 44, 26 38 C 20 42, 14 36, 17 30 C 11 26, 13 18, 20 18 C 18 12, 22 8, 25 15 Z M 48 8 A 2 2 0 1 1 48 12 A 2 2 0 1 1 48 8 M 8 38 A 3 3 0 1 1 8 44 A 3 3 0 1 1 8 38 M 42 42 A 1.5 1.5 0 1 1 42 45 A 1.5 1.5 0 1 1 42 42";
+export declare const GRUNGE_SCRATCH_PATH = "M 5 5 L 45 45 M 12 2 L 48 38 M 2 12 L 38 48 M 45 5 L 5 45 M 48 12 L 12 48";
+export declare const PAPER_CUTOUT_WAVE_PATH = "M 0 30 C 30 10, 60 45, 100 25 C 140 5, 170 40, 210 20 C 250 5, 270 35, 300 20 L 300 60 L 0 60 Z";
+export declare const PAPER_FOLDED_CORNER_PATH = "M 0 0 L 30 0 L 30 30 Z M 0 0 L 30 30 L 0 30 Z";
+export declare const PAPER_PERFORATION_PATH = "M 0 5 L 8 5 M 14 5 L 22 5 M 28 5 L 36 5 M 42 5 L 50 5 M 56 5 L 64 5 M 70 5 L 78 5 M 84 5 L 92 5 M 98 5 L 106 5";
+export declare const GLITCH_CROSSHAIR_PATH = "M 15 2 L 15 8 M 15 22 L 15 28 M 2 15 L 8 15 M 22 15 L 28 15 M 10 10 L 20 10 L 20 20 L 10 20 Z";
+export declare const GLITCH_BARCODE_PATH = "M 2 2 L 2 22 M 6 2 L 6 22 M 10 2 L 10 14 M 14 6 L 14 22 M 18 2 L 18 22 M 22 2 L 22 18 M 26 6 L 26 22 M 30 2 L 30 22 M 34 2 L 34 16 M 38 6 L 38 22";
+export declare const GLITCH_CORNER_TECH_PATH = "M 2 18 L 2 2 L 18 2 M 6 6 L 10 6 L 10 10";
+export type AntiDesignVariant = "toxic-yellow" | "acid-magenta" | "raw-brutalist" | "clash-cyan";
+export interface AntiDesignStyleOptions {
+    readonly variant?: AntiDesignVariant;
+    readonly elevation?: number;
+    readonly asymmetrical?: boolean;
+    readonly tilted?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface AntiDesignStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeAntiDesignStyle(options?: AntiDesignStyleOptions): AntiDesignStyleResult;
+export type Inflated3DVariant = "bubblegum-pink" | "mallow-lavender" | "cloud-cyan" | "sunny-peach";
+export interface Inflated3DStyleOptions {
+    readonly variant?: Inflated3DVariant;
+    readonly elevation?: number;
+    readonly pill?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface Inflated3DStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function compute3DInflatedStyle(options?: Inflated3DStyleOptions): Inflated3DStyleResult;
+export type IsometricVariant = "cobalt-blueprint" | "concrete-slate" | "emerald-matrix" | "clean-elevation";
+export interface IsometricStyleOptions {
+    readonly variant?: IsometricVariant;
+    readonly elevation?: number;
+    readonly extruded?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface IsometricStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeIsometricStyle(options?: IsometricStyleOptions): IsometricStyleResult;
+export declare const ANTI_DESIGN_STRIPES_PATH = "M 0 0 L 10 0 L 30 40 L 20 40 Z M 25 0 L 35 0 L 55 40 L 45 40 Z M 50 0 L 60 0 L 80 40 L 70 40 Z M 75 0 L 85 0 L 105 40 L 95 40 Z";
+export declare const ANTI_DESIGN_CROSS_PATH = "M 6 6 L 34 34 M 34 6 L 6 34";
+export declare const ANTI_DESIGN_BURST_PATH = "M 25 2 L 31 14 L 45 10 L 41 24 L 50 35 L 36 38 L 32 50 L 22 42 L 10 48 L 12 34 L 2 26 L 15 20 Z";
+export declare const INFLATED_3D_BUBBLE_PATH = "M 25 5 A 20 20 0 1 0 25 45 A 20 20 0 1 0 25 5 Z M 16 12 A 6 4 0 0 1 24 10 A 3 2 0 0 0 18 14 Z";
+export declare const INFLATED_3D_PILL_PATH = "M 14 6 C 8 6, 4 10, 4 16 L 4 34 C 4 40, 8 44, 14 44 L 36 44 C 42 44, 46 40, 46 34 L 46 16 C 46 10, 42 6, 36 6 Z";
+export declare const INFLATED_3D_CLOUD_PATH = "M 14 36 L 40 36 C 45 36, 48 32, 48 28 C 48 24, 45 21, 41 21 C 41 15, 36 10, 30 10 C 26 10, 22 12, 20 16 C 18 15, 16 15, 14 16 C 10 18, 8 22, 8 26 C 8 32, 11 36, 14 36 Z";
+export declare const ISOMETRIC_CUBE_PATH = "M 25 5 L 45 16 L 25 27 L 5 16 Z M 5 16 L 25 27 L 25 48 L 5 37 Z M 25 27 L 45 16 L 45 37 L 25 48 Z";
+export declare const ISOMETRIC_GRID_PATH = "M 25 2 L 48 15 L 25 28 L 2 15 Z M 25 28 L 48 41 L 25 54 L 2 41 Z M 2 15 L 2 41 M 48 15 L 48 41 M 25 28 L 25 54";
+export declare const ISOMETRIC_PYRAMID_PATH = "M 25 6 L 42 16 L 25 26 L 8 16 Z M 8 16 L 25 26 L 25 44 L 8 34 Z M 25 26 L 42 16 L 42 34 L 25 44 Z";
+export type UkiyoeVariant = "indigo-wave" | "vermilion-sun" | "sumi-wash" | "moss-garden";
+export interface UkiyoeStyleOptions {
+    readonly variant?: UkiyoeVariant;
+    readonly elevation?: number;
+    readonly woodblockBorder?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface UkiyoeStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeUkiyoeStyle(options?: UkiyoeStyleOptions): UkiyoeStyleResult;
+export type BrutalistVariant = "mono-stark" | "concrete-gray" | "hazard-orange" | "blueprint-cyan";
+export interface BrutalistStyleOptions {
+    readonly variant?: BrutalistVariant;
+    readonly elevation?: number;
+    readonly thickBorder?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface BrutalistStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeBrutalistStyle(options?: BrutalistStyleOptions): BrutalistStyleResult;
+export type BauhausVariant = "primary-red" | "primary-blue" | "primary-yellow" | "rational-white";
+export interface BauhausStyleOptions {
+    readonly variant?: BauhausVariant;
+    readonly elevation?: number;
+    readonly shapeForm?: "square" | "circle" | "standard";
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface BauhausStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeBauhausStyle(options?: BauhausStyleOptions): BauhausStyleResult;
+export type MidCenturyModernVariant = "warm-teak" | "atomic-teal" | "mustard-harvest" | "olive-terracotta";
+export interface MidCenturyModernStyleOptions {
+    readonly variant?: MidCenturyModernVariant;
+    readonly elevation?: number;
+    readonly kidneyCurve?: boolean;
+    readonly pressed?: boolean;
+    readonly highContrast?: boolean;
+}
+export interface MidCenturyModernStyleResult {
+    readonly background: string;
+    readonly border: string;
+    readonly borderRadius: string;
+    readonly boxShadow: string;
+    readonly color: string;
+    readonly textShadow: string;
+    readonly fontFamily: string;
+    readonly transform?: string;
+}
+export declare function computeMidCenturyModernStyle(options?: MidCenturyModernStyleOptions): MidCenturyModernStyleResult;
+export declare const UKIYOE_WAVE_PATH = "M 0 35 C 15 35, 25 15, 45 15 C 65 15, 75 35, 95 35 C 115 35, 125 10, 145 10 C 165 10, 175 35, 195 35 L 195 50 L 0 50 Z M 135 15 C 138 8, 145 6, 148 12 M 140 18 C 143 12, 149 11, 151 16";
+export declare const UKIYOE_CLOUD_PATH = "M 15 25 C 10 25, 5 20, 8 14 C 11 8, 18 8, 22 12 C 26 6, 36 6, 40 12 C 45 10, 50 14, 48 20 C 52 23, 50 29, 45 30 L 15 30 Z";
+export declare const UKIYOE_HANKO_PATH = "M 4 4 L 36 4 L 36 36 L 4 36 Z M 8 8 L 32 8 L 32 32 L 8 32 Z M 14 12 L 26 12 M 20 12 L 20 28 M 14 20 L 26 20 M 14 28 L 26 28";
+export declare const BRUTALIST_CROSSHAIR_PATH = "M 15 0 L 15 30 M 0 15 L 30 15 M 7 7 L 23 7 L 23 23 L 7 23 Z";
+export declare const BRUTALIST_CORNER_PATH = "M 0 16 L 0 0 L 16 0 M 4 4 L 4 12 M 4 4 L 12 4";
+export declare const BRUTALIST_ARROW_PATH = "M 4 20 L 26 20 M 16 10 L 26 20 L 16 30";
+export declare const BAUHAUS_TRIANGLE_PATH = "M 25 5 L 47 42 L 3 42 Z";
+export declare const BAUHAUS_CIRCLE_PATH = "M 25 5 A 20 20 0 1 0 25 45 A 20 20 0 1 0 25 5 Z";
+export declare const BAUHAUS_SQUARE_PATH = "M 5 5 L 45 5 L 45 45 L 5 45 Z";
+export declare const MCM_SUNBURST_PATH = "M 25 2 L 27 18 L 43 14 L 30 23 L 46 32 L 29 30 L 28 48 L 22 32 L 6 38 L 18 26 L 2 20 L 19 17 Z";
+export declare const MCM_BOOMERANG_PATH = "M 4 36 C 14 24, 24 14, 38 4 C 34 16, 26 28, 14 44 C 9 44, 4 41, 4 36 Z";
+export declare const MCM_KIDNEY_PATH = "M 12 10 C 22 4, 38 8, 44 20 C 48 30, 42 42, 30 44 C 18 46, 6 38, 6 26 C 6 18, 10 12, 12 10 Z";