"use client";
import { cn } from "./index3.js";
import { jsx } from "react/jsx-runtime";
import { PreviewCard } from "@base-ui/react/preview-card";
//#region src/components/organisms/overlays/HoverCard/HoverCard.tsx
function HoverCard({ ...props }) {
	return /* @__PURE__ */ jsx(PreviewCard.Root, {
		"data-slot": "hover-card",
		...props
	});
}
HoverCard.displayName = "HoverCard";
function HoverCardTrigger({ ...props }) {
	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
		"data-slot": "hover-card-trigger",
		...props
	});
}
HoverCardTrigger.displayName = "HoverCard.Trigger";
function HoverCardPopup({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
		"data-slot": "hover-card-portal",
		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
			align,
			alignOffset,
			side,
			sideOffset,
			className: "isolate z-50",
			children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
				"data-slot": "hover-card-popup",
				className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 motion-reduce:animate-none ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-4 text-sm shadow-lg ring-1 duration-150 z-50 origin-(--transform-origin) outline-hidden [&>*]:delight-fade-in [&>*]:motion-reduce:!animate-none", className),
				...props
			})
		})
	});
}
HoverCardPopup.displayName = "HoverCard.Popup";
/**
* HoverCard component with dot notation for compound parts.
*
* @example
* ```tsx
* <HoverCard>
*   <HoverCard.Trigger>Hover me</HoverCard.Trigger>
*   <HoverCard.Popup>
*     Preview content here
*   </HoverCard.Popup>
* </HoverCard>
* ```
*/
var HoverCardCompound = Object.assign(HoverCard, {
	Root: HoverCard,
	Trigger: HoverCardTrigger,
	Popup: HoverCardPopup
});
//#endregion
export { HoverCardCompound, HoverCardPopup, HoverCardTrigger };

//# sourceMappingURL=index466.js.map