/** * DailyRitualCard Constants * * Design tokens and configuration for the Daily Ritual Card component */ /** * Component dimensions and spacing */ export declare const LAYOUT: { readonly cardWidth: { readonly xs: "100%"; readonly sm: "100%"; readonly md: "100%"; }; readonly headerSpacing: { readonly xs: 2; readonly sm: 3; }; readonly ritualCardSpacing: { readonly xs: 2; readonly sm: 2.5; }; readonly imageHeight: { readonly xs: 180; readonly sm: 200; readonly md: 220; }; readonly stepIconSize: { readonly xs: 20; readonly sm: 24; }; }; /** * Animation timings */ export declare const ANIMATION: { readonly hoverTransition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"; readonly buttonHoverTransition: "colors 0.2s ease-in-out"; }; /** * Typography variants */ export declare const TYPOGRAPHY: { readonly sectionTitle: { readonly variant: "h6"; readonly fontSize: { readonly xs: "1.25rem"; readonly sm: "1.5rem"; }; readonly fontWeight: 700; }; readonly ritualTitle: { readonly variant: "h6"; readonly fontSize: { readonly xs: "1.1rem"; readonly sm: "1.25rem"; }; readonly fontWeight: 600; }; readonly categoryBadge: { readonly variant: "caption"; readonly fontSize: { readonly xs: "0.75rem"; readonly sm: "0.8rem"; }; readonly fontWeight: 500; }; readonly description: { readonly variant: "body2"; readonly fontSize: { readonly xs: "0.875rem"; readonly sm: "0.9rem"; }; }; readonly stepText: { readonly variant: "body2"; readonly fontSize: { readonly xs: "0.8rem"; readonly sm: "0.85rem"; }; }; }; /** * Category color mappings * Maps category names to MUI theme colors */ export declare const CATEGORY_COLORS: Record; /** * Get category colors from theme palette * @param category - Category name * @returns Background and text color keys */ export declare const getCategoryColors: (category: string) => { bg: string; text: string; }; /** * Default text content */ export declare const TEXT: { readonly sectionTitle: "Ritual do Dia"; readonly exploreButton: "Explorar Rituais"; readonly loadingText: "Carregando rituais..."; readonly noRitualsText: "Nenhum ritual disponível no momento"; }; /** * Accessibility labels */ export declare const A11Y: { readonly exploreButtonAriaLabel: "Explorar todos os rituais disponíveis"; readonly ritualCardAriaLabel: (title: string) => string; readonly ritualImageAlt: (title: string) => string; readonly stepIconAriaLabel: "Ícone do passo"; };