import { jsx as o } from "react/jsx-runtime";
import { Provider as s, Root as d, Trigger as p, Portal as n, Content as t } from "@radix-ui/react-tooltip";
import { c as l } from "../../index-BtlgVD4m.js";
const c = s, v = d, x = p, m = ({ ref: a, className: e, sideOffset: r = 4, ...i }) => /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(
  t,
  {
    ref: a,
    sideOffset: r,
    className: l(
      "z-50",
      "overflow-hidden",
      "rounded-[var(--border-radius-md)]",
      "border-[var(--base-border)]",
      "bg-[var(--base-popover)]",
      "px-[var(--spacing-3)]",
      "py-[var(--spacing-1-5)]",
      "text-[var(--base-popover-foreground)]",
      "text-(length:--typography-base-sizes-small-font-size)",
      "font-[var(--font-weight-normal)]",
      "leading-[var(--typography-base-sizes-small-line-height)]",
      "animate-in",
      "fade-in-0",
      "zoom-in-95",
      "data-[state=closed]:animate-out",
      "data-[state=closed]:fade-out-0",
      "data-[state=closed]:zoom-out-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",
      "shadow-[0px_4px_6px_-1px_rgba(0,0,0,0.10),_0px_2px_4px_-1px_rgba(0,0,0,0.06)]",
      e
    ),
    ...i
  }
) });
m.displayName = t.displayName;
export {
  v as Tooltip,
  m as TooltipContent,
  c as TooltipProvider,
  x as TooltipTrigger
};
//# sourceMappingURL=TooltipPrimitive.js.map
