@nswds/app 1.112.1 → 1.113.0

package/dist/index.js

@@ -8,7 +8,7 @@ import * as React5 from 'react';
 import React5__default, { forwardRef, useEffect, createContext, useState, useContext, memo as memo$1, useRef, useMemo, useInsertionEffect, Fragment as Fragment$1, createElement, useCallback, useLayoutEffect, Suspense, useId, Children, useSyncExternalStore, Component } from 'react';
 import * as Headless4 from '@headlessui/react';
 import { PopoverGroup, Popover as Popover$1, PopoverButton, PopoverPanel, Dialog as Dialog$1, DialogPanel } from '@headlessui/react';
-import Link13 from 'next/link';
+import Link14 from 'next/link';
 import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';
 import * as RechartsPrimitive from 'recharts';
 import { ResponsiveContainer, AreaChart as AreaChart$1, CartesianGrid, XAxis, Label, YAxis, Tooltip, Legend as Legend$1, Area, Dot, Line, BarChart as BarChart$1, Bar, ComposedChart, PieChart, Pie, LineChart as LineChart$1, Sector } from 'recharts';
@@ -4172,7 +4172,7 @@ var linkVariants = cva("", {
   }
 });
 var Link = forwardRef(function Link2({ className, variant, ...props }, ref) {
-  return /* @__PURE__ */ jsx(Headless4.DataInteractive, { children: /* @__PURE__ */ jsx(Link13, { ...props, ref, className: cn(linkVariants({ variant }), className) }) });
+  return /* @__PURE__ */ jsx(Headless4.DataInteractive, { children: /* @__PURE__ */ jsx(Link14, { ...props, ref, className: cn(linkVariants({ variant }), className) }) });
 });
 var styles = {
   base: [
@@ -7461,7 +7461,7 @@ function Breadcrumbs({
   const shouldCollapse = breadcrumbItems.length > maxItems;
   if (!shouldCollapse) {
     return /* @__PURE__ */ jsx(Breadcrumb, { className: "-ml-1", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link13, { href: item.path, children: item.label }) }) }),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link14, { href: item.path, children: item.label }) }) }),
       index < breadcrumbItems.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path)) }) });
   }
@@ -7472,7 +7472,7 @@ function Breadcrumbs({
   const collapsedItems = breadcrumbItems.slice(startItems, breadcrumbItems.length - endItems);
   return /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
     itemsAtStart.map((item, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link13, { href: item.path, children: item.label }) }) }),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link14, { href: item.path, children: item.label }) }) }),
       index < itemsAtStart.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path)),
     itemsAtStart.length > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
@@ -7481,11 +7481,11 @@ function Breadcrumbs({
         /* @__PURE__ */ jsx(BreadcrumbEllipsis, { className: "h-4 w-4" }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle menu" })
       ] }),
-      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(Link13, { href: item.path, children: item.label }) }, item.path)) })
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsx(Link14, { href: item.path, children: item.label }) }, item.path)) })
     ] }) }),
     itemsAtEnd.length > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
     itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link13, { href: item.path, children: item.label }) }) }),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link14, { href: item.path, children: item.label }) }) }),
       index < itemsAtEnd.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
     ] }, item.path))
   ] }) });
