laif-ds/dist/components/ui/popover.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as t } from "react/jsx-runtime";
import { Root as d, Trigger as n, Portal as i, Content as s } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
import { cn as p } from "../../lib/utils.js";
function c({
  ...o
}) {
  return /* @__PURE__ */ t(d, { "data-slot": "popover", ...o });
}
function u({
  ...o
}) {
  return /* @__PURE__ */ t(n, { "data-slot": "popover-trigger", ...o });
}
function g({
  className: o,
  align: e = "center",
  sideOffset: r = 4,
  ...a
}) {
  return /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(
    s,
    {
      "data-slot": "popover-content",
      align: e,
      sideOffset: r,
      className: p(
        "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-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
        o
      ),
      ...a
    }
  ) });
}
export {
  c as Popover,
  g as PopoverContent,
  u as PopoverTrigger
};