/*! * ======================================================================== * @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 { t as RzlThemeProviderProps } from "../index-jt6QqlNa.js"; /** ------------------------------------------------------------ * * ***Provider wrapper for configuring and supplying the theme system (App Router).*** * ------------------------------------------------------------ * **Usage example in your `app/layout.tsx`:** * * ```tsx * import { RzlThemeAppProvider } from "@rzl-zone/next-kit/themes/app"; * * export default function RootLayout({ children }: { children: ReactNode }) { * return ( * * * * {children} * * * * ); * }; * ``` * --- * - **ℹ️ Tip ***(Recommended)***:** * - If you pass custom themes (e.g. `themes={["pink","blue"]}`) to provider, * remember to add a corresponding override for type-safety: * ```ts * * import "@rzl-zone/next-kit/themes"; * * declare module "@rzl-zone/next-kit/themes" { * interface ThemeOverrideConfig { * themes: ["pink", "blue"]; // or themes?: [...]; * } * } * ``` * @param props - Property options of `RzlThemeAppProvider`. * @throws Will throw an error if `children` is not provided. * @returns A `` wrapping the passed children. */ declare const RzlThemeAppProvider: (props: RzlThemeProviderProps) => import("react").JSX.Element; export { RzlThemeAppProvider };