@backbay/glia 0.2.0-alpha.1

package/dist/primitives/environment/AuroraLayer/AuroraLayer.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useReducedMotion } from "framer-motion";
+import { cn } from "../../../lib/utils";
+import { getPerformanceConfig } from "../shared/performance";
+import { NOISE_DATA_URL } from "../shared/noise";
+import { AURORA_CONFIGS } from "./types";
+export function AuroraLayer({ type, colors: propColors, intensity = 1, speed = 1, stylePreset = 'ui', complexity: propComplexity, direction = 'vertical', blend = 'normal', enabled = true, className, style, }) {
+    const reducedMotion = useReducedMotion();
+    const perfConfig = getPerformanceConfig();
+    const [time, setTime] = React.useState(0);
+    const lightningRef = React.useRef(0);
+    const config = AURORA_CONFIGS[type];
+    const colors = propColors ?? config.colors;
+    const complexity = propComplexity ?? config.complexity;
+    const shouldAnimate = !reducedMotion && perfConfig.tier !== 'minimal';
+    React.useEffect(() => {
+        if (!shouldAnimate || !enabled)
+            return;
+        lightningRef.current = 0;
+        let frame;
+        const animate = () => {
+            if (type === 'storm') {
+                // Occasional lightning with short decay (avoid per-frame random strobe).
+                const chance = stylePreset === 'cinematic' ? 0.003 : 0.007;
+                if (Math.random() < chance)
+                    lightningRef.current = 1;
+                lightningRef.current *= stylePreset === 'cinematic' ? 0.92 : 0.88;
+                if (lightningRef.current < 0.02)
+                    lightningRef.current = 0;
+            }
+            setTime(prev => prev + config.animationSpeed * speed);
+            frame = requestAnimationFrame(animate);
+        };
+        frame = requestAnimationFrame(animate);
+        return () => cancelAnimationFrame(frame);
+    }, [shouldAnimate, enabled, type, stylePreset, config.animationSpeed, speed]);
+    if (!enabled)
+        return null;
+    const lightning = type === 'storm' ? lightningRef.current : 0;
+    const auroraStyle = React.useMemo(() => {
+        const opacity = intensity;
+        const c = colors.map(color => `${color}${Math.round(opacity * 200).toString(16).padStart(2, '0')}`);
+        switch (type) {
+            case 'aurora':
+                return {
+                    background: `
+            linear-gradient(${direction === 'horizontal' ? '90deg' : '180deg'},
+              ${c[0]} ${Math.sin(time) * 20 + 10}%,
+              ${c[1]} ${50 + Math.cos(time * 1.3) * 20}%,
+              ${c[2]} ${90 + Math.sin(time * 0.7) * 10}%
+            )
+          `,
+                    filter: `blur(${40 + Math.sin(time * 2) * 10}px)`,
+                    mixBlendMode: blend,
+                };
+            case 'nebula':
+                return {
+                    background: `
+            radial-gradient(ellipse at ${30 + Math.sin(time) * 20}% ${40 + Math.cos(time * 0.8) * 20}%, ${c[0]}, transparent 50%),
+            radial-gradient(ellipse at ${70 + Math.cos(time * 1.2) * 15}% ${60 + Math.sin(time * 0.9) * 15}%, ${c[1]}, transparent 40%),
+            radial-gradient(ellipse at ${50 + Math.sin(time * 0.7) * 25}% ${50 + Math.cos(time * 1.1) * 25}%, ${c[2]}, transparent 45%)
+          `,
+                    mixBlendMode: blend,
+                };
+            case 'gradient':
+                return {
+                    background: `linear-gradient(${direction === 'horizontal' ? '90deg' : direction === 'radial' ? '135deg' : '180deg'}, ${c.join(', ')})`,
+                    mixBlendMode: blend,
+                };
+            case 'stars':
+                // Generate pseudo-random star positions based on complexity
+                const starGradients = Array.from({ length: Math.min(complexity * 10, 50) }, (_, i) => {
+                    const x = ((i * 17 + Math.sin(i) * 30) % 100);
+                    const y = ((i * 23 + Math.cos(i) * 40) % 100);
+                    const twinkle = Math.sin(time * (2 + i * 0.1)) * 0.5 + 0.5;
+                    const size = 1 + (i % 3);
+                    return `radial-gradient(circle ${size}px at ${x}% ${y}%, ${colors[i % colors.length]}${Math.round(twinkle * opacity * 255).toString(16).padStart(2, '0')}, transparent ${size}px)`;
+                });
+                return {
+                    background: starGradients.join(', '),
+                    mixBlendMode: blend,
+                };
+            case 'clouds':
+                return {
+                    background: `
+            radial-gradient(ellipse 80% 50% at ${20 + Math.sin(time) * 10}% ${30 + Math.cos(time * 0.5) * 10}%, ${c[0]}, transparent),
+            radial-gradient(ellipse 60% 40% at ${60 + Math.cos(time * 0.7) * 15}% ${50 + Math.sin(time * 0.6) * 10}%, ${c[1]}, transparent),
+            radial-gradient(ellipse 70% 45% at ${40 + Math.sin(time * 0.8) * 12}% ${70 + Math.cos(time * 0.4) * 8}%, ${c[2]}, transparent)
+          `,
+                    filter: 'blur(30px)',
+                    mixBlendMode: blend,
+                };
+            case 'sunset':
+                return {
+                    background: `linear-gradient(180deg,
+            ${c[2]} 0%,
+            ${c[1]} ${40 + Math.sin(time) * 5}%,
+            ${c[0]} ${70 + Math.cos(time * 0.5) * 5}%,
+            ${c[0]}00 100%
+          )`,
+                    mixBlendMode: blend,
+                };
+            case 'storm':
+                return {
+                    background: `
+            radial-gradient(ellipse 100% 60% at ${30 + Math.sin(time * 2) * 20}% ${20 + Math.cos(time) * 10}%, ${c[1]}, transparent),
+            radial-gradient(ellipse 80% 50% at ${70 + Math.cos(time * 1.5) * 25}% ${40 + Math.sin(time * 1.2) * 15}%, ${c[2]}, transparent),
+            linear-gradient(180deg, ${c[0]}, ${c[1]})
+          `,
+                    filter: lightning
+                        ? `brightness(${1 + lightning * (stylePreset === 'cinematic' ? 1.8 : 2.6)}) contrast(${1 + lightning * 0.35})`
+                        : undefined,
+                    mixBlendMode: blend,
+                };
+            case 'cosmic':
+                return {
+                    background: `
+            radial-gradient(ellipse at center, ${c[3] ?? c[0]} 0%, transparent 50%),
+            radial-gradient(ellipse at ${30 + Math.sin(time * 0.5) * 20}% ${30 + Math.cos(time * 0.3) * 20}%, ${c[1]}, transparent 40%),
+            radial-gradient(ellipse at ${70 + Math.cos(time * 0.4) * 15}% ${70 + Math.sin(time * 0.6) * 15}%, ${c[2]}, transparent 35%),
+            linear-gradient(180deg, ${c[0]}, ${c[1]})
+          `,
+                    mixBlendMode: blend,
+                };
+            case 'heat':
+                return {
+                    background: `
+            radial-gradient(ellipse at 50% 100%, ${c[0]}, transparent 60%),
+            radial-gradient(ellipse at ${30 + Math.sin(time * 3) * 20}% 80%, ${c[1]}, transparent 40%),
+            radial-gradient(ellipse at ${70 + Math.cos(time * 2.5) * 20}% 90%, ${c[2]}, transparent 45%)
+          `,
+                    filter: `blur(${10 + Math.sin(time * 5) * 5}px)`,
+                    mixBlendMode: blend,
+                };
+            case 'underwater':
+                return {
+                    background: `
+            linear-gradient(180deg, ${c[0]} 0%, ${c[1]} 50%, ${c[2]} 100%),
+            radial-gradient(ellipse at ${50 + Math.sin(time) * 30}% ${30 + Math.cos(time * 0.8) * 20}%, ${c[2]}40, transparent 40%)
+          `,
+                    mixBlendMode: blend,
+                };
+            default:
+                return {};
+        }
+    }, [type, colors, intensity, complexity, direction, blend, time, lightning, stylePreset]);
+    return (_jsx("div", { className: cn("pointer-events-none absolute inset-0", className), style: { ...auroraStyle, ...style }, "aria-hidden": "true", children: stylePreset === 'cinematic' && (_jsx("div", { className: "absolute inset-0", style: {
+                backgroundImage: `url("${NOISE_DATA_URL}")`,
+                backgroundRepeat: 'repeat',
+                backgroundSize: `${200 + complexity * 16}px ${200 + complexity * 16}px`,
+                backgroundPosition: `${time * 120}px ${time * 80}px`,
+                opacity: Math.min(0.1, 0.04 + intensity * 0.03),
+                mixBlendMode: 'overlay',
+                filter: 'blur(0.4px) contrast(1.1)',
+            }, "aria-hidden": "true" })) }));
+}

