@koine/next 2.0.0-beta.2 → 2.0.0-beta.4

package/12/app/css/AppTheme.mjs

@@ -1,14 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 // import { ThemeVanillaProvider, ThemeVanillaValue } from "@koine/react/styles";
 import { ThemeProvider } from "../../ThemeProvider";
 /**
  * App theme with vanilla class based theme (good for `tailwindcss`)
- */
-export var AppTheme = function (_a) {
-    var theme = _a.theme, children = _a.children;
+ */ export const AppTheme = ({ theme, children })=>{
     // return (
     //   <ThemeVanillaProvider initialTheme={theme}>{children}</ThemeVanillaProvider>
     // );
-    return (_jsx(ThemeProvider, { defaultTheme: theme, attribute: "class", children: children }));
+    return /*#__PURE__*/ _jsx(ThemeProvider, {
+        defaultTheme: theme,
+        attribute: "class",
+        children: children
+    });
 };
 export default AppTheme;

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

@@ -1,6 +1,6 @@
 import type { AppProps } from "next/app";
-import { type AppThemeProps } from "../AppTheme";
 import { type AppMainProps } from "../AppMain";
+import { type AppThemeProps } from "../AppTheme";
 export type NextAppProps = AppProps<{
     session: any;
 }> & AppThemeProps & AppMainProps;

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

@@ -1,17 +1,40 @@
 "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, { 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)) })) })] }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NextApp: function() {
+        return NextApp;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("next-auth/react");
+const _AppHead = require("../../AppHead");
+const _AppMain = require("../AppMain");
+const _AppTheme = require("../AppTheme");
+const NextApp = (props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.SessionProvider, {
+                session: props.pageProps.session,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
+                    ...props,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
+                        ...props
+                    })
+                })
+            })
+        ]
+    });
 };
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;
+const _default = NextApp;

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

@@ -1,13 +1,24 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SessionProvider } from "next-auth/react";
 import { AppHead } from "../../AppHead";
-import { AppTheme } from "../AppTheme";
 import { AppMain } from "../AppMain";
+import { AppTheme } from "../AppTheme";
 /**
  * App with authentication provided by `next-auth`
- */
-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 const NextApp = (props)=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(AppHead, {}),
+            /*#__PURE__*/ _jsx(SessionProvider, {
+                session: props.pageProps.session,
+                children: /*#__PURE__*/ _jsx(AppTheme, {
+                    ...props,
+                    children: /*#__PURE__*/ _jsx(AppMain, {
+                        ...props
+                    })
+                })
+            })
+        ]
+    });
 };
 export default NextApp;

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

@@ -1,6 +1,6 @@
 import { AppProps } from "next/app";
-import { type AppThemeProps } from "./AppTheme";
 import { type AppMainProps } from "./AppMain";
+import { type AppThemeProps } from "./AppTheme";
 export type NextAppProps = AppProps & AppThemeProps & AppMainProps;
 /**
  * App

package/12/app/css/index.js

@@ -1,61 +1,36 @@
 "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
- *
- * @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" />
- *         </>
- *       }
- *     />
- *   );
- * }
- *
- * ```
- */
-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)) }))] }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NextApp: function() {
+        return NextApp;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _AppHead = require("../AppHead");
+const _AppMain = require("./AppMain");
+const _AppTheme = require("./AppTheme");
+const NextApp = (props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
+                ...props,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
+                    ...props
+                })
+            })
+        ]
+    });
 };
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;
+const _default = NextApp;

package/12/app/css/index.mjs

@@ -1,8 +1,7 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AppHead } from "../AppHead";
-import { AppTheme } from "./AppTheme";
 import { AppMain } from "./AppMain";
