@crossed/ui/lib/typescript/overlay/Modal/index.d.ts

A universal & performant styling library for React Native, Next.js & React

/**
 * Copyright (c) Paymium.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root of this projects source tree.
 */
import { ModalContent } from './Content';
import { ModalTitle } from './Title';
import { ModalFooter } from './Footer';
import { ModalBody } from './Body';
import { ModalTrigger } from './Trigger';
import { ModalHeader } from './Header';
import { ModalScrollView } from './ScrollView';
import { ModalPadded } from './Padded';
export declare const Modal: import("react").NamedExoticComponent<Partial<import("./context").VariantSize> & {
    children?: import("react").ReactNode | undefined;
} & {
    floatingProps?: import("..").FloatingProps;
    adapt?: boolean;
    closable?: boolean | {
        closeOverlayPress?: boolean;
        closeOnTouchBackdrop?: boolean;
    };
} & import("react").RefAttributes<import("..").FloatingRef>> & {
    Content: import("react").NamedExoticComponent<{
        style?: import("@crossed/styled").CrossedMethods<any>;
    } & {
        children?: import("react").ReactNode | undefined;
    }>;
    Title: {
        (props: import("react").ComponentProps<typeof import("../..").Headline>): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Trigger: {
        (props: import("react").ComponentProps<import("react").NamedExoticComponent<Omit<import("../../Slot").SlotProps<import("react-native").PressableProps>, "style" | "Comp"> & {
            style?: import("@crossed/styled").CrossedMethods<any>;
        } & import("react").RefAttributes<import("react-native").View>>>): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Footer: import("react").ForwardRefExoticComponent<Omit<{
        children?: import("react").ReactNode | undefined;
        style?: import("@crossed/styled").CrossedMethods<any>;
        ref?: import("react").LegacyRef<import("react-native").View>;
        pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
        alignItems?: keyof typeof import("../..").alignItemsStyle;
        alignSelf?: keyof typeof import("../..").alignSelfStyle;
        justifyContent?: keyof typeof import("../..").justifyContentStyle;
        center?: boolean;
        space?: null | keyof typeof import("../..").gapStyles;
        hitSlop?: null | import("react-native").Insets | number | undefined;
        id?: string | undefined;
        needsOffscreenAlphaCompositing?: boolean | undefined;
        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
        removeClippedSubviews?: boolean | undefined;
        testID?: string | undefined;
        nativeID?: string | undefined;
        collapsable?: boolean | undefined;
        collapsableChildren?: boolean | undefined;
        renderToHardwareTextureAndroid?: boolean | undefined;
        focusable?: boolean | undefined;
        tabIndex?: 0 | -1 | undefined;
        shouldRasterizeIOS?: boolean | undefined;
        isTVSelectable?: boolean | undefined;
        hasTVPreferredFocus?: boolean | undefined;
        tvParallaxShiftDistanceX?: number | undefined;
        tvParallaxShiftDistanceY?: number | undefined;
        tvParallaxTiltAngle?: number | undefined;
        tvParallaxMagnification?: number | undefined;
        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
        accessible?: boolean | undefined;
        accessibilityActions?: ReadonlyArray<import("react-native").AccessibilityActionInfo> | undefined;
        accessibilityLabel?: string | undefined;
        'aria-label'?: string | undefined;
        accessibilityRole?: import("react-native").AccessibilityRole | undefined;
        accessibilityState?: import("react-native").AccessibilityState | undefined;
        'aria-busy'?: boolean | undefined;
        'aria-checked'?: boolean | "mixed" | undefined;
        'aria-disabled'?: boolean | undefined;
        'aria-expanded'?: boolean | undefined;
        'aria-selected'?: boolean | undefined;
        accessibilityHint?: string | undefined;
        accessibilityValue?: import("react-native").AccessibilityValue | undefined;
        'aria-valuemax'?: import("react-native").AccessibilityValue["max"] | undefined;
        'aria-valuemin'?: import("react-native").AccessibilityValue["min"] | undefined;
        'aria-valuenow'?: import("react-native").AccessibilityValue["now"] | undefined;
        'aria-valuetext'?: import("react-native").AccessibilityValue["text"] | undefined;
        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
        importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
        'aria-hidden'?: boolean | undefined;
        'aria-modal'?: boolean | undefined;
        role?: import("react-native").Role | undefined;
        accessibilityLabelledBy?: string | string[] | undefined;
        'aria-labelledby'?: string | undefined;
        accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
        'aria-live'?: ("polite" | "assertive" | "off") | undefined;
        accessibilityElementsHidden?: boolean | undefined;
        accessibilityViewIsModal?: boolean | undefined;
        onAccessibilityEscape?: (() => void) | undefined;
        onAccessibilityTap?: (() => void) | undefined;
        onMagicTap?: (() => void) | undefined;
        accessibilityIgnoresInvertColors?: boolean | undefined;
        accessibilityLanguage?: string | undefined;
        accessibilityShowsLargeContentViewer?: boolean | undefined;
        accessibilityLargeContentTitle?: string | undefined;
        pressable?: boolean;
        key?: import("react").Key | null | undefined;
    }, "ref"> & import("react").RefAttributes<import("react").LegacyRef<import("react-native").View>>>;
    Header: {
        ({ children, style, ...props }: import("../..").BoxProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Body: {
        (props: import("../..").BoxProps): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    ScrollView: import("react").NamedExoticComponent<object>;
    Padded: import("react").NamedExoticComponent<((import("../..").BoxProps & {
        fullHeight?: boolean;
    }) & import("react").RefAttributes<import("react-native").View>) & import("react").RefAttributes<import("react-native").View>>;
};
export { ModalContent, ModalTitle, ModalTrigger, ModalFooter, ModalHeader, ModalBody, ModalScrollView, ModalPadded, };
//# sourceMappingURL=index.d.ts.map