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

Vela UI React components

"use client"
"use strict";"use client";var g=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var z=(t,e)=>{for(var n in e)g(t,n,{get:e[n],enumerable:!0})},B=(t,e,n,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of V(e))!R.call(t,c)&&c!==n&&g(t,c,{get:()=>e[c],enumerable:!(p=L(e,c))||p.enumerable});return t};var _=t=>B(g({},"__esModule",{value:!0}),t);var U={};z(U,{Menu:()=>q,MenuDescription:()=>F,MenuItem:()=>G,MenuLabel:()=>E,MenuPopover:()=>K,MenuSection:()=>J,MenuSeparator:()=>W,MenuShortcut:()=>Q,MenuTrigger:()=>j,SubmenuTrigger:()=>o.SubmenuTrigger});module.exports=_(U);var o=require("react-aria-components");var f=require("react/jsx-runtime"),w=t=>(0,f.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,f.jsx)("path",{d:"M20 6 9 17l-5-5"})});var P=require("react/jsx-runtime"),h=t=>(0,P.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,P.jsx)("path",{d:"m9 18 6-6-6-6"})});var x=require("react/jsx-runtime"),M=t=>(0,x.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...t,children:(0,x.jsx)("circle",{cx:"12",cy:"12",r:"10"})});var b=require("clsx"),H=require("react-aria-components"),D=require("tailwind-merge"),u=(...t)=>(0,D.twMerge)((0,b.clsx)(...t));var a=require("react-aria-components"),v=require("tailwind-merge"),y=require("tailwind-variants");var l=require("react/jsx-runtime"),S=(0,y.tv)({base:"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[selection-mode]:pr-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",variants:{variant:{default:"",destructive:"text-destructive *:[svg]:!text-destructive"},isFocused:{true:"bg-accent text-accent-foreground"},isHovered:{true:"bg-accent text-accent-foreground"},isDisabled:{true:"pointer-events-none opacity-50"}},compoundVariants:[{variant:"destructive",isFocused:!0,className:"bg-destructive/10 dark:bg-destructive/20 text-destructive"}]});function T({className:t,...e}){return(0,l.jsx)(a.Text,{slot:"label",className:t,...e})}function I({className:t,...e}){return(0,l.jsx)(a.Text,{slot:"description",className:(0,v.twMerge)("text-muted-foreground text-sm",t),...e})}function A({className:t,...e}){return(0,l.jsx)(a.Separator,{orientation:"horizontal",className:(0,v.twMerge)("bg-border -mx-1 my-1 h-px",t),...e})}var i=require("react-aria-components"),C=require("tailwind-variants");var m=require("react/jsx-runtime"),O=(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"]}}});var N=({className:t,showArrow:e,...n})=>{let p=(0,i.useSlottedContext)(i.PopoverContext),c=(p==null?void 0:p.trigger)==="SubmenuTrigger",s=e?12:8;return s=c?s-6:s,(0,m.jsx)(i.Popover,{"data-slot":"popover",offset:s,className:(0,i.composeRenderProps)(t,(d,k)=>O({...k,className:d})),...n,children:(0,i.composeRenderProps)(n.children,d=>(0,m.jsxs)(m.Fragment,{children:[e&&(0,m.jsx)(i.OverlayArrow,{className:"group",children:(0,m.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,m.jsx)("path",{d:"M0 0 L6 6 L12 0"})})}),d]}))})};var r=require("react/jsx-runtime"),j=o.MenuTrigger,W=A,E=T,F=I;function K({className:t,...e}){return(0,r.jsx)(N,{className:(0,o.composeRenderProps)(t,n=>u("w-auto",n)),...e})}function q({className:t,...e}){return(0,r.jsx)(o.Menu,{className:(0,o.composeRenderProps)(t,n=>u("max-h-[inherit] min-w-[8rem] overflow-auto rounded-md p-1 outline-hidden [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",n)),...e})}function G({className:t,children:e,variant:n,...p}){let c=p.textValue||(typeof e=="string"?e:void 0);return(0,r.jsx)(o.MenuItem,{className:(0,o.composeRenderProps)(t,(s,d)=>S({...d,variant:n,className:u("data-[selection-mode]:pr-2 data-[selection-mode]:pl-8",s,{"data-[open=true]:bg-accent data-[open=true]:text-accent-foreground":d.hasSubmenu})})),textValue:c,...p,children:s=>(0,r.jsxs)(r.Fragment,{children:[s.isSelected&&(0,r.jsxs)("span",{className:"pointer-events-none absolute left-2 flex size-4 items-center justify-center",children:[s.selectionMode==="single"&&(0,r.jsx)(M,{className:"size-2 fill-current"}),s.selectionMode==="multiple"&&(0,r.jsx)(w,{className:"size-4"})]}),typeof e=="function"?e(s):e,s.hasSubmenu&&(0,r.jsx)(h,{className:"ml-auto size-4"})]})})}function J({className:t,...e}){return(0,r.jsxs)(o.MenuSection,{className:t,...e,children:["title"in e&&(0,r.jsx)(o.Header,{className:"px-2 py-1.5 text-sm font-medium",children:e.title}),(0,r.jsx)(o.Collection,{items:e.items,children:e.children})]})}function Q({className:t,...e}){return(0,r.jsx)(o.Keyboard,{className:u("text-muted-foreground ml-auto font-sans text-xs tracking-widest",t),...e})}0&&(module.exports={Menu,MenuDescription,MenuItem,MenuLabel,MenuPopover,MenuSection,MenuSeparator,MenuShortcut,MenuTrigger,SubmenuTrigger});