package/dist/primitives/environment/AuroraLayer/index.d.ts

@@ -0,0 +1,3 @@
+export { AuroraLayer } from './AuroraLayer';
+export type { AuroraLayerProps, AuroraType } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/environment/AuroraLayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/AuroraLayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/primitives/environment/AuroraLayer/index.js

@@ -0,0 +1 @@
+export { AuroraLayer } from './AuroraLayer';

package/dist/primitives/environment/AuroraLayer/types.d.ts

@@ -0,0 +1,16 @@
+import type { BaseLayerProps } from '../shared/types';
+export type AuroraType = 'aurora' | 'nebula' | 'gradient' | 'stars' | 'clouds' | 'sunset' | 'storm' | 'cosmic' | 'heat' | 'underwater';
+export interface AuroraLayerProps extends BaseLayerProps {
+    type: AuroraType;
+    colors?: string[];
+    complexity?: number;
+    direction?: 'horizontal' | 'vertical' | 'radial';
+    blend?: 'normal' | 'screen' | 'overlay' | 'multiply';
+}
+export interface AuroraConfig {
+    colors: string[];
+    animationSpeed: number;
+    complexity: number;
+}
+export declare const AURORA_CONFIGS: Record<AuroraType, AuroraConfig>;
+//# sourceMappingURL=types.d.ts.map

package/dist/primitives/environment/AuroraLayer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/AuroraLayer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAC;AAEvI,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;CACtD;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,UAAU,EAAE,YAAY,CAW3D,CAAC"}

package/dist/primitives/environment/AuroraLayer/types.js

@@ -0,0 +1,12 @@
+export const AURORA_CONFIGS = {
+    aurora: { colors: ['#00ff87', '#60efff', '#ff00aa'], animationSpeed: 0.008, complexity: 3 },
+    nebula: { colors: ['#1a0533', '#4b0082', '#ff006e'], animationSpeed: 0.005, complexity: 4 },
+    gradient: { colors: ['#667eea', '#764ba2'], animationSpeed: 0.003, complexity: 1 },
+    stars: { colors: ['#ffffff', '#fffacd', '#e6e6fa'], animationSpeed: 0.01, complexity: 5 },
+    clouds: { colors: ['#f0f0f0', '#d0d0d0', '#e8e8e8'], animationSpeed: 0.004, complexity: 3 },
+    sunset: { colors: ['#ff6b35', '#f7c59f', '#2e294e'], animationSpeed: 0.002, complexity: 2 },
+    storm: { colors: ['#1c1c1c', '#363636', '#4a4a4a'], animationSpeed: 0.015, complexity: 4 },
+    cosmic: { colors: ['#0d0221', '#0f084b', '#26408b', '#a663cc'], animationSpeed: 0.003, complexity: 5 },
+    heat: { colors: ['#ff4500', '#ff6347', '#ffa500'], animationSpeed: 0.02, complexity: 2 },
+    underwater: { colors: ['#006994', '#00a8cc', '#40e0d0'], animationSpeed: 0.006, complexity: 3 },
+};

package/dist/primitives/environment/EnvironmentLayer/EnvironmentLayer.d.ts

