@llamaindex/ui
Version:
A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications
43 lines (40 loc) • 1.76 kB
JavaScript
import { cn } from './chunk-MG2ARK3A.mjs';
import { __objRest, __spreadValues } from './chunk-FWCSY2DS.mjs';
import * as PopoverPrimitive from '@radix-ui/react-popover';
import { jsx } from 'react/jsx-runtime';
function Popover(_a) {
var props = __objRest(_a, []);
return /* @__PURE__ */ jsx(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
}
function PopoverTrigger(_a) {
var props = __objRest(_a, []);
return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
}
function PopoverContent(_a) {
var _b = _a, {
className,
align = "center",
sideOffset = 4
} = _b, props = __objRest(_b, [
"className",
"align",
"sideOffset"
]);
return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
PopoverPrimitive.Content,
__spreadValues({
"data-slot": "popover-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-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
className
)
}, props)
) });
}
function PopoverAnchor(_a) {
var props = __objRest(_a, []);
return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
}
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };