@koine/next 2.0.0-beta.14 → 2.0.0-beta.15

package/12/AnalyticsGoogle.d.ts

@@ -1,5 +1,4 @@
 export type AnalyticsGoogleProps = {
-    /** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */
     id?: string;
 };
 export declare const AnalyticsGoogle: ({ id }: AnalyticsGoogleProps) => import("react/jsx-runtime").JSX.Element | null;

package/12/AnalyticsGoogle.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/router";
+import Script from "next/script";
+import { useEffect, useState } from "react";
+import gtagPageview from "@koine/browser/gtagPageview";
+export var AnalyticsGoogle = function (_a) {
+    var id = _a.id;
+    var uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    var _b = useRouter(), events = _b.events, asPath = _b.asPath, query = _b.query;
+    var _c = useState(false), ready = _c[0], setReady = _c[1];
+    var _d = useState(false), routed = _d[0], setRouted = _d[1];
+    useEffect(function () {
+        var handleRouteChange = function () {
+            setRouted(true);
+        };
+        events.on("routeChangeComplete", handleRouteChange);
+        return function () {
+            events.off("routeChangeComplete", handleRouteChange);
+        };
+    }, [events]);
+    useEffect(function () {
+        if (routed && ready && asPath) {
+            gtagPageview(asPath);
+        }
+    }, [asPath, query, routed, ready]);
+    if (!uid) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), _jsx(Script, { id: "google-analytics", strategy: "afterInteractive", children: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){window.dataLayer.push(arguments);}\n          gtag('js', new Date());\n\n          gtag('config', '".concat(id, "', { 'send_page_view': false });\n        ") })] }));
+};
+export default AnalyticsGoogle;

package/12/DisableErrorOverlay.d.ts

@@ -1,7 +1,2 @@
-/**
- * Disable error overlay during `dev`
- *
- * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
- */
 export declare const DisableErrorOverlay: () => import("react/jsx-runtime").JSX.Element;
 export default DisableErrorOverlay;

package/12/DisableErrorOverlay.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+export var DisableErrorOverlay = function () {
+    return (_jsx(Head, { children: process.env["NODE_ENV"] !== "production" && (_jsx("script", { dangerouslySetInnerHTML: {
+                __html: "window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});",
+            } })) }));
+};
+export default DisableErrorOverlay;

package/12/DynamicNamespaces.d.ts

@@ -1,13 +1,8 @@
 import type { DynamicNamespacesProps as BaseDynamicNamespacesProps } from "next-translate";
 import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
-import type { TranslateNamespace } from "./types-i18n";
+import type { TranslateNamespace } from "./types-i18n.js";
 export type DynamicNamespacesProps = Omit<BaseDynamicNamespacesProps, "namespaces"> & {
     namespaces: TranslateNamespace[];
 };
-/**
- * **NOTE**: To make typescript work nicely here make sure to enable
- * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
- * in your `tsconfig.json` file.
- */
 export declare const DynamicNamespaces: (props: DynamicNamespacesProps) => ReturnType<typeof BaseDynamicNamespaces>;
 export default DynamicNamespaces;

package/12/DynamicNamespaces.js

@@ -0,0 +1,4 @@
+"use client";
+import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
+export var DynamicNamespaces = BaseDynamicNamespaces;
+export default DynamicNamespaces;

package/12/Favicon.js

@@ -0,0 +1,6 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+import FaviconTags from "@koine/react/FaviconTags";
+export var Favicon = function (props) { return (_jsx(Head, { children: _jsx(FaviconTags, __assign({}, props)) })); };
+export default Favicon;

package/12/Link.d.ts

@@ -3,8 +3,5 @@ import React from "react";
 export type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> & Omit<NextLinkProps, "as" | "passHref" | "children"> & {
     Link?: React.ComponentType<any>;
 };
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */
 export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/12/Link.js

