@shohojdhara/atomix 0.3.0 → 0.3.1

package/dist/index.d.ts

@@ -325,9 +325,19 @@ interface ButtonProps extends BaseComponentProps {
      */
     size?: Size;
     /**
-     * Optional icon
+     * Optional icon (ReactNode)
      */
     icon?: ReactNode;
+    /**
+     * Icon name from Phosphor Icons (simplified icon prop)
+     * When provided, automatically creates an Icon component
+     * @example iconName="Rocket" iconSize="sm"
+     */
+    iconName?: string;
+    /**
+     * Icon size (used with iconName prop)
+     */
+    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /**
      * Icon position (start or end)
      */
@@ -405,6 +415,15 @@ interface ButtonProps extends BaseComponentProps {
      * Tab index for keyboard navigation
      */
     tabIndex?: number;
+    /**
+     * Link URL - when provided, button renders as Next.js Link or anchor element
+     * Automatically wraps with Next.js Link if available, otherwise uses anchor
+     */
+    href?: string;
+    /**
+     * Link target attribute (used with href)
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top';
     /**
      * Custom style for the button
      */
@@ -991,21 +1010,6 @@ interface SideMenuProps extends BaseComponentProps {
      * Menu content (typically SideMenuList components)
      */
     children: ReactNode;
-    /**
-     * Menu items
-     */
-    menuItems?: {
-        title?: ReactNode;
-        toggleIcon?: ReactNode;
-        items?: {
-            title?: ReactNode;
-            icon?: ReactNode;
-            href?: string;
-            onClick?: (event: React.MouseEvent) => void;
-            active?: boolean;
-            disabled?: boolean;
-        }[];
-    }[];
     /**
      * Whether the menu is open (for controlled component)
      */
@@ -1041,10 +1045,57 @@ interface SideMenuProps extends BaseComponentProps {
      */
     glass?: boolean | Omit<AtomixGlassProps, 'children'>;
     /**
-     * Optional custom link component (e.g., Next.js Link)
+     * Optional custom link component (e.g., Next.js Link, React Router Link)
      * Will be passed to all SideMenuItem components
+     *
+     * @example
+     * ```tsx
+     * // Next.js
+     * import Link from 'next/link';
+     * <SideMenu LinkComponent={Link} />
+     *
+     * // React Router
+     * import { Link } from 'react-router-dom';
+     * <SideMenu LinkComponent={Link} />
+     * ```
+     */
+    LinkComponent?: React.ComponentType<{
+        href?: string;
+        to?: string;
+        children: React.ReactNode;
+        className?: string;
+        onClick?: (event: React.MouseEvent) => void;
+        target?: string;
+        rel?: string;
+        'aria-disabled'?: boolean;
+        'aria-current'?: string;
+        tabIndex?: number;
+        ref?: React.Ref<HTMLAnchorElement>;
+    }>;
+    /**
+     * Menu items
      */
-    LinkComponent?: React.ElementType;
+    menuItems?: Array<{
+        title?: ReactNode;
+        toggleIcon?: ReactNode;
+        items?: Array<{
+            title?: ReactNode;
+            icon?: ReactNode | undefined;
+            href?: string | undefined;
+            onClick?: (event: React.MouseEvent) => void | undefined;
+            active?: boolean | undefined;
+            disabled?: boolean | undefined;
+            as?: React.ComponentType<{
+                href?: string;
+                to?: string;
+                children: React.ReactNode;
+                className?: string;
+                onClick?: (event: React.MouseEvent) => void;
+                target?: string;
+                rel?: string;
+            }> | undefined;
+        }>;
+    }>;
 }
 /**
  * SideMenuList component properties
@@ -1088,9 +1139,33 @@ interface SideMenuItemProps extends BaseComponentProps {
      */
     rel?: string;
     /**
-     * Optional custom link component
-     */
-    LinkComponent?: React.ElementType;
+     * Optional custom link component (e.g., Next.js Link, React Router Link)
+     * If not provided, will use LinkComponent from parent SideMenu context
+     *
+     * @example
+     * ```tsx
+     * // Next.js
+     * import Link from 'next/link';
+     * <SideMenuItem href="/about" LinkComponent={Link}>About</SideMenuItem>
+     *
+     * // React Router
+     * import { Link } from 'react-router-dom';
+     * <SideMenuItem href="/about" LinkComponent={Link}>About</SideMenuItem>
+     * ```
+     */
+    LinkComponent?: React.ComponentType<{
+        href?: string;
+        to?: string;
+        children: React.ReactNode;
+        className?: string;
+        onClick?: (event: React.MouseEvent) => void;
+        target?: string;
+        rel?: string;
+        'aria-disabled'?: boolean;
+        'aria-current'?: string;
+        tabIndex?: number;
+        ref?: React.Ref<HTMLAnchorElement>;
+    }>;
 }
 /**
  * EdgePanel position options
@@ -2757,6 +2832,14 @@ interface CardProps extends BaseComponentProps {
      * Elevation level (shadow depth)
      */
     elevation?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Enable hover effects (adds hover elevation and transition)
+     */
+    hoverable?: boolean;
+    /**
+     * Elevation level on hover (only applies when hoverable is true)
+     */
+    hoverElevation?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
     /**
      * Row layout (horizontal card)
      */
@@ -5438,7 +5521,7 @@ type ButtonAsProp = {
     href?: string;
     [key: string]: any;
 };
-declare const Button: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react__default.RefAttributes<HTMLButtonElement>>>;
+declare const Button: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & react__default.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;
 
 type __lib_types_AccordionState = AccordionState;
 type __lib_types_AtomixGlassProps = AtomixGlassProps;
@@ -10827,7 +10910,7 @@ interface ThemeManagerConfig {
     /** Available themes metadata */
     themes: Record<string, ThemeMetadata>;
     /** Default theme to use */
-    defaultTheme?: string;
+    defaultTheme?: string | Theme;
     /** Base path for theme CSS files */
     basePath?: string;
     /** CDN path for theme CSS files (optional) */
@@ -10847,7 +10930,7 @@ interface ThemeManagerConfig {
     /** Use minified CSS files */
     useMinified?: boolean;
     /** Callback when theme changes */
-    onThemeChange?: (theme: string) => void;
+    onThemeChange?: (theme: string | Theme) => void;
     /** Callback when theme load fails */
     onError?: (error: Error, themeName: string) => void;
 }
@@ -10859,6 +10942,8 @@ interface ThemeChangeEvent {
     previousTheme: string | null;
     /** New theme name */
     currentTheme: string;
+    /** Theme object (for JS themes) */
+    themeObject?: Theme | null;
     /** Timestamp of the change */
     timestamp: number;
     /** Whether the change was from user action or system */
@@ -10925,7 +11010,7 @@ interface UseThemeOptions {
     /** Custom storage key */
     storageKey?: string;
     /** Callback when theme changes */
-    onChange?: (theme: string) => void;
+    onChange?: (theme: string | Theme) => void;
 }
 /**
  * React hook return type for useTheme
@@ -10933,8 +11018,10 @@ interface UseThemeOptions {
 interface UseThemeReturn {
     /** Current theme name */
     theme: string;
+    /** Current active theme object (for JS themes) */
+    activeTheme: Theme | null;
     /** Function to change theme */
-    setTheme: (theme: string, options?: ThemeLoadOptions) => Promise<void>;
+    setTheme: (theme: string | Theme, options?: ThemeLoadOptions) => Promise<void>;
     /** Available themes */
     availableThemes: ThemeMetadata[];
     /** Whether a theme is currently loading */
@@ -10953,7 +11040,7 @@ interface ThemeProviderProps {
     /** Child components */
     children: React.ReactNode;
     /** Default theme */
-    defaultTheme?: string;
+    defaultTheme?: string | Theme;
     /** Available themes */
     themes?: Record<string, ThemeMetadata>;
     /** Base path for theme CSS */
@@ -10973,7 +11060,7 @@ interface ThemeProviderProps {
     /** Use minified CSS */
     useMinified?: boolean;
     /** Callback when theme changes */
-    onThemeChange?: (theme: string) => void;
+    onThemeChange?: (theme: string | Theme) => void;
     /** Callback on error */
     onError?: (error: Error, themeName: string) => void;
 }
@@ -10981,10 +11068,12 @@ interface ThemeProviderProps {
  * Theme context value
  */
 interface ThemeContextValue {
-    /** Current theme */
+    /** Current theme name */
     theme: string;
+    /** Current active theme object (for JS themes) */
+    activeTheme: Theme | null;
     /** Set theme function */
-    setTheme: (theme: string, options?: ThemeLoadOptions) => Promise<void>;
+    setTheme: (theme: string | Theme, options?: ThemeLoadOptions) => Promise<void>;
     /** Available themes */
     availableThemes: ThemeMetadata[];
     /** Loading state */
@@ -10998,6 +11087,311 @@ interface ThemeContextValue {
     /** Theme manager instance */
     themeManager: ThemeManager;
 }
+/**
+ * Color palette configuration for a single color
+ */
+interface PaletteColor {
+    /** Main color value */
+    main: string;
+    /** Light variant (auto-generated if not provided) */
+    light?: string;
+    /** Dark variant (auto-generated if not provided) */
+    dark?: string;
+    /** 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;
+        paper?: string;
+        subtle?: string;
+    };
+    /** Text colors */
+    text?: {
+        primary?: string;
+        secondary?: string;
+        disabled?: string;
+    };
+    /** Additional custom colors */
+    [key: string]: any;
+}
+/**
+ * Typography configuration options for createTheme
+ */
+interface TypographyOptions {
+    /** Font family */
+    fontFamily?: string;
+    /** Base font size in pixels */
+    fontSize?: number;
+    /** Font weight scale */
+    fontWeightLight?: number;
+    fontWeightRegular?: number;
+    fontWeightMedium?: number;
+    fontWeightSemiBold?: number;
+    fontWeightBold?: number;
+    /** Heading configurations */
+    h1?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+        letterSpacing?: string;
+    };
+    h2?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+        letterSpacing?: string;
+    };
+    h3?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+        letterSpacing?: string;
+    };
+    h4?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+        letterSpacing?: string;
+    };
+    h5?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+        letterSpacing?: string;
+    };
+    h6?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+        letterSpacing?: string;
+    };
+    /** Body text configurations */
+    body1?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+    };
+    body2?: {
+        fontSize?: string | number;
+        fontWeight?: number;
+        lineHeight?: number | string;
+    };
+    /** Additional custom typography */
+    [key: string]: any;
+}
+/**
+ * Spacing function type
+ */
+type SpacingFunction = (...values: number[]) => string;
+/**
+ * Spacing configuration options for createTheme
+ */
+type SpacingOptions = number | number[] | SpacingFunction;
+/**
+ * Breakpoint values configuration
+ */
+interface BreakpointValues {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    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
+ */
+interface ShadowOptions {
+    xs?: string;
+    sm?: string;
+    md?: string;
+    lg?: string;
+    xl?: string;
+    [key: string]: string | undefined;
+}
+/**
+ * Transition configuration
+ */
+interface TransitionOptions {
+    /** Transition duration values */
+    duration?: {
+        shortest?: number;
+        shorter?: number;
+        short?: number;
+        standard?: number;
+        complex?: number;
+        enteringScreen?: number;
+        leavingScreen?: number;
+    };
+    /** Easing functions */
+    easing?: {
+        easeInOut?: string;
+        easeOut?: string;
+        easeIn?: string;
+        sharp?: string;
+    };
+}
+/**
+ * Z-index configuration
+ */
+interface ZIndexOptions {
+    mobileStepper?: number;
+    speedDial?: number;
+    appBar?: number;
+    drawer?: number;
+    modal?: number;
+    snackbar?: number;
+    tooltip?: number;
+    [key: string]: number | undefined;
+}
+/**
+ * Border radius configuration
+ */
+interface BorderRadiusOptions {
+    /** Base border radius */
+    base?: string | number;
+    /** Small border radius */
+    sm?: string | number;
+    /** Medium border radius */
+    md?: string | number;
+    /** Large border radius */
+    lg?: string | number;
+    /** Extra large border radius */
+    xl?: string | number;
+    /** 2X large border radius */
+    xxl?: string | number;
+    /** 3X large border radius */
+    '3xl'?: string | number;
+    /** 4X large border radius */
+    '4xl'?: string | number;
+    /** Pill shape (fully rounded) */
+    pill?: string | number;
+    [key: string]: string | number | undefined;
+}
+/**
+ * Custom theme properties for extension
+ * Users can augment this interface via module augmentation
+ */
+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
+ */
+interface Theme extends ThemeMetadata {
+    /** Color palette with computed values */
+    palette: {
+        primary: PaletteColor;
+        secondary: PaletteColor;
+        error: PaletteColor;
+        warning: PaletteColor;
+        info: PaletteColor;
+        success: PaletteColor;
+        background: {
+            default: string;
+            paper: string;
+            subtle: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+        };
+        [key: string]: any;
+    };
+    /** Typography with computed values */
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+        fontWeightLight: number;
+        fontWeightRegular: number;
+        fontWeightMedium: number;
+        fontWeightSemiBold: number;
+        fontWeightBold: number;
+        h1: Required<NonNullable<TypographyOptions['h1']>>;
+        h2: Required<NonNullable<TypographyOptions['h2']>>;
+        h3: Required<NonNullable<TypographyOptions['h3']>>;
+        h4: Required<NonNullable<TypographyOptions['h4']>>;
+        h5: Required<NonNullable<TypographyOptions['h5']>>;
+        h6: Required<NonNullable<TypographyOptions['h6']>>;
+        body1: Required<NonNullable<TypographyOptions['body1']>>;
+        body2: Required<NonNullable<TypographyOptions['body2']>>;
+        [key: string]: any;
+    };
+    /** Spacing function */
+    spacing: SpacingFunction;
+    /** Breakpoints with computed values */
+    breakpoints: {
+        values: Required<BreakpointValues>;
+        unit: string;
+        up: (key: keyof BreakpointValues | number) => string;
+        down: (key: keyof BreakpointValues | number) => string;
+        between: (start: keyof BreakpointValues | number, end: keyof BreakpointValues | number) => string;
+    };
+    /** Shadows */
+    shadows: Required<ShadowOptions>;
+    /** Transitions */
+    transitions: Required<TransitionOptions>;
+    /** Z-index values */
+    zIndex: Required<ZIndexOptions>;
+    /** Border radius values */
+    borderRadius: Required<BorderRadiusOptions>;
+    /** Custom properties */
+    custom: ThemeCustomProperties;
+    /** Indicates this is a JS theme (not CSS-only) */
+    __isJSTheme: true;
+}
 /**
  * Storage adapter interface for custom storage implementations
  */
