@radix-ui/themes/dist/cjs/components/context-menu.js

[](https://radix-ui.com/themes)

"use strict";"use client";var z=Object.create;var l=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var H=(t,o)=>{for(var n in o)l(t,n,{get:o[n],enumerable:!0})},D=(t,o,n,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of j(o))!q.call(t,r)&&r!==n&&l(t,r,{get:()=>o[r],enumerable:!(s=A(o,r))||s.enumerable});return t};var h=(t,o,n)=>(n=t!=null?z(F(t)):{},D(o||!t||!t.__esModule?l(n,"default",{value:t,enumerable:!0}):n,t)),J=t=>D(l({},"__esModule",{value:!0}),t);var K={};H(K,{CheckboxItem:()=>w,Content:()=>S,Group:()=>T,Item:()=>N,Label:()=>R,RadioGroup:()=>E,RadioItem:()=>G,Root:()=>v,Separator:()=>L,Sub:()=>B,SubContent:()=>W,SubTrigger:()=>k,Trigger:()=>y});module.exports=J(K);var e=h(require("react")),a=h(require("classnames")),u=h(require("@radix-ui/react-context-menu")),c=require("@radix-ui/react-slot"),g=require("./scroll-area.js"),i=require("./context-menu.props.js"),m=require("../helpers/index.js"),x=require("./theme.js"),M=require("./icons.js");const v=t=>e.createElement(u.Root,{...t});v.displayName="ContextMenu.Root";const y=e.forwardRef(({children:t,...o},n)=>e.createElement(u.Trigger,{...o,ref:n,asChild:!0},(0,m.requireReactElement)(t)));y.displayName="ContextMenu.Trigger";const O=e.createContext({}),S=e.forwardRef((t,o)=>{const n=(0,x.useThemeContext)(),{size:s=i.contextMenuContentPropDefs.size.default,variant:r=i.contextMenuContentPropDefs.variant.default,highContrast:C=i.contextMenuContentPropDefs.highContrast.default}=t,{className:p,children:P,color:d,container:f,forceMount:I,...V}=(0,m.extractProps)(t,i.contextMenuContentPropDefs),b=d||n.accentColor;return e.createElement(u.Portal,{container:f,forceMount:I},e.createElement(x.Theme,{asChild:!0},e.createElement(u.Content,{"data-accent-color":b,alignOffset:-Number(s)*4,collisionPadding:10,...V,asChild:!1,ref:o,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-ContextMenuContent",p)},e.createElement(g.ScrollArea,{type:"auto"},e.createElement("div",{className:(0,a.default)("rt-BaseMenuViewport","rt-ContextMenuViewport")},e.createElement(O.Provider,{value:e.useMemo(()=>({size:s,variant:r,color:b,highContrast:C}),[s,r,b,C])},P))))))});S.displayName="ContextMenu.Content";const R=e.forwardRef(({className:t,...o},n)=>e.createElement(u.Label,{...o,asChild:!1,ref:n,className:(0,a.default)("rt-BaseMenuLabel","rt-ContextMenuLabel",t)}));R.displayName="ContextMenu.Label";const N=e.forwardRef((t,o)=>{const{className:n,children:s,color:r=i.contextMenuItemPropDefs.color.default,shortcut:C,...p}=t;return e.createElement(u.Item,{"data-accent-color":r,...p,ref:o,className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-ContextMenuItem",n)},e.createElement(c.Slottable,null,s),C&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},C))});N.displayName="ContextMenu.Item";const T=e.forwardRef(({className:t,...o},n)=>e.createElement(u.Group,{...o,asChild:!1,ref:n,className:(0,a.default)("rt-BaseMenuGroup","rt-ContextMenuGroup",t)}));T.displayName="ContextMenu.Group";const E=e.forwardRef(({className:t,...o},n)=>e.createElement(u.RadioGroup,{...o,asChild:!1,ref:n,className:(0,a.default)("rt-BaseMenuRadioGroup","rt-ContextMenuRadioGroup",t)}));E.displayName="ContextMenu.RadioGroup";const G=e.forwardRef((t,o)=>{const{children:n,className:s,color:r=i.contextMenuRadioItemPropDefs.color.default,...C}=t;return e.createElement(u.RadioItem,{...C,asChild:!1,ref:o,"data-accent-color":r,className:(0,a.default)("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-ContextMenuItem","rt-ContextMenuRadioItem",s)},e.createElement(c.Slottable,null,n),e.createElement(u.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator"},e.createElement(M.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})))});G.displayName="ContextMenu.RadioItem";const w=e.forwardRef((t,o)=>{const{children:n,className:s,shortcut:r,color:C=i.contextMenuCheckboxItemPropDefs.color.default,...p}=t;return e.createElement(u.CheckboxItem,{...p,asChild:!1,ref:o,"data-accent-color":C,className:(0,a.default)("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-ContextMenuItem","rt-ContextMenuCheckboxItem",s)},e.createElement(c.Slottable,null,n),e.createElement(u.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator"},e.createElement(M.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),r&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},r))});w.displayName="ContextMenu.CheckboxItem";const B=t=>e.createElement(u.Sub,{...t});B.displayName="ContextMenu.Sub";const k=e.forwardRef((t,o)=>{const{className:n,children:s,...r}=t;return e.createElement(u.SubTrigger,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-ContextMenuItem","rt-ContextMenuSubTrigger",n)},s,e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(M.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-ContextMenuSubTriggerIcon"})))});k.displayName="ContextMenu.SubTrigger";const W=e.forwardRef((t,o)=>{const{size:n,variant:s,color:r,highContrast:C}=e.useContext(O),{className:p,children:P,container:d,forceMount:f,...I}=(0,m.extractProps)({size:n,variant:s,color:r,highContrast:C,...t},i.contextMenuContentPropDefs);return e.createElement(u.Portal,{container:d,forceMount:f},e.createElement(x.Theme,{asChild:!0},e.createElement(u.SubContent,{"data-accent-color":r,alignOffset:-Number(n)*4,sideOffset:1,collisionPadding:10,...I,asChild:!1,ref:o,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-ContextMenuContent","rt-ContextMenuSubContent",p)},e.createElement(g.ScrollArea,{type:"auto"},e.createElement("div",{className:(0,a.default)("rt-BaseMenuViewport","rt-ContextMenuViewport")},P)))))});W.displayName="ContextMenu.SubContent";const L=e.forwardRef(({className:t,...o},n)=>e.createElement(u.Separator,{...o,asChild:!1,ref:n,className:(0,a.default)("rt-BaseMenuSeparator","rt-ContextMenuSeparator",t)}));L.displayName="ContextMenu.Separator";
//# sourceMappingURL=context-menu.js.map