@premieroctet/next-admin
Version:
Next-Admin provides a customizable and turnkey admin dashboard for applications built with Next.js and powered by the Prisma ORM. It aims to simplify the development process by providing a turnkey admin system that can be easily integrated into your proje
26 lines (25 loc) • 1.65 kB
JavaScript
import { jsx } from "react/jsx-runtime";
import { Close, Content, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-dialog";
import { forwardRef } from "react";
import external_clsx_default from "clsx";
import { twMerge } from "tailwind-merge";
const DialogRoot = Root;
const DialogTrigger = Trigger;
const DialogPortal = Portal;
const DialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
className: twMerge(external_clsx_default("fixed inset-0 z-[51] bg-zinc-950/25 dark:bg-zinc-950/50", className)),
ref: ref,
...props
}));
const DialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
className: twMerge(external_clsx_default("text-nextadmin-content-emphasis dark:text-dark-nextadmin-content-emphasis border-nextadmin-border-strong dark:border-dark-nextadmin-border-strong bg-nextadmin-background-default dark:bg-dark-nextadmin-background-default fixed top-[50%] z-[52] w-full translate-y-[-50%] rounded-lg border bg-white p-6 shadow-lg md:left-[50%] md:w-[50vw] md:translate-x-[-50%] max-h-[90vh] overflow-y-auto", className)),
ref: ref,
...props
}));
const DialogClose = Close;
const DialogTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
className: twMerge(external_clsx_default("text-nextadmin-content-default dark:text-dark-nextadmin-content-default text-lg", className)),
ref: ref,
...props
}));
export { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };