@umituz/react-native-design-system 4.25.99 → 4.25.100

package/dist/atoms/AtomicAvatar.d.ts

@@ -0,0 +1,44 @@
+/**
+ * AtomicAvatar - Universal Avatar Component
+ *
+ * Displays user profile images with fallback to initials
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: User profile image display
+ *
+ * Usage:
+ * - User profile pictures
+ * - Contact avatars
+ * - Group member avatars
+ * - Default user placeholders
+ */
+import React from 'react';
+import { ViewStyle, ImageStyle, ImageSourcePropType } from 'react-native';
+export interface AtomicAvatarProps {
+    /** Image source (URI or require) */
+    source?: ImageSourcePropType;
+    /** User's name for fallback initials */
+    name?: string;
+    /** Size of the avatar */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /** Custom size in pixels */
+    customSize?: number;
+    /** Background color for fallback */
+    backgroundColor?: string;
+    /** Text color for initials */
+    textColor?: string;
+    /** Border radius (default: circular) */
+    borderRadius?: number;
+    /** Border width */
+    borderWidth?: number;
+    /** Border color */
+    borderColor?: string;
+    /** Style overrides */
+    style?: ViewStyle | ViewStyle[];
+    /** Image style overrides */
+    imageStyle?: ImageStyle | ImageStyle[];
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const AtomicAvatar: React.FC<AtomicAvatarProps>;

package/dist/atoms/AtomicDatePicker.d.ts

@@ -0,0 +1,42 @@
+/**
+ * AtomicDatePicker Component
+ *
+ * A reusable date picker component that wraps the native date picker
+ * with consistent styling and behavior across platforms.
+ *
+ * Requires @react-native-community/datetimepicker as a peer dependency.
+ * If not installed, the component will render only the button with a
+ * console warning when pressed.
+ *
+ * @module AtomicDatePicker
+ */
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+/**
+ * Props for AtomicDatePicker component
+ */
+export interface AtomicDatePickerProps {
+    /** Selected date value */
+    value: Date | null;
+    /** Callback when date changes */
+    onChange: (date: Date) => void;
+    /** Optional label displayed above picker */
+    label?: string;
+    /** Optional error message displayed below picker */
+    error?: string;
+    /** Disable picker interaction */
+    disabled?: boolean;
+    /** Minimum selectable date */
+    minimumDate?: Date;
+    /** Maximum selectable date */
+    maximumDate?: Date;
+    /** Picker mode - date, time, or datetime (iOS only) */
+    mode?: 'date' | 'time' | 'datetime';
+    /** Placeholder text when no value selected */
+    placeholder?: string;
+    /** Optional test ID for E2E testing */
+    testID?: string;
+    /** Optional container style */
+    style?: StyleProp<ViewStyle>;
+}
+export declare const AtomicDatePicker: React.FC<AtomicDatePickerProps>;

package/dist/atoms/AtomicFab.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { AtomicFabProps } from './fab/types';
+import { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder } from './fab/styles/fabStyles';
+export type { FabSize, FabVariant, FabVariantConfig, FabSizeConfig, AtomicFabProps } from './fab/types';
+export { FAB_SIZES, getFabVariants, getFabIconSize, getFabBorder };
+/**
+ * AtomicFab - Floating Action Button Component
+ *
+ * A Material Design 3 compliant FAB component for primary actions.
+ * Follows CLAUDE.md standards for responsive positioning.
+ *
+ * @example
+ * ```tsx
+ * // IMPORTANT: FAB must be used at screen level, NOT inside ScrollView
+ * <ScreenLayout>
+ *   <ScrollView>
+ *     {/* Your content *\/}
+ *   </ScrollView>
+ *   <AtomicFab
+ *     icon="add"
+ *     onPress={handleAddItem}
+ *     variant="primary"
+ *     size="md"
+ *   />
+ * </ScreenLayout>
+ * ```
+ *
+ * Features:
+ * - Material Design 3 sizes (sm: 40px, md: 56px, lg: 72px)
+ * - Three variants: primary, secondary, surface
+ * - Responsive positioning (above tab bar, safe area aware)
+ * - Disabled state with opacity
+ * - Theme-aware colors from design tokens
+ * - Border for depth (no shadows per CLAUDE.md)
+ */
+export declare const AtomicFab: React.FC<AtomicFabProps>;

package/dist/atoms/AtomicInput.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextInput } from 'react-native';
+import type { AtomicInputProps } from './input/types';
+export declare const AtomicInput: React.ForwardRefExoticComponent<AtomicInputProps & React.RefAttributes<TextInput>>;

