@shohojdhara/atomix 0.3.3 → 0.3.4

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import * as react from 'react';
-import react__default, { ReactNode, ElementType, HTMLAttributes } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ErrorInfo, Component, ElementType, HTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as PhosphorIcons from '@phosphor-icons/react';
 
@@ -17,7 +17,7 @@ interface PartStyleProps {
     /** Additional CSS class name for the part */
     className?: string;
     /** Inline styles for the part */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 /**
  * Generic component parts type
@@ -367,11 +367,11 @@ type ComponentPartsMap = {
  */
 interface SlotProps<T = any> {
     /** Static children to render */
-    children?: react__default.ReactNode;
+    children?: React__default.ReactNode;
     /** Render function with access to slot props */
-    render?: (props: T) => react__default.ReactNode;
+    render?: (props: T) => React__default.ReactNode;
     /** Custom component to render */
-    component?: react__default.ComponentType<T>;
+    component?: React__default.ComponentType<T>;
 }
 /**
  * Render a slot with the given props
@@ -388,7 +388,7 @@ interface SlotProps<T = any> {
  *   { onClick: handleClick, children: 'Click me' }
  * )
  */
-declare function renderSlot<T>(slot: SlotProps<T> | react__default.ReactNode | undefined, props: T, fallback?: react__default.ReactNode): react__default.ReactNode;
+declare function renderSlot<T>(slot: SlotProps<T> | React__default.ReactNode | undefined, props: T, fallback?: React__default.ReactNode): React__default.ReactNode;
 /**
  * Check if a value is a slot configuration
  */
@@ -408,20 +408,20 @@ declare function mergeSlots<T>(...slots: Array<SlotProps<T> | undefined>): SlotP
  *   Default content
  * </ButtonSlot>
  */
-declare function createSlotComponent<T>(defaultElement?: keyof JSX.IntrinsicElements | react__default.ComponentType<T>): ({ slot, children, ...props }: T & {
+declare function createSlotComponent<T>(defaultElement?: keyof JSX.IntrinsicElements | React__default.ComponentType<T>): ({ slot, children, ...props }: T & {
     slot?: SlotProps<T>;
-    children?: react__default.ReactNode;
+    children?: React__default.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 /**
  * Slot props for Button component
  */
 interface ButtonRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     disabled?: boolean;
     loading?: boolean;
-    onClick?: react__default.MouseEventHandler<HTMLButtonElement>;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
     type?: 'button' | 'submit' | 'reset';
     'aria-label'?: string;
     'aria-disabled'?: boolean;
@@ -429,18 +429,18 @@ interface ButtonRootSlotProps {
 }
 interface ButtonIconSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     size?: 'sm' | 'md' | 'lg';
 }
 interface ButtonLabelSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface ButtonSpinnerSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     size?: 'sm' | 'md' | 'lg';
     variant?: string;
 }
@@ -449,28 +449,28 @@ interface ButtonSpinnerSlotProps {
  */
 interface CardRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
-    onClick?: react__default.MouseEventHandler<HTMLDivElement>;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
     role?: string;
     'aria-label'?: string;
 }
 interface CardHeaderSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface CardBodySlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     scrollable?: boolean;
     maxHeight?: string | number;
 }
 interface CardFooterSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     align?: 'start' | 'center' | 'end' | 'between';
 }
 /**
@@ -478,43 +478,43 @@ interface CardFooterSlotProps {
  */
 interface ModalRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     role: string;
     'aria-modal': boolean;
     'aria-hidden': boolean;
 }
 interface ModalBackdropSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    onClick?: react__default.MouseEventHandler<HTMLDivElement>;
+    style?: React__default.CSSProperties;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
 }
 interface ModalDialogSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface ModalContentSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 /**
  * Slot props for Input component
  */
 interface InputRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface InputElementSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     type?: string;
     value?: string | number;
-    onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
-    onFocus?: react__default.FocusEventHandler<HTMLInputElement>;
-    onBlur?: react__default.FocusEventHandler<HTMLInputElement>;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
+    onFocus?: React__default.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLInputElement>;
     placeholder?: string;
     disabled?: boolean;
     required?: boolean;
@@ -527,15 +527,15 @@ interface InputElementSlotProps {
  */
 interface DropdownRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface DropdownToggleSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
-    onClick?: react__default.MouseEventHandler<HTMLDivElement>;
-    onKeyDown?: react__default.KeyboardEventHandler<HTMLDivElement>;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLDivElement>;
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLDivElement>;
     'aria-haspopup': string;
     'aria-expanded': boolean;
     'aria-controls': string;
@@ -543,8 +543,8 @@ interface DropdownToggleSlotProps {
 }
 interface DropdownMenuSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     role: string;
     'aria-orientation': string;
     'aria-hidden': boolean;
@@ -554,29 +554,29 @@ interface DropdownMenuSlotProps {
  */
 interface BadgeRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
-    onClick?: react__default.MouseEventHandler<HTMLSpanElement>;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
+    onClick?: React__default.MouseEventHandler<HTMLSpanElement>;
     role?: string;
     'aria-label'?: string;
 }
 interface BadgeIconSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface BadgeLabelSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 /**
  * Slot props for Progress component
  */
 interface ProgressRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     role: string;
     'aria-valuenow': number;
     'aria-valuemin': number;
@@ -585,22 +585,22 @@ interface ProgressRootSlotProps {
 }
 interface ProgressBarSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 /**
  * Slot props for Checkbox component
  */
 interface CheckboxRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface CheckboxInputSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     type: 'checkbox';
     checked?: boolean;
-    onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
     disabled?: boolean;
     required?: boolean;
     id?: string;
@@ -612,8 +612,8 @@ interface CheckboxInputSlotProps {
 }
 interface CheckboxLabelSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     htmlFor?: string;
 }
 /**
@@ -621,15 +621,15 @@ interface CheckboxLabelSlotProps {
  */
 interface RadioRootSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
 }
 interface RadioInputSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     type: 'radio';
     checked?: boolean;
-    onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
+    onChange?: React__default.ChangeEventHandler<HTMLInputElement>;
     disabled?: boolean;
     required?: boolean;
     id?: string;
@@ -641,8 +641,8 @@ interface RadioInputSlotProps {
 }
 interface RadioLabelSlotProps {
     className: string;
-    style?: react__default.CSSProperties;
-    children: react__default.ReactNode;
+    style?: React__default.CSSProperties;
+    children: React__default.ReactNode;
     htmlFor?: string;
 }
 /**
@@ -652,7 +652,7 @@ declare function createSlotProps<T>(props: T): T;
 /**
  * Hook to manage slot rendering
  */
-declare function useSlot<T>(slot: SlotProps<T> | react__default.ReactNode | undefined, props: T, fallback?: react__default.ReactNode): react__default.ReactNode;
+declare function useSlot<T>(slot: SlotProps<T> | React__default.ReactNode | undefined, props: T, fallback?: React__default.ReactNode): React__default.ReactNode;
 
 /**
  * CSS Variables Constants
@@ -1386,7 +1386,7 @@ type Size = 'sm' | 'md' | 'lg';
 /**
  * Available theme variants in the Shaj theme system
  */
-type ThemeName = 'shaj-default' | 'shaj-ocean' | 'shaj-sunset' | 'shaj-forest' | 'shaj-midnight' | 'shaj-pastel';
+type ThemeName = string;
 /**
  * Theme color variants
  */
