"use client";
import { cn } from "./index3.js";
import { jsx, jsxs } from "react/jsx-runtime";
import { Tooltip } from "@base-ui/react/tooltip";
//#region src/components/ui/tooltip.tsx
function TooltipProvider({ delay = 0, ...props }) {
	return /* @__PURE__ */ jsx(Tooltip.Provider, {
		"data-slot": "tooltip-provider",
		delay,
		...props
	});
}
function Tooltip$1({ ...props }) {
	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(Tooltip.Root, {
		"data-slot": "tooltip",
		...props
	}) });
}
function TooltipTrigger({ ...props }) {
	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
		"data-slot": "tooltip-trigger",
		...props
	});
}
function TooltipPopup({ className, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }) {
	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
		align,
		alignOffset,
		side,
		sideOffset,
		className: "isolate z-50",
		children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
			"data-slot": "tooltip-popup",
			className: cn("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)", className),
			...props,
			children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { 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%)]" })]
		})
	}) });
}
TooltipProvider.displayName = "Tooltip.Provider";
Tooltip$1.displayName = "Tooltip";
TooltipTrigger.displayName = "Tooltip.Trigger";
TooltipPopup.displayName = "Tooltip.Popup";
//#endregion
export { Tooltip$1 as Tooltip, TooltipPopup, TooltipTrigger };

//# sourceMappingURL=index436.js.map