@sesionario/blocks 1.40.0 → 1.40.1-rc.1

package/dist/navigation-progress.cjs

@@ -25,8 +25,59 @@ var NAV_PROGRESS_CSS = `
 	}
 }
 `;
+var startListeners = /* @__PURE__ */ new Set();
+var navigationSuppressed = false;
+var suppressTimer = 0;
+function normalizeSearch(search) {
+  const params = new URLSearchParams(search);
+  const entries = [...params.entries()].sort(([a], [b]) => a.localeCompare(b));
+  const sorted = new URLSearchParams();
+  for (const [key, value] of entries) {
+    sorted.append(key, value);
+  }
+  return sorted.toString();
+}
 function routeKey(pathname, search) {
-  return `${pathname}?${search}`;
+  return `${pathname}?${normalizeSearch(search)}`;
+}
+function routeKeyFromHref(href) {
+  try {
+    const url = new URL(href, window.location.origin);
+    return routeKey(url.pathname, url.search.replace(/^\?/, ""));
+  } catch {
+    return null;
+  }
+}
+function isShown(element) {
+  if (!(element instanceof HTMLElement)) return false;
+  if (element.hidden) return false;
+  const display = element.style.display || getComputedStyle(element).display;
+  if (display === "none") return false;
+  const visibility = element.style.visibility || getComputedStyle(element).visibility;
+  if (visibility === "hidden") return false;
+  if (display === "contents") {
+    return Array.from(element.children).some((child) => isShown(child));
+  }
+  return true;
+}
+function routeLoadingIsActive() {
+  for (const node of document.querySelectorAll(ROUTE_LOADING_SELECTOR)) {
+    if (isShown(node)) return true;
+  }
+  return false;
+}
+function suppressNavigationProgress() {
+  navigationSuppressed = true;
+  window.clearTimeout(suppressTimer);
+  suppressTimer = window.setTimeout(() => {
+    navigationSuppressed = false;
+  }, 0);
+}
+function signalNavigationStart(href) {
+  if (navigationSuppressed) return;
+  for (const listener of startListeners) {
+    listener(href);
+  }
 }
 function isInternalNavigationClick(event) {
   if (event.button !== 0) return false;
@@ -61,6 +112,7 @@ function NavigationProgress({
   forceVisible = false
 }) {
   const [visible, setVisible] = react.useState(forceVisible);
+  const [runId, setRunId] = react.useState(0);
   const startedAt = react.useRef(0);
   const startedRoute = react.useRef(null);
   const committedRoute = react.useRef(null);
@@ -70,38 +122,60 @@ function NavigationProgress({
   react.useEffect(() => {
     if (forceVisible) return;
     function begin(route) {
+      if (navigationSuppressed) return;
       startedAt.current = Date.now();
       startedRoute.current = route;
+      setRunId((id) => id + 1);
       setVisible(true);
     }
     function onClick(event) {
       if (!isInternalNavigationClick(event)) return;
-      begin(
-        routeKey(
-          window.location.pathname,
-          window.location.search.replace(/^\?/, "")
-        )
-      );
+      begin(committedRoute.current ?? routeKey(pathname, search));
     }
     function onPopState() {
+      const landed = routeKey(
+        window.location.pathname,
+        window.location.search.replace(/^\?/, "")
+      );
+      if (landed === (committedRoute.current ?? "")) return;
       begin(committedRoute.current ?? "");
     }
+    function onStart(href) {
+      if (href) {
+        const target = routeKeyFromHref(href);
+        if (target !== null && target === committedRoute.current) return;
+      }
+      begin(committedRoute.current ?? routeKey(pathname, search));
+    }
+    startListeners.add(onStart);
     document.addEventListener("click", onClick, true);
     window.addEventListener("popstate", onPopState);
     return () => {
+      startListeners.delete(onStart);
       document.removeEventListener("click", onClick, true);
       window.removeEventListener("popstate", onPopState);
     };
-  }, [forceVisible]);
+  }, [forceVisible, pathname, search]);
+  react.useEffect(() => {
+    if (forceVisible || !visible) return;
+    const safety = window.setTimeout(() => setVisible(false), SAFETY_MS);
+    return () => window.clearTimeout(safety);
+  }, [forceVisible, runId, visible]);
   react.useEffect(() => {
     if (forceVisible || !visible) return;
     const started = startedRoute.current;
-    if (!started || routeKey(pathname, search) === started) return;
+    if (!started) return;
     let hideTimer = 0;
     let stopped = false;
+    let sawLoading = false;
     function hide() {
       if (stopped) return;
-      if (document.querySelector(ROUTE_LOADING_SELECTOR)) return;
+      if (routeLoadingIsActive()) {
+        sawLoading = true;
+        return;
+      }
+      const routeChanged = routeKey(pathname, search) !== started;
+      if (!routeChanged && !sawLoading) return;
       stopped = true;
       const wait = Math.max(
         0,
@@ -111,12 +185,15 @@ function NavigationProgress({
     }
     hide();
     const observer = new MutationObserver(hide);
-    observer.observe(document.body, { childList: true, subtree: true });
-    const safety = window.setTimeout(() => setVisible(false), SAFETY_MS);
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "hidden", "class"]
+    });
     return () => {
       stopped = true;
       window.clearTimeout(hideTimer);
-      window.clearTimeout(safety);
       observer.disconnect();
     };
   }, [forceVisible, pathname, search, visible]);
@@ -136,5 +213,7 @@ function NavigationProgress({
 }
 
 exports.NavigationProgress = NavigationProgress;
+exports.signalNavigationStart = signalNavigationStart;
+exports.suppressNavigationProgress = suppressNavigationProgress;
 //# sourceMappingURL=navigation-progress.cjs.map
 //# sourceMappingURL=navigation-progress.cjs.map

package/dist/navigation-progress.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavigationProgress.tsx"],"names":["useState","useRef","useEffect","jsxs","Fragment","jsx"],"mappings":"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","file":"navigation-progress.cjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nconst MIN_VISIBLE_MS = 200;\nconst SAFETY_MS = 10_000;\n\nexport const ROUTE_LOADING_SELECTOR = \"[data-route-loading]\";\n\n/** Indeterminate bar motion. Inlined so apps do not copy keyframes into their CSS. */\nexport const NAV_PROGRESS_CSS = `\n@keyframes nav-progress-indeterminate {\n\t0% { transform: translateX(-100%); }\n\t100% { transform: translateX(400%); }\n}\n.nav-progress-indeterminate {\n\twidth: 33%;\n\theight: 100%;\n\tanimation: nav-progress-indeterminate 1.1s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n\t.nav-progress-indeterminate {\n\t\tanimation: none;\n\t\twidth: 100%;\n\t\ttransform: none;\n\t}\n}\n`;\n\nfunction routeKey(pathname: string, search: string): string {\n\treturn `${pathname}?${search}`;\n}\n\nexport function isInternalNavigationClick(event: MouseEvent): boolean {\n\tif (event.button !== 0) return false;\n\tif (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n\t\treturn false;\n\t}\n\tconst target = event.target;\n\tif (!(target instanceof Element)) return false;\n\tconst anchor = target.closest(\"a\");\n\tif (!(anchor instanceof HTMLAnchorElement)) return false;\n\tif (anchor.target && anchor.target !== \"_self\") return false;\n\tif (anchor.hasAttribute(\"download\")) return false;\n\tconst raw = anchor.getAttribute(\"href\");\n\tif (\n\t\t!raw ||\n\t\traw.startsWith(\"#\") ||\n\t\traw.startsWith(\"mailto:\") ||\n\t\traw.startsWith(\"tel:\")\n\t) {\n\t\treturn false;\n\t}\n\tlet url: URL;\n\ttry {\n\t\turl = new URL(anchor.href, window.location.href);\n\t} catch {\n\t\treturn false;\n\t}\n\tif (url.origin !== window.location.origin) return false;\n\tif (\n\t\turl.pathname === window.location.pathname &&\n\t\turl.search === window.location.search\n\t) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nexport type NavigationProgressProps = {\n\t/** App-supplied pathname. Blocks does not import `next/navigation`. */\n\tpathname: string;\n\t/** Query string without the leading `?`. */\n\tsearch?: string;\n\t/** Storybook / tests. Skips click listeners and stays visible. */\n\tforceVisible?: boolean;\n};\n\n/**\n * Indeterminate bar fixed to the top of the viewport. Apps pass the current\n * route from their router and wrap `useSearchParams` in `<Suspense>`.\n * The bar starts on a same-origin link click or back/forward, and stays up\n * while a `[data-route-loading]` node (see `RouteLoading`) is mounted.\n */\nexport function NavigationProgress({\n\tpathname,\n\tsearch = \"\",\n\tforceVisible = false,\n}: NavigationProgressProps) {\n\tconst [visible, setVisible] = useState(forceVisible);\n\tconst startedAt = useRef(0);\n\tconst startedRoute = useRef<string | null>(null);\n\tconst committedRoute = useRef<string | null>(null);\n\n\tuseEffect(() => {\n\t\tcommittedRoute.current = routeKey(pathname, search);\n\t}, [pathname, search]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible) return;\n\t\tfunction begin(route: string) {\n\t\t\tstartedAt.current = Date.now();\n\t\t\tstartedRoute.current = route;\n\t\t\tsetVisible(true);\n\t\t}\n\t\tfunction onClick(event: MouseEvent) {\n\t\t\tif (!isInternalNavigationClick(event)) return;\n\t\t\t// Capture runs before Next's <Link> handler, which may push history\n\t\t\t// before a bubble listener would see the click.\n\t\t\tbegin(\n\t\t\t\trouteKey(\n\t\t\t\t\twindow.location.pathname,\n\t\t\t\t\twindow.location.search.replace(/^\\?/, \"\"),\n\t\t\t\t),\n\t\t\t);\n\t\t}\n\t\tfunction onPopState() {\n\t\t\t// The URL has already changed. Keep the route React last committed\n\t\t\t// so the bar can end once the destination commits.\n\t\t\tbegin(committedRoute.current ?? \"\");\n\t\t}\n\t\tdocument.addEventListener(\"click\", onClick, true);\n\t\twindow.addEventListener(\"popstate\", onPopState);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"click\", onClick, true);\n\t\t\twindow.removeEventListener(\"popstate\", onPopState);\n\t\t};\n\t}, [forceVisible]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible || !visible) return;\n\t\tconst started = startedRoute.current;\n\t\tif (!started || routeKey(pathname, search) === started) return;\n\n\t\tlet hideTimer = 0;\n\t\tlet stopped = false;\n\t\tfunction hide() {\n\t\t\tif (stopped) return;\n\t\t\tif (document.querySelector(ROUTE_LOADING_SELECTOR)) return;\n\t\t\tstopped = true;\n\t\t\tconst wait = Math.max(\n\t\t\t\t0,\n\t\t\t\tMIN_VISIBLE_MS - (Date.now() - startedAt.current),\n\t\t\t);\n\t\t\thideTimer = window.setTimeout(() => setVisible(false), wait);\n\t\t}\n\t\thide();\n\t\tconst observer = new MutationObserver(hide);\n\t\tobserver.observe(document.body, { childList: true, subtree: true });\n\t\tconst safety = window.setTimeout(() => setVisible(false), SAFETY_MS);\n\t\treturn () => {\n\t\t\tstopped = true;\n\t\t\twindow.clearTimeout(hideTimer);\n\t\t\twindow.clearTimeout(safety);\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [forceVisible, pathname, search, visible]);\n\n\tif (!visible) return null;\n\n\treturn (\n\t\t<>\n\t\t\t<style dangerouslySetInnerHTML={{ __html: NAV_PROGRESS_CSS }} />\n\t\t\t<div\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-label=\"Cargando\"\n\t\t\t\tclassName=\"pointer-events-none fixed inset-x-0 top-0 z-[60] h-0.5 overflow-hidden bg-primary/20\"\n\t\t\t>\n\t\t\t\t<div className=\"nav-progress-indeterminate bg-primary\" />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["../src/components/NavigationProgress.tsx"],"names":["useState","useRef","useEffect","jsxs","Fragment","jsx"],"mappings":"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","file":"navigation-progress.cjs","sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nconst MIN_VISIBLE_MS = 200;\nconst SAFETY_MS = 10_000;\n\nexport const ROUTE_LOADING_SELECTOR = \"[data-route-loading]\";\n\n/** Indeterminate bar motion. Inlined so apps do not copy keyframes into their CSS. */\nexport const NAV_PROGRESS_CSS = `\n@keyframes nav-progress-indeterminate {\n\t0% { transform: translateX(-100%); }\n\t100% { transform: translateX(400%); }\n}\n.nav-progress-indeterminate {\n\twidth: 33%;\n\theight: 100%;\n\tanimation: nav-progress-indeterminate 1.1s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n\t.nav-progress-indeterminate {\n\t\tanimation: none;\n\t\twidth: 100%;\n\t\ttransform: none;\n\t}\n}\n`;\n\ntype StartListener = (href: string | undefined) => void;\n\nconst startListeners = new Set<StartListener>();\nlet navigationSuppressed = false;\nlet suppressTimer = 0;\n\nfunction normalizeSearch(search: string): string {\n\tconst params = new URLSearchParams(search);\n\tconst entries = [...params.entries()].sort(([a], [b]) => a.localeCompare(b));\n\tconst sorted = new URLSearchParams();\n\tfor (const [key, value] of entries) {\n\t\tsorted.append(key, value);\n\t}\n\treturn sorted.toString();\n}\n\nfunction routeKey(pathname: string, search: string): string {\n\treturn `${pathname}?${normalizeSearch(search)}`;\n}\n\nfunction routeKeyFromHref(href: string): string | null {\n\ttry {\n\t\tconst url = new URL(href, window.location.origin);\n\t\treturn routeKey(url.pathname, url.search.replace(/^\\?/, \"\"));\n\t} catch {\n\t\treturn null;\n\t}\n}\n\nfunction isShown(element: Element): boolean {\n\tif (!(element instanceof HTMLElement)) return false;\n\tif (element.hidden) return false;\n\tconst display = element.style.display || getComputedStyle(element).display;\n\tif (display === \"none\") return false;\n\tconst visibility =\n\t\telement.style.visibility || getComputedStyle(element).visibility;\n\tif (visibility === \"hidden\") return false;\n\tif (display === \"contents\") {\n\t\treturn Array.from(element.children).some((child) => isShown(child));\n\t}\n\treturn true;\n}\n\n/** A route skeleton counts only while it is actually on screen. */\nexport function routeLoadingIsActive(): boolean {\n\tfor (const node of document.querySelectorAll(ROUTE_LOADING_SELECTOR)) {\n\t\tif (isShown(node)) return true;\n\t}\n\treturn false;\n}\n\n/**\n * Ignore navigation-start signals for the rest of this turn. Used by the\n * fullscreen post viewer, whose permalink `pushState` / `history.back()` is\n * not a page load. An in-flight bar is left alone.\n */\nexport function suppressNavigationProgress(): void {\n\tnavigationSuppressed = true;\n\twindow.clearTimeout(suppressTimer);\n\tsuppressTimer = window.setTimeout(() => {\n\t\tnavigationSuppressed = false;\n\t}, 0);\n}\n\n/**\n * Start the top bar for a navigation that did not come from a link click.\n * Records the route React has committed, not `window.location` (already the\n * destination on back/forward). No-ops when `href` is that same route, or\n * when {@link suppressNavigationProgress} is set.\n */\nexport function signalNavigationStart(href?: string): void {\n\tif (navigationSuppressed) return;\n\tfor (const listener of startListeners) {\n\t\tlistener(href);\n\t}\n}\n\nexport function isInternalNavigationClick(event: MouseEvent): boolean {\n\tif (event.button !== 0) return false;\n\tif (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n\t\treturn false;\n\t}\n\tconst target = event.target;\n\tif (!(target instanceof Element)) return false;\n\tconst anchor = target.closest(\"a\");\n\tif (!(anchor instanceof HTMLAnchorElement)) return false;\n\tif (anchor.target && anchor.target !== \"_self\") return false;\n\tif (anchor.hasAttribute(\"download\")) return false;\n\tconst raw = anchor.getAttribute(\"href\");\n\tif (\n\t\t!raw ||\n\t\traw.startsWith(\"#\") ||\n\t\traw.startsWith(\"mailto:\") ||\n\t\traw.startsWith(\"tel:\")\n\t) {\n\t\treturn false;\n\t}\n\tlet url: URL;\n\ttry {\n\t\turl = new URL(anchor.href, window.location.href);\n\t} catch {\n\t\treturn false;\n\t}\n\tif (url.origin !== window.location.origin) return false;\n\tif (\n\t\turl.pathname === window.location.pathname &&\n\t\turl.search === window.location.search\n\t) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nexport type NavigationProgressProps = {\n\t/** App-supplied pathname. Blocks does not import `next/navigation`. */\n\tpathname: string;\n\t/** Query string without the leading `?`. */\n\tsearch?: string;\n\t/** Storybook / tests. Skips click listeners and stays visible. */\n\tforceVisible?: boolean;\n};\n\n/**\n * Indeterminate bar fixed to the top of the viewport. Apps pass the current\n * route from their router and wrap `useSearchParams` in `<Suspense>`.\n * The bar starts on a same-origin link click, back/forward, or\n * {@link signalNavigationStart}, and stays up while a visible\n * `[data-route-loading]` node (see `RouteLoading`) is on screen.\n */\nexport function NavigationProgress({\n\tpathname,\n\tsearch = \"\",\n\tforceVisible = false,\n}: NavigationProgressProps) {\n\tconst [visible, setVisible] = useState(forceVisible);\n\tconst [runId, setRunId] = useState(0);\n\tconst startedAt = useRef(0);\n\tconst startedRoute = useRef<string | null>(null);\n\tconst committedRoute = useRef<string | null>(null);\n\n\tuseEffect(() => {\n\t\tcommittedRoute.current = routeKey(pathname, search);\n\t}, [pathname, search]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible) return;\n\t\tfunction begin(route: string) {\n\t\t\tif (navigationSuppressed) return;\n\t\t\tstartedAt.current = Date.now();\n\t\t\tstartedRoute.current = route;\n\t\t\tsetRunId((id) => id + 1);\n\t\t\tsetVisible(true);\n\t\t}\n\t\tfunction onClick(event: MouseEvent) {\n\t\t\tif (!isInternalNavigationClick(event)) return;\n\t\t\t// Capture runs before Next's <Link> handler, which may push history\n\t\t\t// before a bubble listener would see the click.\n\t\t\tbegin(committedRoute.current ?? routeKey(pathname, search));\n\t\t}\n\t\tfunction onPopState() {\n\t\t\t// The URL has already changed. Skip when it still matches the route\n\t\t\t// React committed (post-viewer history.back). Otherwise keep that\n\t\t\t// committed route so the bar can end once the destination commits.\n\t\t\tconst landed = routeKey(\n\t\t\t\twindow.location.pathname,\n\t\t\t\twindow.location.search.replace(/^\\?/, \"\"),\n\t\t\t);\n\t\t\tif (landed === (committedRoute.current ?? \"\")) return;\n\t\t\tbegin(committedRoute.current ?? \"\");\n\t\t}\n\t\tfunction onStart(href: string | undefined) {\n\t\t\tif (href) {\n\t\t\t\tconst target = routeKeyFromHref(href);\n\t\t\t\tif (target !== null && target === committedRoute.current) return;\n\t\t\t}\n\t\t\tbegin(committedRoute.current ?? routeKey(pathname, search));\n\t\t}\n\t\tstartListeners.add(onStart);\n\t\tdocument.addEventListener(\"click\", onClick, true);\n\t\twindow.addEventListener(\"popstate\", onPopState);\n\t\treturn () => {\n\t\t\tstartListeners.delete(onStart);\n\t\t\tdocument.removeEventListener(\"click\", onClick, true);\n\t\t\twindow.removeEventListener(\"popstate\", onPopState);\n\t\t};\n\t}, [forceVisible, pathname, search]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible || !visible) return;\n\t\tconst safety = window.setTimeout(() => setVisible(false), SAFETY_MS);\n\t\treturn () => window.clearTimeout(safety);\n\t}, [forceVisible, runId, visible]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible || !visible) return;\n\t\tconst started = startedRoute.current;\n\t\tif (!started) return;\n\n\t\tlet hideTimer = 0;\n\t\tlet stopped = false;\n\t\tlet sawLoading = false;\n\t\tfunction hide() {\n\t\t\tif (stopped) return;\n\t\t\tif (routeLoadingIsActive()) {\n\t\t\t\tsawLoading = true;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst routeChanged = routeKey(pathname, search) !== started;\n\t\t\tif (!routeChanged && !sawLoading) return;\n\t\t\tstopped = true;\n\t\t\tconst wait = Math.max(\n\t\t\t\t0,\n\t\t\t\tMIN_VISIBLE_MS - (Date.now() - startedAt.current),\n\t\t\t);\n\t\t\thideTimer = window.setTimeout(() => setVisible(false), wait);\n\t\t}\n\t\thide();\n\t\tconst observer = new MutationObserver(hide);\n\t\tobserver.observe(document.body, {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t\tattributes: true,\n\t\t\tattributeFilter: [\"style\", \"hidden\", \"class\"],\n\t\t});\n\t\treturn () => {\n\t\t\tstopped = true;\n\t\t\twindow.clearTimeout(hideTimer);\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [forceVisible, pathname, search, visible]);\n\n\tif (!visible) return null;\n\n\treturn (\n\t\t<>\n\t\t\t<style dangerouslySetInnerHTML={{ __html: NAV_PROGRESS_CSS }} />\n\t\t\t<div\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-label=\"Cargando\"\n\t\t\t\tclassName=\"pointer-events-none fixed inset-x-0 top-0 z-[60] h-0.5 overflow-hidden bg-primary/20\"\n\t\t\t>\n\t\t\t\t<div className=\"nav-progress-indeterminate bg-primary\" />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/dist/navigation-progress.d.cts

@@ -1,5 +1,18 @@
 import * as React from 'react';
 
+/**
+ * Ignore navigation-start signals for the rest of this turn. Used by the
+ * fullscreen post viewer, whose permalink `pushState` / `history.back()` is
+ * not a page load. An in-flight bar is left alone.
+ */
+declare function suppressNavigationProgress(): void;
+/**
+ * Start the top bar for a navigation that did not come from a link click.
+ * Records the route React has committed, not `window.location` (already the
+ * destination on back/forward). No-ops when `href` is that same route, or
+ * when {@link suppressNavigationProgress} is set.
+ */
+declare function signalNavigationStart(href?: string): void;
 type NavigationProgressProps = {
     /** App-supplied pathname. Blocks does not import `next/navigation`. */
     pathname: string;
@@ -11,9 +24,10 @@ type NavigationProgressProps = {
 /**
  * Indeterminate bar fixed to the top of the viewport. Apps pass the current
  * route from their router and wrap `useSearchParams` in `<Suspense>`.
- * The bar starts on a same-origin link click or back/forward, and stays up
- * while a `[data-route-loading]` node (see `RouteLoading`) is mounted.
+ * The bar starts on a same-origin link click, back/forward, or
+ * {@link signalNavigationStart}, and stays up while a visible
+ * `[data-route-loading]` node (see `RouteLoading`) is on screen.
  */
 declare function NavigationProgress({ pathname, search, forceVisible, }: NavigationProgressProps): React.JSX.Element | null;
 
-export { NavigationProgress, type NavigationProgressProps };
+export { NavigationProgress, type NavigationProgressProps, signalNavigationStart, suppressNavigationProgress };

package/dist/navigation-progress.d.ts

@@ -1,5 +1,18 @@
 import * as React from 'react';
 
+/**
+ * Ignore navigation-start signals for the rest of this turn. Used by the
+ * fullscreen post viewer, whose permalink `pushState` / `history.back()` is
+ * not a page load. An in-flight bar is left alone.
+ */
+declare function suppressNavigationProgress(): void;
+/**
+ * Start the top bar for a navigation that did not come from a link click.
+ * Records the route React has committed, not `window.location` (already the
+ * destination on back/forward). No-ops when `href` is that same route, or
+ * when {@link suppressNavigationProgress} is set.
+ */
+declare function signalNavigationStart(href?: string): void;
 type NavigationProgressProps = {
     /** App-supplied pathname. Blocks does not import `next/navigation`. */
     pathname: string;
@@ -11,9 +24,10 @@ type NavigationProgressProps = {
 /**
  * Indeterminate bar fixed to the top of the viewport. Apps pass the current
  * route from their router and wrap `useSearchParams` in `<Suspense>`.
- * The bar starts on a same-origin link click or back/forward, and stays up
- * while a `[data-route-loading]` node (see `RouteLoading`) is mounted.
+ * The bar starts on a same-origin link click, back/forward, or
+ * {@link signalNavigationStart}, and stays up while a visible
+ * `[data-route-loading]` node (see `RouteLoading`) is on screen.
  */
 declare function NavigationProgress({ pathname, search, forceVisible, }: NavigationProgressProps): React.JSX.Element | null;
 
-export { NavigationProgress, type NavigationProgressProps };
+export { NavigationProgress, type NavigationProgressProps, signalNavigationStart, suppressNavigationProgress };

package/dist/navigation-progress.js

@@ -23,8 +23,59 @@ var NAV_PROGRESS_CSS = `
 	}
 }
 `;
+var startListeners = /* @__PURE__ */ new Set();
+var navigationSuppressed = false;
+var suppressTimer = 0;
+function normalizeSearch(search) {
+  const params = new URLSearchParams(search);
+  const entries = [...params.entries()].sort(([a], [b]) => a.localeCompare(b));
+  const sorted = new URLSearchParams();
+  for (const [key, value] of entries) {
+    sorted.append(key, value);
+  }
+  return sorted.toString();
+}
 function routeKey(pathname, search) {
-  return `${pathname}?${search}`;
+  return `${pathname}?${normalizeSearch(search)}`;
+}
+function routeKeyFromHref(href) {
+  try {
+    const url = new URL(href, window.location.origin);
+    return routeKey(url.pathname, url.search.replace(/^\?/, ""));
+  } catch {
+    return null;
+  }
+}
+function isShown(element) {
+  if (!(element instanceof HTMLElement)) return false;
+  if (element.hidden) return false;
+  const display = element.style.display || getComputedStyle(element).display;
+  if (display === "none") return false;
+  const visibility = element.style.visibility || getComputedStyle(element).visibility;
+  if (visibility === "hidden") return false;
+  if (display === "contents") {
+    return Array.from(element.children).some((child) => isShown(child));
+  }
+  return true;
+}
+function routeLoadingIsActive() {
+  for (const node of document.querySelectorAll(ROUTE_LOADING_SELECTOR)) {
+    if (isShown(node)) return true;
+  }
+  return false;
+}
+function suppressNavigationProgress() {
+  navigationSuppressed = true;
+  window.clearTimeout(suppressTimer);
+  suppressTimer = window.setTimeout(() => {
+    navigationSuppressed = false;
+  }, 0);
+}
+function signalNavigationStart(href) {
+  if (navigationSuppressed) return;
+  for (const listener of startListeners) {
+    listener(href);
+  }
 }
 function isInternalNavigationClick(event) {
   if (event.button !== 0) return false;
@@ -59,6 +110,7 @@ function NavigationProgress({
   forceVisible = false
 }) {
   const [visible, setVisible] = useState(forceVisible);
+  const [runId, setRunId] = useState(0);
   const startedAt = useRef(0);
   const startedRoute = useRef(null);
   const committedRoute = useRef(null);
@@ -68,38 +120,60 @@ function NavigationProgress({
   useEffect(() => {
     if (forceVisible) return;
     function begin(route) {
+      if (navigationSuppressed) return;
       startedAt.current = Date.now();
       startedRoute.current = route;
+      setRunId((id) => id + 1);
       setVisible(true);
     }
     function onClick(event) {
       if (!isInternalNavigationClick(event)) return;
-      begin(
-        routeKey(
-          window.location.pathname,
-          window.location.search.replace(/^\?/, "")
-        )
-      );
+      begin(committedRoute.current ?? routeKey(pathname, search));
     }
     function onPopState() {
+      const landed = routeKey(
+        window.location.pathname,
+        window.location.search.replace(/^\?/, "")
+      );
+      if (landed === (committedRoute.current ?? "")) return;
       begin(committedRoute.current ?? "");
     }
+    function onStart(href) {
+      if (href) {
+        const target = routeKeyFromHref(href);
+        if (target !== null && target === committedRoute.current) return;
+      }
+      begin(committedRoute.current ?? routeKey(pathname, search));
+    }
+    startListeners.add(onStart);
     document.addEventListener("click", onClick, true);
     window.addEventListener("popstate", onPopState);
     return () => {
+      startListeners.delete(onStart);
       document.removeEventListener("click", onClick, true);
       window.removeEventListener("popstate", onPopState);
     };
-  }, [forceVisible]);
+  }, [forceVisible, pathname, search]);
+  useEffect(() => {
+    if (forceVisible || !visible) return;
+    const safety = window.setTimeout(() => setVisible(false), SAFETY_MS);
+    return () => window.clearTimeout(safety);
+  }, [forceVisible, runId, visible]);
   useEffect(() => {
     if (forceVisible || !visible) return;
     const started = startedRoute.current;
-    if (!started || routeKey(pathname, search) === started) return;
+    if (!started) return;
     let hideTimer = 0;
     let stopped = false;
+    let sawLoading = false;
     function hide() {
       if (stopped) return;
-      if (document.querySelector(ROUTE_LOADING_SELECTOR)) return;
+      if (routeLoadingIsActive()) {
+        sawLoading = true;
+        return;
+      }
+      const routeChanged = routeKey(pathname, search) !== started;
+      if (!routeChanged && !sawLoading) return;
       stopped = true;
       const wait = Math.max(
         0,
@@ -109,12 +183,15 @@ function NavigationProgress({
     }
     hide();
     const observer = new MutationObserver(hide);
-    observer.observe(document.body, { childList: true, subtree: true });
-    const safety = window.setTimeout(() => setVisible(false), SAFETY_MS);
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["style", "hidden", "class"]
+    });
     return () => {
       stopped = true;
       window.clearTimeout(hideTimer);
-      window.clearTimeout(safety);
       observer.disconnect();
     };
   }, [forceVisible, pathname, search, visible]);
@@ -133,6 +210,6 @@ function NavigationProgress({
   ] });
 }
 
-export { NavigationProgress };
+export { NavigationProgress, signalNavigationStart, suppressNavigationProgress };
 //# sourceMappingURL=navigation-progress.js.map
 //# sourceMappingURL=navigation-progress.js.map

package/dist/navigation-progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/NavigationProgress.tsx"],"names":[],"mappings":"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","file":"navigation-progress.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nconst MIN_VISIBLE_MS = 200;\nconst SAFETY_MS = 10_000;\n\nexport const ROUTE_LOADING_SELECTOR = \"[data-route-loading]\";\n\n/** Indeterminate bar motion. Inlined so apps do not copy keyframes into their CSS. */\nexport const NAV_PROGRESS_CSS = `\n@keyframes nav-progress-indeterminate {\n\t0% { transform: translateX(-100%); }\n\t100% { transform: translateX(400%); }\n}\n.nav-progress-indeterminate {\n\twidth: 33%;\n\theight: 100%;\n\tanimation: nav-progress-indeterminate 1.1s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n\t.nav-progress-indeterminate {\n\t\tanimation: none;\n\t\twidth: 100%;\n\t\ttransform: none;\n\t}\n}\n`;\n\nfunction routeKey(pathname: string, search: string): string {\n\treturn `${pathname}?${search}`;\n}\n\nexport function isInternalNavigationClick(event: MouseEvent): boolean {\n\tif (event.button !== 0) return false;\n\tif (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n\t\treturn false;\n\t}\n\tconst target = event.target;\n\tif (!(target instanceof Element)) return false;\n\tconst anchor = target.closest(\"a\");\n\tif (!(anchor instanceof HTMLAnchorElement)) return false;\n\tif (anchor.target && anchor.target !== \"_self\") return false;\n\tif (anchor.hasAttribute(\"download\")) return false;\n\tconst raw = anchor.getAttribute(\"href\");\n\tif (\n\t\t!raw ||\n\t\traw.startsWith(\"#\") ||\n\t\traw.startsWith(\"mailto:\") ||\n\t\traw.startsWith(\"tel:\")\n\t) {\n\t\treturn false;\n\t}\n\tlet url: URL;\n\ttry {\n\t\turl = new URL(anchor.href, window.location.href);\n\t} catch {\n\t\treturn false;\n\t}\n\tif (url.origin !== window.location.origin) return false;\n\tif (\n\t\turl.pathname === window.location.pathname &&\n\t\turl.search === window.location.search\n\t) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nexport type NavigationProgressProps = {\n\t/** App-supplied pathname. Blocks does not import `next/navigation`. */\n\tpathname: string;\n\t/** Query string without the leading `?`. */\n\tsearch?: string;\n\t/** Storybook / tests. Skips click listeners and stays visible. */\n\tforceVisible?: boolean;\n};\n\n/**\n * Indeterminate bar fixed to the top of the viewport. Apps pass the current\n * route from their router and wrap `useSearchParams` in `<Suspense>`.\n * The bar starts on a same-origin link click or back/forward, and stays up\n * while a `[data-route-loading]` node (see `RouteLoading`) is mounted.\n */\nexport function NavigationProgress({\n\tpathname,\n\tsearch = \"\",\n\tforceVisible = false,\n}: NavigationProgressProps) {\n\tconst [visible, setVisible] = useState(forceVisible);\n\tconst startedAt = useRef(0);\n\tconst startedRoute = useRef<string | null>(null);\n\tconst committedRoute = useRef<string | null>(null);\n\n\tuseEffect(() => {\n\t\tcommittedRoute.current = routeKey(pathname, search);\n\t}, [pathname, search]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible) return;\n\t\tfunction begin(route: string) {\n\t\t\tstartedAt.current = Date.now();\n\t\t\tstartedRoute.current = route;\n\t\t\tsetVisible(true);\n\t\t}\n\t\tfunction onClick(event: MouseEvent) {\n\t\t\tif (!isInternalNavigationClick(event)) return;\n\t\t\t// Capture runs before Next's <Link> handler, which may push history\n\t\t\t// before a bubble listener would see the click.\n\t\t\tbegin(\n\t\t\t\trouteKey(\n\t\t\t\t\twindow.location.pathname,\n\t\t\t\t\twindow.location.search.replace(/^\\?/, \"\"),\n\t\t\t\t),\n\t\t\t);\n\t\t}\n\t\tfunction onPopState() {\n\t\t\t// The URL has already changed. Keep the route React last committed\n\t\t\t// so the bar can end once the destination commits.\n\t\t\tbegin(committedRoute.current ?? \"\");\n\t\t}\n\t\tdocument.addEventListener(\"click\", onClick, true);\n\t\twindow.addEventListener(\"popstate\", onPopState);\n\t\treturn () => {\n\t\t\tdocument.removeEventListener(\"click\", onClick, true);\n\t\t\twindow.removeEventListener(\"popstate\", onPopState);\n\t\t};\n\t}, [forceVisible]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible || !visible) return;\n\t\tconst started = startedRoute.current;\n\t\tif (!started || routeKey(pathname, search) === started) return;\n\n\t\tlet hideTimer = 0;\n\t\tlet stopped = false;\n\t\tfunction hide() {\n\t\t\tif (stopped) return;\n\t\t\tif (document.querySelector(ROUTE_LOADING_SELECTOR)) return;\n\t\t\tstopped = true;\n\t\t\tconst wait = Math.max(\n\t\t\t\t0,\n\t\t\t\tMIN_VISIBLE_MS - (Date.now() - startedAt.current),\n\t\t\t);\n\t\t\thideTimer = window.setTimeout(() => setVisible(false), wait);\n\t\t}\n\t\thide();\n\t\tconst observer = new MutationObserver(hide);\n\t\tobserver.observe(document.body, { childList: true, subtree: true });\n\t\tconst safety = window.setTimeout(() => setVisible(false), SAFETY_MS);\n\t\treturn () => {\n\t\t\tstopped = true;\n\t\t\twindow.clearTimeout(hideTimer);\n\t\t\twindow.clearTimeout(safety);\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [forceVisible, pathname, search, visible]);\n\n\tif (!visible) return null;\n\n\treturn (\n\t\t<>\n\t\t\t<style dangerouslySetInnerHTML={{ __html: NAV_PROGRESS_CSS }} />\n\t\t\t<div\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-label=\"Cargando\"\n\t\t\t\tclassName=\"pointer-events-none fixed inset-x-0 top-0 z-[60] h-0.5 overflow-hidden bg-primary/20\"\n\t\t\t>\n\t\t\t\t<div className=\"nav-progress-indeterminate bg-primary\" />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["../src/components/NavigationProgress.tsx"],"names":[],"mappings":"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","file":"navigation-progress.js","sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nconst MIN_VISIBLE_MS = 200;\nconst SAFETY_MS = 10_000;\n\nexport const ROUTE_LOADING_SELECTOR = \"[data-route-loading]\";\n\n/** Indeterminate bar motion. Inlined so apps do not copy keyframes into their CSS. */\nexport const NAV_PROGRESS_CSS = `\n@keyframes nav-progress-indeterminate {\n\t0% { transform: translateX(-100%); }\n\t100% { transform: translateX(400%); }\n}\n.nav-progress-indeterminate {\n\twidth: 33%;\n\theight: 100%;\n\tanimation: nav-progress-indeterminate 1.1s ease-in-out infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n\t.nav-progress-indeterminate {\n\t\tanimation: none;\n\t\twidth: 100%;\n\t\ttransform: none;\n\t}\n}\n`;\n\ntype StartListener = (href: string | undefined) => void;\n\nconst startListeners = new Set<StartListener>();\nlet navigationSuppressed = false;\nlet suppressTimer = 0;\n\nfunction normalizeSearch(search: string): string {\n\tconst params = new URLSearchParams(search);\n\tconst entries = [...params.entries()].sort(([a], [b]) => a.localeCompare(b));\n\tconst sorted = new URLSearchParams();\n\tfor (const [key, value] of entries) {\n\t\tsorted.append(key, value);\n\t}\n\treturn sorted.toString();\n}\n\nfunction routeKey(pathname: string, search: string): string {\n\treturn `${pathname}?${normalizeSearch(search)}`;\n}\n\nfunction routeKeyFromHref(href: string): string | null {\n\ttry {\n\t\tconst url = new URL(href, window.location.origin);\n\t\treturn routeKey(url.pathname, url.search.replace(/^\\?/, \"\"));\n\t} catch {\n\t\treturn null;\n\t}\n}\n\nfunction isShown(element: Element): boolean {\n\tif (!(element instanceof HTMLElement)) return false;\n\tif (element.hidden) return false;\n\tconst display = element.style.display || getComputedStyle(element).display;\n\tif (display === \"none\") return false;\n\tconst visibility =\n\t\telement.style.visibility || getComputedStyle(element).visibility;\n\tif (visibility === \"hidden\") return false;\n\tif (display === \"contents\") {\n\t\treturn Array.from(element.children).some((child) => isShown(child));\n\t}\n\treturn true;\n}\n\n/** A route skeleton counts only while it is actually on screen. */\nexport function routeLoadingIsActive(): boolean {\n\tfor (const node of document.querySelectorAll(ROUTE_LOADING_SELECTOR)) {\n\t\tif (isShown(node)) return true;\n\t}\n\treturn false;\n}\n\n/**\n * Ignore navigation-start signals for the rest of this turn. Used by the\n * fullscreen post viewer, whose permalink `pushState` / `history.back()` is\n * not a page load. An in-flight bar is left alone.\n */\nexport function suppressNavigationProgress(): void {\n\tnavigationSuppressed = true;\n\twindow.clearTimeout(suppressTimer);\n\tsuppressTimer = window.setTimeout(() => {\n\t\tnavigationSuppressed = false;\n\t}, 0);\n}\n\n/**\n * Start the top bar for a navigation that did not come from a link click.\n * Records the route React has committed, not `window.location` (already the\n * destination on back/forward). No-ops when `href` is that same route, or\n * when {@link suppressNavigationProgress} is set.\n */\nexport function signalNavigationStart(href?: string): void {\n\tif (navigationSuppressed) return;\n\tfor (const listener of startListeners) {\n\t\tlistener(href);\n\t}\n}\n\nexport function isInternalNavigationClick(event: MouseEvent): boolean {\n\tif (event.button !== 0) return false;\n\tif (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {\n\t\treturn false;\n\t}\n\tconst target = event.target;\n\tif (!(target instanceof Element)) return false;\n\tconst anchor = target.closest(\"a\");\n\tif (!(anchor instanceof HTMLAnchorElement)) return false;\n\tif (anchor.target && anchor.target !== \"_self\") return false;\n\tif (anchor.hasAttribute(\"download\")) return false;\n\tconst raw = anchor.getAttribute(\"href\");\n\tif (\n\t\t!raw ||\n\t\traw.startsWith(\"#\") ||\n\t\traw.startsWith(\"mailto:\") ||\n\t\traw.startsWith(\"tel:\")\n\t) {\n\t\treturn false;\n\t}\n\tlet url: URL;\n\ttry {\n\t\turl = new URL(anchor.href, window.location.href);\n\t} catch {\n\t\treturn false;\n\t}\n\tif (url.origin !== window.location.origin) return false;\n\tif (\n\t\turl.pathname === window.location.pathname &&\n\t\turl.search === window.location.search\n\t) {\n\t\treturn false;\n\t}\n\treturn true;\n}\n\nexport type NavigationProgressProps = {\n\t/** App-supplied pathname. Blocks does not import `next/navigation`. */\n\tpathname: string;\n\t/** Query string without the leading `?`. */\n\tsearch?: string;\n\t/** Storybook / tests. Skips click listeners and stays visible. */\n\tforceVisible?: boolean;\n};\n\n/**\n * Indeterminate bar fixed to the top of the viewport. Apps pass the current\n * route from their router and wrap `useSearchParams` in `<Suspense>`.\n * The bar starts on a same-origin link click, back/forward, or\n * {@link signalNavigationStart}, and stays up while a visible\n * `[data-route-loading]` node (see `RouteLoading`) is on screen.\n */\nexport function NavigationProgress({\n\tpathname,\n\tsearch = \"\",\n\tforceVisible = false,\n}: NavigationProgressProps) {\n\tconst [visible, setVisible] = useState(forceVisible);\n\tconst [runId, setRunId] = useState(0);\n\tconst startedAt = useRef(0);\n\tconst startedRoute = useRef<string | null>(null);\n\tconst committedRoute = useRef<string | null>(null);\n\n\tuseEffect(() => {\n\t\tcommittedRoute.current = routeKey(pathname, search);\n\t}, [pathname, search]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible) return;\n\t\tfunction begin(route: string) {\n\t\t\tif (navigationSuppressed) return;\n\t\t\tstartedAt.current = Date.now();\n\t\t\tstartedRoute.current = route;\n\t\t\tsetRunId((id) => id + 1);\n\t\t\tsetVisible(true);\n\t\t}\n\t\tfunction onClick(event: MouseEvent) {\n\t\t\tif (!isInternalNavigationClick(event)) return;\n\t\t\t// Capture runs before Next's <Link> handler, which may push history\n\t\t\t// before a bubble listener would see the click.\n\t\t\tbegin(committedRoute.current ?? routeKey(pathname, search));\n\t\t}\n\t\tfunction onPopState() {\n\t\t\t// The URL has already changed. Skip when it still matches the route\n\t\t\t// React committed (post-viewer history.back). Otherwise keep that\n\t\t\t// committed route so the bar can end once the destination commits.\n\t\t\tconst landed = routeKey(\n\t\t\t\twindow.location.pathname,\n\t\t\t\twindow.location.search.replace(/^\\?/, \"\"),\n\t\t\t);\n\t\t\tif (landed === (committedRoute.current ?? \"\")) return;\n\t\t\tbegin(committedRoute.current ?? \"\");\n\t\t}\n\t\tfunction onStart(href: string | undefined) {\n\t\t\tif (href) {\n\t\t\t\tconst target = routeKeyFromHref(href);\n\t\t\t\tif (target !== null && target === committedRoute.current) return;\n\t\t\t}\n\t\t\tbegin(committedRoute.current ?? routeKey(pathname, search));\n\t\t}\n\t\tstartListeners.add(onStart);\n\t\tdocument.addEventListener(\"click\", onClick, true);\n\t\twindow.addEventListener(\"popstate\", onPopState);\n\t\treturn () => {\n\t\t\tstartListeners.delete(onStart);\n\t\t\tdocument.removeEventListener(\"click\", onClick, true);\n\t\t\twindow.removeEventListener(\"popstate\", onPopState);\n\t\t};\n\t}, [forceVisible, pathname, search]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible || !visible) return;\n\t\tconst safety = window.setTimeout(() => setVisible(false), SAFETY_MS);\n\t\treturn () => window.clearTimeout(safety);\n\t}, [forceVisible, runId, visible]);\n\n\tuseEffect(() => {\n\t\tif (forceVisible || !visible) return;\n\t\tconst started = startedRoute.current;\n\t\tif (!started) return;\n\n\t\tlet hideTimer = 0;\n\t\tlet stopped = false;\n\t\tlet sawLoading = false;\n\t\tfunction hide() {\n\t\t\tif (stopped) return;\n\t\t\tif (routeLoadingIsActive()) {\n\t\t\t\tsawLoading = true;\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst routeChanged = routeKey(pathname, search) !== started;\n\t\t\tif (!routeChanged && !sawLoading) return;\n\t\t\tstopped = true;\n\t\t\tconst wait = Math.max(\n\t\t\t\t0,\n\t\t\t\tMIN_VISIBLE_MS - (Date.now() - startedAt.current),\n\t\t\t);\n\t\t\thideTimer = window.setTimeout(() => setVisible(false), wait);\n\t\t}\n\t\thide();\n\t\tconst observer = new MutationObserver(hide);\n\t\tobserver.observe(document.body, {\n\t\t\tchildList: true,\n\t\t\tsubtree: true,\n\t\t\tattributes: true,\n\t\t\tattributeFilter: [\"style\", \"hidden\", \"class\"],\n\t\t});\n\t\treturn () => {\n\t\t\tstopped = true;\n\t\t\twindow.clearTimeout(hideTimer);\n\t\t\tobserver.disconnect();\n\t\t};\n\t}, [forceVisible, pathname, search, visible]);\n\n\tif (!visible) return null;\n\n\treturn (\n\t\t<>\n\t\t\t<style dangerouslySetInnerHTML={{ __html: NAV_PROGRESS_CSS }} />\n\t\t\t<div\n\t\t\t\trole=\"progressbar\"\n\t\t\t\taria-label=\"Cargando\"\n\t\t\t\tclassName=\"pointer-events-none fixed inset-x-0 top-0 z-[60] h-0.5 overflow-hidden bg-primary/20\"\n\t\t\t>\n\t\t\t\t<div className=\"nav-progress-indeterminate bg-primary\" />\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sesionario/blocks",
-	"version": "1.40.0",
+	"version": "1.40.1-rc.1",
 	"description": "Shared UI components for Sesionario applications",
 	"type": "module",
 	"main": "./dist/index.cjs",