snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

2026-09-15 22:44:43 +05:00
commit 1416db152c
5727 changed files with 630238 additions and 0 deletions
--- a/apps/v4/registry/bases/base/blocks/sidebar-07/components/app-sidebar.tsx
+++ b/apps/v4/registry/bases/base/blocks/sidebar-07/components/app-sidebar.tsx
@@ -0,0 +1,244 @@
+"use client"
+
+import * as React from "react"
+
+import { NavMain } from "@/registry/bases/base/blocks/sidebar-07/components/nav-main"
+import { NavProjects } from "@/registry/bases/base/blocks/sidebar-07/components/nav-projects"
+import { NavUser } from "@/registry/bases/base/blocks/sidebar-07/components/nav-user"
+import { TeamSwitcher } from "@/registry/bases/base/blocks/sidebar-07/components/team-switcher"
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarRail,
+} from "@/registry/bases/base/ui/sidebar"
+import { IconPlaceholder } from "@/app/(create)/components/icon-placeholder"
+
+// This is sample data.
+const data = {
+  user: {
+    name: "shadcn",
+    email: "m@example.com",
+    avatar: "/avatars/shadcn.jpg",
+  },
+  teams: [
+    {
+      name: "Acme Inc",
+      logo: (
+        <IconPlaceholder
+          lucide="GalleryVerticalEndIcon"
+          tabler="IconLayoutRows"
+          hugeicons="LayoutBottomIcon"
+          phosphor="RowsIcon"
+          remixicon="RiGalleryLine"
+        />
+      ),
+      plan: "Enterprise",
+    },
+    {
+      name: "Acme Corp.",
+      logo: (
+        <IconPlaceholder
+          lucide="AudioLinesIcon"
+          tabler="IconWaveSine"
+          hugeicons="AudioWave01Icon"
+          phosphor="WaveformIcon"
+          remixicon="RiPulseLine"
+        />
+      ),
+      plan: "Startup",
+    },
+    {
+      name: "Evil Corp.",
+      logo: (
+        <IconPlaceholder
+          lucide="TerminalIcon"
+          tabler="IconCommand"
+          hugeicons="CommandIcon"
+          phosphor="CommandIcon"
+          remixicon="RiCommandLine"
+        />
+      ),
+      plan: "Free",
+    },
+  ],
+  navMain: [
+    {
+      title: "Playground",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="TerminalSquareIcon"
+          tabler="IconTerminal2"
+          hugeicons="ComputerTerminalIcon"
+          phosphor="TerminalIcon"
+          remixicon="RiTerminalBoxLine"
+        />
+      ),
+      isActive: true,
+      items: [
+        {
+          title: "History",
+          url: "#",
+        },
+        {
+          title: "Starred",
+          url: "#",
+        },
+        {
+          title: "Settings",
+          url: "#",
+        },
+      ],
+    },
+    {
+      title: "Models",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="BotIcon"
+          tabler="IconRobot"
+          hugeicons="RoboticIcon"
+          phosphor="RobotIcon"
+          remixicon="RiRobotLine"
+        />
+      ),
+      items: [
+        {
+          title: "Genesis",
+          url: "#",
+        },
+        {
+          title: "Explorer",
+          url: "#",
+        },
+        {
+          title: "Quantum",
+          url: "#",
+        },
+      ],
+    },
+    {
+      title: "Documentation",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="BookOpenIcon"
+          tabler="IconBook"
+          hugeicons="BookOpen02Icon"
+          phosphor="BookOpenIcon"
+          remixicon="RiBookOpenLine"
+        />
+      ),
+      items: [
+        {
+          title: "Introduction",
+          url: "#",
+        },
+        {
+          title: "Get Started",
+          url: "#",
+        },
+        {
+          title: "Tutorials",
+          url: "#",
+        },
+        {
+          title: "Changelog",
+          url: "#",
+        },
+      ],
+    },
+    {
+      title: "Settings",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="Settings2Icon"
+          tabler="IconSettings"
+          hugeicons="Settings05Icon"
+          phosphor="GearIcon"
+          remixicon="RiSettingsLine"
+        />
+      ),
+      items: [
+        {
+          title: "General",
+          url: "#",
+        },
+        {
+          title: "Team",
+          url: "#",
+        },
+        {
+          title: "Billing",
+          url: "#",
+        },
+        {
+          title: "Limits",
+          url: "#",
+        },
+      ],
+    },
+  ],
+  projects: [
+    {
+      name: "Design Engineering",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="FrameIcon"
+          tabler="IconFrame"
+          hugeicons="CropIcon"
+          phosphor="CropIcon"
+          remixicon="RiCropLine"
+        />
+      ),
+    },
+    {
+      name: "Sales & Marketing",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="PieChartIcon"
+          tabler="IconChartPie"
+          hugeicons="PieChartIcon"
+          phosphor="ChartPieIcon"
+          remixicon="RiPieChartLine"
+        />
+      ),
+    },
+    {
+      name: "Travel",
+      url: "#",
+      icon: (
+        <IconPlaceholder
+          lucide="MapIcon"
+          tabler="IconMap"
+          hugeicons="MapsIcon"
+          phosphor="MapTrifoldIcon"
+          remixicon="RiMapLine"
+        />
+      ),
+    },
+  ],
+}
+
+export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
+  return (
+    <Sidebar collapsible="icon" {...props}>
+      <SidebarHeader>
+        <TeamSwitcher teams={data.teams} />
+      </SidebarHeader>
+      <SidebarContent>
+        <NavMain items={data.navMain} />
+        <NavProjects projects={data.projects} />
+      </SidebarContent>
+      <SidebarFooter>
+        <NavUser user={data.user} />
+      </SidebarFooter>
+      <SidebarRail />
+    </Sidebar>
+  )
+}