import { jsxs as i, jsx as a } from "react/jsx-runtime";
import * as o from "@radix-ui/react-dialog";
import { c as x } from "../../index-DwQpclly.js";
import { X as c } from "lucide-react";
import { c as r } from "../../index-BtlgVD4m.js";
const p = o.Root;
p.displayName = "Sheet";
const b = o.Trigger;
b.displayName = "SheetTrigger";
const f = o.Close;
f.displayName = "SheetClose";
const h = o.Portal, l = ({ ref: e, className: t, ...s }) => /* @__PURE__ */ a(
  o.Overlay,
  {
    className: r(
      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
      t
    ),
    ...s,
    ref: e
  }
);
l.displayName = "SheetOverlay";
const g = x(
  "fixed z-50 flex flex-col gap-2 bg-[var(--base-background)] shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out overflow-hidden",
  {
    variants: {
      side: {
        top: "inset-x-0 top-0 !max-w-none [border-bottom:1px_solid_var(--base-border)]  rounded-b-[var(--border-radius-xl)] data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
        bottom: "inset-x-0 bottom-0 !max-w-none [border-top:1px_solid_var(--base-border)]  rounded-t-[var(--border-radius-xl)] data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
        left: "inset-y-[var(--spacing-2)] left-0 w-3/4 [border-right:1px_solid_var(--base-border)] rounded-r-[var(--border-radius-xl)] data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
        right: "inset-y-[var(--spacing-2)] right-0 w-3/4 [border-left:1px_solid_var(--base-border)] rounded-l-[var(--border-radius-xl)] data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right"
      },
      size: {
        sm: "sm:max-w-sm",
        lg: "lg:max-w-lg",
        xl: "xl:max-w-xl",
        "2xl": "2xl:max-w-2xl",
        "3xl": "3xl:max-w-3xl",
        "4xl": "4xl:max-w-4xl",
        "5xl": "5xl:max-w-5xl",
        "6xl": "6xl:max-w-6xl",
        "7xl": "7xl:max-w-7xl"
      }
    },
    defaultVariants: {
      side: "right",
      size: "sm"
    }
  }
), u = ({ ref: e, side: t = "right", className: s, children: d, size: n = "sm", ...m }) => /* @__PURE__ */ i(h, { children: [
  /* @__PURE__ */ a(l, {}),
  /* @__PURE__ */ i(o.Content, { ref: e, className: r(g({ side: t, size: n }), s), ...m, children: [
    /* @__PURE__ */ i(o.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--base-background)] transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none ", children: [
      /* @__PURE__ */ a(c, { className: "h-4 w-4 cursor-pointer", "aria-hidden": "true" }),
      /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
    ] }),
    d
  ] })
] });
u.displayName = "SheetBody";
const v = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("flex flex-col gap-3 px-6 py-3 border-b border-[var(--base-border)] bg-[var(--base-muted)]", e), ...t });
v.displayName = "SheetHeader";
const y = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("flex-1 overflow-y-auto px-6 py-4", e), ...t });
y.displayName = "SheetContent";
const S = ({ className: e, ...t }) => /* @__PURE__ */ a("div", { className: r("flex items-center justify-between gap-2 px-6 py-3 border-t border-[var(--base-border)]", e), ...t });
S.displayName = "SheetFooter";
const N = ({ ref: e, className: t, ...s }) => /* @__PURE__ */ a(o.Title, { ref: e, className: r("text-lg font-semibold text-foreground", t), ...s });
N.displayName = "SheetTitle";
const w = ({ ref: e, className: t, ...s }) => /* @__PURE__ */ a(o.Description, { ref: e, className: r("text-sm text-muted-foreground", t), ...s });
w.displayName = "SheetDescription";
export {
  p as Sheet,
  u as SheetBody,
  f as SheetClose,
  y as SheetContent,
  w as SheetDescription,
  S as SheetFooter,
  v as SheetHeader,
  l as SheetOverlay,
  h as SheetPortal,
  N as SheetTitle,
  b as SheetTrigger
};
//# sourceMappingURL=SheetPrimitive.js.map
