var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var C=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),b=(l,e)=>{for(var r in e)a(l,r,{get:e[r],enumerable:!0})},i=(l,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of y(e))!m.call(l,s)&&s!==r&&a(l,s,{get:()=>e[s],enumerable:!(c=D(e,s))||c.enumerable});return l};var E=(l,e,r)=>(r=l!=null?p(u(l)):{},i(e||!l||!l.__esModule?a(r,"default",{value:l,enumerable:!0}):r,l)),M=l=>i(a({},"__esModule",{value:!0}),l);var d=C((I,t)=>{t.exports=_jsx_runtime});var F={};b(F,{default:()=>f,frontmatter:()=>g});var n=E(d()),g={title:"Menubar",description:"A menu that stays visible on the screen in desktop apps, offering quick access to a set of commands.",libraryImport:'import { Menubar } from "@xbeshui/core"',sourceGitLink:"View source code",sourceEditGitLink:"Edit this page",npmPackage:"@xbeshui/core",npmLink:"https://www.npmjs.com/package/xbeshui",gitLink:"https://github.com/madhavdutta/xbeshUI",docGitLink:"https://github.com/madhavdutta/xbesh-ui-kit-docs"};function h(l){let e=Object.assign({h3:"h3",a:"a",span:"span",div:"div",pre:"pre",code:"code",h2:"h2",p:"p",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td"},l.components),{Tabs:r,XbMenubar:c}=e;return r||o("Tabs",!0),r.TabsContent||o("Tabs.TabsContent",!0),r.TabsList||o("Tabs.TabsList",!0),r.TabsTrigger||o("Tabs.TabsTrigger",!0),c||o("XbMenubar",!0),(0,n.jsxs)(r,{defaultValue:"compTab",className:"w-full mt-6",children:[(0,n.jsxs)(r.TabsList,{variant:"underline",className:"border-b w-full justify-start",children:[(0,n.jsx)(r.TabsTrigger,{value:"compTab",children:"Component"}),(0,n.jsx)(r.TabsTrigger,{value:"props",children:"Props"})]}),(0,n.jsxs)(r.TabsContent,{value:"compTab",children:[(0,n.jsxs)(e.h3,{id:"usage",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#usage",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Usage"]}),(0,n.jsxs)(r,{defaultValue:"preview1",className:"w-full mt-6 border",children:[(0,n.jsxs)(r.TabsList,{className:"border-b w-full bg-zinc-100 dark:bg-black justify-start",children:[(0,n.jsx)(r.TabsTrigger,{value:"preview1",children:"Preview"}),(0,n.jsx)(r.TabsTrigger,{value:"code1",children:"Code"})]}),(0,n.jsx)(r.TabsContent,{value:"code1",className:"p-5",children:(0,n.jsx)(e.div,{"data-rehype-pretty-code-fragment":"",children:(0,n.jsx)(e.pre,{"data-language":"jsx","data-theme":"default",children:(0,n.jsxs)(e.code,{"data-language":"jsx","data-theme":"default",children:[(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" React "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#A5D6FF"},children:'"react"'}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:";"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"import"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" { Menubar } "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"from"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#A5D6FF"},children:'"@xbeshui/core"'})]}),` `,(0,n.jsx)(e.span,{className:"line",children:" "}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"export"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"function"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#D2A8FF"},children:"XbMenubar"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:"() {"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"return"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" ("})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Menu"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Trigger"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">File"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Content"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" New Tab <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u2318T"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" New Window <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u2318N"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"disabled"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">New Incognito Window"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Sub"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.SubTrigger"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Share"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.SubContent"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Email link"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Messages"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Notes"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Print... <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u2318P"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Menu"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Trigger"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Edit"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Content"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Undo <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u2318Z"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Redo <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u21E7\u2318Z"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Sub"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.SubTrigger"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Find"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.SubContent"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Search the web"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Find..."})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Find Next"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Find Previous"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Cut"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Copy"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Paste"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Menu"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Trigger"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">View"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Content"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.CheckboxItem"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Always Show Bookmarks Bar"})}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.CheckboxItem"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"checked"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Always Show Full URLs"})}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"inset"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Reload <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u2318R"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"disabled"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"inset"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" Force Reload <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Shortcut"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">\u21E7\u2318R"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"inset"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Toggle Fullscreen"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"inset"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Hide Sidebar"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Menu"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Trigger"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Profiles"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Content"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.RadioGroup"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"value"}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#A5D6FF"},children:'"benoit"'}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.RadioItem"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"value"}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#A5D6FF"},children:'"andy"'}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Andy"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.RadioItem"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"value"}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#A5D6FF"},children:'"benoit"'}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Benoit"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.RadioItem"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"value"}),(0,n.jsx)(e.span,{style:{color:"#FF7B72"},children:"="}),(0,n.jsx)(e.span,{style:{color:"#A5D6FF"},children:'"Luis"'}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Luis"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"inset"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Edit..."})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Separator"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" />"})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" <"}),(0,n.jsx)(e.span,{style:{color:"#7EE787"},children:"Menubar.Item"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "}),(0,n.jsx)(e.span,{style:{color:"#79C0FF"},children:"inset"}),(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:">Add Profile..."})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsxs)(e.span,{className:"line",children:[(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" "})]}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" );"})}),` `,(0,n.jsx)(e.span,{className:"line",children:(0,n.jsx)(e.span,{style:{color:"#C9D1D9"},children:" };"})})]})})})}),(0,n.jsx)(r.TabsContent,{value:"preview1",children:(0,n.jsx)("div",{className:"flex justify-center p-10",children:(0,n.jsx)(c,{})})})]})]}),(0,n.jsxs)(r.TabsContent,{value:"props",children:[(0,n.jsxs)(e.h3,{id:"menubar-component-props",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#menubar-component-props",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Menubar Component Props"]}),(0,n.jsxs)(e.h2,{id:"root",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#root",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Root"]}),(0,n.jsx)(e.p,{children:"Contains all the parts of a menubar."}),(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:"Name"}),(0,n.jsx)(e.th,{children:"Type"}),(0,n.jsx)(e.th,{children:"Description"})]})}),(0,n.jsxs)(e.tbody,{children:[(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"aschild"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Indicates if an element is treated as a child within a component or container."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"defaultValue"}),(0,n.jsx)(e.td,{children:"string"}),(0,n.jsx)(e.td,{children:"Uncontrolled component default value."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"value"}),(0,n.jsx)(e.td,{children:"string"}),(0,n.jsx)(e.td,{children:"Sets the currently selected value(s) within the ToggleGroup."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"onValueChange"}),(0,n.jsx)(e.td,{children:"function"}),(0,n.jsx)(e.td,{children:"Specifies a function to be called when the value of the ToggleGroup changes."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"dir"}),(0,n.jsx)(e.td,{children:"enum"}),(0,n.jsx)(e.td,{children:"Sets the directionality of text within the ToggleGroup, allowing customization for languages."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"loop"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"By default, arrow key presses loop through items, allowing navigation."})]})]})]}),(0,n.jsxs)(e.h2,{id:"menubar",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#menubar",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Menubar"]}),(0,n.jsx)(e.p,{children:"A top-level menu item, contains a trigger with content combination."}),(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:"Name"}),(0,n.jsx)(e.th,{children:"Type"}),(0,n.jsx)(e.th,{children:"Description"})]})}),(0,n.jsxs)(e.tbody,{children:[(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"aschild"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Indicates if an element is treated as a child within a component or container."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"value"}),(0,n.jsx)(e.td,{children:"string"}),(0,n.jsx)(e.td,{children:"Sets the currently selected value(s) within the ToggleGroup."})]})]})]}),(0,n.jsxs)(e.h2,{id:"trigger",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#trigger",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Trigger"]}),(0,n.jsx)(e.p,{children:"The button that toggles the content. By default, the Menubar.Content will position itself against the trigger."}),(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:"Name"}),(0,n.jsx)(e.th,{children:"Type"}),(0,n.jsx)(e.th,{children:"Description"})]})}),(0,n.jsx)(e.tbody,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"aschild"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Indicates if an element is treated as a child within a component or container."})]})})]}),(0,n.jsxs)(e.h2,{id:"portal",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#portal",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Portal"]}),(0,n.jsx)(e.p,{children:"When used, portals the content part into the body."}),(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:"Name"}),(0,n.jsx)(e.th,{children:"Type"}),(0,n.jsx)(e.th,{children:"Description"})]})}),(0,n.jsxs)(e.tbody,{children:[(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"forceMount"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Forces the component to mount in the DOM, regardless of its initial visibility state."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"container"}),(0,n.jsx)(e.td,{children:"HTMLElement"}),(0,n.jsx)(e.td,{children:"Specifies the container element in which the component should be rendered."})]})]})]}),(0,n.jsxs)(e.h2,{id:"content",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#content",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Content"]}),(0,n.jsx)(e.p,{children:"The component that pops out when a menu is open."}),(0,n.jsxs)(e.table,{children:[(0,n.jsx)(e.thead,{children:(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.th,{children:"Name"}),(0,n.jsx)(e.th,{children:"Type"}),(0,n.jsx)(e.th,{children:"Description"})]})}),(0,n.jsxs)(e.tbody,{children:[(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"aschild"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Indicates if an element is treated as a child within a component or container."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"Loop"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"By default, arrow key presses loop through items, allowing navigation."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"onCloseAutoFocus"}),(0,n.jsx)(e.td,{children:"function"}),(0,n.jsx)(e.td,{children:"Specifies whether the component automatically focuses when it closes."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"onEscapeKeyDown"}),(0,n.jsx)(e.td,{children:"function"}),(0,n.jsx)(e.td,{children:"Specifies a function to be called when the escape key is pressed while the component is focused."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"onPointerDownOutside"}),(0,n.jsx)(e.td,{children:"function"}),(0,n.jsx)(e.td,{children:"Specifies a function to be called when a pointer event occurs outside of the component."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"onFocusOutside"}),(0,n.jsx)(e.td,{children:"function"}),(0,n.jsx)(e.td,{children:"Specifies a function to be called when focus moves outside of the component."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"onInteractOutside"}),(0,n.jsx)(e.td,{children:"function"}),(0,n.jsx)(e.td,{children:"Specifies a function to be called when any interaction occurs outside of the component."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"forceMount"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Forces the component to mount in the DOM, regardless of its initial visibility state."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"side"}),(0,n.jsx)(e.td,{children:"enum"}),(0,n.jsx)(e.td,{children:"Specifies the side of the target or parent element where the component should be positioned."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"sideOffset"}),(0,n.jsx)(e.td,{children:"number"}),(0,n.jsx)(e.td,{children:"Specifies the offset for positioning the component from the side of its target or parent element."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"align"}),(0,n.jsx)(e.td,{children:"enum"}),(0,n.jsx)(e.td,{children:"Specifies the alignment of the component relative to its target or parent element."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"alignOffset"}),(0,n.jsx)(e.td,{children:"number"}),(0,n.jsx)(e.td,{children:"Specifies the offset for aligning the component relative to its target or parent element."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"avoidCollisions"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Enables collision detection and avoidance when positioning the component relative to its target or parent element."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"collisionBoundary"}),(0,n.jsx)(e.td,{children:"boundary"}),(0,n.jsx)(e.td,{children:"Specifies the boundary within which collisions are detected and avoided when positioning the component."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"arrowPadding"}),(0,n.jsx)(e.td,{children:"number"}),(0,n.jsx)(e.td,{children:"Sets the padding around the arrow element of the component, adjusting its position relative to the target or parent element."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"sticky"}),(0,n.jsx)(e.td,{children:"enum"}),(0,n.jsx)(e.td,{children:"Enables sticky behavior, allowing the component to remain fixed in its position when scrolling."})]}),(0,n.jsxs)(e.tr,{children:[(0,n.jsx)(e.td,{children:"hideWhenDetached"}),(0,n.jsx)(e.td,{children:"boolean"}),(0,n.jsx)(e.td,{children:"Hides the component when it's detached from the DOM, improving performance and managing visibility."})]})]})]})]})]})}function N(l={}){let{wrapper:e}=l.components||{};return e?(0,n.jsx)(e,Object.assign({},l,{children:(0,n.jsx)(h,l)})):h(l)}var f=N;function o(l,e){throw new Error("Expected "+(e?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return M(F);})(); ;return Component;