Aurora Dialog

1"use client"
2 
3/**
4 * Aurora Design System — Dialog / Modal
5 * peer dep: @radix-ui/react-dialog
6 */
7 
8import * as React from "react"
9import * as DialogPrimitive from "@radix-ui/react-dialog"
10import { X } from "lucide-react"
11import { cn } from "@/lib/utils"
12 
13// ─── Re-exports ───────────────────────────────────────────────────────────────
14 
15const Dialog = DialogPrimitive.Root
16const DialogTrigger = DialogPrimitive.Trigger
17const DialogPortal = DialogPrimitive.Portal
18const DialogClose = DialogPrimitive.Close
19 
20// ─── Overlay / Backdrop ───────────────────────────────────────────────────────
21 
22function DialogOverlay({ ref, className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
23  return (
24    <DialogPrimitive.Overlay
25      ref={ref}
26      className={cn(
27        "fixed inset-0 z-50 backdrop-blur-[2px]",
28        "data-[state=open]:animate-in data-[state=closed]:animate-out",
29        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
30        className
31      )}
32      style={{ backgroundColor: "var(--aurora-overlay)" }}
33      {...props}
34    />
35  )
36}
37 
38// ─── Content ──────────────────────────────────────────────────────────────────
39 
40export interface DialogContentProps
41  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
42  /** Hide the default X close button */
43  hideClose?: boolean
44  /** Controls the maximum width of the dialog */
45  size?: "sm" | "default" | "lg" | "xl" | "full"
46}
47 
48const sizeClasses: Record<NonNullable<DialogContentProps["size"]>, string> = {
49  sm: "max-w-sm",
50  default: "max-w-lg",
51  lg: "max-w-2xl",
52  xl: "max-w-4xl",
53  full: "max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]",
54}
55 
56function DialogContent({ ref, className, hideClose = false, size = "default", children, style, ...props }: DialogContentProps & { ref?: React.Ref<React.ComponentRef<typeof DialogPrimitive.Content>> }) {
57  return (
58    <DialogPortal>
59      <DialogOverlay />
60      <DialogPrimitive.Content
61        ref={ref}
62        className={cn(
63          "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
64          "w-full",
65// … truncated