@@ -6497,7 +6497,7 @@ interface DatePickerProps {
     /**
      * Custom style for the datepicker component
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 interface DatePickerRef {
     /**
@@ -6796,10 +6796,10 @@ 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;
+    onMouseMove: (event: React__default.MouseEvent<SVGSVGElement>) => void;
+    onMouseDown: (event: React__default.MouseEvent<SVGSVGElement>) => void;
     onMouseUp: () => void;
-    onWheel: (event: react__default.WheelEvent<SVGSVGElement>) => void;
+    onWheel: (event: React__default.WheelEvent<SVGSVGElement>) => void;
 }
 /**
  * Chart accessibility interface
@@ -6901,11 +6901,11 @@ interface UseHeroBackgroundSliderResult {
     /**
      * Array of refs for slide container elements
      */
-    slideRefs: react__default.RefObject<HTMLDivElement>[];
+    slideRefs: React__default.RefObject<HTMLDivElement>[];
     /**
      * Array of refs for video elements
      */
-    videoRefs: react__default.RefObject<HTMLVideoElement>[];
+    videoRefs: React__default.RefObject<HTMLVideoElement>[];
     /**
      * Handle slide transition to next index
      */
@@ -7108,7 +7108,7 @@ declare function useSpinner(initialProps?: Partial<SpinnerProps>): {
 declare function useNavbar(initialProps?: Partial<NavbarProps>): {
     defaultProps: Partial<NavbarProps>;
     isExpanded: boolean;
-    setIsExpanded: react__default.Dispatch<react__default.SetStateAction<boolean>>;
+    setIsExpanded: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     generateNavbarClass: (props: Partial<NavbarProps>) => string;
     generateContainerStyle: (width?: string) => {
         maxWidth: string;
@@ -7143,7 +7143,7 @@ declare function useNavItem(initialProps?: Partial<NavItemProps & {
         megaMenu?: boolean;
     }>) => string;
     generateNavLinkClass: (active?: boolean, disabled?: boolean, className?: string) => string;
-    handleClick: (handler?: () => void) => (e: react__default.MouseEvent) => void;
+    handleClick: (handler?: () => void) => (e: React__default.MouseEvent) => void;
 };
 /**
  * Nav dropdown state and functionality
@@ -7166,9 +7166,9 @@ declare function useNavDropdown(initialProps?: Partial<NavDropdownProps>): {
 declare function useSideMenu(initialProps?: Partial<SideMenuProps>): {
     defaultProps: Partial<SideMenuProps>;
     isOpenState: boolean;
-    wrapperRef: react.MutableRefObject<HTMLDivElement>;
-    innerRef: react.MutableRefObject<HTMLDivElement>;
-    sideMenuRef: react.MutableRefObject<HTMLDivElement>;
+    wrapperRef: React$1.MutableRefObject<HTMLDivElement>;
+    innerRef: React$1.MutableRefObject<HTMLDivElement>;
+    sideMenuRef: React$1.MutableRefObject<HTMLDivElement>;
     generateSideMenuClass: (props: Partial<SideMenuProps & {
         isOpen?: boolean;
     }>) => string;
@@ -7195,8 +7195,8 @@ declare function useSideMenuItem(initialProps?: Partial<SideMenuItemProps>): {
  */
 declare function useEdgePanel(initialProps?: Partial<EdgePanelProps>): {
     isOpen: boolean;
-    containerRef: react.MutableRefObject<HTMLDivElement>;
-    backdropRef: react.MutableRefObject<HTMLDivElement>;
+    containerRef: React$1.MutableRefObject<HTMLDivElement>;
+    backdropRef: React$1.MutableRefObject<HTMLDivElement>;
     generateEdgePanelClass: (props: Partial<EdgePanelProps>) => string;
     openPanel: (useFadeAnimation?: boolean) => void;
     closePanel: (useFadeAnimation?: boolean) => void;
@@ -7211,7 +7211,7 @@ declare function useEdgePanel(initialProps?: Partial<EdgePanelProps>): {
 declare function useTodo(initialProps?: Partial<TodoProps>): {
     items: TodoItem[];
     inputText: string;
-    setInputText: react.Dispatch<react.SetStateAction<string>>;
+    setInputText: React$1.Dispatch<React$1.SetStateAction<string>>;
     addTodo: (text: string) => TodoItem | null;
     toggleTodo: (id: string) => TodoItem | null;
     deleteTodo: (id: string) => boolean;
@@ -7229,7 +7229,7 @@ declare function useTodo(initialProps?: Partial<TodoProps>): {
 declare function useCheckbox(initialProps?: Partial<CheckboxProps>): {
     defaultProps: Partial<CheckboxProps>;
     generateCheckboxClass: (props: Partial<CheckboxProps>) => string;
-    checkboxRef: react.MutableRefObject<HTMLInputElement>;
+    checkboxRef: React$1.MutableRefObject<HTMLInputElement>;
 };
 
 /**
@@ -7259,7 +7259,7 @@ declare function useFormGroup(initialProps?: Partial<FormGroupProps>): {
  */
 declare function useGlassContainer(props: GlassContainerProps): {
     filterId: string;
-    glassRef: react.MutableRefObject<HTMLDivElement>;
+    glassRef: React$1.MutableRefObject<HTMLDivElement>;
     isHovered: boolean;
     isActive: boolean;
     currentGlassSize: GlassSize;
@@ -7277,9 +7277,9 @@ declare function useGlassContainer(props: GlassContainerProps): {
 };
 
 interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
-    glassRef: react__default.RefObject<HTMLDivElement>;
-    contentRef: react__default.RefObject<HTMLDivElement>;
-    children?: react__default.ReactNode;
+    glassRef: React__default.RefObject<HTMLDivElement>;
+    contentRef: React__default.RefObject<HTMLDivElement>;
+    children?: React__default.ReactNode;
 }
 interface UseAtomixGlassReturn {
     isHovered: boolean;
@@ -7314,7 +7314,7 @@ interface UseAtomixGlassReturn {
     handleMouseDown: () => void;
     handleMouseUp: () => void;
     handleMouseMove: (e: MouseEvent) => void;
-    handleKeyDown: (e: react__default.KeyboardEvent<HTMLDivElement>) => void;
+    handleKeyDown: (e: React__default.KeyboardEvent<HTMLDivElement>) => void;
 }
 /**
  * Composable hook for AtomixGlass component logic
@@ -7394,11 +7394,11 @@ 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;
+    style?: React__default.CSSProperties;
     /**
      * Additional className
      */
@@ -7424,13 +7424,13 @@ interface BreadcrumbProps {
     /**
      * Optional custom link component
      */
-    LinkComponent?: react__default.ElementType;
+    LinkComponent?: React__default.ElementType;
     /**
      * Custom style for the breadcrumb
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
-declare const Breadcrumb: react__default.FC<BreadcrumbProps>;
+declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
 
 interface BreadcrumbOptions {
     items: BreadcrumbItem[];
@@ -7753,12 +7753,12 @@ declare function useLineChart(datasets: ChartDataset$1[], options?: LineChartOpt
         x: number;
         y: number;
     }>, tension?: number) => string;
-    setZoomLevel: react.Dispatch<react.SetStateAction<number>>;
-    setPanOffset: react.Dispatch<react.SetStateAction<{
+    setZoomLevel: React$1.Dispatch<React$1.SetStateAction<number>>;
+    setPanOffset: React$1.Dispatch<React$1.SetStateAction<{
         x: number;
         y: number;
     }>>;
-    setHoveredPoint: react.Dispatch<react.SetStateAction<{
+    setHoveredPoint: React$1.Dispatch<React$1.SetStateAction<{
         datasetIndex: number;
         pointIndex: number;
         x: number;
@@ -7881,7 +7881,7 @@ declare function useBarChart(datasets: ChartDataset$1[], options?: BarChartOptio
     handleBarLeave: () => void;
     startAnimation: () => void;
     formatValue: (value: number) => string;
-    setHoveredBar: react.Dispatch<react.SetStateAction<{
+    setHoveredBar: React$1.Dispatch<React$1.SetStateAction<{
         datasetIndex: number;
         pointIndex: number;
         chartX: number;
@@ -7889,8 +7889,8 @@ declare function useBarChart(datasets: ChartDataset$1[], options?: BarChartOptio
         clientX: number;
         clientY: number;
     }>>;
-    setAnimationProgress: react.Dispatch<react.SetStateAction<number>>;
-    setIsAnimating: react.Dispatch<react.SetStateAction<boolean>>;
+    setAnimationProgress: React$1.Dispatch<React$1.SetStateAction<number>>;
+    setIsAnimating: React$1.Dispatch<React$1.SetStateAction<boolean>>;
 };
 
 /**
@@ -7989,10 +7989,10 @@ declare function usePieChart(data: ChartDataPoint$1[], options?: PieChartOptions
     formatLabel: (slice: PieSlice) => string;
     getSliceTransform: (slice: PieSlice, isHovered: boolean) => string;
     isSliceSelected: (index: number) => boolean;
-    setHoveredSlice: react.Dispatch<react.SetStateAction<number>>;
-    setSelectedSlices: react.Dispatch<react.SetStateAction<Set<number>>>;
-    setAnimationProgress: react.Dispatch<react.SetStateAction<number>>;
-    setIsAnimating: react.Dispatch<react.SetStateAction<boolean>>;
+    setHoveredSlice: React$1.Dispatch<React$1.SetStateAction<number>>;
+    setSelectedSlices: React$1.Dispatch<React$1.SetStateAction<Set<number>>>;
+    setAnimationProgress: React$1.Dispatch<React$1.SetStateAction<number>>;
+    setIsAnimating: React$1.Dispatch<React$1.SetStateAction<boolean>>;
 };
 
 /**
@@ -9813,24 +9813,24 @@ declare function mergeClassNames(...classes: Array<string | undefined | null | f
  */
 declare function applyPartStyles<T extends {
     className?: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }>(baseProps: T, partStyles?: PartStyleProps): T;
 /**
  * Create style object from CSS variables
  */
-declare function createCSSVarStyle(cssVars?: Record<string, string | number>, baseStyle?: react__default.CSSProperties): react__default.CSSProperties;
+declare function createCSSVarStyle(cssVars?: Record<string, string | number>, baseStyle?: React__default.CSSProperties): React__default.CSSProperties;
 /**
  * Merge component props with customization
  */
 interface MergePropsOptions {
     className?: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     cssVars?: Record<string, string | number>;
     parts?: Record<string, PartStyleProps>;
 }
 declare function mergeComponentProps<T extends {
     className?: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }>(baseProps: T, customization: MergePropsOptions): T;
 /**
  * Get part styles from parts object
@@ -9841,7 +9841,7 @@ declare function getPartStyles(parts: Record<string, PartStyleProps> | undefined
  */
 declare function createPartProps<T extends {
     className?: string;
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }>(baseClassName: string, partStyles?: PartStyleProps, additionalProps?: Partial<T>): T;
 /**
  * Check if component has customization
@@ -10217,184 +10217,292 @@ declare class RTLManager {
 }
 
 /**
- * Atomix Theme Configuration
+ * Atomix Config Loader
  *
- * Global configuration file for the Atomix Design System theme system.
- * This file defines all available themes, build settings, runtime configuration,
- * and integration settings.
+ * Helper functions to load atomix.config.ts from external projects.
+ * Similar to how Tailwind loads tailwind.config.js
+ */
+
+/**
+ * Load Atomix configuration from project root
+ *
+ * Attempts to load atomix.config.ts from the current working directory.
+ * Falls back to default config if file doesn't exist.
+ *
+ * @param options - Loader options
+ * @returns Loaded configuration or default
  *
  * @example
  * ```typescript
- * import { loadThemeConfig } from '@shohojdhara/atomix/theme/config';
- * const config = loadThemeConfig();
+ * import { loadAtomixConfig } from '@shohojdhara/atomix/config';
+ *
+ * const config = loadAtomixConfig();
+ * const theme = createThemeFromConfig(config);
  * ```
  */
+declare function loadAtomixConfig(options?: {
+    /** Custom config path (default: 'atomix.config.ts') */
+    configPath?: string;
+    /** Whether to throw error if config not found (default: false) */
+    required?: boolean;
+}): AtomixConfig;
+/**
+ * Resolve config path
+ *
+ * Finds atomix.config.ts in the project, checking common locations.
+ */
+declare function resolveConfigPath(): string | null;
 
+/**
+ * Atomix Configuration System
+ *
+ * Tailwind-like configuration for customizing the Atomix Design System.
+ *
+ * External developers can create `atomix.config.ts` in their project root
+ * to customize design tokens, similar to Tailwind's tailwind.config.js
+ *
+ * @example
+ * ```typescript
+ * // atomix.config.ts (in your project)
+ * import { defineConfig } from '@shohojdhara/atomix/config';
+ *
+ * export default defineConfig({
+ *   theme: {
+ *     extend: {
+ *       colors: {
+ *         primary: { main: '#7AFFD7' },
+ *       },
+ *     },
+ *   },
+ * });
+ * ```
+ */
+
+/**
+ * Color Scale (1-10)
+ */
+interface ColorScale {
+    1?: string;
+    2?: string;
+    3?: string;
+    4?: string;
+    5?: string;
+    6?: string;
+    7?: string;
+    8?: string;
+    9?: string;
+    10?: string;
+    [key: string]: string | undefined;
+}
+/**
+ * Palette Color Options
+ */
+interface PaletteColorOptions {
+    main: string;
+    light?: string;
+    dark?: string;
+    contrastText?: string;
+}
+/**
+ * Design Tokens Schema (Tailwind-like)
+ */
+interface ThemeTokens {
+    /** Color palette */
+    colors?: Record<string, string | PaletteColorOptions | ColorScale | Record<string, string>>;
+    /** Spacing scale */
+    spacing?: Record<string, string>;
+    /** Border radius scale */
+    borderRadius?: Record<string, string>;
+    /** Typography scale and settings */
+    typography?: {
+        fontFamilies?: Record<string, string>;
+        fontSizes?: Record<string, string>;
+        fontWeights?: Record<string, string | number>;
+        lineHeights?: Record<string, string | number>;
+        letterSpacings?: Record<string, string>;
+    };
+    /** Shadow scale */
+    shadows?: Record<string, string>;
+    /** Z-index scale */
+    zIndex?: Record<string, string | number>;
+    /** Breakpoints scale */
+    breakpoints?: Record<string, string | number>;
+    /** Transitions settings */
+    transitions?: {
+        durations?: Record<string, string>;
+        easings?: Record<string, string>;
+    };
+}
 /**
  * CSS Theme Definition
- * Defines a theme that is loaded from a CSS file
  */
 interface CSSThemeDefinition {
-    /** Theme type identifier */
     type: 'css';
-    /** Display name of the theme */
     name: string;
-    /** Unique identifier/class name for the theme */
     class?: string;
-    /** Theme description */
     description?: string;
-    /** Theme author */
     author?: string;
-    /** Theme version (semver) */
     version?: string;
-    /** Theme tags for categorization */
     tags?: string[];
-    /** Whether the theme supports dark mode */
     supportsDarkMode?: boolean;
-    /** Theme status: stable, beta, experimental, deprecated */
     status?: 'stable' | 'beta' | 'experimental' | 'deprecated';
-    /** Accessibility information */
     a11y?: {
-        /** Target contrast ratio */
         contrastTarget?: number;
-        /** Supported color modes */
         modes?: string[];
     };
-    /** Primary theme color (for UI display) */
     color?: string;
-    /** Theme features list */
     features?: string[];
-    /** Theme dependencies (other themes required) */
     dependencies?: string[];
-    /** Custom CSS file path (optional, defaults to theme name) */
     cssPath?: string;
 }
 /**
  * JavaScript Theme Definition
- * Defines a theme created programmatically using createTheme
  */
 interface JSThemeDefinition {
-    /** Theme type identifier */
     type: 'js';
-    /** Display name of the theme */
     name: string;
-    /** Unique identifier/class name for the theme */
     class?: string;
-    /** Theme description */
     description?: string;
-    /** Theme author */
     author?: string;
-    /** Theme version (semver) */
     version?: string;
-    /** Theme tags for categorization */
     tags?: string[];
-    /** Whether the theme supports dark mode */
     supportsDarkMode?: boolean;
-    /** Theme status: stable, beta, experimental, deprecated */
     status?: 'stable' | 'beta' | 'experimental' | 'deprecated';
-    /** Accessibility information */
     a11y?: {
-        /** Target contrast ratio */
         contrastTarget?: number;
-        /** Supported color modes */
         modes?: string[];
     };
-    /** Primary theme color (for UI display) */
     color?: string;
-    /** Theme features list */
     features?: string[];
-    /** Theme dependencies (other themes required) */
     dependencies?: string[];
-    /** Function that creates the theme object */
     createTheme: () => Theme;
 }
 /**
- * Theme definition (CSS or JS)
+ * Theme Definition (CSS or JS)
  */
 type ThemeDefinition = CSSThemeDefinition | JSThemeDefinition;
 /**
- * Build configuration
+ * Build configuration (migrated from theme.config.ts)
  */
 interface BuildConfig {
-    /** Output directory for compiled themes */
-    output: {
-        /** Output directory path */
-        directory: string;
-        /** Output file formats */
-        formats: {
-            /** Expanded format extension */
-            expanded: string;
-            /** Compressed format extension */
-            compressed: string;
+    output?: {
+        directory?: string;
+        formats?: {
+            expanded?: string;
+            compressed?: string;
         };
     };
-    /** Sass compilation settings */
-    sass: {
-        /** Output style */
-        style: 'expanded' | 'compressed' | 'compact' | 'nested';
-        /** Generate source maps */
-        sourceMap: boolean;
-        /** Additional load paths */
-        loadPaths: string[];
+    sass?: {
+        style?: 'expanded' | 'compressed';
+        sourceMap?: boolean;
+        loadPaths?: string[];
     };
 }
 /**
- * Runtime configuration
+ * Runtime configuration (migrated from theme.config.ts)
  */
 interface RuntimeConfig {
-    /** Base path for theme CSS files (relative to public directory) */
-    basePath: string;
-    /** Optional CDN path for theme files */
+    basePath?: string;
     cdnPath?: string | null;
-    /** Themes to preload on initialization */
     preload?: string[];
-    /** Enable lazy loading of themes */
     lazy?: boolean;
-    /** Default theme name */
-    defaultTheme: string;
-    /** localStorage key for theme persistence */
+    defaultTheme?: string;
     storageKey?: string;
-    /** Data attribute name for theme */
     dataAttribute?: string;
-    /** Enable persistence */
     enablePersistence?: boolean;
-    /** Use minified CSS files in production */
     useMinified?: boolean;
 }
 /**
- * Integration configuration
+ * Integration settings (migrated from theme.config.ts)
  */
 interface IntegrationConfig {
-    /** CSS variables for theme integration */
-    cssVariables: {
-        /** Color mode variable name */
+    cssVariables?: Record<string, string>;
+    classNames?: {
+        theme?: string;
         colorMode?: string;
-        /** Additional custom variables */
-        [key: string]: string | undefined;
-    };
-    /** Attribute names used for theme and color mode */
-    classNames: {
-        /** Theme attribute name */
-        theme: string;
-        /** Color mode attribute name */
-        colorMode: string;
     };
 }
 /**
- * Complete theme configuration
+ * Atomix Configuration Interface
+ *
+ * Tailwind-like configuration for external developers.
+ * Focus on theme customization - build/runtime configs are internal only.
  */
-interface ThemeConfig {
-    /** Available themes */
-    themes: Record<string, ThemeDefinition>;
-    /** Build configuration */
-    build: BuildConfig;
-    /** Runtime configuration */
-    runtime: RuntimeConfig;
-    /** Integration settings */
-    integration: IntegrationConfig;
-    /** Theme dependencies mapping */
+interface AtomixConfig {
+    /**
+     * CSS variable prefix (default: 'atomix')
+     *
+     * Change this to customize all CSS variable names.
+     * Example: prefix: 'myapp' → --myapp-primary instead of --atomix-primary
+     */
+    prefix?: string;
+    /**
+     * Theme customization (Tailwind-like)
+     *
+     * Use `extend` to add or override design tokens.
+     * Use `tokens` to completely replace the default token system (advanced).
+     */
+    theme?: {
+        /**
+         * Extend the default design tokens
+         *
+         * This is the recommended way to customize Atomix.
+         * Your values will override or extend the base tokens.
+         */
+        extend?: ThemeTokens;
+        /**
+         * Override the default tokens entirely (advanced)
+         *
+         * Use with caution - this replaces the entire token system.
+         * Most users should use `extend` instead.
+         */
+        tokens?: ThemeTokens;
+        /**
+         * Register custom themes (optional)
+         *
+         * Define CSS or JavaScript themes that can be loaded dynamically.
+         */
+        themes?: Record<string, ThemeDefinition>;
+    };
+    /** @internal Build configuration (internal use only) */
+    build?: BuildConfig;
+    /** @internal Runtime configuration (internal use only) */
+    runtime?: RuntimeConfig;
+    /** @internal Integration settings (internal use only) */
+    integration?: IntegrationConfig;
+    /** @internal Theme dependencies mapping (internal use only) */
     dependencies?: Record<string, string[]>;
 }
+/**
+ * Helper function to define Atomix configuration with type safety
+ *
+ * @param config - Atomix configuration object
+ * @returns The configuration object
+ */
+/**
+ * Helper function to define Atomix configuration with type safety
+ *
+ * Similar to Tailwind's defineConfig, provides autocomplete and type checking.
+ *
+ * @param config - Atomix configuration object
+ * @returns The configuration object
+ *
+ * @example
+ * ```typescript
+ * import { defineConfig } from '@shohojdhara/atomix/config';
+ *
+ * export default defineConfig({
+ *   theme: {
+ *     extend: {
+ *       colors: {
+ *         primary: { main: '#7AFFD7' },
+ *       },
+ *     },
+ *   },
+ * });
+ * ```
+ */
+declare function defineConfig(config: AtomixConfig): AtomixConfig;
 
 /**
  * Theme Configuration Types
@@ -10405,13 +10513,27 @@ interface ThemeConfig {
 /**
  * Loaded and validated theme configuration
  */
-interface LoadedThemeConfig extends ThemeConfig {
+interface LoadedThemeConfig {
+    /** Registered themes */
+    themes: Record<string, ThemeDefinition>;
+    /** Build configuration */
+    build: BuildConfig;
+    /** Runtime configuration */
+    runtime: RuntimeConfig;
+    /** Integration settings */
+    integration: IntegrationConfig;
+    /** Theme dependencies mapping */
+    dependencies: Record<string, string[]>;
     /** Whether config was validated */
     validated: boolean;
     /** Validation errors (if any) */
     errors?: string[];
     /** Validation warnings (if any) */
     warnings?: string[];
+    /** Internal tokens (for generator) */
+    __tokens?: any;
+    /** Internal extensions (for generator) */
+    __extend?: any;
 }
 
 /**
@@ -10837,7 +10959,7 @@ declare class ThemeEngine {
  *   // No defaultTheme - uses built-in styles
  * });
  *
- * await themeManager.setTheme('flashtrade');
+ * await themeManager.setTheme('my-custom-theme');
  * ```
  */
 declare class ThemeManager {
@@ -11192,6 +11314,36 @@ interface PaletteColor {
     /** Contrast text color (auto-generated if not provided) */
     contrastText?: string;
 }
+/**
+ * Palette configuration options for createTheme
+ */
+interface PaletteOptions {
+    /** Primary color configuration */
+    primary?: Partial<PaletteColor> | string;
+    /** Secondary color configuration */
+    secondary?: Partial<PaletteColor> | string;
+    /** Error color configuration */
+    error?: Partial<PaletteColor> | string;
+    /** Warning color configuration */
+    warning?: Partial<PaletteColor> | string;
+    /** Info color configuration */
+    info?: Partial<PaletteColor> | string;
+    /** Success color configuration */
+    success?: Partial<PaletteColor> | string;
+    /** Background colors */
+    background?: {
+        default?: string;
+        subtle?: string;
+    };
+    /** Text colors */
+    text?: {
+        primary?: string;
+        secondary?: string;
+        disabled?: string;
+    };
+    /** Additional custom colors */
+    [key: string]: any;
+}
 /**
  * Typography configuration options for createTheme
  */
@@ -11261,6 +11413,10 @@ interface TypographyOptions {
  * Spacing function type
  */
 type SpacingFunction = (...values: number[]) => string;
+/**
+ * Spacing configuration options for createTheme
+ */
+type SpacingOptions = number | number[] | SpacingFunction;
 /**
  * Breakpoint values configuration
  */
@@ -11272,6 +11428,15 @@ interface BreakpointValues {
     xl?: number;
     [key: string]: number | undefined;
 }
+/**
+ * Breakpoints configuration options for createTheme
+ */
+interface BreakpointsOptions {
+    /** Breakpoint values in pixels */
+    values?: BreakpointValues;
+    /** Unit for breakpoints (default: 'px') */
+    unit?: string;
+}
 /**
  * Shadow configuration
  */
@@ -11349,6 +11514,30 @@ interface BorderRadiusOptions {
 interface ThemeCustomProperties {
     [key: string]: any;
 }
+/**
+ * Theme configuration options for createTheme
+ * Extends ThemeMetadata to support both CSS and JS theme properties
+ */
+interface ThemeOptions extends Partial<ThemeMetadata> {
+    /** Color palette configuration */
+    palette?: PaletteOptions;
+    /** Typography configuration */
+    typography?: TypographyOptions;
+    /** Spacing configuration */
+    spacing?: SpacingOptions;
+    /** Breakpoints configuration */
+    breakpoints?: BreakpointsOptions;
+    /** Shadow configuration */
+    shadows?: ShadowOptions;
+    /** Transition configuration */
+    transitions?: TransitionOptions;
+    /** Z-index configuration */
+    zIndex?: ZIndexOptions;
+    /** Border radius configuration */
+    borderRadius?: BorderRadiusOptions;
+    /** Custom properties */
+    custom?: ThemeCustomProperties;
+}
 /**
  * Complete theme object with computed values
  * Generated by createTheme function
@@ -11445,7 +11634,7 @@ interface Theme extends ThemeMetadata {
  * }
  * ```
  */
-declare const ThemeProvider: react__default.FC<ThemeProviderProps>;
+declare const ThemeProvider: React__default.FC<ThemeProviderProps>;
 
 /**
  * useTheme Hook
@@ -11480,133 +11669,326 @@ declare function useTheme(): UseThemeReturn;
 /**
  * Theme context with default values
  */
-declare const ThemeContext: react.Context<ThemeContextValue>;
+declare const ThemeContext: React$1.Context<ThemeContextValue>;
 
 /**
- * Theme Builder
+ * Theme Error Boundary
  *
- * Fluent API for building theme configurations with type safety and validation.
+ * React error boundary for catching and handling theme-related errors.
+ * Prevents the entire app from crashing when theme errors occur.
  */
 
 /**
- * Theme builder class with fluent API
+ * Error boundary state
  */
-declare class ThemeBuilder {
-    private theme;
-    /**
-     * Set theme name
-     */
-    setName(name: string): this;
-    /**
-     * Set global CSS variables
-     */
-    setCSSVars(vars: Record<string, string | number>): this;
-    /**
-     * Add a single CSS variable
-     */
-    addCSSVar(key: string, value: string | number): this;
-    /**
-     * Set typography configuration
-     */
-    setTypography(typography: Theme['typography']): this;
-    /**
-     * Set font family
-     */
-    setFontFamily(fontFamily: string): this;
-    /**
-     * Set font sizes
-     */
-    setFontSizes(fontSize: Record<string, string>): this;
-    /**
-     * Set font weights
-     */
-    setFontWeights(fontWeight: Record<string, number>): this;
-    /**
-     * Set line heights
-     */
-    setLineHeights(lineHeight: Record<string, number>): this;
-    /**
-     * Set spacing system
-     */
-    setSpacing(spacing: Record<string, string | number>): this;
-    /**
-     * Set color palette
-     */
-    setPalette(palette: Theme['palette']): this;
-    /**
-     * Set a specific color scale
-     */
-    setColorScale(colorName: keyof NonNullable<Theme['palette']>, scale: NonNullable<Theme['palette']>[typeof colorName]): this;
-    /**
-     * Override a component's configuration
-     */
-    overrideComponent<C extends keyof ThemeComponentOverrides>(component: C, override: ThemeComponentOverrides[C]): this;
+interface ThemeErrorBoundaryState {
+    /** Whether an error has occurred */
+    hasError: boolean;
+    /** The error that occurred */
+    error: Error | null;
+    /** Error information */
+    errorInfo: ErrorInfo | null;
+}
+/**
+ * Error boundary props
+ */
+interface ThemeErrorBoundaryProps {
+    /** Child components */
+    children: ReactNode;
+    /** Fallback UI to render when error occurs */
+    fallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
+    /** Callback when error occurs */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+    /** Whether to reset error on children change */
+    resetOnPropsChange?: boolean;
+    /** Custom error message */
+    errorMessage?: string;
+}
+/**
+ * Theme Error Boundary Component
+ *
+ * Catches errors in the theme system and displays a fallback UI
+ * instead of crashing the entire application.
+ */
+declare class ThemeErrorBoundary extends Component<ThemeErrorBoundaryProps, ThemeErrorBoundaryState> {
+    private logger;
+    constructor(props: ThemeErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): Partial<ThemeErrorBoundaryState>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    componentDidUpdate(prevProps: ThemeErrorBoundaryProps): void;
+    render(): ReactNode;
+}
+
+/**
+ * createTheme - Create a theme object with computed values
+ *
+ * Similar to Material-UI's createTheme, this function accepts theme configuration
+ * options and returns a complete theme object with computed values.
+ *
+ * @example
+ * ```typescript
+ * const theme = createTheme({
+ *   palette: {
+ *     primary: { main: '#7AFFD7' },
+ *     secondary: { main: '#FF5733' },
+ *   },
+ *   typography: {
+ *     fontFamily: 'Inter, sans-serif',
+ *   },
+ * });
+ * ```
+ */
+
+/**
+ * Create a theme object with computed values
+ *
+ * @param options - Theme configuration options
+ * @returns Complete theme object
+ */
+declare function createTheme(...options: ThemeOptions[]): Theme;
+
+/**
+ * Create a theme from Atomix configuration
+ *
+ * This function converts atomix.config.ts format to a theme object
+ * that can be used with ThemeProvider.
+ *
+ * @param config - Atomix configuration object
+ * @returns Theme object ready for use
+ *
+ * @example
+ * ```typescript
+ * import { createThemeFromConfig } from '@shohojdhara/atomix/theme';
+ * import config from './atomix.config';
+ *
+ * const theme = createThemeFromConfig(config);
+ * ```
+ */
+declare function createThemeFromConfig(config: AtomixConfig): Theme;
+
+/**
+ * Theme Tools for Library Users
+ *
+ * Developer-friendly utilities for working with Atomix themes
+ */
+
+/**
+ * Quick theme creator with sensible defaults
+ */
+declare function quickTheme(name: string, primaryColor: string, secondaryColor?: string): Theme;
+/**
+ * Create a dark theme variant from a light theme
+ */
+declare function createDarkVariant(lightTheme: Theme): Theme;
+/**
+ * Validate theme structure
+ */
+declare function validateTheme(theme: Theme): {
+    valid: boolean;
+    errors: string[];
+};
+/**
+ * Generate CSS string from theme
+ */
+declare function themeToCSS(theme: Theme, selector?: string): string;
+/**
+ * Export theme as JSON
+ */
+declare function exportTheme(theme: Theme): string;
+/**
+ * Import theme from JSON
+ */
+declare function importTheme(json: string): Theme;
+
+/**
+ * Theme CLI
+ *
+ * Command-line interface for theme management
+ */
+/**
+ * CLI command interface
+ */
+interface CLICommand {
+    name: string;
+    description: string;
+    options?: Record<string, string>;
+    handler: (args: string[], options: Record<string, any>) => Promise<void> | void;
+}
+/**
+ * Theme CLI
+ *
+ * Command-line interface for theme operations
+ */
+declare class ThemeCLI {
+    private commands;
+    constructor();
     /**
-     * Set component CSS variables
+     * Register default commands
      */
-    setComponentCSSVars<C extends keyof ThemeComponentOverrides>(component: C, vars: Record<string, string | number>): this;
+    private registerDefaultCommands;
     /**
-     * Set component default props
+     * Register a command
      */
-    setComponentDefaultProps<C extends keyof ThemeComponentOverrides>(component: C, defaultProps: Record<string, any>): this;
+    register(command: CLICommand): void;
     /**
-     * Set component part styles
+     * Run CLI with arguments
      */
-    setComponentPart<C extends keyof ThemeComponentOverrides>(component: C, partName: string, partConfig: {
-        cssVars?: Record<string, string | number>;
-        className?: string;
-    }): this;
+    run(args: string[]): Promise<void>;
     /**
-     * Set component variant styles
+     * Parse command arguments
      */
-    setComponentVariant<C extends keyof ThemeComponentOverrides>(component: C, variantName: string, variantConfig: {
-        cssVars?: Record<string, string | number>;
-        className?: string;
-    }): this;
+    private parseArgs;
     /**
-     * Merge with another theme
+     * Handle validate command
      */
-    merge(otherTheme: Partial<Theme>): this;
+    private handleValidate;
     /**
-     * Clone the current builder
+     * Handle list command
      */
-    clone(): ThemeBuilder;
+    private handleList;
     /**
-     * Build and return the theme
+     * Handle inspect command
      */
-    build(): Theme;
+    private handleInspect;
     /**
-     * Build without validation (returns partial theme)
+     * Handle compare command
      */
-    buildPartial(): Partial<Theme>;
+    private handleCompare;
     /**
-     * Reset the builder
+     * Handle export command
      */
-    reset(): this;
+    private handleExport;
     /**
-     * Get current theme state
+     * Handle help command
      */
-    getTheme(): Partial<Theme>;
+    private handleHelp;
 }
 /**
- * Create a new theme builder
+ * Create CLI instance
  */
-declare function createThemeBuilder(): ThemeBuilder;
+declare function createCLI(): ThemeCLI;
 /**
- * Create a theme from a base theme
+ * Run CLI with process arguments
  */
-declare function extendTheme(baseTheme: Theme): ThemeBuilder;
+declare function runCLI(): void;
+
 /**
- * Quick theme creation helper
+ * Theme Preview Component
+ *
+ * React component for previewing themes in development
  */
-declare function createTheme(config: {
-    name: string;
-    cssVars?: Record<string, string | number>;
-    typography?: Theme['typography'];
-    spacing?: Record<string, string | number>;
-    palette?: Theme['palette'];
-    components?: ThemeComponentOverrides;
-}): Theme;
+
+/**
+ * Theme preview props
+ */
+interface ThemePreviewProps {
+    /** Theme to preview */
+    theme: Theme;
+    /** Show theme details */
+    showDetails?: boolean;
+    /** Show color palette */
+    showPalette?: boolean;
+    /** Show typography */
+    showTypography?: boolean;
+    /** Show spacing */
+    showSpacing?: boolean;
+    /** Custom components to render */
+    children?: React__default.ReactNode;
+    /** CSS class name */
+    className?: string;
+    /** Inline styles */
+    style?: React__default.CSSProperties;
+}
+/**
+ * Theme Preview Component
+ *
+ * Renders a preview of a theme with sample components
+ */
+declare const ThemePreview: React__default.FC<ThemePreviewProps>;
+
+/**
+ * Theme Inspector Component
+ *
+ * React component for inspecting and debugging themes
+ */
+
+/**
+ * Theme inspector props
+ */
+interface ThemeInspectorProps {
+    /** Theme to inspect */
+    theme: Theme;
+    /** Show validation results */
+    showValidation?: boolean;
+    /** Show CSS variables */
+    showCSSVariables?: boolean;
+    /** Show theme structure */
+    showStructure?: boolean;
+    /** CSS class name */
+    className?: string;
+    /** Inline styles */
+    style?: React__default.CSSProperties;
+}
+/**
+ * Theme Inspector Component
+ *
+ * Provides detailed inspection and debugging information for themes
+ */
+declare const ThemeInspector: React__default.FC<ThemeInspectorProps>;
+
+/**
+ * Theme Comparator Component
+ *
+ * React component for comparing two themes side-by-side
+ */
+
+/**
+ * Theme comparator props
+ */
+interface ThemeComparatorProps {
+    /** First theme to compare */
+    themeA: Theme;
+    /** Second theme to compare */
+    themeB: Theme;
+    /** Show only differences */
+    showOnlyDifferences?: boolean;
+    /** CSS class name */
+    className?: string;
+    /** Inline styles */
+    style?: React__default.CSSProperties;
+}
+/**
+ * Theme Comparator Component
+ *
+ * Compares two themes and highlights differences
+ */
+declare const ThemeComparator: React__default.FC<ThemeComparatorProps>;
+
+/**
+ * Theme Live Editor Component
+ *
+ * React component for live editing themes in development
+ */
+
+/**
+ * Live editor props
+ */
+interface ThemeLiveEditorProps {
+    /** Initial theme */
+    initialTheme: Theme;
+    /** Callback when theme changes */
+    onChange?: (theme: Theme) => void;
+    /** CSS class name */
+    className?: string;
+    /** Inline styles */
+    style?: React__default.CSSProperties;
+}
+/**
+ * Theme Live Editor Component
+ *
+ * Allows live editing of theme properties with instant preview
+ */
+declare const ThemeLiveEditor: React__default.FC<ThemeLiveEditorProps>;
 
 /**
  * Theme Applicator
@@ -11795,45 +12177,69 @@ declare function extractComponentName(varName: string, prefix?: string): string
  * Central export point for all theme-related functionality
  */
 
+type themeImport_CLICommand = CLICommand;
 type themeImport_CSSVariableConfig = CSSVariableConfig;
 type themeImport_CSSVariableNamingOptions = CSSVariableNamingOptions;
 type themeImport_ComponentThemeOverride = ComponentThemeOverride;
+type themeImport_RTLConfig = RTLConfig;
+type themeImport_RTLManager = RTLManager;
+declare const themeImport_RTLManager: typeof RTLManager;
 type themeImport_Theme = Theme;
 type themeImport_ThemeApplicator = ThemeApplicator;
 declare const themeImport_ThemeApplicator: typeof ThemeApplicator;
-type themeImport_ThemeBuilder = ThemeBuilder;
-declare const themeImport_ThemeBuilder: typeof ThemeBuilder;
+type themeImport_ThemeCLI = ThemeCLI;
+declare const themeImport_ThemeCLI: typeof ThemeCLI;
 type themeImport_ThemeChangeEvent = ThemeChangeEvent;
+declare const themeImport_ThemeComparator: typeof ThemeComparator;
+type themeImport_ThemeComparatorProps = ThemeComparatorProps;
 type themeImport_ThemeComponentOverrides = ThemeComponentOverrides;
 declare const themeImport_ThemeContext: typeof ThemeContext;
 type themeImport_ThemeContextValue = ThemeContextValue;
+type themeImport_ThemeErrorBoundary = ThemeErrorBoundary;
+declare const themeImport_ThemeErrorBoundary: typeof ThemeErrorBoundary;
+type themeImport_ThemeErrorBoundaryProps = ThemeErrorBoundaryProps;
+declare const themeImport_ThemeInspector: typeof ThemeInspector;
+type themeImport_ThemeInspectorProps = ThemeInspectorProps;
+declare const themeImport_ThemeLiveEditor: typeof ThemeLiveEditor;
+type themeImport_ThemeLiveEditorProps = ThemeLiveEditorProps;
 type themeImport_ThemeLoadOptions = ThemeLoadOptions;
+type themeImport_ThemeManager = ThemeManager;
+declare const themeImport_ThemeManager: typeof ThemeManager;
 type themeImport_ThemeManagerConfig = ThemeManagerConfig;
 type themeImport_ThemeMetadata = ThemeMetadata;
+declare const themeImport_ThemePreview: typeof ThemePreview;
+type themeImport_ThemePreviewProps = ThemePreviewProps;
 declare const themeImport_ThemeProvider: typeof ThemeProvider;
 type themeImport_ThemeProviderProps = ThemeProviderProps;
 type themeImport_ThemeValidationResult = ThemeValidationResult;
 type themeImport_UseThemeReturn = UseThemeReturn;
 declare const themeImport_applyCSSVariables: typeof applyCSSVariables;
 declare const themeImport_applyTheme: typeof applyTheme;
+declare const themeImport_createCLI: typeof createCLI;
+declare const themeImport_createDarkVariant: typeof createDarkVariant;
 declare const themeImport_createTheme: typeof createTheme;
-declare const themeImport_createThemeBuilder: typeof createThemeBuilder;
+declare const themeImport_createThemeFromConfig: typeof createThemeFromConfig;
 declare const themeImport_cssVarsToStyle: typeof cssVarsToStyle;
-declare const themeImport_extendTheme: typeof extendTheme;
+declare const themeImport_exportTheme: typeof exportTheme;
 declare const themeImport_extractComponentName: typeof extractComponentName;
 declare const themeImport_generateCSSVariableName: typeof generateCSSVariableName;
 declare const themeImport_generateComponentCSSVars: typeof generateComponentCSSVars;
 declare const themeImport_getCSSVariable: typeof getCSSVariable;
 declare const themeImport_getThemeApplicator: typeof getThemeApplicator;
+declare const themeImport_importTheme: typeof importTheme;
 declare const themeImport_isValidCSSVariableName: typeof isValidCSSVariableName;
 declare const themeImport_mapSCSSTokensToCSSVars: typeof mapSCSSTokensToCSSVars;
 declare const themeImport_mergeCSSVars: typeof mergeCSSVars;
+declare const themeImport_quickTheme: typeof quickTheme;
 declare const themeImport_removeCSSVariables: typeof removeCSSVariables;
 declare const themeImport_removeTheme: typeof removeTheme;
+declare const themeImport_runCLI: typeof runCLI;
+declare const themeImport_themeToCSS: typeof themeToCSS;
 declare const themeImport_useTheme: typeof useTheme;
+declare const themeImport_validateTheme: typeof validateTheme;
 declare namespace themeImport {
-  export { themeImport_ThemeApplicator as ThemeApplicator, themeImport_ThemeBuilder as ThemeBuilder, themeImport_ThemeContext as ThemeContext, themeImport_ThemeProvider as ThemeProvider, themeImport_applyCSSVariables as applyCSSVariables, themeImport_applyTheme as applyTheme, themeImport_createTheme as createTheme, themeImport_createThemeBuilder as createThemeBuilder, themeImport_cssVarsToStyle as cssVarsToStyle, themeImport_extendTheme as extendTheme, themeImport_extractComponentName as extractComponentName, themeImport_generateCSSVariableName as generateCSSVariableName, themeImport_generateComponentCSSVars as generateComponentCSSVars, themeImport_getCSSVariable as getCSSVariable, themeImport_getThemeApplicator as getThemeApplicator, themeImport_isValidCSSVariableName as isValidCSSVariableName, themeImport_mapSCSSTokensToCSSVars as mapSCSSTokensToCSSVars, themeImport_mergeCSSVars as mergeCSSVars, themeImport_removeCSSVariables as removeCSSVariables, themeImport_removeTheme as removeTheme, themeImport_useTheme as useTheme };
-  export type { themeImport_CSSVariableConfig as CSSVariableConfig, themeImport_CSSVariableNamingOptions as CSSVariableNamingOptions, themeImport_ComponentThemeOverride as ComponentThemeOverride, themeImport_Theme as Theme, themeImport_ThemeChangeEvent as ThemeChangeEvent, themeImport_ThemeComponentOverrides as ThemeComponentOverrides, themeImport_ThemeContextValue as ThemeContextValue, themeImport_ThemeLoadOptions as ThemeLoadOptions, themeImport_ThemeManagerConfig as ThemeManagerConfig, themeImport_ThemeMetadata as ThemeMetadata, themeImport_ThemeProviderProps as ThemeProviderProps, themeImport_ThemeValidationResult as ThemeValidationResult, themeImport_UseThemeReturn as UseThemeReturn };
+  export { themeImport_RTLManager as RTLManager, themeImport_ThemeApplicator as ThemeApplicator, themeImport_ThemeCLI as ThemeCLI, themeImport_ThemeComparator as ThemeComparator, themeImport_ThemeContext as ThemeContext, themeImport_ThemeErrorBoundary as ThemeErrorBoundary, themeImport_ThemeInspector as ThemeInspector, themeImport_ThemeLiveEditor as ThemeLiveEditor, themeImport_ThemeManager as ThemeManager, themeImport_ThemePreview as ThemePreview, themeImport_ThemeProvider as ThemeProvider, themeImport_applyCSSVariables as applyCSSVariables, themeImport_applyTheme as applyTheme, themeImport_createCLI as createCLI, themeImport_createDarkVariant as createDarkVariant, themeImport_createTheme as createTheme, themeImport_createThemeFromConfig as createThemeFromConfig, themeImport_cssVarsToStyle as cssVarsToStyle, themeImport_exportTheme as exportTheme, themeImport_extractComponentName as extractComponentName, themeImport_generateCSSVariableName as generateCSSVariableName, themeImport_generateComponentCSSVars as generateComponentCSSVars, themeImport_getCSSVariable as getCSSVariable, themeImport_getThemeApplicator as getThemeApplicator, themeImport_importTheme as importTheme, themeImport_isValidCSSVariableName as isValidCSSVariableName, themeImport_mapSCSSTokensToCSSVars as mapSCSSTokensToCSSVars, themeImport_mergeCSSVars as mergeCSSVars, themeImport_quickTheme as quickTheme, themeImport_removeCSSVariables as removeCSSVariables, themeImport_removeTheme as removeTheme, themeImport_runCLI as runCLI, themeImport_themeToCSS as themeToCSS, themeImport_useTheme as useTheme, themeImport_validateTheme as validateTheme };
+  export type { themeImport_CLICommand as CLICommand, themeImport_CSSVariableConfig as CSSVariableConfig, themeImport_CSSVariableNamingOptions as CSSVariableNamingOptions, themeImport_ComponentThemeOverride as ComponentThemeOverride, themeImport_RTLConfig as RTLConfig, themeImport_Theme as Theme, themeImport_ThemeChangeEvent as ThemeChangeEvent, themeImport_ThemeComparatorProps as ThemeComparatorProps, themeImport_ThemeComponentOverrides as ThemeComponentOverrides, themeImport_ThemeContextValue as ThemeContextValue, themeImport_ThemeErrorBoundaryProps as ThemeErrorBoundaryProps, themeImport_ThemeInspectorProps as ThemeInspectorProps, themeImport_ThemeLiveEditorProps as ThemeLiveEditorProps, themeImport_ThemeLoadOptions as ThemeLoadOptions, themeImport_ThemeManagerConfig as ThemeManagerConfig, themeImport_ThemeMetadata as ThemeMetadata, themeImport_ThemePreviewProps as ThemePreviewProps, themeImport_ThemeProviderProps as ThemeProviderProps, themeImport_ThemeValidationResult as ThemeValidationResult, themeImport_UseThemeReturn as UseThemeReturn };
 }
 
 /**
@@ -11926,15 +12332,16 @@ interface AnimatedChartProps extends Omit<ChartProps, 'type'> {
         size: number;
     };
 }
-declare const AnimatedChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AnimatedChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const AnimatedChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<AnimatedChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 type ButtonAsProp = {
     as?: ElementType;
     to?: string;
     href?: string;
+    LinkComponent?: React__default.ComponentType<any>;
     [key: string]: any;
 };
-declare const Button: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
+declare const Button: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
 
 /**
  * Accordion component for showing/hiding content panels
@@ -11976,16 +12383,16 @@ interface AccordionProps extends BaseComponentProps {
     /**
      * Custom style for the accordion
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
-declare const Accordion: react__default.FC<AccordionProps>;
+declare const Accordion: React__default.FC<AccordionProps>;
 
-interface AtomixLogoProps extends react__default.SVGProps<SVGSVGElement> {
+interface AtomixLogoProps extends React__default.SVGProps<SVGSVGElement> {
     height?: number | string;
     width?: number | string;
     color?: string;
 }
-declare const AtomixLogo: react__default.FC<AtomixLogoProps>;
+declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
 
 /**
  * AtomixGlass - A high-performance glass morphism component with liquid distortion effects
@@ -12060,11 +12467,11 @@ declare const AtomixLogo: react__default.FC<AtomixLogoProps>;
  */
 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 Avatar: React__default.FC<AvatarProps>;
 
-declare const AvatarGroup: react__default.FC<AvatarGroupProps>;
+declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
 
-declare const Badge: react__default.FC<BadgeProps>;
+declare const Badge: React__default.FC<BadgeProps>;
 
 interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -12102,7 +12509,7 @@ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
  * </Container>
  * ```
  */
-declare const Container: react__default.ForwardRefExoticComponent<ContainerProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Container: React__default.ForwardRefExoticComponent<ContainerProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface BlockProps extends HTMLAttributes<HTMLElement> {
     /**
@@ -12145,7 +12552,7 @@ interface BlockProps extends HTMLAttributes<HTMLElement> {
     /**
      * Custom styles object
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     /**
      * Background color variant
      */
@@ -12184,16 +12591,16 @@ interface BlockProps extends HTMLAttributes<HTMLElement> {
  * </Block>
  * ```
  */
-declare const Block: react__default.ForwardRefExoticComponent<BlockProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Block: React__default.ForwardRefExoticComponent<BlockProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * Callout component for displaying important messages, notifications, or alerts
  */
-declare const Callout: react__default.FC<CalloutProps>;
+declare const Callout: React__default.FC<CalloutProps>;
 
-declare const Card: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<CardProps & react__default.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
+declare const Card: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
 
-declare const ElevationCard: react__default.FC<ElevationCardProps>;
+declare const ElevationCard: React__default.FC<ElevationCardProps>;
 
 interface LineChartProps extends Omit<ChartProps, 'type'> {
     /**
@@ -12217,7 +12624,7 @@ interface LineChartProps extends Omit<ChartProps, 'type'> {
      */
     onBrushSelection?: (startIndex: number, endIndex: number) => void;
 }
-declare const LineChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<LineChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const LineChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<LineChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface AreaChartProps extends Omit<LineChartProps, 'lineOptions'> {
     /**
@@ -12225,7 +12632,7 @@ interface AreaChartProps extends Omit<LineChartProps, 'lineOptions'> {
      */
     areaOptions?: LineChartProps['lineOptions'];
 }
-declare const AreaChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<AreaChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const AreaChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<AreaChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface BarChartProps extends Omit<ChartProps, 'type'> {
     /**
@@ -12237,7 +12644,7 @@ interface BarChartProps extends Omit<ChartProps, 'type'> {
      */
     horizontal?: boolean;
 }
-declare const BarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<BarChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const BarChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<BarChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface BubbleDataPoint {
     label: string;
@@ -12303,7 +12710,7 @@ interface BubbleChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
         sizeBasedColoring?: boolean;
     };
 }
-declare const BubbleChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<BubbleChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const BubbleChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<BubbleChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface CandlestickDataPoint {
     /**
@@ -12402,14 +12809,14 @@ interface CandlestickChartProps extends Omit<ChartProps, 'type' | 'datasets' | '
         showTooltips?: boolean;
     };
 }
-declare const CandlestickChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<CandlestickChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const CandlestickChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CandlestickChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
-declare const Chart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const Chart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<ChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 /**
  * Enhanced chart renderer component with comprehensive functionality
  */
-declare const ChartRenderer: react.MemoExoticComponent<react.ForwardRefExoticComponent<{
+declare const ChartRenderer: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<{
     datasets: ChartProps$1["datasets"];
     config?: ChartProps$1["config"];
     width?: number;
@@ -12420,7 +12827,7 @@ declare const ChartRenderer: react.MemoExoticComponent<react.ForwardRefExoticCom
     enableAccessibility?: boolean;
     enablePerformanceOptimization?: boolean;
     renderContent: (params: ChartRenderContentParams) => React.ReactNode;
-} & react.RefAttributes<SVGSVGElement>>>;
+} & React$1.RefAttributes<SVGSVGElement>>>;
 
 type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type IconWeight = 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
@@ -12449,7 +12856,7 @@ interface IconProps {
     /**
      * Custom style
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     /**
      * Alt text for accessibility
      */
@@ -12458,7 +12865,7 @@ interface IconProps {
 /**
  * Icon component that displays a Phosphor icon
  */
-declare const Icon: react__default.FC<IconProps>;
+declare const Icon: React__default.FC<IconProps>;
 
 interface PieChartProps extends Omit<ChartProps, 'type'> {
     /**
@@ -12466,7 +12873,7 @@ interface PieChartProps extends Omit<ChartProps, 'type'> {
      */
     pieOptions?: PieChartOptions;
 }
-declare const PieChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<PieChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const PieChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<PieChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface DonutChartProps extends Omit<PieChartProps, 'type'> {
     /**
@@ -12495,7 +12902,7 @@ interface DonutChartProps extends Omit<PieChartProps, 'type'> {
         roundedCorners?: boolean;
     };
 }
-declare const DonutChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<DonutChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const DonutChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<DonutChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface FunnelDataPoint {
     label: string;
@@ -12587,7 +12994,7 @@ interface FunnelChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
         minSegmentRatio?: number;
     };
 }
-declare const FunnelChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<FunnelChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const FunnelChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<FunnelChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface GaugeChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
     /**
@@ -12685,7 +13092,7 @@ interface GaugeChartProps extends Omit<ChartProps, 'type' | 'datasets'> {
         labelPosition?: 'top' | 'bottom' | 'center';
     };
 }
-declare const GaugeChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<GaugeChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const GaugeChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<GaugeChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface HeatmapDataPoint {
     x: string | number;
@@ -12758,7 +13165,7 @@ interface HeatmapChartProps extends Omit<ChartProps, 'type' | 'datasets' | 'vari
      */
     showGrid?: boolean;
 }
-declare const HeatmapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<HeatmapChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const HeatmapChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<HeatmapChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface AxisConfig {
     /**
@@ -12875,7 +13282,7 @@ interface MultiAxisChartProps extends Omit<ChartProps$1, 'type'> {
         spanGaps?: boolean;
     };
 }
-declare const MultiAxisChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<MultiAxisChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const MultiAxisChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<MultiAxisChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface RadarChartProps extends Omit<ChartProps$1, 'type'> {
     /**
@@ -12932,7 +13339,7 @@ interface RadarChartProps extends Omit<ChartProps$1, 'type'> {
         scaleMax?: number;
     };
 }
-declare const RadarChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<RadarChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const RadarChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<RadarChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface ScatterChartProps extends Omit<ChartProps, 'type'> {
     /**
@@ -12953,7 +13360,7 @@ interface ScatterChartProps extends Omit<ChartProps, 'type'> {
         enableHoverEffects?: boolean;
     };
 }
-declare const ScatterChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<ScatterChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const ScatterChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<ScatterChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface TreemapDataPoint {
     id: string;
@@ -13043,7 +13450,7 @@ interface TreemapChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
         enableSelection?: boolean;
     };
 }
-declare const TreemapChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<TreemapChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const TreemapChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<TreemapChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 interface WaterfallDataPoint {
     label: string;
@@ -13128,14 +13535,14 @@ interface WaterfallChartProps extends Omit<ChartProps$1, 'type' | 'datasets'> {
         baselineColor?: string;
     };
 }
-declare const WaterfallChart: react.MemoExoticComponent<react.ForwardRefExoticComponent<WaterfallChartProps & react.RefAttributes<HTMLDivElement>>>;
+declare const WaterfallChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<WaterfallChartProps & React$1.RefAttributes<HTMLDivElement>>>;
 
 type ColorMode = 'light' | 'dark';
 interface ColorModeToggleProps {
     /** Additional CSS class names */
     className?: string;
     /** Inline styles */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     /** Controlled mode value */
     value?: ColorMode;
     /** Default mode (uncontrolled) */
@@ -13143,9 +13550,9 @@ interface ColorModeToggleProps {
     /** Callback when mode changes */
     onChange?: (mode: ColorMode) => void;
     /** Custom light mode icon */
-    lightIcon?: react__default.ReactNode;
+    lightIcon?: React__default.ReactNode;
     /** Custom dark mode icon */
-    darkIcon?: react__default.ReactNode;
+    darkIcon?: React__default.ReactNode;
     /** Size variant */
     size?: 'sm' | 'md' | 'lg';
     /** Disable the toggle */
@@ -13163,7 +13570,7 @@ interface ColorModeToggleProps {
     /** Show tooltip */
     showTooltip?: boolean;
 }
-declare const ColorModeToggle: react__default.FC<ColorModeToggleProps>;
+declare const ColorModeToggle: React__default.FC<ColorModeToggleProps>;
 
 interface CountdownProps {
     /** Target date/time as a Date or ISO string */
@@ -13177,11 +13584,11 @@ interface CountdownProps {
     /** Custom className */
     className?: string;
     /** Custom style */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     /** Optional callback when countdown reaches zero */
     onComplete?: () => void;
 }
-declare const Countdown: react__default.FC<CountdownProps>;
+declare const Countdown: React__default.FC<CountdownProps>;
 
 /**
  * DataTable - A flexible and accessible data table component
@@ -13196,18 +13603,18 @@ declare const Countdown: react__default.FC<CountdownProps>;
  * />
  * ```
  */
-declare const DataTable: react__default.FC<DataTableProps>;
+declare const DataTable: React__default.FC<DataTableProps>;
 
 /**
  * DatePicker component for selecting dates from a calendar interface.
  * Supports various display modes, date ranges, and customization options.
  */
-declare const DatePicker: react__default.ForwardRefExoticComponent<DatePickerProps & react__default.RefAttributes<DatePickerRef>>;
+declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<DatePickerRef>>;
 
 /**
  * Dropdown component for creating dropdown menus
  */
-declare const Dropdown: react__default.FC<DropdownProps>;
+declare const Dropdown: React__default.FC<DropdownProps>;
 
 /**
  * EdgePanel - A sliding panel component that appears from any screen edge
@@ -13254,12 +13661,12 @@ declare const Dropdown: react__default.FC<DropdownProps>;
  * </EdgePanel>
  * ```
  */
-declare const EdgePanel: react__default.FC<EdgePanelProps>;
+declare const EdgePanel: React__default.FC<EdgePanelProps>;
 
 /**
  * Checkbox - A component for checkbox inputs
  */
-declare const Checkbox: react__default.FC<CheckboxProps>;
+declare const Checkbox: React__default.FC<CheckboxProps>;
 
 /**
  * Footer component provides a comprehensive footer section with multiple layout options,
@@ -13284,7 +13691,7 @@ declare const Checkbox: react__default.FC<CheckboxProps>;
  * </Footer>
  * ```
  */
-declare const Footer: react__default.ForwardRefExoticComponent<FooterProps & react__default.RefAttributes<HTMLElement>>;
+declare const Footer: React__default.ForwardRefExoticComponent<FooterProps & React__default.RefAttributes<HTMLElement>>;
 
 /**
  * FooterSection component provides a section within the footer for organizing links and content.
@@ -13297,9 +13704,9 @@ declare const Footer: react__default.ForwardRefExoticComponent<FooterProps & rea
  * </FooterSection>
  * ```
  */
-declare const FooterSection: react__default.ForwardRefExoticComponent<FooterSectionProps & {
+declare const FooterSection: React__default.ForwardRefExoticComponent<FooterSectionProps & {
     showNewsletter?: boolean;
-} & react__default.RefAttributes<HTMLDivElement>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * FooterLink component provides styled links for use within footer sections.
@@ -13311,7 +13718,7 @@ declare const FooterSection: react__default.ForwardRefExoticComponent<FooterSect
  * </FooterLink>
  * ```
  */
-declare const FooterLink: react__default.ForwardRefExoticComponent<FooterLinkProps & react__default.RefAttributes<HTMLAnchorElement>>;
+declare const FooterLink: React__default.ForwardRefExoticComponent<FooterLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
 /**
  * FooterSocialLink component provides styled social media links with platform-specific icons.
@@ -13322,53 +13729,53 @@ declare const FooterLink: react__default.ForwardRefExoticComponent<FooterLinkPro
  * <FooterSocialLink platform="custom" url="https://example.com" icon={<CustomIcon />} label="Custom Platform" />
  * ```
  */
-declare const FooterSocialLink: react__default.ForwardRefExoticComponent<FooterSocialLinkProps & react__default.RefAttributes<HTMLAnchorElement>>;
+declare const FooterSocialLink: React__default.ForwardRefExoticComponent<FooterSocialLinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
 
 /**
  * Form - A component for creating form layouts
  */
-declare const Form: react__default.FC<FormProps>;
+declare const Form: React__default.FC<FormProps>;
 
 /**
  * FormGroup - A component for grouping form controls with labels and help text
  */
-declare const FormGroup: react__default.FC<FormGroupProps>;
+declare const FormGroup: React__default.FC<FormGroupProps>;
 
 /**
  * Input - A component for text input fields
  */
-declare const Input: react__default.ForwardRefExoticComponent<InputProps & react__default.RefAttributes<HTMLInputElement>>;
+declare const Input: React__default.ForwardRefExoticComponent<InputProps & React__default.RefAttributes<HTMLInputElement>>;
 
 /**
  * Radio - A component for radio button inputs
  */
-declare const Radio: react__default.FC<RadioProps>;
+declare const Radio: React__default.FC<RadioProps>;
 
 /**
  * Select - A component for dropdown selection
  */
-declare const Select: react__default.FC<SelectProps>;
+declare const Select: React__default.FC<SelectProps>;
 
 /**
  * Textarea - A component for multiline text input
  */
-declare const Textarea: react__default.ForwardRefExoticComponent<TextareaProps & react__default.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
 
-declare const Hero: react__default.FC<HeroProps>;
+declare const Hero: React__default.FC<HeroProps>;
 
-declare const List: react__default.FC<ListProps>;
+declare const List: React__default.FC<ListProps>;
 
-declare const ListGroup: react__default.FC<ListGroupProps>;
+declare const ListGroup: React__default.FC<ListGroupProps>;
 
 /**
  * Messages component for displaying a chat interface with messages, images, and file attachments
  */
-declare const Messages: react__default.FC<MessagesProps>;
+declare const Messages: React__default.FC<MessagesProps>;
 
 /**
  * Modal component for displaying overlay content
  */
-declare const Modal: react__default.FC<ModalProps>;
+declare const Modal: React__default.FC<ModalProps>;
 
 /**
  * Nav component provides a container for navigation items with proper alignment and accessibility.
@@ -13385,7 +13792,7 @@ declare const Modal: react__default.FC<ModalProps>;
  * </Nav>
  * ```
  */
-declare const Nav: react__default.ForwardRefExoticComponent<NavProps & react__default.RefAttributes<HTMLUListElement>>;
+declare const Nav: React__default.ForwardRefExoticComponent<NavProps & React__default.RefAttributes<HTMLUListElement>>;
 
 /**
  * NavItem component represents a single navigation item that can be a link, dropdown trigger, or mega menu trigger.
@@ -13415,7 +13822,7 @@ declare const Nav: react__default.ForwardRefExoticComponent<NavProps & react__de
  * </NavItem>
  * ```
  */
-declare const NavItem: react__default.ForwardRefExoticComponent<NavItemProps & react__default.RefAttributes<HTMLLIElement>>;
+declare const NavItem: React__default.ForwardRefExoticComponent<NavItemProps & React__default.RefAttributes<HTMLLIElement>>;
 
 /**
  * Navbar component provides a responsive navigation header with brand, navigation items,
@@ -13431,7 +13838,7 @@ declare const NavItem: react__default.ForwardRefExoticComponent<NavItemProps & r
  * </Navbar>
  * ```
  */
-declare const Navbar: react__default.ForwardRefExoticComponent<NavbarProps & react__default.RefAttributes<HTMLElement>>;
+declare const Navbar: React__default.ForwardRefExoticComponent<NavbarProps & React__default.RefAttributes<HTMLElement>>;
 
 /**
  * SideMenu component provides a collapsible navigation menu with title and menu items.
@@ -13448,7 +13855,7 @@ declare const Navbar: react__default.ForwardRefExoticComponent<NavbarProps & rea
  * </SideMenu>
  * ```
  */
-declare const SideMenu: react__default.ForwardRefExoticComponent<SideMenuProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const SideMenu: React__default.ForwardRefExoticComponent<SideMenuProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * SideMenuItem component represents a single navigation item in a side menu.
@@ -13475,7 +13882,7 @@ declare const SideMenu: react__default.ForwardRefExoticComponent<SideMenuProps &
  * </SideMenuItem>
  * ```
  */
-declare const SideMenuItem: react__default.ForwardRefExoticComponent<SideMenuItemProps & react__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const SideMenuItem: React__default.ForwardRefExoticComponent<SideMenuItemProps & React__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 
 /**
  * SideMenuList component provides a container for side menu items.
@@ -13489,9 +13896,9 @@ declare const SideMenuItem: react__default.ForwardRefExoticComponent<SideMenuIte
  * </SideMenuList>
  * ```
  */
-declare const SideMenuList: react__default.ForwardRefExoticComponent<SideMenuListProps & react__default.RefAttributes<HTMLUListElement>>;
+declare const SideMenuList: React__default.ForwardRefExoticComponent<SideMenuListProps & React__default.RefAttributes<HTMLUListElement>>;
 
-declare const Menu: react__default.FC<MenuProps>;
+declare const Menu: React__default.FC<MenuProps>;
 
 interface MenuDividerProps {
     /**
@@ -13499,19 +13906,19 @@ interface MenuDividerProps {
      */
     className?: string;
 }
-declare const MenuItem: react__default.FC<MenuItemProps>;
-declare const MenuDivider: react__default.FC<MenuDividerProps>;
+declare const MenuItem: React__default.FC<MenuItemProps>;
+declare const MenuDivider: React__default.FC<MenuDividerProps>;
 
-declare const MegaMenu: react__default.FC<MegaMenuProps>;
-declare const MegaMenuColumn: react__default.FC<MegaMenuColumnProps>;
-declare const MegaMenuLink: react__default.FC<MegaMenuLinkProps>;
+declare const MegaMenu: React__default.FC<MegaMenuProps>;
+declare const MegaMenuColumn: React__default.FC<MegaMenuColumnProps>;
+declare const MegaMenuLink: React__default.FC<MegaMenuLinkProps>;
 
-declare const NavDropdown: react__default.FC<NavDropdownProps>;
+declare const NavDropdown: React__default.FC<NavDropdownProps>;
 
 /**
  * Pagination component
  */
-declare const Pagination: react__default.FC<PaginationProps>;
+declare const Pagination: React__default.FC<PaginationProps>;
 
 /**
  * PhotoViewer component - A comprehensive image viewer with zoom, pan, navigation, and metadata display
@@ -13530,12 +13937,12 @@ declare const Pagination: react__default.FC<PaginationProps>;
  * @param props - PhotoViewerProps
  * @returns JSX.Element
  */
-declare const PhotoViewer: react__default.FC<PhotoViewerProps>;
+declare const PhotoViewer: React__default.FC<PhotoViewerProps>;
 
 /**
  * Popover component for displaying floating content
  */
-declare const Popover: react__default.FC<PopoverProps>;
+declare const Popover: React__default.FC<PopoverProps>;
 
 interface ProductReviewProps {
     /**
@@ -13573,14 +13980,14 @@ interface ProductReviewProps {
     /**
      * Inline style for the component
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 /**
  * ProductReview component for collecting user ratings and feedback
  */
-declare const ProductReview: react__default.FC<ProductReviewProps>;
+declare const ProductReview: React__default.FC<ProductReviewProps>;
 
-declare const Progress: react__default.ForwardRefExoticComponent<ProgressProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Progress: React__default.ForwardRefExoticComponent<ProgressProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * Rating component for displaying and collecting star ratings
@@ -13597,12 +14004,12 @@ declare const Progress: react__default.ForwardRefExoticComponent<ProgressProps &
  * // With half-star support
  * <Rating value={3.5} allowHalf maxValue={5} />
  */
-declare const Rating: react__default.ForwardRefExoticComponent<RatingProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Rating: React__default.ForwardRefExoticComponent<RatingProps & React__default.RefAttributes<HTMLDivElement>>;
 
 /**
  * River component for displaying content with image sections
  */
-declare const River: react__default.FC<RiverProps>;
+declare const River: React__default.FC<RiverProps>;
 
 interface SectionIntroProps {
     /**
@@ -13662,16 +14069,16 @@ interface SectionIntroProps {
     /**
      * Custom style for the section intro
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 /**
  * SectionIntro component for introducing content sections with titles, descriptions, and optional imagery
  */
-declare const SectionIntro: react__default.FC<SectionIntroProps>;
+declare const SectionIntro: React__default.FC<SectionIntroProps>;
 
-declare const Slider: react.ForwardRefExoticComponent<SliderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const Spinner: react__default.FC<SpinnerProps>;
+declare const Spinner: React__default.FC<SpinnerProps>;
 
 interface StepItem {
     /**
@@ -13685,7 +14092,7 @@ interface StepItem {
     /**
      * Optional custom content for the step
      */
-    content?: react__default.ReactNode;
+    content?: React__default.ReactNode;
 }
 interface StepsProps {
     /**
@@ -13711,7 +14118,7 @@ interface StepsProps {
     /**
      * Inline style for the component
      */
-    style?: react__default.CSSProperties;
+    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
@@ -13721,7 +14128,7 @@ interface StepsProps {
 /**
  * Steps component for displaying a sequence of steps
  */
-declare const Steps: react__default.FC<StepsProps>;
+declare const Steps: React__default.FC<StepsProps>;
 
 interface TabsItemProps {
     /**
@@ -13761,7 +14168,7 @@ interface TabsProps {
     /**
      * Custom style for the tab component
      */
-    style?: react__default.CSSProperties;
+    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
@@ -13771,7 +14178,7 @@ interface TabsProps {
 /**
  * Tabs component for switching between different content panels
  */
-declare const Tabs: react__default.FC<TabsProps>;
+declare const Tabs: React__default.FC<TabsProps>;
 
 interface TestimonialAuthor {
     /**
@@ -13815,14 +14222,14 @@ interface TestimonialProps {
     /**
      * Custom style for the testimonial
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 /**
  * Testimonial component for displaying customer quotes and feedback
  */
-declare const Testimonial: react__default.FC<TestimonialProps>;
+declare const Testimonial: React__default.FC<TestimonialProps>;
 
-declare const Todo: react__default.FC<TodoProps>;
+declare const Todo: React__default.FC<TodoProps>;
 
 interface ToggleProps {
     /**
@@ -13848,7 +14255,7 @@ interface ToggleProps {
     /**
      * Inline style for the component
      */
-    style?: react__default.CSSProperties;
+    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
@@ -13858,7 +14265,7 @@ interface ToggleProps {
 /**
  * Toggle component for switching between two states
  */
-declare const Toggle: react__default.FC<ToggleProps>;
+declare const Toggle: React__default.FC<ToggleProps>;
 
 interface TooltipProps {
     /**
@@ -13884,7 +14291,7 @@ interface TooltipProps {
     /**
      * Inline style for the component
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
     /**
      * Delay before showing the tooltip (in milliseconds)
      */
@@ -13899,7 +14306,7 @@ interface TooltipProps {
      */
     glass?: AtomixGlassProps | boolean;
 }
-declare const Tooltip: react__default.FC<TooltipProps>;
+declare const Tooltip: React__default.FC<TooltipProps>;
 
 interface UploadProps {
     /**
@@ -13941,7 +14348,7 @@ interface UploadProps {
     /**
      * Icon component or class name
      */
-    icon?: react__default.ReactNode;
+    icon?: React__default.ReactNode;
     /**
      * Called when files are selected
      */
@@ -13965,17 +14372,17 @@ interface UploadProps {
     /**
      * Custom style for the upload component
      */
-    style?: react__default.CSSProperties;
+    style?: React__default.CSSProperties;
 }
 /**
  * Upload component for file uploads with drag and drop
  */
-declare const Upload: react__default.FC<UploadProps>;
+declare const Upload: React__default.FC<UploadProps>;
 
 /**
  * Advanced Video Player Component
  */
-declare const VideoPlayer: react__default.ForwardRefExoticComponent<VideoPlayerProps & react__default.RefAttributes<HTMLVideoElement>>;
+declare const VideoPlayer: React__default.ForwardRefExoticComponent<VideoPlayerProps & React__default.RefAttributes<HTMLVideoElement>>;
 
 interface GridProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -14020,7 +14427,7 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
  * </Grid>
  * ```
  */
-declare const Grid: react__default.ForwardRefExoticComponent<GridProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface GridColProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -14100,7 +14507,7 @@ interface GridColProps extends HTMLAttributes<HTMLDivElement> {
  * GridCol component for creating columns within a Grid.
  * Uses the CSS grid column classes defined in _objects.grid.scss.
  */
-declare const GridCol: react__default.ForwardRefExoticComponent<GridColProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const GridCol: React__default.ForwardRefExoticComponent<GridColProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface RowProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -14138,7 +14545,7 @@ interface RowProps extends HTMLAttributes<HTMLDivElement> {
  * </Container>
  * ```
  */
-declare const Row: react__default.ForwardRefExoticComponent<RowProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Row: React__default.ForwardRefExoticComponent<RowProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface MasonryGridProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -14209,7 +14616,7 @@ interface MasonryGridProps extends HTMLAttributes<HTMLDivElement> {
  * </MasonryGrid>
  * ```
  */
-declare const MasonryGrid: react__default.ForwardRefExoticComponent<MasonryGridProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const MasonryGrid: React__default.ForwardRefExoticComponent<MasonryGridProps & React__default.RefAttributes<HTMLDivElement>>;
 
 interface MasonryGridItemProps extends HTMLAttributes<HTMLDivElement> {
     /**
@@ -14233,7 +14640,7 @@ interface MasonryGridItemProps extends HTMLAttributes<HTMLDivElement> {
  * </MasonryGrid>
  * ```
  */
-declare const MasonryGridItem: react__default.ForwardRefExoticComponent<MasonryGridItemProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const MasonryGridItem: React__default.ForwardRefExoticComponent<MasonryGridItemProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const layouts_Container: typeof Container;
 type layouts_ContainerProps = ContainerProps;
@@ -14258,25 +14665,25 @@ declare const atomix: {
     constants: typeof __lib_constants;
     types: typeof __lib_types;
     layouts: typeof layouts;
-    Accordion: react.FC<AccordionProps>;
-    AtomixLogo: react.FC<AtomixLogoProps>;
+    Accordion: React$1.FC<AccordionProps>;
+    AtomixLogo: React$1.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.MemoExoticComponent<react.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
-    Callout: react.FC<CalloutProps>;
-    Card: react.MemoExoticComponent<react.ForwardRefExoticComponent<CardProps & react.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
-    ElevationCard: react.FC<ElevationCardProps>;
-    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<{
+    Avatar: React$1.FC<AvatarProps>;
+    AvatarGroup: React$1.FC<AvatarGroupProps>;
+    Badge: React$1.FC<BadgeProps>;
+    Block: React$1.ForwardRefExoticComponent<BlockProps & React$1.RefAttributes<HTMLDivElement>>;
+    Breadcrumb: React$1.FC<BreadcrumbProps>;
+    Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
+    Callout: React$1.FC<CalloutProps>;
+    Card: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement | HTMLAnchorElement>>>;
+    ElevationCard: React$1.FC<ElevationCardProps>;
+    AnimatedChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<AnimatedChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    AreaChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<AreaChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    BarChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<BarChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    BubbleChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<BubbleChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    CandlestickChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CandlestickChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    Chart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<ChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    ChartRenderer: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<{
         datasets: ChartProps$1["datasets"];
         config?: ChartProps$1["config"];
         width?: number;
@@ -14287,75 +14694,75 @@ declare const atomix: {
         enableAccessibility?: boolean;
         enablePerformanceOptimization?: boolean;
         renderContent: (params: ChartRenderContentParams) => React.ReactNode;
-    } & react.RefAttributes<SVGSVGElement>>>;
-    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 & {
+    } & React$1.RefAttributes<SVGSVGElement>>>;
+    DonutChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<DonutChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    FunnelChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<FunnelChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    GaugeChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<GaugeChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    HeatmapChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<HeatmapChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    LineChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<LineChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    MultiAxisChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<MultiAxisChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    PieChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<PieChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    RadarChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<RadarChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    ScatterChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<ScatterChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    TreemapChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<TreemapChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    WaterfallChart: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<WaterfallChartProps & React$1.RefAttributes<HTMLDivElement>>>;
+    ColorModeToggle: React$1.FC<ColorModeToggleProps>;
+    Countdown: React$1.FC<CountdownProps>;
+    DataTable: React$1.FC<DataTableProps>;
+    DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<DatePickerRef>>;
+    Dropdown: React$1.FC<DropdownProps>;
+    EdgePanel: React$1.FC<EdgePanelProps>;
+    Checkbox: React$1.FC<CheckboxProps>;
+    Footer: React$1.ForwardRefExoticComponent<FooterProps & React$1.RefAttributes<HTMLElement>>;
+    FooterSection: React$1.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>;
-    ListGroup: react.FC<ListGroupProps>;
-    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>>;
-    Menu: react.FC<MenuProps>;
-    MenuItem: react.FC<MenuItemProps>;
-    MenuDivider: react.FC<MenuDividerProps>;
-    MegaMenu: react.FC<MegaMenuProps>;
-    MegaMenuColumn: react.FC<MegaMenuColumnProps>;
-    MegaMenuLink: react.FC<MegaMenuLinkProps>;
-    NavDropdown: react.FC<NavDropdownProps>;
-    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>;
-    Tabs: react.FC<TabsProps>;
-    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>>;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    FooterLink: React$1.ForwardRefExoticComponent<FooterLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+    FooterSocialLink: React$1.ForwardRefExoticComponent<FooterSocialLinkProps & React$1.RefAttributes<HTMLAnchorElement>>;
+    Form: React$1.FC<FormProps>;
+    FormGroup: React$1.FC<FormGroupProps>;
+    Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+    Radio: React$1.FC<RadioProps>;
+    Select: React$1.FC<SelectProps>;
+    Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+    Hero: React$1.FC<HeroProps>;
+    Icon: React$1.FC<IconProps>;
+    List: React$1.FC<ListProps>;
+    ListGroup: React$1.FC<ListGroupProps>;
+    Messages: React$1.FC<MessagesProps>;
+    Modal: React$1.FC<ModalProps>;
+    Nav: React$1.ForwardRefExoticComponent<NavProps & React$1.RefAttributes<HTMLUListElement>>;
+    NavItem: React$1.ForwardRefExoticComponent<NavItemProps & React$1.RefAttributes<HTMLLIElement>>;
+    Navbar: React$1.ForwardRefExoticComponent<NavbarProps & React$1.RefAttributes<HTMLElement>>;
+    SideMenu: React$1.ForwardRefExoticComponent<SideMenuProps & React$1.RefAttributes<HTMLDivElement>>;
+    SideMenuItem: React$1.ForwardRefExoticComponent<SideMenuItemProps & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    SideMenuList: React$1.ForwardRefExoticComponent<SideMenuListProps & React$1.RefAttributes<HTMLUListElement>>;
+    Menu: React$1.FC<MenuProps>;
+    MenuItem: React$1.FC<MenuItemProps>;
+    MenuDivider: React$1.FC<MenuDividerProps>;
+    MegaMenu: React$1.FC<MegaMenuProps>;
+    MegaMenuColumn: React$1.FC<MegaMenuColumnProps>;
+    MegaMenuLink: React$1.FC<MegaMenuLinkProps>;
+    NavDropdown: React$1.FC<NavDropdownProps>;
+    Pagination: React$1.FC<PaginationProps>;
+    PhotoViewer: React$1.FC<PhotoViewerProps>;
+    Popover: React$1.FC<PopoverProps>;
+    ProductReview: React$1.FC<ProductReviewProps>;
+    Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
+    Rating: React$1.ForwardRefExoticComponent<RatingProps & React$1.RefAttributes<HTMLDivElement>>;
+    River: React$1.FC<RiverProps>;
+    SectionIntro: React$1.FC<SectionIntroProps>;
+    Slider: React$1.ForwardRefExoticComponent<SliderProps & React$1.RefAttributes<HTMLDivElement>>;
+    Spinner: React$1.FC<SpinnerProps>;
+    Steps: React$1.FC<StepsProps>;
+    Tabs: React$1.FC<TabsProps>;
+    Testimonial: React$1.FC<TestimonialProps>;
+    Todo: React$1.FC<TodoProps>;
+    Toggle: React$1.FC<ToggleProps>;
+    Tooltip: React$1.FC<TooltipProps>;
+    Upload: React$1.FC<UploadProps>;
+    VideoPlayer: React$1.ForwardRefExoticComponent<VideoPlayerProps & React$1.RefAttributes<HTMLVideoElement>>;
 };
 
-export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DOTS, DROPDOWN, DROPDOWN_CSS_VARS, DataTable, DatePicker, DonutChart, Dropdown, EDGE_PANEL, EdgePanel, ElevationCard, FOOTER, FORM, FORM_GROUP, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GLASS_CONTAINER, GaugeChart, Grid, GridCol, HERO, HeatmapChart, Hero, INPUT, INPUT_CSS_VARS, Icon, Input, LIST, LIST_GROUP, LineChart, List, ListGroup, MESSAGES, MODAL, MODAL_CSS_VARS, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, NAV, NAVBAR, Nav, NavDropdown, NavItem, Navbar, PAGINATION_DEFAULTS, PHOTOVIEWER, POPOVER, PROGRESS, PROGRESS_CSS_VARS, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RADIO, RADIO_CSS_VARS, RATING, RIVER, RadarChart, Radio, Rating, River, Row, SECTION_INTRO, SELECT, SIDE_MENU, SIZES, SLIDER, SPINNER, STEPS, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, TAB, TABS_CSS_VARS, TESTIMONIAL, TEXTAREA, THEME_COLORS, TODO, TOGGLE, TOOLTIP, TOOLTIP_CSS_VARS, Tabs, Testimonial, Textarea, ThemeApplicator, ThemeBuilder, ThemeContext, ThemeProvider, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, applyCSSVariables, applyCSSVarsToStyle, applyTheme, composables, constants, createCSSVarStyle, createDebugAttrs, createPartProps, createSlotComponent, createSlotProps, createTheme, createThemeBuilder, cssVarsToStyle, atomix as default, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateComponentCSSVars, generateUUID, getCSSVariable, getComponentCSSVars, getPartStyles, getThemeApplicator, hasCustomization, isSlot, isValidCSSVariableName, isYouTubeUrl, mapSCSSTokensToCSSVars, mergeCSSVars, mergeComponentProps, mergePartStyles, mergeSlots, removeCSSVariables, removeTheme, renderSlot, sliderConstants, theme, types, useAccordion, useAtomixGlass, useBadge, useBarChart, useBlock, useBreadcrumb, useButton, useCard, useChartData, useChartInteraction, useChartScale, useCheckbox, useComponentCustomization, useComponentDefaultProps, useDataTable, useEdgePanel, useForm, useFormGroup, useGlassContainer, useHero, useInput, useLineChart, useMergedProps, useModal, useNav, useNavDropdown, useNavItem, useNavbar, usePagination, usePieChart, useRadio, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlider, useSlot, useSpinner, useTextarea, useTheme, useTodo, utils };
-export type { AccordionParts, AccordionState, AnimatedChartProps, AreaChartProps, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, ButtonCSSVariable, ButtonIconSlotProps, ButtonLabelSlotProps, ButtonParts, ButtonProps, ButtonRootSlotProps, ButtonSpinnerSlotProps, CSSVariableConfig, CSSVariableNamingOptions, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardBodySlotProps, CardCSSVariable, CardFooterSlotProps, CardHeaderSlotProps, CardParts, CardProps, CardRootSlotProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartSize$1 as ChartSize, ChartType$1 as ChartType, CheckboxCSSVariable, CheckboxParts, CheckboxProps, CodeBlockProps, ColorModeToggleProps, ComponentCSSVariables, ComponentCustomization, ComponentName, ComponentParts, ComponentPartsMap, ComponentThemeOverride, ContainerProps, CountdownProps, CustomizableComponentProps, DataTableColumn, DataTableParts, DataTableProps, DatePickerProps, DisplacementMode, DonutChartProps, DropdownCSSVariable, DropdownDividerProps, DropdownHeaderProps, DropdownItemProps, DropdownMenuSlotProps, DropdownParts, DropdownPlacement, DropdownProps, DropdownRootSlotProps, DropdownToggleSlotProps, DropdownTrigger, EdgePanelMode, EdgePanelPosition, EdgePanelProps, ElementRefs, ElevationCardProps, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupParts, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GlassContainerProps, GlassMode, GlassSize, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroAlignment, HeroBackgroundSlide, HeroBackgroundSliderConfig, HeroProps, IconPosition, IconProps, ImageType, InputCSSVariable, InputElementSlotProps, InputParts, InputProps, InputRootSlotProps, LineChartOptions, LineChartProps, ListGroupProps, ListParts, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MergePropsOptions, MessageItem, MessagesProps, ModalBackdropSlotProps, ModalCSSVariable, ModalContentSlotProps, ModalDialogSlotProps, ModalParts, ModalProps, ModalRootSlotProps, MousePosition, MultiAxisChartProps, NavAlignment, NavDropdownProps, NavItemProps, NavProps, NavVariant, NavbarParts, NavbarPosition, NavbarProps, OverLightConfig, OverLightObjectConfig, PaginationProps, PartStyleProps, PhotoViewerProps, PieChartOptions, PieChartProps, PieSlice, PopoverProps, PopoverTriggerProps, ProductReviewProps, ProgressCSSVariable, ProgressParts, ProgressProps, RadarChartProps, RadioCSSVariable, RadioParts, RadioProps, RatingProps, RiverContentColumn, RiverProps, RowProps, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectOption, SelectParts, SelectProps, SideMenuItemProps, SideMenuListProps, SideMenuProps, Size, SliderAutoplay, SliderBreakpoint, SliderEffect, SliderLazy, SliderNavigation, SliderPagination, SliderProps, SliderRefs, SliderScrollbar, SliderSlide, SliderState, SliderThumbs, SliderVirtual, SliderZoom, SlotProps, SocialLink, SocialPlatform, SortConfig, SpinnerProps, StateModifier, StepsProps, TabsCSSVariable, TabsParts, TabsProps, TestimonialProps, TextareaParts, TextareaProps, Theme, ThemeChangeEvent, ThemeColor, ThemeComponentOverrides, ThemeContextValue, ThemeLoadOptions, ThemeManagerConfig, ThemeMetadata, ThemeName, ThemeProviderProps, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseDataTableProps, UseDataTableReturn, UseModalProps, UseModalReturn, UseSliderOptions, UseSliderReturn, UseThemeReturn, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, WaterfallChartProps, WaterfallDataPoint, listvariant };
+export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DOTS, DROPDOWN, DROPDOWN_CSS_VARS, DataTable, DatePicker, DonutChart, Dropdown, EDGE_PANEL, EdgePanel, ElevationCard, FOOTER, FORM, FORM_GROUP, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GLASS_CONTAINER, GaugeChart, Grid, GridCol, HERO, HeatmapChart, Hero, INPUT, INPUT_CSS_VARS, Icon, Input, LIST, LIST_GROUP, LineChart, List, ListGroup, MESSAGES, MODAL, MODAL_CSS_VARS, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, NAV, NAVBAR, Nav, NavDropdown, NavItem, Navbar, PAGINATION_DEFAULTS, PHOTOVIEWER, POPOVER, PROGRESS, PROGRESS_CSS_VARS, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RADIO, RADIO_CSS_VARS, RATING, RIVER, RTLManager, RadarChart, Radio, Rating, River, Row, SECTION_INTRO, SELECT, SIDE_MENU, SIZES, SLIDER, SPINNER, STEPS, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, TAB, TABS_CSS_VARS, TESTIMONIAL, TEXTAREA, THEME_COLORS, TODO, TOGGLE, TOOLTIP, TOOLTIP_CSS_VARS, Tabs, Testimonial, Textarea, ThemeApplicator, ThemeCLI, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemeManager, ThemePreview, ThemeProvider, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, applyCSSVariables, applyCSSVarsToStyle, applyTheme, composables, constants, createCLI, createCSSVarStyle, createDarkVariant, createDebugAttrs, createPartProps, createSlotComponent, createSlotProps, createTheme, createThemeFromConfig, cssVarsToStyle, atomix as default, defineConfig, exportTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateComponentCSSVars, generateUUID, getCSSVariable, getComponentCSSVars, getPartStyles, getThemeApplicator, hasCustomization, importTheme, isSlot, isValidCSSVariableName, isYouTubeUrl, loadAtomixConfig, mapSCSSTokensToCSSVars, mergeCSSVars, mergeComponentProps, mergePartStyles, mergeSlots, quickTheme, removeCSSVariables, removeTheme, renderSlot, resolveConfigPath, runCLI, sliderConstants, theme, themeToCSS, types, useAccordion, useAtomixGlass, useBadge, useBarChart, useBlock, useBreadcrumb, useButton, useCard, useChartData, useChartInteraction, useChartScale, useCheckbox, useComponentCustomization, useComponentDefaultProps, useDataTable, useEdgePanel, useForm, useFormGroup, useGlassContainer, useHero, useInput, useLineChart, useMergedProps, useModal, useNav, useNavDropdown, useNavItem, useNavbar, usePagination, usePieChart, useRadio, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlider, useSlot, useSpinner, useTextarea, useTheme, useTodo, utils, validateTheme };
+export type { AccordionParts, AccordionState, AnimatedChartProps, AreaChartProps, AtomixConfig, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, BuildConfig, ButtonCSSVariable, ButtonIconSlotProps, ButtonLabelSlotProps, ButtonParts, ButtonProps, ButtonRootSlotProps, ButtonSpinnerSlotProps, CLICommand, CSSThemeDefinition, CSSVariableConfig, CSSVariableNamingOptions, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardBodySlotProps, CardCSSVariable, CardFooterSlotProps, CardHeaderSlotProps, CardParts, CardProps, CardRootSlotProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartSize$1 as ChartSize, ChartType$1 as ChartType, CheckboxCSSVariable, CheckboxParts, CheckboxProps, CodeBlockProps, ColorModeToggleProps, ColorScale, ComponentCSSVariables, ComponentCustomization, ComponentName, ComponentParts, ComponentPartsMap, ComponentThemeOverride, ContainerProps, CountdownProps, CustomizableComponentProps, DataTableColumn, DataTableParts, DataTableProps, DatePickerProps, DisplacementMode, DonutChartProps, DropdownCSSVariable, DropdownDividerProps, DropdownHeaderProps, DropdownItemProps, DropdownMenuSlotProps, DropdownParts, DropdownPlacement, DropdownProps, DropdownRootSlotProps, DropdownToggleSlotProps, DropdownTrigger, EdgePanelMode, EdgePanelPosition, EdgePanelProps, ElementRefs, ElevationCardProps, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupParts, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GlassContainerProps, GlassMode, GlassSize, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroAlignment, HeroBackgroundSlide, HeroBackgroundSliderConfig, HeroProps, IconPosition, IconProps, ImageType, InputCSSVariable, InputElementSlotProps, InputParts, InputProps, InputRootSlotProps, IntegrationConfig, JSThemeDefinition, LineChartOptions, LineChartProps, ListGroupProps, ListParts, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MergePropsOptions, MessageItem, MessagesProps, ModalBackdropSlotProps, ModalCSSVariable, ModalContentSlotProps, ModalDialogSlotProps, ModalParts, ModalProps, ModalRootSlotProps, MousePosition, MultiAxisChartProps, NavAlignment, NavDropdownProps, NavItemProps, NavProps, NavVariant, NavbarParts, NavbarPosition, NavbarProps, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PhotoViewerProps, PieChartOptions, PieChartProps, PieSlice, PopoverProps, PopoverTriggerProps, ProductReviewProps, ProgressCSSVariable, ProgressParts, ProgressProps, RTLConfig, RadarChartProps, RadioCSSVariable, RadioParts, RadioProps, RatingProps, RiverContentColumn, RiverProps, RowProps, RuntimeConfig, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectOption, SelectParts, SelectProps, SideMenuItemProps, SideMenuListProps, SideMenuProps, Size, SliderAutoplay, SliderBreakpoint, SliderEffect, SliderLazy, SliderNavigation, SliderPagination, SliderProps, SliderRefs, SliderScrollbar, SliderSlide, SliderState, SliderThumbs, SliderVirtual, SliderZoom, SlotProps, SocialLink, SocialPlatform, SortConfig, SpinnerProps, StateModifier, StepsProps, TabsCSSVariable, TabsParts, TabsProps, TestimonialProps, TextareaParts, TextareaProps, Theme, ThemeChangeEvent, ThemeColor, ThemeComparatorProps, ThemeComponentOverrides, ThemeContextValue, ThemeDefinition, ThemeErrorBoundaryProps, ThemeInspectorProps, ThemeLiveEditorProps, ThemeLoadOptions, ThemeManagerConfig, ThemeMetadata, ThemeName, ThemePreviewProps, ThemeProviderProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseDataTableProps, UseDataTableReturn, UseModalProps, UseModalReturn, UseSliderOptions, UseSliderReturn, UseThemeReturn, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, WaterfallChartProps, WaterfallDataPoint, listvariant };