@shohojdhara/atomix 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -1,134 +1,95 @@
 import * as react from 'react';
 import react__default, { ReactNode, ElementType, HTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as PhosphorIcons from '@phosphor-icons/react';
 
-type DatePickerPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
-type DatePickerSize = 'sm' | 'md' | 'lg';
-type DatePickerSelectionMode = 'single' | 'range';
-interface DateRange {
-    startDate: Date | null;
-    endDate: Date | null;
-}
-interface DatePickerProps {
-    /**
-     * The currently selected date value
-     */
-    value?: Date | null;
-    /**
-     * Callback function when date is changed
-     */
-    onChange?: (date: Date | null) => void;
-    /**
-     * Selection mode - single date or date range
-     * @default "single"
-     */
-    selectionMode?: DatePickerSelectionMode;
-    /**
-     * The start date of the range (only used when selectionMode is "range")
-     */
-    startDate?: Date | null;
-    /**
-     * The end date of the range (only used when selectionMode is "range")
-     */
-    endDate?: Date | null;
-    /**
-     * Callback function when date range is changed
-     */
-    onRangeChange?: (range: DateRange) => void;
-    /**
-     * Format for the date display (follows Intl.DateTimeFormat patterns)
-     * @default "MM/dd/yyyy"
-     */
-    format?: string;
-    /**
-     * Minimum selectable date
-     */
-    minDate?: Date;
-    /**
-     * Maximum selectable date
-     */
-    maxDate?: Date;
-    /**
-     * Placeholder text for the input
-     * @default "Select date..."
-     */
-    placeholder?: string;
-    /**
-     * Whether the datepicker is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the datepicker is read-only
-     * @default false
-     */
-    readOnly?: boolean;
-    /**
-     * Whether to show a clear button
-     * @default true
-     */
-    clearable?: boolean;
-    /**
-     * Whether to show the "Today" button
-     * @default true
-     */
-    showTodayButton?: boolean;
-    /**
-     * Whether to show week numbers
-     * @default false
-     */
-    showWeekNumbers?: boolean;
-    /**
-     * Whether to display the datepicker inline (always visible)
-     * @default false
-     */
-    inline?: boolean;
-    /**
-     * ID for the input element
-     */
-    id?: string;
-    /**
-     * Name for the input element
-     */
-    name?: string;
-    /**
-     * Additional class name for the datepicker component
-     */
+interface AtomixGlassProps$1 {
+    children: React.ReactNode;
+    displacementScale?: number;
+    blurAmount?: number;
+    saturation?: number;
+    aberrationIntensity?: number;
+    elasticity?: number;
+    cornerRadius?: number;
+    globalMousePos?: {
+        x: number;
+        y: number;
+    };
+    mouseOffset?: {
+        x: number;
+        y: number;
+    };
+    mouseContainer?: React.RefObject<HTMLElement | null> | null;
     className?: string;
+    padding?: string;
+    style?: React.CSSProperties;
+    overLight?: boolean;
+    mode?: 'standard' | 'polar' | 'prominent' | 'shader';
+    onClick?: () => void;
     /**
-     * Placement of the dropdown calendar
-     * @default "bottom-start"
+     * Accessibility props
      */
-    placement?: DatePickerPlacement;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    role?: string;
+    tabIndex?: number;
     /**
-     * Additional class name for the input element
+     * Performance and accessibility options
      */
-    inputClassName?: string;
+    reducedMotion?: boolean;
+    highContrast?: boolean;
+    disableEffects?: boolean;
     /**
-     * Size of the input field
-     * @default "md"
+     * Performance monitoring
      */
-    size?: DatePickerSize;
+    enablePerformanceMonitoring?: boolean;
 }
-interface DatePickerRef {
-    /**
-     * Open the datepicker
-     */
-    open: () => void;
+declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, cornerRadius, globalMousePos: externalGlobalMousePos, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, disableEffects, enablePerformanceMonitoring, }: AtomixGlassProps$1): react_jsx_runtime.JSX.Element;
+
+/**
+ * AtomixGlass component props interface
+ */
+interface AtomixGlassProps {
+    children: React.ReactNode;
+    displacementScale?: number;
+    blurAmount?: number;
+    saturation?: number;
+    aberrationIntensity?: number;
+    elasticity?: number;
+    cornerRadius?: number;
+    globalMousePos?: {
+        x: number;
+        y: number;
+    };
+    mouseOffset?: {
+        x: number;
+        y: number;
+    };
+    mouseContainer?: React.RefObject<HTMLElement | null> | null;
+    className?: string;
+    padding?: string;
+    style?: React.CSSProperties;
+    overLight?: boolean;
+    mode?: 'standard' | 'polar' | 'prominent' | 'shader';
+    onClick?: () => void;
     /**
-     * Close the datepicker
+     * Accessibility props
      */
-    close: () => void;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    role?: string;
+    tabIndex?: number;
     /**
-     * Clear the selected date
+     * Performance and accessibility options
      */
-    clear: () => void;
+    reducedMotion?: boolean;
+    highContrast?: boolean;
+    disableEffects?: boolean;
     /**
-     * Set focus on the input element
+     * Performance monitoring
      */
-    focus: () => void;
+    enablePerformanceMonitoring?: boolean;
 }
-
 /**
  * Common component size options
  */
@@ -157,6 +118,10 @@ interface BaseComponentProps {
      * Component disabled state
      */
     disabled?: boolean;
+    /**
+     * Component children
+     */
+    children?: ReactNode;
 }
 /**
  * CSS class state modifiers
@@ -242,6 +207,11 @@ interface ButtonProps extends BaseComponentProps {
      * Make button fully rounded (pill shape)
      */
     rounded?: boolean;
+    /**
+     * Glass morphism effect for the button
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Badge component properties
@@ -263,6 +233,11 @@ interface BadgeProps extends BaseComponentProps {
      * Optional icon
      */
     icon?: ReactNode;
+    /**
+     * Glass morphism effect for the badge
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Callout component properties
@@ -300,6 +275,11 @@ interface CalloutProps extends BaseComponentProps {
      * Display as toast notification
      */
     toast?: boolean;
+    /**
+     * Glass morphism effect for the callout
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Accordion component properties
@@ -325,6 +305,11 @@ interface AccordionProps$1 extends BaseComponentProps {
      * Custom icon for the accordion
      */
     icon?: ReactNode;
+    /**
+     * Glass morphism effect for the accordion
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Accordion state
@@ -419,6 +404,10 @@ interface HeroProps extends BaseComponentProps {
      * Video background URL
      */
     videoBackground?: string;
+    /**
+     * Glass effect properties for content container
+     */
+    glass?: AtomixGlassProps | boolean;
     /**
      * Video background options
      */
@@ -440,6 +429,10 @@ interface HeroProps extends BaseComponentProps {
          */
         posterUrl?: string;
     };
+    /**
+     * Component children
+     */
+    children?: ReactNode;
 }
 /**
  * Spinner component properties
@@ -950,6 +943,11 @@ interface PaginationProps extends BaseComponentProps {
      * Accessible label for the navigation element
      */
     ariaLabel?: string;
