aura-glass 2.0.3 → 2.0.5

package/README.md

@@ -87,7 +87,11 @@ This is not just a design system—it's an adaptive, intelligent, multi-sensory
 - **10+ New Components Planned** - Including GlassRating, GlassPullToRefresh, GlassActionSheet, and more
 - **40+ World-First Innovations** - Genesis-inspired components with cutting-edge capabilities including 15 production-ready AI-powered systems
 - **✅ Comprehensive Glassmorphism Audit** - All 621 components audited with critical bug fixes applied (441 files fixed)
-- **Advanced Physics Engine** - Realistic spring animations and magnetic interactions
+- **🧪 Advanced Physics Engine** - Full 2D physics system with collision detection, spring dynamics, and gesture interactions
+- **🎭 Complete Animation Orchestration** - Multi-element choreography with sequencing, staggering, and stage management
+- **🎯 Transform & Motion System** - 3D transforms, ambient tilt, magnetic elements, and Z-space positioning
+- **⚡ Production-Ready Physics Hooks** - usePhysicsEngine, usePhysicsLayout for advanced interactions
+- **🌟 Gesture Physics Integration** - 8 gesture types with 5 preset configurations for natural interactions
 - **Performance Optimized** - Device-adaptive rendering with quality tiers and monitoring
 - **TypeScript Support** - Full TypeScript definitions with comprehensive type safety
 - **Enterprise-Grade Architecture** - Production-ready with error handling and monitoring
@@ -239,6 +243,23 @@ import {
   adaptiveAI,
   useGlassSound,
   useAdaptiveAI,
+  // 🆕 NEW! Enhanced Hooks & Utilities
+  useEnhancedReducedMotion,
+  useDeviceCapabilities,
+  useQualityTier,
+  getQualityBasedPhysicsParams,
+  getQualityBasedGlassParams,
+  useChartPhysicsInteraction,
+  useTheme,
+  useThemeVariant,
+  useThemeProviderPresence,
+  AnimationProvider,
+  useAnimation,
+  useZSpaceAnimation,
+  useParallaxZSpace,
+  useCardStackZSpace,
+  prefersReducedMotion,
+  createAccessibleAnimation,
   // 🆕 Next-Gen Consciousness Interface
   GlassPredictiveEngine,
   GlassEyeTrackingProvider,
@@ -897,6 +918,85 @@ function AIComponentsApp() {
   );
 }
 
+// 🆕 NEW! Enhanced Hooks Usage Examples
+function EnhancedHooksApp() {
+  // Device capabilities and optimization
+  const { deviceInfo, reload } = useDeviceCapabilities();
+  const prefersReducedMotion = useEnhancedReducedMotion();
+  const { currentTheme, setTheme } = useTheme();
+
+  // Chart interactions with physics
+  const chartRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const { isPanning, zoomLevel, applyZoom, resetZoom } = useChartPhysicsInteraction(
+    chartRef,
+    wrapperRef,
+    {
+      enabled: true,
+      mode: 'xy',
+      minZoom: 0.5,
+      maxZoom: 5,
+    }
+  );
+
+  // Quality tier optimization for charts
+  const qualityTier = useQualityTier(deviceInfo.performance.tier);
+  const physicsParams = getQualityBasedPhysicsParams(qualityTier);
+  const glassParams = getQualityBasedGlassParams(qualityTier);
+
+  // Z-space 3D animations
+  const {
+    layers,
+    animateToZSpace,
+    bringToFront,
+    getLayerStyles
+  } = useZSpaceAnimation([
+    { id: 'layer1', zIndex: 1, elevation: 0, opacity: 1, scale: 1, blur: 0, transform: '' },
+    { id: 'layer2', zIndex: 2, elevation: 5, opacity: 1, scale: 1, blur: 0, transform: '' },
+  ]);
+
+  return (
+    <AnimationProvider config={{ duration: prefersReducedMotion ? 0 : 300 }}>
+      <div className="min-h-screen bg-gradient-to-br from-slate-900 to-blue-900">
+        {/* Device info display */}
+        <GlassCard className="p-4 m-4">
+          <h3>Device Information</h3>
+          <p>Type: {deviceInfo.type}</p>
+          <p>Performance Tier: {deviceInfo.performance.tier}</p>
+          <p>Reduced Motion: {prefersReducedMotion ? 'Yes' : 'No'}</p>
+          <GlassButton onClick={reload}>Refresh Detection</GlassButton>
+        </GlassCard>
+
+        {/* Chart with physics interactions */}
+        <div ref={wrapperRef} className="p-4 m-4">
+          <GlassCard>
+            <p>Zoom Level: {zoomLevel.toFixed(2)}x</p>
+            <p>Panning: {isPanning ? 'Yes' : 'No'}</p>
+            <GlassButton onClick={resetZoom}>Reset Zoom</GlassButton>
+            {/* Chart.js component would go here */}
+          </GlassCard>
+        </div>
+
+        {/* Z-space layered UI */}
+        {layers.map((layer) => (
+          <div
+            key={layer.id}
+            style={getLayerStyles(layer.id)}
+            onClick={() => bringToFront(layer.id)}
+          >
+            <GlassCard>Layer {layer.id}</GlassCard>
+          </div>
+        ))}
+
+        {/* Theme switcher */}
+        <GlassButton onClick={() => setTheme(currentTheme === 'dark' ? 'light' : 'dark')}>
+          Toggle Theme
+        </GlassButton>
+      </div>
+    </AnimationProvider>
+  );
+}
+
 ## 🎨 Component Categories (20+ Categories)
 
 ### Layout & Structure
