@nswds/app 1.112.1 → 1.113.0

package/dist/index.cjs

@@ -8,7 +8,7 @@ var classVarianceAuthority = require('class-variance-authority');
 var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
 var React5 = require('react');
 var Headless4 = require('@headlessui/react');
-var Link13 = require('next/link');
+var Link14 = require('next/link');
 var react = require('@remixicon/react');
 var RechartsPrimitive = require('recharts');
 var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
@@ -93,7 +93,7 @@ var clsx13__default = /*#__PURE__*/_interopDefault(clsx13);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
 var Headless4__namespace = /*#__PURE__*/_interopNamespace(Headless4);
-var Link13__default = /*#__PURE__*/_interopDefault(Link13);
+var Link14__default = /*#__PURE__*/_interopDefault(Link14);
 var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
 var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
@@ -4226,7 +4226,7 @@ var linkVariants = classVarianceAuthority.cva("", {
   }
 });
 var Link = React5.forwardRef(function Link2({ className, variant, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Headless4__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { ...props, ref, className: cn(linkVariants({ variant }), className) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Headless4__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { ...props, ref, className: cn(linkVariants({ variant }), className) }) });
 });
 var styles = {
   base: [
@@ -7515,7 +7515,7 @@ function Breadcrumbs({
   const shouldCollapse = breadcrumbItems.length > maxItems;
   if (!shouldCollapse) {
     return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "-ml-1", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href: item.path, children: item.label }) }) }),
       index < breadcrumbItems.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
     ] }, item.path)) }) });
   }
@@ -7526,7 +7526,7 @@ function Breadcrumbs({
   const collapsedItems = breadcrumbItems.slice(startItems, breadcrumbItems.length - endItems);
   return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { children: /* @__PURE__ */ jsxRuntime.jsxs(BreadcrumbList, { children: [
     itemsAtStart.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href: item.path, children: item.label }) }) }),
       index < itemsAtStart.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
     ] }, item.path)),
     itemsAtStart.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
@@ -7535,11 +7535,11 @@ function Breadcrumbs({
         /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbEllipsis, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }, item.path)) })
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href: item.path, children: item.label }) }, item.path)) })
     ] }) }),
     itemsAtEnd.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
     itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href: item.path, children: item.label }) }) }),
       index < itemsAtEnd.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
     ] }, item.path))
   ] }) });
@@ -18556,7 +18556,7 @@ function FooterLegalLinks({ legalLinks }) {
       "aria-label": "Footer",
       className: "flex flex-wrap justify-center gap-x-4 gap-y-3 py-4 text-sm lg:justify-start",
       children: legalLinks?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-        Link13__default.default,
+        Link14__default.default,
         {
           href: item.href,
           className: "-m-1 rounded p-1 text-(--footer-link) underline underline-offset-4 hover:bg-(--footer-link-hover-bg) hover:text-(--footer-link-hover-text) hover:decoration-2",
@@ -18835,7 +18835,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.111.1"};
+  version: "1.112.2"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -19093,7 +19093,7 @@ function Header2({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex grow basis-0 items-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Link13__default.default, { href: "/", "aria-label": "Home page", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Link14__default.default, { href: "/", "aria-label": "Home page", className: "flex items-center justify-between", children: [
             !hideLogo && (altLogo ?? /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "h-12 w-auto lg:h-14" })),
             !hideDescriptor && (altDescriptor ?? /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 6, className: "ml-6", children: sitename }))
           ] }),
