/*! * ======================================================================== * @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 { r as RzlNextProgressBarProps, t as AppRouterInstance } from "../index-px4WS6qB.cjs"; /** ------------------------------------------------------------------ * * ***Don't use import from here, because need Suspense (App Router).*** * ------------------------------------------------------------------ * **If you forcing to use from this components, you need wrapping with Suspense.** * * ⚠️ **Deprecated:** * - Use `import { RzlNextAppProgressBar } from "@rzl-zone/next-kit/progress-bar/app";` instead, because include `WithSuspense` in there. */ declare const InitNextAppProgressBar: import("react").MemoExoticComponent<(props: RzlNextProgressBarProps) => null>; /** ------------------------------------------------------------------ * * ***Custom useRouter hook to work with `RzlNextAppProgressBar`, compatible with `App Router` only.*** * ------------------------------------------------------------------ */ declare const useRouter: (customRouter?: () => CustomRouter) => AppRouterInstance; /** ------------------------------------------------------------------ * * ***Component: `RzlNextAppProgressBar`.*** * ------------------------------------------------------------------ * **A lightweight progress bar optimized for the Next.js `App Router`.** * * This component is compatible **with the App Router only** and is not * intended for use inside the Pages Router. * * Wrapped with `WithSuspense` to ensure full support for Suspense and * lazy-loaded UI boundaries also using `React.memo` to prevent unnecessary * re-renders and improve performance during client-side navigation events. * * - **Features**: * - Renders a lightweight progress bar during route transitions. * - Fully configurable via `RzlNextProgressBarProps`. * - Supports optional delays, force-stop, and UI interaction locking. * - Compatible with client-side navigation and Suspense. * - Designed for seamless integration with Next.js App Router. * * @returns {React.JSX.Element} Returns the `RzlNextAppProgressBar` component. * * @example * * Basic usage: * ```tsx * import { RzlNextAppProgressBar } from "@rzl-zone/next-kit/progress-bar/app"; * * export default function Layout({ children }: React.ReactNode) { * return ( * * * * {children} * * * ); * } * ``` */ declare const RzlNextAppProgressBar: import("react").FunctionComponent; export { InitNextAppProgressBar, RzlNextAppProgressBar, useRouter };