@llamaindex/ui
Version:
A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications
39 lines (36 loc) • 1.64 kB
JavaScript
import { cn } from './chunk-MG2ARK3A.mjs';
import { __objRest, __spreadValues } from './chunk-FWCSY2DS.mjs';
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
import { jsx } from 'react/jsx-runtime';
function HoverCard(_a) {
var props = __objRest(_a, []);
return /* @__PURE__ */ jsx(HoverCardPrimitive.Root, __spreadValues({ "data-slot": "hover-card" }, props));
}
function HoverCardTrigger(_a) {
var props = __objRest(_a, []);
return /* @__PURE__ */ jsx(HoverCardPrimitive.Trigger, __spreadValues({ "data-slot": "hover-card-trigger" }, props));
}
function HoverCardContent(_a) {
var _b = _a, {
className,
align = "center",
sideOffset = 4
} = _b, props = __objRest(_b, [
"className",
"align",
"sideOffset"
]);
return /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx(
HoverCardPrimitive.Content,
__spreadValues({
"data-slot": "hover-card-content",
align,
sideOffset,
className: cn(
"bg-popover text-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 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
className
)
}, props)
) });
}
export { HoverCard, HoverCardContent, HoverCardTrigger };