/** * GlassChart Component * * A unified chart container with glass styling, physics-based interactions, * and Z-Space layering. Acts as a wrapper for all chart types. */ import React from "react"; export interface ConsciousnessFeatures { /** * Enable predictive chart insights and data analysis */ predictive?: boolean; /** * Enable predictive data preloading for chart interactions */ preloadData?: boolean; /** * Enable eye tracking for chart element focus */ eyeTracking?: boolean; /** * Enable gaze-responsive chart highlighting */ gazeResponsive?: boolean; /** * Enable biometric adaptation for chart complexity */ adaptive?: boolean; /** * Enable biometric responsive chart scaling and timing */ biometricResponsive?: boolean; /** * Enable spatial audio for chart interactions */ spatialAudio?: boolean; /** * Enable audio feedback for chart data points */ audioFeedback?: boolean; /** * Enable achievement tracking for chart interactions */ trackAchievements?: boolean; /** * Achievement identifier for chart usage */ achievementId?: string; /** * Chart usage context for consciousness features */ usageContext?: "dashboard" | "analytics" | "report" | "presentation" | "exploration"; } interface BaseChartProps { width?: string | number; height?: number; /** * Render a denser chart shell for cards, previews, and dashboard widgets. * Default/full-size behavior is unchanged unless compact/contained is set. */ compact?: boolean; /** * Bounded rendering mode for constrained surfaces. */ contained?: boolean; /** * Maximum outer chart height when compact/contained. */ maxHeight?: number | string; glass?: boolean; title?: string; description?: string; adaptToCapabilities?: boolean; onError?: (error: Error) => void; style?: React.CSSProperties; className?: string; } /** * GlassChart props interface */ export interface GlassChartProps extends BaseChartProps, ConsciousnessFeatures { /** * The type of chart to render */ type: "bar" | "line" | "area" | "pie" | "scatter"; /** * Data for the chart */ data?: GlassChartData; /** * Force simplified mode (no advanced features) */ forcedSimplified?: boolean; /** * Z-space elevation level */ zElevation?: number; /** * Enable magnetic mouse effect */ magneticEffect?: boolean; /** * Strength of magnetic effect */ magneticStrength?: number; /** * Enable depth animation */ depthAnimation?: boolean; /** * Tab configuration */ tabs?: GlassChartTab[]; /** * Active tab ID */ activeTab?: string; /** * Tab change handler */ onTabChange?: (tabId: string) => void; /** * Additional chart props */ chartProps?: GlassChartCustomProps; /** * Custom toolbar items */ toolbarItems?: GlassChartToolbarItems; /** * Accessible label for the chart container */ "aria-label"?: string; /** * Allow switching chart types */ allowTypeSwitch?: boolean; /** * Available chart types */ availableTypes?: Array; /** * Focus mode */ focusMode?: boolean; /** * Allow chart download */ allowDownload?: boolean; /** * Download handler */ onDownload?: () => void; /** * Theme override */ theme?: Partial | Record; } export interface AuraChartTheme { isDarkMode: boolean; colorMode: "light" | "dark"; themeVariant: string; colors: Record; zIndex: Record; } export type GlassChartValue = string | number | Date; export interface GlassChartDataPoint { x?: GlassChartValue; y?: number; value?: number; label?: string; color?: string; [key: string]: unknown; } export interface GlassChartSeries { id: string; name: string; data: GlassChartDataPoint[]; color?: string; [key: string]: unknown; } export interface GlassChartJsDataset { id?: string; label?: string; data?: Array; backgroundColor?: string | string[]; borderColor?: string | string[]; [key: string]: unknown; } export interface GlassChartJsData { labels?: GlassChartValue[]; datasets?: GlassChartJsDataset[]; [key: string]: unknown; } export type GlassChartData = GlassChartSeries[] | GlassChartDataPoint[] | GlassChartJsData; export interface GlassChartTab { id: string; label?: React.ReactNode; content?: React.ReactNode; disabled?: boolean; [key: string]: unknown; } export type GlassChartToolbarItems = React.ReactNode | React.ReactNode[]; export type GlassChartCustomProps = Record; export interface GlassChartRef { /** Gets the main chart container DOM element */ getContainerElement: () => HTMLDivElement | null; /** Gets the currently rendered chart type */ getCurrentChartType: () => GlassChartProps["type"]; /** Programmatically changes the rendered chart type */ setChartType: (type: GlassChartProps["type"]) => void; /** Programmatically sets the active tab (if tabs are used) */ setActiveTab: (tabId: string) => void; /** Programmatically triggers the download function (if configured) */ downloadChart: () => void; /** Toggles the focus mode (if enabled) */ toggleFocusMode: () => void; } export declare const GlassChart: React.MemoExoticComponent>>; /** * Enhanced GlassChart with consciousness features enabled by default * Use this for charts that should be intelligent and adaptive */ export declare const ConsciousGlassChart: React.ForwardRefExoticComponent>; /** * Predictive GlassChart optimized for data analysis and insights */ export declare const PredictiveGlassChart: React.ForwardRefExoticComponent>; /** * Adaptive GlassChart that responds to user stress and cognitive load */ export declare const AdaptiveGlassChart: React.ForwardRefExoticComponent>; /** * Immersive GlassChart with full consciousness features for presentations */ export declare const ImmersiveGlassChart: React.ForwardRefExoticComponent>; /** * Utility function to create consciousness-enhanced chart variants */ export declare function withChartConsciousness(defaultProps?: Partial): (props: T) => import("react/jsx-runtime").JSX.Element; /** * Pre-configured consciousness chart presets */ export declare const ChartConsciousnessPresets: { /** * Minimal consciousness features for performance-sensitive charts */ readonly minimal: { readonly predictive: true; readonly trackAchievements: true; }; /** * Balanced consciousness features for general chart usage */ readonly balanced: { readonly predictive: true; readonly adaptive: true; readonly biometricResponsive: true; readonly trackAchievements: true; }; /** * Full consciousness features for immersive chart experiences */ readonly immersive: { readonly predictive: true; readonly preloadData: true; readonly eyeTracking: true; readonly gazeResponsive: true; readonly adaptive: true; readonly biometricResponsive: true; readonly spatialAudio: true; readonly audioFeedback: true; readonly trackAchievements: true; }; /** * Analytics-focused consciousness features for data exploration */ readonly analytics: { readonly predictive: true; readonly preloadData: true; readonly eyeTracking: true; readonly gazeResponsive: true; readonly trackAchievements: true; readonly usageContext: "analytics"; }; }; export default GlassChart; //# sourceMappingURL=GlassChart.d.ts.map