/*! * ======================================================================== * @rzl-zone/next-kit * ------------------------------------------------------------------------ * Version: `0.10.4` * Author: `Rizalvin Dwiky ` * Repository: `https://github.com/rzl-zone/rzl-zone/tree/main/packages/next-kit` * ======================================================================== */ import { n as ProgressBarPagesComponentProps } from "../index-px4WS6qB.cjs"; /** ------------------------------------------------------------------ * * ***Component: `RzlNextPagesProgressBar`.*** * ------------------------------------------------------------------ * **A lightweight progress bar optimized for the Next.js `Pages Router`.** * * This component memoizes using `React.memo` to prevent unnecessary re-renders and * improve performance during client-side navigation events. * * - **Features**: * - Provides a smooth progress bar for **Pages Directory** apps. * - Automatically reacts to route changes via the Pages Router. * - Improved performance thanks to `React.memo` optimization. * - Works seamlessly with dynamic routes, `next/link`, and `router.push`. * * @returns {null} This component renders nothing; it only attaches route progress logic **(side-effect only)**. * * @example * * Basic usage inside `_app.tsx`: * ```tsx * import type { AppProps } from "next/app"; * import { RzlNextPagesProgressBar } from "@rzl-zone/next-kit/progress-bar/pages"; * * function MyApp({ Component, pageProps }: AppProps) { * return ( * <> * * * * ); * } * * export default MyApp; * ``` */ declare const RzlNextPagesProgressBar: import("react").MemoExoticComponent<(props?: ProgressBarPagesComponentProps) => null>; export { RzlNextPagesProgressBar };