@hoosei/voxweave-react/dist/esm/index55.js

A customizable and interactive voice UI component for React applications

import * as n from "react";
import { Root as s, Trigger as m, Portal as v, Content as t } from "./index86.js";
import { cn as x } from "./index8.js";
import { jsx as o } from "react/jsx-runtime";
const g = s, u = m, p = n.forwardRef(({
  className: e,
  align: a = "center",
  sideOffset: d = 4,
  ...r
}, i) => /* @__PURE__ */ o(v, {
  children: /* @__PURE__ */ o(t, {
    ref: i,
    align: a,
    sideOffset: d,
    className: x("vox-z-50 vox-w-72 vox-rounded-md vox-border vox-bg-white vox-p-4 vox-text-popover-foreground vox-shadow-md vox-outline-none data-[state=open]:vox-animate-in data-[state=closed]:vox-animate-out data-[state=closed]:vox-fade-out-0 data-[state=open]:vox-fade-in-0 data-[state=closed]:vox-zoom-out-95 data-[state=open]:vox-zoom-in-95 data-[side=bottom]:vox-slide-in-from-top-2 data-[side=left]:vox-slide-in-from-right-2 data-[side=right]:vox-slide-in-from-left-2 data-[side=top]:vox-slide-in-from-bottom-2", e),
    ...r
  })
}));
p.displayName = t.displayName;
export {
  g as Popover,
  p as PopoverContent,
  u as PopoverTrigger
};
//# sourceMappingURL=index55.js.map