@@ -0,0 +1,23 @@
+import type { EnvironmentStylePreset } from "../shared/types";
+import type { WeatherLayerProps } from "../WeatherLayer";
+import type { FogLayerProps } from "../FogLayer";
+import type { VolumetricLightProps } from "../VolumetricLight";
+import type { AuroraLayerProps } from "../AuroraLayer";
+import { type EnvironmentPreset } from "./presets";
+export interface EnvironmentLayerProps {
+    preset: EnvironmentPreset;
+    enabled?: boolean;
+    intensity?: number;
+    stylePreset?: EnvironmentStylePreset;
+    className?: string;
+    style?: React.CSSProperties;
+    weatherOverride?: Partial<Omit<WeatherLayerProps, "enabled" | "className" | "style">>;
+    fogOverride?: Partial<Omit<FogLayerProps, "enabled" | "className" | "style">>;
+    lightOverride?: Partial<Omit<VolumetricLightProps, "enabled" | "className" | "style">>;
+    skyOverride?: Partial<Omit<AuroraLayerProps, "enabled" | "className" | "style">>;
+}
+export declare function EnvironmentLayer({ preset, enabled, intensity, stylePreset, className, style, weatherOverride, fogOverride, lightOverride, skyOverride, }: EnvironmentLayerProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace EnvironmentLayer {
+    var displayName: string;
+}
+//# sourceMappingURL=EnvironmentLayer.d.ts.map

package/dist/primitives/environment/EnvironmentLayer/EnvironmentLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnvironmentLayer.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/EnvironmentLayer/EnvironmentLayer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAuB,KAAK,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAExE,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;IACtF,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;IACvF,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC;CAClF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,OAAc,EACd,SAAa,EACb,WAAW,EACX,SAAS,EACT,KAAK,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,WAAW,GACZ,EAAE,qBAAqB,kDA8DvB;yBAzEe,gBAAgB"}

package/dist/primitives/environment/EnvironmentLayer/EnvironmentLayer.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReducedMotion } from "framer-motion";
+import { cn } from "../../../lib/utils";
+import { getPerformanceConfig } from "../shared/performance";
+import { WeatherLayer } from "../WeatherLayer";
+import { FogLayer } from "../FogLayer";
+import { VolumetricLight } from "../VolumetricLight";
+import { AuroraLayer } from "../AuroraLayer";
+import { ENVIRONMENT_PRESETS } from "./presets";
+export function EnvironmentLayer({ preset, enabled = true, intensity = 1, stylePreset, className, style, weatherOverride, fogOverride, lightOverride, skyOverride, }) {
+    const reducedMotion = useReducedMotion();
+    const perfConfig = getPerformanceConfig();
+    const resolvedStylePreset = stylePreset ?? (perfConfig.useShaders ? "cinematic" : "ui");
+    if (!enabled || reducedMotion || perfConfig.tier === "minimal") {
+        return null;
+    }
+    const config = ENVIRONMENT_PRESETS[preset];
+    if (!config) {
+        console.warn(`EnvironmentLayer: Unknown preset "${preset}". Available presets: ${Object.keys(ENVIRONMENT_PRESETS).join(", ")}`);
+        return null;
+    }
+    return (_jsxs("div", { className: cn("pointer-events-none absolute inset-0 overflow-hidden", className), style: style, "aria-hidden": "true", children: [config.sky && (_jsx(AuroraLayer, { enabled: enabled, ...config.sky, stylePreset: resolvedStylePreset, intensity: (config.sky.intensity ?? 1) * intensity, ...skyOverride })), config.fog && (_jsx(FogLayer, { enabled: enabled, ...config.fog, stylePreset: resolvedStylePreset, intensity: (config.fog.intensity ?? 1) * intensity, ...fogOverride })), config.light && (_jsx(VolumetricLight, { enabled: enabled, ...config.light, stylePreset: resolvedStylePreset, intensity: (config.light.intensity ?? 1) * intensity, ...lightOverride })), config.weather && (_jsx(WeatherLayer, { enabled: enabled, ...config.weather, stylePreset: resolvedStylePreset, intensity: (config.weather.intensity ?? 1) * intensity, ...weatherOverride }))] }));
+}
+EnvironmentLayer.displayName = "EnvironmentLayer";

package/dist/primitives/environment/EnvironmentLayer/index.d.ts

@@ -0,0 +1,5 @@
+export { EnvironmentLayer } from "./EnvironmentLayer";
+export type { EnvironmentLayerProps } from "./EnvironmentLayer";
+export { ENVIRONMENT_PRESETS } from "./presets";
+export type { EnvironmentPreset, EnvironmentConfig } from "./presets";
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/environment/EnvironmentLayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/EnvironmentLayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC"}

