@dndbuilder.com/react
Version:
Drag and drop builder for React
32 lines (31 loc) • 1.56 kB
JavaScript
"use client";
import { jsx as o } from "react/jsx-runtime";
import { Trigger as d, Portal as g, Content as s, Root as i, Arrow as u, HoverCardPortal as C } from "../../../../../node_modules/.pnpm/@radix-ui_react-hover-card@1.1.6_@types_react-dom@19.0.4_@types_react@19.0.10__@types_react@1_miv5jeyo76c7kacrb4wsdumo4m/node_modules/@radix-ui/react-hover-card/dist/index.js";
import n from "react";
import { classNames as N } from "../../../../../utils.js";
const e = ({ children: t, ...a }) => /* @__PURE__ */ o(i, { ...a, children: t }), m = n.forwardRef(({ children: t, ...a }, r) => /* @__PURE__ */ o(d, { ref: r, ...a, children: t }));
m.displayName = d.displayName;
const l = n.forwardRef(({ children: t, className: a, align: r = "center", sideOffset: p = 4, ...f }, c) => /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(
s,
{
ref: c,
align: r,
sideOffset: p,
className: N(
"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 rounded-sm bg-white shadow-[0px_2px_20px_rgb(0,0,0,0.15)]",
a
),
...f,
children: t
}
) }));
l.displayName = s.displayName;
e.Trigger = m;
e.Content = l;
e.Arrow = u;
e.Portal = C;
e.displayName = i.displayName;
export {
e as HoverCard
};
//# sourceMappingURL=hover-card.js.map