import * as react from 'react'; import { ElementType, ReactNode, SyntheticEvent, ComponentProps } from 'react'; import * as react_jsx_runtime from 'react/jsx-runtime'; import { BoxProps } from '../../box/src/Box.js'; import { InternalProps, InteractionProps, StyledComponentProps, OmitInternalProps } from '../../shared/src/types.js'; import { ResponsiveProp } from '../../styling/src/useResponsiveValue.js'; import '../../styling/src/styled-system/props-handler.js'; import 'csstype'; import '../../shared/src/type-fest.js'; import '../../styling/src/styled-system/StylingContext.js'; import '../../styling/src/BreakpointProvider.js'; type AbstractDialogProps = InternalProps & InteractionProps & Omit, "role" | "zIndex"> & { /** * React children. */ children: ReactNode; /** * Whether or not the dialog should close on outside interactions. */ dismissable?: boolean; /** * Called when a closing event happenened. * @param {SyntheticEvent} event - React's original synthetic event. * @returns {void} */ onClose?: (event: SyntheticEvent) => void; /** * Additional props to render on the wrapper element. */ wrapperProps?: Partial; /** * The z-index of the dialog. */ zIndex?: number; }; declare const DefaultElement = "section"; interface InnerDialogProps extends AbstractDialogProps { /** * The dialog role. */ role?: "dialog" | "alertdialog"; /** * A dialog can vary in size. */ size?: ResponsiveProp<"sm" | "md" | "lg">; } declare function InnerDialog({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, as, children, dismissable, focus, forwardedRef, id, onClose, role, size, wrapperProps, zIndex, ...rest }: InnerDialogProps): react_jsx_runtime.JSX.Element; declare namespace InnerDialog { var defaultElement: string; } declare const Dialog: react.ForwardRefExoticComponent, "ref"> & react.RefAttributes>; type DialogProps = ComponentProps; export { type AbstractDialogProps, Dialog, type DialogProps, InnerDialog, type InnerDialogProps };