package/dist/atoms/AtomicKeyboardAvoidingView.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type KeyboardAvoidingViewProps } from 'react-native';
+export interface AtomicKeyboardAvoidingViewProps extends KeyboardAvoidingViewProps {
+    /**
+     * Optional offset to adjust the position of the content.
+     * On iOS, this is often necessary to account for headers, tabs, etc.
+     */
+    offset?: number;
+}
+/**
+ * AtomicKeyboardAvoidingView - A consistent wrapper for React Native's KeyboardAvoidingView
+ *
+ * Provides sensible defaults and OS-specific behaviors:
+ * - iOS: behavior="padding"
+ * - Android: behavior=undefined (handled by windowSoftInputMode="adjustResize")
+ */
+export declare const AtomicKeyboardAvoidingView: React.FC<AtomicKeyboardAvoidingViewProps>;

package/dist/atoms/AtomicPicker.d.ts

@@ -0,0 +1,9 @@
+/**
+ * AtomicPicker Component
+ *
+ * A reusable option picker/dropdown component for selecting from a list of options.
+ */
+import React from 'react';
+import { AtomicPickerProps } from './picker/types';
+export type { AtomicPickerProps, PickerOption, PickerSize } from './picker/types';
+export declare const AtomicPicker: React.FC<AtomicPickerProps>;

package/dist/atoms/AtomicProgress.d.ts

@@ -0,0 +1,42 @@
+/**
+ * AtomicProgress - Universal Progress Bar Component
+ *
+ * Displays progress bars for completion tracking
+ * Theme: {{THEME_NAME}} ({{CATEGORY}} category)
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Progress indication and completion tracking
+ *
+ * Usage:
+ * - File upload progress
+ * - Task completion progress
+ * - Achievement progress
+ * - Form completion
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface AtomicProgressProps {
+    /** Progress value (0-100) */
+    value: number;
+    /** Progress bar height */
+    height?: number;
+    /** Progress bar width */
+    width?: number | string;
+    /** Progress bar color */
+    color?: string;
+    /** Background color */
+    backgroundColor?: string;
+    /** Progress bar shape */
+    shape?: 'rounded' | 'square';
+    /** Whether to show percentage text */
+    showPercentage?: boolean;
+    /** Whether to show value text */
+    showValue?: boolean;
+    /** Custom text color */
+    textColor?: string;
+    /** Style overrides */
+    style?: ViewStyle | ViewStyle[];
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const AtomicProgress: React.FC<AtomicProgressProps>;

package/dist/atoms/AtomicSpinner.d.ts

@@ -0,0 +1,39 @@
+/**
+ * AtomicSpinner - Universal Loading Spinner Component
+ *
+ * Displays loading indicators with flexible configuration
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Loading state indication across all apps
+ *
+ * Usage:
+ * - Page loading states
+ * - Button loading states
+ * - Data fetching indicators
+ * - Async operation feedback
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export type SpinnerSize = 'sm' | 'md' | 'lg' | 'xl';
+export type SpinnerColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'white';
+export interface AtomicSpinnerProps {
+    /** Spinner size preset or custom number */
+    size?: SpinnerSize | number;
+    /** Spinner color preset or custom hex */
+    color?: SpinnerColor | string;
+    /** Optional loading text */
+    text?: string;
+    /** Text position relative to spinner */
+    textPosition?: 'bottom' | 'right';
+    /** Fill entire parent container */
+    fullContainer?: boolean;
+    /** Show semi-transparent overlay behind spinner */
+    overlay?: boolean;
+    /** Overlay background color */
+    overlayColor?: string;
+    /** Style overrides for container */
+    style?: ViewStyle | ViewStyle[];
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const AtomicSpinner: React.FC<AtomicSpinnerProps>;

package/dist/atoms/AtomicSwitch.d.ts