@@ -910,6 +1010,9 @@ function AIComponentsApp() {
 - `GlassAppShell` - Application shell layout
 - `GlassFlex` - Flexible layout container
 - `OptimizedGlassContainer` - Performance-optimized container
+- `ZSpaceAppLayout` - **NEW!** Full app layout with Z-space depth layers for header, sidebar, content, and footer
+- `DimensionalDashboardContainer` - **NEW!** 3D dashboard with parallax, auto-rotation, and multi-layer depth positioning
+- `PageGlassContainer` - Full-page glass container with scroll fade and dimensional effects
 
 ### Navigation & Chrome
 - `GlassHeader` - Application header with branding and navigation
@@ -920,13 +1023,14 @@ function AIComponentsApp() {
 - `GlassSegmentedControl` - Tab-like segmented control
 - `GlassPagination` - Data pagination controls
 - `GlassTabs` - Tab navigation component
+- `GlassTabItem` - **NEW!** Individual tab item with glass styling, badges, and keyboard navigation
 - `GlassNavigationMenu` - Dropdown navigation menu
 - `GlassBottomNav` - Bottom navigation for mobile
 - `GlassContextMenu` - Right-click context menus
 - `GlassDropdownMenu` - Dropdown menu component
 - `GlassMenubar` - Menu bar with multiple sections
 - `GlassMobileNav` - Mobile-optimized navigation
-- `GlassResponsiveNav` - Responsive navigation system
+- `GlassResponsiveNav` / `ResponsiveNavigation` - Responsive navigation system
 - `GlassTabBar` - Advanced tab bar with badges
 
 ### Modals & Overlays
@@ -970,13 +1074,14 @@ function AIComponentsApp() {
 - `GlassToggle` - Toggle switch component
 
 ### Buttons & Cards
-- `GlassButton` - Comprehensive action button with consciousness features
+- `GlassButton` / `Button` - Comprehensive action button with consciousness features
 - `EnhancedGlassButton` - Advanced button with physics engines and AI integration
 - `MagneticButton` - Button with magnetic cursor attraction effects
 - `RippleButton` - Button wrapper with ripple visual feedback
 - `GlassLinkButton` - Link component with button-like styling
-- `GlassCard` - Content container card with material support
+- `GlassCard` / `Card` - Content container card with material support
 - `GlassCardLink` - Interactive card with link functionality
+- `GlowingCard` - **NEW!** Glassmorphic card with animated glowing edges (4 variants: default, neon, subtle, rainbow)
 - `GlassFab` - Floating action button
 - `HoudiniGlassCard` - High-performance card using CSS Houdini APIs
 
@@ -986,7 +1091,7 @@ function AIComponentsApp() {
 - `GlassLineChart` - Line chart visualization
 - `GlassPieChart` - Pie chart visualization
 - `GlassChart` - Unified chart component with physics interactions
-- `GlassDataChart` - Advanced chart with accessibility features
+- `GlassDataChart` / `DataChart` - Advanced chart with accessibility features
 
 ### Data Display
 - `GlassDataTable` - Data table with sorting/filtering
@@ -1322,13 +1427,50 @@ function AIComponentsApp() {
 - `DeviceCapabilities` - Device detection and optimization
 
 ### Advanced Hooks
+
+#### Core Performance & Optimization
 - `useGlassFocus` - Advanced focus management with glass effects
 - `useGlassPerformance` - Performance monitoring and optimization
+- `useEnhancedReducedMotion` - SSR-safe reduced motion preference detection with reactive updates
+- `useDeviceCapabilities` - Device capability detection and performance tier optimization
+- `useQualityTier` - Chart quality tier management with physics parameter optimization
+- `getQualityBasedPhysicsParams` - Helper to get optimal physics parameters for device
+- `getQualityBasedGlassParams` - Helper to get optimal glass parameters for device
+
+#### Theme & Animation
+- `useTheme` - Access current theme and theme switching functionality
+- `useThemeVariant` - Access specific theme variant (light/dark/auto)
+- `useThemeProviderPresence` - Check if ThemeProvider is available
+- `AnimationProvider` - Context provider for animation configuration
+- `useAnimation` - Access animation context and controls
+
+#### Data & Interaction
 - `useSortableData` - Data sorting with multiple criteria
 - `useDraggableListPhysics` - Physics-based drag and drop
 - `useGalileoSprings` - Multi-spring physics animations
-- `useZSpaceAnimation` - 3D depth and layering animations
+- `useChartPhysicsInteraction` - Physics-based chart zoom/pan interactions for Chart.js
+
+#### 3D & Spatial
+- `useZSpaceAnimation` - 3D depth and layering animations with z-space management
+- `useParallaxZSpace` - Parallax effects with mouse and scroll tracking
+- `useCardStackZSpace` - 3D card stacking effects with hover interactions
+- `useDepthNavigation` - Depth-based navigation with z-space transitions
 - `useMouseMagneticEffect` - Magnetic interaction effects
+- `useZSpace` - **NEW!** Simplified alias for useZSpaceAnimation for easier imports
+
+#### Physics & Transform (NEW!)
+- `usePhysicsEngine` - **NEW!** Full 2D physics engine management with collision detection and spring dynamics
+- `usePhysicsLayout` - **NEW!** Physics-based layout positioning with force-directed arrangement (grid, flow, magnetic modes)
+- `use3DTransform` - **NEW!** Advanced 3D CSS transforms with perspective, rotation, and animation
+- `useAmbientTilt` - **NEW!** Ambient tilting effects with device orientation and gyroscope support
+- `useMagneticElement` - **NEW!** Magnetic cursor attraction effects with configurable strength and range
+
+#### Gesture & Animation (NEW!)
+- `useGesturePhysics` - **NEW!** Gesture-based physics interactions (8 gesture types: tap, double-tap, long-press, pan, swipe, pinch, rotate, hover)
+- `useOrchestration` - **NEW!** Multi-element animation orchestration with sequencing, staging, and choreography
+- `GestureType` - Enum for 8 supported gesture types
+- `GesturePhysicsPreset` - 5 preset configurations (smooth, snappy, bouncy, gentle, precise)
+- `PublicAnimationStage` - Animation stage states (idle, preparing, entering, active, exiting, completed, paused, error)
 
 ### Design Token System
 - `glassTokens` - Complete glassmorphism design tokens
@@ -1361,6 +1503,46 @@ function AIComponentsApp() {
 - `InterpolationUtils` - Advanced interpolation functions
 - `GalileoElementInteractionPlugin` - Chart.js physics plugin
 
+### Accessible Animation Utilities
+- `prefersReducedMotion` - Check if user prefers reduced motion (SSR-safe)
+- `createAccessibleAnimation` - Create animations that respect user preferences
+- Automatic reduced motion support across all animated components
+
+### TypeScript Support
+
+#### Component Type Exports
+- `GlassCardProps` - Props for GlassCard component with material support
+- `GlowingCardProps` - **NEW!** Props for GlowingCard with glow variants
+- `GlassTabItemProps` - **NEW!** Props for GlassTabItem component
+- `DimensionalDashboardContainerProps` - **NEW!** Props for 3D dashboard container
+- `ZSpaceAppLayoutProps` - **NEW!** Props for Z-space app layout
+- `DateRange` - Date range interface for date pickers
+- `ChartDataset` - Chart data configuration for visualization components
+- `ColumnDefinition` - Table column definition with rendering support
+- `SortState` - Sorting state management for data grids
+- `MultiSelectOption` - Multi-select dropdown option interface
+- `Step` - Stepper and wizard step configuration
+- `MasonryItem` - Masonry grid item configuration
+- `ChartQualityTier` - Chart performance quality tier type
+- `QualityTier` - **NEW!** Quality tier type (without Chart prefix)
+- `PhysicsParams` - Physics simulation parameters for animations
+
+#### Physics & Utility Types (NEW!)
+- `Vector2D` - 2D vector for position, velocity, and force calculations
+- `PhysicsBodyState` - Physics body state (position, velocity, acceleration, rotation, mass)
+- `PhysicsBodyOptions` - Configuration options for physics bodies
+- `CollisionEvent` - Collision event data with contact points and normals
+- `UnsubscribeFunction` - Type for cleanup functions
+- `DateAdapter` - Interface for date library adapters (date-fns, dayjs, native)
+
+#### Physics Engine API (NEW!)
+- `AuraPhysicsEngineAPI` - Full 2D physics engine class with collision detection
+- `forcePhysicsEngineUpdate` - Force immediate physics simulation update
+- `getPhysicsBodyState` - Get current state of a physics body
+- `createDateFnsAdapter` - Create adapter for date-fns library
+- `createDayJsAdapter` - Create adapter for Day.js library
+- `createNativeDateAdapter` - Create adapter using native Date API
+
 ## 🎛️ Glass Effects & Customization
 
 AuraGlass provides multiple implementation variants for maximum flexibility:

package/dist/animations/accessible/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Accessible Animation Utilities
+ *
+ * This module provides utilities for creating animations that respect
+ * user accessibility preferences, particularly the prefers-reduced-motion
+ * media query.
+ */
+export { prefersReducedMotion, createAccessibleAnimation } from '../accessibleAnimation';
+//# sourceMappingURL=index.d.ts.map

package/dist/animations/accessible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/accessible/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/animations/orchestration/useOrchestration.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Animation Orchestration Hook
+ * Provides synchronized multi-element animation control with sequencing and choreography
+ */
+/**
+ * Public animation stage states
+ */
+export declare enum PublicAnimationStage {
+    IDLE = "idle",
+    PREPARING = "preparing",
+    ENTERING = "entering",
+    ACTIVE = "active",
+    EXITING = "exiting",
+    COMPLETED = "completed",
+    PAUSED = "paused",
+    ERROR = "error"
+}
+/**
+ * Animation element configuration
+ */
+export interface AnimationElement {
+    id: string;
+    delay?: number;
+    duration?: number;
+    easing?: string;
+    properties?: Record<string, any>;
+    onStart?: () => void;
+    onComplete?: () => void;
+}
+/**
+ * Orchestration sequence configuration
+ */
+export interface OrchestrationSequence {
+    elements: AnimationElement[];
+    mode?: 'parallel' | 'sequential' | 'stagger';
+    staggerDelay?: number;
+    loop?: boolean | number;
+    onSequenceStart?: () => void;
+    onSequenceComplete?: () => void;
+    onStageChange?: (stage: PublicAnimationStage) => void;
+}
+/**
+ * Hook for orchestrating complex animations
+ */
+export declare const useOrchestration: (sequence: OrchestrationSequence) => {
+    stage: PublicAnimationStage;
+    progress: number;
+    currentElementId: string | null;
+    start: () => Promise<void>;
+    pause: () => void;
+    resume: () => void;
+    stop: () => void;
+    reset: () => void;
+    seekToElement: (elementId: string) => void;
+    getState: () => {
+        stage: PublicAnimationStage;
+        currentElementIndex: number;
+        currentElementId: string | null;
+        iteration: number;
+        progress: number;
+        activeAnimations: string[];
+        elapsedTime: number;
+    };
+    isAnimating: boolean;
+    isPaused: boolean;
+    isCompleted: boolean;
+};
+/**
+ * Higher-order function to create orchestration sequences
+ */
+export declare const createOrchestrationSequence: (elements: AnimationElement[], options?: Partial<OrchestrationSequence>) => OrchestrationSequence;
+//# sourceMappingURL=useOrchestration.d.ts.map

package/dist/animations/orchestration/useOrchestration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrchestration.d.ts","sourceRoot":"","sources":["../../../src/animations/orchestration/useOrchestration.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAKH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,gBAAgB,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACvD;AAcD;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,qBAAqB;;;;;;;;;+BA6NhD,MAAM;;;;;;;;;;;;;CAgDrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,GACtC,UAAU,gBAAgB,EAAE,EAC5B,UAAS,OAAO,CAAC,qBAAqB,CAAM,KAC3C,qBAQD,CAAC"}

package/dist/animations/physics/gesturePhysics.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Gesture Physics System
+ * Provides physics-based gesture interactions with preset configurations
+ */
+import { Vector2D } from '../../types/common';
+/**
+ * Gesture types supported by the physics system
+ */
+export declare enum GestureType {
+    TAP = "tap",
+    DOUBLE_TAP = "double_tap",
+    LONG_PRESS = "long_press",
+    PAN = "pan",
+    SWIPE = "swipe",
+    PINCH = "pinch",
+    ROTATE = "rotate",
+    HOVER = "hover"
+}
+/**
+ * Gesture physics preset configurations
+ */
+export interface GesturePhysicsPreset {
+    name: string;
+    damping: number;
+    stiffness: number;
+    mass: number;
+    velocity: number;
+    restDelta: number;
+    restSpeed: number;
+    gestures: GestureType[];
+}
+/**
+ * Predefined gesture physics presets
+ */
+export declare const GESTURE_PRESETS: Record<string, GesturePhysicsPreset>;
+/**
+ * Gesture event data
+ */
+export interface GestureEvent {
+    type: GestureType;
+    position: Vector2D;
+    delta: Vector2D;
+    velocity: Vector2D;
+    distance: number;
+    angle: number;
+    scale: number;
+    timestamp: number;
+}
+/**
+ * Options for gesture physics hook
+ */
+export interface UseGesturePhysicsOptions {
+    preset?: keyof typeof GESTURE_PRESETS | GesturePhysicsPreset;
+    enabledGestures?: GestureType[];
+    onGesture?: (event: GestureEvent) => void;
+    onGestureStart?: (event: GestureEvent) => void;
+    onGestureEnd?: (event: GestureEvent) => void;
+    threshold?: number;
+    velocityThreshold?: number;
+    longPressDelay?: number;
+}
+/**
+ * Hook for gesture-based physics interactions
+ */
+export declare const useGesturePhysics: (options?: UseGesturePhysicsOptions) => {
+    handlers: {
+        onMouseDown: (e: React.MouseEvent) => void;
+        onMouseMove: (e: React.MouseEvent) => void;
+        onMouseUp: () => void;
+        onMouseLeave: () => void;
+        onTouchStart: (e: React.TouchEvent) => void;
+        onTouchMove: (e: React.TouchEvent) => void;
+        onTouchEnd: () => void;
+        onTouchCancel: () => void;
+    };
+    position: Vector2D;
+    isActive: boolean;
+    gestureType: GestureType | null;
+    velocity: Vector2D;
+    preset: GesturePhysicsPreset;
+};
+//# sourceMappingURL=gesturePhysics.d.ts.map

package/dist/animations/physics/gesturePhysics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gesturePhysics.d.ts","sourceRoot":"","sources":["../../../src/animations/physics/gesturePhysics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,QAAQ,EAAmE,MAAM,oBAAoB,CAAC;AAG/G;;GAEG;AACH,oBAAY,WAAW;IACrB,GAAG,QAAQ;IACX,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAmDhE,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAeD;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE,MAAM,OAAO,eAAe,GAAG,oBAAoB,CAAC;IAC7D,eAAe,CAAC,EAAE,WAAW,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAS,wBAA6B;;yBA+LnD,KAAK,CAAC,UAAU;yBAGhB,KAAK,CAAC,UAAU;;;0BAWf,KAAK,CAAC,UAAU;yBAMjB,KAAK,CAAC,UAAU;;;;;;;;;CAkCpC,CAAC"}

package/dist/components/card/GlowingCard.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Glowing Card Component
+ * A glassmorphic card with animated glowing edges and hover effects
+ */
+import React, { CSSProperties, ReactNode } from 'react';
+/**
+ * Glowing Card Props
+ */
+export interface GlowingCardProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    glowColor?: string;
+    glowIntensity?: number;
+    animationDuration?: number;
+    variant?: 'default' | 'neon' | 'subtle' | 'rainbow';
+    onClick?: () => void;
+    interactive?: boolean;
+    disabled?: boolean;
+}
+/**
+ * Glowing Card Component
+ */
+export declare const GlowingCard: React.ForwardRefExoticComponent<GlowingCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=GlowingCard.d.ts.map

package/dist/components/card/GlowingCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlowingCard.d.ts","sourceRoot":"","sources":["../../../src/components/card/GlowingCard.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,yFAgNvB,CAAC"}

package/dist/components/charts/hooks/useChartPhysicsInteraction.d.ts

@@ -0,0 +1,79 @@
+import type { Chart as ChartJS } from 'chart.js';
+/**
+ * Physics-based chart interaction options
+ */
+export interface ChartPhysicsOptions {
+    /** Enable zoom/pan interactions */
+    enabled?: boolean;
+    /** Zoom mode: 'x', 'y', or 'xy' */
+    mode?: 'x' | 'y' | 'xy';
+    /** Physics parameters */
+    physics?: {
+        tension: number;
+        friction: number;
+        mass: number;
+    };
+    /** Minimum zoom level */
+    minZoom?: number;
+    /** Maximum zoom level */
+    maxZoom?: number;
+    /** Mouse wheel sensitivity */
+    wheelSensitivity?: number;
+    /** Inertia duration in milliseconds */
+    inertiaDuration?: number;
+    /** Respect user's reduced motion preference */
+    respectReducedMotion?: boolean;
+}
+/**
+ * Return type for the useChartPhysicsInteraction hook
+ */
+export interface ChartPhysicsInteraction {
+    /** Whether the chart is currently being panned */
+    isPanning: boolean;
+    /** Current zoom level (1 = 100%) */
+    zoomLevel: number;
+    /** Apply a specific zoom level */
+    applyZoom: (level: number) => void;
+    /** Reset zoom to default (1.0) */
+    resetZoom: () => void;
+}
+/**
+ * Hook for physics-based chart interactions (zoom/pan)
+ *
+ * Provides smooth, physics-based zoom and pan interactions for Chart.js charts
+ * with configurable spring physics and constraints.
+ *
+ * @param chartRef - Reference to the Chart.js instance
+ * @param wrapperRef - Reference to the chart wrapper element
+ * @param options - Configuration options for interactions
+ *
+ * @returns Object containing interaction state and control functions
+ *
+ * @example
+ * ```tsx
+ * function PhysicsChart() {
+ *   const chartRef = useRef<ChartJS>(null);
+ *   const wrapperRef = useRef<HTMLDivElement>(null);
+ *
+ *   const { isPanning, zoomLevel, applyZoom, resetZoom } = useChartPhysicsInteraction(
+ *     chartRef,
+ *     wrapperRef,
+ *     {
+ *       enabled: true,
+ *       mode: 'xy',
+ *       minZoom: 0.5,
+ *       maxZoom: 5,
+ *     }
+ *   );
+ *
+ *   return (
+ *     <div ref={wrapperRef}>
+ *       <Chart ref={chartRef} {...chartProps} />
+ *       <button onClick={resetZoom}>Reset</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function useChartPhysicsInteraction(chartRef: React.RefObject<ChartJS | null>, wrapperRef: React.RefObject<HTMLDivElement | null>, options?: ChartPhysicsOptions): ChartPhysicsInteraction;
+//# sourceMappingURL=useChartPhysicsInteraction.d.ts.map

package/dist/components/charts/hooks/useChartPhysicsInteraction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChartPhysicsInteraction.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/hooks/useChartPhysicsInteraction.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACxB,yBAAyB;IACzB,OAAO,CAAC,EAAE;QACR,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uCAAuC;IACvC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,kDAAkD;IAClD,SAAS,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAwCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,OAAO,GAAE,mBAAwB,GAChC,uBAAuB,CAgNzB"}

package/dist/components/dashboard/DimensionalDashboardContainer.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Dimensional Dashboard Container
+ * Advanced dashboard container with 3D depth layers and Z-space positioning
+ */
+import React, { CSSProperties, ReactNode } from 'react';
+/**
+ * Dimensional Dashboard Container Props
+ */
+export interface DimensionalDashboardContainerProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    perspective?: number;
+    depth?: number;
+    parallax?: boolean;
+    autoRotate?: boolean;
+    rotationSpeed?: number;
+    layers?: ReactNode[];
+    onLayerClick?: (layerIndex: number) => void;
+}
+/**
+ * Dimensional Dashboard Container Component
+ */
+export declare const DimensionalDashboardContainer: React.ForwardRefExoticComponent<DimensionalDashboardContainerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DimensionalDashboardContainer.d.ts.map

package/dist/components/dashboard/DimensionalDashboardContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionalDashboardContainer.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/DimensionalDashboardContainer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAc,SAAS,EAA+B,MAAM,OAAO,CAAC;AAIjG;;GAEG;AACH,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B,2GAyOzC,CAAC"}

package/dist/components/layout/ZSpaceAppLayout.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Z-Space App Layout
+ * Full application layout with Z-space depth layers for navigation, content, and overlays
+ */
+import React, { CSSProperties, ReactNode } from 'react';
+/**
+ * Z-Space App Layout Props
+ */
+export interface ZSpaceAppLayoutProps {
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    header?: ReactNode;
+    sidebar?: ReactNode;
+    footer?: ReactNode;
+    overlay?: ReactNode;
+    perspective?: number;
+    headerDepth?: number;
+    sidebarDepth?: number;
+    contentDepth?: number;
+    footerDepth?: number;
+    overlayDepth?: number;
+    sidebarWidth?: string | number;
+    headerHeight?: string | number;
+    footerHeight?: string | number;
+    sidebarPosition?: 'left' | 'right';
+    collapsedSidebar?: boolean;
+    onSidebarToggle?: () => void;
+}
+/**
+ * Z-Space App Layout Component
+ */
+export declare const ZSpaceAppLayout: React.ForwardRefExoticComponent<ZSpaceAppLayoutProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ZSpaceAppLayout.d.ts.map

package/dist/components/layout/ZSpaceAppLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZSpaceAppLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/ZSpaceAppLayout.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,6FA0P3B,CAAC"}

package/dist/components/navigation/GlassTabItem.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Glass Tab Item Component
+ * Individual tab item with glassmorphic styling for tab navigation
+ */
+import React, { CSSProperties, ReactNode } from 'react';
+/**
+ * Glass Tab Item Props
+ */
+export interface GlassTabItemProps {
+    children?: ReactNode;
+    label: string;
+    value: string;
+    active?: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    badge?: string | number;
+    onClick?: (value: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    href?: string;
+    target?: string;
+}
+/**
+ * Glass Tab Item Component
+ */
+export declare const GlassTabItem: React.ForwardRefExoticComponent<GlassTabItemProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=GlassTabItem.d.ts.map

package/dist/components/navigation/GlassTabItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlassTabItem.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/GlassTabItem.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,6FAsKxB,CAAC"}