@@ -18502,7 +18502,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__ */ jsx(
-        Link13,
+        Link14,
         {
           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",
@@ -18781,7 +18781,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.111.1"};
+  version: "1.112.2"};
 var SluggerContext = React5__default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -19039,7 +19039,7 @@ function Header2({
       ),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "relative flex grow basis-0 items-center", children: [
-          /* @__PURE__ */ jsxs(Link13, { href: "/", "aria-label": "Home page", className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs(Link14, { href: "/", "aria-label": "Home page", className: "flex items-center justify-between", children: [
             !hideLogo && (altLogo ?? /* @__PURE__ */ jsx(Logo, { className: "h-12 w-auto lg:h-14" })),
             !hideDescriptor && (altDescriptor ?? /* @__PURE__ */ jsx(Heading, { level: 2, size: 6, className: "ml-6", children: sitename }))
           ] }),
@@ -20280,7 +20280,7 @@ function MainNavigation({ navigation }) {
 }
 function TopLevel({ title, href }) {
   return /* @__PURE__ */ jsx(
-    Link13,
+    Link14,
     {
       href,
       className: cn(
@@ -20332,7 +20332,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__ */ jsxs("div", { className: "mx-auto grid bg-white dark:bg-grey-900", children: [
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               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",
@@ -20353,7 +20353,7 @@ function MegaMenu({ title, href, links }) {
                 "focus-within:rounded-sm focus-within:outline focus-within:outline-inherit"
               ),
               children: /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-grey-900 dark:text-grey-100", children: /* @__PURE__ */ jsxs(
-                Link13,
+                Link14,
                 {
                   href: item.href,
                   className: cn(
@@ -20775,7 +20775,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__ */ jsx(
-                Link13,
+                Link14,
                 {
                   href: item.href,
                   onClick: (e) => handleItemClick(item, e),
@@ -20870,7 +20870,7 @@ function MobileHeader({
             /* @__PURE__ */ jsx(Icons.menu, { "aria-hidden": "true" })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: "/",
               "aria-label": "Home page",
@@ -28995,7 +28995,7 @@ function NavigationLink({
 }) {
   const pathname = usePathname();
   return /* @__PURE__ */ jsx(
-    Link13,
+    Link14,
     {
       href,
       onClick,
@@ -29013,6 +29013,8 @@ function NavigationMenu({
   className,
   children,
   viewport = true,
+  delayDuration,
+  skipDelayDuration,
   ...props
 }) {
   return /* @__PURE__ */ jsxs(
@@ -29024,6 +29026,8 @@ function NavigationMenu({
         "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
         className
       ),
+      delayDuration,
+      skipDelayDuration,
       ...props,
       children: [
         children,
@@ -29158,13 +29162,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__ */ jsx(NavigationMenuItem, { className: "shrink-0", children: /* @__PURE__ */ 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__ */ jsx(Link14, { href, children: title })
+    }
+  ) });
+}
+function FeaturedSectionLink({ href = "#", title }) {
+  return /* @__PURE__ */ jsxs(
+    Link14,
+    {
+      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__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
+        title,
+        /* @__PURE__ */ 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__ */ 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__ */ jsxs(Link14, { href: link.href, className: "outline-none", children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "absolute inset-0" }),
+        /* @__PURE__ */ 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__ */ jsx(
+      TopLevelItem,
+      {
+        href: section.href,
+        title: section.title,
+        syncBorderToSurface,
+        triggerActiveClassName,
+        triggerActiveBorderClassName
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(NavigationMenuItem, { className: "static shrink-0", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "w-full shadow dark:shadow-black/40",
+              dropdownBackgroundClassName ?? "bg-white dark:bg-grey-900"
+            ),
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "grid w-full",
+                style: fullBleed && panelMetrics ? {
+                  width: `${panelMetrics.width}px`,
+                  marginLeft: "auto",
+                  marginRight: "auto"
+                } : void 0,
+                children: [
+                  /* @__PURE__ */ jsx(FeaturedSectionLink, { href: section.href, title: section.title }),
+                  /* @__PURE__ */ 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__ */ 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.useRef(null);
+  const closeTimerRef = React5.useRef(null);
+  const [value, setValue] = React5.useState("");
+  const syncBorderToSurface = showTopBorder || showBottomBorder;
+  const [panelMetrics, setPanelMetrics] = React5.useState({
+    left: 0,
+    width: 0,
+    viewportWidth: 0
+  });
+  const cancelCloseTimer = React5.useCallback(() => {
+    if (closeTimerRef.current) {
+      window.clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+  }, []);
+  React5.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.useEffect(() => {
+    return () => {
+      cancelCloseTimer();
+    };
+  }, [cancelCloseTimer]);
+  const handleValueChange = React5.useCallback((nextValue) => {
+    cancelCloseTimer();
+    if (nextValue) {
+      setValue(nextValue);
+      return;
+    }
+    closeTimerRef.current = window.setTimeout(() => {
+      setValue("");
+      closeTimerRef.current = null;
+    }, PANEL_CLOSE_DELAY_MS);
+  }, [cancelCloseTimer]);
+  return /* @__PURE__ */ 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__ */ jsx("div", { ref: containerRef, className: "relative z-50 mx-auto flex items-center justify-between", children: /* @__PURE__ */ 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__ */ jsx(NavigationMenuList, { className: "w-full gap-0 border-b-0", children: navigation.map((section) => /* @__PURE__ */ jsx(
+            MegaNavigationItem,
+            {
+              section,
+              fullBleed,
+              panelMetrics,
+              onOpenIntent: cancelCloseTimer,
+              dropdownBackgroundClassName,
+              syncBorderToSurface,
+              triggerActiveClassName,
+              triggerActiveBorderClassName
+            },
+            `${section.title}-${section.href ?? "section"}`
+          )) })
+        }
+      ) })
+    }
+  );
+}
 function NotFound() {
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
     /* @__PURE__ */ jsx(Heading, { level: 1, size: 4, className: "font-display mb-4 font-medium", children: "404" }),
     /* @__PURE__ */ jsx(Heading, { level: 2, size: 3, children: "Page not found" }),
     /* @__PURE__ */ jsx(Text, { className: "mt-4", children: "Sorry, we couldn't find the page you're looking for." }),
     /* @__PURE__ */ jsx(
-      Link13,
+      Link14,
       {
         href: "/",
         className: "mt-8 font-medium text-primary-800 underline decoration-current underline-offset-4 hover:bg-primary-800/10 hover:decoration-2",
@@ -29680,7 +29934,7 @@ function PrevNextLinksPageLink({
   return /* @__PURE__ */ jsxs("div", { ...props, children: [
     /* @__PURE__ */ jsx("dt", { className: "font-display text-sm font-medium text-slate-900 dark:text-white", children: dir === "next" ? "Next" : "Previous" }),
     /* @__PURE__ */ jsx("dd", { className: "mt-1", children: /* @__PURE__ */ jsxs(
-      Link13,
+      Link14,
       {
         href,
         className: clsx13(
@@ -30808,7 +31062,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
       },
       childLink.href
     )) }) })
-  ] }) : /* @__PURE__ */ jsx(Link13, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
+  ] }) : /* @__PURE__ */ jsx(Link14, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
 }
 function Slider({
   className,
@@ -31137,7 +31391,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31166,7 +31420,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               "aria-current": "step",
@@ -31190,7 +31444,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31213,7 +31467,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31236,7 +31490,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31259,7 +31513,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31282,7 +31536,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31305,7 +31559,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31328,7 +31582,7 @@ var StepIndicator = React5.forwardRef(
             }
           ) : null,
           /* @__PURE__ */ jsxs(
-            Link13,
+            Link14,
             {
               href: step.href,
               className: "group relative flex items-center",
@@ -31627,7 +31881,7 @@ function TableOfContents({ tableOfContents }) {
         ),
         children: tableOfContents.map((section) => /* @__PURE__ */ jsxs("li", { children: [
           /* @__PURE__ */ jsx(
-            Link13,
+            Link14,
             {
               href: `#${section.id}`,
               prefetch: false,
@@ -31640,7 +31894,7 @@ function TableOfContents({ tableOfContents }) {
             }
           ),
           section.children.length > 0 && /* @__PURE__ */ jsx("ol", { role: "list", className: "mt-3 flex flex-col gap-2", children: section.children.map((subSection) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-            Link13,
+            Link14,
             {
               href: `#${subSection.id}`,
               prefetch: false,
@@ -34983,6 +35237,6 @@ var languages = [
   "html"
 ];
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Action2 as Action, Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, Artifact, ArtifactAction, ArtifactActions, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, AspectRatio, AuthLayout, AvailableChartColors, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, BarList, BaseColorSwatches, Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchSelector, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, ChainOfThoughtImage, ChainOfThoughtSearchResult, ChainOfThoughtSearchResults, ChainOfThoughtStep, ChartContainer, ChartLegend3 as ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip3 as ChartTooltip, ChartTooltipContent, Checkbox, CheckboxSmall, Code, CodeBlock, CodeBlockCopyButton, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorPairingTool, ColorSwatches, ColourScale, ComboChart, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Context, ContextCacheUsage, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextInputUsage, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextOutputUsage, ContextReasoningUsage, ContextTrigger, Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions, Description4 as Description, DescriptionDetails, DescriptionList, DescriptionTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field2 as Field, FieldGroup, FieldLabel, Fieldset2 as Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, HeroBannerSupportingImage, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Image4 as Image, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselItem, InlineCitationSource, InlineCitationText, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label5 as Label, Legend6 as Legend, LineChart, Link, _List as List, Listbox2 as Listbox, ListboxDescription, ListboxLabel, ListboxOption2 as ListboxOption, Loader, Loading, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageContent, MobileHeader, MobileSearch, MultiLevelPushMenu, NSWCard, NSWCardArrow, NSWCardDescription, NSWCardIcon, NSWCardImg, NSWCardTitle, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotFound, OpenIn, OpenInChatGPT, OpenInClaude, OpenInContent, OpenInScira, OpenInT3, OpenInTrigger, OpenInv0, PageHeading, Pagination, PaginationGap, PaginationList, PaginationNext, PaginationPage, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, ProgressBar, ProgressCircle, PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, PromptInputTools, Prose, RadioGroup2 as RadioGroup, RadioGroupItem, Reasoning, ReasoningContent, ReasoningTrigger, ResizableHandle, ResizablePanel, ResizablePanelGroup, Response, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLink, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarNavigation, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteSearch, Skeleton, Slider, Social, Source, Sources, SourcesContent, SourcesTrigger, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, SubmitButton, Suggestion, Suggestions, Switch2 as Switch, SwitchField, SwitchGroup, TabNavigation, TabNavigationLink, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip5 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, Tooltip3 as TremorTooltip, ViewToggle, WebPreview, WebPreviewBody, WebPreviewNavigation, WebPreviewUrl, Wrapper, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, diverging, domToSimple, focusInput, focusRing, generateColorThemes, generateDataVisColors, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, sequential, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, usePromptInputAttachments, useSelectorHeight, useSidebar, useStickyOffset, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Action2 as Action, Actions, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AreaChart, Artifact, ArtifactAction, ArtifactActions, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, AspectRatio, AuthLayout, AvailableChartColors, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BarChart, BarList, BaseColorSwatches, Branch, BranchMessages, BranchNext, BranchPage, BranchPrevious, BranchSelector, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CategoryBar, ChainOfThought, ChainOfThoughtContent, ChainOfThoughtHeader, ChainOfThoughtImage, ChainOfThoughtSearchResult, ChainOfThoughtSearchResults, ChainOfThoughtStep, ChartContainer, ChartLegend3 as ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip3 as ChartTooltip, ChartTooltipContent, Checkbox, CheckboxSmall, Code, CodeBlock, CodeBlockCopyButton, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorPairingTool, ColorSwatches, ColourScale, ComboChart, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Context, ContextCacheUsage, ContextContent, ContextContentBody, ContextContentFooter, ContextContentHeader, ContextInputUsage, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContextOutputUsage, ContextReasoningUsage, ContextTrigger, Conversation, ConversationContent, ConversationEmptyState, ConversationScrollButton, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions, Description4 as Description, DescriptionDetails, DescriptionList, DescriptionTerm, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ErrorMessage, ExpandableSearch, ExpandableSearchField, Field2 as Field, FieldGroup, FieldLabel, Fieldset2 as Fieldset, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, HeroBannerSupportingImage, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Image4 as Image, InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselItem, InlineCitationSource, InlineCitationText, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Label5 as Label, Legend6 as Legend, LineChart, Link, _List as List, Listbox2 as Listbox, ListboxDescription, ListboxLabel, ListboxOption2 as ListboxOption, Loader, Loading, Logo, MainNavigation, Masthead, MegaMenu, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageContent, MobileHeader, MobileSearch, MultiLevelPushMenu, NSWCard, NSWCardArrow, NSWCardDescription, NSWCardIcon, NSWCardImg, NSWCardTitle, Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuMainNavigation, NavigationMenuTrigger, NavigationMenuViewport, NotFound, OpenIn, OpenInChatGPT, OpenInClaude, OpenInContent, OpenInScira, OpenInT3, OpenInTrigger, OpenInv0, PageHeading, Pagination, PaginationGap, PaginationList, PaginationNext, PaginationPage, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, ProgressBar, ProgressCircle, PromptInput, PromptInputActionAddAttachments, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputSubmit, PromptInputTextarea, PromptInputToolbar, PromptInputTools, Prose, RadioGroup2 as RadioGroup, RadioGroupItem, Reasoning, ReasoningContent, ReasoningTrigger, ResizableHandle, ResizablePanel, ResizablePanelGroup, Response, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLink, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarNavigation, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SiteSearch, Skeleton, Slider, Social, Source, Sources, SourcesContent, SourcesTrigger, SparkAreaChart, SparkBarChart, SparkLineChart, Spinner, StepIndicator, StepNavigation, Strong, SubmitButton, Suggestion, Suggestions, Switch2 as Switch, SwitchField, SwitchGroup, TabNavigation, TabNavigationLink, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tool, ToolContent, ToolHeader, ToolInput, ToolOutput, Tooltip5 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopLevel, TouchTarget, Tracker, Tooltip3 as TremorTooltip, ViewToggle, WebPreview, WebPreviewBody, WebPreviewNavigation, WebPreviewUrl, Wrapper, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, chartColors, cn, colorDataArray, colorThemes, colors, constructCategoryColors, createColorArray, createColorData, createFormStore, darkenColor, diverging, domToSimple, focusInput, focusRing, generateColorThemes, generateDataVisColors, getColorClassName, getColorValue, getHeadings, getNodeText, getSurroundingColors, getYAxisDomain, hasErrorInput, hasOnlyOneValueForKey, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, progressBarVariants, renderColorOutput, renderColorOutputToDTFM, semantic, sequential, shades, themeIndices, themeTokens, toggleVariants, truncate, useActiveSectionObserver, useDisableToc, useFormField, useIsMobile, useOnWindowResize, usePageHeadings, usePromptInputAttachments, useSelectorHeight, useSidebar, useStickyOffset, useToc };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map