import type { GetProps, StackProps, TamaguiElement } from '@tamagui/core'; import type { DismissableProps } from '@tamagui/dismissable'; import type { FocusScopeProps } from '@tamagui/focus-scope'; import { RemoveScroll } from '@tamagui/remove-scroll'; import type { YStackProps } from '@tamagui/stacks'; import * as React from 'react'; declare const createDialogScope: import("@tamagui/create-context").CreateScope; type RemoveScrollProps = React.ComponentProps; interface DialogProps { children?: React.ReactNode; open?: boolean; defaultOpen?: boolean; onOpenChange?(open: boolean): void; modal?: boolean; /** * Used to disable the remove scroll functionality when open */ disableRemoveScroll?: boolean; /** * @see https://github.com/theKashey/react-remove-scroll#usage */ allowPinchZoom?: RemoveScrollProps['allowPinchZoom']; } type NonNull = Exclude; type DialogContextValue = { disableRemoveScroll?: boolean; triggerRef: React.RefObject; contentRef: React.RefObject; contentId: string; titleId: string; descriptionId: string; onOpenToggle(): void; open: NonNull; onOpenChange: NonNull; modal: NonNull; allowPinchZoom: NonNull; scopeKey: string; adaptName: string; }; interface DialogTriggerProps extends StackProps { } declare const DialogTrigger: import("@tamagui/core").TamaguiComponent, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & void, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>; type DialogPortalProps = YStackProps & { /** * Used to force mounting when more control is needed. Useful when * controlling animation with React animation libraries. */ forceMount?: true; }; export declare const DialogPortalFrame: import("@tamagui/core").TamaguiComponent; declare const DialogPortal: React.FC; /** * exported for internal use with extractable() */ export declare const DialogOverlayFrame: import("@tamagui/core").TamaguiComponent; interface DialogOverlayProps extends YStackProps { /** * Used to force mounting when more control is needed. Useful when * controlling animation with React animation libraries. */ forceMount?: true; } declare const DialogOverlay: React.ForwardRefExoticComponent>; declare const DialogContentFrame: import("@tamagui/core").TamaguiComponent; type DialogContentFrameProps = GetProps; interface DialogContentProps extends DialogContentFrameProps, Omit { /** * Used to force mounting when more control is needed. Useful when * controlling animation with React animation libraries. */ forceMount?: true; } declare const DialogContent: React.ForwardRefExoticComponent>; interface DialogContentTypeProps extends DialogContentImplProps { context: DialogContextValue; } type DialogContentImplProps = DialogContentFrameProps & Omit & { /** * When `true`, focus cannot escape the `Content` via keyboard, * pointer, or a programmatic focus. * @defaultValue false */ trapFocus?: FocusScopeProps['trapped']; /** * Event handler called when auto-focusing on open. * Can be prevented. */ onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']; /** * Event handler called when auto-focusing on close. * Can be prevented. */ onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']; context: DialogContextValue; }; declare const DialogTitleFrame: import("@tamagui/core").TamaguiComponent; type DialogTitleProps = GetProps; declare const DialogTitle: import("@tamagui/core").TamaguiComponent, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps & void, import("@tamagui/core").TextStylePropsBase, { size?: import("@tamagui/core").FontSizeTokens | undefined; unstyled?: boolean | undefined; }, import("@tamagui/core").StaticConfigPublic>; declare const DialogDescriptionFrame: import("@tamagui/core").TamaguiComponent; type DialogDescriptionProps = GetProps; declare const DialogDescription: import("@tamagui/core").TamaguiComponent, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps & void, import("@tamagui/core").TextStylePropsBase, { size?: import("@tamagui/core").FontSizeTokens | undefined; unstyled?: boolean | undefined; }, import("@tamagui/core").StaticConfigPublic>; declare const DialogCloseFrame: import("@tamagui/core").TamaguiComponent; export interface DialogCloseExtraProps { displayWhenAdapted?: boolean; } type DialogCloseProps = GetProps & DialogCloseExtraProps; declare const DialogClose: import("@tamagui/core").TamaguiComponent, "displayWhenAdapted"> & DialogCloseExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & DialogCloseExtraProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>; declare const DialogWarningProvider: (props: { contentName: string; titleName: string; docsSlug: string; } & { children: React.ReactNode; }) => React.JSX.Element; export type DialogHandle = { open: (val: boolean) => void; }; declare const Dialog: React.ForwardRefExoticComponent void; }>> & { Trigger: import("@tamagui/core").TamaguiComponent, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & void, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>; Portal: React.FC; Overlay: React.ForwardRefExoticComponent>; Content: React.ForwardRefExoticComponent>; Title: import("@tamagui/core").TamaguiComponent, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps & void, import("@tamagui/core").TextStylePropsBase, { size?: import("@tamagui/core").FontSizeTokens | undefined; unstyled?: boolean | undefined; }, import("@tamagui/core").StaticConfigPublic>; Description: import("@tamagui/core").TamaguiComponent, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps & void, import("@tamagui/core").TextStylePropsBase, { size?: import("@tamagui/core").FontSizeTokens | undefined; unstyled?: boolean | undefined; }, import("@tamagui/core").StaticConfigPublic>; Close: import("@tamagui/core").TamaguiComponent, "displayWhenAdapted"> & DialogCloseExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & DialogCloseExtraProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic>; Sheet: React.FunctionComponent & React.RefAttributes> & { Frame: import("react").ForwardRefExoticComponent, keyof { disableHideBottomOverflow?: boolean; adjustPaddingForOffscreenContent?: boolean; }> & { disableHideBottomOverflow?: boolean; adjustPaddingForOffscreenContent?: boolean; }>>; Overlay: import("react").MemoExoticComponent<(propsIn: import("@tamagui/sheet").SheetScopedProps>) => null>; Handle: import("@tamagui/core").TamaguiComponent | import("@tamagui/core").TamaguiComponent; ScrollView: import("react").ForwardRefExoticComponent & import("@tamagui/core").WithThemeValues> | undefined; }> & { fullscreen?: boolean | undefined; } & import("@tamagui/core").WithShorthands> | undefined; }>> & import("@tamagui/core").WithPseudoProps> | undefined; }> & { fullscreen?: boolean | undefined; } & import("@tamagui/core").WithShorthands> | undefined; }>>> & import("@tamagui/core").WithMediaProps> | undefined; }, { fullscreen?: boolean | undefined; }>> & import("react").RefAttributes>; }; FocusScope: (props: import("@tamagui/focus-scope/types/types").ScopedProps) => import("react/jsx-runtime").JSX.Element; Adapt: ((props: import("@tamagui/adapt").AdaptProps) => import("react/jsx-runtime").JSX.Element) & { Contents: { ({ scope, ...rest }: { scope?: string; }): React.FunctionComponentElement; shouldForwardSpace: boolean; }; }; }; export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogWarningProvider, createDialogScope, }; export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps, }; //# sourceMappingURL=Dialog.d.ts.map