aura-glass 1.0.0

package/dist/src/tokens/glass.d.ts

@@ -0,0 +1,470 @@
+/**
+ * AuraGlass Canonical Token Schema - SINGLE SOURCE OF TRUTH
+ *
+ * This is the ONLY authoritative source for all glassmorphism values.
+ * All other systems MUST consume these tokens.
+ *
+ * Requirements:
+ * - No blur values below 2px on high tier
+ * - All alpha values >= 0.08 (visible)
+ * - All text colors meet WCAG AA contrast (4.5:1)
+ * - No undefined/empty values allowed
+ */
+export type GlassElevation = 'level1' | 'level2' | 'level3' | 'level4' | 'level5';
+export type GlassIntent = 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+export type QualityTier = 'auto' | 'low' | 'medium' | 'high';
+export interface GlassSurfaceSpec {
+    backdropBlur: {
+        px: number;
+    };
+    surface: {
+        base: string;
+        overlay?: string;
+    };
+    border: {
+        color: string;
+        width: number;
+        style: 'solid' | 'dashed' | 'none';
+    };
+    innerGlow?: {
+        color: string;
+        spread: number;
+        blur: number;
+    };
+    outerShadow?: {
+        color: string;
+        x: number;
+        y: number;
+        blur: number;
+        spread: number;
+    };
+    noiseOpacity?: number;
+    highlightOpacity?: number;
+    text: {
+        primary: string;
+        secondary: string;
+    };
+}
+export interface GlassPerformanceSpec {
+    blurMultiplier: number;
+    opacityMultiplier: number;
+    animationSpeedMultiplier: number;
+    renderQuality: 'low' | 'medium' | 'high';
+}
+export interface AuraGlassTokens {
+    surfaces: Record<GlassIntent, Record<GlassElevation, GlassSurfaceSpec>>;
+    motion: {
+        defaultMs: number;
+        enterMs: number;
+        exitMs: number;
+    };
+    radii: {
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        pill: number;
+    };
+    gaps: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+}
+export declare const AURA_GLASS: AuraGlassTokens;
+/**
+ * Performance tier configurations
+ *
+ * CRITICAL: Glass is never disabled - only reduced in intensity
+ */
+export declare const PERFORMANCE_TIERS: {
+    readonly high: {
+        readonly blurMultiplier: 1;
+        readonly shadowMultiplier: 1;
+        readonly saturateMultiplier: 1;
+        readonly enableGlow: true;
+        readonly enableNoise: true;
+    };
+    readonly medium: {
+        readonly blurMultiplier: 0.75;
+        readonly shadowMultiplier: 0.8;
+        readonly saturateMultiplier: 0.9;
+        readonly enableGlow: true;
+        readonly enableNoise: false;
+    };
+    readonly low: {
+        readonly blurMultiplier: 0.5;
+        readonly shadowMultiplier: 0.6;
+        readonly saturateMultiplier: 0.8;
+        readonly enableGlow: false;
+        readonly enableNoise: false;
+    };
+    readonly auto: {
+        readonly blurMultiplier: 1;
+        readonly shadowMultiplier: 1;
+        readonly saturateMultiplier: 1;
+        readonly enableGlow: true;
+        readonly enableNoise: true;
+    };
+};
+/**
+ * Utility functions for consuming tokens
+ */
+export declare const glassTokenUtils: {
+    /**
+     * Get surface specification for intent and elevation
+     */
+    getSurface: (intent: GlassIntent, elevation: GlassElevation) => GlassSurfaceSpec;
+    /**
+     * Get performance-adjusted blur value
+     */
+    getPerformanceBlur: (baseBlur: number, tier: QualityTier) => number;
+    /**
+     * Validate contrast ratio for text over surface
+     */
+    validateTextContrast: (textColor: string, surfaceColor: string) => boolean;
+    /**
+     * Generate CSS backdrop-filter string
+     */
+    buildBackdropFilter: (blur: number, tier: QualityTier) => string;
+    /**
+     * Build complete surface styles from token specification
+     */
+    buildSurfaceStyles: (intent: GlassIntent, elevation: GlassElevation, tier?: QualityTier) => {
+        background: string;
+        border: string;
+        borderRadius: string;
+        boxShadow: string;
+        color: string;
+        transition: string;
+        position: "relative";
+        transform: string;
+    };
+};
+export default AURA_GLASS;
+export declare const glassTokens: {
+    elevation: {
+        level1: {
+            boxShadow: string;
+            zIndex: number;
+        };
+        level2: {
+            boxShadow: string;
+            zIndex: number;
+        };
+        level3: {
+            boxShadow: string;
+            zIndex: number;
+        };
+        level4: {
+            boxShadow: string;
+            zIndex: number;
+        };
+    };
+    backdrop: {
+        none: string;
+        subtle: string;
+        medium: string;
+        strong: string;
+        intense: string;
+    };
+    gradients: {
+        primary: string;
+        secondary: string;
+        primaryRadial: string;
+        mesh: string;
+        iridescent: string;
+        rainbow: string;
+    };
+    border: {
+        primary: string;
+        secondary: string;
+        subtle: string;
+        gradient: {
+            rainbow: string;
+        };
+    };
+    surface: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+        dark: string;
+        darkSubtle: string;
+    };
+    noise: {
+        subtle: string;
+    };
+    glow: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+};
+export declare const glassUtils: {
+    /**
+     * Get surface specification for intent and elevation
+     */
+    getSurface: (intent: GlassIntent, elevation: GlassElevation) => GlassSurfaceSpec;
+    /**
+     * Get performance-adjusted blur value
+     */
+    getPerformanceBlur: (baseBlur: number, tier: QualityTier) => number;
+    /**
+     * Validate contrast ratio for text over surface
+     */
+    validateTextContrast: (textColor: string, surfaceColor: string) => boolean;
+    /**
+     * Generate CSS backdrop-filter string
+     */
+    buildBackdropFilter: (blur: number, tier: QualityTier) => string;
+    /**
+     * Build complete surface styles from token specification
+     */
+    buildSurfaceStyles: (intent: GlassIntent, elevation: GlassElevation, tier?: QualityTier) => {
+        background: string;
+        border: string;
+        borderRadius: string;
+        boxShadow: string;
+        color: string;
+        transition: string;
+        position: "relative";
+        transform: string;
+    };
+};
+/**
+ * ========================================
+ * LIQUID GLASS EXTENSIONS - Apple Parity
+ * ========================================
+ *
+ * Extended tokens for Liquid Glass material system
+ * Provides dynamic material properties, environmental adaptation,
+ * and enhanced visual effects to match Apple's implementation.
+ */
+export type LiquidGlassMaterial = 'standard' | 'liquid';
+export type MaterialVariant = 'regular' | 'clear';
+export type TintMode = 'auto' | 'light' | 'dark' | 'adaptive';
+export type SheenIntensity = 0 | 1 | 2 | 3;
+export interface LiquidGlassSurfaceSpec extends GlassSurfaceSpec {
+    ior: number;
+    thickness: number;
+    sheen: SheenIntensity;
+    variant: MaterialVariant;
+    tintMode: TintMode;
+    adaptiveOpacity: {
+        min: number;
+        max: number;
+    };
+    contrastGuard: {
+        enabled: boolean;
+        minRatio: number;
+    };
+    motionSensitivity: number;
+    microInteractions: boolean;
+    refraction: {
+        enabled: boolean;
+        intensity: number;
+    };
+    reflection: {
+        enabled: boolean;
+        intensity: number;
+    };
+    parallax: {
+        enabled: boolean;
+        depth: number;
+    };
+}
+export interface LiquidGlassTokens extends AuraGlassTokens {
+    material: {
+        ior: {
+            glass: 1.52;
+            crystal: 1.76;
+            liquid: 1.33;
+            diamond: 2.42;
+        };
+        thickness: {
+            hairline: 1;
+            thin: 2;
+            medium: 4;
+            thick: 6;
+            ultra: 8;
+        };
+        sheen: {
+            none: 0;
+            subtle: 1;
+            medium: 2;
+            intense: 3;
+        };
+    };
+    variants: {
+        regular: {
+            opacity: {
+                base: 0.85;
+                hover: 0.90;
+                active: 0.95;
+            };
+            blur: {
+                multiplier: 1.0;
+            };
+            contrast: {
+                minRatio: 4.5;
+            };
+        };
+        clear: {
+            opacity: {
+                base: 0.65;
+                hover: 0.75;
+                active: 0.85;
+            };
+            blur: {
+                multiplier: 1.2;
+            };
+            contrast: {
+                minRatio: 7.0;
+            };
+        };
+    };
+    tinting: {
+        auto: {
+            lightThreshold: 0.6;
+            contrastBoost: 0.15;
+            saturationAdjust: 0.1;
+        };
+        adaptive: {
+            samplingRadius: 32;
+            updateThrottle: 100;
+            transitionDuration: 200;
+        };
+    };
+    motionFluency: {
+        hover: {
+            duration: 120;
+            easing: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
+        };
+        press: {
+            duration: 80;
+            easing: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
+        };
+        focus: {
+            duration: 150;
+            easing: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)';
+        };
+        scroll: {
+            sensitivity: 0.3;
+            maxShift: 2;
+        };
+        tilt: {
+            sensitivity: 0.1;
+            maxTilt: 1;
+        };
+        ambient: {
+            duration: 4000;
+            intensity: 0.05;
+        };
+    };
+    performance: {
+        ultra: {
+            enableRefraction: true;
+            enableReflection: true;
+            enableParallax: true;
+            enableMicroInteractions: true;
+            sampleRate: 60;
+        };
+        high: {
+            enableRefraction: true;
+            enableReflection: true;
+            enableParallax: false;
+            enableMicroInteractions: true;
+            sampleRate: 60;
+        };
+        balanced: {
+            enableRefraction: true;
+            enableReflection: false;
+            enableParallax: false;
+            enableMicroInteractions: true;
+            sampleRate: 30;
+        };
+        efficient: {
+            enableRefraction: false;
+            enableReflection: false;
+            enableParallax: false;
+            enableMicroInteractions: false;
+            sampleRate: 30;
+        };
+    };
+}
+/**
+ * LIQUID GLASS CANONICAL TOKENS
+ * Extended version of AURA_GLASS with Liquid Glass properties
+ */
+export declare const LIQUID_GLASS: LiquidGlassTokens;
+/**
+ * Enhanced utility functions for Liquid Glass
+ */
+export declare const liquidGlassUtils: {
+    /**
+     * Get Liquid Glass material specification
+     */
+    getLiquidSurface: (intent: GlassIntent, elevation: GlassElevation, material?: LiquidGlassMaterial, variant?: MaterialVariant) => LiquidGlassSurfaceSpec;
+    /**
+     * Calculate backdrop luminance for content-aware tinting
+     */
+    sampleBackdropLuminance: (element: HTMLElement) => number;
+    /**
+     * Generate content-aware tint color based on backdrop
+     */
+    generateAdaptiveTint: (backdropLuminance: number, intent?: GlassIntent) => string;
+    /**
+     * Build complete Liquid Glass styles with environmental adaptation
+     */
+    buildLiquidGlassStyles: (intent: GlassIntent, elevation: GlassElevation, material?: LiquidGlassMaterial, variant?: MaterialVariant, performanceLevel?: keyof LiquidGlassTokens["performance"]) => {
+        background: string;
+        transition: string;
+        boxShadow: string;
+        willChange: string;
+        contain: string;
+        border: string;
+        borderRadius: string;
+        color: string;
+        position: "relative";
+        transform: string;
+    };
+    /**
+     * Validate contrast compliance for Liquid Glass
+     */
+    validateLiquidContrast: (intent: GlassIntent, variant: MaterialVariant, backdropLuminance: number) => boolean;
+    /**
+     * Get surface specification for intent and elevation
+     */
+    getSurface: (intent: GlassIntent, elevation: GlassElevation) => GlassSurfaceSpec;
+    /**
+     * Get performance-adjusted blur value
+     */
+    getPerformanceBlur: (baseBlur: number, tier: QualityTier) => number;
+    /**
+     * Validate contrast ratio for text over surface
+     */
+    validateTextContrast: (textColor: string, surfaceColor: string) => boolean;
+    /**
+     * Generate CSS backdrop-filter string
+     */
+    buildBackdropFilter: (blur: number, tier: QualityTier) => string;
+    /**
+     * Build complete surface styles from token specification
+     */
+    buildSurfaceStyles: (intent: GlassIntent, elevation: GlassElevation, tier?: QualityTier) => {
+        background: string;
+        border: string;
+        borderRadius: string;
+        boxShadow: string;
+        color: string;
+        transition: string;
+        position: "relative";
+        transform: string;
+    };
+};
+//# sourceMappingURL=glass.d.ts.map

