custom-mobile-ui 1.0.1

package/dist/components.d.mts

@@ -0,0 +1,3286 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ComponentType } from 'react';
+import * as react_native from 'react-native';
+import { StyleProp, ViewStyle, TextStyle, TextProps as TextProps$1, ImageStyle, KeyboardTypeOptions, ScrollViewProps, View, LayoutChangeEvent, Animated, ViewProps } from 'react-native';
+import { U as UISize } from './ui_config-LKHwCbDD.mjs';
+export { A as AlertModalExample, D as DateTimePickerExample, P as PopupMenuExample, T as TabPagerExample } from './PopupMenuExample-DAAku8nG.mjs';
+import { A as AppTheme } from './index-tIixPl5M.mjs';
+import { d as useTheme, a as AlertModalProps, c as AlertType } from './types-cxHozHqF.mjs';
+
+type ButtonSize = 'small' | 'medium' | 'large';
+type ButtonVariant = 'filled' | 'outlined' | 'tonal' | 'danger' | 'danger-outlined' | 'ghost' | 'link';
+interface CustomButtonProps {
+    /** Button label text */
+    label?: string;
+    /**
+     * Icon element/node (e.g. `<Home />` from `lucide-react-native`).
+     * If it's a React element, `iconSize` / `iconColor` will be applied automatically.
+     */
+    icon?: ReactNode;
+    /** Icon position relative to label (default 'left') */
+    iconPosition?: 'left' | 'right';
+    /** Button size preset (default 'medium') */
+    size?: ButtonSize;
+    /** Visual variant (default 'filled') */
+    variant?: ButtonVariant;
+    /** Show loading spinner (replaces icon) */
+    loading?: boolean;
+    /** Loading text (replaces label during loading, optional) */
+    loadingText?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Press handler */
+    onPress?: () => void;
+    /** Long press handler */
+    onLongPress?: () => void;
+    /** Make button fill parent width */
+    fullWidth?: boolean;
+    /** Custom height override (ignores size preset height) */
+    height?: number;
+    /** Custom border radius */
+    borderRadius?: number;
+    /** Custom button container style */
+    style?: StyleProp<ViewStyle>;
+    /** Custom label text style */
+    labelStyle?: StyleProp<TextStyle>;
+    /** Custom icon size override */
+    iconSize?: number;
+    /** Custom icon color override */
+    iconColor?: string;
+    /** Accessibility label */
+    accessibilityLabel?: string;
+    /** Test ID for testing */
+    testID?: string;
+    /** Optional children (renders instead of label/icon) */
+    children?: ReactNode;
+}
+
+declare function CustomButton({ label, icon, iconPosition, size, variant, loading, loadingText, disabled, onPress, onLongPress, fullWidth, height: customHeight, borderRadius: customRadius, style, labelStyle, iconSize: customIconSize, iconColor: customIconColor, accessibilityLabel, testID, children, }: CustomButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function CustomButtonExample(): react_jsx_runtime.JSX.Element;
+
+interface SizeConfig$1 {
+    height: number;
+    paddingHorizontal: number;
+    iconSize: number;
+    fontSize: number;
+    iconGap: number;
+    borderRadius: number;
+}
+declare const SIZE_CONFIG$1: Record<ButtonSize, SizeConfig$1>;
+interface VariantColors {
+    bg: string;
+    bgPressed: string;
+    bgDisabled: string;
+    text: string;
+    textDisabled: string;
+    border: string;
+    borderDisabled: string;
+    borderWidth: number;
+}
+declare const VARIANT_COLORS: Record<ButtonVariant, VariantColors>;
+
+type TextVariant = "display" | "heading" | "title" | "subtitle" | "body" | "caption" | "overline";
+type TextColorShortcut = "primary" | "secondary" | "muted" | "inverse" | "success" | "error" | "warning";
+type TextAlign = "left" | "center" | "right";
+interface TextProps extends TextProps$1 {
+    /** Preset typography variant with predefined size, weight, lineHeight, letterSpacing */
+    variant?: TextVariant;
+    /** Color shortcut name or custom hex string */
+    color?: TextColorShortcut | (string & {});
+    /** Text alignment shortcut */
+    align?: TextAlign;
+    /** Transform text to uppercase */
+    uppercase?: boolean;
+    /** Apply italic style */
+    italic?: boolean;
+    /** Apply underline decoration */
+    underline?: boolean;
+    /** Apply strikethrough decoration */
+    strikethrough?: boolean;
+    /** Allow text to be selectable / copyable */
+    selectable?: boolean;
+    /** Limit the number of lines before truncation */
+    numberOfLines?: number;
+    /** How to truncate text when numberOfLines is set */
+    ellipsizeMode?: "head" | "middle" | "tail" | "clip";
+}
+
+declare function Text({ style, variant, color, align, uppercase, italic, underline, strikethrough, selectable, numberOfLines, ellipsizeMode, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+
+type AvatarShape = "square" | "round";
+type AvatarMode = "single" | "group";
+type AvatarStatus = "online" | "offline" | "busy" | "away";
+type StatusPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+interface AvatarProps {
+    url?: string;
+    urls?: string[];
+    initials?: string;
+    shape?: AvatarShape;
+    mode?: AvatarMode;
+    size?: UISize | number;
+    maxCount?: number;
+    showLoader?: boolean;
+    backgroundColor?: string;
+    background?: "filledBg" | "lightBg" | string;
+    textColor?: string;
+    style?: StyleProp<ViewStyle>;
+    showShadow?: boolean;
+    showAnimatedAvatar?: boolean;
+    isSelected?: boolean;
+    icon?: React.ReactNode;
+    isLoading?: boolean;
+    /** Shows a colored status dot indicator */
+    status?: AvatarStatus;
+    /** Position of the status dot */
+    statusPosition?: StatusPosition;
+    /** Callback fired when the avatar is pressed */
+    onPress?: () => void;
+}
+
+declare const Avatar: React__default.FC<AvatarProps>;
+
+type BadgeVariant = "fill" | "outline" | "dashed" | "ghost";
+type BadgeShape = "square" | "rounded" | "pill";
+interface BadgeProps {
+    label?: string;
+    icon?: ReactNode;
+    size?: UISize;
+    variant?: BadgeVariant;
+    shape?: BadgeShape;
+    color?: string;
+    shadow?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** When true, renders a small colored dot with no text/icon */
+    dot?: boolean;
+    /** When label is a number greater than maxCount, displays as "maxCount+" (e.g. "99+") */
+    maxCount?: number;
+    /** Makes the badge tappable */
+    onPress?: () => void;
+    /** Shows a close (X) icon on the badge */
+    closable?: boolean;
+    /** Callback when the close icon is pressed */
+    onClose?: () => void;
+    /** When true, the badge plays a subtle scale bounce when label changes */
+    animated?: boolean;
+}
+
+declare const Badge: React__default.FC<BadgeProps>;
+
+interface CustomDividerProps {
+    /** Orientation. Default `'horizontal'`. */
+    direction?: 'horizontal' | 'vertical';
+    /** Optional text or element displayed in the middle of the line. */
+    label?: string | ReactNode;
+    /** Label alignment when horizontal. Default `'center'`. */
+    labelAlign?: 'left' | 'center' | 'right';
+    /** Thickness preset. Default `'medium'`. */
+    size?: UISize;
+    /** Line style. Default `'solid'`. */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /** Custom line color. Falls back to `theme.border.default`. */
+    color?: string;
+    /** Vertical margin (horizontal divider) or horizontal margin (vertical divider). */
+    spacing?: number;
+    /** Container style override. */
+    style?: StyleProp<ViewStyle>;
+    /** Label text style override. */
+    labelStyle?: StyleProp<TextStyle>;
+}
+
+declare function CustomDivider({ direction, label, labelAlign, size, variant, color, spacing, style, labelStyle, }: CustomDividerProps): react_jsx_runtime.JSX.Element;
+
+type IconWrapperVariant = 'filled' | 'tonal' | 'outlined' | 'ghost';
+type IconWrapperShape = 'circle' | 'rounded' | 'square';
+interface IconWrapperProps {
+    /** Icon element (lucide or any React node). */
+    icon: ReactNode;
+    /** Size preset. Default `'medium'`. */
+    size?: UISize;
+    /** Visual variant. Default `'tonal'`. */
+    variant?: IconWrapperVariant;
+    /** Container shape. Default `'rounded'`. */
+    shape?: IconWrapperShape;
+    /** Custom background color (overrides variant). */
+    backgroundColor?: string;
+    /** Custom icon color (overrides variant). */
+    iconColor?: string;
+    /** Custom border color (for `outlined` variant). */
+    borderColor?: string;
+    /** Press handler — makes the wrapper tappable with scale animation. */
+    onPress?: () => void;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Container style override. */
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function IconWrapper({ icon, size, variant, shape, backgroundColor, iconColor, borderColor, onPress, disabled, style, }: IconWrapperProps): react_jsx_runtime.JSX.Element;
+
+type NetworkImageDimensionValue = number | "auto" | `${number}%`;
+interface NetworkImageProps {
+    uri?: string;
+    /** Shown on the badge when provided (e.g. initials from the parent). */
+    userInitial?: string;
+    width?: NetworkImageDimensionValue;
+    height?: NetworkImageDimensionValue;
+    containerStyle?: StyleProp<ViewStyle>;
+    imageStyle?: StyleProp<ImageStyle>;
+    borderRadius?: number;
+    enableSelection?: boolean;
+    selected?: boolean;
+    onLongPress?: () => void;
+    onPress?: () => void;
+}
+
+declare const NetworkImage: React__default.FC<NetworkImageProps>;
+
+type ChipVariant = "filled" | "outlined" | "tonal";
+type ChipSize = "small" | "medium" | "large";
+interface ChipProps {
+    label: string;
+    variant?: ChipVariant;
+    size?: ChipSize;
+    icon?: ReactNode;
+    selected?: boolean;
+    onPress?: () => void;
+    onClose?: () => void;
+    disabled?: boolean;
+    color?: string;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function Chip({ label, variant, size, icon, selected, onPress, onClose, disabled, color, style, }: ChipProps): react_jsx_runtime.JSX.Element;
+
+type FieldType = 'text' | 'password' | 'multiline' | 'otp' | 'date' | 'time' | 'datetime' | 'select' | 'multiselect' | 'file' | 'image' | 'signature' | 'rating';
+interface SelectOption {
+    label: string;
+    value: string;
+    icon?: ReactNode;
+}
+interface BaseFieldProps {
+    /** Field type — drives which renderer is used. Default `'text'`. */
+    type?: FieldType;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    helperText?: string;
+    /** Return `true` if valid, `false` or an error string if invalid. */
+    validate?: (value: any) => boolean | string;
+    size?: UISize;
+    width?: number | string;
+    height?: number;
+    borderColor?: string;
+    focusColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    labelColor?: string;
+    errorColor?: string;
+    backgroundColor?: string;
+    helperColor?: string;
+    isOutlined?: boolean;
+    showShadow?: boolean;
+    borderRadius?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+    fieldContainerStyle?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    errorStyle?: StyleProp<TextStyle>;
+    helperStyle?: StyleProp<TextStyle>;
+}
+interface TextFieldProps extends BaseFieldProps {
+    type?: 'text' | 'password' | 'multiline';
+    value: string;
+    onChange: (text: string) => void;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    secure?: boolean;
+    multiline?: boolean;
+    maxLength?: number;
+    keyboardType?: KeyboardTypeOptions;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+}
+interface OtpFieldProps extends BaseFieldProps {
+    type: 'otp';
+    value: string;
+    onChange: (code: string) => void;
+    /** Number of OTP boxes. Default `6`. */
+    otpLength?: number;
+    /** Mask input with dots. */
+    otpSecure?: boolean;
+}
+interface DateTimeFieldProps extends BaseFieldProps {
+    type: 'date' | 'time' | 'datetime';
+    value: Date | null;
+    onChange: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    is24Hour?: boolean;
+}
+interface SelectFieldProps extends BaseFieldProps {
+    type: 'select' | 'multiselect';
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    options: SelectOption[];
+    searchable?: boolean;
+    selectTitle?: string;
+    /** 'bottomsheet' slides up from bottom, 'dropdown' overlays below field. Default: 'bottomsheet' */
+    selectMode?: 'bottomsheet' | 'dropdown';
+}
+interface FileFieldProps extends BaseFieldProps {
+    type: 'file' | 'image';
+    value: string | string[] | null;
+    onChange: (uri: string | string[]) => void;
+    multiple?: boolean;
+    /** Mime types for file picker, e.g. `['application/pdf']`. */
+    accept?: string[];
+}
+interface SignatureFieldProps extends BaseFieldProps {
+    type: 'signature';
+    value: string | null;
+    onChange: (base64: string) => void;
+}
+interface RatingFieldProps extends BaseFieldProps {
+    type: 'rating';
+    value: number;
+    onChange: (rating: number) => void;
+    /** Max number of stars. Default `5`. */
+    maxRating?: number;
+    /** Star icon size in px. */
+    ratingSize?: number;
+    /** Filled star color. */
+    ratingColor?: string;
+    /** Empty star color. */
+    ratingEmptyColor?: string;
+}
+type CustomFieldProps = TextFieldProps | OtpFieldProps | DateTimeFieldProps | SelectFieldProps | FileFieldProps | SignatureFieldProps | RatingFieldProps;
+
+declare function CustomField(props: CustomFieldProps): react_jsx_runtime.JSX.Element;
+
+interface FormScrollContextValue {
+    scrollToField: (fieldRef: React__default.RefObject<View>) => void;
+}
+/** Hook used by FieldWrapper to request scroll-into-view on focus. */
+declare function useFormScroll(): FormScrollContextValue;
+interface FormScrollViewProps extends ScrollViewProps {
+    /** Extra padding above keyboard when scrolling a field into view (default 40). */
+    extraPadding?: number;
+    children: React__default.ReactNode;
+}
+/**
+ * Drop-in replacement for `ScrollView` that automatically scrolls
+ * focused `CustomField` inputs above the keyboard.
+ *
+ * ```tsx
+ * <FormScrollView contentContainerStyle={{ padding: 16 }}>
+ *   <CustomField ... />
+ *   <CustomField ... />
+ * </FormScrollView>
+ * ```
+ */
+declare function FormScrollView({ children, extraPadding, contentContainerStyle, ...props }: FormScrollViewProps): react_jsx_runtime.JSX.Element;
+
+declare const FIELD_SIZES: {
+    readonly height: 48;
+    readonly borderRadius: 10;
+    readonly labelFontSize: 13;
+    readonly inputFontSize: 15;
+    readonly errorFontSize: 12;
+    readonly helperFontSize: 12;
+    readonly iconSize: 20;
+    readonly otpBoxSize: 48;
+    readonly ratingStarSize: 32;
+};
+
+interface CustomCheckboxProps {
+    /** Whether the checkbox is checked. */
+    value: boolean;
+    /** Called when the value changes. */
+    onValueChange: (value: boolean) => void;
+    /** Optional label text. */
+    label?: string;
+    /** Size preset. Default `'medium'`. */
+    size?: UISize;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Custom checked color. Falls back to `theme.primary.default`. */
+    activeColor?: string;
+    /** Custom border color. Falls back to `theme.border.default`. */
+    borderColor?: string;
+    /** Custom check icon color. Falls back to white. */
+    checkColor?: string;
+    /** Container style override. */
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function CustomCheckbox({ value, onValueChange, label, size, disabled, activeColor, borderColor, checkColor, style, }: CustomCheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface RadioOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface CustomRadioGroupProps {
+    /** Currently selected value. */
+    value: string;
+    /** Called when the selection changes. */
+    onValueChange: (value: string) => void;
+    /** List of radio options. */
+    options: RadioOption[];
+    /** Size preset. Default `'medium'`. */
+    size?: UISize;
+    /** Disabled state for the entire group. */
+    disabled?: boolean;
+    /** Layout direction. Default `'vertical'`. */
+    direction?: 'vertical' | 'horizontal';
+    /** Custom active color. Falls back to `theme.primary.default`. */
+    activeColor?: string;
+    /** Custom border color. Falls back to `theme.border.default`. */
+    borderColor?: string;
+    /** Container style override. */
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function CustomRadioGroup({ value, onValueChange, options, size, disabled, direction, activeColor, borderColor, style, }: CustomRadioGroupProps): react_jsx_runtime.JSX.Element;
+
+interface CustomSwitchProps {
+    value?: boolean;
+    defaultValue?: boolean;
+    onValueChange?: (value: boolean) => void;
+    size?: UISize;
+    disabled?: boolean;
+    activeColor?: string;
+    inactiveColor?: string;
+    thumbColor?: string;
+    style?: StyleProp<ViewStyle>;
+    loading?: boolean;
+}
+
+declare const CustomSwitch: React__default.FC<CustomSwitchProps>;
+
+interface SelectionItem {
+    id: string;
+    label: string;
+    color?: string;
+    Icon?: ComponentType<any>;
+}
+interface SelectionGroupProps {
+    label: string;
+    items: SelectionItem[];
+    selectedId: string;
+    onSelect: (id: string) => void;
+    defaultColor?: string;
+    defaultIcon?: ComponentType<any>;
+}
+
+declare const SelectionGroup: React__default.FC<SelectionGroupProps>;
+
+type PickerMode = 'date' | 'time' | 'datetime' | 'daterange' | 'timerange' | 'datetimerange' | 'multiple';
+interface TimeValue {
+    hour: number;
+    minute: number;
+}
+interface DateTimePickerProps {
+    mode?: PickerMode;
+    /** Selected date (for date / datetime / time modes) */
+    value?: Date;
+    onChange?: (date: Date) => void;
+    /** Range start (daterange / datetimerange) */
+    startDate?: Date;
+    /** Range end (daterange / datetimerange) */
+    endDate?: Date;
+    onRangeChange?: (start: Date, end: Date | undefined) => void;
+    /** Multiple selected dates */
+    selectedDates?: Date[];
+    onMultipleChange?: (dates: Date[]) => void;
+    /** Time value (time / timerange modes) */
+    time?: TimeValue;
+    onTimeChange?: (time: TimeValue) => void;
+    /** Start time (timerange mode) */
+    startTime?: TimeValue;
+    /** End time (timerange mode) */
+    endTime?: TimeValue;
+    onTimeRangeChange?: (start: TimeValue, end: TimeValue) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    is24Hour?: boolean;
+    firstDayOfWeek?: 0 | 1;
+    accentColor?: string;
+    rangeColor?: string;
+    minuteInterval?: 1 | 5 | 10 | 15 | 30;
+}
+interface MonthYear {
+    year: number;
+    month: number;
+}
+interface CalendarDay {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+}
+type DayState = 'none' | 'selected' | 'rangeStart' | 'rangeEnd' | 'rangeStartEnd' | 'inRange' | 'multiple' | 'today';
+
+declare function DateTimePicker(props: DateTimePickerProps): react_jsx_runtime.JSX.Element;
+
+interface DateTimePickerHeaderProps {
+    currentMonth: MonthYear;
+    headerTimeText: string | null;
+    accentColor: string;
+    onPrev: () => void;
+    onNext: () => void;
+}
+declare function DateTimePickerHeader({ currentMonth, headerTimeText, accentColor, onPrev, onNext, }: DateTimePickerHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface TimePickerProps {
+    hour: number;
+    minute: number;
+    onTimeChange: (hour: number, minute: number) => void;
+    is24Hour?: boolean;
+    minuteInterval?: number;
+    accentColor?: string;
+    label?: string;
+}
+declare function TimePicker({ hour, minute, onTimeChange, is24Hour, minuteInterval, accentColor, label, }: TimePickerProps): react_jsx_runtime.JSX.Element;
+
+/** Compute calendar height for a given container width */
+declare function getCalendarHeight(containerWidth: number): number;
+interface CalendarMonthProps {
+    year: number;
+    month: number;
+    mode: PickerMode;
+    /** Width of the pager page / calendar container */
+    containerWidth: number;
+    selectedDate?: Date;
+    rangeStart?: Date;
+    rangeEnd?: Date;
+    selectedDates?: Date[];
+    onDayPress: (date: Date) => void;
+    firstDayOfWeek?: 0 | 1;
+    accentColor?: string;
+    rangeColor?: string;
+    minDate?: Date;
+    maxDate?: Date;
+}
+declare function CalendarMonthInner({ year, month, mode, containerWidth, selectedDate, rangeStart, rangeEnd, selectedDates, onDayPress, firstDayOfWeek, accentColor, rangeColor, minDate, maxDate, }: CalendarMonthProps): react_jsx_runtime.JSX.Element;
+declare const CalendarMonth: React__default.MemoExoticComponent<typeof CalendarMonthInner>;
+
+interface DayCellProps {
+    day: CalendarDay;
+    state: DayState;
+    cellSize: number;
+    circleSize: number;
+    accentColor: string;
+    rangeBgColor: string;
+    disabled: boolean;
+    onPress: () => void;
+}
+declare const DayCell: React__default.NamedExoticComponent<DayCellProps>;
+
+interface WheelPickerProps {
+    items: string[];
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    width?: number;
+    itemHeight?: number;
+    accentColor?: string;
+}
+declare function WheelPicker({ items, selectedIndex, onSelect, width, itemHeight, accentColor, }: WheelPickerProps): react_jsx_runtime.JSX.Element;
+
+declare function useDateTimePicker(props: DateTimePickerProps): {
+    handleTimeChange: (h: number, m: number) => void;
+    handleStartTimeChange: (h: number, m: number) => void;
+    handleEndTimeChange: (h: number, m: number) => void;
+    headerTimeText: string | null;
+    currentHour: number;
+    currentMinute: number;
+    startHour: number;
+    startMinute: number;
+    endHour: number;
+    endMinute: number;
+    containerWidth: number;
+    onContainerLayout: (e: LayoutChangeEvent) => void;
+    allMonths: MonthYear[];
+    initialIdx: number;
+    activeMonthIndex: number;
+    setActiveMonthIndex: React$1.Dispatch<React$1.SetStateAction<number>>;
+    scrollX: Animated.Value;
+    showCalendar: boolean;
+    showTime: boolean;
+    currentMonth: MonthYear;
+    goToPrev: () => void;
+    goToNext: () => void;
+    handleDayPress: (date: Date) => void;
+};
+
+declare function useTimeHandlers(props: DateTimePickerProps): {
+    handleTimeChange: (h: number, m: number) => void;
+    handleStartTimeChange: (h: number, m: number) => void;
+    handleEndTimeChange: (h: number, m: number) => void;
+    headerTimeText: string | null;
+    currentHour: number;
+    currentMinute: number;
+    startHour: number;
+    startMinute: number;
+    endHour: number;
+    endMinute: number;
+};
+
+declare function getDateTimePickerStyles(theme: AppTheme): {
+    container: {
+        backgroundColor: string;
+        borderRadius: number;
+        overflow: "hidden";
+        paddingBottom: number;
+    };
+    header: {
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "space-between";
+        paddingHorizontal: number;
+        paddingVertical: number;
+    };
+    arrowBtn: {
+        padding: number;
+    };
+    headerCenter: {
+        flexDirection: "row";
+        alignItems: "baseline";
+    };
+    headerMonth: {
+        color: string;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    headerYear: {
+        color: string;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    headerTime: {
+        color?: react_native.ColorValue | undefined;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    timeSection: {
+        borderTopWidth: number;
+        borderTopColor: string;
+        marginTop: number;
+    };
+    timeRangeRow: {
+        flexDirection: "row";
+        justifyContent: "space-evenly";
+        alignItems: "flex-start";
+    };
+    timeDivider: {
+        width: number;
+        backgroundColor: string;
+        alignSelf: "stretch";
+        marginVertical: number;
+    };
+};
+
+declare function getCalendarMonthStyles(theme: AppTheme): {
+    monthContainer: {
+        paddingHorizontal: number;
+    };
+    weekdayRow: {
+        flexDirection: "row";
+        height: number;
+        alignItems: "center";
+    };
+    weekdayCell: {
+        alignItems: "center";
+    };
+    weekdayText: {
+        color: string;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    dayRow: {
+        flexDirection: "row";
+    };
+    cell: {
+        justifyContent: "center";
+        alignItems: "center";
+        position: "relative";
+    };
+    rangeBg: {
+        position: "absolute";
+    };
+    circle: {
+        position: "absolute";
+    };
+    todayCircle: {
+        backgroundColor: string;
+        borderWidth: number;
+    };
+    dayText: {
+        fontSize: number;
+        color: string;
+        zIndex: number;
+    };
+    otherMonthText: {
+        color: string;
+    };
+    disabledText: {
+        color: string;
+    };
+    selectedDayText: {
+        color: react_native.ColorValue;
+        fontFamily?: string | undefined;
+        fontSize?: number | undefined;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+};
+
+type SearchBarSize = "small" | "medium" | "large";
+interface SearchBarProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    size?: SearchBarSize;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onSubmit?: () => void;
+    showClear?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** List of recent search terms to show as suggestions */
+    recentSearches?: string[];
+    /** Callback when a recent search is tapped */
+    onRecentSelect?: (term: string) => void;
+    /** Callback to clear all recent searches */
+    onClearRecent?: () => void;
+    /** Show recents dropdown when input is focused (default true) */
+    showRecentsOnFocus?: boolean;
+}
+
+declare function SearchBar({ value, onChangeText, placeholder, size, leading, trailing, onFocus, onBlur, onSubmit, showClear, autoFocus, disabled, style, recentSearches, onRecentSelect, onClearRecent, showRecentsOnFocus, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+
+interface AutoCompleteOption {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    subtitle?: string;
+}
+interface AutoCompleteProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSelect: (option: AutoCompleteOption) => void;
+    options: AutoCompleteOption[];
+    placeholder?: string;
+    loading?: boolean;
+    /** Filter options locally against input value (default true) */
+    filterLocally?: boolean;
+    /** Debounce delay in ms (default 300) */
+    debounceMs?: number;
+    /** Maximum suggestions shown (default 5) */
+    maxSuggestions?: number;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function AutoComplete({ value, onChange, onSelect, options, placeholder, loading, filterLocally, debounceMs, maxSuggestions, label, error, helperText, disabled, style, }: AutoCompleteProps): react_jsx_runtime.JSX.Element;
+
+type SegmentItem = {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+};
+type SegmentedControlProps = {
+    /** Array of segment definitions. */
+    segments: SegmentItem[];
+    /** Currently selected segment value. */
+    value: string;
+    /** Called when the user taps a segment. */
+    onChange: (value: string) => void;
+    /** Control height & font size. @default 'medium' */
+    size?: "small" | "medium" | "large";
+    /** Visual style of the active indicator. @default 'filled' */
+    variant?: "filled" | "outlined";
+    /** Stretch to fill available width. @default true */
+    fullWidth?: boolean;
+    /** Disable all interaction. */
+    disabled?: boolean;
+    /** Optional container style override. */
+    style?: ViewStyle;
+};
+
+declare function SegmentedControl({ segments, value, onChange, size, variant, fullWidth, disabled, style, }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+
+type StrengthLevel = "weak" | "fair" | "good" | "strong" | "very-strong";
+interface PasswordStrengthProps {
+    password: string;
+    minLength?: number;
+    showRequirements?: boolean;
+    showBar?: boolean;
+    barStyle?: StyleProp<ViewStyle>;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function PasswordStrength({ password, minLength, showRequirements, showBar, barStyle, style, }: PasswordStrengthProps): react_jsx_runtime.JSX.Element;
+
+type ColorPickerProps = {
+    value: string;
+    onChange: (color: string) => void;
+    /** Custom color palette. Defaults to 12 common colors */
+    colors?: string[];
+    /** Number of columns in the grid. Defaults to 6 */
+    columns?: number;
+    /** Swatch size variant */
+    size?: "small" | "medium" | "large";
+    /** Show selected color preview. Defaults to true */
+    showSelected?: boolean;
+    /** Allow custom hex input. Defaults to false */
+    allowCustom?: boolean;
+    /** Optional label above the picker */
+    label?: string;
+    style?: ViewStyle;
+};
+
+declare function ColorPicker({ value, onChange, colors, columns, size, showSelected, allowCustom, label, style, }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+
+type SocialProvider = 'google' | 'apple' | 'facebook' | 'github' | 'twitter';
+type SocialLoginButtonProps = {
+    provider: SocialProvider;
+    onPress: () => void;
+    variant?: 'filled' | 'outlined';
+    size?: 'small' | 'medium' | 'large';
+    label?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    fullWidth?: boolean;
+    style?: ViewStyle;
+};
+type SocialLoginGroupProps = {
+    providers: Array<{
+        provider: SocialProvider;
+        onPress: () => void;
+    }>;
+    variant?: 'filled' | 'outlined';
+    size?: 'small' | 'medium' | 'large';
+    layout?: 'vertical' | 'horizontal' | 'icon-only';
+    dividerText?: string;
+    style?: ViewStyle;
+};
+
+declare function SocialLoginButton({ provider, onPress, variant, size, label, loading, disabled, fullWidth, style, }: SocialLoginButtonProps): react_jsx_runtime.JSX.Element;
+declare function SocialLoginIconButton({ provider, onPress, variant, size, loading, disabled, style, }: Omit<SocialLoginButtonProps, 'label' | 'fullWidth'>): react_jsx_runtime.JSX.Element;
+
+declare function SocialLoginGroup({ providers, variant, size, layout, dividerText, style, }: SocialLoginGroupProps): react_jsx_runtime.JSX.Element;
+
+interface CountryCode {
+    /** ISO 3166-1 alpha-2 code, e.g. "US" */
+    code: string;
+    /** International dial code, e.g. "+1" */
+    dialCode: string;
+    /** Country display name */
+    name: string;
+    /** Emoji flag, e.g. "\u{1F1FA}\u{1F1F8}" */
+    flag: string;
+}
+interface PhoneInputProps {
+    /** Full phone number value (dial code + number) */
+    value: string;
+    /** Called with the full phone number (dialCode + local number) */
+    onChange: (fullNumber: string) => void;
+    /** Called when a new country is selected */
+    onChangeCountry?: (country: CountryCode) => void;
+    /** ISO country code to pre-select (default "US") */
+    defaultCountry?: string;
+    /** Placeholder for the phone number input */
+    placeholder?: string;
+    /** Field label rendered above the input */
+    label?: string;
+    /** Error message shown below the input */
+    error?: string;
+    /** Helper text shown below the input (hidden when error is present) */
+    helperText?: string;
+    /** Disable the entire input */
+    disabled?: boolean;
+    /** Show a search bar in the country picker (default true) */
+    searchable?: boolean;
+    /** Container style override */
+    style?: ViewStyle;
+}
+
+declare function PhoneInput({ value, onChange, onChangeCountry, defaultCountry, placeholder, label, error, helperText, disabled, searchable, style, }: PhoneInputProps): react_jsx_runtime.JSX.Element;
+
+declare const COUNTRIES: CountryCode[];
+
+interface FormField {
+    name: string;
+    label?: string;
+    type?: string;
+    placeholder?: string;
+    required?: boolean;
+    /** Return `true` if valid, or an error string if invalid. */
+    validate?: (value: any, values: Record<string, any>) => string | true;
+    defaultValue?: any;
+}
+interface FormContext {
+    values: Record<string, any>;
+    errors: Record<string, string>;
+    setValue: (name: string, value: any) => void;
+    setError: (name: string, error: string) => void;
+    isValid: boolean;
+    isDirty: boolean;
+    reset: () => void;
+    submit: () => void;
+}
+interface FormWrapperProps {
+    /** Schema-driven field descriptors. When provided, CustomField is auto-rendered for each. */
+    fields?: FormField[];
+    /** Initial (and reset) values keyed by field name. */
+    initialValues?: Record<string, any>;
+    /** Called with current values after successful validation. */
+    onSubmit: (values: Record<string, any>) => void | Promise<void>;
+    /** Optional cross-field validation. Return a map of `{ fieldName: errorMessage }`. */
+    onValidate?: (values: Record<string, any>) => Record<string, string>;
+    /** Render-prop or static children. */
+    children?: React__default.ReactNode | ((form: FormContext) => React__default.ReactNode);
+    /** Label for the submit button. @default 'Submit' */
+    submitLabel?: string;
+    /** Show a reset button beside submit. */
+    showReset?: boolean;
+    /** Label for the reset button. @default 'Reset' */
+    resetLabel?: string;
+    /** When true the submit button shows a loading spinner. */
+    loading?: boolean;
+    /** Style override for the outer container. */
+    style?: ViewStyle;
+}
+
+declare function FormWrapper({ fields, initialValues, onSubmit, onValidate, children, submitLabel, showReset, resetLabel, loading, style, }: FormWrapperProps): react_jsx_runtime.JSX.Element;
+
+declare function FormWrapperExample(): react_jsx_runtime.JSX.Element;
+
+interface UseFormOptions {
+    fields?: FormField[];
+    initialValues?: Record<string, any>;
+    onSubmit: (values: Record<string, any>) => void | Promise<void>;
+    onValidate?: (values: Record<string, any>) => Record<string, string>;
+}
+declare function useForm({ fields, initialValues, onSubmit, onValidate, }: UseFormOptions): FormContext & {
+    touched: Record<string, boolean>;
+};
+
+type LoginFormProps = {
+    onSubmit: (email: string, password: string) => void | Promise<void>;
+    onForgotPassword?: () => void;
+    onSignUp?: () => void;
+    socialProviders?: SocialProvider[];
+    onSocialLogin?: (provider: string) => void;
+    loading?: boolean;
+    logo?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    style?: ViewStyle;
+};
+type SignupFormProps = {
+    onSubmit: (data: {
+        name: string;
+        email: string;
+        password: string;
+    }) => void | Promise<void>;
+    onLogin?: () => void;
+    socialProviders?: SocialProvider[];
+    onSocialLogin?: (provider: string) => void;
+    loading?: boolean;
+    logo?: React.ReactNode;
+    title?: string;
+    subtitle?: string;
+    requireConfirmPassword?: boolean;
+    style?: ViewStyle;
+};
+
+declare function LoginForm({ onSubmit, onForgotPassword, onSignUp, socialProviders, onSocialLogin, loading, logo, title, subtitle, style, }: LoginFormProps): react_jsx_runtime.JSX.Element;
+
+declare function SignupForm({ onSubmit, onLogin, socialProviders, onSocialLogin, loading, logo, title, subtitle, requireConfirmPassword, style, }: SignupFormProps): react_jsx_runtime.JSX.Element;
+
+type CardVariant = "elevated" | "outlined" | "filled";
+type CardSize = "small" | "medium" | "large";
+interface CustomCardProps {
+    children?: ReactNode;
+    variant?: CardVariant;
+    size?: CardSize;
+    title?: string;
+    subtitle?: string;
+    headerRight?: ReactNode;
+    footer?: ReactNode;
+    coverImage?: string;
+    coverHeight?: number;
+    onPress?: () => void;
+    disabled?: boolean;
+    /** When true, show a skeleton placeholder instead of children */
+    loading?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function CustomCard({ children, variant, size, title, subtitle, headerRight, footer, coverImage, coverHeight, onPress, disabled, loading, style, }: CustomCardProps): react_jsx_runtime.JSX.Element;
+
+type ListItemSize = "small" | "medium" | "large";
+interface SwipeAction {
+    label: string;
+    color: string;
+    icon?: ReactNode;
+    onPress: () => void;
+}
+interface CustomListItemProps {
+    title: string;
+    subtitle?: string;
+    description?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    size?: ListItemSize;
+    onPress?: () => void;
+    disabled?: boolean;
+    showDivider?: boolean;
+    chevron?: boolean;
+    selected?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Actions revealed when swiping right-to-left */
+    swipeActions?: SwipeAction[];
+}
+
+declare function CustomListItem({ title, subtitle, description, leading, trailing, size, onPress, disabled, showDivider, chevron, selected, style, swipeActions, }: CustomListItemProps): react_jsx_runtime.JSX.Element;
+
+type StatCardSize = "small" | "medium" | "large";
+type StatTrend = "up" | "down" | "neutral";
+interface StatCardProps {
+    label: string;
+    value: string | number;
+    trend?: StatTrend;
+    trendValue?: string;
+    icon?: ReactNode;
+    size?: StatCardSize;
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function StatCard({ label, value, trend, trendValue, icon, size, onPress, style, }: StatCardProps): react_jsx_runtime.JSX.Element;
+
+type ProgressBarSize = "small" | "medium" | "large";
+type ProgressBarVariant = "linear" | "circular";
+interface ProgressBarProps {
+    progress: number;
+    size?: ProgressBarSize;
+    variant?: ProgressBarVariant;
+    indeterminate?: boolean;
+    color?: string;
+    trackColor?: string;
+    label?: string;
+    showPercentage?: boolean;
+    animated?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function ProgressBar({ progress, size, variant, indeterminate, color, trackColor, label, showPercentage, animated, style, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+type TimelineItemStatus = "completed" | "active" | "pending";
+type TimelineSize = "small" | "medium" | "large";
+interface TimelineItem {
+    id: string;
+    title: string;
+    description?: string;
+    timestamp?: string;
+    status?: TimelineItemStatus;
+    icon?: ReactNode;
+}
+interface TimelineProps {
+    items: TimelineItem[];
+    size?: TimelineSize;
+    activeColor?: string;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function Timeline({ items, size, activeColor, style, }: TimelineProps): react_jsx_runtime.JSX.Element;
+
+declare const SIZE_CONFIG: Record<TimelineSize, {
+    circleSize: number;
+    iconSize: number;
+    titleFontSize: number;
+    descriptionFontSize: number;
+    timestampFontSize: number;
+    lineWidth: number;
+    contentPaddingLeft: number;
+    contentPaddingBottom: number;
+}>;
+declare const ENTRY_STAGGER_MS = 100;
+declare const LINE_ANIM_DURATION = 600;
+declare const styles: {
+    container: {};
+    row: {
+        flexDirection: "row";
+        alignItems: "flex-start";
+    };
+    circleColumn: {
+        alignItems: "center";
+        alignSelf: "stretch";
+    };
+    content: {
+        flex: number;
+    };
+};
+type SizeConfig = (typeof SIZE_CONFIG)[TimelineSize];
+
+declare function TimelineRow({ item, isLast, index, config, primaryColor, theme, }: {
+    item: TimelineItem;
+    isLast: boolean;
+    index: number;
+    config: SizeConfig;
+    primaryColor: string;
+    theme: ReturnType<typeof useTheme>;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TimelineExample(): react_jsx_runtime.JSX.Element;
+
+type ShimmerVariant = "small" | "medium" | "large" | "grid" | "gridGroupX" | "gridGroupY";
+interface CustomListShimmerProps {
+    itemCount?: number;
+    variant?: ShimmerVariant;
+    gridColumns?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+
+declare const CustomListShimmer: React__default.FC<CustomListShimmerProps>;
+
+type ActivityItemType = "default" | "success" | "warning" | "error" | "info";
+interface ActivityItem {
+    id: string;
+    user: {
+        name: string;
+        avatar?: string;
+    };
+    action: string;
+    target?: string;
+    timestamp: Date | string;
+    icon?: ReactNode;
+    type?: ActivityItemType;
+}
+interface ActivityFeedProps {
+    items: ActivityItem[];
+    onItemPress?: (item: ActivityItem) => void;
+    /** Show user avatar or icon. Default `true`. */
+    showAvatar?: boolean;
+    /** Timestamp display mode. Default `"relative"`. */
+    dateFormat?: "relative" | "absolute";
+    /** Message shown when there are no items. */
+    emptyMessage?: string;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function ActivityFeed({ items, onItemPress, showAvatar, dateFormat, emptyMessage, style, }: ActivityFeedProps): react_jsx_runtime.JSX.Element;
+
+declare function ActivityFeedExample(): react_jsx_runtime.JSX.Element;
+
+type NotificationType = "default" | "success" | "warning" | "error" | "info";
+interface NotificationItem {
+    id: string;
+    title: string;
+    message: string;
+    timestamp: Date | string;
+    read?: boolean;
+    type?: NotificationType;
+    icon?: ReactNode;
+    onPress?: () => void;
+}
+interface NotificationCenterProps {
+    notifications: NotificationItem[];
+    onMarkRead?: (id: string) => void;
+    onMarkAllRead?: () => void;
+    onDelete?: (id: string) => void;
+    /** Message shown when there are no notifications. */
+    emptyMessage?: string;
+    /** Show header with title and mark-all-read button. Default `true`. */
+    showHeader?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function NotificationCenter({ notifications, onMarkRead, onMarkAllRead, onDelete, emptyMessage, showHeader, style, }: NotificationCenterProps): react_jsx_runtime.JSX.Element;
+
+declare function NotificationCenterExample(): react_jsx_runtime.JSX.Element;
+
+interface FilterOption {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
+interface SearchWithFiltersProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    filters: FilterOption[];
+    activeFilters: string[];
+    onFilterChange: (ids: string[]) => void;
+    placeholder?: string;
+    children?: ReactNode;
+    emptyComponent?: ReactNode;
+    style?: ViewStyle;
+}
+
+declare function SearchWithFilters({ value, onChangeText, filters, activeFilters, onFilterChange, placeholder, children, emptyComponent, style, }: SearchWithFiltersProps): react_jsx_runtime.JSX.Element;
+
+type DataColumn<T> = {
+    key: keyof T & string;
+    title: string;
+    width?: number;
+    sortable?: boolean;
+    render?: (value: any, row: T) => React.ReactNode;
+    align?: "left" | "center" | "right";
+};
+type DataTablePagination = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+};
+type DataTableProps<T> = {
+    columns: DataColumn<T>[];
+    data: T[];
+    keyExtractor: (item: T) => string;
+    sortBy?: string;
+    sortOrder?: "asc" | "desc";
+    onSort?: (key: string) => void;
+    onRowPress?: (item: T) => void;
+    loading?: boolean;
+    emptyMessage?: string;
+    showHeader?: boolean;
+    striped?: boolean;
+    pagination?: DataTablePagination;
+    style?: ViewStyle;
+};
+
+declare function DataTable<T>(props: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type KanbanCard = {
+    id: string;
+    title: string;
+    description?: string;
+    assignee?: {
+        name: string;
+        avatar?: string;
+    };
+    labels?: Array<{
+        text: string;
+        color: string;
+    }>;
+    priority?: "low" | "medium" | "high" | "urgent";
+    dueDate?: string;
+};
+type KanbanColumn = {
+    id: string;
+    title: string;
+    color?: string;
+    cards: KanbanCard[];
+};
+type KanbanBoardProps = {
+    columns: KanbanColumn[];
+    onCardPress?: (card: KanbanCard, columnId: string) => void;
+    onCardMove?: (cardId: string, fromColumn: string, toColumn: string) => void;
+    cardWidth?: number;
+    showAddCard?: boolean;
+    onAddCard?: (columnId: string) => void;
+    style?: ViewStyle;
+};
+
+declare function KanbanBoard({ columns, onCardPress, onCardMove, cardWidth, showAddCard, onAddCard, style, }: KanbanBoardProps): react_jsx_runtime.JSX.Element;
+
+declare function KanbanBoardExample(): react_jsx_runtime.JSX.Element;
+
+type PlanItem = {
+    id: string;
+    name: string;
+    price: number;
+    currency?: string;
+    interval?: "month" | "year";
+    features: string[];
+    recommended?: boolean;
+    current?: boolean;
+};
+type InvoiceItem = {
+    id: string;
+    date: string;
+    amount: number;
+    currency?: string;
+    status: "paid" | "pending" | "overdue" | "failed";
+    description?: string;
+};
+type PricingCardProps = {
+    plan: PlanItem;
+    onSelect: (planId: string) => void;
+    style?: ViewStyle;
+};
+type InvoiceListProps = {
+    invoices: InvoiceItem[];
+    onInvoicePress?: (invoice: InvoiceItem) => void;
+    style?: ViewStyle;
+};
+type BillingUIProps = {
+    plans?: PlanItem[];
+    invoices?: InvoiceItem[];
+    onSelectPlan?: (planId: string) => void;
+    onInvoicePress?: (invoice: InvoiceItem) => void;
+    currentPlanId?: string;
+    style?: ViewStyle;
+};
+
+declare function BillingUI({ plans, invoices, onSelectPlan, onInvoicePress, currentPlanId, style, }: BillingUIProps): react_jsx_runtime.JSX.Element;
+
+declare function PricingCard({ plan, onSelect, style }: PricingCardProps): react_jsx_runtime.JSX.Element;
+
+declare function InvoiceList({ invoices, onInvoicePress, style }: InvoiceListProps): react_jsx_runtime.JSX.Element;
+
+declare function BillingUIExample(): react_jsx_runtime.JSX.Element;
+
+type DataPoint = {
+    label: string;
+    value: number;
+    color?: string;
+};
+type ChartProps = {
+    data: DataPoint[];
+    width?: number;
+    height?: number;
+    colors?: string[];
+    showLabels?: boolean;
+    showValues?: boolean;
+    animated?: boolean;
+    style?: ViewStyle;
+};
+type LineChartProps = ChartProps & {
+    curved?: boolean;
+    showDots?: boolean;
+    showGrid?: boolean;
+    fillArea?: boolean;
+};
+type BarChartProps = ChartProps & {
+    barWidth?: number;
+    spacing?: number;
+    horizontal?: boolean;
+    rounded?: boolean;
+};
+type PieChartProps = ChartProps & {
+    innerRadius?: number;
+    showPercentage?: boolean;
+};
+
+declare function LineChart({ data, width: propWidth, height, colors, showLabels, showValues, animated, curved, showDots, showGrid, fillArea, style, }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+declare function BarChart({ data, width: propWidth, height, colors, showLabels, showValues, animated, barWidth: propBarWidth, spacing: propSpacing, horizontal, rounded, style, }: BarChartProps): react_jsx_runtime.JSX.Element;
+
+declare function PieChart({ data, width: propWidth, height, colors, showLabels, showValues, animated, innerRadius, showPercentage, style, }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarEvent {
+    id: string;
+    title: string;
+    /** ISO date string YYYY-MM-DD */
+    date: string;
+    color?: string;
+    startTime?: string;
+    endTime?: string;
+}
+interface MarkedDateInfo {
+    dots?: Array<{
+        color: string;
+    }>;
+    selected?: boolean;
+    disabled?: boolean;
+}
+interface DayModel {
+    /** YYYY-MM-DD */
+    date: string;
+    dayNumber: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+}
+interface CalendarProps {
+    /** ISO date string YYYY-MM-DD */
+    selectedDate?: string;
+    onDateSelect?: (date: string) => void;
+    events?: CalendarEvent[];
+    markedDates?: Record<string, MarkedDateInfo>;
+    /** ISO date string YYYY-MM-DD */
+    minDate?: string;
+    /** ISO date string YYYY-MM-DD */
+    maxDate?: string;
+    /** 0 = Sunday (default), 1 = Monday */
+    firstDayOfWeek?: 0 | 1;
+    showWeekNumbers?: boolean;
+    onMonthChange?: (month: {
+        year: number;
+        month: number;
+    }) => void;
+    style?: ViewStyle;
+}
+
+/**
+ * Full calendar component with month navigation, day selection,
+ * event dots, and marked-date support.
+ */
+declare function Calendar({ selectedDate, onDateSelect, events, markedDates, minDate, maxDate, firstDayOfWeek, showWeekNumbers, onMonthChange, style, }: CalendarProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarHeaderProps {
+    year: number;
+    month: number;
+    onPrev: () => void;
+    onNext: () => void;
+    onToday: () => void;
+}
+declare function CalendarHeaderInner({ year, month, onPrev, onNext, onToday, }: CalendarHeaderProps): react_jsx_runtime.JSX.Element;
+declare const CalendarHeader: React__default.MemoExoticComponent<typeof CalendarHeaderInner>;
+
+interface CalendarGridProps {
+    year: number;
+    month: number;
+    selectedDate?: string;
+    onDateSelect?: (date: string) => void;
+    events?: CalendarEvent[];
+    markedDates?: Record<string, MarkedDateInfo>;
+    minDate?: string;
+    maxDate?: string;
+    firstDayOfWeek: 0 | 1;
+    showWeekNumbers?: boolean;
+}
+declare function CalendarGridInner({ year, month, selectedDate, onDateSelect, events, markedDates, minDate, maxDate, firstDayOfWeek, showWeekNumbers, }: CalendarGridProps): react_jsx_runtime.JSX.Element;
+declare const CalendarGrid: React__default.MemoExoticComponent<typeof CalendarGridInner>;
+
+declare function CalendarExample(): react_jsx_runtime.JSX.Element;
+
+/** Number of days in a given month (1-indexed month). */
+declare function getDaysInMonth(year: number, month: number): number;
+/** Day of the week for the 1st of the month (0 = Sun, 6 = Sat). */
+declare function getFirstDayOfMonth(year: number, month: number): number;
+/** Format "March 2026" style label. */
+declare function formatMonthYear(year: number, month: number): string;
+/** Compare two YYYY-MM-DD strings. */
+declare function isSameDay(a: string, b: string): boolean;
+/**
+ * Generate a 6-row (42-cell) grid of day models for a given month.
+ * Includes trailing days from previous month and leading days from next month.
+ *
+ * @param year       Full year (e.g. 2026)
+ * @param month      1-indexed month (1 = January)
+ * @param firstDayOfWeek  0 = Sunday, 1 = Monday
+ */
+declare function generateMonthDays(year: number, month: number, firstDayOfWeek?: 0 | 1): DayModel[];
+/** ISO week number (ISO-8601). */
+declare function getWeekNumber(dateStr: string): number;
+
+type BreadcrumbItem = {
+    label: string;
+    onPress?: () => void;
+    icon?: React__default.ReactNode;
+};
+type BreadcrumbProps = {
+    items: BreadcrumbItem[];
+    /** Separator between items. Defaults to "/" */
+    separator?: React__default.ReactNode | string;
+    /** Max visible items before truncation with "..." */
+    maxItems?: number;
+    style?: ViewStyle;
+};
+
+declare function Breadcrumb({ items, separator, maxItems, style, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+
+interface BottomBarTab {
+    /** Unique key */
+    key: string;
+    /** Label shown below icon (hidden when showLabels = false) */
+    label: string;
+    /** Icon element/node (e.g. `<Home />`) */
+    icon: ReactNode;
+    /** Optional badge count displayed on the icon */
+    badge?: number | string;
+}
+type IndicatorPosition = 'bottom' | 'top' | 'none';
+type ActiveHighlight = 'indicator' | 'pill' | 'circle' | 'none';
+interface FabConfig {
+    /** Icon shown inside the FAB */
+    icon: ReactNode;
+    /** FAB background colour */
+    backgroundColor?: string;
+    /** FAB icon colour */
+    iconColor?: string;
+    /** FAB diameter (default 56) */
+    size?: number;
+    /** Callback when FAB is pressed */
+    onPress: () => void;
+}
+interface BottomBarProps {
+    /** Array of tabs */
+    tabs: BottomBarTab[];
+    /** Currently active index */
+    activeIndex: number;
+    /** Called when a tab is pressed */
+    onTabPress: (index: number) => void;
+    /** Shared Animated.Value tracking page scroll offset */
+    scrollX: Animated.Value;
+    /** Show labels below icons (default true) */
+    showLabels?: boolean;
+    /** Indicator line position (default 'bottom') */
+    indicatorPosition?: IndicatorPosition;
+    /** Active-tab visual style (default 'indicator') */
+    activeHighlight?: ActiveHighlight;
+    /** Floating action button in the centre */
+    fab?: FabConfig;
+    /** Bar background colour */
+    backgroundColor?: string;
+    /** Active icon + label colour */
+    activeColor?: string;
+    /** Inactive icon + label colour */
+    inactiveColor?: string;
+    /** Indicator line colour */
+    indicatorColor?: string;
+    /** Pill / circle highlight background */
+    pillColor?: string;
+    /** Icon size (default 24) */
+    iconSize?: number;
+    /** Font size for label (default 11) */
+    labelFontSize?: number;
+    /** Bar height (default 64) */
+    barHeight?: number;
+    /** Indicator thickness (default 3) */
+    indicatorHeight?: number;
+    /** Container width for scrollX progress (defaults to screen width) */
+    containerWidth?: number;
+    barStyle?: StyleProp<ViewStyle>;
+    tabStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+}
+interface BottomBarLayoutProps {
+    /** Tabs for the bottom bar */
+    tabs: BottomBarTab[];
+    /** Render content for each page index */
+    renderPage: (index: number) => React$1.ReactNode;
+    /** Optional header component (fixed at top) */
+    renderHeader?: () => React$1.ReactNode;
+    /** Initial active page */
+    initialPage?: number;
+    showLabels?: boolean;
+    indicatorPosition?: IndicatorPosition;
+    activeHighlight?: ActiveHighlight;
+    fab?: FabConfig;
+    backgroundColor?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    indicatorColor?: string;
+    pillColor?: string;
+    iconSize?: number;
+    labelFontSize?: number;
+    barHeight?: number;
+    indicatorHeight?: number;
+    barStyle?: StyleProp<ViewStyle>;
+    tabStyle?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+    /** Enable / disable swiping between pages (default true) */
+    swipeEnabled?: boolean;
+}
+
+declare function BottomBar({ tabs, activeIndex, onTabPress, scrollX, showLabels, indicatorPosition, activeHighlight, fab, backgroundColor, activeColor, inactiveColor, indicatorColor, pillColor, iconSize, labelFontSize, barHeight, indicatorHeight, containerWidth, barStyle, tabStyle, labelStyle, indicatorStyle, }: BottomBarProps): react_jsx_runtime.JSX.Element;
+
+declare function getBottomBarStyles(theme: AppTheme): {
+    wrapper: {
+        position: "relative";
+        overflow: "visible";
+        zIndex: number;
+    };
+    bar: {
+        flexDirection: "row";
+        borderTopWidth: number;
+        borderTopColor: string;
+    } | {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation?: undefined;
+        flexDirection: "row";
+        borderTopWidth: number;
+        borderTopColor: string;
+    } | {
+        elevation: number;
+        shadowColor?: undefined;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        flexDirection: "row";
+        borderTopWidth: number;
+        borderTopColor: string;
+    };
+    tabSlot: {
+        flex: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    tabPress: {
+        flex: number;
+        width: "100%";
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    label: {
+        marginTop: number;
+        textAlign: "center";
+    };
+    circle: {
+        position: "absolute";
+    };
+    absLayer: {
+        position: "absolute";
+        zIndex: number;
+    };
+    indBot: {
+        bottom: number;
+        borderTopLeftRadius: number;
+        borderTopRightRadius: number;
+    };
+    indTop: {
+        top: number;
+        borderBottomLeftRadius: number;
+        borderBottomRightRadius: number;
+    };
+    badgeWrapper: {
+        position: "relative";
+    };
+    badge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        backgroundColor: string;
+        borderRadius: number;
+        minWidth: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        zIndex: number;
+    };
+    badgeText: {
+        color: react_native.ColorValue;
+        fontFamily?: string | undefined;
+        fontSize: number;
+        fontStyle?: "normal" | "italic" | undefined;
+        fontWeight?: "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
+        letterSpacing?: number | undefined;
+        lineHeight?: number | undefined;
+        textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+        textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+        textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+        textDecorationColor?: react_native.ColorValue | undefined;
+        textShadowColor?: react_native.ColorValue | undefined;
+        textShadowOffset?: {
+            width: number;
+            height: number;
+        } | undefined;
+        textShadowRadius?: number | undefined;
+        textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+        userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+        fontVariant?: react_native.FontVariant[] | undefined;
+        writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+        backfaceVisibility?: "visible" | "hidden" | undefined;
+        backgroundColor?: react_native.ColorValue | undefined;
+        borderBlockColor?: react_native.ColorValue | undefined;
+        borderBlockEndColor?: react_native.ColorValue | undefined;
+        borderBlockStartColor?: react_native.ColorValue | undefined;
+        borderBottomColor?: react_native.ColorValue | undefined;
+        borderBottomEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderBottomStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderColor?: react_native.ColorValue | undefined;
+        borderCurve?: "circular" | "continuous" | undefined;
+        borderEndColor?: react_native.ColorValue | undefined;
+        borderEndEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderEndStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderLeftColor?: react_native.ColorValue | undefined;
+        borderRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderRightColor?: react_native.ColorValue | undefined;
+        borderStartColor?: react_native.ColorValue | undefined;
+        borderStartEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStartStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+        borderTopColor?: react_native.ColorValue | undefined;
+        borderTopEndRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopLeftRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopRightRadius?: react_native.AnimatableNumericValue | string | undefined;
+        borderTopStartRadius?: react_native.AnimatableNumericValue | string | undefined;
+        outlineColor?: react_native.ColorValue | undefined;
+        outlineOffset?: react_native.AnimatableNumericValue | undefined;
+        outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+        outlineWidth?: react_native.AnimatableNumericValue | undefined;
+        opacity?: react_native.AnimatableNumericValue | undefined;
+        elevation?: number | undefined;
+        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
+        isolation?: "auto" | "isolate" | undefined;
+        cursor?: react_native.CursorValue | undefined;
+        boxShadow?: ReadonlyArray<react_native.BoxShadowValue> | string | undefined;
+        filter?: ReadonlyArray<react_native.FilterFunction> | string | undefined;
+        mixBlendMode?: react_native.BlendMode | undefined;
+        experimental_backgroundImage?: ReadonlyArray<react_native.GradientValue> | string | undefined;
+        alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+        alignItems?: react_native.FlexAlignType | undefined;
+        alignSelf?: "auto" | react_native.FlexAlignType | undefined;
+        aspectRatio?: number | string | undefined;
+        borderBottomWidth?: number | undefined;
+        borderEndWidth?: number | undefined;
+        borderLeftWidth?: number | undefined;
+        borderRightWidth?: number | undefined;
+        borderStartWidth?: number | undefined;
+        borderTopWidth?: number | undefined;
+        borderWidth?: number | undefined;
+        bottom?: react_native.DimensionValue | undefined;
+        boxSizing?: "border-box" | "content-box" | undefined;
+        display?: "none" | "flex" | "contents" | undefined;
+        end?: react_native.DimensionValue | undefined;
+        flex?: number | undefined;
+        flexBasis?: react_native.DimensionValue | undefined;
+        flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+        rowGap?: number | string | undefined;
+        gap?: number | string | undefined;
+        columnGap?: number | string | undefined;
+        flexGrow?: number | undefined;
+        flexShrink?: number | undefined;
+        flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+        height?: react_native.DimensionValue | undefined;
+        justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+        left?: react_native.DimensionValue | undefined;
+        margin?: react_native.DimensionValue | undefined;
+        marginBottom?: react_native.DimensionValue | undefined;
+        marginEnd?: react_native.DimensionValue | undefined;
+        marginHorizontal?: react_native.DimensionValue | undefined;
+        marginLeft?: react_native.DimensionValue | undefined;
+        marginRight?: react_native.DimensionValue | undefined;
+        marginStart?: react_native.DimensionValue | undefined;
+        marginTop?: react_native.DimensionValue | undefined;
+        marginVertical?: react_native.DimensionValue | undefined;
+        maxHeight?: react_native.DimensionValue | undefined;
+        maxWidth?: react_native.DimensionValue | undefined;
+        minHeight?: react_native.DimensionValue | undefined;
+        minWidth?: react_native.DimensionValue | undefined;
+        overflow?: "visible" | "hidden" | "scroll" | undefined;
+        padding?: react_native.DimensionValue | undefined;
+        paddingBottom?: react_native.DimensionValue | undefined;
+        paddingEnd?: react_native.DimensionValue | undefined;
+        paddingHorizontal?: react_native.DimensionValue | undefined;
+        paddingLeft?: react_native.DimensionValue | undefined;
+        paddingRight?: react_native.DimensionValue | undefined;
+        paddingStart?: react_native.DimensionValue | undefined;
+        paddingTop?: react_native.DimensionValue | undefined;
+        paddingVertical?: react_native.DimensionValue | undefined;
+        position?: "absolute" | "relative" | "static" | undefined;
+        right?: react_native.DimensionValue | undefined;
+        start?: react_native.DimensionValue | undefined;
+        top?: react_native.DimensionValue | undefined;
+        width?: react_native.DimensionValue | undefined;
+        zIndex?: number | undefined;
+        direction?: "inherit" | "ltr" | "rtl" | undefined;
+        inset?: react_native.DimensionValue | undefined;
+        insetBlock?: react_native.DimensionValue | undefined;
+        insetBlockEnd?: react_native.DimensionValue | undefined;
+        insetBlockStart?: react_native.DimensionValue | undefined;
+        insetInline?: react_native.DimensionValue | undefined;
+        insetInlineEnd?: react_native.DimensionValue | undefined;
+        insetInlineStart?: react_native.DimensionValue | undefined;
+        marginBlock?: react_native.DimensionValue | undefined;
+        marginBlockEnd?: react_native.DimensionValue | undefined;
+        marginBlockStart?: react_native.DimensionValue | undefined;
+        marginInline?: react_native.DimensionValue | undefined;
+        marginInlineEnd?: react_native.DimensionValue | undefined;
+        marginInlineStart?: react_native.DimensionValue | undefined;
+        paddingBlock?: react_native.DimensionValue | undefined;
+        paddingBlockEnd?: react_native.DimensionValue | undefined;
+        paddingBlockStart?: react_native.DimensionValue | undefined;
+        paddingInline?: react_native.DimensionValue | undefined;
+        paddingInlineEnd?: react_native.DimensionValue | undefined;
+        paddingInlineStart?: react_native.DimensionValue | undefined;
+        shadowColor?: react_native.ColorValue | undefined;
+        shadowOffset?: Readonly<{
+            width: number;
+            height: number;
+        }> | undefined;
+        shadowOpacity?: react_native.AnimatableNumericValue | undefined;
+        shadowRadius?: number | undefined;
+        transform?: Readonly<react_native.MaximumOneOf<react_native.PerspectiveTransform & react_native.RotateTransform & react_native.RotateXTransform & react_native.RotateYTransform & react_native.RotateZTransform & react_native.ScaleTransform & react_native.ScaleXTransform & react_native.ScaleYTransform & react_native.TranslateXTransform & react_native.TranslateYTransform & react_native.SkewXTransform & react_native.SkewYTransform & react_native.MatrixTransform>[]> | string | undefined;
+        transformOrigin?: Array<string | number> | string | undefined;
+        transformMatrix?: Array<number> | undefined;
+        rotation?: react_native.AnimatableNumericValue | undefined;
+        scaleX?: react_native.AnimatableNumericValue | undefined;
+        scaleY?: react_native.AnimatableNumericValue | undefined;
+        translateX?: react_native.AnimatableNumericValue | undefined;
+        translateY?: react_native.AnimatableNumericValue | undefined;
+        textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
+        verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+        includeFontPadding?: boolean | undefined;
+    };
+    fabAnchor: {
+        position: "absolute";
+        left: number;
+        right: number;
+        zIndex: number;
+        alignItems: "center";
+    };
+    fabBtn: {
+        alignItems: "center";
+        justifyContent: "center";
+    } | {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation?: undefined;
+        alignItems: "center";
+        justifyContent: "center";
+    } | {
+        elevation: number;
+        shadowColor?: undefined;
+        shadowOffset?: undefined;
+        shadowOpacity?: undefined;
+        shadowRadius?: undefined;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+};
+
+interface BottomBarItemProps {
+    tab: BottomBarTab;
+    index: number;
+    isActive: boolean;
+    onPress: (index: number) => void;
+    color: string;
+    iconSize: number;
+    showLabels: boolean;
+    labelFontSize: number;
+    showCircle: boolean;
+    resolvedPillColor: string;
+    labelStyle?: StyleProp<TextStyle>;
+    styles: ReturnType<typeof getBottomBarStyles>;
+}
+declare function BottomBarItem({ tab, index, isActive, onPress, color, iconSize, showLabels, labelFontSize, showCircle, resolvedPillColor, labelStyle, styles, }: BottomBarItemProps): react_jsx_runtime.JSX.Element;
+
+declare function BottomBarLayout({ tabs, renderPage, renderHeader, initialPage, swipeEnabled, showLabels, indicatorPosition, activeHighlight, fab, backgroundColor, activeColor, inactiveColor, indicatorColor, pillColor, iconSize, labelFontSize, barHeight, indicatorHeight, barStyle, tabStyle, labelStyle, indicatorStyle, }: BottomBarLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface PageSwipeViewProps {
+    /** Number of pages */
+    pageCount: number;
+    /** Render function for each page by index */
+    renderPage: (index: number) => React__default.ReactNode;
+    /** Shared Animated.Value tracking horizontal scroll offset */
+    scrollX: Animated.Value;
+    /** Currently active page index */
+    activeIndex: number;
+    /** Called when page changes via swipe */
+    onPageChange: (index: number) => void;
+    /** Page to show initially */
+    initialPage?: number;
+    /** Keys for each page (for stable rendering) */
+    pageKeys?: string[];
+    /** Custom page width (defaults to screen width) */
+    pageWidth?: number;
+}
+declare function PageSwipeView({ pageCount, renderPage, scrollX, activeIndex, onPageChange, initialPage, pageKeys, pageWidth, }: PageSwipeViewProps): react_jsx_runtime.JSX.Element;
+
+interface TabItem {
+    key: string;
+    title: string;
+    icon?: ReactNode;
+    isValid?: boolean;
+}
+type TabBarVariant = 'horizontal' | 'vertical';
+interface TabBarProps {
+    tabs: TabItem[];
+    activeIndex: number;
+    onTabPress: (index: number) => void;
+    scrollX: Animated.Value;
+    /** If true, tab bar scrolls horizontally. If false, tabs fill screen width equally. */
+    isScrollable?: boolean;
+    /** 'horizontal' = icon + label side-by-side. 'vertical' = icon on top, label below. */
+    variant?: TabBarVariant;
+    indicatorColor?: string;
+    activeTextColor?: string;
+    inactiveTextColor?: string;
+    validationIconColor?: string;
+    iconSize?: number;
+    tabBarStyle?: StyleProp<ViewStyle>;
+    tabItemStyle?: StyleProp<ViewStyle>;
+    tabLabelStyle?: StyleProp<TextStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+}
+
+declare function TabBar({ tabs, activeIndex, onTabPress, scrollX, isScrollable, variant, indicatorColor, activeTextColor, inactiveTextColor, validationIconColor, iconSize, tabBarStyle, tabItemStyle, tabLabelStyle, indicatorStyle, }: TabBarProps): react_jsx_runtime.JSX.Element;
+
+interface Tab {
+    key: string;
+    title: string;
+    icon?: ReactNode;
+    isValid?: boolean;
+    render: () => React__default.ReactNode;
+}
+interface TabPagerProps {
+    tabs: Tab[];
+    initialPage?: number;
+    /** If true, tab bar scrolls horizontally. If false, tabs fill screen width equally. */
+    isScrollable?: boolean;
+    /** 'horizontal' = icon + label side-by-side. 'vertical' = icon on top, label below. */
+    variant?: TabBarVariant;
+    indicatorColor?: string;
+    activeTextColor?: string;
+    inactiveTextColor?: string;
+    validationIconColor?: string;
+    iconSize?: number;
+    tabBarStyle?: StyleProp<ViewStyle>;
+    tabItemStyle?: StyleProp<ViewStyle>;
+    tabLabelStyle?: StyleProp<TextStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+}
+declare function TabPager({ tabs, initialPage, isScrollable, variant, indicatorColor, activeTextColor, inactiveTextColor, validationIconColor, iconSize, tabBarStyle, tabItemStyle, tabLabelStyle, indicatorStyle, }: TabPagerProps): react_jsx_runtime.JSX.Element;
+
+type HeaderSize = "small" | "medium" | "large";
+type HeaderVariant = "default" | "transparent" | "primary";
+interface HeaderProps {
+    title?: string;
+    subtitle?: string;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    onBack?: () => void;
+    variant?: HeaderVariant;
+    size?: HeaderSize;
+    centerTitle?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Shows a search icon that expands into a search input */
+    searchable?: boolean;
+    /** Callback when search text changes */
+    onSearch?: (query: string) => void;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+}
+
+declare function Header({ title, subtitle, leading, trailing, onBack, variant, size, centerTitle, style, searchable, onSearch, searchPlaceholder, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+type CollapsibleSize = "small" | "medium" | "large";
+interface CollapsibleSectionProps {
+    title: string;
+    children: ReactNode;
+    defaultExpanded?: boolean;
+    expanded?: boolean;
+    onToggle?: (expanded: boolean) => void;
+    icon?: ReactNode;
+    trailing?: ReactNode;
+    size?: CollapsibleSize;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function CollapsibleSection({ title, children, defaultExpanded, expanded: expandedProp, onToggle, icon, trailing, size, disabled, style, }: CollapsibleSectionProps): react_jsx_runtime.JSX.Element;
+
+interface AccordionItem {
+    id: string;
+    title: string;
+    content: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+type AccordionVariant = "default" | "separated" | "bordered";
+type AccordionSize = "small" | "medium" | "large";
+interface AccordionProps {
+    items: AccordionItem[];
+    /** When false (default) only one item can be open at a time. */
+    allowMultiple?: boolean;
+    /** Item ids that should be expanded on first render. */
+    defaultExpandedIds?: string[];
+    /** Called whenever the set of expanded ids changes. */
+    onChange?: (expandedIds: string[]) => void;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function Accordion({ items, allowMultiple, defaultExpandedIds, onChange, variant, size, style, }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+type StepItem = {
+    id: string;
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+};
+type StepperSize = "small" | "medium" | "large";
+type StepperProps = {
+    /** Array of step definitions */
+    steps: StepItem[];
+    /** Zero-based index of the current active step */
+    currentStep: number;
+    /** Called when a step circle is tapped */
+    onChange?: (step: number) => void;
+    /** Layout direction */
+    variant?: "horizontal" | "vertical";
+    /** Circle and text sizing */
+    size?: StepperSize;
+    /** Color for completed steps */
+    completedColor?: string;
+    /** Color for the active step */
+    activeColor?: string;
+    /** Additional container style */
+    style?: ViewStyle;
+};
+
+declare function Stepper({ steps, currentStep, onChange, variant, size, completedColor, activeColor, style, }: StepperProps): react_jsx_runtime.JSX.Element;
+
+interface DrawerProps {
+    /** Whether the drawer is visible. */
+    visible: boolean;
+    /** Called when the drawer requests to close. */
+    onClose: () => void;
+    /** Which side the drawer slides in from. Default `'left'`. */
+    position?: 'left' | 'right';
+    /** Width of the drawer panel. Default `'80%'`. */
+    width?: number | string;
+    /** Scrollable content rendered inside the drawer body. */
+    children: ReactNode;
+    /** Optional header rendered above the scrollable content. */
+    header?: ReactNode;
+    /** Optional footer rendered below the scrollable content. */
+    footer?: ReactNode;
+    /** Backdrop color. Default `'rgba(0,0,0,0.45)'`. */
+    backdropColor?: string;
+    /** Show the semi-transparent backdrop. Default `true`. */
+    showBackdrop?: boolean;
+    /** Enable swipe-to-close gesture via PanResponder. Default `true`. */
+    gestureEnabled?: boolean;
+    /** Additional style applied to the drawer container. */
+    style?: ViewStyle;
+}
+
+declare function Drawer({ visible, onClose, position, width: widthProp, children, header, footer, backdropColor, showBackdrop, gestureEnabled, style, }: DrawerProps): react_jsx_runtime.JSX.Element | null;
+
+declare const AlertModal: React__default.FC<AlertModalProps>;
+
+declare function getAlertIconAndColors(type: AlertType): {
+    icon: ReactNode;
+    color: string;
+    backgroundColor: string;
+};
+
+type ModalType = 'center' | 'bottom-sheet';
+interface CustomModalProps {
+    /** Whether the modal is visible. */
+    visible: boolean;
+    /** Called when the modal requests to close (backdrop tap, close icon, back button). */
+    onClose: () => void;
+    /** Presentation style. Default `'center'`. */
+    type?: ModalType;
+    /** Modal title shown in the default header. */
+    title?: string;
+    /** Show the default header. Default `true`. */
+    showHeader?: boolean;
+    /** Show close icon (X) on the left of the header. Default `true`. */
+    showCloseIcon?: boolean;
+    /** Custom element for the header-left slot (replaces default close icon). */
+    headerLeft?: ReactNode;
+    /** Custom element for the header-right slot (e.g. "Save" button). */
+    headerRight?: ReactNode;
+    /** Sticky footer rendered below the scrollable content. */
+    footer?: ReactNode;
+    /** Close when tapping the backdrop. Default `true`. */
+    closeOnOutsidePress?: boolean;
+    /** Move footer above keyboard when it opens. Default `true`. */
+    avoidKeyboard?: boolean;
+    /** Animation duration in ms. Default `300`. */
+    animationDuration?: number;
+    /** Max height for bottom-sheet (number or percentage string). Default `'80%'`. */
+    maxHeight?: number | string;
+    /** Border radius of the modal container. */
+    borderRadius?: number;
+    /** Style for the outer modal container. */
+    modalStyle?: StyleProp<ViewStyle>;
+    /** Style for the header row. */
+    headerStyle?: StyleProp<ViewStyle>;
+    /** Style for the scrollable content area. */
+    contentStyle?: StyleProp<ViewStyle>;
+    /** Style for the footer wrapper. */
+    footerStyle?: StyleProp<ViewStyle>;
+    /** Style for the title text. */
+    titleStyle?: StyleProp<TextStyle>;
+    /** Scrollable content. */
+    children?: ReactNode;
+}
+interface CustomModalRef {
+    open: () => void;
+    close: () => void;
+}
+
+declare const CustomModal: React__default.ForwardRefExoticComponent<CustomModalProps & React__default.RefAttributes<CustomModalRef>>;
+
+interface ModalHeaderProps {
+    title?: string;
+    onClose: () => void;
+    showCloseIcon?: boolean;
+    headerLeft?: React__default.ReactNode;
+    headerRight?: React__default.ReactNode;
+    headerStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+}
+declare function ModalHeader({ title, onClose, showCloseIcon, headerLeft, headerRight, headerStyle, titleStyle, }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare function CustomModalExample(): react_jsx_runtime.JSX.Element;
+
+interface UseModalAnimationOptions {
+    visible: boolean;
+    onClose: () => void;
+    isBottomSheet: boolean;
+    avoidKeyboard: boolean;
+    animationDuration: number;
+    maxHeight: number | string;
+}
+interface ModalAnimationState {
+    modalVisible: boolean;
+    kbHeight: number;
+    backdropAnim: Animated.Value;
+    contentTransform: Record<string, any>;
+    resolvedMaxHeight: number;
+    doClose: () => void;
+}
+declare function useModalAnimation({ visible, onClose, isBottomSheet, avoidKeyboard, animationDuration, maxHeight: maxHeightProp, }: UseModalAnimationOptions): ModalAnimationState;
+
+declare const BACKDROP_COLOR = "rgba(0,0,0,0.45)";
+declare const modalStyles: {
+    container: {
+        flex: number;
+    };
+    containerCenter: {
+        justifyContent: "center";
+        alignItems: "center";
+        paddingHorizontal: number;
+    };
+    containerBottom: {
+        justifyContent: "flex-end";
+    };
+    modal: {
+        overflow: "hidden";
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    modalCenter: {
+        width: "100%";
+        maxWidth: number;
+    };
+    scroll: {
+        flexGrow: number;
+        flexShrink: number;
+    };
+    scrollContent: {
+        padding: number;
+    };
+    footer: {
+        borderTopWidth: number;
+        padding: number;
+    };
+};
+
+type MessageStatus = "info" | "success" | "warning" | "error";
+interface CustomMessageBoxProps {
+    title?: string;
+    message?: string;
+    status?: MessageStatus;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare const CustomMessageBox: React__default.FC<CustomMessageBoxProps>;
+
+type CommonStateType = "no-data" | "not-found" | "restricted";
+interface CommonStateProps {
+    type: CommonStateType;
+    title?: string;
+    description?: string;
+    image?: ReactNode;
+    action?: ReactNode;
+    onActionPress?: () => void;
+}
+
+declare const CommonState: React__default.FC<CommonStateProps>;
+
+declare const COMMON_STATE_CONFIG: Record<CommonStateType, {
+    title: string;
+    description: string;
+    image: number;
+}>;
+
+type ToastType = "success" | "error" | "warning" | "info";
+type ToastPosition = "top" | "bottom";
+interface ToastConfig {
+    id?: string;
+    type?: ToastType;
+    title: string;
+    message?: string;
+    duration?: number;
+    position?: ToastPosition;
+    icon?: ReactNode;
+    onPress?: () => void;
+    onDismiss?: () => void;
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+}
+interface ToastRef {
+    show: (config: ToastConfig) => void;
+    hide: (id?: string) => void;
+    hideAll: () => void;
+}
+interface InternalToast extends Required<Pick<ToastConfig, "id" | "type" | "title" | "duration" | "position">> {
+    message?: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+    onDismiss?: () => void;
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+}
+interface ToastContextValue {
+    show: (config: ToastConfig) => void;
+    hide: (id?: string) => void;
+    hideAll: () => void;
+}
+interface ToastItemProps {
+    toast: InternalToast;
+    onDismiss: (id: string) => void;
+}
+
+declare function useToast(): ToastContextValue;
+
+declare const ToastProvider: React__default.ForwardRefExoticComponent<{
+    children: React__default.ReactNode;
+} & React__default.RefAttributes<ToastRef>>;
+
+declare function ToastItem({ toast, onDismiss }: ToastItemProps): react_jsx_runtime.JSX.Element;
+
+type LoaderSize = "small" | "medium" | "large";
+type LoaderVariant = "spinner" | "dots" | "pulse" | "bar";
+interface LoaderProps {
+    size?: LoaderSize;
+    variant?: LoaderVariant;
+    color?: string;
+    loading?: boolean;
+    overlay?: boolean;
+    label?: string;
+    style?: StyleProp<ViewStyle>;
+}
+
+declare function Loader({ size, variant, color, loading, overlay, label, style, }: LoaderProps): react_jsx_runtime.JSX.Element | null;
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+type TooltipTrigger = 'press' | 'longPress';
+interface TooltipProps {
+    /** The element that triggers the tooltip. */
+    children: ReactNode;
+    /** Tooltip content — plain string or custom JSX. */
+    content: string | ReactNode;
+    /** Where to place the tooltip relative to the trigger. @default 'top' */
+    placement?: TooltipPlacement;
+    /** How the tooltip is triggered. @default 'press' */
+    trigger?: TooltipTrigger;
+    /** Delay in ms before showing the tooltip after trigger. @default 0 */
+    delay?: number;
+    /** Background colour of the tooltip bubble. */
+    backgroundColor?: string;
+    /** Text colour (only applies when `content` is a string). */
+    textColor?: string;
+    /** Whether to render a small arrow pointing at the anchor. @default true */
+    showArrow?: boolean;
+    /** Controlled visibility — when provided the component becomes controlled. */
+    visible?: boolean;
+    /** Called when the tooltip opens. */
+    onOpen?: () => void;
+    /** Called when the tooltip closes. */
+    onClose?: () => void;
+    /** Extra styles applied to the tooltip bubble container. */
+    style?: ViewStyle;
+}
+
+declare function Tooltip({ children, content, placement, trigger, delay, backgroundColor, textColor, showArrow, visible: controlledVisible, onOpen, onClose, style, }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type ConfirmationType = "default" | "danger" | "warning";
+interface ConfirmationModalProps {
+    visible: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    message?: string;
+    confirmText?: string;
+    cancelText?: string;
+    type?: ConfirmationType;
+    loading?: boolean;
+    icon?: ReactNode;
+}
+
+declare const ConfirmationModal: React__default.FC<ConfirmationModalProps>;
+
+interface SnackbarAction {
+    label: string;
+    onPress: () => void;
+}
+interface SnackbarProps {
+    visible: boolean;
+    message: string;
+    action?: SnackbarAction;
+    duration?: number;
+    onDismiss: () => void;
+    position?: "top" | "bottom";
+    icon?: ReactNode;
+    style?: ViewStyle;
+}
+
+declare const Snackbar: React__default.FC<SnackbarProps>;
+
+type PopupPlacement = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+interface PopupMenuProps {
+    /** Content rendered inside the popup */
+    children: ReactNode;
+    /** Component that triggers the popup on press. If omitted the popup shows centered. */
+    anchor?: (props: {
+        onPress: () => void;
+    }) => ReactNode;
+    /** Externally controlled visibility (optional – use with onClose) */
+    visible?: boolean;
+    /** Called when the popup requests to close */
+    onClose?: () => void;
+    /** Called when the popup opens */
+    onOpen?: () => void;
+    /** Preferred placement relative to anchor (default 'auto') */
+    placement?: PopupPlacement;
+    /** Gap between anchor and popup in px (default 8) */
+    offset?: number;
+    /** Backdrop color (default 'rgba(0,0,0,0.25)') */
+    backdropColor?: string;
+    /** Close when tapping outside the popup (default true) */
+    closeOnOutsidePress?: boolean;
+    /** Show a close icon button inside the popup (default false) */
+    showCloseIcon?: boolean;
+    /** Animation duration in ms (default 200) */
+    animationDuration?: number;
+    /** Popup container style */
+    popupStyle?: StyleProp<ViewStyle>;
+    /** Popup content wrapper style */
+    contentStyle?: StyleProp<ViewStyle>;
+}
+interface PopupMenuRef {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+
+declare const PopupMenu: React__default.ForwardRefExoticComponent<PopupMenuProps & React__default.RefAttributes<PopupMenuRef>>;
+
+interface PopupMenuItemProps {
+    label: string;
+    onPress?: () => void;
+    icon?: ReactNode;
+    iconColor?: string;
+    textColor?: string;
+    disabled?: boolean;
+    /** Show a separator line below this item */
+    separator?: boolean;
+    /** Danger / destructive style */
+    destructive?: boolean;
+}
+declare function PopupMenuItem({ label, onPress, icon, iconColor, textColor, disabled, separator, destructive, }: PopupMenuItemProps): react_jsx_runtime.JSX.Element;
+
+type DismissKeyboardViewProps = ViewProps;
+
+declare const DismissKeyboardView: React__default.FC<DismissKeyboardViewProps>;
+
+interface AnimatedListItemProps {
+    children: ReactNode;
+    index: number;
+}
+
+declare const AnimatedListItem: ({ children, index }: AnimatedListItemProps) => react_jsx_runtime.JSX.Element;
+
+type ErrorBoundaryProps = {
+    children: React__default.ReactNode;
+    fallback?: React__default.ReactNode;
+    onError?: (error: Error, info: React__default.ErrorInfo) => void;
+    onReset?: () => void;
+};
+type ErrorBoundaryState = {
+    hasError: boolean;
+    error: Error | null;
+};
+
+declare class ErrorBoundary extends React__default.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, info: React__default.ErrorInfo): void;
+    resetBoundary: () => void;
+    render(): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+}
+
+type NetworkStatusPosition = "top" | "bottom";
+interface NetworkStatusProps {
+    /** Banner position — slides in from top or bottom. @default "top" */
+    position?: NetworkStatusPosition;
+    /** Generic message shown in the banner (overrides offline/online defaults). */
+    message?: string;
+    /** Message shown when the device is offline. @default "No internet connection" */
+    offlineMessage?: string;
+    /** Message shown when the device comes back online. @default "Back online" */
+    onlineMessage?: string;
+    /** Show a brief green banner when connectivity is restored. @default false */
+    showOnlineStatus?: boolean;
+    /** Extra styles applied to the banner container. */
+    style?: ViewStyle;
+}
+interface NetworkStatusHandle {
+    /** Manually set the connection state (useful when NetInfo is unavailable). */
+    setConnected: (connected: boolean) => void;
+}
+interface UseNetworkStatusReturn {
+    isConnected: boolean;
+    /** Manually toggle the connected state for testing / manual control. */
+    setConnected: (connected: boolean) => void;
+}
+
+/**
+ * Standalone hook that tracks network connectivity.
+ * Tries to use `@react-native-community/netinfo` at runtime;
+ * falls back to a manual `setConnected` API when the package is absent.
+ */
+declare function useNetworkStatus(): UseNetworkStatusReturn;
+declare const NetworkStatus: React__default.ForwardRefExoticComponent<NetworkStatusProps & React__default.RefAttributes<NetworkStatusHandle>>;
+
+declare function NetworkStatusExample(): react_jsx_runtime.JSX.Element;
+
+type FABPosition = "bottom-right" | "bottom-left" | "bottom-center";
+type FABSize = "small" | "medium" | "large";
+type FABAction = {
+    icon: React.ReactNode;
+    label: string;
+    onPress: () => void;
+    color?: string;
+};
+type FABProps = {
+    /** Main FAB icon */
+    icon: React.ReactNode;
+    /** Callback when FAB is pressed (no speed-dial) */
+    onPress: () => void;
+    /** Extended FAB label shown beside the icon */
+    label?: string;
+    /** Screen-corner position */
+    position?: FABPosition;
+    /** Button size */
+    size?: FABSize;
+    /** Background color (defaults to theme primary) */
+    color?: string;
+    /** Speed-dial actions fanning out above the FAB */
+    actions?: FABAction[];
+    /** Animate in/out */
+    visible?: boolean;
+    /** Additional container style */
+    style?: ViewStyle;
+};
+
+declare function FAB({ icon, onPress, label, position, size, color, actions, visible, style, }: FABProps): react_jsx_runtime.JSX.Element;
+
+type SpeedDialAction = {
+    icon: React__default.ReactNode;
+    label: string;
+    onPress: () => void;
+    color?: string;
+};
+type SpeedDialProps = {
+    actions: SpeedDialAction[];
+    trigger: React__default.ReactNode | ((props: {
+        onPress: () => void;
+    }) => React__default.ReactNode);
+    direction?: "up" | "down" | "left" | "right";
+    spacing?: number;
+    backdropColor?: string;
+    style?: ViewStyle;
+};
+
+declare function SpeedDial({ actions, trigger, direction, spacing, backdropColor, style, }: SpeedDialProps): react_jsx_runtime.JSX.Element;
+
+declare function SpeedDialExample(): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionItem, type AccordionProps, type AccordionSize, type AccordionVariant, type ActiveHighlight, ActivityFeed, ActivityFeedExample, type ActivityFeedProps, type ActivityItem, type ActivityItemType, AlertModal, AlertModalProps, AlertType, AnimatedListItem, type AnimatedListItemProps, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, BACKDROP_COLOR, Badge, type BadgeProps, type BadgeShape, type BadgeVariant, BarChart, type BarChartProps, type BaseFieldProps, BillingUI, BillingUIExample, type BillingUIProps, BottomBar, BottomBarItem, BottomBarLayout, type BottomBarLayoutProps, type BottomBarProps, type BottomBarTab, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type ButtonSize, type ButtonVariant, COMMON_STATE_CONFIG, COUNTRIES, Calendar, type CalendarDay, type CalendarEvent, CalendarExample, CalendarGrid, CalendarHeader, CalendarMonth, type CalendarProps, type CardSize, type CardVariant, type ChartProps, Chip, type ChipProps, type ChipSize, type ChipVariant, CollapsibleSection, type CollapsibleSectionProps, type CollapsibleSize, ColorPicker, type ColorPickerProps, CommonState, type CommonStateProps, type CommonStateType, ConfirmationModal, type ConfirmationModalProps, type ConfirmationType, type CountryCode, CustomButton, CustomButtonExample, type CustomButtonProps, CustomCard, type CustomCardProps, CustomCheckbox, type CustomCheckboxProps, CustomDivider, type CustomDividerProps, CustomField, type CustomFieldProps, CustomListItem, type CustomListItemProps, CustomListShimmer, type CustomListShimmerProps, CustomMessageBox, type CustomMessageBoxProps, CustomModal, CustomModalExample, type CustomModalProps, type CustomModalRef, CustomRadioGroup, type CustomRadioGroupProps, CustomSwitch, type CustomSwitchProps, type DataColumn, type DataPoint, DataTable, type DataTablePagination, type DataTableProps, type DateTimeFieldProps, DateTimePicker, DateTimePickerHeader, type DateTimePickerProps, DayCell, type DayModel, DismissKeyboardView, type DismissKeyboardViewProps, Drawer, type DrawerProps, ENTRY_STAGGER_MS, ErrorBoundary, type ErrorBoundaryProps, type ErrorBoundaryState, FAB, type FABAction, type FABPosition, type FABProps, type FABSize, FIELD_SIZES, type FabConfig, type FieldType, type FileFieldProps, type FilterOption, type FormContext, type FormField, FormScrollView, type FormScrollViewProps, FormWrapper, FormWrapperExample, type FormWrapperProps, Header, type HeaderProps, type HeaderSize, type HeaderVariant, IconWrapper, type IconWrapperProps, type IconWrapperShape, type IconWrapperVariant, type IndicatorPosition, type InternalToast, type InvoiceItem, InvoiceList, type InvoiceListProps, KanbanBoard, KanbanBoardExample, type KanbanBoardProps, type KanbanCard, type KanbanColumn, LINE_ANIM_DURATION, LineChart, type LineChartProps, type ListItemSize, Loader, type LoaderProps, type LoaderSize, type LoaderVariant, LoginForm, type LoginFormProps, type MarkedDateInfo, type MessageStatus, ModalHeader, type ModalType, type MonthYear, NetworkImage, type NetworkImageDimensionValue, type NetworkImageProps, NetworkStatus, NetworkStatusExample, type NetworkStatusHandle, type NetworkStatusPosition, type NetworkStatusProps, NotificationCenter, NotificationCenterExample, type NotificationCenterProps, type NotificationItem, type NotificationType, type OtpFieldProps, PageSwipeView, PasswordStrength, type PasswordStrengthProps, PhoneInput, type PhoneInputProps, type PickerMode, PieChart, type PieChartProps, type PlanItem, PopupMenu, PopupMenuItem, type PopupMenuItemProps, type PopupMenuProps, type PopupMenuRef, type PopupPlacement, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, type RadioOption, type RatingFieldProps, SIZE_CONFIG$1 as SIZE_CONFIG, SearchBar, type SearchBarProps, type SearchBarSize, SearchWithFilters, type SearchWithFiltersProps, type SegmentItem, SegmentedControl, type SegmentedControlProps, type SelectFieldProps, type SelectOption, SelectionGroup, type SelectionGroupProps, type SelectionItem, type ShimmerVariant, type SignatureFieldProps, SignupForm, type SignupFormProps, Snackbar, type SnackbarAction, type SnackbarProps, SocialLoginButton, type SocialLoginButtonProps, SocialLoginGroup, type SocialLoginGroupProps, SocialLoginIconButton, type SocialProvider, SpeedDial, type SpeedDialAction, SpeedDialExample, type SpeedDialProps, StatCard, type StatCardProps, type StatCardSize, type StatTrend, type StepItem, Stepper, type StepperProps, type StepperSize, type StrengthLevel, type SwipeAction, SIZE_CONFIG as TIMELINE_SIZE_CONFIG, TabBar, type TabBarProps, type TabBarVariant, type TabItem, TabPager, Text, type TextAlign, type TextColorShortcut, type TextFieldProps, type TextProps, type TextVariant, TimePicker, type TimeValue, Timeline, TimelineExample, type TimelineItem, type TimelineItemStatus, type TimelineProps, TimelineRow, type TimelineSize, type SizeConfig as TimelineSizeConfig, type ToastConfig, type ToastContextValue, ToastItem, type ToastItemProps, type ToastPosition, ToastProvider, type ToastRef, type ToastType, Tooltip, type TooltipPlacement, type TooltipProps, type TooltipTrigger, type UseNetworkStatusReturn, VARIANT_COLORS, WheelPicker, formatMonthYear, generateMonthDays, getAlertIconAndColors, getBottomBarStyles, getCalendarHeight, getCalendarMonthStyles, getDateTimePickerStyles, getDaysInMonth, getFirstDayOfMonth, getWeekNumber, isSameDay, modalStyles, styles as timelineStyles, useDateTimePicker, useForm, useFormScroll, useModalAnimation, useNetworkStatus, useTimeHandlers, useToast };