+    /**
+     * Glass morphism effect for the pagination component
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Todo item data structure
@@ -1179,6 +1177,10 @@ interface InputProps extends BaseComponentProps {
      * ID of element that describes this input
      */
     ariaDescribedBy?: string;
+    /**
+     * Glass morphism effect
+     */
+    glass?: boolean | Omit<React.ComponentProps<typeof AtomixGlass>, 'children'>;
 }
 /**
  * Select option
@@ -1261,6 +1263,11 @@ interface SelectProps extends BaseComponentProps {
      * ID of element that describes this select
      */
     ariaDescribedBy?: string;
+    /**
+     * Glass morphism effect for the select
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Checkbox component properties
@@ -1314,6 +1321,11 @@ interface CheckboxProps extends BaseComponentProps {
      * ID of element that describes this checkbox
      */
     ariaDescribedBy?: string;
+    /**
+     * Glass morphism effect for the checkbox
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Radio component properties
@@ -1363,6 +1375,11 @@ interface RadioProps extends BaseComponentProps {
      * ID of element that describes this radio
      */
     ariaDescribedBy?: string;
+    /**
+     * Glass morphism effect for the radio button
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Textarea component properties
@@ -1448,6 +1465,10 @@ interface TextareaProps extends BaseComponentProps {
      * ID of element that describes this textarea
      */
     ariaDescribedBy?: string;
+    /**
+     * Glass morphism effect
+     */
+    glass?: boolean | Omit<React.ComponentProps<typeof AtomixGlass>, 'children'>;
 }
 /**
  * Avatar size options
@@ -1555,6 +1576,11 @@ interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>
      * Content for the modal footer
      */
     footer?: React.ReactNode;
+    /**
+     * Glass morphism effect for the modal
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Breadcrumb item interface
@@ -1764,6 +1790,11 @@ interface PopoverProps {
      * Children content (removed in favor of using PopoverTrigger)
      */
     children?: ReactNode;
+    /**
+     * Glass morphism effect for the popover
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * The trigger method for the dropdown menu
@@ -1833,6 +1864,11 @@ interface DropdownProps extends BaseComponentProps {
      * Optional ID for the dropdown
      */
     id?: string;
+    /**
+     * Glass morphism effect for the dropdown menu
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Dropdown menu item properties
@@ -1958,6 +1994,11 @@ interface RatingProps extends BaseComponentProps {
      * Whether to use the vanilla JS implementation
      */
     useVanillaJS?: boolean;
+    /**
+     * Glass morphism effect for the rating component
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * VideoPlayer component properties
@@ -2063,6 +2104,31 @@ interface VideoPlayerProps extends BaseComponentProps {
      * Enable ambient mode (YouTube-like background glow)
      */
     ambientMode?: boolean;
+    /**
+     * Glass morphism variant configuration
+     * - true: Enable with default settings
+     * - false/undefined: Disable glass effect
+     * - object: Custom glass configuration
+     */
+    glass?: boolean | {
+        displacementScale?: number;
+        blurAmount?: number;
+        saturation?: number;
+        aberrationIntensity?: number;
+        elasticity?: number;
+        cornerRadius?: number;
+        mode?: 'standard' | 'polar' | 'prominent' | 'shader';
+        overLight?: boolean;
+    };
+    /**
+     * Glass overlay opacity (0-1) when glass variant is enabled
+     * @default 0.3
+     */
+    glassOpacity?: number;
+    /**
+     * Custom content to display over the glass layer
+     */
+    glassContent?: React.ReactNode;
     /**
      * Play event handler
      */