package/dist/src/tokens/glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../../src/tokens/glass.ts"],"names":[],"mappings":"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"}

package/dist/src/tokens/index.d.ts

@@ -0,0 +1,8 @@
+export * from './glass';
+export * from './designConstants';
+export * from './themeTokens';
+export { AURA_GLASS, glassTokens, glassUtils } from './glass';
+export { COLORS, TYPOGRAPHY, SPACING, BORDER_RADIUS, BOX_SHADOW, Z_INDEX, BREAKPOINTS, ANIMATION, PERFORMANCE, ACCESSIBILITY, GLASS, constants, } from './designConstants';
+export { lightTheme as light, darkTheme as dark, glassTheme as glass, themeUtils, } from './themeTokens';
+export { AURA_GLASS as default } from './glass';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tokens/index.ts"],"names":[],"mappings":"AACA,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,UAAU,EACV,OAAO,EACP,aAAa,EACb,UAAU,EACV,OAAO,EACP,WAAW,EACX,SAAS,EACT,WAAW,EACX,aAAa,EACb,KAAK,EACL,SAAS,GACV,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,UAAU,IAAI,KAAK,EACnB,SAAS,IAAI,IAAI,EACjB,UAAU,IAAI,KAAK,EACnB,UAAU,GACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/tokens/themeTokens.d.ts