@@ -0,0 +1,9 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import NextLink from "next/link";
+import { forwardRef } from "react";
+export var Link = forwardRef(function Link(_a, ref) {
+    var href = _a.href, prefetch = _a.prefetch, replace = _a.replace, scroll = _a.scroll, shallow = _a.shallow, locale = _a.locale, _b = _a.Link, Link = _b === void 0 ? "span" : _b, props = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
+    return (_jsx(NextLink, { href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true, children: _jsx(Link, __assign({ ref: ref }, props)) }));
+});
+export default Link;

package/12/NextProgress.d.ts

@@ -1,11 +1,8 @@
 import type { Simplify } from "@koine/utils";
 import type { WithComponents } from "@koine/react/helpers";
 type OwnProps = {
-    /** @default 0.3 */
     startAt?: number;
-    /** @default true */
     showOnShallow?: boolean;
-    /** @default 200 */
     stopDelayMs?: number;
 };
 export type Components = {

package/12/{NextProgress.mjs → NextProgress.js}

@@ -2,50 +2,38 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRouter } from "next/router";
 import { useCallback, useEffect, useRef, useState } from "react";
-export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div" })=>{
-    const { events } = useRouter();
-    // const [progress, setProgress] = useState(0);
-    const [running, setRunning] = useState(false);
-    const timer = useRef(null);
-    const routeChangeStart = useCallback((_, { shallow })=>{
+export var NextProgress = function (_a) {
+    var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
+    var events = useRouter().events;
+    var _f = useState(false), running = _f[0], setRunning = _f[1];
+    var timer = useRef(null);
+    var routeChangeStart = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
-            // setProgress(startAt);
             setRunning(true);
         }
-    }, [
-        showOnShallow
-    ]);
-    const routeChangeEnd = useCallback((_, { shallow })=>{
+    }, [showOnShallow]);
+    var routeChangeEnd = useCallback(function (_, _a) {
+        var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             if (timer.current) {
                 clearTimeout(timer.current);
             }
-            timer.current = setTimeout(()=>{
-                // setProgress(100);
+            timer.current = setTimeout(function () {
                 setRunning(false);
             }, stopDelayMs);
         }
-    }, [
-        showOnShallow,
-        stopDelayMs,
-        timer
-    ]);
-    useEffect(()=>{
+    }, [showOnShallow, stopDelayMs, timer]);
+    useEffect(function () {
         events.on("routeChangeStart", routeChangeStart);
         events.on("routeChangeComplete", routeChangeEnd);
         events.on("routeChangeError", routeChangeEnd);
-        return ()=>{
+        return function () {
             events.off("routeChangeStart", routeChangeStart);
             events.off("routeChangeComplete", routeChangeEnd);
             events.off("routeChangeError", routeChangeEnd);
         };
-    }, [
-        events,
-        routeChangeStart,
-        routeChangeEnd
-    ]);
-    return /*#__PURE__*/ _jsx(Overlay, {
-        running: running
-    });
+    }, [events, routeChangeStart, routeChangeEnd]);
+    return _jsx(Overlay, { running: running });
 };
 export default NextProgress;

package/12/Seo.d.ts

@@ -1,12 +1,9 @@
 import type { NextSeoProps } from "next-seo/lib/types";
-import { type LinkTag, type MetaTag } from "./seoBuildTags";
-import type { SeoData } from "./types-seo";
+import { type LinkTag, type MetaTag } from "./seoBuildTags.js";
+import type { SeoData } from "./types-seo.js";
 type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
     image?: string;
 };
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L395
- */
 export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
     metaTags?: ReadonlyArray<MetaTag>;
     linkTags?: ReadonlyArray<LinkTag>;
@@ -16,26 +13,5 @@ export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLink
     openGraph?: SeoPropsOpenGraph;
     og?: SeoPropsOpenGraph;
 };
