import { t as l } from "./vendor/react.js";
import { t as n } from "./utils.js";
import { a as m, i as g, n as f, o as u, r as c, s as h, t as T } from "./TooltipProvider.js";
var t = l();
function i({ delay: o = 0, ...a }) {
  return /* @__PURE__ */ (0, t.jsx)(T, {
    "data-slot": "tooltip-provider",
    delay: o,
    ...a
  });
}
function x({ ...o }) {
  return /* @__PURE__ */ (0, t.jsx)(i, { children: /* @__PURE__ */ (0, t.jsx)(h, {
    "data-slot": "tooltip",
    ...o
  }) });
}
function _({ ...o }) {
  return /* @__PURE__ */ (0, t.jsx)(u, {
    "data-slot": "tooltip-trigger",
    ...o
  });
}
function y({ className: o, side: a = "top", sideOffset: e = 4, align: d = "center", alignOffset: r = 0, children: s, ...p }) {
  return /* @__PURE__ */ (0, t.jsx)(m, { children: /* @__PURE__ */ (0, t.jsx)(g, {
    align: d,
    alignOffset: r,
    side: a,
    sideOffset: e,
    className: "isolate z-50",
    children: /* @__PURE__ */ (0, t.jsxs)(c, {
      "data-slot": "tooltip-popup",
      className: n("data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-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 motion-reduce:animate-none rounded-md px-3 py-1.5 text-xs bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", o),
      ...p,
      children: [s, /* @__PURE__ */ (0, t.jsx)(f, { className: "w-3 h-2 bg-foreground data-[side=top]:-bottom-2 data-[side=top]:[clip-path:polygon(50%_100%,0_0,100%_0)] data-[side=bottom]:-top-2 data-[side=bottom]:[clip-path:polygon(50%_0,0_100%,100%_100%)] data-[side=left]:-right-2 data-[side=left]:w-2 data-[side=left]:h-3 data-[side=left]:[clip-path:polygon(100%_50%,0_0,0_100%)] data-[side=right]:-left-2 data-[side=right]:w-2 data-[side=right]:h-3 data-[side=right]:[clip-path:polygon(0_50%,100%_0,100%_100%)]" })]
    })
  }) });
}
i.displayName = "Tooltip.Provider";
x.displayName = "Tooltip";
_.displayName = "Tooltip.Trigger";
y.displayName = "Tooltip.Popup";
export {
  y as n,
  _ as r,
  x as t
};

//# sourceMappingURL=tooltip2.js.map