@koine/next 2.0.0-alpha.1 → 2.0.0-alpha.2

package/package.json

@@ -67,38 +67,27 @@
     }
   },
   "dependencies": {
-    "@hookform/resolvers": "^2.9.11",
+    "@hookform/resolvers": "^3.1.0",
     "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-alpha.118",
-    "@mui/utils": "5.11.9",
-    "@tiptap/react": "2.0.0-beta.218",
-    "@tiptap/starter-kit": "2.0.0-beta.218",
     "clsx": "1.2.1",
-    "date-fns": "^2.29.3",
-    "date-fns-tz": "^2.0.0",
-    "framer-motion": "^10.0.0",
-    "next": "^13.2.1",
-    "next-auth": "^4.19.2",
-    "next-seo": "^5.15.0",
-    "next-translate": "^2.0.2",
+    "date-fns": "^2.30.0",
+    "framer-motion": "^10.12.16",
+    "next": "^13.4.4",
+    "next-auth": "^4.22.1",
+    "next-seo": "^6.0.0",
+    "next-translate": "^2.0.6",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.43.2",
-    "react-icons": "^4.7.1",
-    "react-is": "^18.2.0",
-    "react-swipeable": "^7.0.0",
-    "styled-components": "^5.3.6",
+    "react-hook-form": "^7.44.3",
+    "styled-components": "^5.3.11",
     "ts-debounce": "^4.0.0",
-    "tslib": "^2.5.0",
-    "type-fest": "^3.6.0"
+    "type-fest": "^3.11.1"
   },
   "peerDependencies": {
-    "@koine/browser": "2.0.0-alpha.1",
-    "@koine/dom": "2.0.0-alpha.1",
-    "@koine/utils": "2.0.0-alpha.1"
+    "@koine/utils": "2.0.0-alpha.1",
+    "tslib": "2.5.3"
   },
   "main": "./index.js",
   "types": "./index.d.ts",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "module": "./index.mjs"
 }

package/AnalyticsGoogle.mjs

@@ -1,35 +0,0 @@
-"use client";
-import { __assign } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useRouter } from "next/router";
-import Script from "next/script";
-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];
-    // const [url, setUrl] = useState("");
-    useEffect(function () {
-        var handleRouteChange = function () {
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return function () {
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [events]);
-    useEffect(function () {
-        if (routed && ready && asPath) {
-            // const search = query;
-            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, __assign({ 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/DisableErrorOverlay.d.ts

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

package/Head.d.ts

@@ -1,3 +0,0 @@
-import NextHead from "next/head";
-export declare const Head: typeof NextHead;
-export default Head;

package/Head.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Head = void 0;
-var tslib_1 = require("tslib");
-var head_1 = tslib_1.__importDefault(require("next/head"));
-exports.Head = head_1.default;
-exports.default = exports.Head;

package/Head.mjs

@@ -1,3 +0,0 @@
-import NextHead from "next/head";
-export var Head = NextHead;
-export default Head;

package/Link.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var link_1 = tslib_1.__importDefault(require("next/link"));
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */
-exports.Link = (0, react_1.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 = tslib_1.__rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
-    return ((0, jsx_runtime_1.jsx)(link_1.default, tslib_1.__assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: (0, jsx_runtime_1.jsx)(Link, tslib_1.__assign({ ref: ref }, props)) })));
-});
-exports.default = exports.Link;

package/Link.mjs

@@ -1,12 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import NextLink from "next/link";
-/**
- * @see https://next.js.org/docs/api-reference/next/link
- */
-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, __assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(Link, __assign({ ref: ref }, props)) })));
-});
-export default Link;

package/Seo.d.ts

@@ -1,41 +0,0 @@
-import type { NextSeoProps } from "next-seo/lib/types";
-import type { SeoData } from "./types-seo";
-import { type MetaTag, type LinkTag } from "./seoBuildTags";
-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>;
-    seo?: SeoData;
-    hidden?: SeoData["hidden"];
-    keywords?: SeoData["keywords"];
-    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) => JSX.Element;
-export default Seo;

