@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/marketing/navbars/navbar.d.ts

@@ -0,0 +1,80 @@
+import { type ComponentType } from 'react';
+import type { CTA } from '../../../lib/types';
+/** Structural presentations of the page-level header. */
+export type NavbarPresentation = 'bar' | 'mega' | 'floating';
+/** Icon component bound by the host at render time. */
+export type NavbarIcon = ComponentType<{
+    className?: string;
+}>;
+/** Maps a serializable icon key to a host-bound icon component. */
+export type NavbarIconMap = Record<string, NavbarIcon>;
+export interface NavbarItem {
+    label: string;
+    href: string;
+    description?: string;
+    /** Key resolved through the consumer's `iconMap`. Omit for entries without an icon. */
+    icon?: string;
+}
+export interface NavbarGroup {
+    /** Optional column heading. */
+    title?: string;
+    items: NavbarItem[];
+}
+export interface NavbarLink {
+    label: string;
+    /**
+     * Destination for a plain link. Ignored when `groups` is present, because a grouped
+     * entry opens a flyout instead of navigating.
+     */
+    href?: string;
+    /** Grouped entries rendered as a multi-column flyout (and an accordion on mobile). */
+    groups?: NavbarGroup[];
+    /** Renders the link with extra prominence in the flat presentations. */
+    emphasis?: boolean;
+}
+export interface NavbarFeatured {
+    eyebrow: string;
+    title: string;
+    description?: string;
+    href: string;
+    linkLabel?: string;
+    image?: string;
+    imageAlt?: string;
+}
+export interface NavbarProps {
+    /** Structural presentation. Omit for the static `bar`. */
+    presentation?: NavbarPresentation;
+    /** Brand text shown next to the logo mark. */
+    logoText: string;
+    logoHref?: string;
+    /** Current location, used to indicate the active entry. */
+    currentPath?: string;
+    links: NavbarLink[];
+    /** Promo card shown beside grouped flyout entries. */
+    featured?: NavbarFeatured;
+    /** Sign-in action. Rendered as a link when `href` is set, otherwise as a button. */
+    signIn?: CTA;
+    /** Primary call to action. Rendered as a link when `href` is set, otherwise as a button. */
+    cta?: CTA;
+    /** Host-bound icons for grouped entries that declare an `icon` key. */
+    iconMap?: NavbarIconMap;
+    /** Fired when the sign-in action has no `href`. */
+    onSignIn?: () => void;
+    /** Fired when the primary call to action has no `href`. */
+    onCtaClick?: () => void;
+    /** Classes merged onto the header surface, so a brand can restyle it. */
+    className?: string;
+}
+/**
+ * Page-level navigation header.
+ *
+ * Responsibilities end at navigation: the header renders no cart, account, or search
+ * affordance — those belong to the commerce shell (`StorefrontNavbar`).
+ *
+ * `floating` keeps the header in normal document flow (`sticky`), so it reserves its own
+ * space and the consumer adds no compensating padding or scroll offset. A `sticky` header
+ * is defeated by an `overflow` ancestor that scrolls; use `bar` there.
+ */
+export declare function Navbar({ presentation, logoText, logoHref, currentPath, links, featured, signIn, cta, iconMap, onSignIn, onCtaClick, className, }: NavbarProps): import("react").JSX.Element;
+export default Navbar;
+//# sourceMappingURL=navbar.d.ts.map

package/dist/blocks/marketing/navbars/navbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/blocks/marketing/navbars/navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoD,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAwB5F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAA;AAE7C,yDAAyD;AACzD,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,CAAA;AAE5D,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAA;AAE9D,mEAAmE;AACnE,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAEtD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,UAAU,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,oFAAoF;IACpF,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,4FAA4F;IAC5F,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,uEAAuE;IACvE,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoeD;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EACrB,YAAoB,EACpB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,EACH,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,GACV,EAAE,WAAW,+BAgIb;AAED,eAAe,MAAM,CAAA"}

package/dist/blocks/marketing/navbars/navbar.js

