@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 _mijn_ui_react_core from '@mijn-ui/react-core';
import { UnstyledComponentWithSlots } from '@mijn-ui/react-core';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_merge from 'tailwind-merge';
import * as React from 'react';
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';

declare const alertDialogStyles: tailwind_variants.TVReturnType<{
    [key: string]: {
        [key: string]: tailwind_merge.ClassNameValue | {
            base?: tailwind_merge.ClassNameValue;
            trigger?: tailwind_merge.ClassNameValue;
            contentWrapper?: tailwind_merge.ClassNameValue;
            header?: tailwind_merge.ClassNameValue;
            footer?: tailwind_merge.ClassNameValue;
            title?: tailwind_merge.ClassNameValue;
            description?: tailwind_merge.ClassNameValue;
            overlay?: tailwind_merge.ClassNameValue;
            content?: tailwind_merge.ClassNameValue;
            action?: tailwind_merge.ClassNameValue;
            cancel?: tailwind_merge.ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: tailwind_merge.ClassNameValue | {
            base?: tailwind_merge.ClassNameValue;
            trigger?: tailwind_merge.ClassNameValue;
            contentWrapper?: tailwind_merge.ClassNameValue;
            header?: tailwind_merge.ClassNameValue;
            footer?: tailwind_merge.ClassNameValue;
            title?: tailwind_merge.ClassNameValue;
            description?: tailwind_merge.ClassNameValue;
            overlay?: tailwind_merge.ClassNameValue;
            content?: tailwind_merge.ClassNameValue;
            action?: tailwind_merge.ClassNameValue;
            cancel?: tailwind_merge.ClassNameValue;
        };
    };
} | {}, {
    base: string;
    trigger: string;
    overlay: string[];
    contentWrapper: string;
    content: string[];
    header: string;
    footer: string;
    title: string;
    description: string;
    action: string[];
    cancel: string[];
}, undefined, {
    [key: string]: {
        [key: string]: tailwind_merge.ClassNameValue | {
            base?: tailwind_merge.ClassNameValue;
            trigger?: tailwind_merge.ClassNameValue;
            contentWrapper?: tailwind_merge.ClassNameValue;
            header?: tailwind_merge.ClassNameValue;
            footer?: tailwind_merge.ClassNameValue;
            title?: tailwind_merge.ClassNameValue;
            description?: tailwind_merge.ClassNameValue;
            overlay?: tailwind_merge.ClassNameValue;
            content?: tailwind_merge.ClassNameValue;
            action?: tailwind_merge.ClassNameValue;
            cancel?: tailwind_merge.ClassNameValue;
        };
    };
} | {}, {
    base: string;
    trigger: string;
    overlay: string[];
    contentWrapper: string;
    content: string[];
    header: string;
    footer: string;
    title: string;
    description: string;
    action: string[];
    cancel: string[];
}, tailwind_variants.TVReturnType<unknown, {
    base: string;
    trigger: string;
    overlay: string[];
    contentWrapper: string;
    content: string[];
    header: string;
    footer: string;
    title: string;
    description: string;
    action: string[];
    cancel: string[];
}, undefined, unknown, unknown, undefined>>;
type AlertDialogVariantProps = VariantProps<typeof alertDialogStyles>;
type AlertDialogSlots = keyof ReturnType<typeof alertDialogStyles>;

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