@nswds/app 1.72.3 → 1.72.4

package/dist/globals.css

@@ -2524,6 +2524,12 @@
   .bg-black {
     background-color: var(--color-black);
   }
+  .bg-black\/10 {
+    background-color: color-mix(in srgb, #000 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {

package/dist/index.cjs

@@ -7406,7 +7406,7 @@ function Breadcrumbs({
       return "";
     }
     if (transformLabel) {
-      return segment.replace(/-/g, " ").replace(/_/g, " ").split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+      return segment.replace(/[-_]/g, " ").toLowerCase().replace(/^\w/, (c) => c.toUpperCase());
     }
     return segment;
   };
@@ -17465,7 +17465,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.70.0"};
+  version: "1.72.2"};
 function Heading({
   className,
   trim = "normal",
@@ -29909,12 +29909,24 @@ function useActiveSectionObserver(tableOfContents) {
   return currentSection;
 }
 function TableOfContents({ tableOfContents }) {
-  const currentSection = useActiveSectionObserver(tableOfContents);
-  function isActive(section) {
-    if (section.id === currentSection) return true;
-    return section.children?.some(isActive) ?? false;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-labelledby": "on-this-page-title", className: "w-56", children: tableOfContents.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  const [mounted, setMounted] = React5.useState(false);
+  React5.useEffect(() => setMounted(true), []);
+  const currentSection = useActiveSectionObserver(mounted ? tableOfContents : []);
+  const isActive = React5.useMemo(() => {
+    const check = (section) => {
+      if (section.id === currentSection) return true;
+      return section.children?.some(check) ?? false;
+    };
+    return check;
+  }, [currentSection]);
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-labelledby": "on-this-page-title", className: "w-56", suppressHydrationWarning: true, children: !mounted ? (
+    // lightweight placeholder to avoid layout shift (optional)
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": true, className: "mt-3 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-40 animate-pulse rounded bg-black/10 dark:bg-white/10" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-32 animate-pulse rounded bg-black/10 dark:bg-white/10" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-48 animate-pulse rounded bg-black/10 dark:bg-white/10" })
+    ] })
+  ) : tableOfContents.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "h2",
       {
@@ -29937,6 +29949,7 @@ function TableOfContents({ tableOfContents }) {
             Link12__default.default,
             {
               href: `#${section.id}`,
+              prefetch: false,
               className: clsx12__default.default(
                 "-ml-px inline-block border-l pl-4",
                 "hover:border-primary-800 dark:hover:border-white",
@@ -29949,6 +29962,7 @@ function TableOfContents({ tableOfContents }) {
             Link12__default.default,
             {
               href: `#${subSection.id}`,
+              prefetch: false,
               className: clsx12__default.default(
                 "-ml-px inline-block border-l pl-8",
                 "hover:border-primary-800 dark:hover:border-white",
@@ -29960,7 +29974,7 @@ function TableOfContents({ tableOfContents }) {
         ] }, section.id))
       }
     )
-  ] }) });
+  ] }) : null });
 }
 function getSubtree(options, content) {
   const { asChild, children } = options;