import type { Theme } from '@mui/material'; /** * 부드러운 색상 및 transform 변화를 위한 transition * 버튼, 카드 등 인터랙티브 요소의 hover/focus 상태 변화에 사용 * * @param theme - MUI Theme 객체 * @returns CSS transition 문자열 * * @example * ```tsx * const theme = useTheme(); * const transition = smoothColorTransform(theme); * * * Content * * ``` */ export declare const smoothColorTransform: (theme: Theme) => string; /** * 빠른 상태 변화를 위한 transition * 토글, 스위치 등 즉각적인 피드백이 필요한 요소에 사용 * * @param theme - MUI Theme 객체 * @returns CSS transition 문자열 */ export declare const quickStateChange: (theme: Theme) => string; /** * 표준적인 상호작용을 위한 transition * 일반적인 UI 요소의 상태 변화에 사용 * * @param theme - MUI Theme 객체 * @returns CSS transition 문자열 */ export declare const standardInteraction: (theme: Theme) => string; /** * 호버 시 살짝 올라가는 효과를 위한 transition * 카드, 버튼 등 호버 시 transform 효과가 필요한 요소에 사용 * * @param theme - MUI Theme 객체 * @param options - 옵션 객체 * @param options.defaultLift - 기본 lift 값 (기본값: '-1px', Button과 동일) * @returns CSS transition 문자열 * * @example * ```tsx * const theme = useTheme(); * const transition = hoverLift(theme); // 기본값: -1px * const transitionLarge = hoverLift(theme, { defaultLift: '-8px' }); // 커스텀 값 * * * ``` */ export declare const hoverLift: (theme: Theme, options?: { defaultLift?: string; }) => string; /** * hoverLift transition과 함께 사용할 기본 lift 값 * Button 컴포넌트에서 사용하는 값과 동일 */ export declare const HOVER_LIFT_DEFAULT = "-1px"; /** * 복잡한 애니메이션을 위한 transition * 모달, 드로어 등 복잡한 상태 변화가 있는 요소에 사용 * * @param theme - MUI Theme 객체 * @returns CSS transition 문자열 */ export declare const complexAnimation: (theme: Theme) => string;