@@ -11017,6 +11411,7 @@ interface StorageAdapter {
  *
  * Core theme management class for the Atomix Design System.
  * Handles theme loading, switching, persistence, and events.
+ * Supports both CSS-based themes and JavaScript-based themes.
  */
 
 /**
@@ -11037,6 +11432,7 @@ interface StorageAdapter {
 declare class ThemeManager {
     private config;
     private currentTheme;
+    private activeTheme;
     private loadedThemes;
     private loadingThemes;
     private eventListeners;
@@ -11058,6 +11454,10 @@ declare class ThemeManager {
      * @returns Current theme name
      */
     getTheme(): string;
+    /**
+     * Get the current active theme object (for JS themes)
+     */
+    getActiveTheme(): Theme | null;
     /**
      * Get all available themes
      *
@@ -11095,11 +11495,11 @@ declare class ThemeManager {
     /**
      * Set the current theme
      *
-     * @param themeName - Name of the theme to set
+     * @param themeOrName - Name of the theme or Theme object to set
      * @param options - Load options
      * @returns Promise that resolves when theme is applied
      */
-    setTheme(themeName: string, options?: ThemeLoadOptions): Promise<void>;
+    setTheme(themeOrName: string | Theme, options?: ThemeLoadOptions): Promise<void>;
     /**
      * Enable theme persistence
      *
@@ -11191,31 +11591,332 @@ declare const ThemeProvider: react__default.FC<ThemeProviderProps>;
  *
  * Access theme context and manage theme state in React components.
  * Must be used within a ThemeProvider.
+ */
+declare const useTheme: (options?: UseThemeOptions) => UseThemeReturn;
+
+/**
+ * Theme context with default values
+ */
+declare const ThemeContext: react.Context<ThemeContextValue>;
+
+/**
+ * createTheme - Create a theme object with computed values
  *
- * @param options - Hook options
- * @returns Theme state and methods
+ * Similar to Material-UI's createTheme, this function accepts theme configuration
+ * options and returns a complete theme object with computed values.
  *
  * @example
- * ```tsx
- * function ThemeSwitcher() {
- *   const { theme, setTheme, availableThemes, isLoading } = useTheme();
+ * ```typescript
+ * const theme = createTheme({
+ *   palette: {
+ *     primary: { main: '#7AFFD7' },
+ *     secondary: { main: '#FF5733' },
+ *   },
+ *   typography: {
+ *     fontFamily: 'Inter, sans-serif',
+ *   },
+ * });
+ * ```
+ */
+
+/**
+ * Create a theme object with computed values
  *
- *   return (
- *     <select value={theme} onChange={(e) => setTheme(e.target.value)}>
- *       {availableThemes.map(t => (
- *         <option key={t.class} value={t.class}>{t.name}</option>
- *       ))}
- *     </select>
- *   );
- * }
+ * @param options - Theme configuration options
+ * @returns Complete theme object
+ */
+declare function createTheme(...options: ThemeOptions[]): Theme;
+
+/**
+ * CSS Variable Generator
+ *
+ * Generates CSS custom properties from theme objects and injects them into the DOM.
+ * Follows the existing --atomix- prefix convention.
+ */
+
+/**
+ * Options for CSS variable generation
+ */
+interface GenerateCSSVariablesOptions {
+    /** CSS selector for the variables (default: ':root') */
+    selector?: string;
+    /** Whether to inject the CSS into the DOM */
+    inject?: boolean;
+    /** ID for the injected style element */
+    styleId?: string;
+    /** Prefix for CSS variables (default: 'atomix') */
+    prefix?: string;
+}
+/**
+ * Generate CSS custom properties from a theme object
+ *
+ * @param theme - Theme object created with createTheme
+ * @param options - Generation options
+ * @returns CSS string with custom properties
+ */
+declare function generateCSSVariables(theme: Theme, options?: GenerateCSSVariablesOptions): string;
+/**
+ * Inject CSS into the DOM
+ *
+ * @param css - CSS string to inject
+ * @param styleId - ID for the style element
+ */
+declare function injectCSS(css: string, styleId?: string): void;
+/**
+ * Remove injected CSS from the DOM
+ *
+ * @param styleId - ID of the style element to remove
+ */
+declare function removeInjectedCSS(styleId?: string): void;
+/**
+ * Generate CSS variables for a specific theme section
+ *
+ * @param theme - Theme object
+ * @param section - Theme section to generate variables for
+ * @param options - Generation options
+ * @returns CSS string with custom properties for the section
+ */
+declare function generateSectionVariables(theme: Theme, section: 'palette' | 'typography' | 'shadows' | 'transitions' | 'zIndex' | 'breakpoints' | 'spacing' | 'borders' | 'borderRadius' | 'focusRing', options?: GenerateCSSVariablesOptions): string;
+
+/**
+ * Theme Composition Utilities
+ *
+ * Utilities for composing, merging, and extending themes.
+ */
+
+/**
+ * Deep merge multiple objects
+ * Later objects override earlier ones
+ */
+declare function deepMerge<T extends Record<string, any>>(...objects: Partial<T>[]): T;
+/**
+ * Merge multiple theme options into a single theme options object
+ *
+ * @param themes - Theme options to merge
+ * @returns Merged theme options
+ *
+ * @example
+ * ```typescript
+ * const baseTheme = { palette: { primary: { main: '#000' } } };
+ * const customTheme = { palette: { secondary: { main: '#fff' } } };
+ * const merged = mergeTheme(baseTheme, customTheme);
  * ```
  */
-declare const useTheme: (options?: UseThemeOptions) => UseThemeReturn;
+declare function mergeTheme(...themes: ThemeOptions[]): ThemeOptions;
+/**
+ * Extend an existing theme with new options
+ *
+ * @param baseTheme - Base theme to extend (can be Theme or ThemeOptions)
+ * @param extension - Theme options to extend with
+ * @returns New theme with extended options
+ *
+ * @example
+ * ```typescript
+ * const base = createTheme({ palette: { primary: { main: '#000' } } });
+ * const extended = extendTheme(base, {
+ *   palette: { secondary: { main: '#fff' } }
+ * });
+ * ```
+ */
+declare function extendTheme(baseTheme: Theme | ThemeOptions, extension: ThemeOptions): Theme;
+/**
+ * Create light and dark variants from a base theme
+ *
+ * @param baseTheme - Base theme options
+ * @returns Object with light and dark theme variants
+ *
+ * @example
+ * ```typescript
+ * const { light, dark } = createThemeVariants({
+ *   palette: { primary: { main: '#7AFFD7' } }
+ * });
+ * ```
+ */
+declare function createThemeVariants(baseTheme: ThemeOptions): {
+    light: Theme;
+    dark: Theme;
+};
+/**
+ * Create a theme with specific overrides
+ *
+ * @param baseTheme - Base theme
+ * @param overrides - Specific overrides to apply
+ * @returns New theme with overrides
+ *
+ * @example
+ * ```typescript
+ * const theme = overrideTheme(baseTheme, {
+ *   'palette.primary.main': '#FF0000',
+ *   'typography.fontSize': 16,
+ * });
+ * ```
+ */
+declare function overrideTheme(baseTheme: Theme | ThemeOptions, overrides: Record<string, any>): Theme;
+/**
+ * Compose multiple themes by merging them in order
+ *
+ * @param themes - Themes to compose (later themes override earlier ones)
+ * @returns Composed theme
+ *
+ * @example
+ * ```typescript
+ * const theme = composeThemes(
+ *   baseTheme,
+ *   brandTheme,
+ *   customizationTheme
+ * );
+ * ```
+ */
+declare function composeThemes(...themes: (Theme | ThemeOptions)[]): Theme;
+/**
+ * Create a theme preset with common configurations
+ *
+ * @param preset - Preset name
+ * @param customizations - Additional customizations
+ * @returns Theme with preset applied
+ */
+declare function createThemePreset(preset: 'minimal' | 'modern' | 'classic' | 'vibrant', customizations?: ThemeOptions): Theme;
 
 /**
- * Theme context with default values
+ * Theme Utilities
+ *
+ * Helper utilities for working with themes, including color manipulation,
+ * spacing helpers, and theme value accessors.
  */
-declare const ThemeContext: react.Context<ThemeContextValue>;
+
+/**
+ * Convert hex color to RGB object
+ */
+declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Convert RGB to hex color
+ */
+declare function rgbToHex(r: number, g: number, b: number): string;
+/**
+ * Calculate relative luminance of a color
+ * Used for determining contrast ratios
+ */
+declare function getLuminance(color: string): number;
+/**
+ * Calculate contrast ratio between two colors
+ */
+declare function getContrastRatio(foreground: string, background: string): number;
+/**
+ * Get appropriate contrast text color (black or white) for a background color
+ */
+declare function getContrastText(background: string, threshold?: number): string;
+/**
+ * Lighten a color by a given amount
+ *
+ * @param color - Hex color string
+ * @param amount - Amount to lighten (0-1), default 0.2
+ * @returns Lightened hex color
+ */
+declare function lighten(color: string, amount?: number): string;
+/**
+ * Darken a color by a given amount
+ *
+ * @param color - Hex color string
+ * @param amount - Amount to darken (0-1), default 0.2
+ * @returns Darkened hex color
+ */
+declare function darken(color: string, amount?: number): string;
+/**
+ * Add alpha (opacity) to a color
+ *
+ * @param color - Hex color string
+ * @param opacity - Opacity value (0-1)
+ * @returns RGBA color string
+ */
+declare function alpha(color: string, opacity: number): string;
+/**
+ * Emphasize a color (lighten if dark, darken if light)
+ *
+ * @param color - Hex color string
+ * @param coefficient - Amount to emphasize (0-1), default 0.15
+ * @returns Emphasized hex color
+ */
+declare function emphasize(color: string, coefficient?: number): string;
+/**
+ * Create a spacing function with a given base unit
+ *
+ * @param base - Base spacing unit in pixels, default 4
+ * @returns Spacing function
+ */
+declare function createSpacing(base?: number): SpacingFunction;
+/**
+ * Get spacing value from theme
+ *
+ * @param theme - Theme object
+ * @param values - Spacing multipliers
+ * @returns Spacing string
+ */
+declare function spacing(theme: Theme, ...values: number[]): string;
+/**
+ * Safely get a nested value from theme using dot notation
+ *
+ * @param theme - Theme object
+ * @param path - Dot-notation path (e.g., 'palette.primary.main')
+ * @param fallback - Fallback value if path not found
+ * @returns Theme value or fallback
+ */
+declare function getThemeValue<T = any>(theme: Theme, path: string, fallback?: T): T;
+/**
+ * Check if a theme is a JS theme (created with createTheme)
+ */
+declare function isJSTheme(theme: any): theme is Theme;
+/**
+ * Get media query for breakpoint up
+ */
+declare function breakpointUp(theme: Theme, key: keyof Theme['breakpoints']['values'] | number): string;
+/**
+ * Get media query for breakpoint down
+ */
+declare function breakpointDown(theme: Theme, key: keyof Theme['breakpoints']['values'] | number): string;
+/**
+ * Get media query for breakpoint between
+ */
+declare function breakpointBetween(theme: Theme, start: keyof Theme['breakpoints']['values'] | number, end: keyof Theme['breakpoints']['values'] | number): string;
+/**
+ * Get typography variant styles
+ */
+declare function getTypography(theme: Theme, variant: keyof Theme['typography']): any;
+/**
+ * Convert rem to px based on theme font size
+ */
+declare function remToPx(theme: Theme, rem: number): number;
+/**
+ * Convert px to rem based on theme font size
+ */
+declare function pxToRem(theme: Theme, px: number): string;
+/**
+ * Get shadow value from theme
+ */
+declare function getShadow(theme: Theme, level: keyof Theme['shadows']): string;
+/**
+ * Create a transition string
+ */
+declare function createTransition(theme: Theme, props: string | string[], options?: {
+    duration?: keyof Theme['transitions']['duration'] | number;
+    easing?: keyof Theme['transitions']['easing'] | string;
+    delay?: number;
+}): string;
+/**
+ * Get transition duration
+ */
+declare function getTransitionDuration(theme: Theme, key: keyof Theme['transitions']['duration']): number;
+/**
+ * Get transition easing
+ */
+declare function getTransitionEasing(theme: Theme, key: keyof Theme['transitions']['easing']): string;
+/**
+ * Get z-index value from theme
+ */
+declare function getZIndex(theme: Theme, key: keyof Theme['zIndex']): number;
 
 /**
  * Theme Manager Utility Functions
@@ -11337,11 +12038,21 @@ declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: numbe
  * Exports all theme management utilities for the Atomix Design System
  */
 
+type themeImport_BreakpointValues = BreakpointValues;
+type themeImport_BreakpointsOptions = BreakpointsOptions;
+type themeImport_GenerateCSSVariablesOptions = GenerateCSSVariablesOptions;
+type themeImport_PaletteColor = PaletteColor;
+type themeImport_PaletteOptions = PaletteOptions;
+type themeImport_ShadowOptions = ShadowOptions;
+type themeImport_SpacingFunction = SpacingFunction;
+type themeImport_SpacingOptions = SpacingOptions;
 type themeImport_StorageAdapter = StorageAdapter;
+type themeImport_Theme = Theme;
 type themeImport_ThemeChangeCallback = ThemeChangeCallback;
 type themeImport_ThemeChangeEvent = ThemeChangeEvent;
 declare const themeImport_ThemeContext: typeof ThemeContext;
 type themeImport_ThemeContextValue = ThemeContextValue;
+type themeImport_ThemeCustomProperties = ThemeCustomProperties;
 type themeImport_ThemeErrorCallback = ThemeErrorCallback;
 type themeImport_ThemeEventListeners = ThemeEventListeners;
 type themeImport_ThemeLoadCallback = ThemeLoadCallback;
@@ -11351,31 +12062,71 @@ declare const themeImport_ThemeManager: typeof ThemeManager;
 type themeImport_ThemeManagerConfig = ThemeManagerConfig;
 type themeImport_ThemeManagerEvent = ThemeManagerEvent;
 type themeImport_ThemeMetadata = ThemeMetadata;
+type themeImport_ThemeOptions = ThemeOptions;
 declare const themeImport_ThemeProvider: typeof ThemeProvider;
 type themeImport_ThemeProviderProps = ThemeProviderProps;
 type themeImport_ThemeValidationResult = ThemeValidationResult;
+type themeImport_TransitionOptions = TransitionOptions;
+type themeImport_TypographyOptions = TypographyOptions;
 type themeImport_UseThemeOptions = UseThemeOptions;
 type themeImport_UseThemeReturn = UseThemeReturn;
+type themeImport_ZIndexOptions = ZIndexOptions;
+declare const themeImport_alpha: typeof alpha;
 declare const themeImport_applyThemeAttributes: typeof applyThemeAttributes;
+declare const themeImport_breakpointBetween: typeof breakpointBetween;
+declare const themeImport_breakpointDown: typeof breakpointDown;
+declare const themeImport_breakpointUp: typeof breakpointUp;
 declare const themeImport_buildThemePath: typeof buildThemePath;
+declare const themeImport_composeThemes: typeof composeThemes;
 declare const themeImport_createLocalStorageAdapter: typeof createLocalStorageAdapter;
+declare const themeImport_createSpacing: typeof createSpacing;
+declare const themeImport_createTheme: typeof createTheme;
+declare const themeImport_createThemePreset: typeof createThemePreset;
+declare const themeImport_createThemeVariants: typeof createThemeVariants;
+declare const themeImport_createTransition: typeof createTransition;
+declare const themeImport_darken: typeof darken;
 declare const themeImport_debounce: typeof debounce;
+declare const themeImport_deepMerge: typeof deepMerge;
+declare const themeImport_emphasize: typeof emphasize;
+declare const themeImport_extendTheme: typeof extendTheme;
+declare const themeImport_generateCSSVariables: typeof generateCSSVariables;
+declare const themeImport_generateSectionVariables: typeof generateSectionVariables;
+declare const themeImport_getContrastRatio: typeof getContrastRatio;
+declare const themeImport_getContrastText: typeof getContrastText;
 declare const themeImport_getCurrentThemeFromDOM: typeof getCurrentThemeFromDOM;
+declare const themeImport_getLuminance: typeof getLuminance;
+declare const themeImport_getShadow: typeof getShadow;
 declare const themeImport_getSystemTheme: typeof getSystemTheme;
 declare const themeImport_getThemeLinkId: typeof getThemeLinkId;
+declare const themeImport_getThemeValue: typeof getThemeValue;
+declare const themeImport_getTransitionDuration: typeof getTransitionDuration;
+declare const themeImport_getTransitionEasing: typeof getTransitionEasing;
+declare const themeImport_getTypography: typeof getTypography;
+declare const themeImport_getZIndex: typeof getZIndex;
+declare const themeImport_hexToRgb: typeof hexToRgb;
+declare const themeImport_injectCSS: typeof injectCSS;
 declare const themeImport_isBrowser: typeof isBrowser;
+declare const themeImport_isJSTheme: typeof isJSTheme;
 declare const themeImport_isServer: typeof isServer;
 declare const themeImport_isThemeLoaded: typeof isThemeLoaded;
 declare const themeImport_isValidThemeName: typeof isValidThemeName;
+declare const themeImport_lighten: typeof lighten;
 declare const themeImport_loadThemeCSS: typeof loadThemeCSS;
+declare const themeImport_mergeTheme: typeof mergeTheme;
+declare const themeImport_overrideTheme: typeof overrideTheme;
+declare const themeImport_pxToRem: typeof pxToRem;
+declare const themeImport_remToPx: typeof remToPx;
 declare const themeImport_removeAllThemeCSS: typeof removeAllThemeCSS;
+declare const themeImport_removeInjectedCSS: typeof removeInjectedCSS;
 declare const themeImport_removeThemeAttributes: typeof removeThemeAttributes;
 declare const themeImport_removeThemeCSS: typeof removeThemeCSS;
+declare const themeImport_rgbToHex: typeof rgbToHex;
+declare const themeImport_spacing: typeof spacing;
 declare const themeImport_useTheme: typeof useTheme;
 declare const themeImport_validateThemeMetadata: typeof validateThemeMetadata;
 declare namespace themeImport {
-  export { themeImport_ThemeContext as ThemeContext, ThemeContext as ThemeContextDefault, themeImport_ThemeManager as ThemeManager, ThemeManager as ThemeManagerDefault, themeImport_ThemeProvider as ThemeProvider, ThemeProvider as ThemeProviderDefault, themeImport_applyThemeAttributes as applyThemeAttributes, themeImport_buildThemePath as buildThemePath, themeImport_createLocalStorageAdapter as createLocalStorageAdapter, themeImport_debounce as debounce, themeImport_getCurrentThemeFromDOM as getCurrentThemeFromDOM, themeImport_getSystemTheme as getSystemTheme, themeImport_getThemeLinkId as getThemeLinkId, themeImport_isBrowser as isBrowser, themeImport_isServer as isServer, themeImport_isThemeLoaded as isThemeLoaded, themeImport_isValidThemeName as isValidThemeName, themeImport_loadThemeCSS as loadThemeCSS, themeImport_removeAllThemeCSS as removeAllThemeCSS, themeImport_removeThemeAttributes as removeThemeAttributes, themeImport_removeThemeCSS as removeThemeCSS, themeImport_useTheme as useTheme, useTheme as useThemeDefault, themeImport_validateThemeMetadata as validateThemeMetadata };
-  export type { themeImport_StorageAdapter as StorageAdapter, themeImport_ThemeChangeCallback as ThemeChangeCallback, themeImport_ThemeChangeEvent as ThemeChangeEvent, themeImport_ThemeContextValue as ThemeContextValue, themeImport_ThemeErrorCallback as ThemeErrorCallback, themeImport_ThemeEventListeners as ThemeEventListeners, themeImport_ThemeLoadCallback as ThemeLoadCallback, themeImport_ThemeLoadOptions as ThemeLoadOptions, themeImport_ThemeManagerConfig as ThemeManagerConfig, themeImport_ThemeManagerEvent as ThemeManagerEvent, themeImport_ThemeMetadata as ThemeMetadata, themeImport_ThemeProviderProps as ThemeProviderProps, themeImport_ThemeValidationResult as ThemeValidationResult, themeImport_UseThemeOptions as UseThemeOptions, themeImport_UseThemeReturn as UseThemeReturn };
+  export { themeImport_ThemeContext as ThemeContext, ThemeContext as ThemeContextDefault, themeImport_ThemeManager as ThemeManager, ThemeManager as ThemeManagerDefault, themeImport_ThemeProvider as ThemeProvider, ThemeProvider as ThemeProviderDefault, themeImport_alpha as alpha, themeImport_applyThemeAttributes as applyThemeAttributes, themeImport_breakpointBetween as breakpointBetween, themeImport_breakpointDown as breakpointDown, themeImport_breakpointUp as breakpointUp, themeImport_buildThemePath as buildThemePath, themeImport_composeThemes as composeThemes, themeImport_createLocalStorageAdapter as createLocalStorageAdapter, themeImport_createSpacing as createSpacing, themeImport_createTheme as createTheme, createTheme as createThemeDefault, themeImport_createThemePreset as createThemePreset, themeImport_createThemeVariants as createThemeVariants, themeImport_createTransition as createTransition, themeImport_darken as darken, themeImport_debounce as debounce, themeImport_deepMerge as deepMerge, themeImport_emphasize as emphasize, themeImport_extendTheme as extendTheme, themeImport_generateCSSVariables as generateCSSVariables, themeImport_generateSectionVariables as generateSectionVariables, themeImport_getContrastRatio as getContrastRatio, themeImport_getContrastText as getContrastText, themeImport_getCurrentThemeFromDOM as getCurrentThemeFromDOM, themeImport_getLuminance as getLuminance, themeImport_getShadow as getShadow, themeImport_getSystemTheme as getSystemTheme, themeImport_getThemeLinkId as getThemeLinkId, themeImport_getThemeValue as getThemeValue, themeImport_getTransitionDuration as getTransitionDuration, themeImport_getTransitionEasing as getTransitionEasing, themeImport_getTypography as getTypography, themeImport_getZIndex as getZIndex, themeImport_hexToRgb as hexToRgb, themeImport_injectCSS as injectCSS, themeImport_isBrowser as isBrowser, themeImport_isJSTheme as isJSTheme, themeImport_isServer as isServer, themeImport_isThemeLoaded as isThemeLoaded, themeImport_isValidThemeName as isValidThemeName, themeImport_lighten as lighten, themeImport_loadThemeCSS as loadThemeCSS, themeImport_mergeTheme as mergeTheme, themeImport_overrideTheme as overrideTheme, themeImport_pxToRem as pxToRem, themeImport_remToPx as remToPx, themeImport_removeAllThemeCSS as removeAllThemeCSS, themeImport_removeInjectedCSS as removeInjectedCSS, themeImport_removeThemeAttributes as removeThemeAttributes, themeImport_removeThemeCSS as removeThemeCSS, themeImport_rgbToHex as rgbToHex, themeImport_spacing as spacing, themeImport_useTheme as useTheme, useTheme as useThemeDefault, themeImport_validateThemeMetadata as validateThemeMetadata };
+  export type { themeImport_BreakpointValues as BreakpointValues, themeImport_BreakpointsOptions as BreakpointsOptions, themeImport_GenerateCSSVariablesOptions as GenerateCSSVariablesOptions, themeImport_PaletteColor as PaletteColor, themeImport_PaletteOptions as PaletteOptions, themeImport_ShadowOptions as ShadowOptions, themeImport_SpacingFunction as SpacingFunction, themeImport_SpacingOptions as SpacingOptions, themeImport_StorageAdapter as StorageAdapter, themeImport_Theme as Theme, themeImport_ThemeChangeCallback as ThemeChangeCallback, themeImport_ThemeChangeEvent as ThemeChangeEvent, themeImport_ThemeContextValue as ThemeContextValue, themeImport_ThemeCustomProperties as ThemeCustomProperties, themeImport_ThemeErrorCallback as ThemeErrorCallback, themeImport_ThemeEventListeners as ThemeEventListeners, themeImport_ThemeLoadCallback as ThemeLoadCallback, themeImport_ThemeLoadOptions as ThemeLoadOptions, themeImport_ThemeManagerConfig as ThemeManagerConfig, themeImport_ThemeManagerEvent as ThemeManagerEvent, themeImport_ThemeMetadata as ThemeMetadata, themeImport_ThemeOptions as ThemeOptions, themeImport_ThemeProviderProps as ThemeProviderProps, themeImport_ThemeValidationResult as ThemeValidationResult, themeImport_TransitionOptions as TransitionOptions, themeImport_TypographyOptions as TypographyOptions, themeImport_UseThemeOptions as UseThemeOptions, themeImport_UseThemeReturn as UseThemeReturn, themeImport_ZIndexOptions as ZIndexOptions };
 }
 
 declare const composables: typeof __lib_composables;
@@ -11673,7 +12424,7 @@ declare const atomix: {
     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>>>;
+    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>;
@@ -11764,5 +12515,5 @@ declare const atomix: {
     VideoPlayer: react.ForwardRefExoticComponent<VideoPlayerProps & react.RefAttributes<HTMLVideoElement>>;
 };
 
-export { Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DataTable, DatePicker, DonutChart, Dropdown, EdgePanel, ElevationCard, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HeatmapChart, Hero, Icon, Input, LineChart, List, ListGroup, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, Nav, NavDropdown, NavItem, Navbar, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RadarChart, Radio, Rating, River, Row, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, Tabs, Testimonial, Textarea, ThemeContext, ThemeContext as ThemeContextDefault, ThemeManager, ThemeManager as ThemeManagerDefault, ThemeProvider, ThemeProvider as ThemeProviderDefault, Todo, Toggle, Tooltip, TreemapChart, Upload, VideoPlayer, WaterfallChart, applyThemeAttributes, buildThemePath, composables, constants, createLocalStorageAdapter, debounce, atomix as default, getCurrentThemeFromDOM, getSystemTheme, getThemeLinkId, isBrowser, isServer, isThemeLoaded, isValidThemeName, loadThemeCSS, removeAllThemeCSS, removeThemeAttributes, removeThemeCSS, theme, types, useTheme, useTheme as useThemeDefault, utils, validateThemeMetadata };
-export type { AccordionProps, AnimatedChartProps, AreaChartProps, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarProps, BadgeProps, BarChartProps, BlockProps, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, ButtonProps, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardProps, ChartProps, CheckboxProps, ColorModeToggleProps, ContainerProps, CountdownProps, DataTableProps, DatePickerProps, DonutChartProps, DropdownProps, EdgePanelProps, ElevationCardProps, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroProps, IconProps, InputProps, LineChartProps, ListGroupProps, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MessagesProps, ModalProps, MultiAxisChartProps, NavDropdownProps, NavItemProps, NavProps, NavbarProps, PaginationProps, PhotoViewerProps, PieChartProps, PopoverProps, ProductReviewProps, ProgressProps, RadarChartProps, RadioProps, RatingProps, RiverProps, RowProps, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectProps, SideMenuItemProps, SideMenuListProps, SideMenuProps, SliderProps, SocialLink, SocialPlatform, SpinnerProps, StepsProps, StorageAdapter, TabsProps, TestimonialProps, TextareaProps, ThemeChangeCallback, ThemeChangeEvent, ThemeContextValue, ThemeErrorCallback, ThemeEventListeners, ThemeLoadCallback, ThemeLoadOptions, ThemeManagerConfig, ThemeManagerEvent, ThemeMetadata, ThemeProviderProps, ThemeValidationResult, TodoProps, ToggleProps, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseThemeOptions, UseThemeReturn, VideoPlayerProps, WaterfallChartProps, WaterfallDataPoint };
+export { Accordion, AnimatedChart, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DataTable, DatePicker, DonutChart, Dropdown, EdgePanel, ElevationCard, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HeatmapChart, Hero, Icon, Input, LineChart, List, ListGroup, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, Nav, NavDropdown, NavItem, Navbar, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RadarChart, Radio, Rating, River, Row, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, Tabs, Testimonial, Textarea, ThemeContext, ThemeContext as ThemeContextDefault, ThemeManager, ThemeManager as ThemeManagerDefault, ThemeProvider, ThemeProvider as ThemeProviderDefault, Todo, Toggle, Tooltip, TreemapChart, Upload, VideoPlayer, WaterfallChart, alpha, applyThemeAttributes, breakpointBetween, breakpointDown, breakpointUp, buildThemePath, composables, composeThemes, constants, createLocalStorageAdapter, createSpacing, createTheme, createTheme as createThemeDefault, createThemePreset, createThemeVariants, createTransition, darken, debounce, deepMerge, atomix as default, emphasize, extendTheme, generateCSSVariables, generateSectionVariables, getContrastRatio, getContrastText, getCurrentThemeFromDOM, getLuminance, getShadow, getSystemTheme, getThemeLinkId, getThemeValue, getTransitionDuration, getTransitionEasing, getTypography, getZIndex, hexToRgb, injectCSS, isBrowser, isJSTheme, isServer, isThemeLoaded, isValidThemeName, lighten, loadThemeCSS, mergeTheme, overrideTheme, pxToRem, remToPx, removeAllThemeCSS, removeInjectedCSS, removeThemeAttributes, removeThemeCSS, rgbToHex, spacing, theme, types, useTheme, useTheme as useThemeDefault, utils, validateThemeMetadata };
+export type { AccordionProps, AnimatedChartProps, AreaChartProps, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarProps, BadgeProps, BarChartProps, BlockProps, BreadcrumbProps, BreakpointValues, BreakpointsOptions, BubbleChartProps, BubbleDataPoint, ButtonProps, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardProps, ChartProps, CheckboxProps, ColorModeToggleProps, ContainerProps, CountdownProps, DataTableProps, DatePickerProps, DonutChartProps, DropdownProps, EdgePanelProps, ElevationCardProps, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GenerateCSSVariablesOptions, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroProps, IconProps, InputProps, LineChartProps, ListGroupProps, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MessagesProps, ModalProps, MultiAxisChartProps, NavDropdownProps, NavItemProps, NavProps, NavbarProps, PaginationProps, PaletteColor, PaletteOptions, PhotoViewerProps, PieChartProps, PopoverProps, ProductReviewProps, ProgressProps, RadarChartProps, RadioProps, RatingProps, RiverProps, RowProps, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectProps, ShadowOptions, SideMenuItemProps, SideMenuListProps, SideMenuProps, SliderProps, SocialLink, SocialPlatform, SpacingFunction, SpacingOptions, SpinnerProps, StepsProps, StorageAdapter, TabsProps, TestimonialProps, TextareaProps, Theme, ThemeChangeCallback, ThemeChangeEvent, ThemeContextValue, ThemeCustomProperties, ThemeErrorCallback, ThemeEventListeners, ThemeLoadCallback, ThemeLoadOptions, ThemeManagerConfig, ThemeManagerEvent, ThemeMetadata, ThemeOptions, ThemeProviderProps, ThemeValidationResult, TodoProps, ToggleProps, TooltipProps, TransitionOptions, TreemapChartProps, TreemapDataPoint, TreemapNode, TypographyOptions, UploadProps, UseThemeOptions, UseThemeReturn, VideoPlayerProps, WaterfallChartProps, WaterfallDataPoint, ZIndexOptions };