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

apps/v4/components/site-header.tsx

@@ -0,0 +1,61 @@
+import Link from "next/link"
+import { PlusSignIcon } from "@hugeicons/core-free-icons"
+import { HugeiconsIcon } from "@hugeicons/react"
+
+import { getColors } from "@/lib/colors"
+import { siteConfig } from "@/lib/config"
+import { source } from "@/lib/source"
+import { CommandMenu } from "@/components/command-menu"
+import { DesignerActions } from "@/components/designer-actions"
+import { GitHubLink } from "@/components/github-link"
+import { MainNav } from "@/components/main-nav"
+import { MobileNav } from "@/components/mobile-nav"
+import { ModeSwitcher } from "@/components/mode-switcher"
+import { Separator } from "@/registry/new-york-v4/ui/separator"
+import { Button } from "@/styles/radix-nova/ui/button"
+
+export function SiteHeader() {
+  const colors = getColors()
+  const pageTree = source.pageTree
+
+  return (
+    <header className="sticky top-0 z-50 w-full bg-background">
+      <div className="container-wrapper px-6 group-has-data-[slot=designer]/layout:max-w-none 3xl:fixed:px-0">
+        <div className="flex h-(--header-height) items-center **:data-[slot=separator]:h-4! group-has-data-[slot=designer]/layout:fixed:max-w-none 3xl:fixed:container">
+          <MobileNav
+            tree={pageTree}
+            items={siteConfig.navItems}
+            className="flex lg:hidden"
+          />
+          <MainNav items={siteConfig.navItems} className="hidden lg:flex" />
+          <div className="ml-auto flex items-center gap-2 md:flex-1 md:justify-end">
+            <div className="hidden w-full flex-1 md:flex md:w-auto md:flex-none">
+              <CommandMenu
+                tree={pageTree}
+                colors={colors}
+                navItems={siteConfig.navItems}
+              />
+            </div>
+            <Separator
+              orientation="vertical"
+              className="ml-2 hidden lg:block"
+            />
+            <GitHubLink />
+            <Separator orientation="vertical" />
+            <ModeSwitcher />
+            <DesignerActions />
+            <div className="flex items-center gap-2 group-has-data-[slot=designer]/layout:hidden">
+              <Separator orientation="vertical" />
+              <Button asChild size="sm" className="h-[31px] rounded-lg">
+                <Link href="/create">
+                  <HugeiconsIcon icon={PlusSignIcon} />
+                  New
+                </Link>
+              </Button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+  )
+}