@@ -20334,7 +20334,7 @@ function MainNavigation({ navigation }) {
 }
 function TopLevel({ title, href }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Link13__default.default,
+    Link14__default.default,
     {
       href,
       className: cn(
@@ -20386,7 +20386,7 @@ function MegaMenu({ title, href, links }) {
         className: "absolute inset-x-0 top-0 -z-10 pt-14 shadow transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[enter]:ease-out data-[leave]:duration-150 data-[leave]:ease-in dark:shadow-black/40",
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid bg-white dark:bg-grey-900", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href,
               className: "group flex items-center px-8 py-8 text-xl font-bold text-primary-800 hover:bg-primary-800/10 dark:text-primary-200 dark:hover:bg-primary-200/10",
@@ -20407,7 +20407,7 @@ function MegaMenu({ title, href, links }) {
                 "focus-within:rounded-sm focus-within:outline focus-within:outline-inherit"
               ),
               children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-grey-900 dark:text-grey-100", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                Link13__default.default,
+                Link14__default.default,
                 {
                   href: item.href,
                   className: cn(
@@ -20829,7 +20829,7 @@ function MultiLevelPushMenu({
             {
               className: "divide-y divide-grey-200 overflow-hidden bg-white ring-1 ring-grey-200",
               children: item.href && !item.links?.length ? /* @__PURE__ */ jsxRuntime.jsx(
-                Link13__default.default,
+                Link14__default.default,
                 {
                   href: item.href,
                   onClick: (e) => handleItemClick(item, e),
@@ -20924,7 +20924,7 @@ function MobileHeader({
             /* @__PURE__ */ jsxRuntime.jsx(Icons.menu, { "aria-hidden": "true" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: "/",
               "aria-label": "Home page",
@@ -29049,7 +29049,7 @@ function NavigationLink({
 }) {
   const pathname = navigation.usePathname();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Link13__default.default,
+    Link14__default.default,
     {
       href,
       onClick,
@@ -29067,6 +29067,8 @@ function NavigationMenu({
   className,
   children,
   viewport = true,
+  delayDuration,
+  skipDelayDuration,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -29078,6 +29080,8 @@ function NavigationMenu({
         "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
         className
       ),
+      delayDuration,
+      skipDelayDuration,
       ...props,
       children: [
         children,
@@ -29212,13 +29216,263 @@ function NavigationMenuIndicator({
     }
   );
 }
+var PANEL_CLOSE_DELAY_MS = 220;
+var DEFAULT_TRIGGER_ACTIVE_CLASS_NAME = "hover:bg-primary-800/10 hover:text-primary-800 focus:bg-primary-800/10 focus:text-primary-800 data-[state=open]:bg-primary-800/10 data-[state=open]:text-primary-800 dark:hover:bg-primary-200/10 dark:hover:text-primary-200 dark:focus:bg-primary-200/10 dark:focus:text-primary-200 dark:data-[state=open]:bg-primary-200/10 dark:data-[state=open]:text-primary-200";
+var DEFAULT_TRIGGER_ACTIVE_BORDER_CLASS_NAME = "hover:before:bg-primary-800/10 hover:after:bg-primary-800/10 focus:before:bg-primary-800/10 focus:after:bg-primary-800/10 data-[state=open]:before:bg-primary-800/10 dark:hover:before:bg-primary-200/10 dark:hover:after:bg-primary-200/10 dark:focus:before:bg-primary-200/10 dark:focus:after:bg-primary-200/10 dark:data-[state=open]:before:bg-primary-200/10";
+function TopLevelItem({
+  href = "#",
+  title,
+  syncBorderToSurface,
+  triggerActiveClassName,
+  triggerActiveBorderClassName
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuItem, { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuLink,
+    {
+      asChild: true,
+      className: cn(
+        "relative inline-flex min-h-14 h-auto w-auto flex-row items-center justify-start gap-x-1 rounded-none bg-transparent p-4 text-base leading-6 font-bold text-grey-800 transition dark:text-grey-100 lg:px-8",
+        triggerActiveClassName ?? DEFAULT_TRIGGER_ACTIVE_CLASS_NAME,
+        syncBorderToSurface && "before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-transparent after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-transparent",
+        syncBorderToSurface && (triggerActiveBorderClassName ?? DEFAULT_TRIGGER_ACTIVE_BORDER_CLASS_NAME)
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href, children: title })
+    }
+  ) });
+}
+function FeaturedSectionLink({ href = "#", title }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Link14__default.default,
+    {
+      href,
+      className: "group relative flex items-center px-8 py-8 text-xl font-bold whitespace-normal text-primary-800 hover:bg-primary-800/10 dark:text-primary-200 dark:hover:bg-primary-200/10",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
+        title,
+        /* @__PURE__ */ jsxRuntime.jsx(Icons.east, { className: "ml-4 h-6 w-6 transform transition-transform duration-300 ease-in-out group-hover:translate-x-1" })
+      ]
+    }
+  );
+}
+function SectionLink({ link }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NavigationMenuLink,
+    {
+      asChild: true,
+      className: cn(
+        "relative mx-2 rounded-none border-t border-grey-200 bg-white p-4 hover:bg-primary-800/10 hover:font-bold hover:text-primary-800 dark:border-grey-700 dark:bg-grey-900 dark:hover:bg-primary-200/10 dark:hover:text-primary-200",
+        "[&:nth-last-child(-n+3)]:border-b",
+        "whitespace-normal",
+        "focus-within:rounded-sm focus-within:outline focus-within:outline-inherit"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(Link14__default.default, { href: link.href, className: "outline-none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-semibold text-grey-900 dark:text-grey-100", children: link.title })
+      ] })
+    }
+  );
+}
+function MegaNavigationItem({
+  section,
+  fullBleed,
+  panelMetrics,
+  onOpenIntent,
+  dropdownBackgroundClassName,
+  syncBorderToSurface,
+  triggerActiveClassName,
+  triggerActiveBorderClassName
+}) {
+  if (!section.links?.length) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TopLevelItem,
+      {
+        href: section.href,
+        title: section.title,
+        syncBorderToSurface,
+        triggerActiveClassName,
+        triggerActiveBorderClassName
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenuItem, { className: "static shrink-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuTrigger,
+      {
+        className: cn(
+          "relative mb-0 min-h-14 h-auto w-auto justify-start rounded-none bg-transparent p-4 text-base leading-6 font-bold text-grey-800 lg:px-8 dark:text-grey-100 [&_svg]:h-6 [&_svg]:w-6",
+          triggerActiveClassName ?? DEFAULT_TRIGGER_ACTIVE_CLASS_NAME,
+          "data-[state=open]:shadow-[inset_0_-2px_0_0_currentColor]",
+          syncBorderToSurface && "before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-transparent after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-transparent",
+          syncBorderToSurface && (triggerActiveBorderClassName ?? DEFAULT_TRIGGER_ACTIVE_BORDER_CLASS_NAME)
+        ),
+        onPointerEnter: onOpenIntent,
+        children: section.title
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      NavigationMenuContent,
+      {
+        className: cn(
+          "left-0 w-full p-0 pr-0 whitespace-normal md:w-full group-data-[viewport=false]/navigation-menu:mt-0 group-data-[viewport=false]/navigation-menu:rounded-none group-data-[viewport=false]/navigation-menu:border-0 group-data-[viewport=false]/navigation-menu:bg-transparent group-data-[viewport=false]/navigation-menu:shadow-none"
+        ),
+        style: fullBleed && panelMetrics ? {
+          left: `${-panelMetrics.left}px`,
+          width: `${panelMetrics.viewportWidth}px`
+        } : void 0,
+        onPointerEnter: onOpenIntent,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "w-full shadow dark:shadow-black/40",
+              dropdownBackgroundClassName ?? "bg-white dark:bg-grey-900"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "grid w-full",
+                style: fullBleed && panelMetrics ? {
+                  width: `${panelMetrics.width}px`,
+                  marginLeft: "auto",
+                  marginRight: "auto"
+                } : void 0,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(FeaturedSectionLink, { href: section.href, title: section.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 overflow-hidden px-4 pb-12 sm:grid-cols-2 lg:grid-cols-3", children: section.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx(SectionLink, { link }, `${link.title}-${link.href}-${index}`)) })
+                ]
+              }
+            )
+          }
+        )
+      }
+    )
+  ] });
+}
+function NavigationMenuMainNavigation({
+  navigation,
+  id: id3 = "nsw-main-navigation",
+  className,
+  responsive = true,
+  sticky = true,
+  fullBleed = false,
+  backgroundClassName,
+  dropdownBackgroundClassName,
+  borderClassName,
+  triggerActiveClassName,
+  triggerActiveBorderClassName,
+  showTopBorder = false,
+  showBottomBorder = false
+}) {
+  const headerHeight = useSelectorHeight();
+  const containerRef = React5__namespace.useRef(null);
+  const closeTimerRef = React5__namespace.useRef(null);
+  const [value, setValue] = React5__namespace.useState("");
+  const syncBorderToSurface = showTopBorder || showBottomBorder;
+  const [panelMetrics, setPanelMetrics] = React5__namespace.useState({
+    left: 0,
+    width: 0,
+    viewportWidth: 0
+  });
+  const cancelCloseTimer = React5__namespace.useCallback(() => {
+    if (closeTimerRef.current) {
+      window.clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+  }, []);
+  React5__namespace.useLayoutEffect(() => {
+    const element = containerRef.current;
+    if (!element) return;
+    const updateInsets = () => {
+      const rect = element.getBoundingClientRect();
+      setPanelMetrics({
+        left: Math.max(0, rect.left),
+        width: rect.width,
+        viewportWidth: window.innerWidth
+      });
+    };
+    updateInsets();
+    const resizeObserver = new ResizeObserver(() => {
+      updateInsets();
+    });
+    resizeObserver.observe(element);
+    window.addEventListener("resize", updateInsets);
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", updateInsets);
+    };
+  }, []);
+  React5__namespace.useEffect(() => {
+    return () => {
+      cancelCloseTimer();
+    };
+  }, [cancelCloseTimer]);
+  const handleValueChange = React5__namespace.useCallback((nextValue) => {
+    cancelCloseTimer();
+    if (nextValue) {
+      setValue(nextValue);
+      return;
+    }
+    closeTimerRef.current = window.setTimeout(() => {
+      setValue("");
+      closeTimerRef.current = null;
+    }, PANEL_CLOSE_DELAY_MS);
+  }, [cancelCloseTimer]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "nav",
+    {
+      "aria-label": "Main Navigation",
+      role: "navigation",
+      id: id3,
+      className: cn(
+        "z-40 shadow-md shadow-grey-900/5 dark:shadow-none",
+        backgroundClassName ?? "bg-grey-100 dark:bg-grey-900",
+        (showTopBorder || showBottomBorder) && (borderClassName ?? "border-grey-200 dark:border-grey-800"),
+        showTopBorder && "border-t",
+        showBottomBorder && "border-b",
+        responsive ? "hidden sm:px-6 lg:block lg:px-4" : "block",
+        sticky && "sticky",
+        className
+      ),
+      style: sticky ? {
+        top: `${headerHeight}px`,
+        transition: "top 0.2s ease-in-out"
+      } : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "relative z-50 mx-auto flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx(
+        NavigationMenu,
+        {
+          "aria-label": "Main navigation menu",
+          className: "w-full max-w-none justify-start",
+          delayDuration: 0,
+          skipDelayDuration: 0,
+          onValueChange: handleValueChange,
+          value,
+          viewport: false,
+          children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenuList, { className: "w-full gap-0 border-b-0", children: navigation.map((section) => /* @__PURE__ */ jsxRuntime.jsx(
+            MegaNavigationItem,
+            {
+              section,
+              fullBleed,
+              panelMetrics,
+              onOpenIntent: cancelCloseTimer,
+              dropdownBackgroundClassName,
+              syncBorderToSurface,
+              triggerActiveClassName,
+              triggerActiveBorderClassName
+            },
+            `${section.title}-${section.href ?? "section"}`
+          )) })
+        }
+      ) })
+    }
+  );
+}
 function NotFound() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 1, size: 4, className: "font-display mb-4 font-medium", children: "404" }),
     /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 3, children: "Page not found" }),
     /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "mt-4", children: "Sorry, we couldn't find the page you're looking for." }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      Link13__default.default,