-/**
- * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
- *
- * See also:
- * - https://github.com/catnose99/next-head-seo
- * - https://nextjs.org/docs/api-reference/next/head
- *
- * NB: on the homepage you usually want to customize the `titleTemplate` to avoid
- * doubled app name. Assuming your default seo configuration is something like:
- *
- * ```js
- * {
- *   titleTemplate: "%s | MyApp"
- * }
- * ```
- *
- * On the homepage you migh want to override it, e.g.:
- * ```js
- * <Seo title="MyApp | Some description" titleTemplate="%s" />
- * ```
- */
 export declare const Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
 export default Seo;

package/12/Seo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+import { seoBuildTags } from "./seoBuildTags.js";
+export var Seo = function (props) {
+    return _jsx(Head, { children: seoBuildTags(props) });
+};
+export default Seo;

package/12/SeoDefaults.d.ts

@@ -1,8 +1,5 @@
 import type { DefaultSeoProps } from "next-seo/lib/types";
-import { type LinkTag, type MetaTag } from "./seoBuildTags";
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L413
- */
+import { type LinkTag, type MetaTag } from "./seoBuildTags.js";
 export type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
     metaTags?: ReadonlyArray<MetaTag>;
     linkTags?: ReadonlyArray<LinkTag>;

package/12/SeoDefaults.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+import { seoBuildTags } from "./seoBuildTags.js";
+export var SeoDefaults = function (props) {
+    return _jsx(Head, { children: seoBuildTags(props) });
+};
+export default SeoDefaults;

package/12/T.d.ts

@@ -1,16 +1,10 @@
-/// <reference types="react" />
 import type { TransProps } from "next-translate";
-import type { TranslateNamespace, TranslationsAllPaths, TranslationsPaths } from "./types-i18n";
+import type { TranslateNamespace, TranslationsAllPaths, TranslationsPaths } from "./types-i18n.js";
 export type TProps<TNamespace extends TranslateNamespace | undefined = undefined> = (Omit<TransProps, "i18nKey" | "ns"> & {
     i18nKey: TranslationsAllPaths;
 }) | (Omit<TransProps, "i18nKey" | "ns"> & {
     ns: TNamespace;
     i18nKey: TranslationsPaths<TNamespace>;
 });
-/**
- * **NOTE**: To make typescript work nicely here make sure to enable
- * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
- * in your `tsconfig.json` file.
- */
 export declare const T: <TNamespace extends "~" | undefined = undefined>(props: TProps<TNamespace>) => import("react").ReactElement<TProps<TNamespace>, string | import("react").JSXElementConstructor<any>>;
 export default T;

package/12/T.js

@@ -0,0 +1,8 @@
+"use client";
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Trans from "next-translate/Trans";
+export var T = function (props) {
+    return (_jsx(Trans, __assign({}, props)));
+};
+export default T;

package/12/{TransText.mjs → TransText.js}

@@ -1,4 +1,4 @@
 "use client";
 import _TransText from "next-translate/TransText";
-export const TransText = _TransText;
+export var TransText = _TransText;
 export default TransText;

package/12/app/AppHead.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+export var AppHead = function () {
+    return (_jsx(Head, { children: _jsx("meta", { name: "viewport", content: "width=device-width" }) }));
+};
+export default AppHead;

package/12/app/AppMain.d.ts

@@ -2,34 +2,16 @@ import type { HTMLMotionProps } from "framer-motion";
 import type { AppProps as NextAppProps } from "next/app";
 import React from "react";
 import type { MotionProviderFeatures } from "@koine/react/m";