+import { AppTheme } from "./AppTheme";
 /**
  * App
  *
@@ -50,8 +49,17 @@ import { AppMain } from "./AppMain";
  * }
  *
  * ```
- */
-export var NextApp = function (props) {
-    return (_jsxs(_Fragment, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
+ */ export const NextApp = (props)=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(AppHead, {}),
+            /*#__PURE__*/ _jsx(AppTheme, {
+                ...props,
+                children: /*#__PURE__*/ _jsx(AppMain, {
+                    ...props
+                })
+            })
+        ]
+    });
 };
 export default NextApp;

package/12/app/index.js

@@ -1,5 +1,7 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./AppHead"), exports);
-tslib_1.__exportStar(require("./AppMain"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./AppHead"), exports);
+_export_star._(require("./AppMain"), exports);

package/12/app/sc/AppMain.js

@@ -1,29 +1,70 @@
 "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, { 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, { 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] }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AppMain: function() {
+        return AppMain;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _framermotion = require("framer-motion");
+const _router = require("next/router");
+const _m = require("@koine/react/m");
+const _NextProgress = require("../../NextProgress");
+const _SeoDefaults = require("../../SeoDefaults");
+const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    }
+}, pre, post })=>{
+    const { pathname } = (0, _router.useRouter)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_SeoDefaults.SeoDefaults, {
+                ...seo
+            }),
+            pre,
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_m.MotionProvider, {
+                features: motion,
+                children: [
+                    ProgressOverlay && /*#__PURE__*/ (0, _jsxruntime.jsx)(_NextProgress.NextProgress, {
+                        Overlay: ProgressOverlay
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(Layout, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_framermotion.AnimatePresence, {
+                            exitBeforeEnter: true,
+                            initial: false,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_framermotion.m.div, {
+                                ...transition,
+                                children: /*#__PURE__*/ (0, _react.createElement)(Component, {
+                                    ...pageProps,
+                                    key: pathname
+                                })
+                            }, pathname)
+                        })
+                    })
+                ]
+            }),
+            post
+        ]
+    });
 };
-exports.AppMain = AppMain;
-exports.default = exports.AppMain;
+const _default = AppMain;

package/12/app/sc/AppMain.mjs

@@ -1,25 +1,58 @@
-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 { createElement as _createElement } from "react";
 import { AnimatePresence, m } from "framer-motion";
+import { useRouter } from "next/router";
+import React from "react";
 import { MotionProvider } from "@koine/react/m";
-import { SeoDefaults } from "../../SeoDefaults";
 import { NextProgress } from "../../NextProgress";
+import { SeoDefaults } from "../../SeoDefaults";
 /**
  * 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, { 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 const AppMain = ({ Component, pageProps, Layout, ProgressOverlay, seo, motion, transition = {
+    initial: {
+        opacity: 0
+    },
+    animate: {
+        opacity: 1
+    },
+    exit: {
+        opacity: 0
+    }
+}, pre, post })=>{
+    const { pathname } = useRouter();
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(SeoDefaults, {
+                ...seo
+            }),
+            pre,
+            /*#__PURE__*/ _jsxs(MotionProvider, {
+                features: motion,
+                children: [
+                    ProgressOverlay && /*#__PURE__*/ _jsx(NextProgress, {
+                        Overlay: ProgressOverlay
+                    }),
+                    /*#__PURE__*/ _jsx(Layout, {
+                        children: /*#__PURE__*/ _jsx(AnimatePresence, {
+                            exitBeforeEnter: true,
+                            initial: false,
+                            children: /*#__PURE__*/ _jsx(m.div, {
+                                ...transition,
+                                children: /*#__PURE__*/ _createElement(Component, {
+                                    ...pageProps,
+                                    key: pathname
+                                })
+                            }, pathname)
+                        })
+                    })
+                ]
+            }),
+            post
+        ]
+    });
 };
 export default AppMain;

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

@@ -1,5 +1,5 @@
-import React from "react";
 import { type AppProps as NextAppProps } from "next/app";