+      Link14__default.default,
       {
         href: "/",
         className: "mt-8 font-medium text-primary-800 underline decoration-current underline-offset-4 hover:bg-primary-800/10 hover:decoration-2",
@@ -29734,7 +29988,7 @@ function PrevNextLinksPageLink({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-display text-sm font-medium text-slate-900 dark:text-white", children: dir === "next" ? "Next" : "Previous" }),
     /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Link13__default.default,
+      Link14__default.default,
       {
         href,
         className: clsx13__default.default(
@@ -30862,7 +31116,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
       },
       childLink.href
     )) }) })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(Link14__default.default, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
 }
 function Slider({
   className,
@@ -31191,7 +31445,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31220,7 +31474,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               "aria-current": "step",
@@ -31244,7 +31498,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31267,7 +31521,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31290,7 +31544,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31313,7 +31567,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31336,7 +31590,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31359,7 +31613,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31382,7 +31636,7 @@ var StepIndicator = React5__namespace.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxRuntime.jsxs(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31681,7 +31935,7 @@ function TableOfContents({ tableOfContents }) {
         ),
         children: tableOfContents.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: `#${section.id}`,
               prefetch: false,
@@ -31694,7 +31948,7 @@ function TableOfContents({ tableOfContents }) {
             }
           ),
           section.children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ol", { role: "list", className: "mt-3 flex flex-col gap-2", children: section.children.map((subSection) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            Link13__default.default,
+            Link14__default.default,
             {
               href: `#${subSection.id}`,
               prefetch: false,
@@ -35319,6 +35573,7 @@ exports.NavigationMenuIndicator = NavigationMenuIndicator;
 exports.NavigationMenuItem = NavigationMenuItem;
 exports.NavigationMenuLink = NavigationMenuLink;
 exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuMainNavigation = NavigationMenuMainNavigation;
 exports.NavigationMenuTrigger = NavigationMenuTrigger;
 exports.NavigationMenuViewport = NavigationMenuViewport;
 exports.NotFound = NotFound;