-import type { NextProgressProps } from "../NextProgress";
-import type { SeoDefaultsProps } from "../SeoDefaults";
+import type { NextProgressProps } from "../NextProgress.js";
+import type { SeoDefaultsProps } from "../SeoDefaults.js";
 export type AppMainBaseProps = NextAppProps & {
-    /**
-     * A wrapping layout component
-     */
     Layout: React.FC<Record<string, unknown>>;
-    /**
-     * A Progress' Overlay component
-     */
     ProgressOverlay?: NextProgressProps["Overlay"];
-    /**
-     * Seo site wide default configuration
-     */
     seo?: SeoDefaultsProps;
-    /**
-     * JSX to render just after SEO
-     */
     pre?: React.ReactNode;
-    /**
-     * JSX to render just at the end of the markup
-     */
     post?: React.ReactNode;
 };
 export type AppMainFramerProps = {
     motion: MotionProviderFeatures;
-    /**
-     * Default layout transition, by default it is a simple fade in/out
-     */
     transition?: Omit<HTMLMotionProps<"div">, "key">;
 };

package/12/app/AppMain.js

@@ -0,0 +1 @@
+export {};

package/12/app/css/AppMain.d.ts

@@ -1,9 +1,4 @@
-import type { AppMainBaseProps } from "../AppMain";
+import type { AppMainBaseProps } from "../AppMain.js";
 export type AppMainProps = Omit<AppMainBaseProps, "ProgressOverlay">;
-/**
- * App main
- *
- * It does not imply any specific styling or animation solution
- */
 export declare const AppMain: ({ Component, pageProps, Layout, seo, pre, post, }: AppMainProps) => import("react/jsx-runtime").JSX.Element;
 export default AppMain;

package/12/app/css/AppMain.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SeoDefaults } from "../../SeoDefaults.js";
+export var AppMain = function (_a) {
+    var Component = _a.Component, pageProps = _a.pageProps, Layout = _a.Layout, seo = _a.seo, pre = _a.pre, post = _a.post;
+    return (_jsxs(React.Fragment, { children: [_jsx(SeoDefaults, __assign({}, seo)), pre, _jsx(Layout, { children: _jsx(Component, __assign({}, pageProps)) }), post] }));
+};
+export default AppMain;

package/12/app/css/AppTheme.d.ts

@@ -1,11 +1,8 @@
 import { type AppProps as NextAppProps } from "next/app";
 import React from "react";
-import { type ThemeProviderProps } from "../../ThemeProvider";
+import { type ThemeProviderProps } from "../../../ThemeProvider.js";
 export type AppThemeProps = React.PropsWithChildren<NextAppProps & {
     theme: ThemeProviderProps["defaultTheme"];
 }>;
-/**
- * App theme with vanilla class based theme (good for `tailwindcss`)
- */
 export declare const AppTheme: ({ theme, children }: AppThemeProps) => import("react/jsx-runtime").JSX.Element;
 export default AppTheme;

package/12/app/css/AppTheme.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider } from "../../../ThemeProvider.js";
+export var AppTheme = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return (_jsx(ThemeProvider, { defaultTheme: theme, attribute: "class", children: children }));
+};
+export default AppTheme;

package/12/app/css/auth/index.d.ts

@@ -1,11 +1,8 @@
 import type { AppProps } from "next/app";
-import { type AppMainProps } from "../AppMain";
-import { type AppThemeProps } from "../AppTheme";
+import { type AppMainProps } from "../AppMain.js";
+import { type AppThemeProps } from "../AppTheme.js";
 export type NextAppProps = AppProps<{
     session: any;
 }> & AppThemeProps & AppMainProps;
-/**
- * App with authentication provided by `next-auth`
- */
 export declare const NextApp: (props: NextAppProps) => import("react/jsx-runtime").JSX.Element;
 export default NextApp;

package/12/app/css/auth/index.js

@@ -0,0 +1,10 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { SessionProvider } from "next-auth/react";
+import { AppHead } from "../../AppHead.js";
+import { AppMain } from "../AppMain.js";
+import { AppTheme } from "../AppTheme.js";
+export var NextApp = function (props) {
+    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) })] }));
+};
+export default NextApp;

package/12/app/css/index.d.ts

@@ -1,54 +1,6 @@
 import { AppProps } from "next/app";