package/ThemeProvider.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-type ValueObject = {
-    [themeName: string]: string;
-};
-export type ThemeProviderProps = React.PropsWithChildren<{
-    /** List of all available theme names */
-    themes?: string[];
-    /** Forced theme name for the current page */
-    forcedTheme?: string;
-    /** Whether to switch between dark and light themes based on prefers-color-scheme */
-    enableSystem?: boolean;
-    /** Disable all CSS transitions when switching themes */
-    disableTransitionOnChange?: boolean;
-    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
-    enableColorScheme?: boolean;
-    /** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */
-    defaultTheme?: string;
-    /** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
-    attribute?: string | "class";
-    /** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */
-    value?: ValueObject;
-    /** Nonce string to pass to the inline script for CSP headers */
-    nonce?: string;
-}>;
-/**
- * @borrows [next-themes](https://github.com/pacocoursey/next-themes)
- *
- * Differences:
- *
- * - enableColorScheme: `false` by default (instead of `true`), this plays more
- * nicely with tailwind `dark` class mode as dark theme is supposed to be only
- * controlled by tailwind modifiers
- */
-export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => JSX.Element;
-export default ThemeProvider;

package/app/AppHead.d.ts

@@ -1,3 +0,0 @@
-export type AppHeadProps = unknown;
-export declare const AppHead: () => JSX.Element;
-export default AppHead;

package/app/css/AppMain.d.ts

@@ -1,9 +0,0 @@
-import type { AppMainBaseProps } from "../AppMain";
-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) => JSX.Element;
-export default AppMain;

package/app/css/AppTheme.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { type ThemeProviderProps } from "../../ThemeProvider";
-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) => JSX.Element;
-export default AppTheme;

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

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

package/app/em/AppMain.d.ts

@@ -1,11 +0,0 @@
-import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain";
-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) => JSX.Element;
-export default AppMain;

package/app/em/AppMain.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppMain = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var router_1 = require("next/router");
-var framer_motion_1 = require("framer-motion");
-var MotionProvider_1 = tslib_1.__importDefault(require("@koine/react/m/MotionProvider"));
-var SeoDefaults_1 = require("../../SeoDefaults");
-var NextProgress_1 = require("../../NextProgress");
-/**
- * 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)
- */
-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 = (0, router_1.useRouter)().pathname;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(MotionProvider_1.default, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
-};
-exports.AppMain = AppMain;
-exports.default = exports.AppMain;

package/app/em/AppMain.mjs

@@ -1,25 +0,0 @@
-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 { useRouter } from "next/router";
-import { AnimatePresence, m } from "framer-motion";
-import MotionProvider from "@koine/react/m/MotionProvider";
-import { SeoDefaults } from "../../SeoDefaults";
-import { NextProgress } from "../../NextProgress";
-/**
- * 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 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, __assign({ features: motion }, { children: [ProgressOverlay && _jsx(NextProgress, { Overlay: ProgressOverlay }), _jsx(Layout, { children: _jsx(AnimatePresence, __assign({ exitBeforeEnter: true, initial: false }, { children: _jsx(m.div, __assign({}, transition, { children: _createElement(Component, __assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
-};
-export default AppMain;

package/app/em/AppTheme.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-import { Theme } from "@mui/material/styles";
-import { EmotionCache } from "@emotion/react";
-export type AppThemeProps = React.PropsWithChildren<NextAppProps & {
-    emotionCache?: EmotionCache;
-    /**
-     * A theme object
-     */
-    theme: Theme;
-}>;
-/**
- * App theme with `emotion` (good for `@mui`)s
- */
-export declare const AppTheme: ({ emotionCache, theme, children, }: AppThemeProps) => JSX.Element;
-export default AppTheme;