@@ -2204,10 +2270,24 @@ interface CardProps extends BaseComponentProps {
      * Active state
      */
     active?: boolean;
+    /**
+     * 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'>;
+    cardAppearance?: boolean;
     /**
      * Card content (body)
      */
     children?: ReactNode;
+    /**
+     * Card styles
+     */
+    styles?: React.CSSProperties;
+    /**
+     * Card className
+     */
+    className?: string;
     /**
      * Optional click handler
      */
@@ -3843,143 +3923,607 @@ interface ChartProps$1 extends BaseComponentProps {
     /**
      * Error message
      */
-    error?: string;
+    error?: string;
+    /**
+     * Chart size
+     */
+    size?: ChartSize$1;
+    /**
+     * Chart variant
+     */
+    variant?: Variant;
+    /**
+     * Chart content (for wrapper chart component)
+     */
+    children?: React.ReactNode;
+    /**
+     * Click handler for data points
+     */
+    onDataPointClick?: (dataPoint: ChartDataPoint$1, datasetIndex: number, pointIndex: number) => void;
+    /**
+     * Legend item click handler
+     */
+    onLegendItemClick?: (datasetIndex: number, visible: boolean) => void;
+    /**
+     * Interactive mode - enables hover/click effects
+     */
+    interactive?: boolean;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Fullscreen mode
+     */
+    fullscreen?: boolean;
+    /**
+     * Minimized mode
+     */
+    minimized?: 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')[];
+    /**
+     * Fullscreen state change handler
+     */
+    onFullscreen?: (isFullscreen: boolean) => void;
+    /**
+     * Export handler
+     */
+    onExport?: (format: string) => Promise<void> | void;
+    /**
+     * Refresh handler
+     */
+    onRefresh?: () => void;
+    /**
+     * Custom toolbar actions
+     */
+    toolbarActions?: React.ReactNode;
+    /**
+     * Empty state configuration
+     */
+    emptyState?: {
+        message?: string;
+        icon?: React.ReactNode;
+    };
+    /**
+     * Accessibility label
+     */
+    'aria-label'?: string;
+}
+/**
+ * CodeBlock component properties
+ */
+interface CodeBlockProps extends BaseComponentProps {
+    /**
+     * The code to be displayed
+     */
+    code: string;
+    /**
+     * The language of the code
+     */
+    language: string;
+    /**
+     * Whether to show line numbers
+     */
+    showLineNumbers?: boolean;
+    /**
+     * Theme variant for the code block
+     */
+    theme?: 'light' | 'dark' | 'auto';
+    /**
+     * Maximum height of the code block in pixels or CSS units
+     */
+    maxHeight?: string | number;
+    /**
+     * Minimum height of the code block in pixels or CSS units
+     */
+    minHeight?: string | number;
+    /**
+     * Callback when code is copied to clipboard
+     */
+    onCopy?: () => void;
+    /**
+     * Callback when fullscreen mode changes
+     */
+    onFullscreenChange?: (isFullscreen: boolean) => void;
+    /**
+     * Whether to enable line wrapping
+     */
+    wrapLines?: boolean;
+    /**
+     * Whether to enable fullscreen mode
+     */
+    enableFullscreen?: boolean;
+    /**
+     * Whether to enable copy functionality
+     */
+    enableCopy?: boolean;
+    /**
+     * Whether to show the toolbar with actions
+     */
+    showToolbar?: boolean;
+}
+/**
+ * Footer layout options
+ */
+type FooterLayout = 'columns' | 'centered' | 'minimal' | 'stacked';
+/**
+ * Social media platform types
+ */
+type SocialPlatform = 'facebook' | 'twitter' | 'instagram' | 'linkedin' | 'youtube' | 'github' | 'discord' | 'tiktok' | 'pinterest' | 'snapchat' | 'whatsapp' | 'telegram' | 'reddit' | 'twitch' | 'spotify' | 'dribbble' | 'behance' | 'medium' | 'dev' | 'codepen' | 'custom';
+/**
+ * Social link configuration
+ */
+interface SocialLink {
+    /**
+     * Social media platform
+     */
+    platform: SocialPlatform;
+    /**
+     * URL to the social media profile
+     */
+    url: string;
+    /**
+     * Custom icon (for custom platform or override)
+     */
+    icon?: ReactNode;
+    /**
+     * Custom label for accessibility
+     */
+    label?: string;
+}
+/**
+ * Footer component properties
+ */
+interface FooterProps extends BaseComponentProps {
+    /**
+     * Brand name or logo
+     */
+    brand?: ReactNode;
+    /**
+     * Brand logo (image URL or React element)
+     */
+    brandLogo?: string | ReactNode;
+    /**
+     * Brand description text
+     */
+    brandDescription?: ReactNode;
+    /**
+     * Copyright text
+     */
+    copyright?: ReactNode;
+    /**
+     * Footer layout variant
+     */
+    layout?: FooterLayout;
+    /**
+     * Color variant
+     */
+    variant?: ThemeColor;
+    /**
+     * Size variant
+     */
+    size?: Size;
+    /**
+     * Whether to show newsletter signup
+     */
+    showNewsletter?: boolean;
+    /**
+     * Newsletter section title
+     */
+    newsletterTitle?: string;
+    /**
+     * Newsletter section description
+     */
+    newsletterDescription?: string;
+    /**
+     * Newsletter input placeholder
+     */
+    newsletterPlaceholder?: string;
+    /**
+     * Newsletter submit button text
+     */
+    newsletterButtonText?: string;
+    /**
+     * Newsletter submit handler
+     */
+    onNewsletterSubmit?: (email: string) => void | Promise<void>;
+    /**
+     * Social media links
+     */
+    socialLinks?: SocialLink[];
+    /**
+     * Whether to show back to top button
+     */
+    showBackToTop?: boolean;
+    /**
+     * Back to top button text
+     */
+    backToTopText?: string;
+    /**
+     * Back to top click handler
+     */
+    onBackToTop?: () => void;
+    /**
+     * Whether to show divider above bottom section
+     */
+    showDivider?: boolean;
+    /**
+     * Whether footer should be sticky
+     */
+    sticky?: boolean;
+    /**
+     * Footer sections content
+     */
+    children?: ReactNode;
+}
+/**
+ * Footer section component properties
+ */
+interface FooterSectionProps extends BaseComponentProps {
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section icon
+     */
+    icon?: ReactNode;
+    /**
+     * Whether section is collapsible on mobile
+     */
+    collapsible?: boolean;
+    /**
+     * Whether section is collapsed by default
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * Section content
+     */
+    children: ReactNode;
+}
+/**
+ * Footer link component properties
+ */
+interface FooterLinkProps extends BaseComponentProps {
+    /**
+     * Link URL
+     */
+    href?: string;
+    /**
+     * Link icon
+     */
+    icon?: ReactNode;
+    /**
+     * Whether link opens in new tab
+     */
+    external?: boolean;
+    /**
+     * Whether link is active
+     */
+    active?: boolean;
+    /**
+     * Link click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Link content
+     */
+    children: ReactNode;
+    /**
+     * Custom link component (e.g., React Router Link)
+     */
+    LinkComponent?: React.ElementType;
+}
+/**
+ * Footer social link component properties
+ */
+interface FooterSocialLinkProps extends BaseComponentProps {
+    /**
+     * Social media platform
+     */
+    platform: SocialPlatform;
+    /**
+     * Social media profile URL
+     */
+    url: string;
+    /**
+     * Custom icon
+     */
+    icon?: ReactNode;
+    /**
+     * Custom label for accessibility
+     */
+    label?: string;
+    /**
+     * Size variant
+     */
+    size?: Size;
+    /**
+     * Visual variant
+     */
+    variant?: 'default' | 'filled' | 'outlined';
+}
+/**
+ * Glass container displacement modes
+ */
+type GlassMode = 'standard' | 'polar' | 'prominent' | 'shader';
+/**
+ * Glass container size configuration
+ */
+interface GlassSize {
+    /**
+     * Width of the glass container
+     */
+    width: number;
+    /**
+     * Height of the glass container
+     */
+    height: number;
+}
+/**
+ * Mouse position coordinates
+ */
+interface MousePosition {
+    /**
+     * X coordinate
+     */
+    x: number;
+    /**
+     * Y coordinate
+     */
+    y: number;
+}
+/**
+ * Glass container component properties
+ */
+interface GlassContainerProps extends BaseComponentProps {
+    /**
+     * Content to display inside the glass container
+     */
+    children: ReactNode;
+    /**
+     * Scale of the displacement effect (0-100)
+     * @default 25
+     */
+    displacementScale?: number;
+    /**
+     * Amount of blur applied to the backdrop (0-50)
+     * @default 12
+     */
+    blurAmount?: number;
+    /**
+     * Saturation level of the backdrop filter (0-300%)
+     * @default 180
+     */
+    saturation?: number;
+    /**
+     * Intensity of chromatic aberration effect (0-10)
+     * @default 2
+     */
+    aberrationIntensity?: number;
+    /**
+     * Elasticity of mouse interaction effects (0-1)
+     * @default 0.15
+     */
+    elasticity?: number;
+    /**
+     * Border radius of the glass container
+     * @default 999
+     */
+    cornerRadius?: number;
+    /**
+     * Padding inside the glass container
+     * @default '24px 32px'
+     */
+    padding?: string;
+    /**
+     * Size configuration for the glass container
+     * @default { width: 270, height: 69 }
+     */
+    glassSize?: GlassSize;
+    /**
+     * Displacement map mode
+     * @default 'standard'
+     */
+    mode?: GlassMode;
+    /**
+     * Whether the container is over a light background
+     * @default false
+     */
+    overLight?: boolean;
+    /**
+     * Active state of the container
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Click handler for the glass container
+     */
+    onClick?: () => void;
+    /**
+     * Mouse enter handler
+     */
+    onMouseEnter?: () => void;
+    /**
+     * Mouse leave handler
+     */
+    onMouseLeave?: () => void;
+    /**
+     * Mouse down handler
+     */
+    onMouseDown?: () => void;
     /**
-     * Chart size
+     * Mouse up handler
      */
-    size?: ChartSize$1;
+    onMouseUp?: () => void;
     /**
-     * Chart variant
+     * External mouse container reference for tracking
      */
-    variant?: Variant;
+    mouseContainer?: React.RefObject<HTMLElement | null>;
     /**
-     * Chart content (for wrapper chart component)
+     * External global mouse position
      */
-    children?: React.ReactNode;
+    globalMousePos?: MousePosition;
     /**
-     * Click handler for data points
+     * External mouse offset from container center
      */
-    onDataPointClick?: (dataPoint: ChartDataPoint$1, datasetIndex: number, pointIndex: number) => void;
+    mouseOffset?: MousePosition;
     /**
-     * Legend item click handler
+     * Custom CSS styles
      */
-    onLegendItemClick?: (datasetIndex: number, visible: boolean) => void;
+    style?: React.CSSProperties;
+}
+
+type DatePickerPlacement = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+type DatePickerSize = 'sm' | 'md' | 'lg';
+type DatePickerSelectionMode = 'single' | 'range';
+interface DateRange {
+    startDate: Date | null;
+    endDate: Date | null;
+}
+interface DatePickerProps {
     /**
-     * Interactive mode - enables hover/click effects
+     * The currently selected date value
      */
-    interactive?: boolean;
+    value?: Date | null;
     /**
-     * Disabled state
+     * Callback function when date is changed
      */
-    disabled?: boolean;
+    onChange?: (date: Date | null) => void;
     /**
-     * Fullscreen mode
+     * Selection mode - single date or date range
+     * @default "single"
      */
-    fullscreen?: boolean;
+    selectionMode?: DatePickerSelectionMode;
     /**
-     * Minimized mode
+     * The start date of the range (only used when selectionMode is "range")
      */
-    minimized?: boolean;
+    startDate?: Date | null;
     /**
-     * Show toolbar with actions
+     * The end date of the range (only used when selectionMode is "range")
      */
-    showToolbar?: boolean;
+    endDate?: Date | null;
     /**
-     * Enable fullscreen functionality
+     * Callback function when date range is changed
      */
-    enableFullscreen?: boolean;
+    onRangeChange?: (range: DateRange) => void;
     /**
-     * Enable export functionality
+     * Format for the date display (follows Intl.DateTimeFormat patterns)
+     * @default "MM/dd/yyyy"
      */
-    enableExport?: boolean;
+    format?: string;
     /**
-     * Enable refresh functionality
+     * Minimum selectable date
      */
-    enableRefresh?: boolean;
+    minDate?: Date;
     /**
-     * Available export formats
+     * Maximum selectable date
      */
-    exportFormats?: ('png' | 'svg' | 'csv' | 'json')[];
+    maxDate?: Date;
     /**
-     * Fullscreen state change handler
+     * Placeholder text for the input
+     * @default "Select date..."
      */
-    onFullscreen?: (isFullscreen: boolean) => void;
+    placeholder?: string;
     /**
-     * Export handler
+     * Whether the datepicker is disabled
+     * @default false
      */
-    onExport?: (format: string) => Promise<void> | void;
+    disabled?: boolean;
     /**
-     * Refresh handler
+     * Whether the datepicker is read-only
+     * @default false
      */
-    onRefresh?: () => void;
+    readOnly?: boolean;
     /**
-     * Custom toolbar actions
+     * Whether to show a clear button
+     * @default true
      */
-    toolbarActions?: React.ReactNode;
+    clearable?: boolean;
     /**
-     * Empty state configuration
+     * Whether to show the "Today" button
+     * @default true
      */
-    emptyState?: {
-        message?: string;
-        icon?: React.ReactNode;
-    };
+    showTodayButton?: boolean;
     /**
-     * Accessibility label
+     * Whether to show week numbers
+     * @default false
      */
-    'aria-label'?: string;
-}
-/**
- * CodeBlock component properties
- */
-interface CodeBlockProps extends BaseComponentProps {
+    showWeekNumbers?: boolean;
     /**
-     * The code to be displayed
+     * Whether to display the datepicker inline (always visible)
+     * @default false
      */
-    code: string;
+    inline?: boolean;
     /**
-     * The language of the code
+     * ID for the input element
      */
-    language: string;
+    id?: string;
     /**
-     * Whether to show line numbers
+     * Name for the input element
      */
-    showLineNumbers?: boolean;
+    name?: string;
     /**
-     * Theme variant for the code block
+     * Additional class name for the datepicker component
      */
-    theme?: 'light' | 'dark' | 'auto';
+    className?: string;
     /**
-     * Maximum height of the code block in pixels or CSS units
+     * Placement of the dropdown calendar
+     * @default "bottom-start"
      */
-    maxHeight?: string | number;
+    placement?: DatePickerPlacement;
     /**
-     * Minimum height of the code block in pixels or CSS units
+     * Additional class name for the input element
      */
-    minHeight?: string | number;
+    inputClassName?: string;
     /**
-     * Callback when code is copied to clipboard
+     * Size of the input field
+     * @default "md"
      */
-    onCopy?: () => void;
+    size?: DatePickerSize;
     /**
-     * Callback when fullscreen mode changes
+     * Applies a glass morphism effect to the calendar dropdown.
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect.
+     * @default false
      */
-    onFullscreenChange?: (isFullscreen: boolean) => void;
+    glass?: boolean | AtomixGlassProps;
+}
+interface DatePickerRef {
     /**
-     * Whether to enable line wrapping
+     * Open the datepicker
      */
-    wrapLines?: boolean;
+    open: () => void;
     /**
-     * Whether to enable fullscreen mode
+     * Close the datepicker
      */
-    enableFullscreen?: boolean;
+    close: () => void;
     /**
-     * Whether to enable copy functionality
+     * Clear the selected date
      */
-    enableCopy?: boolean;
+    clear: () => void;
     /**
-     * Whether to show the toolbar with actions
+     * Set focus on the input element
      */
-    showToolbar?: boolean;
+    focus: () => void;
 }
 
 type ButtonAsProp = {
@@ -3991,6 +4535,7 @@ type ButtonAsProp = {
 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;
@@ -4015,8 +4560,16 @@ 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;
@@ -4032,6 +4585,7 @@ 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;
@@ -4066,6 +4620,8 @@ 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;
@@ -4083,7 +4639,7 @@ type __lib_types_VideoQuality = VideoQuality;
 type __lib_types_VideoSubtitle = VideoSubtitle;
 type __lib_types_listvariant = listvariant;
 declare namespace __lib_types {
-  export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_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_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __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_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_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
+  export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_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 };
 }
 
 /**
@@ -5111,6 +5667,9 @@ declare const VIDEO_PLAYER: {
         SETTINGS_OPTION_ACTIVE: string;
         AMBIENT: string;
         AMBIENT_CANVAS: string;
+        GLASS: string;
+        GLASS_OVERLAY: string;
+        GLASS_CONTENT: string;
     };
     DEFAULTS: {
         CONTROLS_TIMEOUT: number;
@@ -5498,8 +6057,168 @@ declare const BLOCK: {
         DEFAULT: "md";
     };
 };
+/**
+ * GlassContainer-specific constants
+ */
+declare const GLASS_CONTAINER: {
+    CLASSES: {
+        BASE: string;
+        GLASS: string;
+        WARP: string;
+        CONTENT: string;
+        OVERLAY: string;
+        OVERLAY_VISIBLE: string;
+        OVERLAY_HIDDEN: string;
+        OVERLAY_BLEND: string;
+        BORDER: string;
+        BORDER_OVERLAY: string;
+        HOVER_EFFECT: string;
+        ACTIVE_EFFECT: string;
+        INTERACTION_EFFECT: string;
+        ACTIVE: string;
+        CLICKABLE: string;
+    };
+    DISPLACEMENT_MAPS: {
+        STANDARD: string;
+        POLAR: string;
+        PROMINENT: string;
+    };
+};
+/**
+ * Footer-specific constants
+ */
+declare const FOOTER: {
+    SELECTORS: {
+        FOOTER: string;
+        CONTAINER: string;
+        SECTIONS: string;
+        BRAND: string;
+        BRAND_LOGO: string;
+        BRAND_NAME: string;
+        BRAND_DESCRIPTION: string;
+        SECTION: string;
+        SECTION_HEADER: string;
+        SECTION_TITLE: string;
+        SECTION_CONTENT: string;
+        SECTION_TOGGLE: string;
+        LINK: string;
+        SOCIAL: string;
+        SOCIAL_LINK: string;
+        NEWSLETTER: string;
+        NEWSLETTER_FORM: string;
+        NEWSLETTER_INPUT: string;
+        NEWSLETTER_BUTTON: string;
+        BOTTOM: string;
+        COPYRIGHT: string;
+        BACK_TO_TOP: string;
+        DIVIDER: string;
+    };
+    CLASSES: {
+        BASE: string;
+        CONTAINER: string;
+        SECTIONS: string;
+        BRAND: string;
+        BRAND_LOGO: string;
+        BRAND_NAME: string;
+        BRAND_DESCRIPTION: string;
+        SECTION: string;
+        SECTION_HEADER: string;
+        SECTION_TITLE: string;
+        SECTION_CONTENT: string;
+        SECTION_TOGGLE: string;
+        SECTION_COLLAPSIBLE: string;
+        SECTION_COLLAPSED: string;
+        LINK: string;
+        LINK_ACTIVE: string;
+        LINK_DISABLED: string;
+        SOCIAL: string;
+        SOCIAL_LINK: string;
+        NEWSLETTER: string;
+        NEWSLETTER_FORM: string;
+        NEWSLETTER_INPUT: string;
+        NEWSLETTER_BUTTON: string;
+        BOTTOM: string;
+        COPYRIGHT: string;
+        BACK_TO_TOP: string;
+        DIVIDER: string;
+        COLUMNS: string;
+        CENTERED: string;
+        MINIMAL: string;
+        STACKED: string;
+        SM: string;
+        MD: string;
+        LG: string;
+        STICKY: string;
+    };
+    DEFAULTS: {
+        LAYOUT: string;
+        VARIANT: string;
+        SIZE: string;
+        SHOW_NEWSLETTER: boolean;
+        SHOW_BACK_TO_TOP: boolean;
+        SHOW_DIVIDER: boolean;
+        STICKY: boolean;
+        NEWSLETTER_TITLE: string;
+        NEWSLETTER_DESCRIPTION: string;
+        NEWSLETTER_PLACEHOLDER: string;
+        NEWSLETTER_BUTTON_TEXT: string;
+        BACK_TO_TOP_TEXT: string;
+    };
+};
+/**
+ * AtomixGlass-specific constants
+ */
+declare const ATOMIX_GLASS: {
+    BASE_CLASS: string;
+    WARP_CLASS: string;
+    CONTENT_CLASS: string;
+    BORDER_CLASS: string;
+    OVER_LIGHT_CLASS: string;
+    HOVER_EFFECT_CLASS: string;
+    ACTIVE_EFFECT_CLASS: string;
+    GLOW_EFFECT_CLASS: string;
+    VARIANT_PREFIX: string;
+    MODE_PREFIX: string;
+    CLASSES: {
+        BASE: string;
+        WARP: 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;
+        STANDARD: string;
+        POLAR: string;
+        PROMINENT: string;
+        SHADER: string;
+    };
+    DEFAULTS: {
+        DISPLACEMENT_SCALE: number;
+        BLUR_AMOUNT: number;
+        SATURATION: number;
+        ABERRATION_INTENSITY: number;
+        ELASTICITY: number;
+        CORNER_RADIUS: number;
+        PADDING: string;
+        MODE: string;
+        OVER_LIGHT: boolean;
+        SIZE: string;
+    };
+};
 
 declare const __lib_constants_ACCORDION: typeof ACCORDION;
+declare const __lib_constants_ATOMIX_GLASS: typeof ATOMIX_GLASS;
 declare const __lib_constants_AVATAR: typeof AVATAR;
 declare const __lib_constants_AVATAR_GROUP: typeof AVATAR_GROUP;
 declare const __lib_constants_BADGE: typeof BADGE;
@@ -5517,8 +6236,10 @@ declare const __lib_constants_DATA_TABLE_SELECTORS: typeof DATA_TABLE_SELECTORS;
 declare const __lib_constants_DATEPICKER: typeof DATEPICKER;
 declare const __lib_constants_DROPDOWN: typeof DROPDOWN;
 declare const __lib_constants_EDGE_PANEL: typeof EDGE_PANEL;
+declare const __lib_constants_FOOTER: typeof FOOTER;
 declare const __lib_constants_FORM: typeof FORM;
 declare const __lib_constants_FORM_GROUP: typeof FORM_GROUP;
+declare const __lib_constants_GLASS_CONTAINER: typeof GLASS_CONTAINER;
 declare const __lib_constants_HERO: typeof HERO;
 declare const __lib_constants_INPUT: typeof INPUT;
 declare const __lib_constants_LIST: typeof LIST;
@@ -5554,6 +6275,7 @@ declare const __lib_constants_sliderConstants: typeof sliderConstants;
 declare namespace __lib_constants {
   export {
     __lib_constants_ACCORDION as ACCORDION,
+    __lib_constants_ATOMIX_GLASS as ATOMIX_GLASS,
     __lib_constants_AVATAR as AVATAR,
     __lib_constants_AVATAR_GROUP as AVATAR_GROUP,
     __lib_constants_BADGE as BADGE,
@@ -5571,8 +6293,10 @@ declare namespace __lib_constants {
     __lib_constants_DATEPICKER as DATEPICKER,
     __lib_constants_DROPDOWN as DROPDOWN,
     __lib_constants_EDGE_PANEL as EDGE_PANEL,
+    __lib_constants_FOOTER as FOOTER,
     __lib_constants_FORM as FORM,
     __lib_constants_FORM_GROUP as FORM_GROUP,
+    __lib_constants_GLASS_CONTAINER as GLASS_CONTAINER,
     __lib_constants_HERO as HERO,
     __lib_constants_INPUT as INPUT,
     __lib_constants_LIST as LIST,
@@ -6078,6 +6802,45 @@ declare function useFormGroup(initialProps?: Partial<FormGroupProps>): {
     generateFormGroupClass: (props: Partial<FormGroupProps>) => string;
 };
 
+/**
+ * Custom hook for managing GlassContainer state and interactions
+ */
+declare function useGlassContainer(props: GlassContainerProps): {
+    filterId: string;
+    glassRef: react.MutableRefObject<HTMLDivElement>;
+    isHovered: boolean;
+    isActive: boolean;
+    currentGlassSize: GlassSize;
+    globalMousePos: MousePosition;
+    mouseOffset: MousePosition;
+    calculateDirectionalScale: () => string;
+    calculateElasticTranslation: () => {
+        x: number;
+        y: number;
+    };
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleMouseDown: () => void;
+    handleMouseUp: () => void;
+};
+
+interface UseAtomixGlassOptions {
+    size?: 'sm' | 'md' | 'lg';
+    mode?: 'standard' | 'polar' | 'prominent' | 'shader';
+    overLight?: boolean;
+    clickable?: boolean;
+    active?: boolean;
+    className?: string;
+}
+interface UseAtomixGlassReturn {
+    generateGlassClass: (options: UseAtomixGlassOptions) => string;
+    generateElementClass: (element: string, modifier?: string) => string;
+}
+/**
+ * Hook for generating AtomixGlass CSS classes following BEM methodology
+ */
+declare function useAtomixGlass(): UseAtomixGlassReturn;
+
 /**
  * Input state and functionality
  * @param initialProps - Initial input properties
@@ -6985,6 +7748,8 @@ 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;
@@ -6994,6 +7759,7 @@ type __lib_composables_UseModalReturn = UseModalReturn;
 type __lib_composables_UseSliderOptions = UseSliderOptions;
 type __lib_composables_UseSliderReturn = UseSliderReturn;
 declare const __lib_composables_useAccordion: typeof useAccordion;
+declare const __lib_composables_useAtomixGlass: typeof useAtomixGlass;
 declare const __lib_composables_useBadge: typeof useBadge;
 declare const __lib_composables_useBarChart: typeof useBarChart;
 declare const __lib_composables_useBlock: typeof useBlock;
@@ -7008,6 +7774,7 @@ declare const __lib_composables_useDataTable: typeof useDataTable;
 declare const __lib_composables_useEdgePanel: typeof useEdgePanel;
 declare const __lib_composables_useForm: typeof useForm;
 declare const __lib_composables_useFormGroup: typeof useFormGroup;
+declare const __lib_composables_useGlassContainer: typeof useGlassContainer;
 declare const __lib_composables_useHero: typeof useHero;
 declare const __lib_composables_useInput: typeof useInput;
 declare const __lib_composables_useLineChart: typeof useLineChart;
@@ -7028,8 +7795,8 @@ declare const __lib_composables_useSpinner: typeof useSpinner;
 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_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_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_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 { __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 };
 }
 
 /**
@@ -7064,6 +7831,11 @@ interface AccordionProps extends BaseComponentProps {
      * Callback when open state changes (for controlled mode)
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Glass morphism effect for the accordion
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 declare const Accordion: react__default.FC<AccordionProps>;
 
@@ -8359,6 +9131,67 @@ declare const EdgePanel: react__default.FC<EdgePanelProps>;
  */
 declare const Checkbox: react__default.FC<CheckboxProps>;
 
+/**
+ * Footer component provides a comprehensive footer section with multiple layout options,
+ * social links, newsletter signup, and responsive design.
+ *
+ * @example
+ * ```tsx
+ * <Footer
+ *   brand="My Company"
+ *   copyright="© 2024 My Company. All rights reserved."
+ *   layout="columns"
+ *   showNewsletter
+ *   socialLinks={[
+ *     { platform: 'twitter', url: 'https://twitter.com/company' },
+ *     { platform: 'facebook', url: 'https://facebook.com/company' }
+ *   ]}
+ * >
+ *   <FooterSection title="Products">
+ *     <FooterLink href="/product1">Product 1</FooterLink>
+ *     <FooterLink href="/product2">Product 2</FooterLink>
+ *   </FooterSection>
+ * </Footer>
+ * ```
+ */
+declare const Footer: react__default.ForwardRefExoticComponent<FooterProps & react__default.RefAttributes<HTMLElement>>;
+
+/**
+ * FooterSection component provides a section within the footer for organizing links and content.
+ *
+ * @example
+ * ```tsx
+ * <FooterSection title="Products" icon={<ProductIcon />}>
+ *   <FooterLink href="/product1">Product 1</FooterLink>
+ *   <FooterLink href="/product2">Product 2</FooterLink>
+ * </FooterSection>
+ * ```
+ */
+declare const FooterSection: react__default.ForwardRefExoticComponent<FooterSectionProps & react__default.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FooterLink component provides styled links for use within footer sections.
+ *
+ * @example
+ * ```tsx
+ * <FooterLink href="/about" icon={<InfoIcon />} external>
+ *   About Us
+ * </FooterLink>
+ * ```
+ */
+declare const FooterLink: react__default.ForwardRefExoticComponent<FooterLinkProps & react__default.RefAttributes<HTMLAnchorElement>>;
+
+/**
+ * FooterSocialLink component provides styled social media links with platform-specific icons.
+ *
+ * @example
+ * ```tsx
+ * <FooterSocialLink platform="twitter" url="https://twitter.com/company" />
+ * <FooterSocialLink platform="custom" url="https://example.com" icon={<CustomIcon />} label="Custom Platform" />
+ * ```
+ */
+declare const FooterSocialLink: react__default.ForwardRefExoticComponent<FooterSocialLinkProps & react__default.RefAttributes<HTMLAnchorElement>>;
+
 /**
  * Form - A component for creating form layouts
  */
@@ -8372,7 +9205,7 @@ declare const FormGroup: react__default.FC<FormGroupProps>;
 /**
  * Input - A component for text input fields
  */
-declare const Input: react__default.FC<InputProps>;
+declare const Input: react__default.ForwardRefExoticComponent<InputProps & react__default.RefAttributes<HTMLInputElement>>;
 
 /**
  * Radio - A component for radio button inputs
@@ -8387,7 +9220,7 @@ declare const Select: react__default.FC<SelectProps>;
 /**
  * Textarea - A component for multiline text input
  */
-declare const Textarea: react__default.FC<TextareaProps>;
+declare const Textarea: react__default.ForwardRefExoticComponent<TextareaProps & react__default.RefAttributes<HTMLTextAreaElement>>;
 
 declare const Hero: react__default.FC<HeroProps>;
 
@@ -8716,6 +9549,11 @@ interface StepsProps {
      * Additional CSS class
      */
     className?: string;
+    /**
+     * 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
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Steps component for displaying a sequence of steps
@@ -8757,6 +9595,11 @@ interface TabProps {
      * Additional CSS class for the tab component
      */
     className?: string;
+    /**
+     * 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
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Tab component for switching between different content panels
@@ -8831,6 +9674,11 @@ interface ToggleProps {
      * Additional CSS class for the toggle
      */
     className?: string;
+    /**
+     * Glass morphism effect for the toggle
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 /**
  * Toggle component for switching between two states
@@ -8866,6 +9714,11 @@ interface TooltipProps {
      * Offset from the trigger element (in pixels)
      */
     offset?: number;
+    /**
+     * Glass morphism effect for the tooltip
+     * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
+     */
+    glass?: AtomixGlassProps | boolean;
 }
 declare const Tooltip: react__default.FC<TooltipProps>;
 
@@ -9201,6 +10054,7 @@ declare const atomix: {
     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>;
@@ -9269,12 +10123,16 @@ declare const atomix: {
     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.FC<InputProps>;
+    readonly Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
     readonly Radio: react.FC<RadioProps>;
     readonly Select: react.FC<SelectProps>;
-    readonly Textarea: react.FC<TextareaProps>;
+    readonly Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
     readonly Hero: react.FC<HeroProps>;
     readonly Icon: react.FC<IconProps>;
     readonly List: react.FC<ListProps>;
@@ -9306,5 +10164,5 @@ declare const atomix: {
     readonly VideoPlayer: react.ForwardRefExoticComponent<VideoPlayerProps & react.RefAttributes<HTMLVideoElement>>;
 };
 
-export { Accordion, AdvancedChart, AnimatedChart, AreaChart, AtomixLogo, Avatar, AvatarGroup, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DataTable, DatePicker, DonutChart, Dropdown, EdgePanel, 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, AtomixLogoProps, AvatarGroupProps, AvatarProps, BadgeProps, BarChartProps, BlockProps, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, ButtonProps, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardProps, ChartProps, CheckboxProps, ColorModeToggleProps, ContainerProps, CountdownProps, DataTableProps, DatePickerProps, DonutChartProps, DropdownProps, EdgePanelProps, 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, SpinnerProps, StepsProps, TabProps, TestimonialProps, TextareaProps, TodoProps, ToggleProps, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, VideoPlayerProps, WaterfallChartProps, WaterfallDataPoint };
+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 };