@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/providers/RouteTransition/ProgressBar/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { useEffect, useRef } from 'react';
 import { useRouteTransition } from '../index.js';
 import './index.scss';
@@ -20,85 +18,68 @@ const initialDelay = 150;
  *  <ProgressBar />
  *  <Link href="/somewhere">Go Somewhere</Link>
  * </RouteTransitionProvider>
- */
-export const ProgressBar = () => {
-  const $ = _c(9);
-  const {
-    isTransitioning,
-    transitionProgress
-  } = useRouteTransition();
-  const [progressToShow, setProgressToShow] = React.useState(null);
-  const shouldDelayProgress = useRef(true);
-  let t0;
-  let t1;
-  if ($[0] !== isTransitioning || $[1] !== transitionProgress) {
-    t0 = () => {
-      let clearTimerID;
-      let delayTimerID;
-      if (isTransitioning) {
-        if (shouldDelayProgress.current) {
-          delayTimerID = setTimeout(() => {
-            setProgressToShow(transitionProgress);
-            shouldDelayProgress.current = false;
-          }, initialDelay);
+ */ export const ProgressBar = ()=>{
+    const { isTransitioning, transitionProgress } = useRouteTransition();
+    const [progressToShow, setProgressToShow] = React.useState(null);
+    const shouldDelayProgress = useRef(true);
+    useEffect(()=>{
+        let clearTimerID;
+        let delayTimerID;
+        if (isTransitioning) {
+            if (shouldDelayProgress.current) {
+                delayTimerID = setTimeout(()=>{
+                    setProgressToShow(transitionProgress);
+                    shouldDelayProgress.current = false;
+                }, initialDelay);
+            } else {
+                setProgressToShow(transitionProgress);
+            }
         } else {
-          setProgressToShow(transitionProgress);
+            shouldDelayProgress.current = true;
+            // Fast forward to 100% when the transition is complete
+            // Then fade out the progress bar directly after
+            setProgressToShow(1);
+            // Wait for CSS transition to finish before hiding the progress bar
+            // This includes both the fast-forward to 100% and the subsequent fade-out
+            clearTimerID = setTimeout(()=>{
+                setProgressToShow(null);
+            }, transitionDuration * 2);
         }
-      } else {
-        shouldDelayProgress.current = true;
-        setProgressToShow(1);
-        clearTimerID = setTimeout(() => {
-          setProgressToShow(null);
-        }, transitionDuration * 2);
-      }
-      return () => {
-        clearTimeout(clearTimerID);
-        clearTimeout(delayTimerID);
-      };
-    };
-    t1 = [isTransitioning, transitionProgress];
-    $[0] = isTransitioning;
-    $[1] = transitionProgress;
-    $[2] = t0;
-    $[3] = t1;
-  } else {
-    t0 = $[2];
-    t1 = $[3];
-  }
-  useEffect(t0, t1);
-  if (typeof progressToShow === "number") {
-    const t2 = progressToShow === 1 && `${baseClass}--fade-out`;
-    let t3;
-    if ($[4] !== t2) {
-      t3 = [baseClass, t2].filter(Boolean);
-      $[4] = t2;
-      $[5] = t3;
-    } else {
-      t3 = $[5];
-    }
-    const t4 = t3.join(" ");
-    let t5;
-    if ($[6] !== progressToShow || $[7] !== t4) {
-      t5 = _jsx("div", {
-        className: t4,
-        style: {
-          "--transition-duration": `${transitionDuration}ms`
-        },
-        children: _jsx("div", {
-          className: `${baseClass}__progress`,
-          style: {
-            width: `${(progressToShow || 0) * 100}%`
-          }
-        })
-      });
-      $[6] = progressToShow;
-      $[7] = t4;
-      $[8] = t5;
-    } else {
-      t5 = $[8];
+        return ()=>{
+            clearTimeout(clearTimerID);
+            clearTimeout(delayTimerID);
+        };
+    }, [
+        isTransitioning,
+        transitionProgress
+    ]);
+    if (typeof progressToShow === 'number') {
+        return /*#__PURE__*/ _jsxDEV("div", {
+            className: [
+                baseClass,
+                progressToShow === 1 && `${baseClass}--fade-out`
+            ].filter(Boolean).join(' '),
+            style: {
+                // @ts-expect-error - TS doesn't like custom CSS properties
+                '--transition-duration': `${transitionDuration}ms`
+            },
+            children: /*#__PURE__*/ _jsxDEV("div", {
+                className: `${baseClass}__progress`,
+                style: {
+                    width: `${(progressToShow || 0) * 100}%`
+                }
+            }, void 0, false, {
+                fileName: "src/providers/RouteTransition/ProgressBar/index.tsx",
+                lineNumber: 73,
+                columnNumber: 9
+            }, this)
+        }, void 0, false, {
+            fileName: "src/providers/RouteTransition/ProgressBar/index.tsx",
+            lineNumber: 64,
+            columnNumber: 7
+        }, this);
     }
-    return t5;
-  }
-  return null;
+    return null;
 };
+
 //# sourceMappingURL=index.js.map

package/dist/providers/RouteTransition/ProgressBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","$","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","t0","t1","clearTimerID","delayTimerID","current","clearTimeout","t2","t3","filter","Boolean","t4","join","t5","_jsx","className","style","children","width"],"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n * <RouteTransitionProvider>\n *  <ProgressBar />\n *  <Link href=\"/somewhere\">Go Somewhere</Link>\n * </RouteTransitionProvider>\n */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,SAAS,EAAEC,MAAM,QAAQ;AAEzC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,SAAA,GAAY;AAClB,MAAMC,YAAA,GAAe;AAErB;;;;;;;;;;;;;AAaA,OAAO,MAAMC,WAAA,GAAcA,CAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACzB;IAAAU,eAAA;IAAAC;EAAA,IAAgDP,kBAAA;EAChD,OAAAQ,cAAA,EAAAC,iBAAA,IAA4CZ,KAAA,CAAAa,QAAA,KAA8B;EAC1E,MAAAC,mBAAA,GAA4BZ,MAAA,KAAO;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAR,CAAA,QAAAC,eAAA,IAAAD,CAAA,QAAAE,kBAAA;IAEzBK,EAAA,GAAAA,CAAA;MACJE,GAAA,CAAAA,YAAA;MACAC,GAAA,CAAAA,YAAA;MAAA,IAEAT,eAAA;QAAA,IACEK,mBAAA,CAAAK,OAAA;UACFD,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;YACbN,iBAAA,CAAkBF,kBAAA;YAClBI,mBAAA,CAAAK,OAAA;UAAA,GAAAb,YACC;QAHH;UAKAM,iBAAA,CAAkBF,kBAAA;QAAA;MAAA;QAGpBI,mBAAA,CAAAK,OAAA;QAIAP,iBAAA,EAAkB;QAIlBK,YAAA,CAAAA,CAAA,CAAeA,aAAA,CAAAA,EAAA,CAAAA;UACbL,iBAAA,KAAkB;QAAA,GACjBR,kBAAA,IAAqB;MAFxB;MAAA;QAMAgB,YAAA,CAAaH,YAAA;QACbG,YAAA,CAAaF,YAAA;MAAA;IAAA;IAEdF,EAAA,IAACP,eAAA,EAAiBC,kBAAA;IAAmBF,CAAA,MAAAC,eAAA;IAAAD,CAAA,MAAAE,kBAAA;IAAAF,CAAA,MAAAO,EAAA;IAAAP,CAAA,MAAAQ,EAAA;EAAA;IAAAD,EAAA,GAAAP,CAAA;IAAAQ,EAAA,GAAAR,CAAA;EAAA;EA/BxCP,SAAA,CAAUc,EA+BV,EAAGC,EAAqC;EAAA,IAEpC,OAAOL,cAAA,KAAmB;IAGD,MAAAU,EAAA,GAAAV,cAAA,MAAmB,IAAK,GAAAN,SAAA,YAAwB;IAAA,IAAAiB,EAAA;IAAA,IAAAd,CAAA,QAAAa,EAAA;MAA5DC,EAAA,IAAAjB,SAAA,EAAYgB,EAAgD,EAAAE,MAAA,CAAAC,OAC7D;MAAAhB,CAAA,MAAAa,EAAA;MAAAb,CAAA,MAAAc,EAAA;IAAA;MAAAA,EAAA,GAAAd,CAAA;IAAA;IADC,MAAAiB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;IAAA,IAAAC,EAAA;IAAA,IAAAnB,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAiB,EAAA;MAHVE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EACYJ,EAEH;QAAAK,KAAA;UAAA,yBAGmB,GAAA1B,kBAAA;QAAyB;QAAA2B,QAAA,EAGpDH,IAAA,CAAC;UAAAC,SAAA,EACY,GAAAxB,SAAA,YAAwB;UAAAyB,KAAA;YAAAE,KAAA,EAE1B,GAAG,CAACrB,cAAA,KAAkB,OAAK;UAAM;QAAA,C;;;;;;;;WAZ9CgB,E;;;CAoBN","ignoreList":[]}
+{"version":3,"sources":["../../../../src/providers/RouteTransition/ProgressBar/index.tsx"],"sourcesContent":["'use client'\nimport React, { useEffect, useRef } from 'react'\n\nimport { useRouteTransition } from '../index.js'\nimport './index.scss'\n\nconst transitionDuration = 200\nconst baseClass = 'progress-bar'\nconst initialDelay = 150\n\n/**\n * Renders a progress bar that shows the progress of a route transition.\n * Place this at the root of your application, inside of the `RouteTransitionProvider`.\n * When a transition is triggered, the progress bar will show the progress of that transition and exit when the transition is complete.\n * @returns A progress bar that shows the progress of a route transition\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n * <RouteTransitionProvider>\n *  <ProgressBar />\n *  <Link href=\"/somewhere\">Go Somewhere</Link>\n * </RouteTransitionProvider>\n */\nexport const ProgressBar = () => {\n  const { isTransitioning, transitionProgress } = useRouteTransition()\n  const [progressToShow, setProgressToShow] = React.useState<null | number>(null)\n  const shouldDelayProgress = useRef(true)\n\n  useEffect(() => {\n    let clearTimerID: NodeJS.Timeout\n    let delayTimerID: NodeJS.Timeout\n\n    if (isTransitioning) {\n      if (shouldDelayProgress.current) {\n        delayTimerID = setTimeout(() => {\n          setProgressToShow(transitionProgress)\n          shouldDelayProgress.current = false\n        }, initialDelay)\n      } else {\n        setProgressToShow(transitionProgress)\n      }\n    } else {\n      shouldDelayProgress.current = true\n\n      // Fast forward to 100% when the transition is complete\n      // Then fade out the progress bar directly after\n      setProgressToShow(1)\n\n      // Wait for CSS transition to finish before hiding the progress bar\n      // This includes both the fast-forward to 100% and the subsequent fade-out\n      clearTimerID = setTimeout(() => {\n        setProgressToShow(null)\n      }, transitionDuration * 2)\n    }\n\n    return () => {\n      clearTimeout(clearTimerID)\n      clearTimeout(delayTimerID)\n    }\n  }, [isTransitioning, transitionProgress])\n\n  if (typeof progressToShow === 'number') {\n    return (\n      <div\n        className={[baseClass, progressToShow === 1 && `${baseClass}--fade-out`]\n          .filter(Boolean)\n          .join(' ')}\n        style={{\n          // @ts-expect-error - TS doesn't like custom CSS properties\n          '--transition-duration': `${transitionDuration}ms`,\n        }}\n      >\n        <div\n          className={`${baseClass}__progress`}\n          style={{\n            width: `${(progressToShow || 0) * 100}%`,\n          }}\n        />\n      </div>\n    )\n  }\n\n  return null\n}\n"],"names":["React","useEffect","useRef","useRouteTransition","transitionDuration","baseClass","initialDelay","ProgressBar","isTransitioning","transitionProgress","progressToShow","setProgressToShow","useState","shouldDelayProgress","clearTimerID","delayTimerID","current","setTimeout","clearTimeout","div","className","filter","Boolean","join","style","width"],"mappings":"AAAA;;AACA,OAAOA,SAASC,SAAS,EAAEC,MAAM,QAAQ,QAAO;AAEhD,SAASC,kBAAkB,QAAQ,cAAa;AAChD,OAAO,eAAc;AAErB,MAAMC,qBAAqB;AAC3B,MAAMC,YAAY;AAClB,MAAMC,eAAe;AAErB;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,cAAc;IACzB,MAAM,EAAEC,eAAe,EAAEC,kBAAkB,EAAE,GAAGN;IAChD,MAAM,CAACO,gBAAgBC,kBAAkB,GAAGX,MAAMY,QAAQ,CAAgB;IAC1E,MAAMC,sBAAsBX,OAAO;IAEnCD,UAAU;QACR,IAAIa;QACJ,IAAIC;QAEJ,IAAIP,iBAAiB;YACnB,IAAIK,oBAAoBG,OAAO,EAAE;gBAC/BD,eAAeE,WAAW;oBACxBN,kBAAkBF;oBAClBI,oBAAoBG,OAAO,GAAG;gBAChC,GAAGV;YACL,OAAO;gBACLK,kBAAkBF;YACpB;QACF,OAAO;YACLI,oBAAoBG,OAAO,GAAG;YAE9B,uDAAuD;YACvD,gDAAgD;YAChDL,kBAAkB;YAElB,mEAAmE;YACnE,0EAA0E;YAC1EG,eAAeG,WAAW;gBACxBN,kBAAkB;YACpB,GAAGP,qBAAqB;QAC1B;QAEA,OAAO;YACLc,aAAaJ;YACbI,aAAaH;QACf;IACF,GAAG;QAACP;QAAiBC;KAAmB;IAExC,IAAI,OAAOC,mBAAmB,UAAU;QACtC,qBACE,QAACS;YACCC,WAAW;gBAACf;gBAAWK,mBAAmB,KAAK,GAAGL,UAAU,UAAU,CAAC;aAAC,CACrEgB,MAAM,CAACC,SACPC,IAAI,CAAC;YACRC,OAAO;gBACL,2DAA2D;gBAC3D,yBAAyB,GAAGpB,mBAAmB,EAAE,CAAC;YACpD;sBAEA,cAAA,QAACe;gBACCC,WAAW,GAAGf,UAAU,UAAU,CAAC;gBACnCmB,OAAO;oBACLC,OAAO,GAAG,AAACf,CAAAA,kBAAkB,CAAA,IAAK,IAAI,CAAC,CAAC;gBAC1C;;;;;;;;;;;IAIR;IAEA,OAAO;AACT,EAAC"}

package/dist/providers/RouteTransition/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react';
 /**
  * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.
@@ -18,98 +16,75 @@ import React, { startTransition, useCallback, useEffect, useOptimistic, useRef }
  *   <Link href="/somewhere">Go Somewhere</Link>
  *  </RouteTransitionProvider>
  * )
- */
-export const RouteTransitionProvider = t0 => {
-  const $ = _c(11);
-  const {
-    children
-  } = t0;
-  const [isTransitioning, setIsTransitioning] = useOptimistic(false);
-  const [transitionProgress, setTransitionProgress] = React.useState(0);
-  const transitionProgressRef = useRef(transitionProgress);
-  const timerID = useRef(null);
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      timerID.current = setInterval(() => {
-        const newProgress = transitionProgressRef.current + (0.93 - transitionProgressRef.current) * Math.random() * 0.2 * Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * 0.75), 0.75);
-        setTransitionProgress(newProgress);
-        transitionProgressRef.current = newProgress;
-      }, 250);
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const initiateProgress = t1;
-  let t2;
-  let t3;
-  if ($[1] !== isTransitioning) {
-    t2 = () => {
-      setTransitionProgress(0);
-      transitionProgressRef.current = 0;
-      if (isTransitioning) {
-        initiateProgress();
-      } else {
-        if (timerID.current) {
-          clearInterval(timerID.current);
-        }
-      }
-    };
-    t3 = [isTransitioning, initiateProgress];
-    $[1] = isTransitioning;
-    $[2] = t2;
-    $[3] = t3;
-  } else {
-    t2 = $[2];
-    t3 = $[3];
-  }
-  useEffect(t2, t3);
-  let t4;
-  if ($[4] !== setIsTransitioning) {
-    t4 = callback => {
-      startTransition(() => {
-        setIsTransitioning(true);
-        if (typeof callback === "function") {
-          callback();
+ */ export const RouteTransitionProvider = ({ children })=>{
+    const [isTransitioning, setIsTransitioning] = useOptimistic(false);
+    const [transitionProgress, setTransitionProgress] = React.useState(0);
+    const transitionProgressRef = useRef(transitionProgress);
+    const timerID = useRef(null);
+    const initiateProgress = useCallback(()=>{
+        timerID.current = setInterval(()=>{
+            // randomly update progress using an exponential curve
+            // cap the progress to ensure it never fully reaches completion
+            // accelerate quickly then decelerate slowly
+            const maxProgress = 0.93;
+            const jumpFactor = 0.2;
+            // lower to reduce jumps in progress
+            const growthFactor = 0.75;
+            // adjust to control acceleration
+            const slowdownFactor = 0.75;
+            // adjust to control deceleration
+            const newProgress = transitionProgressRef.current + (maxProgress - transitionProgressRef.current) * Math.random() * jumpFactor * Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor);
+            setTransitionProgress(newProgress);
+            transitionProgressRef.current = newProgress;
+        }, 250);
+    }, // every n ms, update progress
+    []);
+    useEffect(()=>{
+        setTransitionProgress(0);
+        transitionProgressRef.current = 0;
+        if (isTransitioning) {
+            initiateProgress();
+        } else {
+            if (timerID.current) {
+                clearInterval(timerID.current);
+            }
         }
-      });
-    };
-    $[4] = setIsTransitioning;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const startRouteTransition = t4;
-  let t5;
-  if ($[6] !== children || $[7] !== isTransitioning || $[8] !== startRouteTransition || $[9] !== transitionProgress) {
-    t5 = _jsx(RouteTransitionContext, {
-      value: {
+    }, [
         isTransitioning,
-        startRouteTransition,
-        transitionProgress
-      },
-      children
-    });
-    $[6] = children;
-    $[7] = isTransitioning;
-    $[8] = startRouteTransition;
-    $[9] = transitionProgress;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
+        initiateProgress
+    ]);
+    const startRouteTransition = useCallback((callback)=>{
+        startTransition(()=>{
+            setIsTransitioning(true);
+            if (typeof callback === 'function') {
+                callback();
+            }
+        });
+    }, [
+        setIsTransitioning
+    ]);
+    return /*#__PURE__*/ _jsxDEV(RouteTransitionContext, {
+        value: {
+            isTransitioning,
+            startRouteTransition,
+            transitionProgress
+        },
+        children: children
+    }, void 0, false, {
+        fileName: "src/providers/RouteTransition/index.tsx",
+        lineNumber: 77,
+        columnNumber: 5
+    }, this);
 };
-const RouteTransitionContext = /*#__PURE__*/React.createContext({
-  isTransitioning: false,
-  // Default implementation: just call the callback directly (no transition animation)
-  startRouteTransition: callback => {
-    if (typeof callback === 'function') {
-      callback();
-    }
-  },
-  transitionProgress: 0
+const RouteTransitionContext = /*#__PURE__*/ React.createContext({
+    isTransitioning: false,
+    // Default implementation: just call the callback directly (no transition animation)
+    startRouteTransition: (callback)=>{
+        if (typeof callback === 'function') {
+            callback();
+        }
+    },
+    transitionProgress: 0
 });
 /**
  * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.
@@ -131,6 +106,6 @@ const RouteTransitionContext = /*#__PURE__*/React.createContext({
  *
  *   // ...
  * }
- */
-export const useRouteTransition = () => React.use(RouteTransitionContext);
+ */ export const useRouteTransition = ()=>React.use(RouteTransitionContext);
+
 //# sourceMappingURL=index.js.map

package/dist/providers/RouteTransition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","t0","$","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","t1","Symbol","for","current","setInterval","newProgress","Math","random","pow","log","initiateProgress","t2","t3","clearInterval","t4","callback","startRouteTransition","t5","_jsx","RouteTransitionContext","value","createContext","useRouteTransition","use"],"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n *  <RouteTransitionProvider>\n *   <ProgressBar />\n *   <Link href=\"/somewhere\">Go Somewhere</Link>\n *  </RouteTransitionProvider>\n * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => void) => {\n      startTransition(() => {\n        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext value={{ isTransitioning, startRouteTransition, transitionProgress }}>\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  // Default implementation: just call the callback directly (no transition animation)\n  startRouteTransition: (callback) => {\n    if (typeof callback === 'function') {\n      callback()\n    }\n  },\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.use(RouteTransitionContext)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/RouteTransition/index.tsx"],"sourcesContent":["'use client'\nimport React, { startTransition, useCallback, useEffect, useOptimistic, useRef } from 'react'\n\n/**\n * Route transitions are useful in showing immediate visual feedback to the user when navigating between pages. This is especially useful on slow networks when navigating to data heavy or process intensive pages.\n * To use route transitions, place the `RouteTransitionProvider` at the root of your application, outside of the `ProgressBar` component.\n * To trigger a route transition, use the `Link` component from `@payloadcms/ui`,\n * or wrap a callback function with the `startRouteTransition` method.\n * To gain access to the `RouteTransitionContext`, call the `useRouteTransition` hook in your component.\n * @returns A context provider with methods and state for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * import { RouteTransitionProvider, ProgressBar, Link } from '@payloadcms/ui'\n * const App = () => (\n *  <RouteTransitionProvider>\n *   <ProgressBar />\n *   <Link href=\"/somewhere\">Go Somewhere</Link>\n *  </RouteTransitionProvider>\n * )\n */\nexport const RouteTransitionProvider: React.FC<RouteTransitionProps> = ({ children }) => {\n  const [isTransitioning, setIsTransitioning] = useOptimistic(false)\n  const [transitionProgress, setTransitionProgress] = React.useState<number>(0)\n\n  const transitionProgressRef = useRef(transitionProgress)\n\n  const timerID = useRef(null)\n\n  const initiateProgress = useCallback(() => {\n    timerID.current = setInterval(() => {\n      // randomly update progress using an exponential curve\n      // cap the progress to ensure it never fully reaches completion\n      // accelerate quickly then decelerate slowly\n      const maxProgress = 0.93\n      const jumpFactor = 0.2 // lower to reduce jumps in progress\n      const growthFactor = 0.75 // adjust to control acceleration\n      const slowdownFactor = 0.75 // adjust to control deceleration\n\n      const newProgress =\n        transitionProgressRef.current +\n        (maxProgress - transitionProgressRef.current) *\n          Math.random() *\n          jumpFactor *\n          Math.pow(Math.log(1 + (1 - transitionProgressRef.current) * growthFactor), slowdownFactor)\n\n      setTransitionProgress(newProgress)\n      transitionProgressRef.current = newProgress\n    }, 250) // every n ms, update progress\n  }, [])\n\n  useEffect(() => {\n    setTransitionProgress(0)\n    transitionProgressRef.current = 0\n\n    if (isTransitioning) {\n      initiateProgress()\n    } else {\n      if (timerID.current) {\n        clearInterval(timerID.current)\n      }\n    }\n  }, [isTransitioning, initiateProgress])\n\n  const startRouteTransition: StartRouteTransition = useCallback(\n    (callback?: () => void) => {\n      startTransition(() => {\n        setIsTransitioning(true)\n\n        if (typeof callback === 'function') {\n          callback()\n        }\n      })\n    },\n    [setIsTransitioning],\n  )\n\n  return (\n    <RouteTransitionContext value={{ isTransitioning, startRouteTransition, transitionProgress }}>\n      {children}\n    </RouteTransitionContext>\n  )\n}\n\ntype RouteTransitionProps = {\n  children: React.ReactNode\n}\n\ntype StartRouteTransition = (callback?: () => void) => void\n\ntype RouteTransitionContextValue = {\n  isTransitioning: boolean\n  startRouteTransition: StartRouteTransition\n  transitionProgress: number\n}\n\nconst RouteTransitionContext = React.createContext<RouteTransitionContextValue>({\n  isTransitioning: false,\n  // Default implementation: just call the callback directly (no transition animation)\n  startRouteTransition: (callback) => {\n    if (typeof callback === 'function') {\n      callback()\n    }\n  },\n  transitionProgress: 0,\n})\n\n/**\n * Use this hook to access the `RouteTransitionContext` provided by the `RouteTransitionProvider`.\n * To start a transition, fire the `startRouteTransition` method with a provided callback to run while the transition takes place.\n * @returns The `RouteTransitionContext` needed for transitioning between routes, including `isTransitioning`, `startRouteTransition`, and `transitionProgress`.\n * @example\n * 'use client'\n * import React, { useCallback } from 'react'\n * import { useTransition } from '@payloadcms/ui'\n * import { useRouter } from 'next/navigation'\n *\n * const MyComponent: React.FC = () => {\n *   const router = useRouter()\n *   const { startRouteTransition } = useRouteTransition()\n *\n *   const redirectSomewhere = useCallback(() => {\n *     startRouteTransition(() => router.push('/somewhere'))\n *   }, [startRouteTransition, router])\n *\n *   // ...\n * }\n */\nexport const useRouteTransition = () => React.use(RouteTransitionContext)\n"],"names":["React","startTransition","useCallback","useEffect","useOptimistic","useRef","RouteTransitionProvider","children","isTransitioning","setIsTransitioning","transitionProgress","setTransitionProgress","useState","transitionProgressRef","timerID","initiateProgress","current","setInterval","maxProgress","jumpFactor","growthFactor","slowdownFactor","newProgress","Math","random","pow","log","clearInterval","startRouteTransition","callback","RouteTransitionContext","value","createContext","useRouteTransition","use"],"mappings":"AAAA;;AACA,OAAOA,SAASC,eAAe,EAAEC,WAAW,EAAEC,SAAS,EAAEC,aAAa,EAAEC,MAAM,QAAQ,QAAO;AAE7F;;;;;;;;;;;;;;;CAeC,GACD,OAAO,MAAMC,0BAA0D,CAAC,EAAEC,QAAQ,EAAE;IAClF,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGL,cAAc;IAC5D,MAAM,CAACM,oBAAoBC,sBAAsB,GAAGX,MAAMY,QAAQ,CAAS;IAE3E,MAAMC,wBAAwBR,OAAOK;IAErC,MAAMI,UAAUT,OAAO;IAEvB,MAAMU,mBAAmBb,YAAY;QACnCY,QAAQE,OAAO,GAAGC,YAAY;YAC5B,sDAAsD;YACtD,+DAA+D;YAC/D,4CAA4C;YAC5C,MAAMC,cAAc;YACpB,MAAMC,aAAa;YAAI,oCAAoC;YAC3D,MAAMC,eAAe;YAAK,iCAAiC;YAC3D,MAAMC,iBAAiB;YAAK,iCAAiC;YAE7D,MAAMC,cACJT,sBAAsBG,OAAO,GAC7B,AAACE,CAAAA,cAAcL,sBAAsBG,OAAO,AAAD,IACzCO,KAAKC,MAAM,KACXL,aACAI,KAAKE,GAAG,CAACF,KAAKG,GAAG,CAAC,IAAI,AAAC,CAAA,IAAIb,sBAAsBG,OAAO,AAAD,IAAKI,eAAeC;YAE/EV,sBAAsBW;YACtBT,sBAAsBG,OAAO,GAAGM;QAClC,GAAG;IACL,GADU,8BAA8B;IACrC,EAAE;IAELnB,UAAU;QACRQ,sBAAsB;QACtBE,sBAAsBG,OAAO,GAAG;QAEhC,IAAIR,iBAAiB;YACnBO;QACF,OAAO;YACL,IAAID,QAAQE,OAAO,EAAE;gBACnBW,cAAcb,QAAQE,OAAO;YAC/B;QACF;IACF,GAAG;QAACR;QAAiBO;KAAiB;IAEtC,MAAMa,uBAA6C1B,YACjD,CAAC2B;QACC5B,gBAAgB;YACdQ,mBAAmB;YAEnB,IAAI,OAAOoB,aAAa,YAAY;gBAClCA;YACF;QACF;IACF,GACA;QAACpB;KAAmB;IAGtB,qBACE,QAACqB;QAAuBC,OAAO;YAAEvB;YAAiBoB;YAAsBlB;QAAmB;kBACxFH;;;;;;AAGP,EAAC;AAcD,MAAMuB,uCAAyB9B,MAAMgC,aAAa,CAA8B;IAC9ExB,iBAAiB;IACjB,oFAAoF;IACpFoB,sBAAsB,CAACC;QACrB,IAAI,OAAOA,aAAa,YAAY;YAClCA;QACF;IACF;IACAnB,oBAAoB;AACtB;AAEA;;;;;;;;;;;;;;;;;;;;CAoBC,GACD,OAAO,MAAMuB,qBAAqB,IAAMjC,MAAMkC,GAAG,CAACJ,wBAAuB"}

package/dist/providers/ScrollInfo/index.js

@@ -1,4 +1,4 @@
 'use client';
-
 export { ScrollInfoProvider, useScrollInfo } from '@faceless-ui/scroll-info';
+
 //# sourceMappingURL=index.js.map

package/dist/providers/ScrollInfo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ScrollInfoProvider","useScrollInfo"],"sources":["../../../src/providers/ScrollInfo/index.tsx"],"sourcesContent":["'use client'\nexport { ScrollInfoProvider, useScrollInfo } from '@faceless-ui/scroll-info'\n"],"mappings":"AAAA;;AACA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/ScrollInfo/index.tsx"],"sourcesContent":["'use client'\nexport { ScrollInfoProvider, useScrollInfo } from '@faceless-ui/scroll-info'\n"],"names":["ScrollInfoProvider","useScrollInfo"],"mappings":"AAAA;AACA,SAASA,kBAAkB,EAAEC,aAAa,QAAQ,2BAA0B"}

package/dist/providers/SearchParams/index.js

@@ -1,14 +1,13 @@
 'use client';
-
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { useSearchParams as useNextSearchParams } from 'next/navigation.js';
 import * as qs from 'qs-esm';
 import React, { createContext, use } from 'react';
 const initialContext = {
-  searchParams: {},
-  stringifyParams: () => ''
+    searchParams: {},
+    stringifyParams: ()=>''
 };
-const Context = /*#__PURE__*/createContext(initialContext);
+const Context = /*#__PURE__*/ createContext(initialContext);
 /**
  * @deprecated
  * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.
@@ -16,34 +15,36 @@ const Context = /*#__PURE__*/createContext(initialContext);
  * ```tsx
  * import { useSearchParams } from 'next/navigation'
  * ```
- */
-export const SearchParamsProvider = ({
-  children
-}) => {
-  const nextSearchParams = useNextSearchParams();
-  const searchString = nextSearchParams.toString();
-  const searchParams = React.useMemo(() => qs.parse(searchString, {
-    depth: 10,
-    ignoreQueryPrefix: true
-  }), [searchString]);
-  const stringifyParams = React.useCallback(({
-    params,
-    replace = false
-  }) => {
-    return qs.stringify({
-      ...(replace ? {} : searchParams),
-      ...params
-    }, {
-      addQueryPrefix: true
-    });
-  }, [searchParams]);
-  return /*#__PURE__*/_jsx(Context, {
-    value: {
-      searchParams,
-      stringifyParams
-    },
-    children: children
-  });
+ */ export const SearchParamsProvider = ({ children })=>{
+    const nextSearchParams = useNextSearchParams();
+    const searchString = nextSearchParams.toString();
+    const searchParams = React.useMemo(()=>qs.parse(searchString, {
+            depth: 10,
+            ignoreQueryPrefix: true
+        }), [
+        searchString
+    ]);
+    const stringifyParams = React.useCallback(({ params, replace = false })=>{
+        return qs.stringify({
+            ...replace ? {} : searchParams,
+            ...params
+        }, {
+            addQueryPrefix: true
+        });
+    }, [
+        searchParams
+    ]);
+    return /*#__PURE__*/ _jsxDEV(Context, {
+        value: {
+            searchParams,
+            stringifyParams
+        },
+        children: children
+    }, void 0, false, {
+        fileName: "src/providers/SearchParams/index.tsx",
+        lineNumber: 53,
+        columnNumber: 10
+    }, this);
 };
 /**
  * @deprecated
@@ -57,6 +58,6 @@ export const SearchParamsProvider = ({
  * import { parseSearchParams } from '@payloadcms/ui'
  * const parsedSearchParams = parseSearchParams(searchParams)
  * ```
- */
-export const useSearchParams = () => use(Context);
+ */ export const useSearchParams = ()=>use(Context);
+
 //# sourceMappingURL=index.js.map

package/dist/providers/SearchParams/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useSearchParams","useNextSearchParams","qs","React","createContext","use","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","_jsx","value"],"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"mappings":"AAAA;;;AAEA,SAASA,eAAA,IAAmBC,mBAAmB,QAAQ;AACvD,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAO1C,MAAMC,cAAA,GAAsC;EAC1CC,YAAA,EAAc,CAAC;EACfC,eAAA,EAAiBA,CAAA,KAAM;AACzB;AAEA,MAAMC,OAAA,gBAAUL,aAAA,CAAcE,cAAA;AAE9B;;;;;;;;AAQA,OAAO,MAAMI,oBAAA,GAAiEA,CAAC;EAAEC;AAAQ,CAAE;EACzF,MAAMC,gBAAA,GAAmBX,mBAAA;EACzB,MAAMY,YAAA,GAAeD,gBAAA,CAAiBE,QAAQ;EAE9C,MAAMP,YAAA,GAAeJ,KAAA,CAAMY,OAAO,CAChC,MACEb,EAAA,CAAGc,KAAK,CAACH,YAAA,EAAc;IACrBI,KAAA,EAAO;IACPC,iBAAA,EAAmB;EACrB,IACF,CAACL,YAAA,CAAa;EAGhB,MAAML,eAAA,GAAkBL,KAAA,CAAMgB,WAAW,CACvC,CAAC;IAAEC,MAAM;IAAEC,OAAA,GAAU;EAAK,CAA8C;IACtE,OAAOnB,EAAA,CAAGoB,SAAS,CACjB;MACE,IAAID,OAAA,GAAU,CAAC,IAAId,YAAY;MAC/B,GAAGa;IACL,GACA;MAAEG,cAAA,EAAgB;IAAK;EAE3B,GACA,CAAChB,YAAA,CAAa;EAGhB,oBAAOiB,IAAA,CAACf,OAAA;IAAQgB,KAAA,EAAO;MAAElB,YAAA;MAAcC;IAAgB;cAAIG;;AAC7D;AAEA;;;;;;;;;;;;;AAaA,OAAO,MAAMX,eAAA,GAAkBA,CAAA,KAA2BK,GAAA,CAAII,OAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/providers/SearchParams/index.tsx"],"sourcesContent":["'use client'\n\nimport { useSearchParams as useNextSearchParams } from 'next/navigation.js'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use } from 'react'\n\nexport type SearchParamsContext = {\n  searchParams: qs.ParsedQs\n  stringifyParams: ({ params, replace }: { params: qs.ParsedQs; replace?: boolean }) => string\n}\n\nconst initialContext: SearchParamsContext = {\n  searchParams: {},\n  stringifyParams: () => '',\n}\n\nconst Context = createContext(initialContext)\n\n/**\n * @deprecated\n * The SearchParamsProvider is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n */\nexport const SearchParamsProvider: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n  const nextSearchParams = useNextSearchParams()\n  const searchString = nextSearchParams.toString()\n\n  const searchParams = React.useMemo(\n    () =>\n      qs.parse(searchString, {\n        depth: 10,\n        ignoreQueryPrefix: true,\n      }),\n    [searchString],\n  )\n\n  const stringifyParams = React.useCallback(\n    ({ params, replace = false }: { params: qs.ParsedQs; replace?: boolean }) => {\n      return qs.stringify(\n        {\n          ...(replace ? {} : searchParams),\n          ...params,\n        },\n        { addQueryPrefix: true },\n      )\n    },\n    [searchParams],\n  )\n\n  return <Context value={{ searchParams, stringifyParams }}>{children}</Context>\n}\n\n/**\n * @deprecated\n * The `useSearchParams` hook is deprecated and will be removed in the next major release. Instead, use the `useSearchParams` hook from `next/navigation` directly. See https://github.com/payloadcms/payload/pull/9581.\n * @example\n * ```tsx\n * import { useSearchParams } from 'next/navigation'\n * ```\n * If you need to parse the `where` query, you can do so with the `parseSearchParams` utility.\n * ```tsx\n * import { parseSearchParams } from '@payloadcms/ui'\n * const parsedSearchParams = parseSearchParams(searchParams)\n * ```\n */\nexport const useSearchParams = (): SearchParamsContext => use(Context)\n"],"names":["useSearchParams","useNextSearchParams","qs","React","createContext","use","initialContext","searchParams","stringifyParams","Context","SearchParamsProvider","children","nextSearchParams","searchString","toString","useMemo","parse","depth","ignoreQueryPrefix","useCallback","params","replace","stringify","addQueryPrefix","value"],"mappings":"AAAA;;AAEA,SAASA,mBAAmBC,mBAAmB,QAAQ,qBAAoB;AAC3E,YAAYC,QAAQ,SAAQ;AAC5B,OAAOC,SAASC,aAAa,EAAEC,GAAG,QAAQ,QAAO;AAOjD,MAAMC,iBAAsC;IAC1CC,cAAc,CAAC;IACfC,iBAAiB,IAAM;AACzB;AAEA,MAAMC,wBAAUL,cAAcE;AAE9B;;;;;;;CAOC,GACD,OAAO,MAAMI,uBAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,mBAAmBX;IACzB,MAAMY,eAAeD,iBAAiBE,QAAQ;IAE9C,MAAMP,eAAeJ,MAAMY,OAAO,CAChC,IACEb,GAAGc,KAAK,CAACH,cAAc;YACrBI,OAAO;YACPC,mBAAmB;QACrB,IACF;QAACL;KAAa;IAGhB,MAAML,kBAAkBL,MAAMgB,WAAW,CACvC,CAAC,EAAEC,MAAM,EAAEC,UAAU,KAAK,EAA8C;QACtE,OAAOnB,GAAGoB,SAAS,CACjB;YACE,GAAID,UAAU,CAAC,IAAId,YAAY;YAC/B,GAAGa,MAAM;QACX,GACA;YAAEG,gBAAgB;QAAK;IAE3B,GACA;QAAChB;KAAa;IAGhB,qBAAO,QAACE;QAAQe,OAAO;YAAEjB;YAAcC;QAAgB;kBAAIG;;;;;;AAC7D,EAAC;AAED;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMX,kBAAkB,IAA2BK,IAAII,SAAQ"}