package/dist/primitives/environment/EnvironmentLayer/index.js

@@ -0,0 +1,2 @@
+export { EnvironmentLayer } from "./EnvironmentLayer";
+export { ENVIRONMENT_PRESETS } from "./presets";

package/dist/primitives/environment/EnvironmentLayer/presets.d.ts

@@ -0,0 +1,13 @@
+import type { WeatherLayerProps } from "../WeatherLayer";
+import type { FogLayerProps } from "../FogLayer";
+import type { VolumetricLightProps } from "../VolumetricLight";
+import type { AuroraLayerProps } from "../AuroraLayer";
+export type EnvironmentPreset = "enchanted-forest" | "cyberpunk-city" | "deep-space" | "underwater" | "apocalypse" | "cozy-night" | "haunted" | "synthwave" | "zen-garden" | "volcanic" | "arctic" | "noir" | "ethereal" | "matrix" | "rave" | "alien-world";
+export interface EnvironmentConfig {
+    weather?: Omit<WeatherLayerProps, "enabled" | "className" | "style">;
+    fog?: Omit<FogLayerProps, "enabled" | "className" | "style">;
+    light?: Omit<VolumetricLightProps, "enabled" | "className" | "style">;
+    sky?: Omit<AuroraLayerProps, "enabled" | "className" | "style">;
+}
+export declare const ENVIRONMENT_PRESETS: Record<EnvironmentPreset, EnvironmentConfig>;
+//# sourceMappingURL=presets.d.ts.map

package/dist/primitives/environment/EnvironmentLayer/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/EnvironmentLayer/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GACzB,kBAAkB,GAClB,gBAAgB,GAChB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,WAAW,GACX,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,MAAM,GACN,UAAU,GACV,QAAQ,GACR,MAAM,GACN,aAAa,CAAC;AAElB,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;IACrE,GAAG,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;IACtE,GAAG,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;CACjE;AAED,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,iBAAiB,EAAE,iBAAiB,CAiG5E,CAAC"}

package/dist/primitives/environment/EnvironmentLayer/presets.js

