Right click here Copy Cut Paste Share More options Archive Delete Show hidden files View mode List Grid

); } `,"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#282A36",color:"#f6f6f4"},tabIndex:"0","data-language":"tsx","data-theme":"dracula-soft",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"dracula-soft",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"use client"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" { ContextMenu } "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"@/components/retroui/ContextMenu"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" default"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuStyleDefault"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"() {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"div"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"flex items-center justify-center min-h-[200px] p-8"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Trigger"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"flex h-[150px] w-[300px] items-center justify-center "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:" border-2 border-dashed border-border text-sm bg-background "})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:" transition-all"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" >"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Right click here"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Content"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Item"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Copy"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Item"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Cut"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Item"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Paste"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Separator"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Item"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Share"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Sub"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.SubTrigger"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">More options"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.SubContent"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Item"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Archive"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Item"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Delete"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Separator"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.CheckboxItem"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" checked"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Show hidden files"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.RadioGroup"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" value"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"one"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.Label"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">View mode"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.RadioItem"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" value"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"one"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">List"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenu.RadioItem"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" value"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"two"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">Grid"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})})]})})})}),` `,(0,l.jsx)("br",{}),` `,(0,l.jsx)("br",{}),` `,(0,l.jsxs)(o,{children:[(0,l.jsx)(o.Cli,{npmCommand:"npx shadcn@latest add 'https://retroui.dev/r/context-menu.json'"}),(0,l.jsxs)(o.Manual,{children:[(0,l.jsx)(n.h4,{id:"1-install-dependencies",children:"1. Install dependencies:"}),(0,l.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#282A36",color:"#f6f6f4"},tabIndex:"0","data-language":"sh","data-theme":"dracula-soft",children:(0,l.jsx)(n.code,{"data-language":"sh","data-theme":"dracula-soft",style:{display:"grid"},children:(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"npm"}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:" install"}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:" class-variance-authority"})]})})})}),(0,l.jsx)("br",{}),(0,l.jsx)(n.h4,{id:"2-copy-the-code--into-your-project",children:"2. Copy the code \u{1F447} into your project:"}),(0,l.jsx)(r,{name:"context-menu",children:(0,l.jsx)(n.figure,{__src__:"/vercel/path0/components/retroui/ContextMenu.tsx","data-rehype-pretty-code-figure":"",children:(0,l.jsx)(n.pre,{style:{backgroundColor:"#282A36",color:"#f6f6f4"},tabIndex:"0","data-language":"tsx","data-theme":"dracula-soft",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"dracula-soft",style:{display:"grid"},children:[(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"use client"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#BF9EEE"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" React "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"react"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#BF9EEE"},children:" *"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" as"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"@radix-ui/react-context-menu"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" { CheckIcon, ChevronRightIcon, CircleIcon } "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"lucide-react"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" { cn } "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"from"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"@/lib/utils"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenu"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Root>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Root"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props} />;"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuTrigger"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Trigger>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Trigger"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-trigger"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props} />"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuGroup"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Group>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Group"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-group"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props} />"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuPortal"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Portal>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Portal"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-portal"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props} />"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuSub"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Sub>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Sub"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-sub"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props} />;"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuRadioGroup"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.RadioGroup>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.RadioGroup"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-radio-group"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuSubTrigger"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" inset"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.SubTrigger> "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"&"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" inset"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" boolean"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}) {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.SubTrigger"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-sub-trigger"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-inset"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{inset}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"focus:bg-primary focus:text-primary-foreground data-[state=open]:bg-primary data-[state=open]:text-primary-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 transition-colors"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" >"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {children}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ChevronRightIcon"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"ml-auto"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuSubContent"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.SubContent>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.SubContent"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-sub-content"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"bg-background text-foreground border-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-hidden rounded-sm p-1"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuContent"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Content>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Portal"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Content"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-content"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"bg-background text-foreground border-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-[var(--radix-context-menu-content-available-height)] min-w-[8rem] origin-[--radix-context-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-sm p-1"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" inset"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"default"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Item> "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"&"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" inset"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" boolean"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" variant"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"default"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" |"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"destructive"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}) {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Item"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-item"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-inset"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{inset}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-variant"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{variant}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"focus:bg-primary focus:text-primary-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 transition-colors"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuCheckboxItem"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" checked"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.CheckboxItem>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.CheckboxItem"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-checkbox-item"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"focus:bg-primary focus:text-primary-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 transition-colors"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" checked"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{checked}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"span"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.ItemIndicator"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"CheckIcon"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"size-4"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {children}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuRadioItem"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" children"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.RadioItem>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.RadioItem"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-radio-item"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"focus:bg-primary focus:text-primary-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 transition-colors"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" >"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"span"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.ItemIndicator"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"CircleIcon"}),(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"size-2 fill-current"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {children}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" "})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuLabel"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" inset"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Label> "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"&"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" inset"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"?:"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" boolean"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:";"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}) {"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Label"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-label"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-inset"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{inset}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuSeparator"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"typeof"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPrimitive.Separator>) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ContextMenuPrimitive.Separator"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-separator"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"bg-border -mx-1 my-1 h-px"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:", className)}"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"function"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:" ContextMenuShortcut"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"({"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" ..."}),(0,l.jsx)(n.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"props"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:" React"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"."}),(0,l.jsx)(n.span,{style:{color:"#97E1F1",fontStyle:"italic"},children:"ComponentProps"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"<"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"span"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:">) {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"span"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" data-slot"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"context-menu-shortcut"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#62E884",fontStyle:"italic"},children:" className"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"{"}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"cn"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"("})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:' "'}),(0,l.jsx)(n.span,{style:{color:"#E7EE98"},children:"text-muted-foreground ml-auto text-xs tracking-widest"}),(0,l.jsx)(n.span,{style:{color:"#DEE492"},children:'"'}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:","})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" className,"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" )}"})}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"..."}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"props}"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" />"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" );"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"}"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuComponent "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Object."}),(0,l.jsx)(n.span,{style:{color:"#62E884"},children:"assign"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"(ContextMenu, {"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Trigger"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuTrigger,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Content"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuContent,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Item"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuItem,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" CheckboxItem"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuCheckboxItem,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" RadioItem"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuRadioItem,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Label"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuLabel,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Separator"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuSeparator,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Shortcut"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuShortcut,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Group"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuGroup,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Portal"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuPortal,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" Sub"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuSub,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" SubContent"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuSubContent,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" SubTrigger"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuSubTrigger,"})]}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" RadioGroup"}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:":"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenuRadioGroup,"})]}),` `,(0,l.jsx)(n.span,{"data-line":"",children:(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:"});"})}),` `,(0,l.jsx)(n.span,{"data-line":"",children:" "}),` `,(0,l.jsxs)(n.span,{"data-line":"",children:[(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" { ContextMenuComponent "}),(0,l.jsx)(n.span,{style:{color:"#F286C4"},children:"as"}),(0,l.jsx)(n.span,{style:{color:"#F6F6F4"},children:" ContextMenu };"})]})]})})})})]})]}),` `,(0,l.jsx)("br",{}),` `,(0,l.jsx)("br",{})]})}function M(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,Object.assign({},e,{children:(0,l.jsx)(F,e)})):F(e)}var g=M;function c(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(b);})(); ;return Component;

Context Menu