+import React from "react";
 import { Theme } from "@koine/react/sc";
 export type AppThemeProps = React.PropsWithChildren<NextAppProps & {
     /**

package/12/app/sc/AppTheme.js

@@ -1,15 +1,33 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppTheme = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styled_components_1 = require("styled-components");
-var sc_1 = require("@koine/react/sc");
-/**
- * App theme with `styled-components`
- */
-var AppTheme = function (_a) {
-    var theme = _a.theme, children = _a.children;
-    return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: theme, children: [(0, jsx_runtime_1.jsx)(sc_1.StylesGlobal, {}), children] }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AppTheme: function() {
+        return AppTheme;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+const _styledcomponents = require("styled-components");
+const _sc = require("@koine/react/sc");
+const AppTheme = ({ theme, children })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_styledcomponents.ThemeProvider, {
+        theme: theme,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_sc.StylesGlobal, {}),
+            children
+        ]
+    });
 };
-exports.AppTheme = AppTheme;
-exports.default = exports.AppTheme;
+const _default = AppTheme;

package/12/app/sc/AppTheme.mjs

@@ -1,11 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
 import { ThemeProvider } from "styled-components";
 import { StylesGlobal } from "@koine/react/sc";
 /**
  * App theme with `styled-components`
- */
-export var AppTheme = function (_a) {
-    var theme = _a.theme, children = _a.children;
-    return (_jsxs(ThemeProvider, { theme: theme, children: [_jsx(StylesGlobal, {}), children] }));
+ */ export const AppTheme = ({ theme, children })=>{
+    return /*#__PURE__*/ _jsxs(ThemeProvider, {
+        theme: theme,
+        children: [
+            /*#__PURE__*/ _jsx(StylesGlobal, {}),
+            children
+        ]
+    });
 };
 export default AppTheme;

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

@@ -1,6 +1,6 @@
 import type { AppProps } from "next/app";
-import { type AppThemeProps } from "../AppTheme";
 import { type AppMainProps } from "../AppMain";
+import { type AppThemeProps } from "../AppTheme";
 export type NextAppProps = AppProps<{
     session: any;
 }> & AppThemeProps & AppMainProps;

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

@@ -1,17 +1,40 @@
 "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, { 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)) })) })] }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    NextApp: function() {
+        return NextApp;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("next-auth/react");
+const _AppHead = require("../../AppHead");
+const _AppMain = require("../AppMain");
+const _AppTheme = require("../AppTheme");
+const NextApp = (props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppHead.AppHead, {}),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_react.SessionProvider, {
+                session: props.pageProps.session,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppTheme.AppTheme, {
+                    ...props,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AppMain.AppMain, {
+                        ...props
+                    })
+                })
+            })
+        ]
+    });
 };
-exports.NextApp = NextApp;
-exports.default = exports.NextApp;
+const _default = NextApp;

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

@@ -1,13 +1,24 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SessionProvider } from "next-auth/react";
 import { AppHead } from "../../AppHead";
-import { AppTheme } from "../AppTheme";
 import { AppMain } from "../AppMain";
+import { AppTheme } from "../AppTheme";
 /**
  * App with authentication provided by `next-auth`
- */
-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 const NextApp = (props)=>{
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(AppHead, {}),
+            /*#__PURE__*/ _jsx(SessionProvider, {
+                session: props.pageProps.session,
+                children: /*#__PURE__*/ _jsx(AppTheme, {
+                    ...props,
+                    children: /*#__PURE__*/ _jsx(AppMain, {
+                        ...props
+                    })
+                })
+            })
+        ]
+    });
 };
 export default NextApp;

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

@@ -1,6 +1,6 @@
 import type { AppProps } from "next/app";
-import { type AppThemeProps } from "./AppTheme";
 import { type AppMainProps } from "./AppMain";
+import { type AppThemeProps } from "./AppTheme";
 export type NextAppProps = AppProps & AppThemeProps & AppMainProps;
 /**
  * App