/** * Centralized Design System Constants * * All base size configurations for components. * Prevents file proliferation and makes maintenance easier. */ export declare const AVATAR_SIZES: { readonly xs: { readonly size: 24; readonly fontSize: 10; readonly iconSize: 12; readonly statusSize: 6; readonly borderWidth: 1; }; readonly sm: { readonly size: 32; readonly fontSize: 12; readonly iconSize: 16; readonly statusSize: 8; readonly borderWidth: 1.5; }; readonly md: { readonly size: 40; readonly fontSize: 14; readonly iconSize: 20; readonly statusSize: 10; readonly borderWidth: 2; }; readonly lg: { readonly size: 56; readonly fontSize: 18; readonly iconSize: 28; readonly statusSize: 12; readonly borderWidth: 2; }; readonly xl: { readonly size: 80; readonly fontSize: 24; readonly iconSize: 40; readonly statusSize: 16; readonly borderWidth: 2.5; }; readonly xxl: { readonly size: 120; readonly fontSize: 36; readonly iconSize: 60; readonly statusSize: 20; readonly borderWidth: 3; }; }; export declare const ICON_SIZES: { readonly tiny: 16; readonly xs: 24; readonly sm: 28; readonly md: 32; readonly lg: 40; readonly xl: 56; readonly xxl: 80; }; export declare const BUTTON_SIZES: { readonly sm: { readonly paddingVertical: 8; readonly paddingHorizontal: 14; readonly fontSize: 10; readonly iconSize: 16; readonly minHeight: 32; }; readonly md: { readonly paddingVertical: 14; readonly paddingHorizontal: 20; readonly fontSize: 16; readonly iconSize: 20; readonly minHeight: 44; }; readonly lg: { readonly paddingVertical: 16; readonly paddingHorizontal: 24; readonly fontSize: 18; readonly iconSize: 24; readonly minHeight: 52; }; }; export declare const FAB_SIZE = 56; export declare const INPUT_SIZES: { readonly sm: { readonly paddingVertical: 8; readonly paddingHorizontal: 12; readonly fontSize: 12; readonly iconSize: 16; readonly minHeight: 40; }; readonly md: { readonly paddingVertical: 12; readonly paddingHorizontal: 16; readonly fontSize: 16; readonly iconSize: 20; readonly minHeight: 48; }; readonly lg: { readonly paddingVertical: 16; readonly paddingHorizontal: 20; readonly fontSize: 18; readonly iconSize: 24; readonly minHeight: 56; }; }; export declare const CARD_SIZES: { readonly padding: 16; readonly borderRadius: 12; readonly elevation: 2; }; export declare const MODAL_SIZES: { readonly maxWidth: 360; readonly padding: 28; readonly overlayPadding: 24; }; export declare const BOTTOM_SHEET_HANDLE: { readonly width: 40; readonly height: 4; readonly borderRadius: 2; }; export declare const LIST_ITEM: { readonly minHeight: 56; readonly paddingVertical: 12; readonly paddingHorizontal: 16; }; export declare const INFO_GRID_ICONS: { readonly small: 28; readonly large: 32; }; export declare const NAVIGATION: { readonly backButton: { readonly width: 40; readonly height: 40; }; readonly tabBar: { readonly height: 60; }; readonly headerHeight: 60; }; export declare const FONT_SIZES: { readonly labelSmall: 10; readonly bodySmall: 12; readonly bodyMedium: 16; readonly bodyLarge: 18; readonly titleSmall: 20; readonly titleMedium: 24; readonly titleLarge: 28; readonly headlineSmall: 32; readonly headlineMedium: 36; readonly displaySmall: 40; readonly displayLarge: 48; }; export declare const COUNTDOWN_SIZES: { readonly small: { readonly fontSize: 24; readonly minHeight: 70; }; readonly medium: { readonly fontSize: 32; readonly minHeight: 90; }; readonly large: { readonly fontSize: 40; readonly minHeight: 110; }; }; export declare const HERO_ICON: { readonly width: 120; readonly height: 120; readonly borderRadius: 60; }; export declare const EMPTY_STATE_ICON: { readonly width: 120; readonly height: 120; readonly borderRadius: 60; }; export declare const ALERT_MODAL_ICON: { readonly width: 76; readonly height: 76; readonly borderRadius: 38; readonly marginBottom: 20; }; export declare const SPACING: { readonly xs: 4; readonly sm: 8; readonly md: 12; readonly lg: 16; readonly xl: 20; readonly xxl: 24; }; export declare const STEP_INDICATOR: { readonly dot: { readonly width: 8; readonly height: 8; readonly borderRadius: 4; readonly marginHorizontal: 4; }; readonly progressBar: { readonly height: 4; readonly borderRadius: 2; }; readonly stepHeader: { readonly marginBottom: 32; readonly paddingHorizontal: 24; }; readonly title: 28; readonly subtitle: 16; }; export declare const DIVIDER_SIZES: { readonly none: 0; readonly small: 8; readonly medium: 16; readonly large: 24; }; export declare const MISC_SIZES: { readonly searchIcon: 32; readonly searchInputHeight: 48; readonly searchBorderRadius: 24; readonly searchPadding: 2; readonly swipeButtonMinWidth: 80; readonly splashMinHeight: 40; readonly countdownIcon: 36; }; export declare const AVATAR_COLORS: readonly ["#7E57C2", "#42A5F5", "#66BB6A", "#FFA726", "#EF5350", "#26C6DA", "#AB47BC", "#FF7043"]; export declare const STATUS_COLORS: { readonly online: "#4CAF50"; readonly offline: "#9E9E9E"; readonly away: "#FFC107"; readonly busy: "#F44336"; }; export declare const SHAPE_CONFIGS: { readonly rounded: 8; readonly squared: 0; readonly square: 0; }; export declare const FAB_SIZES: { readonly sm: 40; readonly md: 56; readonly lg: 72; }; export declare const CALENDAR: { readonly dayPadding: 16; readonly dayNamePadding: 4; readonly selectedBorderWidth: 4; readonly borderRadius: 12; readonly borderRadiusSm: 8; readonly borderRadiusXs: 2; readonly dayNameFontSize: 8; }; export declare const CONFIRMATION_MODAL: { readonly padding: 24; readonly borderRadius: 16; readonly width: "85%"; }; export declare const ICON_GRID: { readonly borderRadius: 24; readonly fontSize: 11; }; export declare const COUNTDOWN_TOGGLE: { readonly size: 36; readonly borderRadius: 18; };