@@ -0,0 +1,18 @@
+/**
+ * AtomicSwitch - Toggle Switch Component
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Boolean toggle across all apps
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface AtomicSwitchProps {
+    label?: string;
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    disabled?: boolean;
+    description?: string;
+    style?: ViewStyle;
+    testID?: string;
+}
+export declare const AtomicSwitch: React.FC<AtomicSwitchProps>;

package/dist/atoms/AtomicText.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type TextProps } from 'react-native';
+import { type TextStyleVariant, type ColorVariant } from '../typography';
+export interface AtomicTextProps extends Omit<TextProps, 'style'> {
+    /** Typographic style variant from tokens */
+    type?: TextStyleVariant;
+    /** Color variant from tokens or custom hex color */
+    color?: ColorVariant | string;
+    /** Text alignment */
+    align?: TextStyle['textAlign'];
+    /** Font weight - convenience prop */
+    fontWeight?: TextStyle['fontWeight'];
+    /** Margin top - convenience prop using spacing tokens */
+    marginTop?: keyof ReturnType<typeof import('../theme').useAppDesignTokens>['spacing'];
+    /** Margin bottom - convenience prop using spacing tokens */
+    marginBottom?: keyof ReturnType<typeof import('../theme').useAppDesignTokens>['spacing'];
+    /** Content to render */
+    children: React.ReactNode;
+    /** Custom text style */
+    style?: StyleProp<TextStyle>;
+    /** Test ID for automation */
+    testID?: string;
+}
+/**
+ * AtomicText - Primitive Text Component
+ *
+ * ✅ Responsive by default
+ * ✅ Theme-aware
+ * ✅ SOLID, DRY, KISS
+ */
+export declare const AtomicText: ({ type, color, align, fontWeight, marginTop, marginBottom, children, style, testID, ...props }: AtomicTextProps) => React.JSX.Element;

package/dist/atoms/AtomicTextArea.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { TextInput, type ViewStyle, type StyleProp, type TextStyle } from 'react-native';
+export interface AtomicTextAreaProps {
+    /** Text area label */
+    label?: string;
+    /** Current value */
+    value?: string;
+    /** Value change callback */
+    onChangeText?: (text: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Helper text below input */
+    helperText?: string;
+    /** Error message to display */
+    errorText?: string;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Number of lines (default: 4) */
+    numberOfLines?: number;
+    /** Alternative to numberOfLines */
+    rows?: number;
+    /** Minimum height override */
+    minHeight?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Container style */
+    style?: StyleProp<ViewStyle>;
+    /** Input text style */
+    inputStyle?: StyleProp<TextStyle>;
+    /** Return key type */
+    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send';
+    /** Callback when submit button is pressed */
+    onSubmitEditing?: () => void;
+    /** Blur on submit */
+    blurOnSubmit?: boolean;
+    /** Test ID */
+    testID?: string;
+}
+/**
+ * AtomicTextArea - Multiline Text Input Component
+ * Consistent with AtomicInput but optimized for multiline usage.
+ */
+export declare const AtomicTextArea: React.ForwardRefExoticComponent<AtomicTextAreaProps & React.RefAttributes<TextInput>>;

package/dist/atoms/AtomicTouchable.d.ts

@@ -0,0 +1,29 @@
+/**
+ * AtomicTouchable - Touchable Component
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Touchable wrapper across all apps
+ */
+import React from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+export interface AtomicTouchableProps {
+    children: React.ReactNode;
+    onPress?: () => void;
+    onLongPress?: () => void;
+    disabled?: boolean;
+    activeOpacity?: number;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    accessibilityRole?: 'button' | 'link' | 'none' | 'text' | 'search' | 'image' | 'adjustable' | 'imagebutton' | 'header' | 'summary' | 'alert' | 'checkbox' | 'combobox' | 'menu' | 'menubar' | 'menuitem' | 'progressbar' | 'radio' | 'radiogroup' | 'scrollbar' | 'spinbutton' | 'switch' | 'tab' | 'tablist' | 'timer' | 'toolbar';
+    accessibilityState?: {
+        disabled?: boolean;
+        selected?: boolean;
+        checked?: boolean | 'mixed';
+        busy?: boolean;
+        expanded?: boolean;
+    };
+    accessible?: boolean;
+}
+export declare const AtomicTouchable: React.NamedExoticComponent<AtomicTouchableProps>;

package/dist/atoms/EmptyState.d.ts

@@ -0,0 +1,22 @@
+/**
+ * EmptyState - Universal Empty State Component
+ *
+ * Displays when no data is available
+ *
+ * Atomic Design Level: ATOM
+ * Purpose: Empty state indication across all apps
+ */
+import React from 'react';
+import { ViewStyle } from 'react-native';
+export interface EmptyStateProps {
+    icon?: string;
+    title: string;
+    subtitle?: string;
+    description?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+    illustration?: React.ReactNode;
+    style?: ViewStyle;
+    testID?: string;
+}
+export declare const EmptyState: React.FC<EmptyStateProps>;

package/dist/atoms/GlassView/GlassView.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ViewStyle, StyleProp } from 'react-native';
+export type GlassTint = 'light' | 'dark' | 'default' | 'prominent' | 'regular' | 'extraLight' | 'systemThinMaterial' | 'systemMaterial' | 'systemThickMaterial' | 'systemChromeMaterial' | 'systemUltraThinMaterial' | 'systemThinMaterialLight' | 'systemMaterialLight' | 'systemThickMaterialLight' | 'systemChromeMaterialLight' | 'systemUltraThinMaterialLight' | 'systemThinMaterialDark' | 'systemMaterialDark' | 'systemThickMaterialDark' | 'systemChromeMaterialDark' | 'systemUltraThinMaterialDark';
+export interface GlassViewProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    intensity?: number;
+    tint?: GlassTint;
+    experimentalBlurMethod?: 'dimezisBlurView' | 'none';
+}
+/**
+ * GlassView
+ *
+ * A wrapper component for glassmorphism effects.
+ * Currently uses a fallback transparency implementation to avoid native module issues with expo-blur.
+ */
+export declare const GlassView: React.FC<GlassViewProps>;