@@ -0,0 +1,98 @@
+export const ENVIRONMENT_PRESETS = {
+    "enchanted-forest": {
+        weather: { type: "fireflies", intensity: 0.7 },
+        fog: { type: "ground", intensity: 0.5, color: "#1a3a2a" },
+        light: { type: "godrays", intensity: 0.6, color: "#d4f0c4" },
+        sky: { type: "aurora", intensity: 0.4, colors: ["#00ff87", "#004d2f", "#001a0f"] },
+    },
+    "cyberpunk-city": {
+        weather: { type: "rain", intensity: 0.8, wind: { x: -0.3, y: 0 } },
+        fog: { type: "volumetric", intensity: 0.6, color: "#1a0033" },
+        light: { type: "neon", intensity: 0.8, color: "#ff00ff", angle: 90 },
+        sky: { type: "gradient", intensity: 0.7, colors: ["#0a001a", "#1a0033", "#330066"] },
+    },
+    "deep-space": {
+        weather: { type: "spores", intensity: 0.3, color: "#ffffff" },
+        fog: undefined,
+        light: undefined,
+        sky: { type: "nebula", intensity: 0.8, colors: ["#0d0221", "#1a0533", "#4b0082", "#9400d3"] },
+    },
+    underwater: {
+        weather: { type: "spores", intensity: 0.4, color: "#40e0d0" },
+        fog: { type: "mist", intensity: 0.5, color: "#006994" },
+        light: { type: "caustics", intensity: 0.7, color: "#00d4ff" },
+        sky: { type: "underwater", intensity: 0.9 },
+    },
+    apocalypse: {
+        weather: { type: "ash", intensity: 0.8 },
+        fog: { type: "volumetric", intensity: 0.7, color: "#2a1a0a" },
+        light: undefined,
+        sky: { type: "storm", intensity: 0.9, colors: ["#1c1c1c", "#363636", "#4a3020"] },
+    },
+    "cozy-night": {
+        weather: { type: "fireflies", intensity: 0.4 },
+        fog: { type: "mist", intensity: 0.3, color: "#0a0a20" },
+        light: { type: "bloom", intensity: 0.5, color: "#fff5e6", source: { x: 0.5, y: 0.3 } },
+        sky: { type: "stars", intensity: 0.6, colors: ["#ffffff", "#fffacd", "#e6e6fa"] },
+    },
+    haunted: {
+        weather: { type: "embers", intensity: 0.3, color: "#4a90a4" },
+        fog: { type: "ground", intensity: 0.8, color: "#1a1a2e" },
+        light: { type: "godrays", intensity: 0.4, color: "#4a6fa5" },
+        sky: { type: "storm", intensity: 0.7, colors: ["#0a0a0f", "#1a1a2e", "#2a2a4e"] },
+    },
+    synthwave: {
+        weather: { type: "sparks", intensity: 0.4, color: "#ff00ff" },
+        fog: undefined,
+        light: { type: "scanner", intensity: 0.6, color: "#00ffff", source: { x: 0.5, y: 1 } },
+        sky: { type: "gradient", intensity: 0.9, colors: ["#ff00ff", "#ff6ec7", "#0a001a"] },
+    },
+    "zen-garden": {
+        weather: { type: "sakura", intensity: 0.5, wind: { x: 0.2, y: 0 } },
+        fog: { type: "mist", intensity: 0.4, color: "#f0f0f0" },
+        light: { type: "godrays", intensity: 0.5, color: "#ffe4b5" },
+        sky: { type: "sunset", intensity: 0.7, colors: ["#ff6b35", "#f7c59f", "#2e294e"] },
+    },
+    volcanic: {
+        weather: { type: "embers", intensity: 0.8 },
+        fog: { type: "volumetric", intensity: 0.6, color: "#1a0a00" },
+        light: undefined,
+        sky: { type: "heat", intensity: 0.9, colors: ["#ff4500", "#ff6347", "#1a0500"] },
+    },
+    arctic: {
+        weather: { type: "snow", intensity: 0.7, wind: { x: 0.2, y: 0 } },
+        fog: { type: "mist", intensity: 0.5, color: "#e8f4ff" },
+        light: { type: "rim", intensity: 0.4, color: "#00f0ff" },
+        sky: { type: "aurora", intensity: 0.6, colors: ["#00ff87", "#60efff", "#0a1a2f"] },
+    },
+    noir: {
+        weather: { type: "rain", intensity: 0.6, wind: { x: -0.2, y: 0 } },
+        fog: { type: "depth", intensity: 0.7, color: "#0a0a0f" },
+        light: { type: "spotlight", intensity: 0.8, color: "#ffffff", source: { x: 0.3, y: 0 }, width: 0.4 },
+        sky: { type: "clouds", intensity: 0.5, colors: ["#1a1a1a", "#2a2a2a", "#0a0a0a"] },
+    },
+    ethereal: {
+        weather: { type: "spores", intensity: 0.5, color: "#da70d6" },
+        fog: undefined,
+        light: { type: "bloom", intensity: 0.6, color: "#e6e6fa", source: { x: 0.5, y: 0.5 } },
+        sky: { type: "nebula", intensity: 0.7, colors: ["#4b0082", "#8a2be2", "#da70d6"] },
+    },
+    matrix: {
+        weather: { type: "rain", intensity: 0.9, color: "#00ff00", wind: { x: 0, y: 0 } },
+        fog: undefined,
+        light: { type: "scanner", intensity: 0.4, color: "#00ff00", source: { x: 0.5, y: 0 } },
+        sky: { type: "gradient", intensity: 0.8, colors: ["#001a00", "#003300", "#000a00"] },
+    },
+    rave: {
+        weather: { type: "sparks", intensity: 0.6 },
+        fog: undefined,
+        light: { type: "laser", intensity: 0.8, color: "#ff0000", angle: 45 },
+        sky: { type: "cosmic", intensity: 0.7, colors: ["#0d0221", "#ff00ff", "#00ffff", "#ff00ff"] },
+    },
+    "alien-world": {
+        weather: { type: "spores", intensity: 0.6, color: "#7fff00" },
+        fog: { type: "volumetric", intensity: 0.5, color: "#1a0033" },
+        light: { type: "caustics", intensity: 0.5, color: "#7fff00" },
+        sky: { type: "nebula", intensity: 0.8, colors: ["#1a0033", "#4b0082", "#7fff00"] },
+    },
+};

