@dndbuilder.com/react
Version:
Drag and drop builder for React
33 lines (32 loc) • 1.56 kB
JavaScript
"use client";
import { jsx as r } from "react/jsx-runtime";
import s from "react";
import { Root as d, Trigger as i, Content as n, PopoverArrow as g, PopoverClose as u, PopoverPortal as N } from "../../../../../node_modules/.pnpm/@radix-ui_react-popover@1.1.6_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@19.0_t5w3pupubaqz3uyxu3y3pqqfje/node_modules/@radix-ui/react-popover/dist/index.js";
import { classNames as P } from "../../../../../utils.js";
const o = ({ children: t, ...e }) => /* @__PURE__ */ r(d, { ...e, children: t }), m = s.forwardRef(({ children: t, ...e }, a) => /* @__PURE__ */ r(i, { ref: a, ...e, children: t }));
m.displayName = i.displayName;
const p = s.forwardRef(({ children: t, className: e, align: a = "center", sideOffset: l = 4, ...f }, c) => /* @__PURE__ */ r(
n,
{
ref: c,
align: a,
sideOffset: l,
className: P(
"reset outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-sm bg-white p-4 shadow-[0px_2px_20px_rgb(0,0,0,0.15)]",
e
),
...f,
children: t
}
));
p.displayName = n.displayName;
o.Trigger = m;
o.Content = p;
o.Arrow = g;
o.Close = u;
o.Portal = N;
o.displayName = d.displayName;
export {
o as Popover
};
//# sourceMappingURL=popover.js.map