@shohojdhara/atomix 0.2.3 → 0.2.5

package/dist/index.d.ts

@@ -3,49 +3,151 @@ import react__default, { ReactNode, ElementType, HTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as PhosphorIcons from '@phosphor-icons/react';
 
-interface AtomixGlassProps$1 {
-    children: React.ReactNode;
-    displacementScale?: number;
-    blurAmount?: number;
-    saturation?: number;
-    aberrationIntensity?: number;
-    elasticity?: number;
-    cornerRadius?: number;
-    globalMousePos?: {
-        x: number;
-        y: number;
-    };
-    mouseOffset?: {
-        x: number;
-        y: number;
-    };
-    mouseContainer?: React.RefObject<HTMLElement | null> | null;
-    className?: string;
-    padding?: string;
-    style?: React.CSSProperties;
-    overLight?: boolean;
-    mode?: 'standard' | 'polar' | 'prominent' | 'shader';
-    onClick?: () => void;
-    /**
-     * Accessibility props
-     */
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    role?: string;
-    tabIndex?: number;
-    /**
-     * Performance and accessibility options
+/**
+ * Displacement mode for glass effect
+ */
+type DisplacementMode = 'standard' | 'polar' | 'prominent' | 'shader';
+/**
+ * OverLight configuration - can be boolean, 'auto', or object with settings
+ *
+ * @example
+ * // Boolean - explicit control
+ * overLight={true}
+ *
+ * @example
+ * // Auto-detection - automatically detects background brightness
+ * overLight="auto"
+ *
+ * @example
+ * // Object config - auto-detection with custom settings
+ * overLight={{
+ *   threshold: 0.8,
+ *   opacity: 0.6,
+ *   contrast: 1.8,
+ *   brightness: 1.0,
+ *   saturationBoost: 1.5
+ * }}
+ */
+type OverLightConfig = boolean | 'auto' | OverLightObjectConfig;
+/**
+ * OverLight object configuration
+ *
+ * When using object mode, the component will auto-detect background brightness
+ * and apply the custom settings. All properties are optional and will use
+ * sensible defaults if not provided.
+ *
+ * @example
+ * // Minimal config - only threshold
+ * overLight={{ threshold: 0.8 }}
+ *
+ * @example
+ * // Full config with all properties
+ * overLight={{
+ *   threshold: 0.75,
+ *   opacity: 0.6,
+ *   contrast: 1.8,
+ *   brightness: 1.1,
+ *   saturationBoost: 1.5
+ * }}
+ */
+interface OverLightObjectConfig {
+    /**
+     * Luminance threshold for auto-detection (0.1 - 1.0)
+     *
+     * Backgrounds with average luminance above this threshold will be
+     * considered "light" and trigger overLight mode.
+     *
+     * @default 0.7
+     * @minimum 0.1
+     * @maximum 1.0
+     *
+     * @example
+     * // More sensitive detection (triggers on lighter backgrounds)
+     * threshold: 0.6
+     *
+     * @example
+     * // Less sensitive detection (only very light backgrounds)
+     * threshold: 0.85
      */
-    reducedMotion?: boolean;
-    highContrast?: boolean;
-    disableEffects?: boolean;
+    threshold?: number;
     /**
-     * Performance monitoring
-     */
-    enablePerformanceMonitoring?: boolean;
+     * Base opacity for overLight layers (0.1 - 1.0)
+     *
+     * Controls the opacity of the base and overlay layers when overLight
+     * mode is active. This value is multiplied by hover/active intensity
+     * multipliers for dynamic effects.
+     *
+     * @default 0.5 (dynamic, depends on hover/active state)
+     * @minimum 0.1
+     * @maximum 1.0
+     *
+     * @example
+     * // Subtle overlay
+     * opacity: 0.3
+     *
+     * @example
+     * // Strong overlay
+     * opacity: 0.7
+     */
+    opacity?: number;
+    /**
+     * Contrast enhancement multiplier (0.5 - 2.5)
+     *
+     * Increases the contrast of the glass effect for better visibility
+     * on light backgrounds. Higher values create more dramatic effects.
+     *
+     * @default 1.4 (dynamic, includes mouse influence)
+     * @minimum 0.5
+     * @maximum 2.5
+     *
+     * @example
+     * // Subtle contrast boost
+     * contrast: 1.2
+     *
+     * @example
+     * // High contrast for maximum visibility
+     * contrast: 2.0
+     */
+    contrast?: number;
+    /**
+     * Brightness adjustment multiplier (0.5 - 2.0)
+     *
+     * Adjusts the overall brightness of the glass effect. Values above 1.0
+     * brighten the effect, while values below 1.0 darken it.
+     *
+     * @default 0.85 (dynamic, includes mouse influence)
+     * @minimum 0.5
+     * @maximum 2.0
+     *
+     * @example
+     * // Neutral brightness
+     * brightness: 1.0
+     *
+     * @example
+     * // Brighter effect
+     * brightness: 1.2
+     */
+    brightness?: number;
+    /**
+     * Saturation boost multiplier (0.5 - 3.0)
+     *
+     * Enhances color saturation for more vibrant glass effects on light
+     * backgrounds. This works in conjunction with the base saturation prop.
+     *
+     * @default 1.3 (dynamic, includes mouse influence)
+     * @minimum 0.5
+     * @maximum 3.0
+     *
+     * @example
+     * // Moderate saturation boost
+     * saturationBoost: 1.2
+     *
+     * @example
+     * // High saturation for vivid effects
+     * saturationBoost: 2.0
+     */
+    saturationBoost?: number;
 }
-declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, cornerRadius, globalMousePos: externalGlobalMousePos, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, disableEffects, enablePerformanceMonitoring, }: AtomixGlassProps$1): react_jsx_runtime.JSX.Element;
-
 /**
  * AtomixGlass component props interface
  */
@@ -57,21 +159,19 @@ interface AtomixGlassProps {
     aberrationIntensity?: number;
     elasticity?: number;
     cornerRadius?: number;
-    globalMousePos?: {
-        x: number;
-        y: number;
-    };
-    mouseOffset?: {
-        x: number;
-        y: number;
-    };
+    globalMousePosition?: MousePosition;
+    mouseOffset?: MousePosition;
     mouseContainer?: React.RefObject<HTMLElement | null> | null;
     className?: string;
     padding?: string;
     style?: React.CSSProperties;
-    overLight?: boolean;
-    mode?: 'standard' | 'polar' | 'prominent' | 'shader';
+    overLight?: OverLightConfig;
+    mode?: DisplacementMode;
     onClick?: () => void;
+    /**
+     * Shader variant for shader mode
+     */
+    shaderVariant?: 'liquidGlass' | 'premiumGlass';
     /**
      * Accessibility props
      */
@@ -85,10 +185,35 @@ interface AtomixGlassProps {
     reducedMotion?: boolean;
     highContrast?: boolean;
     disableEffects?: boolean;
+    enableLiquidBlur?: boolean;
+    enableBorderEffect?: boolean;
+    enableOverLightLayers?: boolean;
     /**
      * Performance monitoring
      */
     enablePerformanceMonitoring?: boolean;
+    /**
+     * Debug mode for cornerRadius extraction
+     */
+    debugCornerRadius?: boolean;
+    /**
+     * Debug mode for overLight detection and configuration
+     *
+     * When enabled, logs detailed information about:
+     * - Auto-detection results (luminance values, threshold comparison)
+     * - Final overLight configuration values
+     * - Detection timing and performance
+     *
+     * Useful for debugging auto-detection issues and fine-tuning thresholds.
+     *
+     * @default false
+     *
+     * @example
+     * <AtomixGlass overLight="auto" debugOverLight={true}>
+     *   Content
+     * </AtomixGlass>
+     */
+    debugOverLight?: boolean;
 }
 /**
  * Common component size options
@@ -122,6 +247,10 @@ interface BaseComponentProps {
      * Component children
      */
     children?: ReactNode;
+    /**
+     * Inline style for the component root element
+     */
+    style?: React.CSSProperties;
 }
 /**
  * CSS class state modifiers
@@ -212,6 +341,10 @@ interface ButtonProps extends BaseComponentProps {
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
      */
     glass?: AtomixGlassProps | boolean;
+    /**
+     * Custom style for the button
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Badge component properties
@@ -238,6 +371,10 @@ interface BadgeProps extends BaseComponentProps {
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
      */
     glass?: AtomixGlassProps | boolean;
+    /**
+     * Custom style for the badge
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Callout component properties
@@ -280,6 +417,10 @@ interface CalloutProps extends BaseComponentProps {
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
      */
     glass?: AtomixGlassProps | boolean;
+    /**
+     * Custom style for the callout
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Accordion component properties
@@ -450,6 +591,11 @@ interface SpinnerProps extends BaseComponentProps {
      * Whether the spinner should be displayed fullscreen
      */
     fullscreen?: boolean;
+    /**
+     * Glass morphism effect for the spinner
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Navbar position options
@@ -519,6 +665,11 @@ interface NavbarProps extends BaseComponentProps {
      * ID for the navbar (used for accessibility)
      */
     id?: string;
+    /**
+     * Enable glass morphism effect.
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
 }
 /**
  * Nav component properties
@@ -536,6 +687,11 @@ interface NavProps extends BaseComponentProps {
      * Nav variant (including float variants)
      */
     variant?: NavVariant;
+    /**
+     * Enable glass morphism effect.
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
 }
 /**
  * Nav item properties
@@ -708,6 +864,11 @@ interface SideMenuProps extends BaseComponentProps {
      * ID for the menu (used for accessibility)
      */
     id?: string;
+    /**
+     * Glass morphism effect for the side menu
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
 }
 /**
  * SideMenuList component properties
@@ -768,41 +929,52 @@ type EdgePanelMode = 'slide' | 'push' | 'none';
  */
 interface EdgePanelProps extends BaseComponentProps {
     /**
-     * Panel title
-     */
-    title?: ReactNode;
-    /**
-     * Panel content
+     * Title of the panel
      */
-    children: ReactNode;
+    title?: React.ReactNode;
     /**
-     * Panel position
+     * Position of the panel
+     * @default 'start'
      */
-    position?: EdgePanelPosition;
+    position?: 'start' | 'end' | 'top' | 'bottom';
     /**
      * Animation mode
+     * @default 'slide'
      */
-    mode?: EdgePanelMode;
+    mode?: 'slide' | 'push' | 'none';
     /**
      * Whether the panel is open
+     * @default false
      */
     isOpen?: boolean;
     /**
-     * Open/close callback
+     * Callback when panel open state changes
      */
     onOpenChange?: (open: boolean) => void;
     /**
-     * Show backdrop
+     * Whether to show backdrop
+     * @default true
      */
     backdrop?: boolean;
     /**
-     * Close when clicking backdrop
+     * Whether to close panel when clicking backdrop
+     * @default true
      */
     closeOnBackdropClick?: boolean;
     /**
-     * Close when pressing escape key
+     * Whether to close panel when pressing Escape key
+     * @default true
      */
     closeOnEscape?: boolean;
+    /**
+     * Glass effect configuration
+     * @default undefined
+     */
+    glass?: boolean | AtomixGlassProps;
+    /**
+     * Children elements
+     */
+    children: React.ReactNode;
 }
 /**
  * DataTable column definition
@@ -902,6 +1074,11 @@ interface DataTableProps extends BaseComponentProps {
      * Callback when sorting changes
      */
     onSort?: (sortConfig: SortConfig) => void;
+    /**
+     * Glass morphism effect for the data table
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Pagination component properties
@@ -1002,6 +1179,11 @@ interface TodoProps extends BaseComponentProps {
      * Whether to show the completed todos
      */
     showCompleted?: boolean;
+    /**
+     * Glass morphism effect for the todo component
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Form component properties
@@ -1180,7 +1362,7 @@ interface InputProps extends BaseComponentProps {
     /**
      * Glass morphism effect
      */
-    glass?: boolean | Omit<React.ComponentProps<typeof AtomixGlass>, 'children'>;
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
 }
 /**
  * Select option
@@ -1468,7 +1650,7 @@ interface TextareaProps extends BaseComponentProps {
     /**
      * Glass morphism effect
      */
-    glass?: boolean | Omit<React.ComponentProps<typeof AtomixGlass>, 'children'>;
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
 }
 /**
  * Avatar size options
@@ -1506,6 +1688,15 @@ interface AvatarProps extends BaseComponentProps {
      * Optional click handler
      */
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Glass morphism effect for the avatar
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
+    /**
+     * Custom style for the avatar
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Avatar Group component properties
@@ -1527,6 +1718,11 @@ interface AvatarGroupProps extends BaseComponentProps {
      * Custom text for the "more" indicator
      */
     moreText?: string;
+    /**
+     * Glass morphism effect for the avatar group
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Modal component props
@@ -1627,6 +1823,11 @@ interface BreadcrumbOptions$1 {
      * Accessible label for the breadcrumb navigation
      */
     ariaLabel?: string;
+    /**
+     * Glass morphism effect for the breadcrumb
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Breadcrumb instance interface
@@ -1719,6 +1920,11 @@ interface MessagesProps extends BaseComponentProps {
      * Unique identifier for the messages component
      */
     id?: string;
+    /**
+     * Glass morphism effect for the messages component
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
 }
 /**
  * Popover component properties
@@ -1754,6 +1960,10 @@ interface PopoverProps {
      * Additional CSS class for the popover
      */
     className?: string;
+    /**
+     * Inline style for the popover
+     */
+    style?: React.CSSProperties;
     /**
      * Delay before showing the popover (in milliseconds)
      */
