@shohojdhara/atomix 0.4.7 → 0.4.9

package/dist/heavy.d.ts

@@ -177,6 +177,16 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
      * Shader variant for shader mode
      */
     shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
+    /**
+     * Phase 1: Animation System props
+     */
+    withTimeAnimation?: boolean;
+    animationSpeed?: number;
+    withMultiLayerDistortion?: boolean;
+    distortionOctaves?: number;
+    distortionLacunarity?: number;
+    distortionGain?: number;
+    distortionQuality?: 'low' | 'medium' | 'high' | 'ultra';
     /**
      * Performance and accessibility options
      */
@@ -212,6 +222,29 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
      * </AtomixGlass>
      */
     debugOverLight?: boolean;
+    /**
+     * Phase 3: Responsive & Performance Optimization props
+     */
+    /**
+     * Device preset for responsive optimization
+     *
+     * Pre-configured presets that adjust glass parameters based on device capabilities
+     * - 'performance': Optimized for low-end devices (reduced octaves, lower quality)
+     * - 'balanced': Balanced quality and performance (default)
+     * - 'quality': Maximum visual quality (high octaves, ultra quality)
+     *
+     * @default 'balanced'
+     */
+    devicePreset?: 'performance' | 'balanced' | 'quality';
+    /**
+     * Disable responsive breakpoint system
+     *
+     * When true, disables automatic parameter adjustment based on viewport size
+     * Use this when you want full manual control over all parameters
+     *
+     * @default false
+     */
+    disableResponsiveBreakpoints?: boolean;
 }
 /**
  * Base component properties interface
@@ -471,6 +504,8 @@ interface PhotoViewerProps extends BaseComponentProps {
  * - Focus ring support for keyboard navigation
  * - Responsive breakpoints for mobile optimization
  * - Enhanced ARIA attributes for screen readers
+ * - Time-based animation system with FBM distortion
+ * - Device preset optimization for performance/quality balance
  *
  * Design System Compliance:
  * - Uses design tokens for opacity, spacing, and colors
@@ -527,8 +562,14 @@ interface PhotoViewerProps extends BaseComponentProps {
  * <AtomixGlass overLight="auto" debugOverLight={true}>
  *   <div>Content with debug logging enabled</div>
  * </AtomixGlass>
+ *
+ * @example
+ * // Performance-optimized for mobile devices
+ * <AtomixGlass devicePreset="performance" disableResponsiveBreakpoints={false}>
+ *   <div>Mobile-optimized glass effect</div>
+ * </AtomixGlass>
  */
-declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugBorderRadius, debugOverLight, height, width, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
+declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugOverLight, height, width, withTimeAnimation, animationSpeed, withMultiLayerDistortion, distortionOctaves, distortionLacunarity, distortionGain, distortionQuality, devicePreset, disableResponsiveBreakpoints, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Advanced Video Player Component