package/dist/atoms/badge/AtomicBadge.d.ts

@@ -0,0 +1,28 @@
+/**
+ * AtomicBadge Component
+ * Reusable badge for labels, status indicators, and tags
+ */
+import React from "react";
+import { type StyleProp, type ViewStyle, type TextStyle } from "react-native";
+import { type IconName } from "../icon";
+export type BadgeVariant = "primary" | "secondary" | "success" | "warning" | "error" | "info";
+export type BadgeSize = "sm" | "md" | "lg";
+export interface AtomicBadgeProps {
+    /** Badge text content */
+    text: string;
+    /** Visual variant */
+    variant?: BadgeVariant;
+    /** Size preset */
+    size?: BadgeSize;
+    /** Optional icon name (interpreted by app's icon renderer) */
+    icon?: IconName;
+    /** Icon position */
+    iconPosition?: "left" | "right";
+    /** Custom container style */
+    style?: StyleProp<ViewStyle>;
+    /** Custom text style */
+    textStyle?: StyleProp<TextStyle>;
+    /** Test ID for testing */
+    testID?: string;
+}
+export declare const AtomicBadge: React.FC<AtomicBadgeProps>;

package/dist/atoms/button/AtomicButton.d.ts

@@ -0,0 +1,8 @@
+/**
+ * AtomicButton Component
+ * Refactored: Extracted configs, styles, and types
+ */
+import React from 'react';
+import type { AtomicButtonProps } from './types';
+export declare const AtomicButton: React.FC<AtomicButtonProps>;
+export type { AtomicButtonProps, ButtonVariant, ButtonSize } from './types';

package/dist/atoms/button/configs/buttonSizeConfig.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Button Size Configuration
+ */
+import type { DesignTokens } from '../../../theme';
+import type { ButtonSize, ButtonSizeConfig } from '../types';
+export declare const getButtonSizeConfig: (size: ButtonSize, tokens: DesignTokens) => ButtonSizeConfig;

package/dist/atoms/button/styles/buttonStyles.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Button Base Styles
+ */
+export declare const buttonStyles: {
+    button: {
+        alignItems: "center";
+        justifyContent: "flex-start";
+        flexDirection: "row";
+    };
+    content: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "flex-start";
+    };
+    rowReverse: {
+        flexDirection: "row-reverse";
+    };
+    fullWidth: {
+        width: "100%";
+    };
+    disabled: {
+        opacity: number;
+    };
+    disabledText: {
+        opacity: number;
+    };
+    iconLeft: {
+        marginRight: number;
+    };
+    iconRight: {
+        marginLeft: number;
+    };
+};

package/dist/atoms/button/styles/buttonVariantStyles.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Button Variant Styles
+ */
+import type { DesignTokens } from '../../../theme';
+import type { ButtonVariant, ButtonVariantStyles } from '../types';
+export declare const getVariantStyles: (variant: ButtonVariant, tokens: DesignTokens) => ButtonVariantStyles;

package/dist/atoms/button/types/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * AtomicButton Type Definitions
+ */
+import type { StyleProp } from 'react-native';
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { IconName } from '../../icon';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'text' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface AtomicButtonProps {
+    readonly title?: string;
+    readonly children?: React.ReactNode;
+    readonly onPress: () => void;
+    readonly variant?: ButtonVariant;
+    readonly size?: ButtonSize;
+    readonly disabled?: boolean;
+    readonly loading?: boolean;
+    readonly icon?: IconName;
+    readonly iconPosition?: 'left' | 'right';
+    readonly fullWidth?: boolean;
+    readonly style?: StyleProp<ViewStyle>;
+    readonly textStyle?: StyleProp<TextStyle>;
+    readonly activeOpacity?: number;
+    readonly testID?: string;
+    readonly accessibilityLabel?: string;
+    readonly accessibilityHint?: string;
+    readonly accessibilityRole?: 'button' | 'link';
+}
+export interface ButtonSizeConfig {
+    readonly paddingVertical: number;
+    readonly paddingHorizontal: number;
+    readonly fontSize: number;
+    readonly iconSize: number;
+    readonly minHeight: number;
+}
+export interface ButtonVariantStyles {
+    readonly container: ViewStyle;
+    readonly text: TextStyle;
+}

