mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
64 lines
1.9 KiB
TypeScript
64 lines
1.9 KiB
TypeScript
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>
|
|
</>
|
|
)
|
|
}
|