aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
94 lines • 2.9 kB
TypeScript
/**
import { cn } from '@/lib/utils';
* Spatial Computing Engine
* Foundation for AR/VR glass components with 3D space awareness,
* gesture recognition, and mixed reality integration
*/
import React from "react";
export interface SpatialPosition {
x: number;
y: number;
z: number;
pitch: number;
yaw: number;
roll: number;
}
export interface SpatialBounds {
min: SpatialPosition;
max: SpatialPosition;
shape: "box" | "sphere" | "cylinder" | "plane";
constraints?: {
lockX?: boolean;
lockY?: boolean;
lockZ?: boolean;
lockRotation?: boolean;
};
}
export type SpatialGesture = "tap" | "pinch" | "grab" | "swipe" | "rotate" | "scale" | "point" | "wave" | "push" | "pull" | "circle" | "custom";
export interface GestureEvent {
type: SpatialGesture;
position: SpatialPosition;
velocity: SpatialPosition;
confidence: number;
duration: number;
data?: Record<string, any>;
}
export interface SpatialAnchor {
id: string;
position: SpatialPosition;
persistent: boolean;
cloudSync: boolean;
accuracy: number;
lastUpdate: number;
}
export type MREnvironment = "desktop" | "mobile" | "vr-headset" | "ar-glasses" | "ar-phone" | "holographic";
export interface SpatialContext {
environment: MREnvironment;
capabilities: {
headTracking: boolean;
handTracking: boolean;
eyeTracking: boolean;
bodyTracking: boolean;
environmentMapping: boolean;
occlusion: boolean;
lighting: boolean;
physics: boolean;
};
displayInfo: {
fov: number;
resolution: {
width: number;
height: number;
};
refreshRate: number;
ipd?: number;
};
}
interface SpatialComputingEngineProps {
children: React.ReactNode;
className?: string;
position?: Partial<SpatialPosition>;
bounds?: SpatialBounds;
enableGestures?: boolean;
enableAnchoring?: boolean;
enablePhysics?: boolean;
enableOcclusion?: boolean;
gestureTypes?: SpatialGesture[];
spatialId?: string;
onGesture?: (gesture: GestureEvent) => void;
onPositionChange?: (position: SpatialPosition) => void;
onAnchorUpdate?: (anchor: SpatialAnchor) => void;
showDebugHud?: boolean;
}
export declare const SpatialComputingEngine: React.FC<SpatialComputingEngineProps>;
export declare const VRGlassComponent: React.FC<SpatialComputingEngineProps>;
export declare const ARGlassComponent: React.FC<SpatialComputingEngineProps>;
export declare const HoloGlassComponent: React.FC<SpatialComputingEngineProps>;
export declare const useSpatialTracking: () => {
position: SpatialPosition;
isTracking: boolean;
startTracking: () => void;
stopTracking: () => void;
};
export default SpatialComputingEngine;
//# sourceMappingURL=SpatialComputingEngine.d.ts.map