streamline.kit Settings Invite and manage people AE Acme Create organization

Home Templates Audience

Account Settings Support Logout

) } `,__src__:"registry/default/example/application-shell-demo.tsx",children:(0,l.jsxs)(n.code,{"data-language":"tsx","data-theme":"default",children:[(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"use client"'})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ChevronsUpDown"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Home"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Layers"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" LifeBuoy"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" LogOut"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" MessageCircleQuestion"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" PlusIcon"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Settings"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Users"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" UsersRound"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "lucide-react"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationNavigation"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationNavigationButton"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationNavigationContainer"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationNavigationSection"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationShell"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationViewContainer"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" ApplicationViewWrapper"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/application-shell"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Avatar"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AvatarImage "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/avatar"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"import"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" DropdownMenu"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" DropdownMenuContent"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" DropdownMenuSeparator"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" DropdownMenuTrigger"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" from"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:' "@/components/ui/dropdown-menu"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"const"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Logo"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" =>"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"svg"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" width"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"24"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" height"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"24"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" xmlns"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" viewBox"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"0 0 111 111"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" fill"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"none"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" >"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"rect"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" width"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"110"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" height"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"110"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" transform"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"translate(0.674988)"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" fill"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"#2F3037"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"path"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" d"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"M53.8606 16.9815C50.2154 16.9815 47.362 17.5403 45.3004 18.6581C43.2388 19.7758 42.3275 21.6337 42.5665 24.2317L44.4489 42.8105C44.5385 43.5657 44.5833 44.3059 44.5833 45.0309C44.5833 47.9914 43.8662 50.2722 42.4321 51.8733C41.0278 53.4442 38.9064 54.4864 36.068 55C38.9662 55.5136 41.1025 56.5256 42.4769 58.036C43.8812 59.5163 44.5833 61.7518 44.5833 64.7425C44.5833 65.4978 44.5385 66.3134 44.4489 67.1895L42.5665 85.7683C42.5367 85.9495 42.5217 86.2063 42.5217 86.5386C42.5217 90.8586 46.3013 93.0185 53.8606 93.0185V99C48.4526 99 44.0455 98.0635 40.6394 96.1905C37.2631 94.3477 35.575 91.206 35.575 86.7652C35.575 85.9495 35.6049 85.3151 35.6646 84.862L37.4573 67.6426C37.5171 67.2197 37.547 66.6155 37.547 65.8301C37.547 64.0477 37.1436 62.5977 36.3369 61.4799C35.5302 60.3622 34.1259 59.5163 32.124 58.9423C30.1521 58.3381 27.4182 58.036 23.9224 58.036V51.964C27.4182 51.964 30.1521 51.677 32.124 51.103C34.1259 50.529 35.5302 49.6831 36.3369 48.5654C37.1436 47.4476 37.547 46.0127 37.547 44.2606C37.547 43.4751 37.5171 42.8709 37.4573 42.448L35.6646 25.138C35.6049 24.6849 35.575 24.0505 35.575 23.2348C35.575 18.794 37.2631 15.6522 40.6394 13.8095C44.0455 11.9365 48.4526 11 53.8606 11V16.9815Z"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" fill"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"white"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"path"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" d"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"M87.4276 16.9815C83.7825 16.9815 80.9291 17.5403 78.8675 18.6581C76.8059 19.7758 75.8946 21.6337 76.1336 24.2317L78.0159 42.8105C78.1056 43.5657 78.1504 44.3059 78.1504 45.0309C78.1504 47.9914 77.4333 50.2722 75.9991 51.8733C74.5948 53.4442 72.4735 54.4864 69.635 55C72.5332 55.5136 74.6695 56.5256 76.044 58.036C77.4482 59.5163 78.1504 61.7518 78.1504 64.7425C78.1504 65.4978 78.1056 66.3134 78.0159 67.1895L76.1336 85.7683C76.1037 85.9495 76.0888 86.2063 76.0888 86.5386C76.0888 90.8586 79.8684 93.0185 87.4276 93.0185V99C82.0196 99 77.6126 98.0635 74.2064 96.1905C70.8302 94.3477 69.142 91.206 69.142 86.7652C69.142 85.9495 69.1719 85.3151 69.2317 84.862L71.0244 67.6426C71.0841 67.2197 71.114 66.6155 71.114 65.8301C71.114 64.0477 70.7107 62.5977 69.9039 61.4799C69.0972 60.3622 67.6929 59.5163 65.6911 58.9423C63.7191 58.3381 60.9852 58.036 57.4895 58.036V51.964C60.9852 51.964 63.7191 51.677 65.6911 51.103C67.6929 50.529 69.0972 49.6831 69.9039 48.5654C70.7107 47.4476 71.114 46.0127 71.114 44.2606C71.114 43.4751 71.0841 42.8709 71.0244 42.448L69.2317 25.138C69.1719 24.6849 69.142 24.0505 69.142 23.2348C69.142 18.794 70.8302 15.6522 74.2064 13.8095C77.6126 11.9365 82.0196 11 87.4276 11V16.9815Z"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" fill"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"white"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:")"})}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"export"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" function"}),(0,l.jsx)(n.span,{style:{color:"#FFF",fontWeight:"bold"},children:" NavigationMenuDemo"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"()"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" {"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" return"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" ("})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationShell className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"h-[800px]"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigation"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"div className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"flex-none"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenu"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuTrigger asChild"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationButton className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"justify-between w-auto"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"span className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"flex items-center gap-2"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Avatar size"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"xs"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Logo "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"/>"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" streamline.kit"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ChevronsUpDown className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuContent className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-[280px]"'}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" align"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"start"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Settings className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Settings"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Users className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Invite and manage people"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuSeparator "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"/>"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Avatar theme"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"dark"'}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" size"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"sm"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" AE"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Acme"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuSeparator "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"/>"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"PlusIcon className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Create organization"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationContainer"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationSection"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationButton variant"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"active"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Home className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Home"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationButton"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Layers className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Templates"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationButton"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"UsersRound className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Audience"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"div className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"flex-none flex justify-between items-center"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenu"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuTrigger asChild"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationButton className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-auto px-0 h-6 rounded-full"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Avatar size"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"sm"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"AvatarImage"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" src"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=80&h=80&dpr=2&q=80"'})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" alt"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"Alice Johnson"'})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuContent className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-[280px]"'}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" align"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"start"'}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" side"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"top"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"Settings className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Account Settings"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"LifeBuoy className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Support"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuSeparator "}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"/>"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"DropdownMenuItem variant"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"destructive"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"LogOut className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF"},children:" Logout"})}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:" "}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationNavigationButton size"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"icon"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"MessageCircleQuestion className"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"="}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:'"w-4"'}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" />"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationViewWrapper"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" <"}),(0,l.jsx)(n.span,{style:{color:"#FFF"},children:"ApplicationViewContainer"}),(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsxs)(n.span,{className:"line",children:[(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" "})]}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:" )"})}),` `,(0,l.jsx)(n.span,{className:"line",children:(0,l.jsx)(n.span,{style:{color:"#FFF8"},children:"}"})})]})})})})}function v(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,Object.assign({},e,{children:(0,l.jsx)(t,e)})):t(e)}var A=v;function M(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return C(D);})(); ;return Component;

Application Shell