@shohojdhara/atomix 0.2.4 → 0.2.6

package/dist/index.d.ts

@@ -3,71 +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 Vec2 {
-    x: number;
-    y: number;
-}
-declare const fragmentShaders: {
-    liquidGlass: (uv: Vec2, mousePosition?: Vec2) => Vec2;
-    appleFluid: (uv: Vec2, mousePosition?: Vec2) => Vec2;
-    premiumGlass: (uv: Vec2, mousePosition?: Vec2) => Vec2;
-    liquidMetal: (uv: Vec2, mousePosition?: Vec2) => Vec2;
-    basiBasi: (uv: Vec2, mousePosition?: Vec2) => Vec2;
-};
-type FragmentShaderType = keyof typeof fragmentShaders;
-
+/**
+ * Displacement mode for glass effect
+ */
 type DisplacementMode = 'standard' | 'polar' | 'prominent' | 'shader';
-type MousePosition$1 = {
-    x: number;
-    y: number;
-};
-type OverLightConfig = boolean | 'auto' | {
+/**
+ * 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
+     */
     threshold?: number;
+    /**
+     * 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;
-};
-interface AtomixGlassProps$1 {
-    children: React.ReactNode;
-    displacementScale?: number;
-    blurAmount?: number;
-    saturation?: number;
-    aberrationIntensity?: number;
-    elasticity?: number;
-    cornerRadius?: number;
-    globalMousePosition?: MousePosition$1;
-    mouseOffset?: MousePosition$1;
-    mouseContainer?: React.RefObject<HTMLElement | null> | null;
-    className?: string;
-    padding?: string;
-    style?: React.CSSProperties;
-    overLight?: OverLightConfig;
-    mode?: DisplacementMode;
-    onClick?: () => void;
-    shaderVariant?: FragmentShaderType;
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    role?: string;
-    tabIndex?: number;
-    reducedMotion?: boolean;
-    highContrast?: boolean;
-    disableEffects?: boolean;
-    enableLiquidBlur?: boolean;
-    enableBorderEffect?: boolean;
-    enableOverLightLayers?: boolean;
-    enablePerformanceMonitoring?: boolean;
+    /**
+     * 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;
 }
-/**
- * AtomixGlass - A high-performance glass morphism component with liquid distortion effects
- *
- * Features:
- * - Hardware-accelerated glass effects with SVG filters
- * - Mouse-responsive liquid distortion
- * - Automatic light/dark theme detection
- * - Accessibility and performance optimizations
- * - Multiple displacement modes (standard, polar, prominent, shader)
- */
-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, }: AtomixGlassProps$1): react_jsx_runtime.JSX.Element;
-
 /**
  * AtomixGlass component props interface
  */
@@ -79,20 +159,14 @@ 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
@@ -111,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
@@ -148,6 +247,10 @@ interface BaseComponentProps {
      * Component children
      */
     children?: ReactNode;
+    /**
+     * Inline style for the component root element
+     */
+    style?: React.CSSProperties;
 }
 /**
  * CSS class state modifiers
@@ -238,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
@@ -264,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
@@ -306,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
@@ -1247,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
@@ -1535,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
@@ -1578,6 +1693,10 @@ interface AvatarProps 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 avatar
+     */
+    style?: React.CSSProperties;
 }
 /**
  * Avatar Group component properties
@@ -1841,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)
      */
