UNPKG

@radix-ui/themes

Version:

[![Radix Themes Logo](https://radix-ui.com/social/themes.png)](https://radix-ui.com/themes)

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