ui/dialog.tsx

Provides accessible and customizable dialog components for displaying modal windows and overlay content in web applications.

// Source: https://github.com/oss-apps/split-pro | License: MIT | Copyright 2024 OSS Apps
// Provided via justclaw.it.com; keep this notice with the code.
'use client';

import React from 'react';
import { Dialog as DialogPrimitive } from 'radix-ui';
import { XIcon } from 'lucide-react';

import { cn } from '~/lib/utils';

function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
  return <DialogPrimitive.Root data-slot="dialog" {...props} />;
}

function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
}

function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
  return <DialogPrimitive.Portal data-slot="dialog-portal" {.

... (truncated -- full source via MCP)