@@ -2366,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)
@@ -2375,7 +2498,7 @@ interface CardProps extends BaseComponentProps {
     /**
      * Card styles
      */
-    styles?: React.CSSProperties;
+    style?: React.CSSProperties;
     /**
      * Card className
      */
@@ -4156,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
  */
@@ -4266,6 +4389,10 @@ interface FooterProps extends BaseComponentProps {
      * Footer sections content
      */
     children?: ReactNode;
+    /**
+     * Whether footer should be glass
+     */
+    glass?: boolean;
 }
 /**
  * Footer section component properties
@@ -4287,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
      */
@@ -4358,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
  */
@@ -4371,6 +4509,13 @@ interface GlassSize {
      */
     height: number;
 }
+/**
+ * Mouse position coordinates
+ */
+interface MousePosition {
+    x: number;
+    y: number;
+}
 /**
  * Mouse position coordinates
  */
@@ -4598,6 +4743,10 @@ interface DatePickerProps {
      * @default false
      */
     glass?: boolean | AtomixGlassProps;
+    /**
+     * Custom style for the datepicker component
+     */
+    style?: react__default.CSSProperties;
 }
 interface DatePickerRef {
     /**
@@ -4618,128 +4767,465 @@ 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>>;
-
-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;
-type __lib_types_SliderNavigation = SliderNavigation;
-type __lib_types_SliderPagination = SliderPagination;
-type __lib_types_SliderProps = SliderProps;
-type __lib_types_SliderRefs = SliderRefs;
-type __lib_types_SliderScrollbar = SliderScrollbar;
-type __lib_types_SliderSlide = SliderSlide;
-type __lib_types_SliderState = SliderState;
-type __lib_types_SliderThumbs = SliderThumbs;
-type __lib_types_SliderVirtual = SliderVirtual;
-type __lib_types_SliderZoom = SliderZoom;
-type __lib_types_SocialLink = SocialLink;
-type __lib_types_SocialPlatform = SocialPlatform;
-type __lib_types_SortConfig = SortConfig;
-type __lib_types_SpinnerProps = SpinnerProps;
-type __lib_types_StateModifier = StateModifier;
-type __lib_types_TextareaProps = TextareaProps;
-type __lib_types_ThemeColor = ThemeColor;
-type __lib_types_ThemeName = ThemeName;
-type __lib_types_TodoItem = TodoItem;
-type __lib_types_TodoProps = TodoProps;
-type __lib_types_UseCardOptions = UseCardOptions;
-type __lib_types_UseCardReturn = UseCardReturn;
-type __lib_types_Variant = Variant;
-type __lib_types_VideoChapter = VideoChapter;
-type __lib_types_VideoPlayerProps = VideoPlayerProps;
-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 };
+/**
+ * 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;
+    };
 }
 
 /**
- * Default theme colors for components
+ * Chart types - comprehensive list
  */
-declare const THEME_COLORS: ThemeColor[];
+type ChartType = 'line' | 'area' | 'bar' | 'horizontal-bar' | 'pie' | 'donut' | 'doughnut' | 'scatter' | 'radar' | 'bubble' | 'candlestick' | 'interactive' | 'advanced' | 'gauge' | 'funnel' | 'waterfall' | 'heatmap' | 'treemap' | 'realtime';
 /**
- * Default sizes for components
+ * 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;
+type __lib_types_SliderRefs = SliderRefs;
+type __lib_types_SliderScrollbar = SliderScrollbar;
+type __lib_types_SliderSlide = SliderSlide;
+type __lib_types_SliderState = SliderState;
+type __lib_types_SliderThumbs = SliderThumbs;
+type __lib_types_SliderVirtual = SliderVirtual;
+type __lib_types_SliderZoom = SliderZoom;
+type __lib_types_SocialLink = SocialLink;
+type __lib_types_SocialPlatform = SocialPlatform;
+type __lib_types_SortConfig = SortConfig;
+type __lib_types_SpinnerProps = SpinnerProps;
+type __lib_types_StateModifier = StateModifier;
+type __lib_types_TextareaProps = TextareaProps;
+type __lib_types_ThemeColor = ThemeColor;
+type __lib_types_ThemeName = ThemeName;
+type __lib_types_TodoItem = TodoItem;
+type __lib_types_TodoProps = TodoProps;
+type __lib_types_UseCardOptions = UseCardOptions;
+type __lib_types_UseCardReturn = UseCardReturn;
+type __lib_types_Variant = Variant;
+type __lib_types_VideoChapter = VideoChapter;
+type __lib_types_VideoPlayerProps = VideoPlayerProps;
+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_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 };
+}
+
+/**
+ * Default theme colors for components
+ */
+declare const THEME_COLORS: ThemeColor[];
+/**
+ * Default sizes for components
  */
 declare const SIZES: Size[];
 /**
@@ -6238,6 +6724,9 @@ declare const FOOTER: {
         CENTERED: string;
         MINIMAL: string;
         STACKED: string;
+        FLEXIBLE: string;
+        SIDEBAR: string;
+        WIDE: string;
         SM: string;
         MD: string;
         LG: string;
@@ -6263,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;
@@ -6304,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: false;
+        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;
+        };
     };
 };
 
@@ -6474,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;
 /**
@@ -6684,6 +7281,10 @@ interface RiverProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * Inline style for the component
+     */
+    style?: React.CSSProperties;
     /**
      * Background image source
      */
@@ -6917,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
@@ -6996,7 +7626,15 @@ interface BreadcrumbItem {
     /**
      * Optional click handler
      */
-    onClick?: (event: react__default.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (event: react__default.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Custom style for the breadcrumb item
+     */
+    style?: react__default.CSSProperties;
+    /**
+     * Additional className
+     */
+    className?: string;
 }
 interface BreadcrumbProps {
     /**
@@ -7019,6 +7657,10 @@ interface BreadcrumbProps {
      * Optional custom link component
      */
     LinkComponent?: react__default.ElementType;
+    /**
+     * Custom style for the breadcrumb
+     */
+    style?: react__default.CSSProperties;
 }
 declare const Breadcrumb: react__default.FC<BreadcrumbProps>;
 
@@ -7191,247 +7833,6 @@ interface UseSliderReturn extends SliderState {
 }
 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;
-    /**
-     * Chart variant
-     */
-    variant?: Variant;
-    /**
-     * 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 scales interface
- */
-interface ChartScales {
-    xScale: (index: number) => number;
-    yScale: (value: number) => number;
-    width: number;
-    height: number;
-    padding: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-}
-/**
- * Chart interaction state
- */
-interface ChartInteraction {
-    hoveredIndex: number | null;
-    selectedIndex: number | null;
-}
-
 /**
  * Simplified hook for chart data processing
  */
@@ -7454,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
@@ -7849,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;
@@ -7897,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 };
 }
 
 /**
@@ -7937,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>;
 
@@ -7947,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>;
@@ -8080,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
@@ -8307,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
      */
@@ -8317,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
          */
@@ -8349,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
@@ -8391,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';
@@ -8440,6 +8807,10 @@ interface IconProps {
      * Additional CSS class names
      */
     className?: string;
+    /**
+     * Custom style
+     */
+    style?: react__default.CSSProperties;
     /**
      * Alt text for accessibility
      */
@@ -8494,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
      */
@@ -8540,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;
         /**
@@ -8560,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;
     };
@@ -8684,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
      */
@@ -8727,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>>>;
 
@@ -8818,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[];
+    yAxes?: AxisConfig[];
     /**
-     * X-axis configuration
-     */
-    xAxis?: 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>>>;
 
@@ -8903,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
@@ -9022,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;
         /**
@@ -9049,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>>>;
 
@@ -9178,8 +9491,38 @@ interface WaterfallChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
 }
 declare const WaterfallChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<WaterfallChartProps & react.RefAttributes<HTMLDivElement>>>;
 
+type ColorMode = 'light' | 'dark';
 interface ColorModeToggleProps {
+    /** Additional CSS class names */
     className?: string;
+    /** Inline styles */
+    style?: react__default.CSSProperties;
+    /** Controlled mode value */
+    value?: ColorMode;
+    /** Default mode (uncontrolled) */
+    defaultValue?: ColorMode;
+    /** Callback when mode changes */
+    onChange?: (mode: ColorMode) => void;
+    /** Custom light mode icon */
+    lightIcon?: react__default.ReactNode;
+    /** Custom dark mode icon */
+    darkIcon?: react__default.ReactNode;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disable the toggle */
+    disabled?: boolean;
+    /** localStorage key for persistence */
+    storageKey?: string;
+    /** data attribute name for body element */
+    dataAttribute?: string;
+    /** Disable localStorage persistence */
+    disableStorage?: boolean;
+    /** Disable system preference detection */
+    disableSystemPreference?: boolean;
+    /** Custom aria-label */
+    'aria-label'?: string;
+    /** Show tooltip */
+    showTooltip?: boolean;
 }
 declare const ColorModeToggle: react__default.FC<ColorModeToggleProps>;
 
@@ -9194,6 +9537,8 @@ interface CountdownProps {
     focused?: boolean;
     /** Custom className */
     className?: string;
+    /** Custom style */
+    style?: react__default.CSSProperties;
     /** Optional callback when countdown reaches zero */
     onComplete?: () => void;
 }
@@ -9313,7 +9658,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.
@@ -9565,6 +9912,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
@@ -9650,6 +10001,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
@@ -9695,6 +10050,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
@@ -9741,6 +10100,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
@@ -9791,6 +10154,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
@@ -9820,6 +10187,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
@@ -9852,6 +10223,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)
      */
@@ -9873,6 +10248,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
      */
@@ -9925,6 +10304,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
@@ -9962,6 +10345,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.
@@ -9990,27 +10381,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
      */
@@ -10035,6 +10426,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.
@@ -10193,30 +10600,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;
@@ -10226,89 +10632,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 };