package/dist/atoms/card/AtomicCard.d.ts

@@ -0,0 +1,9 @@
+/**
+ * AtomicCard
+ *
+ * Unified card component that handles base card states, media, info, and glowing effects.
+ * Replaces InfoCard, MediaCard, and GlowingCard molecules.
+ */
+import React from 'react';
+import type { AtomicCardProps } from './types';
+export declare const AtomicCard: React.NamedExoticComponent<AtomicCardProps>;

package/dist/atoms/card/configs/cardPaddingConfig.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Card Padding Configurations
+ */
+import type { DesignTokens } from '../../../theme';
+import type { CardPadding } from '../types';
+export declare const getCardPadding: (padding: CardPadding, tokens: DesignTokens) => number;

package/dist/atoms/card/styles/cardStyles.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Card Component Styles
+ */
+import { ViewStyle } from 'react-native';
+import type { DesignTokens } from '../../../theme';
+import type { CardVariant } from '../types';
+export declare const getCardVariantStyles: (variant: CardVariant, tokens: DesignTokens) => {
+    container: ViewStyle;
+};
+export declare const cardStyles: {
+    container: {
+        overflow: "hidden";
+        width: "100%";
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginBottom: number;
+    };
+    titleContainer: {
+        flex: number;
+    };
+    title: {
+        fontWeight: "700";
+    };
+    subtitle: {
+        marginTop: number;
+    };
+    description: {
+        marginTop: number;
+    };
+    image: {
+        width: "100%";
+    };
+    overlay: {
+        position: "absolute";
+        bottom: number;
+        left: number;
+        right: number;
+        backgroundColor: string;
+        padding: number;
+    };
+    badge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: number;
+        zIndex: number;
+    };
+    selectedOverlay: {
+        position: "absolute";
+        top: number;
+        right: number;
+        zIndex: number;
+    };
+};

package/dist/atoms/card/types.d.ts

@@ -0,0 +1,53 @@
+/**
+ * AtomicCard Type Definitions
+ */
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle, TextStyle, GestureResponderEvent, ImageSourcePropType } from 'react-native';
+export type CardVariant = 'elevated' | 'outlined' | 'filled' | 'glass' | 'glowing';
+export type CardPadding = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AtomicCardProps {
+    /** Main content of the card */
+    readonly children?: ReactNode;
+    /** Visual variant of the card */
+    readonly variant?: CardVariant;
+    /** Padding inside the card */
+    readonly padding?: CardPadding;
+    /** Optional title text */
+    readonly title?: string;
+    /** Optional subtitle text */
+    readonly subtitle?: string;
+    /** Optional description/content text */
+    readonly description?: string;
+    /** Image source to display */
+    readonly image?: string | ImageSourcePropType;
+    /** Whether the text should overlay the image */
+    readonly imageOverlay?: boolean;
+    /** Aspect ratio for the image */
+    readonly imageAspectRatio?: number;
+    /** Optional badge text displayed on corner */
+    readonly badge?: string;
+    /** Icon name to display on the left of title */
+    readonly leftIcon?: string;
+    /** Icon name to display on the right of title */
+    readonly rightIcon?: string;
+    /** Whether the card is in a selected state */
+    readonly selected?: boolean;
+    /** Color for the glow effect if variant is 'glowing' */
+    readonly glowColor?: string;
+    /** Intensity of the glow effect (0 to 1) */
+    readonly glowIntensity?: number;
+    /** Press handler */
+    readonly onPress?: (event: GestureResponderEvent) => void;
+    /** Whether the card is disabled */
+    readonly disabled?: boolean;
+    /** Custom container style */
+    readonly style?: StyleProp<ViewStyle>;
+    /** Custom title style */
+    readonly titleStyle?: StyleProp<TextStyle>;
+    /** Custom subtitle style */
+    readonly subtitleStyle?: StyleProp<TextStyle>;
+    /** Custom description style */
+    readonly descriptionStyle?: StyleProp<TextStyle>;
+    /** Test ID */
+    readonly testID?: string;
+}