import { jsx, jsxs } from 'react/jsx-runtime';
import { c as cn } from '../utils-BJnb9o5c.js';
import { B as Button } from '../button-CrEMzWKw.js';
import { S as SheetHeader$1, a as SheetFooter$1, b as SheetTitle$1, c as SheetDescription$1, d as Sheet$1, e as SheetClose$1, f as SheetTrigger$1 } from '../sheet-BIqq9HBB.js';
import { X } from '../x-_o2T3n6D.js';
import { P as Portal, O as Overlay, 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 Sheet = (props) => /* @__PURE__ */ jsx(Sheet$1, { ...props });
const SheetTrigger = (props) => /* @__PURE__ */ jsx(SheetTrigger$1, { ...props });
const SheetClose = (props) => /* @__PURE__ */ jsx(SheetClose$1, { ...props });
const SheetContent = ({
  className,
  children,
  side = "right",
  showCloseButton = true,
  overlayClassName,
  ...props
}) => /* @__PURE__ */ jsxs(Portal, { "data-slot": "sheet-portal", children: [
  /* @__PURE__ */ jsx(
    Overlay,
    {
      "data-slot": "sheet-overlay",
      className: cn(
        "fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
        overlayClassName
      )
    }
  ),
  /* @__PURE__ */ jsxs(
    Content,
    {
      "data-slot": "sheet-content",
      "data-side": side,
      className: cn(
        "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out",
        "data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:border-border",
        "data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-e data-[side=left]:border-border data-[side=left]:sm:max-w-sm",
        "data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-s data-[side=right]:border-border data-[side=right]:sm:max-w-sm",
        "data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:border-border",
        "data-open:animate-in data-open:fade-in-0",
        "data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-open:slide-in-from-top-10",
        "data-closed:animate-out data-closed:fade-out-0",
        "data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=top]:data-closed:slide-out-to-top-10",
        className
      ),
      ...props,
      children: [
        children,
        showCloseButton && /* @__PURE__ */ jsx(Close, { "data-slot": "sheet-close", asChild: true, children: /* @__PURE__ */ jsxs(
          Button,
          {
            variant: "ghost",
            className: "absolute top-3 end-3",
            size: "icon-sm",
            children: [
              /* @__PURE__ */ jsx(X, {}),
              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
            ]
          }
        ) })
      ]
    }
  )
] });
const SheetHeader = ({
  className,
  ...props
}) => /* @__PURE__ */ jsx(SheetHeader$1, { className: cn("gap-3 p-6", className), ...props });
const SheetFooter = ({
  className,
  ...props
}) => /* @__PURE__ */ jsx(
  SheetFooter$1,
  {
    className: cn("bg-muted/50 px-6 py-4", className),
    ...props
  }
);
const SheetTitle = (props) => /* @__PURE__ */ jsx(SheetTitle$1, { ...props });
const SheetDescription = (props) => /* @__PURE__ */ jsx(SheetDescription$1, { ...props });

export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
//# sourceMappingURL=Sheet.js.map