package/app/em/AppTheme.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppTheme = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("@mui/material/styles");
-var react_1 = require("@emotion/react");
-var CssBaseline_1 = tslib_1.__importDefault(require("@mui/material/CssBaseline"));
-var react_2 = require("@emotion/react");
-var sc_1 = require("@koine/react/sc");
-var createEmotionCache_1 = require("../../createEmotionCache");
-// client-side cache, shared for the whole session of the user in the browser.
-var clientSideEmotionCache = (0, createEmotionCache_1.createEmotionCache)();
-/**
- * App theme with `emotion` (good for `@mui`)s
- */
-var AppTheme = function (_a) {
-    var _b = _a.emotionCache, emotionCache = _b === void 0 ? clientSideEmotionCache : _b, theme = _a.theme, children = _a.children;
-    return ((0, jsx_runtime_1.jsx)(react_1.CacheProvider, tslib_1.__assign({ value: emotionCache }, { children: (0, jsx_runtime_1.jsxs)(styles_1.ThemeProvider, tslib_1.__assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(CssBaseline_1.default, {}), (0, jsx_runtime_1.jsx)(react_2.Global, { styles: (0, react_2.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n            ", "\n          "], ["\n            ", "\n          "])), sc_1.stylesGlobal) }), children] })) })));
-};
-exports.AppTheme = AppTheme;
-exports.default = exports.AppTheme;
-var templateObject_1;

package/app/em/AppTheme.mjs

@@ -1,19 +0,0 @@
-import { __assign, __makeTemplateObject } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ThemeProvider } from "@mui/material/styles";
-import { CacheProvider } from "@emotion/react";
-import CssBaseline from "@mui/material/CssBaseline";
-import { Global, css } from "@emotion/react";
-import { stylesGlobal } from "@koine/react/sc";
-import { createEmotionCache } from "../../createEmotionCache";
-// client-side cache, shared for the whole session of the user in the browser.
-var clientSideEmotionCache = createEmotionCache();
-/**
- * App theme with `emotion` (good for `@mui`)s
- */
-export var AppTheme = function (_a) {
-    var _b = _a.emotionCache, emotionCache = _b === void 0 ? clientSideEmotionCache : _b, theme = _a.theme, children = _a.children;
-    return (_jsx(CacheProvider, __assign({ value: emotionCache }, { children: _jsxs(ThemeProvider, __assign({ theme: theme }, { children: [_jsx(CssBaseline, {}), _jsx(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            ", "\n          "], ["\n            ", "\n          "])), stylesGlobal) }), children] })) })));
-};
-export default AppTheme;
-var templateObject_1;

package/app/em/auth/index.d.ts

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

package/app/em/auth/index.mjs

@@ -1,13 +0,0 @@
-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";
-import { AppTheme } from "../AppTheme";
-import { AppMain } from "../AppMain";
-/**
- * App with authentication provided by `next-auth`
- */
-export var NextApp = function (props) {
-    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, __assign({ session: props.pageProps.session }, { children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) }))] }));
-};
-export default NextApp;

package/app/em/index.d.ts

@@ -1,9 +0,0 @@
-import { AppProps } from "next/app";
-import { AppThemeProps } from "./AppTheme";
-import { AppMainProps } from "./AppMain";
-export type NextAppProps = AppProps & AppThemeProps & AppMainProps;
-/**
- * App
- */
-export declare const NextApp: (props: NextAppProps) => JSX.Element;
-export default NextApp;

package/app/em/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextApp = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var AppHead_1 = require("../AppHead");
-var AppTheme_1 = require("./AppTheme");
-var AppMain_1 = require("./AppMain");
-/**
- * App
- */
-var NextApp = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) }))] }));
-};
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;

package/app/em/index.mjs

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

package/app/sc/AppMain.d.ts

@@ -1,11 +0,0 @@
-import type { AppMainBaseProps, AppMainFramerProps } from "../AppMain";
-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) => JSX.Element;
-export default AppMain;

package/app/sc/AppMain.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppMain = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var router_1 = require("next/router");
-var framer_motion_1 = require("framer-motion");
-var m_1 = require("@koine/react/m");
-var SeoDefaults_1 = require("../../SeoDefaults");
-var NextProgress_1 = require("../../NextProgress");
-/**
- * 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)
- */
-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 = (0, router_1.useRouter)().pathname;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
-};
-exports.AppMain = AppMain;
-exports.default = exports.AppMain;

package/app/sc/AppTheme.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import { AppProps as NextAppProps } from "next/app";
-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) => JSX.Element;
-export default AppTheme;

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

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

package/app/sc/auth/index.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextApp = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("next-auth/react");
-var AppHead_1 = require("../../AppHead");
-var AppTheme_1 = require("../AppTheme");
-var AppMain_1 = require("../AppMain");
-/**
- * App with authentication provided by `next-auth`
- */
-var NextApp = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AppHead_1.AppHead, {}), (0, jsx_runtime_1.jsx)(react_1.SessionProvider, tslib_1.__assign({ session: props.pageProps.session }, { children: (0, jsx_runtime_1.jsx)(AppTheme_1.AppTheme, tslib_1.__assign({}, props, { children: (0, jsx_runtime_1.jsx)(AppMain_1.AppMain, tslib_1.__assign({}, props)) })) }))] }));
-};
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;

package/app/sc/auth/index.mjs

@@ -1,13 +0,0 @@
-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";
-import { AppTheme } from "../AppTheme";
-import { AppMain } from "../AppMain";
-/**
- * App with authentication provided by `next-auth`
- */
-export var NextApp = function (props) {
-    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, __assign({ session: props.pageProps.session }, { children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) }))] }));
-};
-export default NextApp;

package/app/sc/index.d.ts

@@ -1,56 +0,0 @@
-import { AppProps } from "next/app";
-import { AppThemeProps } from "./AppTheme";
-import { AppMainProps } from "./AppMain";
-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) => JSX.Element;
-export default NextApp;