(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[185],{5346:function(e,t,s){Promise.resolve().then(s.bind(s,193)),Promise.resolve().then(s.t.bind(s,3247,23)),Promise.resolve().then(s.t.bind(s,7378,23)),Promise.resolve().then(s.t.bind(s,6629,23))},193:function(e,t,s){"use strict";s.d(t,{Topbar:function(){return et}});var a=s(7437),n=s(2265),r=s(7138),i=s(6540),o=s(5811),l={src:"/_next/static/media/logo.83b0c805.png",height:185,width:400,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAj0lEQVR4nAGEAHv/Acp3AB4FFSp7CRUABQECCPkBAgj5AAT+Dvr17gL+6dp2AbmpqW0D795CBQX++/3+AA319PYHAf338Pz/Bh/xBBiSAbmzuJ3s5ukcA/3+EAAAAtf18/MW9PL2/w0dHfsHDwyuAa+sr0326OY2/PLyIf38/dn9/gH89fn5DxIaF9gLFRXKwO1DGdfCIfgAAAAASUVORK5CYII=",blurWidth:8,blurHeight:4},d=s(6648),c=s(1187),m=s(2218),p=s(2421);let f=n.forwardRef((e,t)=>{let{className:s,children:n,...r}=e;return(0,a.jsxs)(c.fC,{ref:t,className:(0,o.cn)("relative z-10 flex max-w-max flex-1 items-center justify-center",s),...r,children:[n,(0,a.jsx)(w,{})]})});f.displayName=c.fC.displayName;let h=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(c.aV,{ref:t,className:(0,o.cn)("group flex flex-1 list-none items-center justify-center space-x-1",s),...n})});h.displayName=c.aV.displayName;let x=c.ck,u=(0,m.j)("group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"),j=n.forwardRef((e,t)=>{let{className:s,children:n,...r}=e;return(0,a.jsxs)(c.xz,{ref:t,className:(0,o.cn)(u(),"group",s),...r,children:[n," ",(0,a.jsx)(p.Z,{className:"relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180","aria-hidden":"true"})]})});j.displayName=c.xz.displayName;let g=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(c.VY,{ref:t,className:(0,o.cn)("left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",s),...n})});g.displayName=c.VY.displayName;let N=c.rU,w=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)("div",{className:(0,o.cn)("absolute left-0 top-full flex justify-center"),children:(0,a.jsx)(c.l_,{className:(0,o.cn)("origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",s),ref:t,...n})})});w.displayName=c.l_.displayName,n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(c.z$,{ref:t,className:(0,o.cn)("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",s),...n,children:(0,a.jsx)("div",{className:"relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md"})})}).displayName=c.z$.displayName;let y=[{title:"Alert Dialog",href:"/docs/primitives/alert-dialog",description:"A modal dialog that interrupts the user with important content and expects a response."},{title:"Hover Card",href:"/docs/primitives/hover-card",description:"For sighted users to preview content available behind a link."},{title:"Progress",href:"/docs/primitives/progress",description:"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar."},{title:"Scroll-area",href:"/docs/primitives/scroll-area",description:"Visually or semantically separates content."},{title:"Tabs",href:"/docs/primitives/tabs",description:"A set of layered sections of content—known as tab panels—that are displayed one at a time."},{title:"Tooltip",href:"/docs/primitives/tooltip",description:"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it."}],b=n.forwardRef((e,t)=>{let{className:s,title:n,children:r,...i}=e;return(0,a.jsx)("li",{children:(0,a.jsx)(N,{asChild:!0,children:(0,a.jsxs)("a",{ref:t,className:(0,o.cn)("block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",s),...i,children:[(0,a.jsx)("div",{className:"text-sm font-medium leading-none",children:n}),(0,a.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:r})]})})})});b.displayName="ListItem";var v=function(){return(0,a.jsxs)(f,{children:[(0,a.jsx)(d.default,{className:"w-12",src:l,alt:"Logo"}),(0,a.jsxs)(h,{children:[(0,a.jsxs)(x,{children:[(0,a.jsx)(j,{children:"Getting started"}),(0,a.jsx)(g,{children:(0,a.jsxs)("ul",{className:"grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]",children:[(0,a.jsx)("li",{className:"row-span-3",children:(0,a.jsx)(N,{asChild:!0,children:(0,a.jsxs)("a",{className:"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md",href:"/",children:[(0,a.jsx)(i.Z,{className:"h-6 w-6"}),(0,a.jsx)("div",{className:"mb-2 mt-4 text-lg font-medium",children:"shadcn/ui"}),(0,a.jsx)("p",{className:"text-sm leading-tight text-muted-foreground",children:"Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source."})]})})}),(0,a.jsx)(b,{href:"/docs",title:"Introduction",children:"Re-usable components built using Radix UI and Tailwind CSS."}),(0,a.jsx)(b,{href:"/docs/installation",title:"Installation",children:"How to install dependencies and structure your app."}),(0,a.jsx)(b,{href:"/docs/primitives/typography",title:"Typography",children:"Styles for headings, paragraphs, lists...etc"})]})})]}),(0,a.jsxs)(x,{children:[(0,a.jsx)(j,{children:"Components"}),(0,a.jsx)(g,{children:(0,a.jsx)("ul",{className:"grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]",children:y.map(e=>(0,a.jsx)(b,{title:e.title,href:e.href,children:e.description},e.title))})})]}),(0,a.jsx)(x,{children:(0,a.jsx)(r.default,{href:"/docs",legacyBehavior:!0,passHref:!0,children:(0,a.jsx)(N,{className:u(),children:"Documentation"})})})]})]})},A=s(2022),_=s(6935),R=s(4258),Z=s(4122),z=s(1240),C=s(3267),k=s(4086),S=s(7390),P=s(6273),U=s(2513),B=s(7055),I=s(1657),L=s(993),D=s(9896),E=s(9080),T=s(7592),H=s(2468),O=s(8165);let V=E.fC,F=E.xz,Y=E.ZA,K=E.Uv,M=E.Tr;E.Ee;let G=n.forwardRef((e,t)=>{let{className:s,inset:n,children:r,...i}=e;return(0,a.jsxs)(E.fF,{ref:t,className:(0,o.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",n&&"pl-8",s),...i,children:[r,(0,a.jsx)(T.Z,{className:"ml-auto h-4 w-4"})]})});G.displayName=E.fF.displayName;let Q=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(E.tu,{ref:t,className:(0,o.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",s),...n})});Q.displayName=E.tu.displayName;let W=n.forwardRef((e,t)=>{let{className:s,sideOffset:n=4,...r}=e;return(0,a.jsx)(E.Uv,{children:(0,a.jsx)(E.VY,{ref:t,sideOffset:n,className:(0,o.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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",s),...r})})});W.displayName=E.VY.displayName;let X=n.forwardRef((e,t)=>{let{className:s,inset:n,...r}=e;return(0,a.jsx)(E.ck,{ref:t,className:(0,o.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",n&&"pl-8",s),...r})});X.displayName=E.ck.displayName,n.forwardRef((e,t)=>{let{className:s,children:n,checked:r,...i}=e;return(0,a.jsxs)(E.oC,{ref:t,className:(0,o.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),checked:r,...i,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(E.wU,{children:(0,a.jsx)(H.Z,{className:"h-4 w-4"})})}),n]})}).displayName=E.oC.displayName,n.forwardRef((e,t)=>{let{className:s,children:n,...r}=e;return(0,a.jsxs)(E.Rk,{ref:t,className:(0,o.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),...r,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(E.wU,{children:(0,a.jsx)(O.Z,{className:"h-2 w-2 fill-current"})})}),n]})}).displayName=E.Rk.displayName;let q=n.forwardRef((e,t)=>{let{className:s,inset:n,...r}=e;return(0,a.jsx)(E.__,{ref:t,className:(0,o.cn)("px-2 py-1.5 text-sm font-semibold",n&&"pl-8",s),...r})});q.displayName=E.__.displayName;let J=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,a.jsx)(E.Z0,{ref:t,className:(0,o.cn)("-mx-1 my-1 h-px bg-muted",s),...n})});J.displayName=E.Z0.displayName;let $=e=>{let{className:t,...s}=e;return(0,a.jsx)("span",{className:(0,o.cn)("ml-auto text-xs tracking-widest opacity-60",t),...s})};$.displayName="DropdownMenuShortcut";let ee=()=>(0,a.jsxs)(V,{modal:!1,children:[(0,a.jsxs)(F,{className:"select-none flex",children:[(0,a.jsx)(A.Z,{}),(0,a.jsx)("p",{children:"User"})]}),(0,a.jsxs)(W,{className:"w-56",align:"end",children:[(0,a.jsx)(q,{children:"My Account"}),(0,a.jsx)(J,{}),(0,a.jsxs)(Y,{children:[(0,a.jsxs)(X,{children:[(0,a.jsx)(A.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Profile"}),(0,a.jsx)($,{children:"⇧⌘P"})]}),(0,a.jsxs)(X,{children:[(0,a.jsx)(_.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Billing"}),(0,a.jsx)($,{children:"⌘B"})]}),(0,a.jsxs)(X,{children:[(0,a.jsx)(R.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Settings"}),(0,a.jsx)($,{children:"⌘S"})]}),(0,a.jsxs)(X,{children:[(0,a.jsx)(Z.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Keyboard shortcuts"}),(0,a.jsx)($,{children:"⌘K"})]})]}),(0,a.jsx)(J,{}),(0,a.jsxs)(Y,{children:[(0,a.jsxs)(X,{children:[(0,a.jsx)(z.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Team"})]}),(0,a.jsxs)(M,{children:[(0,a.jsxs)(G,{children:[(0,a.jsx)(C.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Invite users"})]}),(0,a.jsx)(K,{children:(0,a.jsxs)(Q,{children:[(0,a.jsxs)(X,{children:[(0,a.jsx)(k.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Email"})]}),(0,a.jsxs)(X,{children:[(0,a.jsx)(S.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Message"})]}),(0,a.jsx)(J,{}),(0,a.jsxs)(X,{children:[(0,a.jsx)(P.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"More..."})]})]})})]}),(0,a.jsxs)(X,{children:[(0,a.jsx)(U.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"New Team"}),(0,a.jsx)($,{children:"⌘+T"})]})]}),(0,a.jsx)(J,{}),(0,a.jsxs)(X,{children:[(0,a.jsx)(B.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"GitHub"})]}),(0,a.jsxs)(X,{children:[(0,a.jsx)(I.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Support"})]}),(0,a.jsxs)(X,{disabled:!0,children:[(0,a.jsx)(L.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"API"})]}),(0,a.jsx)(J,{}),(0,a.jsxs)(X,{children:[(0,a.jsx)(D.Z,{className:"mr-2 h-4 w-4"}),(0,a.jsx)("span",{children:"Log out"}),(0,a.jsx)($,{children:"⇧⌘Q"})]})]})]}),et=()=>(0,a.jsxs)("div",{className:"flex justify-between items-center mx-3 z-50",children:[(0,a.jsx)(v,{}),(0,a.jsx)(ee,{})]})},5811:function(e,t,s){"use strict";s.d(t,{cn:function(){return r}});var a=s(6164),n=s(4839);function r(){for(var e=arguments.length,t=Array(e),s=0;s<e;s++)t[s]=arguments[s];return(0,a.m6)((0,n.W)(t))}},7378:function(){},6629:function(e){e.exports={main:"page_main__NRgvh",description:"page_description__T6Yim",code:"page_code__ONF8R",grid:"page_grid__8na83",card:"page_card__LUASq",center:"page_center__MJOKe",logo:"page_logo__dq_ao",content:"page_content__6_DFI",vercelLogo:"page_vercelLogo__vpXLR",rotate:"page_rotate__Sr2_i"}}},function(e){e.O(0,[328,716,557,971,23,744],function(){return e(e.s=5346)}),_N_E=e.O()}]);