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

apps/v4/app/(app)/examples/dashboard/page.tsx

@@ -0,0 +1,63 @@
+import Image from "next/image"
+
+import {
+  SidebarInset,
+  SidebarProvider,
+} from "@/registry/new-york-v4/ui/sidebar"
+import { AppSidebar } from "@/app/(app)/examples/dashboard/components/app-sidebar"
+import { ChartAreaInteractive } from "@/app/(app)/examples/dashboard/components/chart-area-interactive"
+import { DataTable } from "@/app/(app)/examples/dashboard/components/data-table"
+import { SectionCards } from "@/app/(app)/examples/dashboard/components/section-cards"
+import { SiteHeader } from "@/app/(app)/examples/dashboard/components/site-header"
+
+import data from "./data.json"
+
+export default function Page() {
+  return (
+    <>
+      <div className="md:hidden">
+        <Image
+          src="/examples/dashboard-light.png"
+          width={1280}
+          height={843}
+          alt="Authentication"
+          className="block dark:hidden"
+          priority
+        />
+        <Image
+          src="/examples/dashboard-dark.png"
+          width={1280}
+          height={843}
+          alt="Authentication"
+          className="hidden dark:block"
+          priority
+        />
+      </div>
+      <SidebarProvider
+        className="hidden md:flex"
+        style={
+          {
+            "--sidebar-width": "calc(var(--spacing) * 64)",
+            "--header-height": "calc(var(--spacing) * 12 + 1px)",
+          } as React.CSSProperties
+        }
+      >
+        <AppSidebar variant="sidebar" />
+        <SidebarInset>
+          <SiteHeader />
+          <div className="flex flex-1 flex-col">
+            <div className="@container/main flex flex-1 flex-col gap-2">
+              <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
+                <SectionCards />
+                <div className="px-4 lg:px-6">
+                  <ChartAreaInteractive />
+                </div>
+                <DataTable data={data} />
+              </div>
+            </div>
+          </div>
+        </SidebarInset>
+      </SidebarProvider>
+    </>
+  )
+}