-import { type AppMainProps } from "./AppMain";
-import { type AppThemeProps } from "./AppTheme";
+import { type AppMainProps } from "./AppMain.js";
+import { type AppThemeProps } from "./AppTheme.js";
 export type NextAppProps = AppProps & AppThemeProps & AppMainProps;
-/**
- * App
- *
- * @example
- *
- * ```tsx
- * import { NextApp, NextAppProps } from "@koine/next/app/css/auth";
- * import { Favicon, AnalyticsGoogle } from "@koine/next";
- * import { theme } from "src/helpers/theme";
- * import { Layout } from "src/components/Layout";
- * // import "@fontsource/myfont/800.css";
- * // import "src/helpers/theme.css";
- *
- * const motion = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * export default function App(props: NextAppProps) {
- *   return (
- *     <NextApp
- *       {...props}
- *       Layout={Layout}
- *       theme={theme}
- *       seo={{
- *         titleTemplate: "%s | MyApp",
- *         defaultTitle: "MyApp",
- *         openGraph: {
- *           type: "website",
- *           locale: "en_US",
- *           url: "https://myapp.com/",
- *           site_name: "MyApp",
- *         },
- *         twitter: {
- *           handle: "@MklrNl",
- *           site: "@MyApp",
- *           cardType: "summary_large_image",
- *         },
- *       }}
- *       pre={
- *         <>
- *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
- *           <Favicon name="MyApp" color="#000000" />
- *         </>
- *       }
- *     />
- *   );
- * }
- *
- * ```
- */
 export declare const NextApp: (props: NextAppProps) => import("react/jsx-runtime").JSX.Element;
 export default NextApp;

package/12/app/css/index.js

@@ -0,0 +1,9 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { AppHead } from "../AppHead.js";
+import { AppMain } from "./AppMain.js";
+import { AppTheme } from "./AppTheme.js";
+export var NextApp = function (props) {
+    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
+};
+export default NextApp;

package/12/app/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./AppHead";
-export * from "./AppMain";
+export * from "./AppHead.js";
+export * from "./AppMain.js";

package/12/app/index.js

@@ -0,0 +1,2 @@
+export * from "./AppHead.js";
+export * from "./AppMain.js";

package/12/app/sc/AppMain.d.ts

@@ -1,11 +1,4 @@
-import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain";
+import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain.js";
 export type AppMainProps = AppMainBaseProps & AppMainFramerProps;
-/**
- * App main
- *
- * It implies a setup for `styled-components` and `framer-motion` libraries.
- *
- * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
- */
 export declare const AppMain: ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition, pre, post, }: AppMainProps) => import("react/jsx-runtime").JSX.Element;
 export default AppMain;

package/12/app/sc/AppMain.js

@@ -0,0 +1,18 @@
+import { __assign } from "tslib";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AnimatePresence, m } from "framer-motion";
+import { useRouter } from "next/router";
+import { MotionProvider } from "@koine/react/m";
+import { NextProgress } from "../../NextProgress.js";
+import { SeoDefaults } from "../../SeoDefaults.js";
+export var AppMain = function (_a) {
+    var Component = _a.Component, pageProps = _a.pageProps, Layout = _a.Layout, ProgressOverlay = _a.ProgressOverlay, seo = _a.seo, motion = _a.motion, _b = _a.transition, transition = _b === void 0 ? {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+    } : _b, pre = _a.pre, post = _a.post;
+    var pathname = useRouter().pathname;
+    return (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, __assign({}, seo)), pre, _jsxs(MotionProvider, { features: motion, children: [ProgressOverlay && _jsx(NextProgress, { Overlay: ProgressOverlay }), _jsx(Layout, { children: _jsx(AnimatePresence, { exitBeforeEnter: true, initial: false, children: _jsx(m.div, __assign({}, transition, { children: _createElement(Component, __assign({}, pageProps, { key: pathname })) }), pathname) }) })] }), post] }));
+};
+export default AppMain;

package/12/app/sc/AppTheme.d.ts