@@ -0,0 +1,484 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navbar_exports = {};
+__export(navbar_exports, {
+  Navbar: () => Navbar,
+  default: () => navbar_default
+});
+module.exports = __toCommonJS(navbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_accordion = require("../../../ui/accordion.js");
+var import_button = require("../../../ui/button.js");
+var import_navigation_menu = require("../../../ui/navigation-menu.js");
+var import_separator = require("../../../ui/separator.js");
+var import_sheet = require("../../../ui/sheet.js");
+var import_utils = require("../../../lib/utils.js");
+const FOCUS_RING = "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none";
+function Logo({ text, href }) {
+  const className = (0, import_utils.cn)(
+    FOCUS_RING,
+    "flex items-center gap-2 rounded-sm focus-visible:ring-offset-2"
+  );
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 32 32", "aria-hidden": "true", className: "text-primary size-7", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M26 24.75C26.4142 24.75 26.75 24.4142 26.75 24C26.75 23.5858 26.4142 23.25 26 23.25V24.75ZM26 23.25H11V24.75H26V23.25ZM8.75 21V15H7.25V21H8.75ZM11 23.25C9.75736 23.25 8.75 22.2426 8.75 21H7.25C7.25 23.0711 8.92893 24.75 11 24.75V23.25Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M1.5 3.25C1.08579 3.25 0.75 3.58579 0.75 4C0.75 4.41421 1.08579 4.75 1.5 4.75V3.25ZM1.5 4.75H6V3.25H1.5V4.75ZM7.25 6V21H8.75V6H7.25ZM6 4.75C6.69036 4.75 7.25 5.30964 7.25 6H8.75C8.75 4.48122 7.51878 3.25 6 3.25V4.75Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M22 21.75C22.4142 21.75 22.75 21.4142 22.75 21C22.75 20.5858 22.4142 20.25 22 20.25V21.75ZM22 20.25H11V21.75H22V20.25ZM8.75 18V12H7.25V18H8.75ZM11 20.25C9.75736 20.25 8.75 19.2426 8.75 18H7.25C7.25 20.0711 8.92893 21.75 11 21.75V20.25Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M27.2057 19.754C27.0654 20.1438 26.6357 20.346 26.246 20.2057C25.8562 20.0654 25.654 19.6357 25.7943 19.246L27.2057 19.754ZM30.0361 9.67744L29.3305 9.4234L29.3305 9.4234L30.0361 9.67744ZM25.7943 19.246L29.3305 9.4234L30.7418 9.93148L27.2057 19.754L25.7943 19.246ZM28.1543 7.75L8 7.75V6.25L28.1543 6.25V7.75ZM29.3305 9.4234C29.6237 8.60882 29.0201 7.75 28.1543 7.75V6.25C30.059 6.25 31.3869 8.13941 30.7418 9.93148L29.3305 9.4234Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "path",
+        {
+          d: "M13.5 21.75C13.0858 21.75 12.75 21.4142 12.75 21C12.75 20.5858 13.0858 20.25 13.5 20.25V21.75ZM26.7111 19.009L27.4174 19.2613L27.4174 19.2613L26.7111 19.009ZM13.5 20.25H23.8858V21.75H13.5V20.25ZM26.0048 18.7568L27.7937 13.7477L29.2063 14.2523L27.4174 19.2613L26.0048 18.7568ZM23.8858 20.25C24.8367 20.25 25.6849 19.6522 26.0048 18.7568L27.4174 19.2613C26.8843 20.7537 25.4706 21.75 23.8858 21.75V20.25Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21.1694 10.5806L14.5651 17.1849", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22.1694 14.5806L18.5632 18.1868", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "13.1", cy: "26.1", r: "1.7", stroke: "currentColor", strokeWidth: "1.2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "22.1", cy: "26.1", r: "1.7", stroke: "currentColor", strokeWidth: "1.2" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-base font-semibold tracking-tight", children: text })
+  ] });
+  if (!href) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: content });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, className, children: content });
+}
+function isCurrent(href, currentPath) {
+  return href !== void 0 && href === currentPath;
+}
+const CURRENT_CUE = "font-semibold underline decoration-2 underline-offset-8";
+function ActionButton({
+  action,
+  onClick,
+  variant,
+  className,
+  rounded
+}) {
+  const classes = (0, import_utils.cn)(rounded && "rounded-full", className);
+  if (action.href && !onClick) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant, size: "sm", className: classes, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: action.href, children: action.label }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant, size: "sm", className: classes, onClick, children: action.label });
+}
+function EntryIcon({ name, iconMap }) {
+  if (!name) {
+    return null;
+  }
+  const Icon = iconMap?.[name];
+  if (!Icon) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: "bg-muted text-foreground flex size-8 shrink-0 items-center justify-center rounded-md",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "size-4" })
+    }
+  );
+}
+function FeaturedCard({ featured }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "a",
+    {
+      href: featured.href,
+      className: (0, import_utils.cn)(
+        "border-border group relative flex h-full min-h-56 flex-col justify-end overflow-hidden rounded-md border",
+        FOCUS_RING
+      ),
+      children: [
+        featured.image ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: featured.image,
+            alt: featured.imageAlt ?? "",
+            className: "absolute inset-0 size-full object-cover transition-transform duration-500 ease-out group-hover:scale-105"
+          }
+        ) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "from-background via-background/70 absolute inset-0 bg-gradient-to-t to-transparent"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative z-10 flex flex-col p-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-xs font-semibold tracking-wide uppercase", children: featured.eyebrow }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-foreground mt-1 text-sm font-medium", children: featured.title }),
+          featured.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground mt-1 text-sm", children: featured.description }) : null,
+          featured.linkLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-foreground mt-3 inline-flex items-center gap-1 text-sm font-medium", children: [
+            featured.linkLabel,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRight, { className: "size-3.5 transition-transform duration-200 ease-out group-hover:translate-x-0.5" })
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+}
+function MegaEntry({
+  link,
+  featured,
+  currentPath,
+  iconMap
+}) {
+  const groups = link.groups ?? [];
+  const hasCurrentChild = groups.some(
+    (group) => group.items.some((item) => isCurrent(item.href, currentPath))
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_menu.NavigationMenuItem, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenuTrigger, { className: (0, import_utils.cn)(hasCurrentChild && CURRENT_CUE), children: link.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenuContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_utils.cn)(
+          "grid gap-3 p-2",
+          featured ? "w-[760px] grid-cols-[1fr_248px]" : groups.length > 1 ? "w-[760px] grid-cols-2" : "w-[360px]"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("grid gap-3", groups.length > 1 && "grid-cols-2"), children: groups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+            group.title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground px-3 pt-1 pb-1 text-xs font-semibold tracking-wide uppercase", children: group.title }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "grid gap-1", children: group.items.map((item) => {
+              const active = isCurrent(item.href, currentPath);
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                import_navigation_menu.NavigationMenuLink,
+                {
+                  href: item.href,
+                  "aria-current": active ? "page" : void 0,
+                  className: (0, import_utils.cn)("items-start gap-3 p-3", active && CURRENT_CUE),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EntryIcon, { name: item.icon, iconMap }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium", children: item.label }),
+                      item.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground line-clamp-2 text-sm leading-5", children: item.description }) : null
+                    ] })
+                  ]
+                }
+              ) }, item.href);
+            }) })
+          ] }, group.title ?? `group-${groupIndex}`)) }),
+          featured ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeaturedCard, { featured }) : null
+        ]
+      }
+    ) })
+  ] });
+}
+function MobileMenu({
+  links,
+  currentPath,
+  signIn,
+  cta,
+  onSignIn,
+  onCtaClick
+}) {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const groupedLinks = links.filter((link) => (link.groups?.length ?? 0) > 0);
+  const plainLinks = links.filter((link) => (link.groups?.length ?? 0) === 0);
+  if (links.length === 0 && !signIn && !cta) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sheet.Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { variant: "ghost", size: "icon", "aria-label": "Open menu", className: "lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Menu, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_sheet.SheetContent,
+      {
+        side: "right",
+        className: (0, import_utils.cn)(
+          "w-full max-w-xs p-0",
+          groupedLinks.length > 0 && "max-w-sm gap-0 overflow-y-auto"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetHeader, { className: "border-border border-b", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetTitle, { className: "text-left text-base", children: "Menu" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", { "aria-label": "Mobile", className: "px-2 py-2", children: [
+            groupedLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.Accordion, { type: "multiple", children: groupedLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_accordion.AccordionItem,
+              {
+                value: link.label,
+                className: "border-none",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.AccordionTrigger, { className: "px-3 py-3 text-base font-medium hover:no-underline", children: link.label }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion.AccordionContent, { className: "pb-1", children: (link.groups ?? []).map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                    group.title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground px-3 pt-1 pb-1 text-xs font-semibold tracking-wide uppercase", children: group.title }) : null,
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex flex-col", children: group.items.map((item) => {
+                      const active = isCurrent(item.href, currentPath);
+                      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        "a",
+                        {
+                          href: item.href,
+                          "aria-current": active ? "page" : void 0,
+                          className: (0, import_utils.cn)(
+                            "hover:bg-accent hover:text-accent-foreground flex items-start gap-3 rounded-md px-3 py-3 transition-colors duration-150 ease-out",
+                            FOCUS_RING,
+                            active ? "text-foreground" : "text-muted-foreground",
+                            active && CURRENT_CUE
+                          ),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EntryIcon, { name: item.icon }),
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex flex-col gap-0.5", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium", children: item.label }),
+                              item.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-sm", children: item.description }) : null
+                            ] })
+                          ]
+                        }
+                      ) }) }, item.href);
+                    }) })
+                  ] }, group.title ?? `group-${groupIndex}`)) })
+                ]
+              },
+              `${link.label}:${link.href ?? "group"}`
+            )) }) : null,
+            plainLinks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.cn)("flex flex-col", groupedLinks.length > 0 && "mt-1"), children: plainLinks.map((link) => {
+              const active = isCurrent(link.href, currentPath);
+              const className = (0, import_utils.cn)(
+                "hover:bg-accent hover:text-accent-foreground rounded-md px-3 py-3 text-base font-medium transition-colors duration-150 ease-out",
+                FOCUS_RING,
+                active ? "text-foreground" : "text-muted-foreground",
+                active && CURRENT_CUE
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetClose, { asChild: true, children: link.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: link.href, "aria-current": active ? "page" : void 0, className, children: link.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className, children: link.label }) }, `${link.label}:${link.href ?? "plain"}`);
+            }) }) : null
+          ] }),
+          signIn || cta ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-auto flex flex-col gap-4 p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separator.Separator, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              signIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                ActionButton,
+                {
+                  action: signIn,
+                  onClick: onSignIn,
+                  variant: "outline",
+                  className: "w-full"
+                }
+              ) }) : null,
+              cta ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sheet.SheetClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { action: cta, onClick: onCtaClick, className: "w-full" }) }) : null
+            ] })
+          ] }) : null
+        ]
+      }
+    )
+  ] });
+}
+function FlatLinks({
+  links,
+  currentPath,
+  rounded
+}) {
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": "Main", className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "flex items-center gap-1", children: links.map((link) => {
+    const active = isCurrent(link.href, currentPath);
+    const className = (0, import_utils.cn)(
+      "hover:text-foreground text-sm font-medium transition-colors duration-150 ease-out",
+      FOCUS_RING,
+      rounded ? "rounded-full px-3 py-2" : "rounded-md px-3 py-2",
+      active ? "text-foreground" : "text-muted-foreground",
+      active && CURRENT_CUE,
+      !active && link.emphasis && "text-foreground"
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: link.href ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: link.href, "aria-current": active ? "page" : void 0, className, children: link.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className, children: link.label }) }, `${link.label}:${link.href ?? "plain"}`);
+  }) }) });
+}
+function MegaLinks({
+  links,
+  featured,
+  currentPath,
+  iconMap
+}) {
+  if (links.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenu, { className: "hidden lg:flex", "aria-label": "Main", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenuList, { children: links.map((link) => {
+    const grouped = (link.groups?.length ?? 0) > 0;
+    if (grouped) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        MegaEntry,
+        {
+          link,
+          featured,
+          currentPath,
+          iconMap
+        },
+        `${link.label}:group`
+      );
+    }
+    const active = isCurrent(link.href, currentPath);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_menu.NavigationMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_navigation_menu.NavigationMenuLink,
+      {
+        href: link.href,
+        "aria-current": active ? "page" : void 0,
+        className: (0, import_utils.cn)(
+          (0, import_navigation_menu.navigationMenuTriggerStyle)(),
+          active && CURRENT_CUE,
+          !active && link.emphasis && "text-foreground font-semibold"
+        ),
+        children: link.label
+      }
+    ) }, `${link.label}:${link.href ?? "plain"}`);
+  }) }) });
+}
+function Navbar({
+  presentation = "bar",
+  logoText,
+  logoHref,
+  currentPath,
+  links,
+  featured,
+  signIn,
+  cta,
+  iconMap,
+  onSignIn,
+  onCtaClick,
+  className
+}) {
+  const sentinelRef = (0, import_react.useRef)(null);
+  const [scrolled, setScrolled] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (presentation !== "floating") {
+      return;
+    }
+    const sentinel = sentinelRef.current;
+    if (!sentinel) {
+      return;
+    }
+    let ancestor = sentinel.parentElement;
+    while (ancestor) {
+      const { overflowY } = getComputedStyle(ancestor);
+      if ((overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay") && ancestor.scrollHeight > ancestor.clientHeight + 1) {
+        const scroller = ancestor;
+        const update = () => setScrolled(scroller.scrollTop > 8);
+        update();
+        scroller.addEventListener("scroll", update, { passive: true });
+        return () => scroller.removeEventListener("scroll", update);
+      }
+      ancestor = ancestor.parentElement;
+    }
+    const observer = new IntersectionObserver(([entry]) => setScrolled(!entry.isIntersecting), {
+      threshold: 0
+    });
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }, [presentation]);
+  if (presentation === "floating") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ref: sentinelRef,
+          "aria-hidden": "true",
+          className: "pointer-events-none absolute inset-x-0 top-0 h-2"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: (0, import_utils.cn)("sticky top-0 z-50 w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: (0, import_utils.cn)(
+            "mx-auto flex h-14 items-center justify-between gap-4 transition-all duration-300 ease-out motion-reduce:transition-none",
+            scrolled ? "border-border/60 bg-background/80 max-w-5xl rounded-full border px-4 shadow-sm backdrop-blur-md sm:px-5" : "max-w-7xl border border-transparent px-4 sm:px-6 lg:px-8"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, { text: logoText, href: logoHref }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FlatLinks, { links, currentPath, rounded: true }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "hidden items-center gap-2 lg:flex", children: [
+              signIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { action: signIn, onClick: onSignIn, variant: "ghost", rounded: true }) : null,
+              cta ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { action: cta, onClick: onCtaClick, rounded: true }) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              MobileMenu,
+              {
+                links,
+                currentPath,
+                signIn,
+                cta,
+                onSignIn,
+                onCtaClick
+              }
+            )
+          ]
+        }
+      ) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", { className: (0, import_utils.cn)("border-border bg-background w-full border-b", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex h-16 w-full max-w-7xl items-center justify-between gap-4 px-4 sm:px-6 lg:px-8", children: [
+    presentation === "mega" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, { text: logoText, href: logoHref }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        MegaLinks,
+        {
+          links,
+          featured,
+          currentPath,
+          iconMap
+        }
+      )
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, { text: logoText, href: logoHref }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FlatLinks, { links, currentPath })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "hidden items-center gap-2 lg:flex", children: [
+      signIn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { action: signIn, onClick: onSignIn, variant: "ghost" }) : null,
+      cta ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionButton, { action: cta, onClick: onCtaClick }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      MobileMenu,
+      {
+        links,
+        currentPath,
+        signIn,
+        cta,
+        onSignIn,
+        onCtaClick
+      }
+    )
+  ] }) });
+}
+var navbar_default = Navbar;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Navbar
+});
+//# sourceMappingURL=navbar.js.map