package/dist/primitives/environment/FogLayer/FogLayer.d.ts

@@ -0,0 +1,3 @@
+import type { FogLayerProps } from "./types";
+export declare function FogLayer({ type, density: propDensity, color: propColor, height, animated, intensity, stylePreset, enabled, className, style, }: FogLayerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=FogLayer.d.ts.map

package/dist/primitives/environment/FogLayer/FogLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FogLayer.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/FogLayer/FogLayer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAG7C,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,MAAY,EACZ,QAAe,EACf,SAAa,EACb,WAAkB,EAClB,OAAc,EACd,SAAS,EACT,KAAK,GACN,EAAE,aAAa,kDA2Ff"}

package/dist/primitives/environment/FogLayer/FogLayer.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useReducedMotion } from "framer-motion";
+import { cn } from "../../../lib/utils";
+import { getPerformanceConfig } from "../shared/performance";
+import { NOISE_DATA_URL } from "../shared/noise";
+import { FOG_CONFIGS } from "./types";
+export function FogLayer({ type, density: propDensity, color: propColor, height = 0.4, animated = true, intensity = 1, stylePreset = 'ui', enabled = true, className, style, }) {
+    const reducedMotion = useReducedMotion();
+    const perfConfig = getPerformanceConfig();
+    const [offset, setOffset] = React.useState(0);
+    const config = FOG_CONFIGS[type];
+    const density = propDensity ?? config.defaultDensity;
+    const color = propColor ?? config.defaultColor;
+    const shouldAnimate = animated && !reducedMotion && perfConfig.tier !== 'minimal';
+    // Animation loop for mist/volumetric movement
+    React.useEffect(() => {
+        if (!shouldAnimate || !enabled || config.animationSpeed === 0)
+            return;
+        let frame;
+        const animate = () => {
+            setOffset(prev => (prev + config.animationSpeed) % 100);
+            frame = requestAnimationFrame(animate);
+        };
+        frame = requestAnimationFrame(animate);
+        return () => cancelAnimationFrame(frame);
+    }, [shouldAnimate, enabled, config.animationSpeed]);
+    if (!enabled)
+        return null;
+    const gradientStyle = React.useMemo(() => {
+        const opacity = density * intensity;
+        switch (type) {
+            case 'depth':
+                return {
+                    background: `linear-gradient(to top, ${color}${Math.round(opacity * 255).toString(16).padStart(2, '0')}, transparent)`,
+                };
+            case 'ground':
+                return {
+                    background: `linear-gradient(to top,
+            ${color}${Math.round(opacity * 255).toString(16).padStart(2, '0')} 0%,
+            ${color}${Math.round(opacity * 0.5 * 255).toString(16).padStart(2, '0')} ${height * 50}%,
+            transparent ${height * 100}%)`,
+                };
+            case 'volumetric':
+                return {
+                    background: `
+            radial-gradient(ellipse 120% 60% at 50% ${100 - offset}%, ${color}${Math.round(opacity * 0.6 * 255).toString(16).padStart(2, '0')}, transparent),
+            radial-gradient(ellipse 100% 40% at ${30 + offset * 0.2}% 80%, ${color}${Math.round(opacity * 0.4 * 255).toString(16).padStart(2, '0')}, transparent),
+            radial-gradient(ellipse 80% 50% at ${70 - offset * 0.15}% 90%, ${color}${Math.round(opacity * 0.5 * 255).toString(16).padStart(2, '0')}, transparent)
+          `,
+                };
+            case 'mist':
+                return {
+                    background: `
+            radial-gradient(ellipse 150% 80% at ${40 + Math.sin(offset * 0.1) * 20}% ${60 + Math.cos(offset * 0.08) * 10}%, ${color}${Math.round(opacity * 0.3 * 255).toString(16).padStart(2, '0')}, transparent),
+            radial-gradient(ellipse 120% 60% at ${60 + Math.cos(offset * 0.12) * 15}% ${40 + Math.sin(offset * 0.09) * 15}%, ${color}${Math.round(opacity * 0.25 * 255).toString(16).padStart(2, '0')}, transparent),
+            linear-gradient(to top, ${color}${Math.round(opacity * 0.15 * 255).toString(16).padStart(2, '0')}, transparent 50%)
+          `,
+                };
+            default:
+                return {};
+        }
+    }, [type, color, density, intensity, height, offset]);
+    return (_jsx("div", { className: cn("pointer-events-none absolute inset-0", className), style: {
+            ...gradientStyle,
+            ...style,
+        }, "aria-hidden": "true", children: stylePreset === 'cinematic' && (_jsx("div", { className: "absolute inset-0", style: {
+                backgroundImage: `url("${NOISE_DATA_URL}")`,
+                backgroundRepeat: 'repeat',
+                backgroundSize: `${260 - Math.round(density * 80)}px ${260 - Math.round(density * 80)}px`,
+                backgroundPosition: `${offset * 30}px ${offset * 20}px`,
+                opacity: Math.min(0.18, 0.04 + density * intensity * 0.12),
+                mixBlendMode: 'soft-light',
+                filter: 'blur(0.6px) contrast(1.2)',
+            }, "aria-hidden": "true" })) }));
+}

