"use client" import * as React from "react" import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog" import { AnimatePresence, motion, useReducedMotion } from "motion/react" import { backdropMotion, dialogContentMotion, } from "@/lib/motion" import { cn } from "@/lib/utils" import { Button } from "./button" /** Layered overlay elevation — heaviest stack. */ const dialogElevation = "ds-elev-overlay" type AlertDialogOpenContextValue = { open: boolean } const AlertDialogOpenContext = React.createContext(null) function useAlertDialogOpen() { const ctx = React.useContext(AlertDialogOpenContext) if (!ctx) { throw new Error("AlertDialog parts must be used within ") } return ctx.open } function AlertDialog({ open: openProp, defaultOpen = false, onOpenChange, ...props }: AlertDialogPrimitive.Root.Props) { const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen) const isControlled = openProp !== undefined const open = isControlled ? openProp : uncontrolledOpen const handleOpenChange = React.useCallback< NonNullable >( (next, eventDetails) => { if (!isControlled) setUncontrolledOpen(next) onOpenChange?.(next, eventDetails) }, [isControlled, onOpenChange] ) return ( ) } function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) { return ( ) } function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) { return ( ) } function AlertDialogOverlay({ className, render, ...props }: AlertDialogPrimitive.Backdrop.Props) { const reduce = useReducedMotion() return ( } {...props} /> ) } function AlertDialogContent({ className, size = "default", render, ...props }: AlertDialogPrimitive.Popup.Props & { size?: "default" | "sm" }) { const open = useAlertDialogOpen() const reduce = useReducedMotion() return ( {open ? ( } {...props} /> ) : null} ) } function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props) { return ( ) } function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props) { return ( ) } function AlertDialogAction({ className, variant = "default", size = "default", ...props }: AlertDialogPrimitive.Close.Props & Pick, "variant" | "size">) { return ( } {...props} /> ) } function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }: AlertDialogPrimitive.Close.Props & Pick, "variant" | "size">) { return ( } {...props} /> ) } export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, }