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

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

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