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

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

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