@@ -2,13 +2,7 @@ import { type AppProps as NextAppProps } from "next/app";
 import React from "react";
 import { Theme } from "@koine/react/sc";
 export type AppThemeProps = React.PropsWithChildren<NextAppProps & {
-    /**
-     * A theme object
-     */
     theme: Theme;
 }>;
-/**
- * App theme with `styled-components`
- */
 export declare const AppTheme: ({ theme, children }: AppThemeProps) => import("react/jsx-runtime").JSX.Element;
 export default AppTheme;

package/12/app/sc/AppTheme.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThemeProvider } from "styled-components";
+import { StylesGlobal } from "@koine/react/sc";
+export var AppTheme = function (_a) {
+    var theme = _a.theme, children = _a.children;
+    return (_jsxs(ThemeProvider, { theme: theme, children: [_jsx(StylesGlobal, {}), children] }));
+};
+export default AppTheme;

package/12/app/sc/auth/index.d.ts

@@ -1,11 +1,8 @@
 import type { AppProps } from "next/app";
-import { type AppMainProps } from "../AppMain";
-import { type AppThemeProps } from "../AppTheme";
+import { type AppMainProps } from "../AppMain.js";
+import { type AppThemeProps } from "../AppTheme.js";
 export type NextAppProps = AppProps<{
     session: any;
 }> & AppThemeProps & AppMainProps;
-/**
- * App with authentication provided by `next-auth`
- */
 export declare const NextApp: (props: NextAppProps) => import("react/jsx-runtime").JSX.Element;
 export default NextApp;

package/12/app/sc/auth/index.js

@@ -0,0 +1,10 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { SessionProvider } from "next-auth/react";
+import { AppHead } from "../../AppHead.js";
+import { AppMain } from "../AppMain.js";
+import { AppTheme } from "../AppTheme.js";
+export var NextApp = function (props) {
+    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) })] }));
+};
+export default NextApp;

package/12/app/sc/index.d.ts

@@ -1,56 +1,6 @@
 import type { AppProps } from "next/app";
-import { type AppMainProps } from "./AppMain";
-import { type AppThemeProps } from "./AppTheme";
+import { type AppMainProps } from "./AppMain.js";
+import { type AppThemeProps } from "./AppTheme.js";
 export type NextAppProps = AppProps & AppThemeProps & AppMainProps;
-/**
- * App
- *
- * @example
- *
- * ```tsx
- * import { NextApp, NextAppProps } from "@koine/next/app/sc/auth";
- * import { Favicon, AnalyticsGoogle } from "@koine/next";
- * import { theme } from "src/helpers/theme";
- * import { Layout, ProgressOverlay } from "src/components/Layout";
- * // import "@fontsource/myfont/800.css";
- * // import "src/helpers/theme.css";
- *
- * const motion = () => import("@koine/react/m/max").then((m) => m.default);
- *
- * export default function App(props: NextAppProps) {
- *   return (
- *     <NextApp
- *       {...props}
- *       Layout={Layout}
- *       ProgressOverlay={ProgressOverlay}
- *       theme={theme}
- *       motion={motion}
- *       seo={{
- *         titleTemplate: "%s | MyApp",
- *         defaultTitle: "MyApp",
- *         openGraph: {
- *           type: "website",
- *           locale: "en_US",
- *           url: "https://myapp.com/",
- *           site_name: "MyApp",
- *         },
- *         twitter: {
- *           handle: "@MklrNl",
- *           site: "@MyApp",
- *           cardType: "summary_large_image",
- *         },
- *       }}
- *       pre={
- *         <>
- *           <AnalyticsGoogle id="UA-xxxxxxxx-x" />
- *           <Favicon name="MyApp" color="#000000" />
- *         </>
- *       }
- *     />
- *   );
- * }
- *
- * ```
- */
 export declare const NextApp: (props: NextAppProps) => import("react/jsx-runtime").JSX.Element;
 export default NextApp;