@@ -1945,6 +2155,11 @@ interface ProgressProps extends BaseComponentProps {
      * Accessible label for screen readers
      */
     ariaLabel?: string;
+    /**
+     * Glass morphism effect for the progress bar
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Rating component properties
@@ -2274,7 +2489,7 @@ interface CardProps extends BaseComponentProps {
      * Applies a glass morphism effect to the card.
      * Can be a boolean to enable with default settings, or an object with `AtomixGlassProps` to customize the effect.
      */
-    glass?: boolean | Omit<React.ComponentProps<typeof AtomixGlass>, 'children'>;
+    glass?: boolean | Omit<AtomixGlassProps, 'children'>;
     cardAppearance?: boolean;
     /**
      * Card content (body)
@@ -2283,7 +2498,7 @@ interface CardProps extends BaseComponentProps {
     /**
      * Card styles
      */
-    styles?: React.CSSProperties;
+    style?: React.CSSProperties;
     /**
      * Card className
      */
@@ -4064,7 +4279,7 @@ interface CodeBlockProps extends BaseComponentProps {
 /**
  * Footer layout options
  */
-type FooterLayout = 'columns' | 'centered' | 'minimal' | 'stacked';
+type FooterLayout = 'columns' | 'centered' | 'minimal' | 'stacked' | 'flexible' | 'sidebar' | 'wide';
 /**
  * Social media platform types
  */
@@ -4174,6 +4389,10 @@ interface FooterProps extends BaseComponentProps {
      * Footer sections content
      */
     children?: ReactNode;
+    /**
+     * Whether footer should be glass
+     */
+    glass?: boolean;
 }
 /**
  * Footer section component properties
@@ -4195,6 +4414,10 @@ interface FooterSectionProps extends BaseComponentProps {
      * Whether section is collapsed by default
      */
     defaultCollapsed?: boolean;
+    /**
+     * Whether newsletter is shown in the footer
+     */
+    showNewsletter?: boolean;
     /**
      * Section content
      */
@@ -4266,6 +4489,13 @@ interface FooterSocialLinkProps extends BaseComponentProps {
  * Glass container displacement modes
  */
 type GlassMode = 'standard' | 'polar' | 'prominent' | 'shader';
+/**
+ * Glass component size dimensions
+ */
+interface GlassSize {
+    width: number;
+    height: number;
+}
 /**
  * Glass container size configuration
  */
@@ -4279,6 +4509,13 @@ interface GlassSize {
      */
     height: number;
 }
+/**
+ * Mouse position coordinates
+ */
+interface MousePosition {
+    x: number;
+    y: number;
+}
 /**
  * Mouse position coordinates
  */
@@ -4506,6 +4743,10 @@ interface DatePickerProps {
      * @default false
      */
     glass?: boolean | AtomixGlassProps;
+    /**
+     * Custom style for the datepicker component
+     */
+    style?: react__default.CSSProperties;
 }
 interface DatePickerRef {
     /**
@@ -4526,90 +4767,427 @@ interface DatePickerRef {
     focus: () => void;
 }
 
-type ButtonAsProp = {
-    as?: ElementType;
-    to?: string;
-    href?: string;
-    [key: string]: any;
-};
-declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+/**
+ * Chart scales interface
+ */
+interface ChartScales$1 {
+    xScale: (index: number, dataLength?: number) => number;
+    yScale: (value: number) => number;
+    minValue: number;
+    maxValue: number;
+    valueRange: number;
+    innerWidth: number;
+    innerHeight: number;
+    width: number;
+    height: number;
+    padding: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}
 
-type __lib_types_AccordionState = AccordionState;
-type __lib_types_AtomixGlassProps = AtomixGlassProps;
-type __lib_types_AvatarGroupProps = AvatarGroupProps;
-type __lib_types_AvatarProps = AvatarProps;
-type __lib_types_AvatarSize = AvatarSize;
-type __lib_types_BadgeProps = BadgeProps;
-type __lib_types_BaseComponentProps = BaseComponentProps;
-type __lib_types_BreadcrumbInstance = BreadcrumbInstance;
-type __lib_types_ButtonProps = ButtonProps;
-type __lib_types_CalloutProps = CalloutProps;
-type __lib_types_CardProps = CardProps;
-type __lib_types_CheckboxProps = CheckboxProps;
-type __lib_types_CodeBlockProps = CodeBlockProps;
-type __lib_types_DataTableColumn = DataTableColumn;
-type __lib_types_DataTableProps = DataTableProps;
-type __lib_types_DropdownDividerProps = DropdownDividerProps;
-type __lib_types_DropdownHeaderProps = DropdownHeaderProps;
-type __lib_types_DropdownItemProps = DropdownItemProps;
-type __lib_types_DropdownPlacement = DropdownPlacement;
-type __lib_types_DropdownProps = DropdownProps;
-type __lib_types_DropdownTrigger = DropdownTrigger;
-type __lib_types_EdgePanelMode = EdgePanelMode;
-type __lib_types_EdgePanelPosition = EdgePanelPosition;
-type __lib_types_EdgePanelProps = EdgePanelProps;
-type __lib_types_ElementRefs = ElementRefs;
-type __lib_types_ElevationCardProps = ElevationCardProps;
-type __lib_types_FooterLayout = FooterLayout;
-type __lib_types_FooterLinkProps = FooterLinkProps;
-type __lib_types_FooterProps = FooterProps;
-type __lib_types_FooterSectionProps = FooterSectionProps;
-type __lib_types_FooterSocialLinkProps = FooterSocialLinkProps;
-type __lib_types_FormGroupProps = FormGroupProps;
-type __lib_types_FormProps = FormProps;
-type __lib_types_GlassContainerProps = GlassContainerProps;
-type __lib_types_GlassMode = GlassMode;
-type __lib_types_GlassSize = GlassSize;
-type __lib_types_HeroAlignment = HeroAlignment;
-type __lib_types_HeroProps = HeroProps;
-type __lib_types_IconPosition = IconPosition;
-type __lib_types_ImageType = ImageType;
-type __lib_types_InputProps = InputProps;
-type __lib_types_ListGroupProps = ListGroupProps;
-type __lib_types_ListProps = ListProps;
-type __lib_types_MegaMenuColumnProps = MegaMenuColumnProps;
-type __lib_types_MegaMenuLinkProps = MegaMenuLinkProps;
-type __lib_types_MegaMenuProps = MegaMenuProps;
-type __lib_types_MenuItemProps = MenuItemProps;
-type __lib_types_MenuProps = MenuProps;
-type __lib_types_MessageItem = MessageItem;
-type __lib_types_MessagesProps = MessagesProps;
-type __lib_types_ModalProps = ModalProps;
-type __lib_types_MousePosition = MousePosition;
-type __lib_types_NavAlignment = NavAlignment;
-type __lib_types_NavDropdownProps = NavDropdownProps;
-type __lib_types_NavItemProps = NavItemProps;
-type __lib_types_NavProps = NavProps;
-type __lib_types_NavVariant = NavVariant;
-type __lib_types_NavbarPosition = NavbarPosition;
-type __lib_types_NavbarProps = NavbarProps;
-type __lib_types_PaginationProps = PaginationProps;
-type __lib_types_PhotoViewerProps = PhotoViewerProps;
-type __lib_types_PopoverProps = PopoverProps;
-type __lib_types_PopoverTriggerProps = PopoverTriggerProps;
-type __lib_types_ProgressProps = ProgressProps;
-type __lib_types_RadioProps = RadioProps;
-type __lib_types_RatingProps = RatingProps;
-type __lib_types_SelectOption = SelectOption;
-type __lib_types_SelectProps = SelectProps;
-type __lib_types_SideMenuItemProps = SideMenuItemProps;
-type __lib_types_SideMenuListProps = SideMenuListProps;
-type __lib_types_SideMenuProps = SideMenuProps;
-type __lib_types_Size = Size;
-type __lib_types_SliderAutoplay = SliderAutoplay;
-type __lib_types_SliderBreakpoint = SliderBreakpoint;
-type __lib_types_SliderEffect = SliderEffect;
-type __lib_types_SliderLazy = SliderLazy;
+/**
+ * Chart types - comprehensive list
+ */
+type ChartType = 'line' | 'area' | 'bar' | 'horizontal-bar' | 'pie' | 'donut' | 'doughnut' | 'scatter' | 'radar' | 'bubble' | 'candlestick' | 'interactive' | 'advanced' | 'gauge' | 'funnel' | 'waterfall' | 'heatmap' | 'treemap' | 'realtime';
+/**
+ * Chart data point interface
+ */
+interface ChartDataPoint {
+    label: string;
+    value: number;
+    color?: string;
+    metadata?: Record<string, any>;
+}
+/**
+ * Scatter chart data point interface
+ */
+interface ScatterDataPoint extends ChartDataPoint {
+    x: number;
+    y: number;
+    size?: number;
+}
+/**
+ * Chart dataset interface
+ */
+interface ChartDataset {
+    label: string;
+    data: ChartDataPoint[];
+    color?: string;
+    visible?: boolean;
+}
+/**
+ * Chart axis configuration
+ */
+interface ChartAxis {
+    label?: string;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    min?: number;
+    max?: number;
+    formatter?: (value: number) => string;
+    ticks?: number;
+}
+/**
+ * Chart configuration
+ */
+interface ChartConfig {
+    xAxis?: ChartAxis;
+    yAxis?: ChartAxis;
+    showLegend?: boolean;
+    showTooltips?: boolean;
+    animate?: boolean;
+    animationDuration?: number;
+}
+/**
+ * Extended chart size options
+ */
+type ChartSize = Size | 'xl' | 'full';
+/**
+ * Comprehensive chart props interface
+ */
+interface ChartProps extends BaseComponentProps {
+    /**
+     * Chart type
+     */
+    type?: ChartType;
+    /**
+     * Chart data (simplified)
+     */
+    data?: ChartDataPoint[];
+    /**
+     * Chart datasets (advanced)
+     */
+    datasets?: ChartDataset[];
+    /**
+     * Chart configuration
+     */
+    config?: ChartConfig;
+    /**
+     * Chart size
+     */
+    size?: ChartSize;
+    /**
+     * Chart variant
+     */
+    variant?: Variant;
+    /**
+     * Glass morphism effect
+     * When true, applies default glass effect. When an object, allows custom glass configuration.
+     */
+    glass?: boolean | AtomixGlassProps;
+    /**
+     * Chart title
+     */
+    title?: string;
+    /**
+     * Chart subtitle
+     */
+    subtitle?: string;
+    /**
+     * Whether to show legend
+     */
+    showLegend?: boolean;
+    /**
+     * Whether chart is interactive
+     */
+    interactive?: boolean;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Error message
+     */
+    error?: string;
+    /**
+     * Fullscreen mode
+     */
+    fullscreen?: boolean;
+    /**
+     * Show toolbar with actions
+     */
+    showToolbar?: boolean;
+    /**
+     * Enable fullscreen functionality
+     */
+    enableFullscreen?: boolean;
+    /**
+     * Enable export functionality
+     */
+    enableExport?: boolean;
+    /**
+     * Enable refresh functionality
+     */
+    enableRefresh?: boolean;
+    /**
+     * Available export formats
+     */
+    exportFormats?: ('png' | 'svg' | 'csv' | 'json')[];
+    /**
+     * Data point click handler
+     */
+    onDataPointClick?: (dataPoint: ChartDataPoint, datasetIndex: number, pointIndex: number) => void;
+    /**
+     * Legend item click handler
+     */
+    onLegendItemClick?: (datasetIndex: number, visible: boolean) => void;
+    /**
+     * Fullscreen state change handler
+     */
+    onFullscreen?: (isFullscreen: boolean) => void;
+    /**
+     * Export handler
+     */
+    onExport?: (format: string) => Promise<void> | void;
+    /**
+     * Refresh handler
+     */
+    onRefresh?: () => void;
+    /**
+     * Chart content for wrapper usage
+     */
+    children?: ReactNode;
+    /**
+     * Accessibility label
+     */
+    'aria-label'?: string;
+    /**
+     * Toolbar configuration
+     */
+    toolbarConfig?: {
+        enableDefaults?: boolean;
+        defaults?: {
+            refresh?: boolean;
+            export?: boolean;
+            fullscreen?: boolean;
+            settings?: boolean;
+            zoom?: boolean;
+            pan?: boolean;
+            reset?: boolean;
+            grid?: boolean;
+            legend?: boolean;
+            tooltips?: boolean;
+            animations?: boolean;
+        };
+        handlers?: {
+            onRefresh?: () => void;
+            onExport?: (format: string) => Promise<void> | void;
+            onFullscreen?: (isFullscreen: boolean) => void;
+            onZoomIn?: () => void;
+            onZoomOut?: () => void;
+            onZoomReset?: () => void;
+            onPanToggle?: (enabled: boolean) => void;
+            onReset?: () => void;
+            onGridToggle?: (show: boolean) => void;
+            onLegendToggle?: (show: boolean) => void;
+            onTooltipsToggle?: (show: boolean) => void;
+            onAnimationsToggle?: (enabled: boolean) => void;
+        };
+    };
+    /**
+     * Custom toolbar actions
+     */
+    customToolbarActions?: Array<{
+        id: string;
+        label: string;
+        icon: string;
+        onClick: () => void;
+        disabled?: boolean;
+        active?: boolean;
+        variant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+        tooltip?: string;
+    }>;
+    /**
+     * Custom toolbar groups
+     */
+    customToolbarGroups?: Array<{
+        id: string;
+        label?: string;
+        actions: Array<{
+            id: string;
+            label: string;
+            icon: string;
+            onClick: () => void;
+            disabled?: boolean;
+            active?: boolean;
+            variant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
+            tooltip?: string;
+        }>;
+        separator?: boolean;
+    }>;
+}
+
+/**
+ * Chart interaction state
+ */
+interface ChartInteraction {
+    hoveredIndex: number | null;
+    selectedIndex: number | null;
+}
+/**
+ * Chart hovered point state
+ */
+interface ChartHoveredPoint {
+    datasetIndex: number;
+    pointIndex: number;
+    x: number;
+    y: number;
+    clientX: number;
+    clientY: number;
+}
+/**
+ * Chart event handlers interface
+ */
+interface ChartHandlers {
+    onDataPointClick?: (dataPoint: ChartDataPoint, datasetIndex: number, pointIndex: number) => void;
+    onPointHover: (datasetIndex: number, pointIndex: number, x: number, y: number, clientX: number, clientY: number) => void;
+    onPointLeave: () => void;
+    onMouseMove: (event: react__default.MouseEvent<SVGSVGElement>) => void;
+    onMouseDown: (event: react__default.MouseEvent<SVGSVGElement>) => void;
+    onMouseUp: () => void;
+    onWheel: (event: react__default.WheelEvent<SVGSVGElement>) => void;
+}
+/**
+ * Chart accessibility interface
+ */
+interface ChartAccessibility {
+    announcement: string;
+    focusedPoint: {
+        datasetIndex: number;
+        pointIndex: number;
+    };
+    getAccessibleDescription: () => string;
+}
+/**
+ * Chart toolbar state
+ */
+interface ChartToolbarState {
+    showTooltips?: boolean;
+    showLegend?: boolean;
+    animationsEnabled?: boolean;
+    showGrid?: boolean;
+}
+/**
+ * Chart render content parameters
+ */
+interface ChartRenderContentParams {
+    scales: ChartScales;
+    colors: string[];
+    datasets: ChartDataset[];
+    interactionState?: ChartInteraction;
+    handlers: ChartHandlers;
+    accessibility: ChartAccessibility;
+    hoveredPoint: ChartHoveredPoint | null;
+    toolbarState?: ChartToolbarState;
+    config?: ChartConfig;
+}
+
+interface AnimatedChartProps extends Omit<ChartProps, 'type'> {
+    chartType?: 'line' | 'bar' | 'area';
+    animationConfig?: {
+        duration?: number;
+        easing?: 'ease-out' | 'bounce';
+    };
+    particleEffects?: {
+        enabled: boolean;
+        count: number;
+        colors: string[];
+        speed: number;
+        size: number;
+    };
+}
+declare const AnimatedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AnimatedChartProps & react.RefAttributes<HTMLDivElement>>>;
+
+type ButtonAsProp = {
+    as?: ElementType;
+    to?: string;
+    href?: string;
+    [key: string]: any;
+};
+declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+type __lib_types_AccordionState = AccordionState;
+type __lib_types_AtomixGlassProps = AtomixGlassProps;
+type __lib_types_AvatarGroupProps = AvatarGroupProps;
+type __lib_types_AvatarProps = AvatarProps;
+type __lib_types_AvatarSize = AvatarSize;
+type __lib_types_BadgeProps = BadgeProps;
+type __lib_types_BaseComponentProps = BaseComponentProps;
+type __lib_types_BreadcrumbInstance = BreadcrumbInstance;
+type __lib_types_ButtonProps = ButtonProps;
+type __lib_types_CalloutProps = CalloutProps;
+type __lib_types_CardProps = CardProps;
+type __lib_types_CheckboxProps = CheckboxProps;
+type __lib_types_CodeBlockProps = CodeBlockProps;
+type __lib_types_DataTableColumn = DataTableColumn;
+type __lib_types_DataTableProps = DataTableProps;
+type __lib_types_DisplacementMode = DisplacementMode;
+type __lib_types_DropdownDividerProps = DropdownDividerProps;
+type __lib_types_DropdownHeaderProps = DropdownHeaderProps;
+type __lib_types_DropdownItemProps = DropdownItemProps;
+type __lib_types_DropdownPlacement = DropdownPlacement;
+type __lib_types_DropdownProps = DropdownProps;
+type __lib_types_DropdownTrigger = DropdownTrigger;
+type __lib_types_EdgePanelMode = EdgePanelMode;
+type __lib_types_EdgePanelPosition = EdgePanelPosition;
+type __lib_types_EdgePanelProps = EdgePanelProps;
+type __lib_types_ElementRefs = ElementRefs;
+type __lib_types_ElevationCardProps = ElevationCardProps;
+type __lib_types_FooterLayout = FooterLayout;
+type __lib_types_FooterLinkProps = FooterLinkProps;
+type __lib_types_FooterProps = FooterProps;
+type __lib_types_FooterSectionProps = FooterSectionProps;
+type __lib_types_FooterSocialLinkProps = FooterSocialLinkProps;
+type __lib_types_FormGroupProps = FormGroupProps;
+type __lib_types_FormProps = FormProps;
+type __lib_types_GlassContainerProps = GlassContainerProps;
+type __lib_types_GlassMode = GlassMode;
+type __lib_types_GlassSize = GlassSize;
+type __lib_types_HeroAlignment = HeroAlignment;
+type __lib_types_HeroProps = HeroProps;
+type __lib_types_IconPosition = IconPosition;
+type __lib_types_ImageType = ImageType;
+type __lib_types_InputProps = InputProps;
+type __lib_types_ListGroupProps = ListGroupProps;
+type __lib_types_ListProps = ListProps;
+type __lib_types_MegaMenuColumnProps = MegaMenuColumnProps;
+type __lib_types_MegaMenuLinkProps = MegaMenuLinkProps;
+type __lib_types_MegaMenuProps = MegaMenuProps;
+type __lib_types_MenuItemProps = MenuItemProps;
+type __lib_types_MenuProps = MenuProps;
+type __lib_types_MessageItem = MessageItem;
+type __lib_types_MessagesProps = MessagesProps;
+type __lib_types_ModalProps = ModalProps;
+type __lib_types_MousePosition = MousePosition;
+type __lib_types_NavAlignment = NavAlignment;
+type __lib_types_NavDropdownProps = NavDropdownProps;
+type __lib_types_NavItemProps = NavItemProps;
+type __lib_types_NavProps = NavProps;
+type __lib_types_NavVariant = NavVariant;
+type __lib_types_NavbarPosition = NavbarPosition;
+type __lib_types_NavbarProps = NavbarProps;
+type __lib_types_OverLightConfig = OverLightConfig;
+type __lib_types_OverLightObjectConfig = OverLightObjectConfig;
+type __lib_types_PaginationProps = PaginationProps;
+type __lib_types_PhotoViewerProps = PhotoViewerProps;
+type __lib_types_PopoverProps = PopoverProps;
+type __lib_types_PopoverTriggerProps = PopoverTriggerProps;
+type __lib_types_ProgressProps = ProgressProps;
+type __lib_types_RadioProps = RadioProps;
+type __lib_types_RatingProps = RatingProps;
+type __lib_types_SelectOption = SelectOption;
+type __lib_types_SelectProps = SelectProps;
+type __lib_types_SideMenuItemProps = SideMenuItemProps;
+type __lib_types_SideMenuListProps = SideMenuListProps;
+type __lib_types_SideMenuProps = SideMenuProps;
+type __lib_types_Size = Size;
+type __lib_types_SliderAutoplay = SliderAutoplay;
+type __lib_types_SliderBreakpoint = SliderBreakpoint;
+type __lib_types_SliderEffect = SliderEffect;
+type __lib_types_SliderLazy = SliderLazy;
 type __lib_types_SliderNavigation = SliderNavigation;
 type __lib_types_SliderPagination = SliderPagination;
 type __lib_types_SliderProps = SliderProps;
@@ -4639,7 +5217,7 @@ type __lib_types_VideoQuality = VideoQuality;
 type __lib_types_VideoSubtitle = VideoSubtitle;
 type __lib_types_listvariant = listvariant;
 declare namespace __lib_types {
-  export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_DropdownDividerProps as DropdownDividerProps, __lib_types_DropdownHeaderProps as DropdownHeaderProps, __lib_types_DropdownItemProps as DropdownItemProps, __lib_types_DropdownPlacement as DropdownPlacement, __lib_types_DropdownProps as DropdownProps, __lib_types_DropdownTrigger as DropdownTrigger, __lib_types_EdgePanelMode as EdgePanelMode, __lib_types_EdgePanelPosition as EdgePanelPosition, __lib_types_EdgePanelProps as EdgePanelProps, __lib_types_ElementRefs as ElementRefs, __lib_types_ElevationCardProps as ElevationCardProps, __lib_types_FooterLayout as FooterLayout, __lib_types_FooterLinkProps as FooterLinkProps, __lib_types_FooterProps as FooterProps, __lib_types_FooterSectionProps as FooterSectionProps, __lib_types_FooterSocialLinkProps as FooterSocialLinkProps, __lib_types_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __lib_types_GlassContainerProps as GlassContainerProps, __lib_types_GlassMode as GlassMode, __lib_types_GlassSize as GlassSize, __lib_types_HeroAlignment as HeroAlignment, __lib_types_HeroProps as HeroProps, __lib_types_IconPosition as IconPosition, __lib_types_ImageType as ImageType, __lib_types_InputProps as InputProps, __lib_types_ListGroupProps as ListGroupProps, __lib_types_ListProps as ListProps, __lib_types_MegaMenuColumnProps as MegaMenuColumnProps, __lib_types_MegaMenuLinkProps as MegaMenuLinkProps, __lib_types_MegaMenuProps as MegaMenuProps, __lib_types_MenuItemProps as MenuItemProps, __lib_types_MenuProps as MenuProps, __lib_types_MessageItem as MessageItem, __lib_types_MessagesProps as MessagesProps, __lib_types_ModalProps as ModalProps, __lib_types_MousePosition as MousePosition, __lib_types_NavAlignment as NavAlignment, __lib_types_NavDropdownProps as NavDropdownProps, __lib_types_NavItemProps as NavItemProps, __lib_types_NavProps as NavProps, __lib_types_NavVariant as NavVariant, __lib_types_NavbarPosition as NavbarPosition, __lib_types_NavbarProps as NavbarProps, __lib_types_PaginationProps as PaginationProps, __lib_types_PhotoViewerProps as PhotoViewerProps, __lib_types_PopoverProps as PopoverProps, __lib_types_PopoverTriggerProps as PopoverTriggerProps, __lib_types_ProgressProps as ProgressProps, __lib_types_RadioProps as RadioProps, __lib_types_RatingProps as RatingProps, __lib_types_SelectOption as SelectOption, __lib_types_SelectProps as SelectProps, __lib_types_SideMenuItemProps as SideMenuItemProps, __lib_types_SideMenuListProps as SideMenuListProps, __lib_types_SideMenuProps as SideMenuProps, __lib_types_Size as Size, __lib_types_SliderAutoplay as SliderAutoplay, __lib_types_SliderBreakpoint as SliderBreakpoint, __lib_types_SliderEffect as SliderEffect, __lib_types_SliderLazy as SliderLazy, __lib_types_SliderNavigation as SliderNavigation, __lib_types_SliderPagination as SliderPagination, __lib_types_SliderProps as SliderProps, __lib_types_SliderRefs as SliderRefs, __lib_types_SliderScrollbar as SliderScrollbar, __lib_types_SliderSlide as SliderSlide, __lib_types_SliderState as SliderState, __lib_types_SliderThumbs as SliderThumbs, __lib_types_SliderVirtual as SliderVirtual, __lib_types_SliderZoom as SliderZoom, __lib_types_SocialLink as SocialLink, __lib_types_SocialPlatform as SocialPlatform, __lib_types_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
+  export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_DisplacementMode as DisplacementMode, __lib_types_DropdownDividerProps as DropdownDividerProps, __lib_types_DropdownHeaderProps as DropdownHeaderProps, __lib_types_DropdownItemProps as DropdownItemProps, __lib_types_DropdownPlacement as DropdownPlacement, __lib_types_DropdownProps as DropdownProps, __lib_types_DropdownTrigger as DropdownTrigger, __lib_types_EdgePanelMode as EdgePanelMode, __lib_types_EdgePanelPosition as EdgePanelPosition, __lib_types_EdgePanelProps as EdgePanelProps, __lib_types_ElementRefs as ElementRefs, __lib_types_ElevationCardProps as ElevationCardProps, __lib_types_FooterLayout as FooterLayout, __lib_types_FooterLinkProps as FooterLinkProps, __lib_types_FooterProps as FooterProps, __lib_types_FooterSectionProps as FooterSectionProps, __lib_types_FooterSocialLinkProps as FooterSocialLinkProps, __lib_types_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __lib_types_GlassContainerProps as GlassContainerProps, __lib_types_GlassMode as GlassMode, __lib_types_GlassSize as GlassSize, __lib_types_HeroAlignment as HeroAlignment, __lib_types_HeroProps as HeroProps, __lib_types_IconPosition as IconPosition, __lib_types_ImageType as ImageType, __lib_types_InputProps as InputProps, __lib_types_ListGroupProps as ListGroupProps, __lib_types_ListProps as ListProps, __lib_types_MegaMenuColumnProps as MegaMenuColumnProps, __lib_types_MegaMenuLinkProps as MegaMenuLinkProps, __lib_types_MegaMenuProps as MegaMenuProps, __lib_types_MenuItemProps as MenuItemProps, __lib_types_MenuProps as MenuProps, __lib_types_MessageItem as MessageItem, __lib_types_MessagesProps as MessagesProps, __lib_types_ModalProps as ModalProps, __lib_types_MousePosition as MousePosition, __lib_types_NavAlignment as NavAlignment, __lib_types_NavDropdownProps as NavDropdownProps, __lib_types_NavItemProps as NavItemProps, __lib_types_NavProps as NavProps, __lib_types_NavVariant as NavVariant, __lib_types_NavbarPosition as NavbarPosition, __lib_types_NavbarProps as NavbarProps, __lib_types_OverLightConfig as OverLightConfig, __lib_types_OverLightObjectConfig as OverLightObjectConfig, __lib_types_PaginationProps as PaginationProps, __lib_types_PhotoViewerProps as PhotoViewerProps, __lib_types_PopoverProps as PopoverProps, __lib_types_PopoverTriggerProps as PopoverTriggerProps, __lib_types_ProgressProps as ProgressProps, __lib_types_RadioProps as RadioProps, __lib_types_RatingProps as RatingProps, __lib_types_SelectOption as SelectOption, __lib_types_SelectProps as SelectProps, __lib_types_SideMenuItemProps as SideMenuItemProps, __lib_types_SideMenuListProps as SideMenuListProps, __lib_types_SideMenuProps as SideMenuProps, __lib_types_Size as Size, __lib_types_SliderAutoplay as SliderAutoplay, __lib_types_SliderBreakpoint as SliderBreakpoint, __lib_types_SliderEffect as SliderEffect, __lib_types_SliderLazy as SliderLazy, __lib_types_SliderNavigation as SliderNavigation, __lib_types_SliderPagination as SliderPagination, __lib_types_SliderProps as SliderProps, __lib_types_SliderRefs as SliderRefs, __lib_types_SliderScrollbar as SliderScrollbar, __lib_types_SliderSlide as SliderSlide, __lib_types_SliderState as SliderState, __lib_types_SliderThumbs as SliderThumbs, __lib_types_SliderVirtual as SliderVirtual, __lib_types_SliderZoom as SliderZoom, __lib_types_SocialLink as SocialLink, __lib_types_SocialPlatform as SocialPlatform, __lib_types_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
 }
 
 /**
@@ -5882,6 +6460,7 @@ declare const CHART: {
     EXPORT_GROUP_CLASS: string;
     EXPORT_DROPDOWN_CLASS: string;
     EXPORT_OPTION_CLASS: string;
+    SETTINGS_MENU_CLASS: string;
     TOOLBAR_GROUP_CLASS: string;
     TOOLBAR_SEPARATOR_CLASS: string;
     TOOLBAR_LABEL_CLASS: string;
@@ -6145,6 +6724,9 @@ declare const FOOTER: {
         CENTERED: string;
         MINIMAL: string;
         STACKED: string;
+        FLEXIBLE: string;
+        SIDEBAR: string;
+        WIDE: string;
         SM: string;
         MD: string;
         LG: string;
@@ -6170,34 +6752,35 @@ declare const FOOTER: {
  */
 declare const ATOMIX_GLASS: {
     BASE_CLASS: string;
-    WARP_CLASS: string;
+    CONTAINER_CLASS: string;
+    INNER_CLASS: string;
+    FILTER_CLASS: string;
+    FILTER_OVERLAY_CLASS: string;
+    FILTER_SHADOW_CLASS: string;
     CONTENT_CLASS: string;
-    BORDER_CLASS: string;
-    OVER_LIGHT_CLASS: string;
-    HOVER_EFFECT_CLASS: string;
-    ACTIVE_EFFECT_CLASS: string;
-    GLOW_EFFECT_CLASS: string;
+    BORDER_1_CLASS: string;
+    BORDER_2_CLASS: string;
+    HOVER_1_CLASS: string;
+    HOVER_2_CLASS: string;
+    HOVER_3_CLASS: string;
+    BASE_LAYER_CLASS: string;
+    OVERLAY_LAYER_CLASS: string;
+    OVERLAY_HIGHLIGHT_CLASS: string;
+    BACKGROUND_LAYER_CLASS: string;
+    BACKGROUND_LAYER_DARK_CLASS: string;
+    BACKGROUND_LAYER_BLACK_CLASS: string;
+    BACKGROUND_LAYER_OVER_LIGHT_CLASS: string;
+    BACKGROUND_LAYER_HIDDEN_CLASS: string;
     VARIANT_PREFIX: string;
     MODE_PREFIX: string;
     CLASSES: {
         BASE: string;
-        WARP: string;
+        CONTAINER: string;
+        INNER: string;
+        FILTER: string;
         CONTENT: string;
-        BORDER: string;
-        BORDER_OVERLAY: string;
-        OVER_LIGHT: string;
-        OVER_LIGHT_ACTIVE: string;
-        OVER_LIGHT_OVERLAY: string;
-        OVER_LIGHT_OVERLAY_ACTIVE: string;
-        HOVER_EFFECT: string;
-        HOVER_EFFECT_ACTIVE: string;
-        ACTIVE_EFFECT: string;
-        ACTIVE_EFFECT_ACTIVE: string;
-        GLOW_EFFECT: string;
-        GLOW_EFFECT_HOVER: string;
-        GLOW_EFFECT_ACTIVE: string;
-        CLICKABLE: string;
         ACTIVE: string;
+        OVER_LIGHT: string;
         STANDARD: string;
         POLAR: string;
         PROMINENT: string;
@@ -6211,9 +6794,107 @@ declare const ATOMIX_GLASS: {
         ELASTICITY: number;
         CORNER_RADIUS: number;
         PADDING: string;
-        MODE: string;
-        OVER_LIGHT: boolean;
-        SIZE: string;
+        MODE: "standard";
+        OVER_LIGHT: "auto";
+        ENABLE_OVER_LIGHT_LAYERS: boolean;
+    };
+    CONSTANTS: {
+        ACTIVATION_ZONE: number;
+        MIN_BLUR: number;
+        MOUSE_INFLUENCE_DIVISOR: number;
+        EDGE_FADE_PIXELS: number;
+        DEFAULT_CORNER_RADIUS: number;
+        MAX_SIZE: number;
+        GRADIENT: {
+            BASE_ANGLE: number;
+            ANGLE_MULTIPLIER: number;
+            BORDER_STOP_1: {
+                MIN: number;
+                BASE: number;
+                MULTIPLIER: number;
+            };
+            BORDER_STOP_2: {
+                MAX: number;
+                BASE: number;
+                MULTIPLIER: number;
+            };
+            BORDER_OPACITY: {
+                BASE_1: number;
+                BASE_2: number;
+                BASE_3: number;
+                BASE_4: number;
+                MULTIPLIER_LOW: number;
+                MULTIPLIER_HIGH: number;
+            };
+            CENTER_POSITION: number;
+            HOVER_POSITION: {
+                DIVISOR_1: number;
+                DIVISOR_2: number;
+                MULTIPLIER_3: number;
+            };
+            BASE_LAYER_MULTIPLIER: number;
+        };
+        GRADIENT_OPACITY: {
+            HOVER_1: {
+                BLACK_START: number;
+                BLACK_MID: number;
+                BLACK_STOP: number;
+                BLACK_END: number;
+                WHITE_START: number;
+                WHITE_STOP: number;
+            };
+            HOVER_2: {
+                BLACK_START: number;
+                BLACK_MID: number;
+                BLACK_STOP: number;
+                BLACK_END: number;
+                WHITE_START: number;
+                WHITE_STOP: number;
+            };
+            HOVER_3: {
+                BLACK_START: number;
+                BLACK_MID: number;
+                BLACK_STOP: number;
+                BLACK_END: number;
+                WHITE_START: number;
+                WHITE_STOP: number;
+            };
+        };
+        BASE_GRADIENT: {
+            ANGLE: number;
+            BLACK_START_BASE: number;
+            BLACK_START_MULTIPLIER: number;
+            BLACK_MID_BASE: number;
+            BLACK_MID_MULTIPLIER: number;
+            BLACK_MID_STOP: number;
+            BLACK_END_BASE: number;
+            BLACK_END_MULTIPLIER: number;
+            WHITE_OPACITY: number;
+        };
+        OVERLAY_GRADIENT: {
+            BLACK_START_BASE: number;
+            BLACK_START_MULTIPLIER: number;
+            BLACK_MID: number;
+            BLACK_MID_STOP: number;
+            BLACK_END_BASE: number;
+            BLACK_END_MULTIPLIER: number;
+            WHITE_OPACITY: number;
+        };
+        OVERLAY_HIGHLIGHT: {
+            POSITION_X: number;
+            POSITION_Y: number;
+            WHITE_OPACITY: number;
+            STOP: number;
+            OPACITY_MULTIPLIER: number;
+        };
+        MULTIPLIERS: {
+            SHADER_DISPLACEMENT: number;
+            OVER_LIGHT_DISPLACEMENT: number;
+            SHADER_ABERRATION: number;
+        };
+        SATURATION: {
+            HIGH_CONTRAST: number;
+        };
     };
 };
 
@@ -6381,9 +7062,18 @@ declare function createIconElement(name: string, size?: number, className?: stri
 declare function getAvailableIcons(): string[];
 
 /**
- * Class name utility function to conditionally join classNames together
- * @param {...any} args - Class names or conditional class names
- * @returns {string} - Joined class names
+ * Class name utility function to conditionally join classNames together.
+ * This is a wrapper around the 'classnames' library and supports all its features:
+ * - Strings and numbers
+ * - Arrays (including nested arrays)
+ * - Objects (keys are class names, values are truthy/falsy conditions)
+ * - Mixed types
+ *
+ * @example
+ * cn('foo', 'bar'); // 'foo bar'
+ * cn('foo', { bar: true }); // 'foo bar'
+ * cn({ 'foo-bar': true }); // 'foo-bar'
+ * cn(['foo', { bar: true }]); // 'foo bar'
  */
 declare function cn(...args: any[]): string;
 /**
@@ -6591,6 +7281,10 @@ interface RiverProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: React.CSSProperties;
     /**
      * Background image source
      */
@@ -6746,8 +7440,8 @@ declare function useEdgePanel(initialProps?: Partial<EdgePanelProps>): {
     containerRef: react.MutableRefObject<HTMLDivElement>;
     backdropRef: react.MutableRefObject<HTMLDivElement>;
     generateEdgePanelClass: (props: Partial<EdgePanelProps>) => string;
-    openPanel: () => void;
-    closePanel: () => void;
+    openPanel: (useFadeAnimation?: boolean) => void;
+    closePanel: (useFadeAnimation?: boolean) => void;
     handleBackdropClick: (event: React.MouseEvent<HTMLDivElement>) => void;
 };
 
@@ -6824,22 +7518,51 @@ declare function useGlassContainer(props: GlassContainerProps): {
     handleMouseUp: () => void;
 };
 
-interface UseAtomixGlassOptions {
-    size?: 'sm' | 'md' | 'lg';
-    mode?: 'standard' | 'polar' | 'prominent' | 'shader';
-    overLight?: boolean;
-    clickable?: boolean;
-    active?: boolean;
-    className?: string;
+interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
+    glassRef: react__default.RefObject<HTMLDivElement>;
+    contentRef: react__default.RefObject<HTMLDivElement>;
+    children?: react__default.ReactNode;
 }
 interface UseAtomixGlassReturn {
-    generateGlassClass: (options: UseAtomixGlassOptions) => string;
-    generateElementClass: (element: string, modifier?: string) => string;
+    isHovered: boolean;
+    isActive: boolean;
+    glassSize: GlassSize;
+    dynamicCornerRadius: number;
+    effectiveCornerRadius: number;
+    effectiveReducedMotion: boolean;
+    effectiveHighContrast: boolean;
+    effectiveDisableEffects: boolean;
+    detectedOverLight: boolean;
+    globalMousePosition: MousePosition;
+    mouseOffset: MousePosition;
+    overLightConfig: {
+        isOverLight: boolean;
+        threshold: number;
+        opacity: number;
+        contrast: number;
+        brightness: number;
+        saturationBoost: number;
+        shadowIntensity: number;
+        borderOpacity: number;
+    };
+    elasticTranslation: {
+        x: number;
+        y: number;
+    };
+    directionalScale: string;
+    transformStyle: string;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleMouseDown: () => void;
+    handleMouseUp: () => void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleKeyDown: (e: react__default.KeyboardEvent<HTMLDivElement>) => void;
 }
 /**
- * Hook for generating AtomixGlass CSS classes following BEM methodology
+ * Composable hook for AtomixGlass component logic
+ * Manages all state, calculations, and event handlers
  */
-declare function useAtomixGlass(): UseAtomixGlassReturn;
+declare function useAtomixGlass({ glassRef, contentRef, cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, disableEffects, elasticity, onClick, debugCornerRadius, debugOverLight, enablePerformanceMonitoring, children, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
 
 /**
  * Input state and functionality
@@ -6904,6 +7627,14 @@ interface BreadcrumbItem {
      * Optional click handler
      */
     onClick?: (event: react__default.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Custom style for the breadcrumb item
+     */
+    style?: react__default.CSSProperties;
+    /**
+     * Additional className
+     */
+    className?: string;
 }
 interface BreadcrumbProps {
     /**
@@ -6925,419 +7656,182 @@ interface BreadcrumbProps {
     /**
      * Optional custom link component
      */
-    LinkComponent?: react__default.ElementType;
-}
-declare const Breadcrumb: react__default.FC<BreadcrumbProps>;
-
-interface BreadcrumbOptions {
-    items: BreadcrumbItem[];
-    divider?: React.ReactNode;
-    className?: string;
-    ariaLabel?: string;
-}
-/**
- * Breadcrumb state and functionality
- * @param initialOptions - Initial breadcrumb options
- * @returns Breadcrumb state and methods
- */
-declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
-    defaultOptions: BreadcrumbOptions;
-    generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
-    generateItemClass: (item: BreadcrumbItem, isLast: boolean) => string;
-    isItemLink: (item: BreadcrumbItem, isLast: boolean) => boolean;
-    parseItemsFromJson: (jsonString: string) => BreadcrumbItem[];
-};
-
-/**
- * Hook for managing Card component state and behaviors
- *
- * @param options - Configuration options for the card
- * @returns Card state and handlers
- */
-declare const useCard: (options?: UseCardOptions) => UseCardReturn;
-
-interface UseDataTableProps {
-    /**
-     * Data array to display
-     */
-    data: any[];
-    /**
-     * Column definitions
-     */
-    columns: DataTableColumn[];
-    /**
-     * Whether the table is sortable
-     */
-    sortable?: boolean;
-    /**
-     * Whether the table is paginated
-     */
-    paginated?: boolean;
-    /**
-     * Number of rows per page
-     */
-    pageSize?: number;
-    /**
-     * Callback when sorting changes
-     */
-    onSort?: (sortConfig: SortConfig) => void;
-    /**
-     * Initial sort configuration
-     */
-    initialSortConfig?: SortConfig;
-}
-interface UseDataTableReturn {
-    /**
-     * Data to display (filtered, sorted, paginated)
-     */
-    displayData: any[];
-    /**
-     * Current sort configuration
-     */
-    sortConfig: SortConfig | null;
-    /**
-     * Current page number
-     */
-    currentPage: number;
-    /**
-     * Total number of pages
-     */
-    totalPages: number;
-    /**
-     * Handle sort column click
-     */
-    handleSort: (key: string) => void;
-    /**
-     * Handle page change
-     */
-    handlePageChange: (page: number) => void;
-    /**
-     * Handle search input
-     */
-    handleSearch: (query: string) => void;
-}
-/**
- * Hook for managing DataTable state and behavior
- */
-declare function useDataTable({ data, columns, sortable, paginated, pageSize, onSort, initialSortConfig, }: UseDataTableProps): UseDataTableReturn;
-
-interface UseModalProps {
-    /**
-     * Whether the modal is open
-     */
-    isOpen?: boolean;
-    /**
-     * Callback when modal state changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    /**
-     * Callback when modal opens
-     */
-    onOpen?: () => void;
-    /**
-     * Callback when modal closes
-     */
-    onClose?: () => void;
-}
-interface UseModalReturn {
-    /**
-     * Current open state
-     */
-    isOpen: boolean;
-    /**
-     * Function to open the modal
-     */
-    open: () => void;
-    /**
-     * Function to close the modal
-     */
-    close: () => void;
-    /**
-     * Function to toggle the modal
-     */
-    toggle: () => void;
-}
-/**
- * Hook for managing modal state
- */
-declare function useModal({ isOpen: isOpenProp, onOpenChange, onOpen, onClose, }?: UseModalProps): UseModalReturn;
-
-declare const DOTS = "...";
-declare const usePagination: ({ currentPage, totalPages, siblingCount, onPageChange, }: Omit<PaginationProps, "className">) => {
-    paginationRange: (string | number)[];
-    currentPage: number;
-    totalPages: number;
-    goToPage: (page: number) => void;
-    nextPage: () => void;
-    prevPage: () => void;
-    firstPage: () => void;
-    lastPage: () => void;
-    DOTS: string;
-};
-
-interface UseSliderOptions extends Omit<SliderProps, 'slides' | 'children'> {
-    slides: SliderSlide[];
-}
-interface UseSliderReturn extends SliderState {
-    slideNext: () => void;
-    slidePrev: () => void;
-    goToSlide: (index: number) => void;
-    canSlideNext: boolean;
-    canSlidePrev: boolean;
-    containerRef: React.RefObject<HTMLDivElement | null>;
-    wrapperRef: React.RefObject<HTMLDivElement | null>;
-    handleTouchStart: (e: React.TouchEvent | React.MouseEvent) => void;
-    handleTouchMove: (e: React.TouchEvent | React.MouseEvent) => void;
-    handleTouchEnd: (e: React.TouchEvent | React.MouseEvent) => void;
-    allSlides: SliderSlide[];
-    translateValue: number;
-    slideWidth: number;
-    currentSlidesToShow: number;
-    loopedSlides: number;
-    repositioningRef: React.RefObject<boolean>;
-}
-declare function useSlider(options: UseSliderOptions): UseSliderReturn;
-
-/**
- * Chart types - comprehensive list
- */
-type ChartType = 'line' | 'area' | 'bar' | 'horizontal-bar' | 'pie' | 'donut' | 'doughnut' | 'scatter' | 'radar' | 'bubble' | 'candlestick' | 'interactive' | 'advanced' | 'gauge' | 'funnel' | 'waterfall' | 'heatmap' | 'treemap' | 'realtime';
-/**
- * Chart data point interface
- */
-interface ChartDataPoint {
-    label: string;
-    value: number;
-    color?: string;
-    metadata?: Record<string, any>;
-}
-/**
- * Chart dataset interface
- */
-interface ChartDataset {
-    label: string;
-    data: ChartDataPoint[];
-    color?: string;
-    visible?: boolean;
-}
-/**
- * Chart axis configuration
- */
-interface ChartAxis {
-    label?: string;
-    showGrid?: boolean;
-    showLabels?: boolean;
-    min?: number;
-    max?: number;
-    formatter?: (value: number) => string;
-    ticks?: number;
-}
-/**
- * Chart configuration
- */
-interface ChartConfig {
-    xAxis?: ChartAxis;
-    yAxis?: ChartAxis;
-    showLegend?: boolean;
-    showTooltips?: boolean;
-    animate?: boolean;
-    animationDuration?: number;
-}
-/**
- * Extended chart size options
- */
-type ChartSize = Size | 'xl' | 'full';
-/**
- * Comprehensive chart props interface
- */
-interface ChartProps extends BaseComponentProps {
-    /**
-     * Chart type
-     */
-    type?: ChartType;
-    /**
-     * Chart data (simplified)
-     */
-    data?: ChartDataPoint[];
-    /**
-     * Chart datasets (advanced)
-     */
-    datasets?: ChartDataset[];
-    /**
-     * Chart configuration
-     */
-    config?: ChartConfig;
-    /**
-     * Chart size
-     */
-    size?: ChartSize;
+    LinkComponent?: react__default.ElementType;
     /**
-     * Chart variant
+     * Custom style for the breadcrumb
      */
-    variant?: Variant;
+    style?: react__default.CSSProperties;
+}
+declare const Breadcrumb: react__default.FC<BreadcrumbProps>;
+
+interface BreadcrumbOptions {
+    items: BreadcrumbItem[];
+    divider?: React.ReactNode;
+    className?: string;
+    ariaLabel?: string;
+}
+/**
+ * Breadcrumb state and functionality
+ * @param initialOptions - Initial breadcrumb options
+ * @returns Breadcrumb state and methods
+ */
+declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
+    defaultOptions: BreadcrumbOptions;
+    generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
+    generateItemClass: (item: BreadcrumbItem, isLast: boolean) => string;
+    isItemLink: (item: BreadcrumbItem, isLast: boolean) => boolean;
+    parseItemsFromJson: (jsonString: string) => BreadcrumbItem[];
+};
+
+/**
+ * Hook for managing Card component state and behaviors
+ *
+ * @param options - Configuration options for the card
+ * @returns Card state and handlers
+ */
+declare const useCard: (options?: UseCardOptions) => UseCardReturn;
+
+interface UseDataTableProps {
     /**
-     * Chart title
+     * Data array to display
      */
-    title?: string;
+    data: any[];
     /**
-     * Chart subtitle
+     * Column definitions
      */
-    subtitle?: string;
+    columns: DataTableColumn[];
     /**
-     * Whether to show legend
+     * Whether the table is sortable
      */
-    showLegend?: boolean;
+    sortable?: boolean;
     /**
-     * Whether chart is interactive
+     * Whether the table is paginated
      */
-    interactive?: boolean;
+    paginated?: boolean;
     /**
-     * Loading state
+     * Number of rows per page
      */
-    loading?: boolean;
+    pageSize?: number;
     /**
-     * Error message
+     * Callback when sorting changes
      */
-    error?: string;
+    onSort?: (sortConfig: SortConfig) => void;
     /**
-     * Fullscreen mode
+     * Initial sort configuration
      */
-    fullscreen?: boolean;
+    initialSortConfig?: SortConfig;
+}
+interface UseDataTableReturn {
     /**
-     * Show toolbar with actions
+     * Data to display (filtered, sorted, paginated)
      */
-    showToolbar?: boolean;
+    displayData: any[];
     /**
-     * Enable fullscreen functionality
+     * Current sort configuration
      */
-    enableFullscreen?: boolean;
+    sortConfig: SortConfig | null;
     /**
-     * Enable export functionality
+     * Current page number
      */
-    enableExport?: boolean;
+    currentPage: number;
     /**
-     * Enable refresh functionality
+     * Total number of pages
      */
-    enableRefresh?: boolean;
+    totalPages: number;
     /**
-     * Available export formats
+     * Handle sort column click
      */
-    exportFormats?: ('png' | 'svg' | 'csv' | 'json')[];
+    handleSort: (key: string) => void;
     /**
-     * Data point click handler
+     * Handle page change
      */
-    onDataPointClick?: (dataPoint: ChartDataPoint, datasetIndex: number, pointIndex: number) => void;
+    handlePageChange: (page: number) => void;
     /**
-     * Legend item click handler
+     * Handle search input
      */
-    onLegendItemClick?: (datasetIndex: number, visible: boolean) => void;
+    handleSearch: (query: string) => void;
+}
+/**
+ * Hook for managing DataTable state and behavior
+ */
+declare function useDataTable({ data, columns, sortable, paginated, pageSize, onSort, initialSortConfig, }: UseDataTableProps): UseDataTableReturn;
+
+interface UseModalProps {
     /**
-     * Fullscreen state change handler
+     * Whether the modal is open
      */
-    onFullscreen?: (isFullscreen: boolean) => void;
+    isOpen?: boolean;
     /**
-     * Export handler
+     * Callback when modal state changes
      */
-    onExport?: (format: string) => Promise<void> | void;
+    onOpenChange?: (isOpen: boolean) => void;
     /**
-     * Refresh handler
+     * Callback when modal opens
      */
-    onRefresh?: () => void;
+    onOpen?: () => void;
     /**
-     * Chart content for wrapper usage
+     * Callback when modal closes
      */
-    children?: ReactNode;
+    onClose?: () => void;
+}
+interface UseModalReturn {
     /**
-     * Accessibility label
+     * Current open state
      */
-    'aria-label'?: string;
+    isOpen: boolean;
     /**
-     * Toolbar configuration
+     * Function to open the modal
      */
-    toolbarConfig?: {
-        enableDefaults?: boolean;
-        defaults?: {
-            refresh?: boolean;
-            export?: boolean;
-            fullscreen?: boolean;
-            settings?: boolean;
-            zoom?: boolean;
-            pan?: boolean;
-            reset?: boolean;
-            grid?: boolean;
-            legend?: boolean;
-            tooltips?: boolean;
-            animations?: boolean;
-        };
-        handlers?: {
-            onRefresh?: () => void;
-            onExport?: (format: string) => Promise<void> | void;
-            onFullscreen?: (isFullscreen: boolean) => void;
-            onZoomIn?: () => void;
-            onZoomOut?: () => void;
-            onZoomReset?: () => void;
-            onPanToggle?: (enabled: boolean) => void;
-            onReset?: () => void;
-            onGridToggle?: (show: boolean) => void;
-            onLegendToggle?: (show: boolean) => void;
-            onTooltipsToggle?: (show: boolean) => void;
-            onAnimationsToggle?: (enabled: boolean) => void;
-        };
-    };
+    open: () => void;
     /**
-     * Custom toolbar actions
+     * Function to close the modal
      */
-    customToolbarActions?: Array<{
-        id: string;
-        label: string;
-        icon: string;
-        onClick: () => void;
-        disabled?: boolean;
-        active?: boolean;
-        variant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
-        tooltip?: string;
-    }>;
+    close: () => void;
     /**
-     * Custom toolbar groups
+     * Function to toggle the modal
      */
-    customToolbarGroups?: Array<{
-        id: string;
-        label?: string;
-        actions: Array<{
-            id: string;
-            label: string;
-            icon: string;
-            onClick: () => void;
-            disabled?: boolean;
-            active?: boolean;
-            variant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
-            tooltip?: string;
-        }>;
-        separator?: boolean;
-    }>;
+    toggle: () => void;
 }
 /**
- * Chart scales interface
+ * Hook for managing modal state
  */
-interface ChartScales {
-    xScale: (index: number) => number;
-    yScale: (value: number) => number;
-    width: number;
-    height: number;
-    padding: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
+declare function useModal({ isOpen: isOpenProp, onOpenChange, onOpen, onClose, }?: UseModalProps): UseModalReturn;
+
+declare const DOTS = "...";
+declare const usePagination: ({ currentPage, totalPages, siblingCount, onPageChange, }: Omit<PaginationProps, "className">) => {
+    paginationRange: (string | number)[];
+    currentPage: number;
+    totalPages: number;
+    goToPage: (page: number) => void;
+    nextPage: () => void;
+    prevPage: () => void;
+    firstPage: () => void;
+    lastPage: () => void;
+    DOTS: string;
+};
+
+interface UseSliderOptions extends Omit<SliderProps, 'slides' | 'children'> {
+    slides: SliderSlide[];
 }
-/**
- * Chart interaction state
- */
-interface ChartInteraction {
-    hoveredIndex: number | null;
-    selectedIndex: number | null;
+interface UseSliderReturn extends SliderState {
+    slideNext: () => void;
+    slidePrev: () => void;
+    goToSlide: (index: number) => void;
+    canSlideNext: boolean;
+    canSlidePrev: boolean;
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    handleTouchStart: (e: React.TouchEvent | React.MouseEvent) => void;
+    handleTouchMove: (e: React.TouchEvent | React.MouseEvent) => void;
+    handleTouchEnd: (e: React.TouchEvent | React.MouseEvent) => void;
+    allSlides: SliderSlide[];
+    translateValue: number;
+    slideWidth: number;
+    currentSlidesToShow: number;
+    loopedSlides: number;
+    repositioningRef: React.RefObject<boolean>;
 }
+declare function useSlider(options: UseSliderOptions): UseSliderReturn;
 
 /**
  * Simplified hook for chart data processing
@@ -7361,7 +7855,7 @@ declare function useChartData(data: ChartDataPoint[]): {
 /**
  * Simplified hook for chart scale calculations
  */
-declare function useChartScale(data: ChartDataPoint[], width?: number, height?: number): ChartScales;
+declare function useChartScale(data: ChartDataPoint[], width?: number, height?: number): ChartScales$1;
 
 /**
  * Simplified hook for basic chart interactions
@@ -7476,12 +7970,14 @@ declare function useLineChart(datasets: ChartDataset$1[], options?: LineChartOpt
         pointIndex: number;
         x: number;
         y: number;
+        clientX?: number;
+        clientY?: number;
     };
     processedDatasets: any[];
     handleZoom: (delta: number, centerX: number, centerY: number) => void;
     handlePan: (deltaX: number, deltaY: number) => void;
     resetView: () => void;
-    handlePointHover: (datasetIndex: number, pointIndex: number, x: number, y: number) => void;
+    handlePointHover: (datasetIndex: number, pointIndex: number, x: number, y: number, clientX: number, clientY: number) => void;
     handlePointLeave: () => void;
     calculateMovingAverage: (data: ChartDataPoint$1[], period: number) => ChartDataPoint$1[];
     calculateTrendLine: (data: ChartDataPoint$1[]) => (ChartDataPoint$1 | null)[];
@@ -7499,6 +7995,8 @@ declare function useLineChart(datasets: ChartDataset$1[], options?: LineChartOpt
         pointIndex: number;
         x: number;
         y: number;
+        clientX?: number;
+        clientY?: number;
     }>>;
 };
 
@@ -7586,8 +8084,10 @@ declare function useBarChart(datasets: ChartDataset$1[], options?: BarChartOptio
     hoveredBar: {
         datasetIndex: number;
         pointIndex: number;
-        x: number;
-        y: number;
+        chartX: number;
+        chartY: number;
+        clientX: number;
+        clientY: number;
     };
     animationProgress: number;
     isAnimating: boolean;
@@ -7609,15 +8109,17 @@ declare function useBarChart(datasets: ChartDataset$1[], options?: BarChartOptio
         x: number;
         y: number;
     };
-    handleBarHover: (datasetIndex: number, pointIndex: number, x: number, y: number) => void;
+    handleBarHover: (datasetIndex: number, pointIndex: number, chartX: number, chartY: number, clientX: number, clientY: number) => void;
     handleBarLeave: () => void;
     startAnimation: () => void;
     formatValue: (value: number) => string;
     setHoveredBar: react.Dispatch<react.SetStateAction<{
         datasetIndex: number;
         pointIndex: number;
-        x: number;
-        y: number;
+        chartX: number;
+        chartY: number;
+        clientX: number;
+        clientY: number;
     }>>;
     setAnimationProgress: react.Dispatch<react.SetStateAction<number>>;
     setIsAnimating: react.Dispatch<react.SetStateAction<boolean>>;
@@ -7712,7 +8214,7 @@ declare function usePieChart(data: ChartDataPoint$1[], options?: PieChartOptions
     selectedSlices: Set<number>;
     animationProgress: number;
     isAnimating: boolean;
-    handleSliceHover: (index: number, clientX?: number, clientY?: number) => void;
+    handleSliceHover: (index: number, clientX: number, clientY: number) => void;
     handleSliceLeave: () => void;
     handleSliceClick: (index: number) => void;
     startAnimation: () => void;
@@ -7748,8 +8250,6 @@ type __lib_composables_PieChartOptions = PieChartOptions;
 type __lib_composables_PieSlice = PieSlice;
 type __lib_composables_RiverContentColumn = RiverContentColumn;
 type __lib_composables_RiverProps = RiverProps;
-type __lib_composables_UseAtomixGlassOptions = UseAtomixGlassOptions;
-type __lib_composables_UseAtomixGlassReturn = UseAtomixGlassReturn;
 type __lib_composables_UseBlockOptions = UseBlockOptions;
 type __lib_composables_UseBlockReturn = UseBlockReturn;
 type __lib_composables_UseDataTableProps = UseDataTableProps;
@@ -7796,7 +8296,7 @@ declare const __lib_composables_useTextarea: typeof useTextarea;
 declare const __lib_composables_useTodo: typeof useTodo;
 declare namespace __lib_composables {
   export { __lib_composables_DOTS as DOTS, __lib_composables_useAccordion as useAccordion, __lib_composables_useAtomixGlass as useAtomixGlass, __lib_composables_useBadge as useBadge, __lib_composables_useBarChart as useBarChart, __lib_composables_useBlock as useBlock, __lib_composables_useBreadcrumb as useBreadcrumb, __lib_composables_useButton as useButton, __lib_composables_useCard as useCard, __lib_composables_useChartData as useChartData, __lib_composables_useChartInteraction as useChartInteraction, __lib_composables_useChartScale as useChartScale, __lib_composables_useCheckbox as useCheckbox, __lib_composables_useDataTable as useDataTable, __lib_composables_useEdgePanel as useEdgePanel, __lib_composables_useForm as useForm, __lib_composables_useFormGroup as useFormGroup, __lib_composables_useGlassContainer as useGlassContainer, __lib_composables_useHero as useHero, __lib_composables_useInput as useInput, __lib_composables_useLineChart as useLineChart, __lib_composables_useModal as useModal, __lib_composables_useNav as useNav, __lib_composables_useNavDropdown as useNavDropdown, __lib_composables_useNavItem as useNavItem, __lib_composables_useNavbar as useNavbar, __lib_composables_usePagination as usePagination, __lib_composables_usePieChart as usePieChart, __lib_composables_useRadio as useRadio, __lib_composables_useRiver as useRiver, __lib_composables_useSelect as useSelect, __lib_composables_useSideMenu as useSideMenu, __lib_composables_useSideMenuItem as useSideMenuItem, __lib_composables_useSlider as useSlider, __lib_composables_useSpinner as useSpinner, __lib_composables_useTextarea as useTextarea, __lib_composables_useTodo as useTodo };
-  export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseAtomixGlassOptions as UseAtomixGlassOptions, __lib_composables_UseAtomixGlassReturn as UseAtomixGlassReturn, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn, __lib_composables_UseDataTableProps as UseDataTableProps, __lib_composables_UseDataTableReturn as UseDataTableReturn, __lib_composables_UseModalProps as UseModalProps, __lib_composables_UseModalReturn as UseModalReturn, __lib_composables_UseSliderOptions as UseSliderOptions, __lib_composables_UseSliderReturn as UseSliderReturn };
+  export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn, __lib_composables_UseDataTableProps as UseDataTableProps, __lib_composables_UseDataTableReturn as UseDataTableReturn, __lib_composables_UseModalProps as UseModalProps, __lib_composables_UseModalReturn as UseModalReturn, __lib_composables_UseSliderOptions as UseSliderOptions, __lib_composables_UseSliderReturn as UseSliderReturn };
 }
 
 /**
@@ -7836,6 +8336,10 @@ interface AccordionProps extends BaseComponentProps {
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
      */
     glass?: AtomixGlassProps | boolean;
+    /**
+     * Custom style for the accordion
+     */
+    style?: react__default.CSSProperties;
 }
 declare const Accordion: react__default.FC<AccordionProps>;
 
@@ -7846,6 +8350,79 @@ interface AtomixLogoProps extends react__default.SVGProps<SVGSVGElement> {
 }
 declare const AtomixLogo: react__default.FC<AtomixLogoProps>;
 
+/**
+ * AtomixGlass - A high-performance glass morphism component with liquid distortion effects
+ *
+ * Features:
+ * - Hardware-accelerated glass effects with SVG filters
+ * - Mouse-responsive liquid distortion
+ * - Dynamic border-radius extraction from children CSS properties
+ * - Automatic light/dark theme detection via overLight prop
+ * - Accessibility and performance optimizations
+ * - Multiple displacement modes (standard, polar, prominent, shader)
+ * - Design token integration for consistent theming
+ * - Focus ring support for keyboard navigation
+ * - Responsive breakpoints for mobile optimization
+ * - Enhanced ARIA attributes for screen readers
+ *
+ * Design System Compliance:
+ * - Uses design tokens for opacity, spacing, and colors
+ * - Follows BEM methodology for class naming
+ * - Implements focus-ring mixin for accessibility
+ * - Supports reduced motion and high contrast preferences
+ *
+ * @example
+ * // Basic usage with dynamic border-radius extraction
+ * <AtomixGlass>
+ *   <div style={{ borderRadius: '12px' }}>Content with 12px radius</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // Manual border-radius override
+ * <AtomixGlass cornerRadius={20}>
+ *   <div>Content with 20px glass radius</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // Interactive glass with click handler
+ * <AtomixGlass onClick={() => console.log('Clicked')} aria-label="Glass card">
+ *   <div>Clickable content</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // OverLight - Boolean mode (explicit control)
+ * <AtomixGlass overLight={true}>
+ *   <div>Content on light background</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // OverLight - Auto-detection mode
+ * <AtomixGlass overLight="auto">
+ *   <div>Content with auto-detected background</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // OverLight - Object config with custom settings
+ * <AtomixGlass
+ *   overLight={{
+ *     threshold: 0.8,
+ *     opacity: 0.6,
+ *     contrast: 1.8,
+ *     brightness: 1.0,
+ *     saturationBoost: 1.5
+ *   }}
+ * >
+ *   <div>Content with custom overLight config</div>
+ * </AtomixGlass>
+ *
+ * @example
+ * // Debug mode for overLight detection
+ * <AtomixGlass overLight="auto" debugOverLight={true}>
+ *   <div>Content with debug logging enabled</div>
+ * </AtomixGlass>
+ */
+declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, cornerRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, disableEffects, enableLiquidBlur, enableBorderEffect, enableOverLightLayers, enablePerformanceMonitoring, debugCornerRadius, debugOverLight, }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
+
 declare const Avatar: react__default.FC<AvatarProps>;
 
 declare const AvatarGroup: react__default.FC<AvatarGroupProps>;
@@ -7979,93 +8556,6 @@ declare const Callout: react__default.FC<CalloutProps>;
 
 declare const Card: react__default.ForwardRefExoticComponent<CardProps & react__default.RefAttributes<HTMLDivElement>>;
 
-interface AdvancedChartProps extends Omit<ChartProps, 'type'> {
-    /**
-     * Advanced chart specific options
-     */
-    advancedOptions?: {
-        /**
-         * Chart type for advanced rendering
-         */
-        chartType?: 'line' | 'area' | 'bar' | 'mixed';
-        /**
-         * Whether to enable real-time updates
-         */
-        realTime?: boolean;
-        /**
-         * Update interval in milliseconds for real-time data
-         */
-        updateInterval?: number;
-        /**
-         * Whether to show advanced tooltips
-         */
-        advancedTooltips?: boolean;
-        /**
-         * Whether to enable data point selection
-         */
-        enableSelection?: boolean;
-        /**
-         * Maximum number of selected points
-         */
-        maxSelections?: number;
-        /**
-         * Whether to show trend lines
-         */
-        showTrendLines?: boolean;
-        /**
-         * Whether to show moving averages
-         */
-        showMovingAverages?: boolean;
-        /**
-         * Period for moving average calculation
-         */
-        movingAveragePeriod?: number;
-        /**
-         * Whether to enable data export
-         */
-        enableExport?: boolean;
-        /**
-         * Export formats
-         */
-        exportFormats?: ('png' | 'svg' | 'csv' | 'json')[];
-        /**
-         * Whether to show data table
-         */
-        showDataTable?: boolean;
-        /**
-         * Whether to enable annotations
-         */
-        enableAnnotations?: boolean;
-        /**
-         * Custom annotations
-         */
-        annotations?: Array<{
-            x: number;
-            y: number;
-            label: string;
-            color?: string;
-            type?: 'point' | 'line' | 'area';
-        }>;
-    };
-}
-declare const AdvancedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AdvancedChartProps & react.RefAttributes<HTMLDivElement>>>;
-
-interface AnimatedChartProps extends Omit<ChartProps, 'type'> {
-    chartType?: 'line' | 'bar' | 'area';
-    animationConfig?: {
-        duration?: number;
-        easing?: 'ease-out' | 'bounce';
-    };
-    particleEffects?: {
-        enabled: boolean;
-        count: number;
-        colors: string[];
-        speed: number;
-        size: number;
-    };
-}
-declare const AnimatedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AnimatedChartProps & react.RefAttributes<HTMLDivElement>>>;
-
 interface LineChartProps extends Omit<ChartProps, 'type'> {
     /**
      * Line chart specific options
@@ -8206,7 +8696,7 @@ interface CandlestickDataPoint {
      */
     metadata?: Record<string, any>;
 }
-interface CandlestickChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
+interface CandlestickChartProps extends Omit<ChartProps, 'type' | 'datasets' | 'data'> {
     /**
      * Candlestick chart data
      */
@@ -8216,25 +8706,29 @@ interface CandlestickChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
      */
     candlestickOptions?: {
         /**
-         * Color for bullish (rising) candles
+         * Whether to show volume bars
          */
-        bullishColor?: string;
+        showVolume?: boolean;
         /**
-         * Color for bearish (falling) candles
+         * Volume bar height ratio (0-1)
          */
-        bearishColor?: string;
+        volumeHeightRatio?: number;
         /**
-         * Candle width as percentage of available space
+         * Up color (when close > open)
          */
-        candleWidth?: number;
+        upColor?: string;
         /**
-         * Whether to show volume bars
+         * Down color (when close < open)
          */
-        showVolume?: boolean;
+        downColor?: string;
         /**
-         * Volume bar height ratio
+         * Wick color
          */
-        volumeHeightRatio?: number;
+        wickColor?: string;
+        /**
+         * Border color
+         */
+        borderColor?: string;
         /**
          * Whether to show moving averages
          */
@@ -8248,34 +8742,30 @@ interface CandlestickChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
          */
         movingAverageColors?: string[];
         /**
-         * Whether to show trend lines
-         */
-        showTrendLines?: boolean;
-        /**
-         * Whether to enable crosshair
+         * Date format
          */
-        enableCrosshair?: boolean;
+        dateFormat?: 'short' | 'medium' | 'long' | 'numeric' | 'custom';
         /**
-         * Whether to show OHLC tooltip
+         * Custom date formatter function
          */
-        showOHLCTooltip?: boolean;
+        dateFormatter?: (date: string | Date) => string;
         /**
-         * Date format for x-axis labels
+         * Whether to show grid lines
          */
-        dateFormat?: 'short' | 'medium' | 'long' | 'numeric';
+        showGrid?: boolean;
         /**
-         * Price precision (decimal places)
+         * Grid color
          */
-        pricePrecision?: number;
+        gridColor?: string;
         /**
-         * Whether to enable zoom and pan
+         * Whether to show tooltips
          */
-        enableZoomPan?: boolean;
+        showTooltips?: boolean;
     };
 }
 declare const CandlestickChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<CandlestickChartProps & react.RefAttributes<HTMLDivElement>>>;
 
-declare const Chart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ChartProps$1 & react.RefAttributes<HTMLDivElement>>>;
+declare const Chart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ChartProps & react.RefAttributes<HTMLDivElement>>>;
 
 /**
  * Enhanced chart renderer component with comprehensive functionality
@@ -8290,29 +8780,7 @@ declare const ChartRenderer: react.MemoExoticComponent<react.ForwardRefExoticCom
     enableRealTime?: boolean;
     enableAccessibility?: boolean;
     enablePerformanceOptimization?: boolean;
-    renderContent: (params: {
-        scales: any;
-        colors: string[];
-        datasets: any[];
-        interactionState: any;
-        handlers: {
-            onDataPointClick?: ChartProps$1["onDataPointClick"];
-            onPointHover: (datasetIndex: number, pointIndex: number, x: number, y: number, clientX: number, clientY: number) => void;
-            onPointLeave: () => void;
-            onMouseMove: (event: React.MouseEvent<SVGSVGElement>) => void;
-            onMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;
-            onMouseUp: () => void;
-            onWheel: (event: React.WheelEvent<SVGSVGElement>) => void;
-        };
-        accessibility: {
-            announcement: string;
-            focusedPoint: {
-                datasetIndex: number;
-                pointIndex: number;
-            };
-            getAccessibleDescription: () => string;
-        };
-    }) => React.ReactNode;
+    renderContent: (params: ChartRenderContentParams) => React.ReactNode;
 } & react.RefAttributes<SVGSVGElement>>>;
 
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -8339,6 +8807,10 @@ interface IconProps {
      * Additional CSS class names
      */
     className?: string;
+    /**
+     * Custom style
+     */
+    style?: react__default.CSSProperties;
     /**
      * Alt text for accessibility
      */
@@ -8393,7 +8865,7 @@ interface FunnelDataPoint {
     percentage?: number;
     metadata?: Record<string, any>;
 }
-interface FunnelChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
+interface FunnelChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
     /**
      * Funnel chart data
      */
@@ -8439,11 +8911,11 @@ interface FunnelChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
          */
         colorScheme?: string[];
         /**
-         * Whether to use gradient fills
+         * Whether to use gradient
          */
         useGradient?: boolean;
         /**
-         * Whether to animate segments
+         * Whether to animate
          */
         animate?: boolean;
         /**
@@ -8459,19 +8931,19 @@ interface FunnelChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
          */
         valueFormatter?: (value: number) => string;
         /**
-         * Whether to show conversion rates between segments
+         * Whether to show conversion rates
          */
         showConversionRates?: boolean;
         /**
          * Conversion rate position
          */
-        conversionRatePosition?: 'between' | 'inside';
+        conversionRatePosition?: 'between' | 'onSegment';
         /**
-         * Whether segments should be proportional to values
+         * Whether to use proportional segments
          */
         proportional?: boolean;
         /**
-         * Minimum segment height/width ratio
+         * Minimum segment ratio (0-1)
          */
         minSegmentRatio?: number;
     };
@@ -8583,7 +9055,7 @@ interface HeatmapDataPoint {
     label?: string;
     metadata?: Record<string, any>;
 }
-interface HeatmapChartProps extends Omit<ChartProps$1, 'type' | 'datasets' | 'variant'> {
+interface HeatmapChartProps extends Omit<ChartProps, 'type' | 'datasets' | 'variant' | 'data'> {
     /**
      * Heatmap data points
      */
@@ -8626,50 +9098,26 @@ interface HeatmapChartProps extends Omit<ChartProps$1, 'type' | 'datasets' | 'va
          */
         height?: number;
         /**
-         * Cell border radius
+         * Spacing between cells
          */
-        borderRadius?: number;
+        spacing?: number;
         /**
-         * Cell spacing
+         * Border radius for cells
          */
-        spacing?: number;
+        borderRadius?: number;
         /**
-         * Show cell borders
+         * Whether to show cell labels
          */
-        showBorders?: boolean;
+        showLabels?: boolean;
     };
-    /**
-     * Whether to show values in cells
-     */
-    showValues?: boolean;
-    /**
-     * Value formatter
-     */
-    valueFormatter?: (value: number) => string;
     /**
      * Whether to show color legend
      */
     showColorLegend?: boolean;
     /**
-     * Tooltip configuration
-     */
-    tooltipConfig?: {
-        enabled: boolean;
-        formatter?: (dataPoint: HeatmapDataPoint) => string;
-    };
-    /**
-     * Layout variant - grid or calendar style
-     */
-    variant?: 'grid' | 'calendar';
-    /**
-     * Animation configuration
+     * Whether to show grid lines
      */
-    animationConfig?: {
-        enabled?: boolean;
-        duration?: number;
-        delay?: number;
-        easing?: string;
-    };
+    showGrid?: boolean;
 }
 declare const HeatmapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<HeatmapChartProps & react.RefAttributes<HTMLDivElement>>>;
 
@@ -8717,31 +9165,76 @@ interface MultiAxisDataset extends ChartDataset$1 {
      */
     yAxisId?: string;
     /**
-     * Chart type for this dataset
+     * X-axis ID this dataset should use
      */
-    type?: 'line' | 'bar' | 'area';
+    xAxisId?: string;
 }
-interface MultiAxisChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
+interface MultiAxisChartProps extends Omit<ChartProps$1, 'type'> {
     /**
-     * Multi-axis datasets
+     * Multi-axis chart datasets
      */
     datasets: MultiAxisDataset[];
     /**
      * Y-axis configurations
      */
-    yAxes: AxisConfig[];
-    /**
-     * X-axis configuration
-     */
-    xAxis?: AxisConfig;
+    yAxes?: AxisConfig[];
     /**
-     * Whether to sync zoom across axes
+     * X-axis configurations
      */
-    syncZoom?: boolean;
+    xAxes?: AxisConfig[];
     /**
-     * Whether to show crosshair across all axes
+     * Multi-axis chart specific options
      */
-    showCrosshair?: boolean;
+    multiAxisOptions?: {
+        /**
+         * Whether to show legend
+         */
+        showLegend?: boolean;
+        /**
+         * Legend position
+         */
+        legendPosition?: 'top' | 'bottom' | 'left' | 'right';
+        /**
+         * Whether to synchronize axis ranges
+         */
+        syncAxes?: boolean;
+        /**
+         * Padding between axes
+         */
+        axisPadding?: number;
+        /**
+         * Whether to show tooltips
+         */
+        showTooltips?: boolean;
+        /**
+         * Tooltip position
+         */
+        tooltipPosition?: 'auto' | 'nearest' | 'average';
+        /**
+         * Interpolation method for line charts
+         */
+        interpolation?: 'linear' | 'step' | 'natural' | 'monotone';
+        /**
+         * Whether to show area under lines
+         */
+        showArea?: boolean;
+        /**
+         * Area opacity (0-1)
+         */
+        areaOpacity?: number;
+        /**
+         * Whether to show data points
+         */
+        showDataPoints?: boolean;
+        /**
+         * Data point radius
+         */
+        pointRadius?: number;
+        /**
+         * Whether to connect points across null values
+         */
+        spanGaps?: boolean;
+    };
 }
 declare const MultiAxisChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<MultiAxisChartProps & react.RefAttributes<HTMLDivElement>>>;
 
@@ -8802,59 +9295,6 @@ interface RadarChartProps extends Omit<ChartProps$1, 'type'> {
 }
 declare const RadarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<RadarChartProps & react.RefAttributes<HTMLDivElement>>>;
 
-interface RealTimeChartProps extends Omit<ChartProps$1, 'type'> {
-    /**
-     * Data stream configuration
-     */
-    streamConfig?: {
-        /**
-         * Update interval in milliseconds
-         */
-        interval: number;
-        /**
-         * Maximum number of data points to keep
-         */
-        maxDataPoints: number;
-        /**
-         * Whether to auto-scroll to latest data
-         */
-        autoScroll: boolean;
-        /**
-         * Buffer size for smooth updates
-         */
-        bufferSize?: number;
-    };
-    /**
-     * Data source function that returns new data points
-     */
-    dataSource?: () => Promise<{
-        label: string;
-        value: number;
-        timestamp?: number;
-    }[]>;
-    /**
-     * WebSocket URL for real-time data
-     */
-    websocketUrl?: string;
-    /**
-     * Callback when new data arrives
-     */
-    onDataUpdate?: (newData: any[]) => void;
-    /**
-     * Performance monitoring
-     */
-    enablePerformanceMonitoring?: boolean;
-}
-declare const RealTimeChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<RealTimeChartProps & react.RefAttributes<HTMLDivElement>>>;
-
-interface ScatterDataPoint {
-    label: string;
-    value: number;
-    x?: number;
-    y?: number;
-    size?: number;
-    color?: string;
-}
 interface ScatterChartProps extends Omit<ChartProps, 'type'> {
     /**
      * Scatter chart specific options
@@ -8921,24 +9361,20 @@ interface TreemapChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
          */
         palette?: string[];
         /**
-         * Value-based color range
+         * Whether to use gradients
          */
-        valueRange?: [string, string];
+        useGradients?: boolean;
     };
-    /**
-     * Whether to show labels
-     */
-    showLabels?: boolean;
-    /**
-     * Whether to show values
-     */
-    showValues?: boolean;
     /**
      * Label configuration
      */
     labelConfig?: {
         /**
-         * Minimum cell size to show label
+         * Whether to show labels
+         */
+        showLabels?: boolean;
+        /**
+         * Minimum size for showing labels
          */
         minSize?: number;
         /**
@@ -8948,47 +9384,25 @@ interface TreemapChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
         /**
          * Text color
          */
-        color?: string;
-    };
-    /**
-     * Border configuration
-     */
-    borderConfig?: {
-        /**
-         * Border width
-         */
-        width?: number;
-        /**
-         * Border color
-         */
-        color?: string;
-        /**
-         * Border radius
-         */
-        radius?: number;
+        textColor?: string;
     };
     /**
-     * Animation configuration
+     * Interaction configuration
      */
-    animationConfig?: {
+    interactionConfig?: {
         /**
-         * Enable animations
+         * Whether to enable tooltips
          */
-        enabled?: boolean;
+        enableTooltips?: boolean;
         /**
-         * Animation duration
+         * Whether to enable zoom
          */
-        duration?: number;
+        enableZoom?: boolean;
         /**
-         * Animation easing
+         * Whether to enable selection
          */
-        easing?: string;
+        enableSelection?: boolean;
     };
-    /**
-     * Interaction handlers
-     */
-    onNodeClick?: (node: TreemapNode) => void;
-    onNodeHover?: (node: TreemapNode | null) => void;
 }
 declare const TreemapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<TreemapChartProps & react.RefAttributes<HTMLDivElement>>>;
 
@@ -9079,6 +9493,7 @@ declare const WaterfallChart: react.MemoExoticComponent<react.ForwardRefExoticCo
 
 interface ColorModeToggleProps {
     className?: string;
+    style?: react__default.CSSProperties;
 }
 declare const ColorModeToggle: react__default.FC<ColorModeToggleProps>;
 
@@ -9093,6 +9508,8 @@ interface CountdownProps {
     focused?: boolean;
     /** Custom className */
     className?: string;
+    /** Custom style */
+    style?: react__default.CSSProperties;
     /** Optional callback when countdown reaches zero */
     onComplete?: () => void;
 }
@@ -9124,6 +9541,51 @@ declare const DatePicker: react__default.ForwardRefExoticComponent<DatePickerPro
  */
 declare const Dropdown: react__default.FC<DropdownProps>;
 
+/**
+ * EdgePanel - A sliding panel component that appears from any screen edge
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <EdgePanel
+ *   title="My Panel"
+ *   isOpen={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   position="start"
+ * >
+ *   <p>Panel content</p>
+ * </EdgePanel>
+ *
+ * // With glass effect
+ * <EdgePanel
+ *   title="Glass Panel"
+ *   isOpen={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   position="end"
+ *   glass={true}
+ * >
+ *   <p>Panel with glass morphism</p>
+ * </EdgePanel>
+ *
+ * // With custom glass configuration
+ * <EdgePanel
+ *   title="Custom Glass"
+ *   isOpen={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   position="start"
+ *   glass={{
+ *     mode: 'shader',
+ *     shaderVariant: 'liquidGlass',
+ *     displacementScale: 70,
+ *     blurAmount: 1.8,
+ *     saturation: 170,
+ *   }}
+ * >
+ *   <p>Panel with custom glass effect</p>
+ * </EdgePanel>
+ * ```
+ */
 declare const EdgePanel: react__default.FC<EdgePanelProps>;
 
 /**
@@ -9167,7 +9629,9 @@ declare const Footer: react__default.ForwardRefExoticComponent<FooterProps & rea
  * </FooterSection>
  * ```
  */
-declare const FooterSection: react__default.ForwardRefExoticComponent<FooterSectionProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const FooterSection: react__default.ForwardRefExoticComponent<FooterSectionProps & {
+    showNewsletter?: boolean;
+} & react__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * FooterLink component provides styled links for use within footer sections.
@@ -9419,6 +9883,10 @@ interface ProductReviewProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: react__default.CSSProperties;
 }
 /**
  * ProductReview component for collecting user ratings and feedback
@@ -9504,6 +9972,10 @@ interface SectionIntroProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Custom style for the section intro
+     */
+    style?: react__default.CSSProperties;
 }
 /**
  * SectionIntro component for introducing content sections with titles, descriptions, and optional imagery
@@ -9549,6 +10021,10 @@ interface StepsProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: react__default.CSSProperties;
     /**
      * Glass morphism effect for the steps component
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
@@ -9595,6 +10071,10 @@ interface TabProps {
      * Additional CSS class for the tab component
      */
     className?: string;
+    /**
+     * Custom style for the tab component
+     */
+    style?: react__default.CSSProperties;
     /**
      * Glass morphism effect for the tab component
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
@@ -9645,6 +10125,10 @@ interface TestimonialProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Custom style for the testimonial
+     */
+    style?: react__default.CSSProperties;
 }
 /**
  * Testimonial component for displaying customer quotes and feedback
@@ -9674,6 +10158,10 @@ interface ToggleProps {
      * Additional CSS class for the toggle
      */
     className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: react__default.CSSProperties;
     /**
      * Glass morphism effect for the toggle
      * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
@@ -9706,6 +10194,10 @@ interface TooltipProps {
      * Additional CSS class for the tooltip
      */
     className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: react__default.CSSProperties;
     /**
      * Delay before showing the tooltip (in milliseconds)
      */
@@ -9727,6 +10219,10 @@ interface UploadProps {
      * Whether the upload component is disabled
      */
     disabled?: boolean;
+    /**
+     * Size variant of the upload component
+     */
+    size?: 'sm' | 'md' | 'lg';
     /**
      * Maximum file size in MB
      */
@@ -9779,6 +10275,10 @@ interface UploadProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Custom style for the upload component
+     */
+    style?: react__default.CSSProperties;
 }
 /**
  * Upload component for file uploads with drag and drop
@@ -9816,6 +10316,14 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
      * No gutters between columns
      */
     noGutters?: boolean;
+    /**
+     * Flex direction
+     */
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    /**
+     * Wrap behavior
+     */
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
 }
 /**
  * Grid component for creating responsive layouts.
@@ -9844,27 +10352,27 @@ interface GridColProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Number of columns to span at extra small breakpoint (default)
      */
-    xs?: number | 'auto';
+    xs?: number | 'auto' | boolean;
     /**
      * Number of columns to span at small breakpoint
      */
-    sm?: number | 'auto';
+    sm?: number | 'auto' | boolean;
     /**
      * Number of columns to span at medium breakpoint
      */
-    md?: number | 'auto';
+    md?: number | 'auto' | boolean;
     /**
      * Number of columns to span at large breakpoint
      */
-    lg?: number | 'auto';
+    lg?: number | 'auto' | boolean;
     /**
      * Number of columns to span at extra large breakpoint
      */
-    xl?: number | 'auto';
+    xl?: number | 'auto' | boolean;
     /**
      * Number of columns to span at extra extra large breakpoint
      */
-    xxl?: number | 'auto';
+    xxl?: number | 'auto' | boolean;
     /**
      * Offset at extra small breakpoint
      */
@@ -9889,6 +10397,22 @@ interface GridColProps extends HTMLAttributes<HTMLDivElement> {
      * Offset at extra extra large breakpoint
      */
     offsetXxl?: number;
+    /**
+     * Flex grow property
+     */
+    grow?: boolean;
+    /**
+     * Flex shrink property
+     */
+    shrink?: boolean;
+    /**
+     * Flex basis property
+     */
+    basis?: string;
+    /**
+     * Alignment of the column
+     */
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
 }
 /**
  * GridCol component for creating columns within a Grid.
@@ -10047,30 +10571,29 @@ declare namespace layouts {
 }
 
 declare const atomix: {
-    readonly composables: typeof __lib_composables;
-    readonly utils: typeof __lib_utils;
-    readonly constants: typeof __lib_constants;
-    readonly types: typeof __lib_types;
-    readonly layouts: typeof layouts;
-    readonly Accordion: react.FC<AccordionProps>;
-    readonly AtomixLogo: react.FC<AtomixLogoProps>;
-    readonly AtomixGlass: typeof AtomixGlass;
-    readonly Avatar: react.FC<AvatarProps>;
-    readonly AvatarGroup: react.FC<AvatarGroupProps>;
-    readonly Badge: react.FC<BadgeProps>;
-    readonly Block: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLDivElement>>;
-    readonly Breadcrumb: react.FC<BreadcrumbProps>;
-    readonly Button: react.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    readonly Callout: react.FC<CalloutProps>;
-    readonly Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
-    readonly AdvancedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AdvancedChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly AnimatedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AnimatedChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly AreaChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AreaChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly BarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<BarChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly BubbleChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<BubbleChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly CandlestickChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<CandlestickChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly Chart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ChartProps$1 & react.RefAttributes<HTMLDivElement>>>;
-    readonly ChartRenderer: react.MemoExoticComponent<react.ForwardRefExoticComponent<{
+    composables: typeof __lib_composables;
+    utils: typeof __lib_utils;
+    constants: typeof __lib_constants;
+    types: typeof __lib_types;
+    layouts: typeof layouts;
+    Accordion: react.FC<AccordionProps>;
+    AtomixLogo: react.FC<AtomixLogoProps>;
+    AtomixGlass: typeof AtomixGlass;
+    Avatar: react.FC<AvatarProps>;
+    AvatarGroup: react.FC<AvatarGroupProps>;
+    Badge: react.FC<BadgeProps>;
+    Block: react.ForwardRefExoticComponent<BlockProps & react.RefAttributes<HTMLDivElement>>;
+    Breadcrumb: react.FC<BreadcrumbProps>;
+    Button: react.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Callout: react.FC<CalloutProps>;
+    Card: react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement>>;
+    AnimatedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AnimatedChartProps & react.RefAttributes<HTMLDivElement>>>;
+    AreaChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AreaChartProps & react.RefAttributes<HTMLDivElement>>>;
+    BarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<BarChartProps & react.RefAttributes<HTMLDivElement>>>;
+    BubbleChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<BubbleChartProps & react.RefAttributes<HTMLDivElement>>>;
+    CandlestickChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<CandlestickChartProps & react.RefAttributes<HTMLDivElement>>>;
+    Chart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ChartProps & react.RefAttributes<HTMLDivElement>>>;
+    ChartRenderer: react.MemoExoticComponent<react.ForwardRefExoticComponent<{
         datasets: ChartProps$1["datasets"];
         config?: ChartProps$1["config"];
         width?: number;
@@ -10080,89 +10603,68 @@ declare const atomix: {
         enableRealTime?: boolean;
         enableAccessibility?: boolean;
         enablePerformanceOptimization?: boolean;
-        renderContent: (params: {
-            scales: any;
-            colors: string[];
-            datasets: any[];
-            interactionState: any;
-            handlers: {
-                onDataPointClick?: ChartProps$1["onDataPointClick"];
-                onPointHover: (datasetIndex: number, pointIndex: number, x: number, y: number, clientX: number, clientY: number) => void;
-                onPointLeave: () => void;
-                onMouseMove: (event: React.MouseEvent<SVGSVGElement>) => void;
-                onMouseDown: (event: React.MouseEvent<SVGSVGElement>) => void;
-                onMouseUp: () => void;
-                onWheel: (event: React.WheelEvent<SVGSVGElement>) => void;
-            };
-            accessibility: {
-                announcement: string;
-                focusedPoint: {
-                    datasetIndex: number;
-                    pointIndex: number;
-                };
-                getAccessibleDescription: () => string;
-            };
-        }) => React.ReactNode;
+        renderContent: (params: ChartRenderContentParams) => React.ReactNode;
     } & react.RefAttributes<SVGSVGElement>>>;
-    readonly DonutChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<DonutChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly FunnelChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<FunnelChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly GaugeChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<GaugeChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly HeatmapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<HeatmapChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly LineChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<LineChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly MultiAxisChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<MultiAxisChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly PieChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly RadarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<RadarChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly RealTimeChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<RealTimeChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly ScatterChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ScatterChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly TreemapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<TreemapChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly WaterfallChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<WaterfallChartProps & react.RefAttributes<HTMLDivElement>>>;
-    readonly ColorModeToggle: react.FC<ColorModeToggleProps>;
-    readonly Countdown: react.FC<CountdownProps>;
-    readonly DataTable: react.FC<DataTableProps>;
-    readonly DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<DatePickerRef>>;
-    readonly Dropdown: react.FC<DropdownProps>;
-    readonly EdgePanel: react.FC<EdgePanelProps>;
-    readonly Checkbox: react.FC<CheckboxProps>;
-    readonly Footer: react.ForwardRefExoticComponent<FooterProps & react.RefAttributes<HTMLElement>>;
-    readonly FooterSection: react.ForwardRefExoticComponent<FooterSectionProps & react.RefAttributes<HTMLDivElement>>;
-    readonly FooterLink: react.ForwardRefExoticComponent<FooterLinkProps & react.RefAttributes<HTMLAnchorElement>>;
-    readonly FooterSocialLink: react.ForwardRefExoticComponent<FooterSocialLinkProps & react.RefAttributes<HTMLAnchorElement>>;
-    readonly Form: react.FC<FormProps>;
-    readonly FormGroup: react.FC<FormGroupProps>;
-    readonly Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
-    readonly Radio: react.FC<RadioProps>;
-    readonly Select: react.FC<SelectProps>;
-    readonly Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
-    readonly Hero: react.FC<HeroProps>;
-    readonly Icon: react.FC<IconProps>;
-    readonly List: react.FC<ListProps>;
-    readonly Messages: react.FC<MessagesProps>;
-    readonly Modal: react.FC<ModalProps>;
-    readonly Nav: react.ForwardRefExoticComponent<NavProps & react.RefAttributes<HTMLUListElement>>;
-    readonly NavItem: react.ForwardRefExoticComponent<NavItemProps & react.RefAttributes<HTMLLIElement>>;
-    readonly Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
-    readonly SideMenu: react.ForwardRefExoticComponent<SideMenuProps & react.RefAttributes<HTMLDivElement>>;
-    readonly SideMenuItem: react.ForwardRefExoticComponent<SideMenuItemProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-    readonly SideMenuList: react.ForwardRefExoticComponent<SideMenuListProps & react.RefAttributes<HTMLUListElement>>;
-    readonly Pagination: react.FC<PaginationProps>;
-    readonly PhotoViewer: react.FC<PhotoViewerProps>;
-    readonly Popover: react.FC<PopoverProps>;
-    readonly ProductReview: react.FC<ProductReviewProps>;
-    readonly Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
-    readonly Rating: react.ForwardRefExoticComponent<RatingProps & react.RefAttributes<HTMLDivElement>>;
-    readonly River: react.FC<RiverProps>;
-    readonly SectionIntro: react.FC<SectionIntroProps>;
-    readonly Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
-    readonly Spinner: react.FC<SpinnerProps>;
-    readonly Steps: react.FC<StepsProps>;
-    readonly Tab: react.FC<TabProps>;
-    readonly Testimonial: react.FC<TestimonialProps>;
-    readonly Todo: react.FC<TodoProps>;
-    readonly Toggle: react.FC<ToggleProps>;
-    readonly Tooltip: react.FC<TooltipProps>;
-    readonly Upload: react.FC<UploadProps>;
-    readonly VideoPlayer: react.ForwardRefExoticComponent<VideoPlayerProps & react.RefAttributes<HTMLVideoElement>>;
+    DonutChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<DonutChartProps & react.RefAttributes<HTMLDivElement>>>;
+    FunnelChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<FunnelChartProps & react.RefAttributes<HTMLDivElement>>>;
+    GaugeChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<GaugeChartProps & react.RefAttributes<HTMLDivElement>>>;
+    HeatmapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<HeatmapChartProps & react.RefAttributes<HTMLDivElement>>>;
+    LineChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<LineChartProps & react.RefAttributes<HTMLDivElement>>>;
+    MultiAxisChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<MultiAxisChartProps & react.RefAttributes<HTMLDivElement>>>;
+    PieChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<HTMLDivElement>>>;
+    RadarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<RadarChartProps & react.RefAttributes<HTMLDivElement>>>;
+    ScatterChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ScatterChartProps & react.RefAttributes<HTMLDivElement>>>;
+    TreemapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<TreemapChartProps & react.RefAttributes<HTMLDivElement>>>;
+    WaterfallChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<WaterfallChartProps & react.RefAttributes<HTMLDivElement>>>;
+    ColorModeToggle: react.FC<ColorModeToggleProps>;
+    Countdown: react.FC<CountdownProps>;
+    DataTable: react.FC<DataTableProps>;
+    DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<DatePickerRef>>;
+    Dropdown: react.FC<DropdownProps>;
+    EdgePanel: react.FC<EdgePanelProps>;
+    Checkbox: react.FC<CheckboxProps>;
+    Footer: react.ForwardRefExoticComponent<FooterProps & react.RefAttributes<HTMLElement>>;
+    FooterSection: react.ForwardRefExoticComponent<FooterSectionProps & {
+        showNewsletter?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    FooterLink: react.ForwardRefExoticComponent<FooterLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+    FooterSocialLink: react.ForwardRefExoticComponent<FooterSocialLinkProps & react.RefAttributes<HTMLAnchorElement>>;
+    Form: react.FC<FormProps>;
+    FormGroup: react.FC<FormGroupProps>;
+    Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+    Radio: react.FC<RadioProps>;
+    Select: react.FC<SelectProps>;
+    Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+    Hero: react.FC<HeroProps>;
+    Icon: react.FC<IconProps>;
+    List: react.FC<ListProps>;
+    Messages: react.FC<MessagesProps>;
+    Modal: react.FC<ModalProps>;
+    Nav: react.ForwardRefExoticComponent<NavProps & react.RefAttributes<HTMLUListElement>>;
+    NavItem: react.ForwardRefExoticComponent<NavItemProps & react.RefAttributes<HTMLLIElement>>;
+    Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
+    SideMenu: react.ForwardRefExoticComponent<SideMenuProps & react.RefAttributes<HTMLDivElement>>;
+    SideMenuItem: react.ForwardRefExoticComponent<SideMenuItemProps & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    SideMenuList: react.ForwardRefExoticComponent<SideMenuListProps & react.RefAttributes<HTMLUListElement>>;
+    Pagination: react.FC<PaginationProps>;
+    PhotoViewer: react.FC<PhotoViewerProps>;
+    Popover: react.FC<PopoverProps>;
+    ProductReview: react.FC<ProductReviewProps>;
+    Progress: react.ForwardRefExoticComponent<ProgressProps & react.RefAttributes<HTMLDivElement>>;
+    Rating: react.ForwardRefExoticComponent<RatingProps & react.RefAttributes<HTMLDivElement>>;
+    River: react.FC<RiverProps>;
+    SectionIntro: react.FC<SectionIntroProps>;
+    Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+    Spinner: react.FC<SpinnerProps>;
+    Steps: react.FC<StepsProps>;
+    Tab: react.FC<TabProps>;
+    Testimonial: react.FC<TestimonialProps>;
+    Todo: react.FC<TodoProps>;
+    Toggle: react.FC<ToggleProps>;
+    Tooltip: react.FC<TooltipProps>;
+    Upload: react.FC<UploadProps>;
+    VideoPlayer: react.ForwardRefExoticComponent<VideoPlayerProps & react.RefAttributes<HTMLVideoElement>>;
 };
 
-export { Accordion, AdvancedChart, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DataTable, DatePicker, DonutChart, Dropdown, EdgePanel, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HeatmapChart, Hero, Icon, Input, LineChart, List, MasonryGrid, MasonryGridItem, Messages, Modal, MultiAxisChart, Nav, NavItem, Navbar, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RadarChart, Radio, Rating, RealTimeChart, River, Row, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, Tab, Testimonial, Textarea, Todo, Toggle, Tooltip, TreemapChart, Upload, VideoPlayer, WaterfallChart, composables, constants, atomix as default, types, utils };
-export type { AccordionProps, AdvancedChartProps, AnimatedChartProps, AreaChartProps, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarProps, BadgeProps, BarChartProps, BlockProps, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, ButtonProps, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardProps, ChartProps, CheckboxProps, ColorModeToggleProps, ContainerProps, CountdownProps, DataTableProps, DatePickerProps, DonutChartProps, DropdownProps, EdgePanelProps, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroProps, IconProps, InputProps, LineChartProps, ListProps, MasonryGridItemProps, MasonryGridProps, MessagesProps, ModalProps, MultiAxisChartProps, NavItemProps, NavProps, NavbarProps, PaginationProps, PhotoViewerProps, PieChartProps, PopoverProps, ProductReviewProps, ProgressProps, RadarChartProps, RadioProps, RatingProps, RealTimeChartProps, RiverProps, RowProps, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectProps, SideMenuItemProps, SideMenuListProps, SideMenuProps, SliderProps, SocialLink, SocialPlatform, SpinnerProps, StepsProps, TabProps, TestimonialProps, TextareaProps, TodoProps, ToggleProps, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, VideoPlayerProps, WaterfallChartProps, WaterfallDataPoint };
+export { Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DataTable, DatePicker, DonutChart, Dropdown, EdgePanel, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HeatmapChart, Hero, Icon, Input, LineChart, List, MasonryGrid, MasonryGridItem, Messages, Modal, MultiAxisChart, Nav, NavItem, Navbar, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RadarChart, Radio, Rating, River, Row, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, Tab, Testimonial, Textarea, Todo, Toggle, Tooltip, TreemapChart, Upload, VideoPlayer, WaterfallChart, composables, constants, atomix as default, types, utils };
+export type { AccordionProps, AnimatedChartProps, AreaChartProps, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarProps, BadgeProps, BarChartProps, BlockProps, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, ButtonProps, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardProps, ChartProps, CheckboxProps, ColorModeToggleProps, ContainerProps, CountdownProps, DataTableProps, DatePickerProps, DonutChartProps, DropdownProps, EdgePanelProps, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroProps, IconProps, InputProps, LineChartProps, ListProps, MasonryGridItemProps, MasonryGridProps, MessagesProps, ModalProps, MultiAxisChartProps, NavItemProps, NavProps, NavbarProps, PaginationProps, PhotoViewerProps, PieChartProps, PopoverProps, ProductReviewProps, ProgressProps, RadarChartProps, RadioProps, RatingProps, RiverProps, RowProps, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectProps, SideMenuItemProps, SideMenuListProps, SideMenuProps, SliderProps, SocialLink, SocialPlatform, SpinnerProps, StepsProps, TabProps, TestimonialProps, TextareaProps, TodoProps, ToggleProps, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, VideoPlayerProps, WaterfallChartProps, WaterfallDataPoint };