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

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

"use strict";"use client";var z=Object.create;var w=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var J=(e,r)=>{for(var n in r)w(e,n,{get:r[n],enumerable:!0})},W=(e,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of F(r))!H.call(e,t)&&t!==n&&w(e,t,{get:()=>r[t],enumerable:!(s=A(r,t))||s.enumerable});return e};var C=(e,r,n)=>(n=e!=null?z(q(e)):{},W(r||!e||!e.__esModule?w(n,"default",{value:e,enumerable:!0}):n,e)),K=e=>W(w({},"__esModule",{value:!0}),e);var Q={};J(Q,{CheckboxItem:()=>N,Content:()=>y,Group:()=>S,Item:()=>R,Label:()=>v,RadioGroup:()=>x,RadioItem:()=>T,Root:()=>b,Separator:()=>k,Sub:()=>E,SubContent:()=>B,SubTrigger:()=>G,Trigger:()=>g,TriggerIcon:()=>u.ChevronDownIcon});module.exports=K(Q);var o=C(require("react")),d=C(require("classnames")),p=C(require("@radix-ui/react-dropdown-menu")),O=require("@radix-ui/react-slot"),I=require("./scroll-area.js"),a=require("./dropdown-menu.props.js"),M=require("./theme.js"),u=require("./icons.js"),h=require("../helpers/extract-props.js"),V=require("../helpers/require-react-element.js");const b=e=>o.createElement(p.Root,{...e});b.displayName="DropdownMenu.Root";const g=o.forwardRef(({children:e,...r},n)=>o.createElement(p.Trigger,{...r,ref:n,asChild:!0},(0,V.requireReactElement)(e)));g.displayName="DropdownMenu.Trigger";const L=o.createContext({}),y=o.forwardRef((e,r)=>{const n=(0,M.useThemeContext)(),{size:s=a.dropdownMenuContentPropDefs.size.default,variant:t=a.dropdownMenuContentPropDefs.variant.default,highContrast:i=a.dropdownMenuContentPropDefs.highContrast.default}=e,{className:m,children:D,color:l,container:c,forceMount:P,...j}=(0,h.extractProps)(e,a.dropdownMenuContentPropDefs),f=l||n.accentColor;return o.createElement(p.Portal,{container:c,forceMount:P},o.createElement(M.Theme,{asChild:!0},o.createElement(p.Content,{"data-accent-color":f,align:"start",sideOffset:4,collisionPadding:10,...j,asChild:!1,ref:r,className:(0,d.default)("rt-PopperContent","rt-BaseMenuContent","rt-DropdownMenuContent",m)},o.createElement(I.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,d.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},o.createElement(L.Provider,{value:o.useMemo(()=>({size:s,variant:t,color:f,highContrast:i}),[s,t,f,i])},D))))))});y.displayName="DropdownMenu.Content";const v=o.forwardRef(({className:e,...r},n)=>o.createElement(p.Label,{...r,asChild:!1,ref:n,className:(0,d.default)("rt-BaseMenuLabel","rt-DropdownMenuLabel",e)}));v.displayName="DropdownMenu.Label";const R=o.forwardRef((e,r)=>{const{className:n,children:s,color:t=a.dropdownMenuItemPropDefs.color.default,shortcut:i,...m}=e;return o.createElement(p.Item,{"data-accent-color":t,...m,ref:r,className:(0,d.default)("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",n)},o.createElement(O.Slottable,null,s),i&&o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},i))});R.displayName="DropdownMenu.Item";const S=o.forwardRef(({className:e,...r},n)=>o.createElement(p.Group,{...r,asChild:!1,ref:n,className:(0,d.default)("rt-BaseMenuGroup","rt-DropdownMenuGroup",e)}));S.displayName="DropdownMenu.Group";const x=o.forwardRef(({className:e,...r},n)=>o.createElement(p.RadioGroup,{...r,asChild:!1,ref:n,className:(0,d.default)("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",e)}));x.displayName="DropdownMenu.RadioGroup";const T=o.forwardRef((e,r)=>{const{children:n,className:s,color:t=a.dropdownMenuRadioItemPropDefs.color.default,...i}=e;return o.createElement(p.RadioItem,{...i,asChild:!1,ref:r,"data-accent-color":t,className:(0,d.default)("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",s)},n,o.createElement(p.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},o.createElement(u.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})))});T.displayName="DropdownMenu.RadioItem";const N=o.forwardRef((e,r)=>{const{children:n,className:s,shortcut:t,color:i=a.dropdownMenuCheckboxItemPropDefs.color.default,...m}=e;return o.createElement(p.CheckboxItem,{...m,asChild:!1,ref:r,"data-accent-color":i,className:(0,d.default)("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",s)},n,o.createElement(p.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},o.createElement(u.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),t&&o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},t))});N.displayName="DropdownMenu.CheckboxItem";const E=e=>o.createElement(p.Sub,{...e});E.displayName="DropdownMenu.Sub";const G=o.forwardRef((e,r)=>{const{className:n,children:s,...t}=e;return o.createElement(p.SubTrigger,{...t,asChild:!1,ref:r,className:(0,d.default)("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",n)},s,o.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},o.createElement(u.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon"})))});G.displayName="DropdownMenu.SubTrigger";const B=o.forwardRef((e,r)=>{const{size:n,variant:s,color:t,highContrast:i}=o.useContext(L),{className:m,children:D,container:l,forceMount:c,...P}=(0,h.extractProps)({size:n,variant:s,color:t,highContrast:i,...e},a.dropdownMenuContentPropDefs);return o.createElement(p.Portal,{container:l,forceMount:c},o.createElement(M.Theme,{asChild:!0},o.createElement(p.SubContent,{"data-accent-color":t,alignOffset:-Number(n)*4,sideOffset:1,collisionPadding:10,...P,asChild:!1,ref:r,className:(0,d.default)("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",m)},o.createElement(I.ScrollArea,{type:"auto"},o.createElement("div",{className:(0,d.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},D)))))});B.displayName="DropdownMenu.SubContent";const k=o.forwardRef(({className:e,...r},n)=>o.createElement(p.Separator,{...r,asChild:!1,ref:n,className:(0,d.default)("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",e)}));k.displayName="DropdownMenu.Separator";
//# sourceMappingURL=dropdown-menu.js.map