shadcn/ui — Introducing shadcn/ui (gift cut)

1"use client"
2 
3import * as React from "react"
4 
5import { NavMain } from "@/demos/_ui/nav-main"
6import { NavProjects } from "@/demos/_ui/nav-projects"
7import { NavUser } from "@/demos/_ui/nav-user"
8import { TeamSwitcher } from "@/demos/_ui/team-switcher"
9import {
10  Sidebar,
11  SidebarContent,
12  SidebarFooter,
13  SidebarHeader,
14  SidebarRail,
15} from "@/demos/_ui/sidebar"
16import { GalleryVerticalEndIcon, AudioLinesIcon, TerminalIcon, TerminalSquareIcon, BotIcon, BookOpenIcon, Settings2Icon, FrameIcon, PieChartIcon, MapIcon } from "lucide-react"
17 
18// This is sample data.
19const data = {
20  user: {
21    name: "shadcn",
22    email: "m@example.com",
23    avatar: "/avatars/shadcn.jpg",
24  },
25  teams: [
26    {
27      name: "Acme Inc",
28      logo: (
29        <GalleryVerticalEndIcon
30        />
31      ),
32      plan: "Enterprise",
33    },
34    {
35      name: "Acme Corp.",
36      logo: (
37        <AudioLinesIcon
38        />
39      ),
40      plan: "Startup",
41    },
42    {
43      name: "Evil Corp.",
44      logo: (
45        <TerminalIcon
46        />
47      ),
48      plan: "Free",
49    },
50  ],
51  navMain: [
52    {
53      title: "Playground",
54      url: "#",
55      icon: (
56        <TerminalSquareIcon
57        />
58      ),
59      isActive: true,
60      items: [
61        {
62          title: "History",
63          url: "#",
64        },
65        {
66          title: "Starred",
67          url: "#",
68        },
69        {
70          title: "Settings",
71          url: "#",
72        },
73      ],
74    },
75    {
76      title: "Models",
77      url: "#",
78      icon: (
79        <BotIcon
80        />
81      ),
82      items: [
83        {
84          title: "Genesis",
85          url: "#",
86        },
87        {
88          title: "Explorer",
89          url: "#",
90        },
91        {
92          title: "Quantum",
93          url: "#",
94        },
95      ],
96    },
97    {
98      title: "Documentation",
99      url: "#",
100      icon: (
101        <BookOpenIcon
102        />
103      ),
104      items: [
105        {
106          title: "Introduction",
107          url: "#",
108        },
109        {
110          title: "Get Started",
111          url: "#",
112        },
113        {
114          title: "Tutorials",
115          url: "#",
116        },
117        {
118          title: "Changelog",
119          url: "#",
120        },
121      ],
122    },
123    {
124      title: "Settings",
125      url: "#",
126      icon: (
127        <Settings2Icon
128        />
129      ),
130      items: [
131        {
132          title: "General",
133          url: "#",
134        },
135        {
136          title: "Team",
137          url: "#",
138        },
139        {
140// … truncated