package/dist/primitives/environment/FogLayer/index.d.ts

@@ -0,0 +1,3 @@
+export { FogLayer } from './FogLayer';
+export type { FogLayerProps, FogType } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/environment/FogLayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/FogLayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/dist/primitives/environment/FogLayer/index.js

@@ -0,0 +1 @@
+export { FogLayer } from './FogLayer';

package/dist/primitives/environment/FogLayer/types.d.ts

@@ -0,0 +1,17 @@
+import type { BaseLayerProps } from '../shared/types';
+export type FogType = 'depth' | 'ground' | 'volumetric' | 'mist';
+export interface FogLayerProps extends BaseLayerProps {
+    type: FogType;
+    density?: number;
+    color?: string;
+    height?: number;
+    animated?: boolean;
+}
+export interface FogConfig {
+    defaultColor: string;
+    defaultDensity: number;
+    animationSpeed: number;
+    gradientStops: number;
+}
+export declare const FOG_CONFIGS: Record<FogType, FogConfig>;
+//# sourceMappingURL=types.d.ts.map

package/dist/primitives/environment/FogLayer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/FogLayer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,aAAc,SAAQ,cAAc;IACnD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,SAAS,CAyBlD,CAAC"}

package/dist/primitives/environment/FogLayer/types.js

@@ -0,0 +1,26 @@
+export const FOG_CONFIGS = {
+    depth: {
+        defaultColor: '#0a0a0f',
+        defaultDensity: 0.5,
+        animationSpeed: 0,
+        gradientStops: 2,
+    },
+    ground: {
+        defaultColor: '#ffffff',
+        defaultDensity: 0.7,
+        animationSpeed: 0.02,
+        gradientStops: 3,
+    },
+    volumetric: {
+        defaultColor: '#e8e8ff',
+        defaultDensity: 0.4,
+        animationSpeed: 0.01,
+        gradientStops: 4,
+    },
+    mist: {
+        defaultColor: '#f0f0ff',
+        defaultDensity: 0.3,
+        animationSpeed: 0.015,
+        gradientStops: 5,
+    },
+};

package/dist/primitives/environment/VolumetricLight/VolumetricLight.d.ts

@@ -0,0 +1,3 @@
+import type { VolumetricLightProps } from "./types";
+export declare function VolumetricLight({ type, source, color: propColor, intensity, decay, angle, width, animated: propAnimated, stylePreset, enabled, className, style, }: VolumetricLightProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=VolumetricLight.d.ts.map

package/dist/primitives/environment/VolumetricLight/VolumetricLight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VolumetricLight.d.ts","sourceRoot":"","sources":["../../../../src/primitives/environment/VolumetricLight/VolumetricLight.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAGpD,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,MAAyB,EACzB,KAAK,EAAE,SAAS,EAChB,SAAe,EACf,KAAW,EACX,KAAS,EACT,KAAW,EACX,QAAQ,EAAE,YAAY,EACtB,WAAkB,EAClB,OAAc,EACd,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,kDAoKtB"}