@reactfast/nav 0.2.22 → 0.2.24

package/dist/realfastnav.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as t, jsx as e, Fragment as Y } from "react/jsx-runtime";
-import x, { useState as N, useRef as I, useEffect as Q, useMemo as _ } from "react";
-import { PopoverGroup as G, Popover as C, PopoverButton as z, PopoverPanel as j, Dialog as B, DialogPanel as D, Disclosure as W, DisclosureButton as p, Menu as U, MenuButton as X, MenuItems as K, MenuItem as P, DisclosurePanel as J } from "@headlessui/react";
-import { Bars3Icon as $, ChartPieIcon as Z, CursorArrowRaysIcon as ee, FingerPrintIcon as ae, SquaresPlusIcon as te, ArrowPathIcon as re, XMarkIcon as R, BellIcon as T, MagnifyingGlassIcon as q, CubeTransparentIcon as se, MapPinIcon as ie, PhotoIcon as ne, NewspaperIcon as le, BriefcaseIcon as oe, QuestionMarkCircleIcon as de } from "@heroicons/react/24/outline";
-import { ChevronDownIcon as w, PlayCircleIcon as ce, PhoneIcon as he, PlusIcon as me, WrenchScrewdriverIcon as ue } from "@heroicons/react/20/solid";
-import k from "next/link";
-import { ChevronRightIcon as F } from "@heroicons/react/24/solid";
-const H = [
+import m, { useState as b, useRef as B, useEffect as R, useMemo as _ } from "react";
+import { PopoverGroup as G, Popover as N, PopoverButton as k, PopoverPanel as w, Dialog as L, DialogPanel as O, Disclosure as Q, DisclosureButton as u, Menu as X, MenuButton as U, MenuItems as K, MenuItem as E, DisclosurePanel as W } from "@headlessui/react";
+import { Bars3Icon as P, ChartPieIcon as Z, CursorArrowRaysIcon as ee, FingerPrintIcon as ae, SquaresPlusIcon as te, ArrowPathIcon as re, XMarkIcon as M, BellIcon as $, MagnifyingGlassIcon as F, CubeTransparentIcon as se } from "@heroicons/react/24/outline";
+import { ChevronDownIcon as v, PlayCircleIcon as ie, PhoneIcon as le, PlusIcon as ne } from "@heroicons/react/20/solid";
+import f from "next/link";
+import { ChevronRightIcon as H } from "@heroicons/react/24/solid";
+const T = [
   {
     name: "Analytics",
     description: "Get a better understanding of your traffic",
@@ -37,9 +37,9 @@ const H = [
     href: "#",
     icon: re
   }
-], ge = [
-  { name: "Watch demo", href: "#", icon: ce },
-  { name: "Contact sales", href: "#", icon: he }
+], oe = [
+  { name: "Watch demo", href: "#", icon: ie },
+  { name: "Contact sales", href: "#", icon: le }
 ], V = [
   {
     name: "About us",
@@ -62,8 +62,8 @@ const H = [
     description: "Read our latest announcements and get perspectives from our team"
   }
 ];
-function Se() {
-  const [a, h] = N(!1);
+function Ne() {
+  const [a, d] = b(!1);
   return /* @__PURE__ */ t("header", { className: "bg-white dark:bg-gray-900", children: [
     /* @__PURE__ */ t(
       "nav",
@@ -94,20 +94,20 @@ function Se() {
             "button",
             {
               type: "button",
-              onClick: () => h(!0),
+              onClick: () => d(!0),
               className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 dark:text-gray-400",
               children: [
                 /* @__PURE__ */ e("span", { className: "sr-only", children: "Open main menu" }),
-                /* @__PURE__ */ e($, { "aria-hidden": "true", className: "size-6" })
+                /* @__PURE__ */ e(P, { "aria-hidden": "true", className: "size-6" })
               ]
             }
           ) }),
           /* @__PURE__ */ t(G, { className: "hidden lg:flex lg:gap-x-12", children: [
-            /* @__PURE__ */ t(C, { className: "relative", children: [
-              /* @__PURE__ */ t(z, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white", children: [
+            /* @__PURE__ */ t(N, { className: "relative", children: [
+              /* @__PURE__ */ t(k, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white", children: [
                 "Product",
                 /* @__PURE__ */ e(
-                  w,
+                  v,
                   {
                     "aria-hidden": "true",
                     className: "size-5 flex-none text-gray-400 dark:text-gray-500"
@@ -115,12 +115,12 @@ function Se() {
                 )
               ] }),
               /* @__PURE__ */ t(
-                j,
+                w,
                 {
                   transition: !0,
                   className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
                   children: [
-                    /* @__PURE__ */ e("div", { className: "p-4", children: H.map((s) => /* @__PURE__ */ t(
+                    /* @__PURE__ */ e("div", { className: "p-4", children: T.map((s) => /* @__PURE__ */ t(
                       "div",
                       {
                         className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-white/5",
@@ -150,7 +150,7 @@ function Se() {
                       },
                       s.name
                     )) }),
-                    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 dark:divide-white/10 dark:bg-gray-700/50", children: ge.map((s) => /* @__PURE__ */ t(
+                    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 divide-x divide-gray-900/5 bg-gray-50 dark:divide-white/10 dark:bg-gray-700/50", children: oe.map((s) => /* @__PURE__ */ t(
                       "a",
                       {
                         href: s.href,
@@ -188,11 +188,11 @@ function Se() {
                 children: "Marketplace"
               }
             ),
-            /* @__PURE__ */ t(C, { className: "relative", children: [
-              /* @__PURE__ */ t(z, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white", children: [
+            /* @__PURE__ */ t(N, { className: "relative", children: [
+              /* @__PURE__ */ t(k, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900 dark:text-white", children: [
                 "Company",
                 /* @__PURE__ */ e(
-                  w,
+                  v,
                   {
                     "aria-hidden": "true",
                     className: "size-5 flex-none text-gray-400 dark:text-gray-500"
@@ -200,7 +200,7 @@ function Se() {
                 )
               ] }),
               /* @__PURE__ */ e(
-                j,
+                w,
                 {
                   transition: !0,
                   className: "absolute left-1/2 z-10 mt-3 w-96 -translate-x-1/2 rounded-3xl bg-white p-4 shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:-outline-offset-1 dark:outline-white/10",
@@ -244,14 +244,14 @@ function Se() {
       }
     ),
     /* @__PURE__ */ t(
-      B,
+      L,
       {
         open: a,
-        onClose: h,
+        onClose: d,
         className: "lg:hidden",
         children: [
           /* @__PURE__ */ e("div", { className: "fixed inset-0 z-10" }),
-          /* @__PURE__ */ t(D, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col justify-between overflow-y-auto bg-white sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 dark:bg-gray-900 dark:sm:ring-white/10", children: [
+          /* @__PURE__ */ t(O, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col justify-between overflow-y-auto bg-white sm:max-w-sm sm:ring-1 sm:ring-gray-900/10 dark:bg-gray-900 dark:sm:ring-white/10", children: [
             /* @__PURE__ */ t("div", { className: "p-6", children: [
               /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ t("a", { href: "#", className: "-m-1.5 p-1.5", children: [
@@ -277,17 +277,17 @@ function Se() {
                   "button",
                   {
                     type: "button",
-                    onClick: () => h(!1),
+                    onClick: () => d(!1),
                     className: "-m-2.5 rounded-md p-2.5 text-gray-700 dark:text-gray-400",
                     children: [
                       /* @__PURE__ */ e("span", { className: "sr-only", children: "Close menu" }),
-                      /* @__PURE__ */ e(R, { "aria-hidden": "true", className: "size-6" })
+                      /* @__PURE__ */ e(M, { "aria-hidden": "true", className: "size-6" })
                     ]
                   }
                 )
               ] }),
               /* @__PURE__ */ e("div", { className: "mt-6 flow-root", children: /* @__PURE__ */ t("div", { className: "-my-6 divide-y divide-gray-500/10 dark:divide-white/10", children: [
-                /* @__PURE__ */ e("div", { className: "space-y-2 py-6", children: H.map((s) => /* @__PURE__ */ t(
+                /* @__PURE__ */ e("div", { className: "space-y-2 py-6", children: T.map((s) => /* @__PURE__ */ t(
                   "a",
                   {
                     href: s.href,
@@ -357,20 +357,20 @@ function Se() {
     )
   ] });
 }
-function Me() {
+function ke() {
   return /* @__PURE__ */ t(
-    W,
+    Q,
     {
       as: "nav",
       className: "relative bg-white shadow dark:bg-gray-800/50 dark:shadow-none dark:after:pointer-events-none dark:after:absolute dark:after:inset-x-0 dark:after:bottom-0 dark:after:h-px dark:after:bg-white/10",
       children: [
         /* @__PURE__ */ e("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ t("div", { className: "flex h-16 justify-between", children: [
           /* @__PURE__ */ t("div", { className: "flex", children: [
-            /* @__PURE__ */ e("div", { className: "-ml-2 mr-2 flex items-center md:hidden", children: /* @__PURE__ */ t(p, { className: "group relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-600 dark:hover:bg-white/5 dark:hover:text-white dark:focus:ring-white", children: [
+            /* @__PURE__ */ e("div", { className: "-ml-2 mr-2 flex items-center md:hidden", children: /* @__PURE__ */ t(u, { className: "group relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-600 dark:hover:bg-white/5 dark:hover:text-white dark:focus:ring-white", children: [
               /* @__PURE__ */ e("span", { className: "absolute -inset-0.5" }),
               /* @__PURE__ */ e("span", { className: "sr-only", children: "Open main menu" }),
-              /* @__PURE__ */ e($, { "aria-hidden": "true", className: "block size-6 group-data-[open]:hidden" }),
-              /* @__PURE__ */ e(R, { "aria-hidden": "true", className: "hidden size-6 group-data-[open]:block" })
+              /* @__PURE__ */ e(P, { "aria-hidden": "true", className: "block size-6 group-data-[open]:hidden" }),
+              /* @__PURE__ */ e(M, { "aria-hidden": "true", className: "hidden size-6 group-data-[open]:block" })
             ] }) }),
             /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center", children: [
               /* @__PURE__ */ e(
@@ -432,7 +432,7 @@ function Me() {
                 type: "button",
                 className: "relative inline-flex items-center gap-x-1.5 rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:bg-indigo-500 dark:shadow-none dark:hover:bg-indigo-400 dark:focus-visible:outline-indigo-500",
                 children: [
-                  /* @__PURE__ */ e(me, { "aria-hidden": "true", className: "-ml-0.5 size-5" }),
+                  /* @__PURE__ */ e(ne, { "aria-hidden": "true", className: "-ml-0.5 size-5" }),
                   "New Job"
                 ]
               }
@@ -446,12 +446,12 @@ function Me() {
                   children: [
                     /* @__PURE__ */ e("span", { className: "absolute -inset-1.5" }),
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "View notifications" }),
-                    /* @__PURE__ */ e(T, { "aria-hidden": "true", className: "size-6" })
+                    /* @__PURE__ */ e($, { "aria-hidden": "true", className: "size-6" })
                   ]
                 }
               ),
-              /* @__PURE__ */ t(U, { as: "div", className: "relative ml-3", children: [
-                /* @__PURE__ */ t(X, { className: "relative flex rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:focus-visible:outline-indigo-500", children: [
+              /* @__PURE__ */ t(X, { as: "div", className: "relative ml-3", children: [
+                /* @__PURE__ */ t(U, { className: "relative flex rounded-full focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:focus-visible:outline-indigo-500", children: [
                   /* @__PURE__ */ e("span", { className: "absolute -inset-1.5" }),
                   /* @__PURE__ */ e("span", { className: "sr-only", children: "Open user menu" }),
                   /* @__PURE__ */ e(
@@ -469,7 +469,7 @@ function Me() {
                     transition: !0,
                     className: "absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg outline outline-1 outline-black/5 transition data-[closed]:scale-95 data-[closed]:transform data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-75 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
                     children: [
-                      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                         "a",
                         {
                           href: "#",
@@ -477,7 +477,7 @@ function Me() {
                           children: "Your profile"
                         }
                       ) }),
-                      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                         "a",
                         {
                           href: "#",
@@ -485,7 +485,7 @@ function Me() {
                           children: "Settings"
                         }
                       ) }),
-                      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
+                      /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
                         "a",
                         {
                           href: "#",
@@ -500,10 +500,10 @@ function Me() {
             ] })
           ] })
         ] }) }),
-        /* @__PURE__ */ t(J, { className: "md:hidden", children: [
+        /* @__PURE__ */ t(W, { className: "md:hidden", children: [
           /* @__PURE__ */ t("div", { className: "space-y-1 pb-3 pt-2", children: [
             /* @__PURE__ */ e(
-              p,
+              u,
               {
                 as: "a",
                 href: "#",
@@ -512,7 +512,7 @@ function Me() {
               }
             ),
             /* @__PURE__ */ e(
-              p,
+              u,
               {
                 as: "a",
                 href: "#",
@@ -521,7 +521,7 @@ function Me() {
               }
             ),
             /* @__PURE__ */ e(
-              p,
+              u,
               {
                 as: "a",
                 href: "#",
@@ -530,7 +530,7 @@ function Me() {
               }
             ),
             /* @__PURE__ */ e(
-              p,
+              u,
               {
                 as: "a",
                 href: "#",
@@ -561,14 +561,14 @@ function Me() {
                   children: [
                     /* @__PURE__ */ e("span", { className: "absolute -inset-1.5" }),
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "View notifications" }),
-                    /* @__PURE__ */ e(T, { "aria-hidden": "true", className: "size-6" })
+                    /* @__PURE__ */ e($, { "aria-hidden": "true", className: "size-6" })
                   ]
                 }
               )
             ] }),
             /* @__PURE__ */ t("div", { className: "mt-3 space-y-1", children: [
               /* @__PURE__ */ e(
-                p,
+                u,
                 {
                   as: "a",
                   href: "#",
@@ -577,7 +577,7 @@ function Me() {
                 }
               ),
               /* @__PURE__ */ e(
-                p,
+                u,
                 {
                   as: "a",
                   href: "#",
@@ -586,7 +586,7 @@ function Me() {
                 }
               ),
               /* @__PURE__ */ e(
-                p,
+                u,
                 {
                   as: "a",
                   href: "#",
@@ -601,24 +601,24 @@ function Me() {
     }
   );
 }
-function xe({ item: a, onHover: h }) {
-  const s = I(null);
-  return /* @__PURE__ */ e(C, { children: ({ open: u }) => /* @__PURE__ */ t(
+function de({ item: a, onHover: d }) {
+  const s = B(null);
+  return /* @__PURE__ */ e(N, { children: ({ open: h }) => /* @__PURE__ */ t(
     "div",
     {
       className: "relative",
       onMouseEnter: () => {
         var i;
-        h && !u && ((i = s.current) == null || i.click());
+        d && !h && ((i = s.current) == null || i.click());
       },
       onMouseLeave: () => {
         var i;
-        h && u && ((i = s.current) == null || i.click());
+        d && h && ((i = s.current) == null || i.click());
       },
       children: [
         /* @__PURE__ */ t("div", { className: "flex items-center gap-x-1", children: [
           a.useLink ? /* @__PURE__ */ e(
-            k,
+            f,
             {
               href: a.href,
               className: "text-sm/6 font-semibold text-gray-900 dark:text-white",
@@ -626,13 +626,13 @@ function xe({ item: a, onHover: h }) {
             }
           ) : /* @__PURE__ */ e("span", { className: "text-sm/6 font-semibold text-gray-900 dark:text-white", children: a.title }),
           /* @__PURE__ */ e(
-            z,
+            k,
             {
               ref: s,
               className: "inline-flex items-center p-1 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white",
               "aria-label": `Open ${a.title} menu`,
               children: /* @__PURE__ */ e(
-                w,
+                v,
                 {
                   "aria-hidden": "true",
                   className: "size-5 flex-none"
@@ -642,7 +642,7 @@ function xe({ item: a, onHover: h }) {
           )
         ] }),
         /* @__PURE__ */ t(
-          j,
+          w,
           {
             transition: !0,
             className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg outline outline-1 outline-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in dark:bg-gray-800 dark:shadow-none dark:-outline-offset-1 dark:outline-white/10",
@@ -653,12 +653,12 @@ function xe({ item: a, onHover: h }) {
                   className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50 dark:hover:bg-white/5",
                   children: [
                     /* @__PURE__ */ e("div", { className: "flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white dark:bg-gray-700/50 dark:group-hover:bg-gray-700", children: (() => {
-                      const n = i.icon;
-                      return n ? x.isValidElement(n) ? x.cloneElement(n, {
+                      const l = i.icon;
+                      return l ? m.isValidElement(l) ? m.cloneElement(l, {
                         className: "size-6 text-gray-600 group-hover:text-primary",
                         "aria-hidden": !0
-                      }) : typeof n == "function" ? /* @__PURE__ */ e(
-                        n,
+                      }) : typeof l == "function" ? /* @__PURE__ */ e(
+                        l,
                         {
                           "aria-hidden": !0,
                           className: "size-6 text-gray-600 group-hover:text-primary"
@@ -690,12 +690,12 @@ function xe({ item: a, onHover: h }) {
                   className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700/50",
                   children: [
                     (() => {
-                      const n = i.icon;
-                      return n ? x.isValidElement(n) ? x.cloneElement(n, {
+                      const l = i.icon;
+                      return l ? m.isValidElement(l) ? m.cloneElement(l, {
                         className: "size-5 flex-none text-gray-400",
                         "aria-hidden": !0
-                      }) : typeof n == "function" ? /* @__PURE__ */ e(
-                        n,
+                      }) : typeof l == "function" ? /* @__PURE__ */ e(
+                        l,
                         {
                           "aria-hidden": !0,
                           className: "size-5 flex-none text-gray-400"
@@ -714,23 +714,23 @@ function xe({ item: a, onHover: h }) {
     }
   ) });
 }
-function fe({ item: a, onHover: h }) {
-  const s = I(null);
-  return /* @__PURE__ */ e(C, { children: ({ open: u }) => /* @__PURE__ */ t(
+function ce({ item: a, onHover: d }) {
+  const s = B(null);
+  return /* @__PURE__ */ e(N, { children: ({ open: h }) => /* @__PURE__ */ t(
     "div",
     {
       onMouseEnter: () => {
         var i;
-        h && !u && ((i = s.current) == null || i.click());
+        d && !h && ((i = s.current) == null || i.click());
       },
       onMouseLeave: () => {
         var i;
-        h && u && ((i = s.current) == null || i.click());
+        d && h && ((i = s.current) == null || i.click());
       },
       children: [
         /* @__PURE__ */ t("div", { className: "flex items-center gap-x-1", children: [
           a.useLink ? /* @__PURE__ */ e(
-            k,
+            f,
             {
               href: a.href,
               className: "text-sm/6 font-semibold text-gray-900",
@@ -738,13 +738,13 @@ function fe({ item: a, onHover: h }) {
             }
           ) : /* @__PURE__ */ e("span", { className: "text-sm/6 font-semibold text-gray-900", children: a.title }),
           /* @__PURE__ */ e(
-            z,
+            k,
             {
               ref: s,
               className: "inline-flex items-center p-1 text-gray-700 hover:text-gray-900",
               "aria-label": `Open ${a.title} menu`,
               children: /* @__PURE__ */ e(
-                w,
+                v,
                 {
                   "aria-hidden": "true",
                   className: "size-5 flex-none"
@@ -754,7 +754,7 @@ function fe({ item: a, onHover: h }) {
           )
         ] }),
         /* @__PURE__ */ t(
-          j,
+          w,
           {
             transition: !0,
             className: "absolute inset-x-0 top-0 -z-10 bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in",
@@ -772,12 +772,12 @@ function fe({ item: a, onHover: h }) {
                         className: "h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"
                       }
                     ) }) : /* @__PURE__ */ e("div", { className: "flex size-11 items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white", children: (() => {
-                      const n = i.icon;
-                      return n ? x.isValidElement(n) ? x.cloneElement(n, {
+                      const l = i.icon;
+                      return l ? m.isValidElement(l) ? m.cloneElement(l, {
                         className: "size-6 text-gray-600 group-hover:text-primary",
                         "aria-hidden": !0
-                      }) : typeof n == "function" ? /* @__PURE__ */ e(
-                        n,
+                      }) : typeof l == "function" ? /* @__PURE__ */ e(
+                        l,
                         {
                           "aria-hidden": !0,
                           className: "size-6 text-gray-600 group-hover:text-primary"
@@ -807,12 +807,12 @@ function fe({ item: a, onHover: h }) {
                   className: "flex items-center justify-center gap-x-2.5 p-3 text-sm/6 font-semibold text-gray-900 hover:bg-gray-100",
                   children: [
                     (() => {
-                      const n = i.icon;
-                      return n ? x.isValidElement(n) ? x.cloneElement(n, {
+                      const l = i.icon;
+                      return l ? m.isValidElement(l) ? m.cloneElement(l, {
                         className: "size-5 flex-none text-gray-400",
                         "aria-hidden": !0
-                      }) : typeof n == "function" ? /* @__PURE__ */ e(
-                        n,
+                      }) : typeof l == "function" ? /* @__PURE__ */ e(
+                        l,
                         {
                           "aria-hidden": !0,
                           className: "size-5 flex-none text-gray-400"
@@ -831,26 +831,26 @@ function fe({ item: a, onHover: h }) {
     }
   ) }, a.id);
 }
-function pe({ item: a, onHover: h }) {
-  const s = I(null);
-  return /* @__PURE__ */ e(C, { children: ({ open: u }) => {
-    var i, n;
+function he({ item: a, onHover: d }) {
+  const s = B(null);
+  return /* @__PURE__ */ e(N, { children: ({ open: h }) => {
+    var i, l;
     return /* @__PURE__ */ t(
       "div",
       {
         className: "relative",
         onMouseEnter: () => {
-          var c;
-          h && !u && ((c = s.current) == null || c.click());
+          var n;
+          d && !h && ((n = s.current) == null || n.click());
         },
         onMouseLeave: () => {
-          var c;
-          h && u && ((c = s.current) == null || c.click());
+          var n;
+          d && h && ((n = s.current) == null || n.click());
         },
         children: [
           /* @__PURE__ */ t("div", { className: "flex items-center gap-x-1", children: [
             a.useLink ? /* @__PURE__ */ e(
-              k,
+              f,
               {
                 href: a.href,
                 className: "text-sm/6 font-semibold text-gray-900",
@@ -858,13 +858,13 @@ function pe({ item: a, onHover: h }) {
               }
             ) : /* @__PURE__ */ e("span", { className: "text-sm/6 font-semibold text-gray-900", children: a.title }),
             /* @__PURE__ */ e(
-              z,
+              k,
               {
                 ref: s,
                 className: "inline-flex items-center p-1 text-gray-700 hover:text-gray-900",
                 "aria-label": `Open ${a.title} menu`,
                 children: /* @__PURE__ */ e(
-                  w,
+                  v,
                   {
                     "aria-hidden": "true",
                     className: "size-5 flex-none"
@@ -874,57 +874,57 @@ function pe({ item: a, onHover: h }) {
             )
           ] }),
           /* @__PURE__ */ e(
-            j,
+            w,
             {
               transition: !0,
               className: "absolute left-1/2 z-10 mt-3 w-72 -translate-x-1/2 overflow-hidden rounded-2xl bg-white p-2 shadow-lg ring-1 ring-gray-900/5 transition data-[closed]:translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[leave]:duration-150 data-[enter]:ease-out data-[leave]:ease-in",
               children: /* @__PURE__ */ t("ul", { className: "space-y-1", children: [
-                (i = a.subMenu) == null ? void 0 : i.map((c) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ t(
-                  k,
+                (i = a.subMenu) == null ? void 0 : i.map((n) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ t(
+                  f,
                   {
-                    href: c.href,
+                    href: n.href,
                     className: "flex items-center rounded-md px-3 py-2 text-sm text-gray-400 transition-colors duration-300 group-hover:text-black",
                     children: [
                       (() => {
-                        const m = c.icon;
-                        return m ? x.isValidElement(m) ? x.cloneElement(m, {
+                        const c = n.icon;
+                        return c ? m.isValidElement(c) ? m.cloneElement(c, {
                           className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary",
                           "aria-hidden": !0
-                        }) : typeof m == "function" ? /* @__PURE__ */ e(
-                          m,
+                        }) : typeof c == "function" ? /* @__PURE__ */ e(
+                          c,
                           {
                             "aria-hidden": !0,
                             className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary"
                           }
-                        ) : null : /* @__PURE__ */ e(F, { className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
+                        ) : null : /* @__PURE__ */ e(H, { className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
                       })(),
-                      /* @__PURE__ */ e("span", { children: c.title })
+                      /* @__PURE__ */ e("span", { children: n.title })
                     ]
                   }
-                ) }, c.title)),
-                (n = a.ctas) == null ? void 0 : n.map((c) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ t(
+                ) }, n.title)),
+                (l = a.ctas) == null ? void 0 : l.map((n) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ t(
                   "a",
                   {
-                    href: c.href,
+                    href: n.href,
                     className: "flex items-center rounded-md px-3 py-2 text-sm text-gray-400 transition-colors duration-300 group-hover:text-black",
                     children: [
                       (() => {
-                        const m = c.icon;
-                        return m ? x.isValidElement(m) ? x.cloneElement(m, {
+                        const c = n.icon;
+                        return c ? m.isValidElement(c) ? m.cloneElement(c, {
                           className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary",
                           "aria-hidden": !0
-                        }) : typeof m == "function" ? /* @__PURE__ */ e(
-                          m,
+                        }) : typeof c == "function" ? /* @__PURE__ */ e(
+                          c,
                           {
                             "aria-hidden": !0,
                             className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary"
                           }
-                        ) : null : /* @__PURE__ */ e(F, { className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
+                        ) : null : /* @__PURE__ */ e(H, { className: "mr-2 h-5 w-5 text-gray-500 transition-all duration-300 group-hover:mr-3 group-hover:text-primary" });
                       })(),
-                      /* @__PURE__ */ e("span", { children: c.title })
+                      /* @__PURE__ */ e("span", { children: n.title })
                     ]
                   }
-                ) }, c.title))
+                ) }, n.title))
               ] })
             }
           )
@@ -933,22 +933,22 @@ function pe({ item: a, onHover: h }) {
     );
   } });
 }
-function ye({
+function me({
   config: a,
-  onScrolledChange: h,
+  onScrolledChange: d,
   scrollThreshold: s = 10,
-  quickSearchResults: u = []
+  quickSearchResults: h = []
 }) {
-  const [i, n] = N(!1), [c, m] = N(!1), [y, b] = N(!1), [S, M] = N("");
-  return Q(() => {
-    typeof (a == null ? void 0 : a.onSearchOpenChange) == "function" && a.onSearchOpenChange(y), y || (M(""), typeof (a == null ? void 0 : a.onClearQuickResults) == "function" && a.onClearQuickResults());
-  }, [y]), Q(() => {
+  const [i, l] = b(!1), [n, c] = b(!1), [g, x] = b(!1), [C, z] = b("");
+  return R(() => {
+    typeof (a == null ? void 0 : a.onSearchOpenChange) == "function" && a.onSearchOpenChange(g), g || (z(""), typeof (a == null ? void 0 : a.onClearQuickResults) == "function" && a.onClearQuickResults());
+  }, [g]), R(() => {
     const r = () => {
-      const d = window.scrollY > s;
-      m((g) => (g !== d && typeof h == "function" && h(d), d));
+      const o = window.scrollY > s;
+      c((p) => (p !== o && typeof d == "function" && d(o), o));
     };
     return r(), window.addEventListener("scroll", r, { passive: !0 }), () => window.removeEventListener("scroll", r);
-  }, [h, s]), /* @__PURE__ */ t(
+  }, [d, s]), /* @__PURE__ */ t(
     "header",
     {
       className: `${a != null && a.sticky ? "sticky top-0 z-50 bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/70" : "relative z-10"} isolate bg-white`,
@@ -959,21 +959,21 @@ function ye({
             "aria-label": "Global",
             className: "mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8",
             children: [
-              /* @__PURE__ */ e("div", { className: "flex lg:flex-1", children: /* @__PURE__ */ e(k, { href: "/", "aria-label": a.logoAlt || "Home", children: a.logo ? /* @__PURE__ */ e(
+              /* @__PURE__ */ e("div", { className: "flex lg:flex-1", children: /* @__PURE__ */ e(f, { href: "/", "aria-label": a.logoAlt || "Home", children: a.logo ? /* @__PURE__ */ e(
                 "img",
                 {
                   alt: a.logoAlt || "Logo",
                   src: a.logo,
-                  className: `w-auto transition-all duration-300 ${c ? "h-8 md:h-14" : "h-12 md:h-20"}`
+                  className: `w-auto transition-all duration-300 ${n ? "h-8 md:h-14" : "h-12 md:h-20"}`
                 }
               ) : /* @__PURE__ */ e(
                 "div",
                 {
-                  className: `h-auto transition-all duration-300 ${c ? "w-28" : "w-32"}`,
+                  className: `h-auto transition-all duration-300 ${n ? "w-28" : "w-32"}`,
                   children: /* @__PURE__ */ e(
                     "h1",
                     {
-                      className: `transition-all duration-300 ${c ? "text-xl" : "text-2xl"}`,
+                      className: `transition-all duration-300 ${n ? "text-xl" : "text-2xl"}`,
                       children: a.fallbackText || "<NovaNav>"
                     }
                   )
@@ -983,39 +983,39 @@ function ye({
                 "button",
                 {
                   type: "button",
-                  onClick: () => n(!0),
+                  onClick: () => l(!0),
                   className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700",
                   children: [
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Open main menu" }),
-                    /* @__PURE__ */ e($, { "aria-hidden": "true", className: "size-6" })
+                    /* @__PURE__ */ e(P, { "aria-hidden": "true", className: "size-6" })
                   ]
                 }
               ) }),
               /* @__PURE__ */ e(G, { className: "hidden lg:flex lg:gap-x-12", children: a.menuItems.map((r) => {
-                const d = r.type || (r.full ? "full" : "default");
-                return r.subMenu ? d === "full" ? /* @__PURE__ */ e(
-                  fe,
+                const o = r.type || (r.full ? "full" : "default");
+                return r.subMenu ? o === "full" ? /* @__PURE__ */ e(
+                  ce,
                   {
                     item: r,
                     onHover: r.onHover
                   },
                   r.id || r.title
-                ) : d === "simple" ? /* @__PURE__ */ e(
-                  pe,
+                ) : o === "simple" ? /* @__PURE__ */ e(
+                  he,
                   {
                     item: r,
                     onHover: r.onHover
                   },
                   r.id || r.title
                 ) : /* @__PURE__ */ e(
-                  xe,
+                  de,
                   {
                     item: r,
                     onHover: r.onHover
                   },
                   r.id || r.title
                 ) : r.useLink ? /* @__PURE__ */ e(
-                  k,
+                  f,
                   {
                     href: r.href,
                     className: "text-sm/6 font-semibold text-gray-900",
@@ -1032,53 +1032,53 @@ function ye({
                   r.id
                 );
               }) }),
-              /* @__PURE__ */ t("div", { className: "hidden gap-4 lg:flex lg:flex-1 lg:justify-end", children: [
+              /* @__PURE__ */ t("div", { className: "hidden gap-4 lg:flex lg:flex-1 lg:justify-end items-center", children: [
                 a.search && /* @__PURE__ */ e(
                   "button",
                   {
                     type: "button",
-                    onClick: () => b(!0),
+                    onClick: () => x(!0),
                     className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700 hover:bg-gray-100",
                     "aria-label": "Open search",
-                    children: /* @__PURE__ */ e(q, { "aria-hidden": "true", className: "size-6" })
+                    children: /* @__PURE__ */ e(F, { "aria-hidden": "true", className: "size-6" })
+                  }
+                ),
+                a.cta && /* @__PURE__ */ e(
+                  "a",
+                  {
+                    href: a.ctaBtnHref,
+                    className: "rounded-md bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900",
+                    children: a.ctaTitle || "Sign up"
                   }
                 ),
                 a.login && /* @__PURE__ */ t(
                   "a",
                   {
                     href: a.loginHref,
-                    className: "text-sm/6 font-semibold text-gray-900",
+                    className: "rounded-md flex items-center px-3 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-100 flex items-center",
                     children: [
                       "Log in ",
                       /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "→" })
                     ]
                   }
-                ),
-                a.cta && /* @__PURE__ */ e(
-                  "a",
-                  {
-                    href: a.ctaBtnHref,
-                    className: "rounded-md bg-gray-900 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-gray-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900",
-                    children: a.ctaTitle || "Sign up"
-                  }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ t(B, { open: y, onClose: b, children: [
+        /* @__PURE__ */ t(L, { open: g, onClose: x, children: [
           /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 bg-black/30" }),
-          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ t(D, { className: "w-full max-w-lg rounded-lg bg-white p-6 shadow-lg ring-1 ring-gray-900/10", children: [
+          /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ t(O, { className: "w-full max-w-lg rounded-lg bg-white p-6 shadow-lg ring-1 ring-gray-900/10", children: [
             /* @__PURE__ */ t("div", { className: "flex items-center justify-between pb-2", children: [
               /* @__PURE__ */ e("h2", { className: "text-base font-semibold text-gray-900", children: "Search" }),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: () => b(!1),
+                  onClick: () => x(!1),
                   className: "-m-2.5 rounded-md p-2.5 text-gray-700 hover:bg-gray-100",
                   "aria-label": "Close search",
-                  children: /* @__PURE__ */ e(R, { "aria-hidden": "true", className: "size-5" })
+                  children: /* @__PURE__ */ e(M, { "aria-hidden": "true", className: "size-5" })
                 }
               )
             ] }),
@@ -1087,7 +1087,7 @@ function ye({
               {
                 className: "mt-2",
                 onSubmit: (r) => {
-                  r.preventDefault(), typeof (a == null ? void 0 : a.onSearch) == "function" && a.onSearch(S), b(!1);
+                  r.preventDefault(), typeof (a == null ? void 0 : a.onSearch) == "function" && a.onSearch(C), x(!1);
                 },
                 children: [
                   /* @__PURE__ */ e("label", { htmlFor: "site-search", className: "sr-only", children: "Search" }),
@@ -1099,10 +1099,10 @@ function ye({
                         type: "search",
                         placeholder: "Search...",
                         autoFocus: !0,
-                        value: S,
+                        value: C,
                         onChange: (r) => {
-                          const d = r.target.value;
-                          M(d), typeof (a == null ? void 0 : a.onSearchChange) == "function" && a.onSearchChange(d);
+                          const o = r.target.value;
+                          z(o), typeof (a == null ? void 0 : a.onSearchChange) == "function" && a.onSearchChange(o);
                         },
                         className: "w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-gray-900 focus:outline-none focus:ring-2 focus:ring-gray-900"
                       }
@@ -1119,66 +1119,66 @@ function ye({
                 ]
               }
             ),
-            Array.isArray(u) && u.length > 0 && /* @__PURE__ */ e("div", { className: "mt-4 divide-y divide-gray-200", children: u.map((r, d) => {
+            Array.isArray(h) && h.length > 0 && /* @__PURE__ */ e("div", { className: "mt-4 divide-y divide-gray-200", children: h.map((r, o) => {
               if (!r || typeof r != "object") return null;
-              const g = r.title || r.q || r.name || "Result", v = r.desc || r.description || r.summary || r.a || "", o = typeof (a == null ? void 0 : a.searchTitleMax) == "number" ? a.searchTitleMax : 60, E = typeof (a == null ? void 0 : a.searchDescMax) == "number" ? a.searchDescMax : 100, A = typeof g == "string" && g.length > o ? `${g.slice(0, o - 1)}…` : g, L = typeof v == "string" && v.length > E ? `${v.slice(0, E - 1)}…` : v, l = typeof r.link == "string" ? r.link : void 0, f = typeof l == "string" && l.startsWith("/"), O = /* @__PURE__ */ t("div", { className: "flex items-start gap-3 py-3", children: [
+              const p = r.title || r.q || r.name || "Result", j = r.desc || r.description || r.summary || r.a || "", D = typeof (a == null ? void 0 : a.searchTitleMax) == "number" ? a.searchTitleMax : 60, A = typeof (a == null ? void 0 : a.searchDescMax) == "number" ? a.searchDescMax : 100, q = typeof p == "string" && p.length > D ? `${p.slice(0, D - 1)}…` : p, I = typeof j == "string" && j.length > A ? `${j.slice(0, A - 1)}…` : j, y = typeof r.link == "string" ? r.link : void 0, J = typeof y == "string" && y.startsWith("/"), S = /* @__PURE__ */ t("div", { className: "flex items-start gap-3 py-3", children: [
                 r != null && r.icon ? /* @__PURE__ */ e("div", { className: "mt-0.5 h-6 w-6 text-gray-500", children: r.icon }) : r != null && r.image ? /* @__PURE__ */ e(
                   "img",
                   {
                     src: r.image,
-                    alt: g,
+                    alt: p,
                     className: "mt-0.5 h-6 w-6 rounded object-cover"
                   }
                 ) : /* @__PURE__ */ e(
-                  q,
+                  F,
                   {
                     "aria-hidden": "true",
                     className: "mt-0.5 size-6 text-gray-400"
                   }
                 ),
                 /* @__PURE__ */ t("div", { children: [
-                  /* @__PURE__ */ e("div", { className: "text-sm font-medium text-gray-900 truncate", children: A }),
-                  L ? /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 truncate", children: L }) : null
+                  /* @__PURE__ */ e("div", { className: "text-sm font-medium text-gray-900 truncate", children: q }),
+                  I ? /* @__PURE__ */ e("div", { className: "text-sm text-gray-500 truncate", children: I }) : null
                 ] })
               ] });
-              return l ? f ? /* @__PURE__ */ e(
+              return y ? J ? /* @__PURE__ */ e(
                 "a",
                 {
-                  href: l,
+                  href: y,
                   className: "block hover:bg-gray-50",
                   onClick: () => {
-                    typeof (a == null ? void 0 : a.onBeginNavigate) == "function" && a.onBeginNavigate(), typeof (a == null ? void 0 : a.onClearQuickResults) == "function" && a.onClearQuickResults(), b(!1);
+                    typeof (a == null ? void 0 : a.onBeginNavigate) == "function" && a.onBeginNavigate(), typeof (a == null ? void 0 : a.onClearQuickResults) == "function" && a.onClearQuickResults(), x(!1);
                   },
-                  children: O
+                  children: S
                 },
-                l || d
+                y || o
               ) : /* @__PURE__ */ e(
                 "a",
                 {
-                  href: l,
+                  href: y,
                   className: "block hover:bg-gray-50",
                   onClick: () => {
-                    typeof (a == null ? void 0 : a.onBeginNavigate) == "function" && a.onBeginNavigate(), typeof (a == null ? void 0 : a.onClearQuickResults) == "function" && a.onClearQuickResults(), b(!1);
+                    typeof (a == null ? void 0 : a.onBeginNavigate) == "function" && a.onBeginNavigate(), typeof (a == null ? void 0 : a.onClearQuickResults) == "function" && a.onClearQuickResults(), x(!1);
                   },
-                  children: O
+                  children: S
                 },
-                l || d
-              ) : /* @__PURE__ */ e("div", { className: "block hover:bg-gray-50", children: O }, d);
+                y || o
+              ) : /* @__PURE__ */ e("div", { className: "block hover:bg-gray-50", children: S }, o);
             }) })
           ] }) })
         ] }),
         /* @__PURE__ */ t(
-          B,
+          L,
           {
             open: i,
-            onClose: n,
+            onClose: l,
             className: "lg:hidden",
             children: [
               /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50" }),
-              /* @__PURE__ */ t(D, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10", children: [
+              /* @__PURE__ */ t(O, { className: "fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white p-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10", children: [
                 /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ e(
-                    k,
+                    f,
                     {
                       href: "/",
                       className: "-m-1.5 p-1.5",
@@ -1197,42 +1197,42 @@ function ye({
                     "button",
                     {
                       type: "button",
-                      onClick: () => n(!1),
+                      onClick: () => l(!1),
                       className: "-m-2.5 rounded-md p-2.5 text-gray-700",
                       children: [
                         /* @__PURE__ */ e("span", { className: "sr-only", children: "Close menu" }),
-                        /* @__PURE__ */ e(R, { "aria-hidden": "true", className: "size-6" })
+                        /* @__PURE__ */ e(M, { "aria-hidden": "true", className: "size-6" })
                       ]
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e("div", { className: "mt-6 flow-root", children: /* @__PURE__ */ t("div", { className: "-my-6 divide-y divide-gray-500/10", children: [
                   /* @__PURE__ */ e("div", { className: "space-y-2 py-6", children: a.menuItems.map(
-                    (r) => r.subMenu ? /* @__PURE__ */ t(W, { as: "div", className: "-mx-3", children: [
-                      /* @__PURE__ */ t(p, { className: "group flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50", children: [
+                    (r) => r.subMenu ? /* @__PURE__ */ t(Q, { as: "div", className: "-mx-3", children: [
+                      /* @__PURE__ */ t(u, { className: "group flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base/7 font-semibold text-gray-900 hover:bg-gray-50", children: [
                         r.title,
                         /* @__PURE__ */ e(
-                          w,
+                          v,
                           {
                             "aria-hidden": "true",
                             className: "size-5 flex-none group-data-[open]:rotate-180"
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ e(J, { className: "mt-2 space-y-2", children: [...r.subMenu, ...r.ctas || []].map(
-                        (d) => /* @__PURE__ */ e(
-                          p,
+                      /* @__PURE__ */ e(W, { className: "mt-2 space-y-2", children: [...r.subMenu, ...r.ctas || []].map(
+                        (o) => /* @__PURE__ */ e(
+                          u,
                           {
                             as: "a",
-                            href: d.href,
+                            href: o.href,
                             className: "block rounded-lg py-2 pl-6 pr-3 text-sm/7 font-semibold text-gray-900 hover:bg-gray-50",
-                            children: d.title
+                            children: o.title
                           },
-                          d.title
+                          o.title
                         )
                       ) })
                     ] }, r.id) : r.useLink ? /* @__PURE__ */ e(
-                      k,
+                      f,
                       {
                         href: r.href,
                         className: "-mx-3 block rounded-lg px-3 py-2 text-base/7 font-semibold text-gray-900 hover:bg-gray-50",
@@ -1250,6 +1250,14 @@ function ye({
                     )
                   ) }),
                   /* @__PURE__ */ t("div", { className: "space-y-2 py-6", children: [
+                    a.cta && /* @__PURE__ */ e(
+                      "a",
+                      {
+                        href: a.ctaBtnHref,
+                        className: "-mx-3 block rounded-lg bg-gray-900 px-3 py-2.5 text-base/7 font-semibold text-white hover:bg-gray-800",
+                        children: a.ctaTitle || "Sign up"
+                      }
+                    ),
                     a.login && /* @__PURE__ */ t(
                       "a",
                       {
@@ -1260,14 +1268,6 @@ function ye({
                           /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "→" })
                         ]
                       }
-                    ),
-                    a.cta && /* @__PURE__ */ e(
-                      "a",
-                      {
-                        href: a.ctaBtnHref,
-                        className: "-mx-3 block rounded-lg bg-gray-900 px-3 py-2.5 text-base/7 font-semibold text-white hover:bg-gray-800",
-                        children: a.ctaTitle || "Sign up"
-                      }
                     )
                   ] })
                 ] }) })
@@ -1279,112 +1279,56 @@ function ye({
     }
   );
 }
-function be() {
+function ue() {
   return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e("div", { className: "absolute inset-0 z-50 flex items-center justify-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center space-y-4", children: [
     /* @__PURE__ */ e(se, { className: "inset-shadow-sm 8 h-16 w-16 animate-[spin_2s_linear_infinite] rounded-full border-4 border-t-4 border-solid border-white text-5xl font-black text-primary" }),
     /* @__PURE__ */ e("div", { className: "mt-16 flex w-full items-center justify-center py-8", children: /* @__PURE__ */ e("p", { className: "text-xl font-thin uppercase tracking-widest text-primary", children: "Loading..." }) })
   ] }) }) });
 }
-function Ee({ baseConfig: a }) {
-  const [h, s] = N([]), [u, i] = N(""), n = I(null), [c, m] = N(!1), y = async (d) => {
-    const g = (d || "").trim();
-    if (!g) {
-      s([]);
-      return;
-    }
-    try {
-      const v = await fetch(`/api/search?q=${encodeURIComponent(g)}`);
-      if (!v.ok) throw new Error("search failed");
-      const o = await v.json(), E = [
-        ...Array.isArray(o == null ? void 0 : o.services) ? o.services : [],
-        ...Array.isArray(o == null ? void 0 : o.faqs) ? o.faqs : [],
-        ...Array.isArray(o == null ? void 0 : o.gallery) ? o.gallery : [],
-        ...Array.isArray(o == null ? void 0 : o.posts) ? o.posts : [],
-        ...Array.isArray(o == null ? void 0 : o.projects) ? o.projects : [],
-        ...Array.isArray(o == null ? void 0 : o.locations) ? o.locations : []
-      ].filter((l) => l && typeof l == "object"), A = /* @__PURE__ */ new Set(), L = E.filter((l) => {
-        const f = `${(l.link || "").toLowerCase()}|${(l.title || l.q || "").toLowerCase()}`;
-        return A.has(f) ? !1 : (A.add(f), !0);
-      }).map((l) => {
-        if (l != null && l.icon) return l;
-        const f = "h-6 w-6 text-gray-400";
-        switch (l == null ? void 0 : l.kind) {
-          case "faq":
-            return {
-              ...l,
-              icon: /* @__PURE__ */ e(
-                de,
-                {
-                  "aria-hidden": "true",
-                  className: f
-                }
-              )
-            };
-          case "service":
-            return {
-              ...l,
-              icon: /* @__PURE__ */ e(
-                ue,
-                {
-                  "aria-hidden": "true",
-                  className: f
-                }
-              )
-            };
-          case "project":
-            return {
-              ...l,
-              icon: /* @__PURE__ */ e(oe, { "aria-hidden": "true", className: f })
-            };
-          case "post":
-            return {
-              ...l,
-              icon: /* @__PURE__ */ e(le, { "aria-hidden": "true", className: f })
-            };
-          case "gallery":
-            return {
-              ...l,
-              icon: /* @__PURE__ */ e(ne, { "aria-hidden": "true", className: f })
-            };
-          case "location":
-            return {
-              ...l,
-              icon: /* @__PURE__ */ e(ie, { "aria-hidden": "true", className: f })
-            };
-          default:
-            return l;
-        }
-      });
-      s(L);
-    } catch {
-      s([]);
+function we({
+  baseConfig: a,
+  // shape and content of the nav, excluding search-related props
+  quickSearchResults: d = [],
+  // array of items to show in the quick search results flyout
+  onSearchChange: s,
+  // callback for when the search input value changes, receives the new value as an argument
+  onSearch: h,
+  // callback for when a search is submitted, receives the search query as an argument
+  onSearchOpenChange: i,
+  onClearQuickResults: l
+}) {
+  const [n, c] = b(!1), g = (r) => {
+    typeof s == "function" && s(r);
+  }, x = (r) => {
+    const o = (r || "").trim();
+    if (o) {
+      if (typeof h == "function") {
+        h(o);
+        return;
+      }
+      c(!0), typeof window < "u" && (window.location.href = `/search?q=${encodeURIComponent(o)}`);
     }
-  }, b = (d) => {
-    i(d), n.current && clearTimeout(n.current), n.current = setTimeout(() => y(d), 300);
-  }, S = (d) => {
-    const g = (d || "").trim();
-    g && (m(!0), typeof window < "u" && (window.location.href = `/search?q=${encodeURIComponent(g)}`));
-  }, M = (d) => {
-    d || (i(""), s([]), n.current && clearTimeout(n.current));
-  }, r = _(
+  }, C = (r) => {
+    typeof i == "function" && i(r), !r && typeof l == "function" && l();
+  }, z = _(
     () => ({
       ...a,
       search: !0,
-      onSearchChange: b,
-      onSearch: S,
-      onSearchOpenChange: M,
-      onClearQuickResults: () => s([]),
-      onBeginNavigate: () => m(!0)
+      onSearchChange: g,
+      onSearch: x,
+      onSearchOpenChange: C,
+      onClearQuickResults: l,
+      onBeginNavigate: () => c(!0)
     }),
-    [a]
+    [a, l]
   );
   return /* @__PURE__ */ t(Y, { children: [
-    c && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[60]", children: /* @__PURE__ */ e(be, {}) }),
-    /* @__PURE__ */ e(ye, { config: r, quickSearchResults: h })
+    n && /* @__PURE__ */ e("div", { className: "fixed inset-0 z-[60]", children: /* @__PURE__ */ e(ue, {}) }),
+    /* @__PURE__ */ e(me, { config: z, quickSearchResults: d })
   ] });
 }
 export {
-  Ee as NavController,
-  Me as SimpleLight,
-  Se as WithFlyout
+  we as NavController,
+  ke as SimpleLight,
+  Ne as WithFlyout
 };