import { jsx, jsxs } from 'react/jsx-runtime';
import { c as cn } from '../utils-BJnb9o5c.js';
import { B as Button } from '../button-CrEMzWKw.js';
import { D as Dialog$1, a as DialogPortal$1, b as DialogOverlay$1, c as DialogHeader$1, d as DialogTitle$1, e as DialogDescription$1, f as DialogFooter$1, g as DialogClose$1, h as DialogTrigger$1 } from '../dialog--Qm4MZDo.js';
import { X } from '../x-_o2T3n6D.js';
import { C as Content, a as Close } from '../index-B7SdntLB.js';
import 'react';
import '../index-Bo3AAQJp.js';
import '../index-CfriMyrd.js';
import '../index-BtkPdosV.js';
import 'react-i18next';
import '../createLucideIcon-C8ycilSN.js';
import '../index-DNzunGHb.js';
import '../index-CiyxEyB0.js';
import '../index-zW4GjM5L.js';
import '../index-DOzu5J1s.js';
import '../index-Cor698lu.js';
import '../index-BNPynZWM.js';
import '../index-DhnfW8wQ.js';
import 'react-dom';
import '../index-CSUSJzOJ.js';
import '../index-Jr4soqx3.js';
import '../index-fV_U4ZJM.js';
import '../index-yFgkK_AM.js';

const Dialog = (props) => /* @__PURE__ */ jsx(Dialog$1, { ...props });
const DialogClose = (props) => /* @__PURE__ */ jsx(DialogClose$1, { ...props });
const DialogContent = ({
  className,
  children,
  showCloseButton = true,
  overlayClassName,
  ...props
}) => /* @__PURE__ */ jsxs(DialogPortal$1, { children: [
  /* @__PURE__ */ jsx(DialogOverlay$1, { className: overlayClassName }),
  /* @__PURE__ */ jsxs(
    Content,
    {
      "data-slot": "dialog-content",
      className: cn(
        "fixed top-1/2 start-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 gap-5 rounded-xl bg-popover p-6 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
        className
      ),
      ...props,
      children: [
        children,
        showCloseButton && /* @__PURE__ */ jsx(Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs(
          Button,
          {
            variant: "ghost",
            className: "absolute top-2 end-2",
            size: "icon-sm",
            children: [
              /* @__PURE__ */ jsx(X, {}),
              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
            ]
          }
        ) })
      ]
    }
  )
] });
const DialogDescription = (props) => /* @__PURE__ */ jsx(DialogDescription$1, { ...props });
const DialogFooter = ({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  DialogFooter$1,
  {
    className: cn("-mx-6 -mb-6 border-t-0 px-6 py-4", className),
    ...props
  }
);
const DialogHeader = ({
  className,
  ...props
}) => /* @__PURE__ */ jsx(DialogHeader$1, { className: cn("gap-3", className), ...props });
const DialogOverlay = (props) => /* @__PURE__ */ jsx(DialogOverlay$1, { ...props });
const DialogPortal = (props) => /* @__PURE__ */ jsx(DialogPortal$1, { ...props });
const DialogTitle = (props) => /* @__PURE__ */ jsx(DialogTitle$1, { ...props });
const DialogTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger$1, { ...props });

export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
//# sourceMappingURL=Dialog.js.map
