laif-ds
Version:
Design System di Laif con componenti React basati su principi di Atomic Design
43 lines (42 loc) • 1.41 kB
JavaScript
"use client";
import { jsx as t } from "react/jsx-runtime";
import { Root as d, Portal as i, Content as s, Trigger as p } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
import { designTokens as m } from "../design-tokens.js";
import { cn as f } from "../../lib/utils.js";
function v({
...o
}) {
return /* @__PURE__ */ t(d, { "data-slot": "popover", ...o });
}
function b({
...o
}) {
return /* @__PURE__ */ t(p, { "data-slot": "popover-trigger", ...o });
}
function h({
className: o,
align: e = "center",
sideOffset: r = 4,
container: a,
...n
}) {
return /* @__PURE__ */ t(i, { container: a, children: /* @__PURE__ */ t(
s,
{
"data-slot": "popover-content",
align: e,
sideOffset: r,
className: f(
"bg-d-popover text-d-popover-foreground 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 border-d-border z-[60] w-72 origin-(--radix-popover-content-transform-origin) border p-4 shadow-md outline-hidden",
m.radius.default,
o
),
...n
}
) });
}
export {
v as Popover,
h as PopoverContent,
b as PopoverTrigger
};