@caffeinebounce/ui 0.62.2

package/dist/chunk-D3QXPL47.mjs

@@ -0,0 +1,1814 @@
+import { NewsletterSignup } from './chunk-ZFLZA7UP.mjs';
+import { Container } from './chunk-RVEFPVZF.mjs';
+import { SidebarMenu, SidebarMenuItem, SidebarMenuButton, KeyboardShortcut, useSidebar, Avatar, AvatarImage, AvatarFallback, UserAvatarMenu } from './chunk-BFWX5GJZ.mjs';
+import { Separator } from './chunk-ZKUIUE7W.mjs';
+import { Spinner } from './chunk-HBLKVQIQ.mjs';
+import { useScrollDirection } from './chunk-G5TQWWQA.mjs';
+import { Button } from './chunk-VBD4Q5LL.mjs';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-OFQLWSUR.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
+import { Input } from './chunk-STEP6C4C.mjs';
+import { getAvatarGradient } from './chunk-MHZXUOGN.mjs';
+import { cn } from './chunk-IMKLN273.mjs';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+export { NavigationMenuPrimitive };
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ChevronsUpDown, Check, Plus, ChevronDown, X } from 'lucide-react';
+import Image from 'next/image';
+import { usePathname, useRouter } from 'next/navigation';
+import { useState, useMemo, useCallback, useEffect, useRef, useLayoutEffect, useId } from 'react';
+import { useReducedMotion, motion, useAnimation } from 'motion/react';
+
+function NavigationMenu({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: cn(
+        "relative z-10 flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), className),
+      ...props,
+      children
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "absolute top-full left-0 z-50 w-max min-w-full rounded-md border bg-popover p-2 text-popover-foreground shadow-lg",
+        "data-[motion=from-end]:animate-in data-[motion=from-start]:animate-in data-[motion=to-end]:animate-out data-[motion=to-start]:animate-out",
+        "data-[motion=from-end]:slide-in-from-right-4 data-[motion=from-start]:slide-in-from-left-4 data-[motion=to-end]:slide-out-to-right-4 data-[motion=to-start]:slide-out-to-left-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "block select-none rounded-sm px-2 py-1.5 text-sm leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "absolute top-full left-0 flex justify-center", children: /* @__PURE__ */ jsx(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function navigationMenuTriggerStyle() {
+  return cn(
+    "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-3 py-2 text-sm font-medium transition-colors",
+    "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50"
+  );
+}
+var NavigationMenuViewportPrimitive = NavigationMenuPrimitive.Viewport;
+function AppSwitcher({
+  apps,
+  brandName = "App",
+  brandLogoUrl,
+  getActiveAppId,
+  ShortcutComponent,
+  className
+}) {
+  const pathname = usePathname();
+  const router = useRouter();
+  const [open, setOpen] = useState(false);
+  const Shortcut = ShortcutComponent || KeyboardShortcut;
+  const activeApp = useMemo(() => {
+    if (getActiveAppId) {
+      const activeId = getActiveAppId(pathname);
+      return apps.find((app) => app.id === activeId) || apps[0] || null;
+    }
+    const matchedApp = apps.find((app) => pathname.startsWith(app.route));
+    return matchedApp || apps[0] || null;
+  }, [apps, pathname, getActiveAppId]);
+  const handleSelect = useCallback(
+    (app) => {
+      if (app.id !== activeApp?.id) {
+        router.push(app.route);
+      }
+      setOpen(false);
+    },
+    [activeApp?.id, router]
+  );
+  useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
+        const num = Number.parseInt(event.key, 10);
+        if (num >= 1 && num <= 9 && num <= apps.length) {
+          event.preventDefault();
+          const app = apps[num - 1];
+          if (app) {
+            handleSelect(app);
+          }
+        }
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [apps, handleSelect]);
+  if (!activeApp) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(SidebarMenu, { className, children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      SidebarMenuButton,
+      {
+        size: "lg",
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary/10", children: brandLogoUrl ? /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: brandLogoUrl,
+              alt: brandName,
+              width: 32,
+              height: 32,
+              priority: true,
+              loading: "eager",
+              fetchPriority: "high",
+              sizes: "32px",
+              className: "h-8 w-8 rounded-lg object-contain"
+            }
+          ) : /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-lg bg-primary/10" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: brandName }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `truncate text-xs font-medium uppercase tracking-wider ${activeApp.colorClass}`,
+                children: activeApp.shortName
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-auto h-4 w-4 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        className: "w-[calc(var(--sidebar-width)-1rem)] min-w-[220px] rounded-lg p-1",
+        align: "start",
+        side: "bottom",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground font-normal uppercase tracking-wide px-2 py-1.5", children: "Switch App" }),
+          apps.map((app, index) => {
+            const isActive = app.id === activeApp.id;
+            const shortcutNumber = index < 9 ? index + 1 : null;
+            return /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: () => handleSelect(app),
+                className: "gap-2 p-2 cursor-pointer rounded-md",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center", children: brandLogoUrl ? /* @__PURE__ */ jsx(
+                    Image,
+                    {
+                      src: brandLogoUrl,
+                      alt: brandName,
+                      width: 32,
+                      height: 32,
+                      className: "h-8 w-8 rounded-lg"
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-lg bg-primary/10" }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+                    /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: brandName }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: `truncate text-xs font-medium uppercase tracking-wider ${app.colorClass}`,
+                        children: app.shortName
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    shortcutNumber && /* @__PURE__ */ jsxs(Shortcut, { className: "text-xs text-muted-foreground", children: [
+                      "\u2303",
+                      shortcutNumber
+                    ] }),
+                    isActive && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary" })
+                  ] })
+                ]
+              },
+              app.id
+            );
+          })
+        ]
+      }
+    )
+  ] }) }) });
+}
+function ComingSoonButton({
+  label,
+  icon,
+  shortcutKey,
+  shortcutsVisible = true,
+  tooltip = "Coming Soon",
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: true,
+        className: cn(
+          "group inline-flex h-8 cursor-not-allowed items-center justify-center gap-1 rounded-lg border border-border bg-muted/50 px-2 text-xs font-normal text-muted-foreground opacity-60 transition-colors",
+          className
+        ),
+        "aria-label": `${label} (${tooltip})`,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:scale-110 [&>svg]:h-full [&>svg]:w-full", children: icon }),
+          /* @__PURE__ */ jsx("span", { children: label }),
+          shortcutKey && /* @__PURE__ */ jsx(
+            KeyboardShortcut,
+            {
+              visible: shortcutsVisible,
+              className: "ml-0.5 hidden uppercase md:inline-flex",
+              children: shortcutKey
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tooltip })
+  ] });
+}
+function defaultGetInitials(name) {
+  return name.split(" ").filter((word) => word.length > 0).map((word) => word[0]).join("").slice(0, 2).toUpperCase();
+}
+function matchesShortcut(event, shortcut) {
+  const ctrlMatch = shortcut.ctrl ? event.ctrlKey : !event.ctrlKey;
+  const shiftMatch = shortcut.shift ? event.shiftKey : !event.shiftKey;
+  const altMatch = shortcut.alt ? event.altKey : !event.altKey;
+  const metaMatch = shortcut.meta ? event.metaKey : !event.metaKey;
+  const keyMatch = event.key === shortcut.key;
+  return ctrlMatch && shiftMatch && altMatch && metaMatch && keyMatch;
+}
+function EntitySwitcher({
+  entities,
+  activeEntity,
+  onSelect,
+  onAddNew,
+  loading = false,
+  userId,
+  label = "Items",
+  addNewLabel = "Add New",
+  emptyTitle = "Add Item",
+  emptySubtitle = "Get started",
+  getDisplayName = (entity) => entity.name,
+  getInitials = (entity) => defaultGetInitials(entity.name),
+  enableKeyboardShortcuts = false,
+  openShortcut,
+  openShortcutDisplay,
+  side = "bottom",
+  align = "start",
+  className,
+  ShortcutComponent
+}) {
+  const Shortcut = ShortcutComponent || KeyboardShortcut;
+  const [open, setOpen] = useState(false);
+  const [logoHovered, setLogoHovered] = useState(false);
+  const { state: sidebarState } = useSidebar();
+  const isCollapsed = sidebarState === "collapsed";
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (!enableKeyboardShortcuts) return;
+      if (openShortcut && matchesShortcut(event, openShortcut)) {
+        event.preventDefault();
+        setOpen((prev) => !prev);
+        return;
+      }
+      if (event.ctrlKey && !event.shiftKey && !event.altKey && !event.metaKey) {
+        const num = Number.parseInt(event.key, 10);
+        if (num >= 1 && num <= 9 && num <= entities.length) {
+          event.preventDefault();
+          const entity = entities[num - 1];
+          if (entity) {
+            onSelect(entity);
+            setOpen(false);
+          }
+        }
+      }
+    },
+    [entities, onSelect, enableKeyboardShortcuts, openShortcut]
+  );
+  useEffect(() => {
+    if (!enableKeyboardShortcuts) return;
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [handleKeyDown, enableKeyboardShortcuts]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(SidebarMenu, { className, children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, { size: "lg", disabled: true, children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 items-center justify-center", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) }),
+      /* @__PURE__ */ jsx("div", { className: "grid min-w-0 flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate text-muted-foreground", children: "Loading..." }) })
+    ] }) }) });
+  }
+  if (!activeEntity) {
+    const gradientId = userId || "default";
+    return /* @__PURE__ */ jsx(SidebarMenu, { className, children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(SidebarMenuButton, { size: "lg", onClick: onAddNew, disabled: !onAddNew, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex h-8 w-8 items-center justify-center rounded-lg text-white",
+          style: getAvatarGradient(gradientId).style,
+          children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid min-w-0 flex-1 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: emptyTitle }),
+        /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: emptySubtitle })
+      ] })
+    ] }) }) });
+  }
+  const displayName = getDisplayName(activeEntity);
+  const initials = getInitials(activeEntity);
+  return /* @__PURE__ */ jsx(SidebarMenu, { className, children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      SidebarMenuButton,
+      {
+        size: "lg",
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        style: isCollapsed ? { background: "transparent" } : void 0,
+        onMouseEnter: () => isCollapsed && setLogoHovered(true),
+        onMouseLeave: () => setLogoHovered(false),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsxs(
+            Avatar,
+            {
+              className: "h-8 w-8 rounded-lg",
+              style: {
+                transition: "transform 150ms ease, filter 150ms ease",
+                transform: isCollapsed && logoHovered ? "scale(1.1)" : "scale(1)",
+                filter: isCollapsed && logoHovered ? "brightness(1.2)" : "none"
+              },
+              children: [
+                activeEntity.logoUrl && /* @__PURE__ */ jsx(
+                  AvatarImage,
+                  {
+                    src: activeEntity.logoUrl,
+                    alt: displayName,
+                    className: "object-contain p-1"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  AvatarFallback,
+                  {
+                    className: "rounded-lg text-xs font-medium text-white",
+                    style: getAvatarGradient(activeEntity.id).style,
+                    children: initials
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx("div", { className: "grid flex-1 min-w-0 text-left text-sm leading-tight group-data-[collapsible=icon]:hidden", children: /* @__PURE__ */ jsx("span", { className: "truncate font-semibold", children: displayName }) }),
+          openShortcutDisplay && /* @__PURE__ */ jsx(Shortcut, { className: "ml-auto hidden text-xs text-muted-foreground md:inline-flex group-data-[collapsible=icon]:hidden", children: openShortcutDisplay }),
+          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-1 group-data-[collapsible=icon]:hidden" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
+      {
+        className: "w-[calc(var(--sidebar-width)-1rem)] rounded-lg",
+        align,
+        side,
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-xs text-muted-foreground font-light uppercase tracking-wide", children: label }),
+          entities.map((entity, index) => {
+            const name = getDisplayName(entity);
+            const entityInitials = getInitials(entity);
+            const shortcutNumber = enableKeyboardShortcuts && index < 9 ? index + 1 : null;
+            const isActive = entity.id === activeEntity.id;
+            return /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                onClick: () => onSelect(entity),
+                className: "gap-2 p-2",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "relative h-6 w-6", children: /* @__PURE__ */ jsxs(Avatar, { className: "h-6 w-6 rounded-md", children: [
+                    entity.logoUrl && /* @__PURE__ */ jsx(
+                      AvatarImage,
+                      {
+                        src: entity.logoUrl,
+                        alt: name,
+                        className: "object-contain p-0.5"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      AvatarFallback,
+                      {
+                        className: "rounded-md text-xs font-medium text-white",
+                        style: getAvatarGradient(entity.id).style,
+                        children: entityInitials
+                      }
+                    )
+                  ] }) }),
+                  /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: name }),
+                  shortcutNumber && /* @__PURE__ */ jsxs(Shortcut, { className: "text-xs text-muted-foreground", children: [
+                    "\u2303",
+                    shortcutNumber
+                  ] }),
+                  isActive && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary" })
+                ]
+              },
+              entity.id
+            );
+          }),
+          onAddNew && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuItem,
+              {
+                className: "gap-2 p-2 group cursor-pointer",
+                onClick: onAddNew,
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 text-muted-foreground group-hover:text-white" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: addNewLabel })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] }) }) });
+}
+function Footer({
+  logo,
+  linkGroups = [],
+  socialLinks = [],
+  copyright,
+  bottomContent,
+  className,
+  containerClassName,
+  variant = "default",
+  tagline,
+  newsletter
+}) {
+  if (variant === "minimal") {
+    return /* @__PURE__ */ jsx(
+      MinimalFooter,
+      {
+        logo,
+        copyright,
+        socialLinks,
+        linkGroups,
+        className,
+        containerClassName
+      }
+    );
+  }
+  if (variant === "brand") {
+    return /* @__PURE__ */ jsx(
+      BrandFooter,
+      {
+        logo,
+        tagline,
+        newsletter: newsletter === void 0 ? {} : newsletter,
+        linkGroups,
+        socialLinks,
+        copyright,
+        bottomContent,
+        className,
+        containerClassName
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("footer", { className: cn("bg-muted/50 border-t", className), children: /* @__PURE__ */ jsxs(
+    Container,
+    {
+      "data-slot": "footer-container",
+      className: cn("py-12 md:py-16", containerClassName),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between gap-8", children: [
+          logo && /* @__PURE__ */ jsxs("div", { className: "shrink-0", children: [
+            logo,
+            socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-4 mt-6", children: socialLinks.map((social) => /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: social.href,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-muted-foreground hover:text-foreground transition-colors",
+                "aria-label": social.label,
+                children: social.icon
+              },
+              social.label
+            )) })
+          ] }),
+          linkGroups.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-12 md:gap-16", children: linkGroups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground mb-4", children: group.title }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: link.href,
+                className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+                ...link.external && {
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                },
+                children: link.label
+              }
+            ) }, link.label)) })
+          ] }, group.title)) })
+        ] }),
+        (copyright || bottomContent) && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", children: [
+            copyright && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
+            bottomContent
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+function BrandFooter({
+  logo,
+  tagline,
+  newsletter,
+  linkGroups = [],
+  socialLinks = [],
+  copyright,
+  bottomContent,
+  className,
+  containerClassName
+}) {
+  const [isDark, setIsDark] = useState(false);
+  const newsletterConfig = newsletter === false ? void 0 : newsletter;
+  useEffect(() => {
+    const html = document.documentElement;
+    const check = () => setIsDark(html.classList.contains("dark"));
+    check();
+    const obs = new MutationObserver(check);
+    obs.observe(html, { attributes: true, attributeFilter: ["class"] });
+    return () => obs.disconnect();
+  }, []);
+  const footerBg = isDark ? "linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.9))" : "linear-gradient(to bottom, color-mix(in oklch, var(--color-primary, #6366f1) 4%, var(--color-background, #fff)), color-mix(in oklch, var(--color-primary, #6366f1) 8%, var(--color-muted, #f5f5f5)))";
+  return /* @__PURE__ */ jsxs(
+    "footer",
+    {
+      className: cn("backdrop-blur-2xl", className),
+      style: {
+        background: footerBg,
+        borderTop: "1px solid var(--color-border, hsl(var(--border)))"
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              height: "1px",
+              background: "linear-gradient(to right, transparent, color-mix(in oklch, var(--color-primary, #6366f1) 30%, transparent), transparent)"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Container,
+          {
+            "data-slot": "footer-container",
+            className: cn("py-16 md:py-20", containerClassName),
+            children: [
+              (logo || tagline || newsletterConfig) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start gap-8 mb-12", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+                  logo,
+                  tagline && /* @__PURE__ */ jsx("p", { className: "text-base text-muted-foreground max-w-sm", children: tagline })
+                ] }),
+                newsletterConfig && /* @__PURE__ */ jsx(FooterNewsletterForm, { newsletter: newsletterConfig })
+              ] }),
+              linkGroups.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12 mb-12", children: linkGroups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-4", children: group.title }),
+                /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: group.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: link.href,
+                    className: "text-sm text-muted-foreground/80 hover:text-foreground transition-colors",
+                    ...link.external && {
+                      target: "_blank",
+                      rel: "noopener noreferrer"
+                    },
+                    children: link.label
+                  }
+                ) }, link.label)) })
+              ] }, group.title)) }),
+              /* @__PURE__ */ jsx(Separator, { className: "mb-8" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", children: [
+                copyright && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
+                socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: socialLinks.map((social) => /* @__PURE__ */ jsx(
+                  "a",
+                  {
+                    href: social.href,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    className: "inline-flex h-10 w-10 items-center justify-center text-muted-foreground transition-colors hover:text-foreground",
+                    "data-slot": "footer-social-link",
+                    "aria-label": social.label,
+                    children: social.icon
+                  },
+                  social.label
+                )) }),
+                bottomContent
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function FooterNewsletterForm({
+  newsletter
+}) {
+  if (newsletter.onSubmit && !newsletter.endpoint) {
+    return /* @__PURE__ */ jsx(FooterNewsletterCallbackForm, { newsletter });
+  }
+  return /* @__PURE__ */ jsx(
+    NewsletterSignup,
+    {
+      buttonClassName: cn("shrink-0", newsletter.buttonClassName),
+      buttonLabel: newsletter.buttonText ?? "Subscribe",
+      className: "w-full max-w-sm",
+      endpoint: newsletter.endpoint,
+      errorMessage: newsletter.errorMessage,
+      inputClassName: newsletter.inputClassName,
+      inputLabel: newsletter.inputLabel,
+      placeholder: newsletter.placeholder,
+      source: newsletter.source,
+      submittingLabel: newsletter.submittingLabel,
+      successClassName: newsletter.successClassName,
+      successDescription: newsletter.successDescription,
+      successTitle: newsletter.successTitle
+    }
+  );
+}
+function FooterNewsletterCallbackForm({
+  newsletter
+}) {
+  const [email, setEmail] = useState("");
+  const handleNewsletterSubmit = (e) => {
+    e.preventDefault();
+    newsletter.onSubmit?.(email);
+    setEmail("");
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: handleNewsletterSubmit,
+      className: "flex gap-2 w-full max-w-sm",
+      children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            "aria-label": newsletter.inputLabel ?? "Email address",
+            type: "email",
+            placeholder: newsletter.placeholder ?? "Enter your email",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            className: cn("flex-1", newsletter.inputClassName),
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", className: newsletter.buttonClassName, children: newsletter.buttonText ?? "Subscribe" })
+      ]
+    }
+  );
+}
+function MinimalFooter({
+  logo,
+  copyright,
+  socialLinks = [],
+  linkGroups = [],
+  className,
+  containerClassName
+}) {
+  const allLinks = linkGroups.flatMap((g) => g.links);
+  return /* @__PURE__ */ jsx("footer", { className: cn("bg-background border-t border-border", className), children: /* @__PURE__ */ jsx(
+    Container,
+    {
+      "data-slot": "footer-container",
+      className: cn("py-6", containerClassName),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 md:flex-row md:items-start md:justify-between", children: [
+        (copyright || logo) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+          copyright && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
+          logo && /* @__PURE__ */ jsx("div", { className: "shrink-0", "data-slot": "footer-logo", children: logo })
+        ] }),
+        socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-3", children: socialLinks.map((social) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: social.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-muted-foreground hover:text-foreground transition-colors",
+            "aria-label": social.label,
+            children: social.icon
+          },
+          social.label
+        )) }),
+        allLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: allLinks.map((link) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: link.href,
+            className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+            ...link.external && {
+              target: "_blank",
+              rel: "noopener noreferrer"
+            },
+            children: link.label
+          },
+          link.label
+        )) })
+      ] })
+    }
+  ) });
+}
+function DefaultMobileMenuIcon({
+  open,
+  reducedMotion
+}) {
+  const controls = useAnimation();
+  const lineVariants = {
+    normal: {
+      opacity: 1,
+      rotate: 0,
+      y: 0
+    },
+    animate: (line) => ({
+      opacity: line === 2 ? 0 : 1,
+      rotate: line === 1 ? 45 : line === 3 ? -45 : 0,
+      y: line === 1 ? 6 : line === 3 ? -6 : 0,
+      transition: reducedMotion ? { duration: 0 } : {
+        damping: 20,
+        stiffness: 260,
+        type: "spring"
+      }
+    })
+  };
+  useEffect(() => {
+    controls.start(
+      open ? "animate" : "normal",
+      reducedMotion ? { duration: 0 } : void 0
+    );
+  }, [controls, open, reducedMotion]);
+  const handleMouseEnter = () => {
+    if (!open) {
+      controls.start("animate");
+    }
+  };
+  const handleMouseLeave = () => {
+    controls.start(open ? "animate" : "normal");
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-animation": "lucide-animated-menu",
+      "data-slot": "navbar-mobile-menu-icon",
+      "data-state": open ? "open" : "closed",
+      className: "relative flex h-9 w-9 items-center justify-center",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          fill: "none",
+          focusable: "false",
+          height: "20",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          viewBox: "0 0 24 24",
+          width: "20",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [1, 2, 3].map((line) => /* @__PURE__ */ jsx(
+            motion.line,
+            {
+              animate: controls,
+              custom: line,
+              variants: lineVariants,
+              x1: "4",
+              x2: "20",
+              y1: line === 1 ? "6" : line === 2 ? "12" : "18",
+              y2: line === 1 ? "6" : line === 2 ? "12" : "18"
+            },
+            line
+          ))
+        }
+      )
+    }
+  );
+}
+function Navbar({
+  logo,
+  preset = "default",
+  links = [],
+  menuGroups = [],
+  menuClassNames,
+  rightContent,
+  mobileContent,
+  sticky = true,
+  hideOnScrollDown = false,
+  variant = "blur",
+  className,
+  LinkComponent,
+  showMobileMenu = true,
+  mobileMenuOpenIcon,
+  mobileMenuClosedIcon,
+  mobileMenuHeight = "content",
+  containerClassName
+}) {
+  const headerRef = useRef(null);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [mobileMenuTop, setMobileMenuTop] = useState(0);
+  const reducedMotion = useReducedMotion() ?? false;
+  const { direction, isAtTop } = useScrollDirection({
+    threshold: 10,
+    topThreshold: 50
+  });
+  const usesCustomMobileMenuIcons = mobileMenuOpenIcon !== void 0 || mobileMenuClosedIcon !== void 0;
+  const isScreenHeightMobileMenu = mobileMenuHeight === "screen";
+  const closeMobileMenu = () => setMobileMenuOpen(false);
+  const LinkEl = LinkComponent || "a";
+  const variantClasses = {
+    transparent: isAtTop ? "bg-transparent border-b border-transparent" : "bg-background/80 backdrop-blur-xl backdrop-saturate-150 border-b border-border dark:border-white/10",
+    solid: "bg-background border-b border-border",
+    blur: "bg-background/60 backdrop-blur-xl backdrop-saturate-150 border-b border-border dark:border-white/10"
+  };
+  const presetClasses = {
+    default: {
+      header: "",
+      mobileMenuHeader: "bg-background border-b border-border shadow-lg",
+      mobileMenu: "bg-background shadow-lg",
+      mobileMenuButton: ""
+    },
+    keenan: {
+      header: "border-white/10 bg-black/65 shadow-[0_18px_48px_rgba(0,0,0,0.45)] backdrop-blur-2xl",
+      mobileMenuHeader: "border-white/10 bg-black shadow-[0_18px_48px_rgba(0,0,0,0.45)] backdrop-blur-2xl",
+      mobileMenu: "border-white/10 bg-black shadow-[0_22px_56px_rgba(0,0,0,0.5)]",
+      mobileMenuButton: "text-white hover:bg-white/5 hover:text-white"
+    }
+  };
+  const shouldHide = sticky && hideOnScrollDown && !mobileMenuOpen && !isAtTop && direction === "down";
+  useLayoutEffect(() => {
+    if (!mobileMenuOpen || !isScreenHeightMobileMenu) {
+      setMobileMenuTop(0);
+      return;
+    }
+    const updateMobileMenuTop = () => {
+      const nextTop = Math.max(
+        headerRef.current?.getBoundingClientRect().bottom ?? 0,
+        0
+      );
+      setMobileMenuTop(nextTop);
+    };
+    updateMobileMenuTop();
+    window.addEventListener("resize", updateMobileMenuTop);
+    window.addEventListener("scroll", updateMobileMenuTop, { passive: true });
+    return () => {
+      window.removeEventListener("resize", updateMobileMenuTop);
+      window.removeEventListener("scroll", updateMobileMenuTop);
+    };
+  }, [mobileMenuOpen, isScreenHeightMobileMenu]);
+  useEffect(() => {
+    if (!mobileMenuOpen || !isScreenHeightMobileMenu) {
+      return;
+    }
+    const previousBodyOverflow = document.body.style.overflow;
+    const previousHtmlOverflow = document.documentElement.style.overflow;
+    document.body.style.overflow = "hidden";
+    document.documentElement.style.overflow = "hidden";
+    return () => {
+      document.body.style.overflow = previousBodyOverflow;
+      document.documentElement.style.overflow = previousHtmlOverflow;
+    };
+  }, [mobileMenuOpen, isScreenHeightMobileMenu]);
+  const positionClass = sticky && hideOnScrollDown ? "fixed top-0 left-0 right-0" : sticky ? "sticky top-0" : "";
+  return /* @__PURE__ */ jsxs(
+    "header",
+    {
+      ref: headerRef,
+      "data-preset": preset,
+      className: cn(
+        "z-50 w-full transition-[transform,background-color,border-color,backdrop-filter] duration-300",
+        positionClass,
+        variantClasses[variant],
+        presetClasses[preset].header,
+        mobileMenuOpen && presetClasses[preset].mobileMenuHeader,
+        className
+      ),
+      style: {
+        transform: shouldHide ? "translateY(-100%)" : "translateY(0)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Container,
+          {
+            "data-slot": "navbar-container",
+            className: cn(
+              "flex h-14 items-center justify-between gap-4",
+              containerClassName
+            ),
+            children: [
+              logo,
+              /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs("nav", { className: "flex items-center gap-6", children: [
+                  menuGroups.length > 0 ? /* @__PURE__ */ jsx(
+                    NavigationMenu,
+                    {
+                      "data-slot": "navbar-menu",
+                      className: cn("justify-start", menuClassNames?.root),
+                      children: /* @__PURE__ */ jsx(
+                        NavigationMenuList,
+                        {
+                          "data-slot": "navbar-menu-list",
+                          className: cn("justify-start gap-1", menuClassNames?.list),
+                          children: menuGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs(
+                            NavigationMenuItem,
+                            {
+                              "data-slot": "navbar-menu-item",
+                              className: menuClassNames?.menuItem,
+                              children: [
+                                /* @__PURE__ */ jsxs(
+                                  NavigationMenuTrigger,
+                                  {
+                                    "data-slot": "navbar-menu-trigger",
+                                    className: cn(
+                                      "gap-1.5 bg-transparent px-2 text-foreground/70 hover:bg-transparent hover:text-foreground focus:bg-transparent focus:text-foreground",
+                                      menuClassNames?.trigger
+                                    ),
+                                    children: [
+                                      group.label,
+                                      /* @__PURE__ */ jsx(
+                                        ChevronDown,
+                                        {
+                                          "aria-hidden": "true",
+                                          className: cn(
+                                            "relative top-px size-3.5 transition-transform duration-300 group-data-[state=open]:rotate-180",
+                                            menuClassNames?.triggerIcon
+                                          ),
+                                          "data-slot": "navbar-menu-trigger-icon"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs(
+                                  NavigationMenuContent,
+                                  {
+                                    "aria-label": group.ariaLabel ?? `${group.label} navigation`,
+                                    "data-slot": "navbar-menu-content",
+                                    className: menuClassNames?.content,
+                                    children: [
+                                      group.showHeading === false ? null : /* @__PURE__ */ jsx(
+                                        "p",
+                                        {
+                                          className: cn(
+                                            "px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                                            menuClassNames?.heading
+                                          ),
+                                          children: group.label
+                                        }
+                                      ),
+                                      group.links.map(
+                                        (link) => link.external ? /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
+                                          "a",
+                                          {
+                                            href: link.href,
+                                            target: "_blank",
+                                            rel: "noopener noreferrer",
+                                            className: cn(
+                                              "group flex min-w-48 items-start gap-2 whitespace-nowrap",
+                                              menuClassNames?.item
+                                            ),
+                                            children: [
+                                              link.icon,
+                                              /* @__PURE__ */ jsxs("span", { className: "flex flex-col gap-1", children: [
+                                                /* @__PURE__ */ jsx(
+                                                  "span",
+                                                  {
+                                                    "data-slot": "navbar-menu-item-label",
+                                                    className: menuClassNames?.itemLabel,
+                                                    children: link.label
+                                                  }
+                                                ),
+                                                link.description ? /* @__PURE__ */ jsx(
+                                                  "span",
+                                                  {
+                                                    "data-slot": "navbar-menu-item-description",
+                                                    className: cn(
+                                                      "max-w-72 whitespace-normal text-xs leading-5 text-muted-foreground",
+                                                      menuClassNames?.itemDescription
+                                                    ),
+                                                    children: link.description
+                                                  }
+                                                ) : null
+                                              ] })
+                                            ]
+                                          }
+                                        ) }, link.href) : /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsxs(
+                                          LinkEl,
+                                          {
+                                            href: link.href,
+                                            className: cn(
+                                              "group flex min-w-48 items-start gap-2 whitespace-nowrap",
+                                              menuClassNames?.item
+                                            ),
+                                            children: [
+                                              link.icon,
+                                              /* @__PURE__ */ jsxs("span", { className: "flex flex-col gap-1", children: [
+                                                /* @__PURE__ */ jsx(
+                                                  "span",
+                                                  {
+                                                    "data-slot": "navbar-menu-item-label",
+                                                    className: menuClassNames?.itemLabel,
+                                                    children: link.label
+                                                  }
+                                                ),
+                                                link.description ? /* @__PURE__ */ jsx(
+                                                  "span",
+                                                  {
+                                                    "data-slot": "navbar-menu-item-description",
+                                                    className: cn(
+                                                      "max-w-72 whitespace-normal text-xs leading-5 text-muted-foreground",
+                                                      menuClassNames?.itemDescription
+                                                    ),
+                                                    children: link.description
+                                                  }
+                                                ) : null
+                                              ] })
+                                            ]
+                                          }
+                                        ) }, link.href)
+                                      )
+                                    ]
+                                  }
+                                )
+                              ]
+                            },
+                            `${group.label}-${groupIndex}`
+                          ))
+                        }
+                      )
+                    }
+                  ) : null,
+                  links.map(
+                    (link) => link.external ? /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: link.href,
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        className: "flex items-center gap-1.5 text-sm text-foreground/70 hover:text-foreground transition-colors whitespace-nowrap",
+                        children: [
+                          link.icon,
+                          link.label
+                        ]
+                      },
+                      link.href
+                    ) : /* @__PURE__ */ jsxs(
+                      LinkEl,
+                      {
+                        href: link.href,
+                        className: "flex items-center gap-1.5 text-sm text-foreground/70 hover:text-foreground transition-colors whitespace-nowrap",
+                        children: [
+                          link.icon,
+                          link.label
+                        ]
+                      },
+                      link.href
+                    )
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 ml-4", children: rightContent })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [
+                rightContent,
+                showMobileMenu && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+                    "data-slot": "navbar-mobile-menu-button",
+                    "data-state": mobileMenuOpen ? "open" : "closed",
+                    className: cn(
+                      "inline-flex h-9 w-9 items-center justify-center rounded-box text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+                      presetClasses[preset].mobileMenuButton
+                    ),
+                    "aria-label": mobileMenuOpen ? "Close menu" : "Open menu",
+                    "aria-expanded": mobileMenuOpen,
+                    children: usesCustomMobileMenuIcons ? mobileMenuOpen ? mobileMenuOpenIcon || /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : mobileMenuClosedIcon || /* @__PURE__ */ jsx(
+                      DefaultMobileMenuIcon,
+                      {
+                        open: false,
+                        reducedMotion
+                      }
+                    ) : /* @__PURE__ */ jsx(
+                      DefaultMobileMenuIcon,
+                      {
+                        open: mobileMenuOpen,
+                        reducedMotion
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        showMobileMenu && mobileMenuOpen && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "navbar-mobile-menu",
+            "data-height": mobileMenuHeight,
+            "data-preset": preset,
+            className: cn(
+              "md:hidden border-t border-border",
+              presetClasses[preset].mobileMenu,
+              isScreenHeightMobileMenu && "fixed inset-x-0 overflow-y-auto overscroll-contain"
+            ),
+            style: isScreenHeightMobileMenu ? {
+              top: mobileMenuTop,
+              height: `calc(100dvh - ${mobileMenuTop}px)`
+            } : void 0,
+            children: /* @__PURE__ */ jsx(
+              Container,
+              {
+                "data-slot": "navbar-mobile-menu-container",
+                className: cn(
+                  "py-4",
+                  isScreenHeightMobileMenu && "h-full",
+                  containerClassName
+                ),
+                children: /* @__PURE__ */ jsx(
+                  "nav",
+                  {
+                    "data-slot": "navbar-mobile-menu-content",
+                    className: cn(
+                      "flex flex-col gap-4",
+                      isScreenHeightMobileMenu && "min-h-full overflow-y-auto"
+                    ),
+                    children: mobileContent || /* @__PURE__ */ jsx(Fragment, { children: links.map(
+                      (link) => link.external ? /* @__PURE__ */ jsxs(
+                        "a",
+                        {
+                          href: link.href,
+                          target: "_blank",
+                          rel: "noopener noreferrer",
+                          className: "flex items-center gap-1.5 text-sm text-foreground/70 hover:text-foreground transition-colors py-2",
+                          onClick: closeMobileMenu,
+                          children: [
+                            link.icon,
+                            link.label
+                          ]
+                        },
+                        link.href
+                      ) : /* @__PURE__ */ jsxs(
+                        LinkEl,
+                        {
+                          href: link.href,
+                          className: "flex items-center gap-1.5 text-sm text-foreground/70 hover:text-foreground transition-colors py-2",
+                          onClick: closeMobileMenu,
+                          children: [
+                            link.icon,
+                            link.label
+                          ]
+                        },
+                        link.href
+                      )
+                    ) })
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function renderCtaLink(cta, LinkComponent) {
+  const linkProps = cta.external ? { href: cta.href, rel: "noreferrer noopener", target: "_blank" } : { href: cta.href };
+  if (LinkComponent && !cta.external) {
+    return /* @__PURE__ */ jsx(LinkComponent, { href: cta.href, children: cta.label });
+  }
+  return /* @__PURE__ */ jsx("a", { ...linkProps, children: cta.label });
+}
+function MarketingHeaderPreset({
+  logo,
+  links = [],
+  primaryCta,
+  secondaryCta,
+  rightContent,
+  mobileContent,
+  className,
+  containerClassName,
+  variant = "blur",
+  preset = "default",
+  sticky = true,
+  hideOnScrollDown = true,
+  showMobileMenu = true,
+  LinkComponent
+}) {
+  const ctas = [secondaryCta, primaryCta].filter(
+    (cta) => Boolean(cta)
+  );
+  const resolvedRightContent = ctas.length > 0 || rightContent ? /* @__PURE__ */ jsxs("div", { className: "hidden items-center gap-2 md:flex", children: [
+    secondaryCta ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: secondaryCta.variant ?? "outline", size: "sm", children: renderCtaLink(secondaryCta, LinkComponent) }) : null,
+    primaryCta ? /* @__PURE__ */ jsx(Button, { asChild: true, variant: primaryCta.variant ?? "default", size: "sm", children: renderCtaLink(primaryCta, LinkComponent) }) : null,
+    rightContent
+  ] }) : void 0;
+  const resolvedMobileContent = mobileContent || ctas.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-2", children: [
+    mobileContent,
+    secondaryCta ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        variant: secondaryCta.variant ?? "outline",
+        size: "sm",
+        className: "justify-start",
+        children: renderCtaLink(secondaryCta, LinkComponent)
+      }
+    ) : null,
+    primaryCta ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        asChild: true,
+        variant: primaryCta.variant ?? "default",
+        size: "sm",
+        className: "justify-start",
+        children: renderCtaLink(primaryCta, LinkComponent)
+      }
+    ) : null
+  ] }) : void 0;
+  return /* @__PURE__ */ jsx(
+    Navbar,
+    {
+      logo,
+      links,
+      rightContent: resolvedRightContent,
+      mobileContent: resolvedMobileContent,
+      className: cn(className),
+      containerClassName,
+      variant,
+      preset,
+      sticky,
+      hideOnScrollDown,
+      showMobileMenu,
+      LinkComponent
+    }
+  );
+}
+function NavbarLogo({
+  href = "/",
+  imageSrc,
+  imageAlt,
+  text,
+  imageWidth = 32,
+  imageHeight = 32,
+  invertInDarkMode = false,
+  className,
+  imageClassName,
+  textClassName,
+  LinkComponent,
+  ImageComponent
+}) {
+  const LinkEl = LinkComponent || "a";
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    ImageComponent ? /* @__PURE__ */ jsx(
+      ImageComponent,
+      {
+        src: imageSrc,
+        alt: imageAlt,
+        width: imageWidth,
+        height: imageHeight,
+        className: cn(
+          "rounded-md",
+          invertInDarkMode && "dark:invert dark:brightness-100",
+          imageClassName
+        )
+      }
+    ) : /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: imageSrc,
+        alt: imageAlt,
+        width: imageWidth,
+        height: imageHeight,
+        className: cn(
+          "rounded-md",
+          invertInDarkMode && "dark:invert dark:brightness-100",
+          imageClassName
+        )
+      }
+    ),
+    text && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "text-xl font-black text-foreground/80 whitespace-nowrap uppercase tracking-tight",
+          textClassName
+        ),
+        children: text
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx(
+    LinkEl,
+    {
+      href,
+      className: cn(
+        "flex items-center gap-2.5 transition-opacity hover:opacity-80 shrink-0",
+        className
+      ),
+      children: content
+    }
+  );
+}
+function NavbarUserMenu({
+  user,
+  profile,
+  loading = false,
+  onSignOut,
+  additionalItems = [],
+  size = "sm",
+  align = "end",
+  LinkComponent
+}) {
+  const menuItems = useMemo(() => {
+    const items = additionalItems.map((item) => ({
+      label: item.label,
+      icon: item.icon,
+      href: item.href,
+      onClick: item.onClick,
+      destructive: item.destructive,
+      separatorBefore: item.separatorBefore
+    }));
+    items.push({
+      label: "Sign Out",
+      onClick: onSignOut,
+      destructive: true,
+      separatorBefore: items.length > 0
+    });
+    return items;
+  }, [additionalItems, onSignOut]);
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "inline-flex h-8 w-8 items-center justify-center rounded-md", children: /* @__PURE__ */ jsx(Spinner, { size: "sm" }) });
+  }
+  const metadata = user.metadata || {};
+  const avatarUrl = profile?.avatarUrl || profile?.avatar_url || metadata.picture || metadata.avatar_url;
+  const fullName = metadata.full_name || metadata.name || "";
+  const firstName = profile?.firstName || profile?.first_name || (typeof fullName === "string" ? fullName.split(" ")[0] : "") || "";
+  const lastName = profile?.lastName || profile?.last_name || (typeof fullName === "string" ? fullName.split(" ").slice(1).join(" ") : "") || "";
+  const displayName = `${firstName} ${lastName}`.trim() || user.email || "User";
+  const initials = `${firstName?.[0] || ""}${lastName?.[0] || ""}`.toUpperCase() || "U";
+  return /* @__PURE__ */ jsx(
+    UserAvatarMenu,
+    {
+      user: {
+        id: user.id,
+        email: user.email || void 0,
+        avatarUrl,
+        name: displayName,
+        initials
+      },
+      items: menuItems,
+      size,
+      align,
+      menuWidth: "w-40",
+      LinkComponent,
+      trigger: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex h-8 w-8 items-center justify-center rounded-full focus:outline-none overflow-hidden *:hover:brightness-110 *:transition-all",
+          children: [
+            /* @__PURE__ */ jsxs(Avatar, { className: "h-7 w-7", children: [
+              avatarUrl && /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: displayName }),
+              /* @__PURE__ */ jsx(
+                AvatarFallback,
+                {
+                  className: "text-xs font-medium text-white",
+                  style: getAvatarGradient(user.id).style,
+                  children: initials
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "User menu" })
+          ]
+        }
+      )
+    }
+  );
+}
+function toLinkGroup(title, links) {
+  return {
+    title,
+    links: links.map((link) => ({
+      href: link.href,
+      label: link.label,
+      external: link.external
+    }))
+  };
+}
+function NonprofitFooterPreset({
+  logo,
+  tagline,
+  supportTitle = "Support",
+  supportLinks = [],
+  legalTitle = "Legal",
+  legalLinks = [],
+  socialLinks = [],
+  newsletter,
+  copyright,
+  bottomContent,
+  className,
+  containerClassName
+}) {
+  const linkGroups = [];
+  if (supportLinks.length > 0) {
+    linkGroups.push(toLinkGroup(supportTitle, supportLinks));
+  }
+  if (legalLinks.length > 0) {
+    linkGroups.push(toLinkGroup(legalTitle, legalLinks));
+  }
+  return /* @__PURE__ */ jsx(
+    Footer,
+    {
+      variant: "brand",
+      logo,
+      tagline,
+      newsletter,
+      linkGroups,
+      socialLinks,
+      copyright,
+      bottomContent,
+      className,
+      containerClassName
+    }
+  );
+}
+var DEFAULT_ARIA_LABEL = "Section switcher";
+function matchesPath(pathname, href, match = "prefix") {
+  if (match === "exact") {
+    return pathname === href;
+  }
+  if (pathname === href) {
+    return true;
+  }
+  if (href === "/") {
+    return pathname === href;
+  }
+  return pathname.startsWith(`${href}/`);
+}
+function getFirstEnabledId(items) {
+  return items.find((item) => !item.disabled)?.id ?? null;
+}
+function getLongestRouteMatch(items, pathname) {
+  const matches = items.filter((item) => !item.disabled).filter((item) => matchesPath(pathname, item.href, item.match)).sort((a, b) => b.href.length - a.href.length);
+  return matches[0]?.id ?? null;
+}
+function normalizeActiveId(items, id) {
+  if (!id) {
+    return null;
+  }
+  const activeItem = items.find((item) => item.id === id && !item.disabled);
+  return activeItem?.id ?? null;
+}
+function getIndicatorTransition(reducedMotion) {
+  if (reducedMotion) {
+    return { duration: 0 };
+  }
+  return {
+    type: "spring",
+    stiffness: 520,
+    damping: 40,
+    mass: 0.6
+  };
+}
+function DefaultLinkComponent({
+  href,
+  className,
+  children,
+  onClick,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("a", { href, className, onClick, ...props, children });
+}
+function SegmentedSwitcher({
+  items,
+  value,
+  defaultValue,
+  onValueChange,
+  variant = "investor",
+  showTrackBorder = true,
+  showTrackBackground = true,
+  ariaLabel = DEFAULT_ARIA_LABEL,
+  className
+}) {
+  const reducedMotion = useReducedMotion() ?? false;
+  const indicatorLayoutId = `segmented-switcher-indicator-${useId().replaceAll(
+    ":",
+    ""
+  )}`;
+  const [uncontrolledValue, setUncontrolledValue] = useState(
+    () => {
+      return normalizeActiveId(items, defaultValue) ?? getFirstEnabledId(items);
+    }
+  );
+  const isControlled = value !== void 0;
+  const firstEnabledId = useMemo(() => getFirstEnabledId(items), [items]);
+  useEffect(() => {
+    if (isControlled) {
+      return;
+    }
+    const nextValue = normalizeActiveId(items, uncontrolledValue) ?? normalizeActiveId(items, defaultValue) ?? firstEnabledId;
+    if (nextValue !== uncontrolledValue) {
+      setUncontrolledValue(nextValue);
+    }
+  }, [defaultValue, firstEnabledId, isControlled, items, uncontrolledValue]);
+  const activeId = normalizeActiveId(items, isControlled ? value : uncontrolledValue) ?? normalizeActiveId(items, defaultValue) ?? firstEnabledId;
+  const transition = getIndicatorTransition(reducedMotion);
+  function handleSelect(item) {
+    if (item.disabled) {
+      return;
+    }
+    if (!isControlled) {
+      setUncontrolledValue(item.id);
+    }
+    if (item.id !== activeId) {
+      onValueChange?.(item.id);
+    }
+  }
+  if (items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      "data-slot": "segmented-switcher",
+      "data-variant": variant,
+      "data-track-border": showTrackBorder ? void 0 : "false",
+      "data-track-background": showTrackBackground ? void 0 : "false",
+      "data-reduced-motion": reducedMotion ? "true" : void 0,
+      className: cn(className),
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "segmented-switcher-track", children: items.map((item) => {
+        const isActive = activeId === item.id;
+        const isDisabled = item.disabled === true;
+        if (item.href) {
+          return /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: item.href,
+              "data-slot": "segmented-switcher-item",
+              "data-active": isActive ? "true" : void 0,
+              "data-disabled": isDisabled ? "true" : void 0,
+              "aria-disabled": isDisabled || void 0,
+              tabIndex: isDisabled ? -1 : void 0,
+              onClick: (event) => {
+                if (isDisabled) {
+                  event.preventDefault();
+                  return;
+                }
+                handleSelect(item);
+              },
+              children: [
+                isActive && /* @__PURE__ */ jsx(
+                  motion.span,
+                  {
+                    layoutId: indicatorLayoutId,
+                    transition,
+                    "data-slot": "segmented-switcher-indicator",
+                    "aria-hidden": "true"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { "data-slot": "segmented-switcher-item-label", children: item.label })
+              ]
+            },
+            item.id
+          );
+        }
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "data-slot": "segmented-switcher-item",
+            "data-active": isActive ? "true" : void 0,
+            "data-disabled": isDisabled ? "true" : void 0,
+            disabled: isDisabled,
+            "aria-pressed": isActive,
+            onClick: () => handleSelect(item),
+            children: [
+              isActive && /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  layoutId: indicatorLayoutId,
+                  transition,
+                  "data-slot": "segmented-switcher-indicator",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { "data-slot": "segmented-switcher-item-label", children: item.label })
+            ]
+          },
+          item.id
+        );
+      }) })
+    }
+  );
+}
+function RouteSegmentedSwitcherWithPathname(props) {
+  const pathname = usePathname() ?? "/";
+  return /* @__PURE__ */ jsx(RouteSegmentedSwitcherInner, { ...props, pathname });
+}
+function RouteSegmentedSwitcherInner({
+  items,
+  pathname,
+  value,
+  onValueChange,
+  LinkComponent,
+  variant = "investor",
+  showTrackBorder = true,
+  showTrackBackground = true,
+  ariaLabel = DEFAULT_ARIA_LABEL,
+  className
+}) {
+  const reducedMotion = useReducedMotion() ?? false;
+  const indicatorLayoutId = `segmented-switcher-indicator-${useId().replaceAll(
+    ":",
+    ""
+  )}`;
+  const LinkEl = LinkComponent ?? DefaultLinkComponent;
+  const visibleItems = useMemo(
+    () => items.filter((item) => item.enabled !== false),
+    [items]
+  );
+  const firstEnabledId = useMemo(
+    () => getFirstEnabledId(visibleItems),
+    [visibleItems]
+  );
+  const activeId = normalizeActiveId(visibleItems, value) ?? getLongestRouteMatch(visibleItems, pathname) ?? firstEnabledId;
+  const transition = getIndicatorTransition(reducedMotion);
+  function handleClick(event, item) {
+    if (item.disabled) {
+      event.preventDefault();
+      return;
+    }
+    if (item.id !== activeId) {
+      onValueChange?.(item.id);
+    }
+  }
+  if (visibleItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      "data-slot": "segmented-switcher",
+      "data-variant": variant,
+      "data-track-border": showTrackBorder ? void 0 : "false",
+      "data-track-background": showTrackBackground ? void 0 : "false",
+      "data-reduced-motion": reducedMotion ? "true" : void 0,
+      className: cn(className),
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "segmented-switcher-track", children: visibleItems.map((item) => {
+        const isActive = activeId === item.id;
+        const isDisabled = item.disabled === true;
+        return /* @__PURE__ */ jsxs(
+          LinkEl,
+          {
+            href: item.href,
+            "data-slot": "segmented-switcher-item",
+            "data-active": isActive ? "true" : void 0,
+            "data-disabled": isDisabled ? "true" : void 0,
+            "aria-current": isActive ? "page" : void 0,
+            "aria-disabled": isDisabled || void 0,
+            tabIndex: isDisabled ? -1 : void 0,
+            onClick: (event) => handleClick(event, item),
+            children: [
+              isActive && /* @__PURE__ */ jsx(
+                motion.span,
+                {
+                  layoutId: indicatorLayoutId,
+                  transition,
+                  "data-slot": "segmented-switcher-indicator",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { "data-slot": "segmented-switcher-item-label", children: item.label })
+            ]
+          },
+          item.id
+        );
+      }) })
+    }
+  );
+}
+function RouteSegmentedSwitcher({
+  pathname,
+  ...props
+}) {
+  if (pathname !== void 0) {
+    return /* @__PURE__ */ jsx(RouteSegmentedSwitcherInner, { ...props, pathname });
+  }
+  return /* @__PURE__ */ jsx(RouteSegmentedSwitcherWithPathname, { ...props });
+}
+
+export { AppSwitcher, ComingSoonButton, EntitySwitcher, Footer, MarketingHeaderPreset, Navbar, NavbarLogo, NavbarUserMenu, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NavigationMenuViewportPrimitive, NonprofitFooterPreset, RouteSegmentedSwitcher, SegmentedSwitcher, navigationMenuTriggerStyle };