@vela-ui/react/dist/components/popover.js

Vela UI React components

"use client"
"use strict";"use client";var l=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var a in t)l(e,a,{get:t[a],enumerable:!0})},h=(e,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of v(t))!P.call(e,i)&&i!==a&&l(e,i,{get:()=>t[i],enumerable:!(n=f(t,i))||n.enumerable});return e};var x=e=>h(l({},"__esModule",{value:!0}),e);var V={};b(V,{Popover:()=>y,PopoverContent:()=>D,PopoverTrigger:()=>T});module.exports=x(V);var o=require("react-aria-components"),c=require("tailwind-variants");var m=require("clsx"),A=require("react-aria-components"),d=require("tailwind-merge"),g=(...e)=>(0,d.twMerge)((0,m.clsx)(...e));var r=require("react/jsx-runtime"),w=(0,c.tv)({base:"bg-popover text-popover-foreground z-50 rounded-md border shadow-md outline-hidden transition duration-200",variants:{isEntering:{true:["animate-in fade-in-0 zoom-in-95","data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2 data-[placement=bottom]:slide-in-from-top-2"]},isExiting:{true:["animate-out fade-out-0 zoom-out-95","data-[placement=left]:slide-out-to-right-2 data-[placement=right]:slide-out-to-left-2 data-[placement=top]:slide-out-to-bottom-2 data-[placement=bottom]:slide-out-to-top-2"]}}}),T=o.DialogTrigger,y=({className:e,showArrow:t,...a})=>{let n=(0,o.useSlottedContext)(o.PopoverContext),i=(n==null?void 0:n.trigger)==="SubmenuTrigger",p=t?12:8;return p=i?p-6:p,(0,r.jsx)(o.Popover,{"data-slot":"popover",offset:p,className:(0,o.composeRenderProps)(e,(s,u)=>w({...u,className:s})),...a,children:(0,o.composeRenderProps)(a.children,s=>(0,r.jsxs)(r.Fragment,{children:[t&&(0,r.jsx)(o.OverlayArrow,{className:"group",children:(0,r.jsx)("svg",{width:12,height:12,viewBox:"0 0 12 12",className:"fill-popover stroke-border block stroke-1 group-data-[placement=bottom]:rotate-180 group-data-[placement=left]:-rotate-90 group-data-[placement=right]:rotate-90",children:(0,r.jsx)("path",{d:"M0 0 L6 6 L12 0"})})}),s]}))})};function D({className:e,...t}){return(0,r.jsx)(o.Dialog,{"data-slot":"popover-content",className:g("p-4 outline-hidden",e),...t})}0&&(module.exports={Popover,PopoverContent,PopoverTrigger});