import { ViewStyle } from 'react-native'; import { PlatformBlocksTheme } from './theme/types'; import { DESIGN_TOKENS } from './design-tokens'; /** * Utilities for consistent focus, hover, and interactive states */ export interface InteractiveStateConfig { focusRing?: boolean; hoverEffect?: boolean; pressedEffect?: boolean; disabledState?: boolean; } /** * Create consistent focus ring styles */ export declare function createFocusStyles(theme: PlatformBlocksTheme, visible?: boolean): ViewStyle; /** * Create consistent hover styles */ export declare function createHoverStyles(theme: PlatformBlocksTheme, baseColor: string, active?: boolean): ViewStyle; /** * Create consistent pressed/active styles */ export declare function createPressedStyles(theme: PlatformBlocksTheme, active?: boolean): ViewStyle; /** * Create consistent disabled styles */ export declare function createDisabledStyles(theme: PlatformBlocksTheme, disabled?: boolean): ViewStyle; /** * Create comprehensive interactive styles for any component */ export declare function createInteractiveStateStyles(theme: PlatformBlocksTheme, state: { focused?: boolean; hovered?: boolean; pressed?: boolean; disabled?: boolean; }, config?: InteractiveStateConfig): ViewStyle; /** * Create animated transition styles */ export declare function createTransitionStyles(properties?: string[], duration?: keyof typeof DESIGN_TOKENS.motion.duration): ViewStyle;