@mijn-ui/react-alert-dialog/dist/index.d.ts

A modal dialog for alerting users about important actions or decisions.

import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import * as _mijn_ui_react_theme from '@mijn-ui/react-theme';
import { AlertDialogVariantProps, UnstyledComponentWithSlots, AlertDialogSlots, UnstyledProps } from '@mijn-ui/react-theme';
import * as React from 'react';
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';

declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
type AlertDialogBaseProps = UnstyledComponentWithSlots<AlertDialogSlots>;
declare const useAlertDialogStyles: (unstyledOverride?: boolean) => {
    classNames: _mijn_ui_react_theme.SlotsToClasses<"base" | "trigger" | "overlay" | "contentWrapper" | "content" | "header" | "footer" | "title" | "description" | "action" | "cancel"> | undefined;
    isUnstyled: boolean | undefined;
    base: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    trigger: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    overlay: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    contentWrapper: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    content: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    header: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    footer: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    title: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    description: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    action: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
    cancel: (slotProps?: ({} & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | ({
        [x: string]: string | number | undefined;
        [x: number]: string | number | undefined;
    } & tailwind_variants.ClassProp<tailwind_variants.ClassValue>) | undefined) => string | undefined;
};
type AlertDialogProps = React.ComponentProps<typeof AlertDialogPrimitive.Root> & AlertDialogVariantProps & AlertDialogBaseProps;
declare const AlertDialog: ({ classNames, unstyled, ...props }: AlertDialogProps) => react_jsx_runtime.JSX.Element;
type AlertDialogTriggerProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Trigger> & UnstyledProps;
declare const AlertDialogTrigger: ({ unstyled, className, ...props }: AlertDialogTriggerProps) => react_jsx_runtime.JSX.Element;
type AlertDialogOverlayProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Overlay> & UnstyledProps;
declare const AlertDialogOverlay: ({ className, unstyled, ...props }: AlertDialogOverlayProps) => react_jsx_runtime.JSX.Element;
type AlertDialogContentProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Content> & UnstyledProps;
declare const AlertDialogContent: ({ unstyled, className, ...props }: AlertDialogContentProps) => react_jsx_runtime.JSX.Element;
type AlertDialogHeaderProps = React.ComponentPropsWithRef<"div"> & UnstyledProps;
declare const AlertDialogHeader: {
    ({ unstyled, className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type AlertDialogFooterProps = React.ComponentPropsWithRef<"div"> & UnstyledProps;
declare const AlertDialogFooter: {
    ({ className, unstyled, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
    displayName: string;
};
type AlertDialogTitleProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Title> & UnstyledProps;
declare const AlertDialogTitle: ({ unstyled, className, ...props }: AlertDialogTitleProps) => react_jsx_runtime.JSX.Element;
type AlertDialogDescriptionProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Description> & UnstyledProps;
declare const AlertDialogDescription: ({ unstyled, className, ...props }: AlertDialogDescriptionProps) => react_jsx_runtime.JSX.Element;
type AlertDialogActionProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Action> & UnstyledProps;
declare const AlertDialogAction: ({ unstyled, className, ...props }: AlertDialogActionProps) => react_jsx_runtime.JSX.Element;
type AlertDialogCancelProps = React.ComponentPropsWithRef<typeof AlertDialogPrimitive.Cancel> & UnstyledProps;
declare const AlertDialogCancel: ({ unstyled, className, ...props }: AlertDialogCancelProps) => react_jsx_runtime.JSX.Element;

export { AlertDialog, AlertDialogAction, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, useAlertDialogStyles };