@@ -0,0 +1,217 @@
+import AURA_GLASS from './glass';
+import { COLORS, TYPOGRAPHY, SPACING, BORDER_RADIUS, BOX_SHADOW, Z_INDEX, BREAKPOINTS, ANIMATION } from './designConstants';
+export interface ThemeTokens {
+    colors: {
+        glass: {
+            surface: string;
+            border: string;
+            text: string;
+            textSecondary: string;
+            shadow: string;
+        };
+        semantic: typeof COLORS.semantic;
+        neutral: typeof COLORS.neutral;
+        components: {
+            button: {
+                primary: string;
+                secondary: string;
+                danger: string;
+                success: string;
+                warning: string;
+            };
+            input: {
+                background: string;
+                border: string;
+                focus: string;
+                error: string;
+            };
+            card: {
+                background: string;
+                border: string;
+                shadow: string;
+            };
+        };
+    };
+    typography: typeof TYPOGRAPHY & {
+        glass: {
+            heading: {
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                color: string;
+            };
+            body: {
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                color: string;
+            };
+            caption: {
+                fontSize: string;
+                fontWeight: number;
+                lineHeight: number;
+                color: string;
+            };
+        };
+    };
+    spacing: typeof SPACING & {
+        glass: {
+            container: string;
+            component: string;
+            element: string;
+        };
+    };
+    layout: {
+        borderRadius: typeof BORDER_RADIUS;
+        boxShadow: typeof BOX_SHADOW;
+        zIndex: typeof Z_INDEX;
+        breakpoints: typeof BREAKPOINTS;
+    };
+    animation: typeof ANIMATION & {
+        glass: {
+            appear: {
+                duration: string;
+                easing: string;
+            };
+            hover: {
+                duration: string;
+                easing: string;
+                scale: number;
+            };
+            focus: {
+                duration: string;
+                easing: string;
+            };
+        };
+    };
+    glass: typeof AURA_GLASS;
+    components: {
+        button: {
+            size: {
+                sm: {
+                    height: string;
+                    padding: string;
+                    fontSize: string;
+                };
+                md: {
+                    height: string;
+                    padding: string;
+                    fontSize: string;
+                };
+                lg: {
+                    height: string;
+                    padding: string;
+                    fontSize: string;
+                };
+            };
+            variant: {
+                primary: {
+                    background: string;
+                    color: string;
+                    hover: {
+                        background: string;
+                        shadow: string;
+                    };
+                    active: {
+                        background: string;
+                        shadow: string;
+                    };
+                };
+                secondary: {
+                    background: string;
+                    color: string;
+                    border: string;
+                    hover: {
+                        background: string;
+                        border: string;
+                    };
+                    active: {
+                        background: string;
+                        border: string;
+                    };
+                };
+            };
+        };
+        input: {
+            size: {
+                sm: {
+                    height: string;
+                    padding: string;
+                    fontSize: string;
+                };
+                md: {
+                    height: string;
+                    padding: string;
+                    fontSize: string;
+                };
+                lg: {
+                    height: string;
+                    padding: string;
+                    fontSize: string;
+                };
+            };
+            state: {
+                default: {
+                    border: string;
+                    background: string;
+                };
+                focus: {
+                    border: string;
+                    background: string;
+                    shadow: string;
+                };
+                error: {
+                    border: string;
+                    background: string;
+                };
+                disabled: {
+                    border: string;
+                    background: string;
+                    opacity: number;
+                };
+            };
+        };
+        card: {
+            variant: {
+                default: {
+                    background: string;
+                    border: string;
+                    shadow: string;
+                    hover: {
+                        shadow: string;
+                        transform: string;
+                    };
+                };
+                elevated: {
+                    background: string;
+                    border: string;
+                    shadow: string;
+                    hover: {
+                        shadow: string;
+                        transform: string;
+                    };
+                };
+                outlined: {
+                    background: string;
+                    border: string;
+                    shadow: string;
+                    hover: {
+                        border: string;
+                        shadow: string;
+                    };
+                };
+            };
+        };
+    };
+}
+export declare const lightTheme: ThemeTokens;
+export declare const darkTheme: ThemeTokens;
+export declare const glassTheme: ThemeTokens;
+export declare const themeUtils: {
+    get: (theme: ThemeTokens, path: string) => any;
+    merge: (baseTheme: ThemeTokens, overrides: Partial<ThemeTokens>) => ThemeTokens;
+    create: (overrides: Partial<ThemeTokens>) => ThemeTokens;
+};
+export { lightTheme as light, darkTheme as dark, glassTheme as glass };
+export default glassTheme;
+//# sourceMappingURL=themeTokens.d.ts.map