"use client"; import * as React from "react"; import { Dialog as DialogPrimitive } from "radix-ui"; import { cn } from "@kineticui/core"; import { XIcon } from "@kineticui/icons"; export const Dialog = DialogPrimitive.Root; export const DialogTrigger = DialogPrimitive.Trigger; export const DialogClose = DialogPrimitive.Close; const sizes = { sm: "max-w-sm", md: "max-w-md", lg: "max-w-xl", xl: "max-w-3xl" }; export type DialogContentProps = React.ComponentPropsWithoutRef & { size?: keyof typeof sizes; /** Hide the × button in the corner. */ hideClose?: boolean; }; export const DialogContent = React.forwardRef< React.ElementRef, DialogContentProps >(({ className, children, size = "md", hideClose, ...props }, ref) => ( {children} {hideClose ? null : ( )} )); DialogContent.displayName = "DialogContent"; export function DialogHeader({ className, ...props }: React.HTMLAttributes) { return

; } export function DialogFooter({ className, ...props }: React.HTMLAttributes) { return

; } export const DialogTitle = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); DialogTitle.displayName = "DialogTitle"; export const DialogDescription = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )); DialogDescription.displayName = "DialogDescription"; /** A slide-in panel from the right (or left). Built on Dialog. */ export const Sheet = DialogPrimitive.Root; export const SheetTrigger = DialogPrimitive.Trigger; export const SheetContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & { side?: "right" | "left" | "bottom" } >(({ className, children, side = "right", ...props }, ref) => ( {side === "bottom" ? : null} {children} )); SheetContent.displayName = "SheetContent";

Dialog

Installation

Exports