Navbar

1"use client";
2 
3import * as React from "react";
4import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
5import * as PopoverPrimitive from "@radix-ui/react-popover";
6import { cva, type VariantProps } from "class-variance-authority";
7import { ChevronDown, ChevronRight, ChevronLeft, Menu, Search, X } from "lucide-react";
8 
9import { cn } from "@/lib/utils";
10import { useNavbarAutoHide } from "@/components/ui/hooks/use-navbar-auto-hide";
11 
12/* ================================================================== */
13/*  CONTEXT                                                            */
14/* ================================================================== */
15 
16interface NavbarContextValue {
17  mobileOpen: boolean;
18  setMobileOpen: React.Dispatch<React.SetStateAction<boolean>>;
19  variant: "default" | "minimal" | "transparent" | "bordered" | "glass";
20  containerClassName: string;
21}
22 
23const DEFAULT_CONTAINER = "max-w-5xl mx-auto";
24 
25const NavbarContext = React.createContext<NavbarContextValue>({
26  mobileOpen: false,
27  setMobileOpen: () => {},
28  variant: "default",
29  containerClassName: DEFAULT_CONTAINER,
30});
31 
32const useNavbar = () => React.useContext(NavbarContext);
33 
34/* ================================================================== */
35/*  NAVBAR ROOT                                                        */
36/* ================================================================== */
37 
38const navbarVariants = cva("w-full", {
39  variants: {
40    variant: {
41      default: "bg-background text-foreground",
42      minimal: "bg-background text-foreground",
43      transparent: "bg-transparent text-foreground",
44      bordered: "bg-background text-foreground border-b border-border-strong",
45      glass:
46        "bg-glass text-foreground border-b border-glass-border-outer shadow-[var(--poyraz-glass-shadow)] backdrop-blur-glass",
47    },
48  },
49  defaultVariants: { variant: "default" },
50});
51 
52export interface NavbarProps
53  extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof navbarVariants> {
54  /** Show sticky behavior */
55  sticky?: boolean;
56  /** Auto-hide when scrolling down, reveal when scrolling up */
57  autoHide?: boolean;
58  /** Class name applied to inner containers for width constraint */
59  containerClassName?: string;
60}
61 
62const Navbar = React.forwardRef<HTMLElement, NavbarProps>(
63  (
64    {
65      className,
66      variant = "default",
67      sticky = false,
68      autoHide = false,
69      containerClassName,
70      children,
71      ...props
72    },
73    ref,
74  ) => {
75// … truncated