@koine/next 1.0.11 → 1.0.14

package/Seo/helpers.js

@@ -1,6 +1,7 @@
+import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isArray } from "@koine/utils";
-const defaults = {
+var defaults = {
     tplTitle: "",
 };
 /**
@@ -17,14 +18,15 @@ const defaults = {
  *
  * @returns
  */
-export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates = [], twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, } = {}) => {
-    const render = [];
-    const $names = {};
-    const $properties = {};
+export var buildTags = function (_a) {
+    var _b = _a === void 0 ? {} : _a, seo = _b.seo, hidden = _b.hidden, keywords = _b.keywords, _c = _b.title, title = _c === void 0 ? "" : _c, titleTemplate = _b.titleTemplate, defaultTitle = _b.defaultTitle, noindex = _b.noindex, nofollow = _b.nofollow, description = _b.description, _d = _b.languageAlternates, languageAlternates = _d === void 0 ? [] : _d, twitter = _b.twitter, facebook = _b.facebook, openGraph = _b.openGraph, ogAlias = _b.og, canonical = _b.canonical, metaTags = _b.metaTags, linkTags = _b.linkTags;
+    var render = [];
+    var $names = {};
+    var $properties = {};
     if (titleTemplate) {
         defaults.tplTitle = titleTemplate;
     }
-    title = title || seo?.title || "";
+    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
     if (title) {
         if (defaults.tplTitle && defaults.tplTitle !== title) {
             title = defaults.tplTitle.replace(/%s/g, title);
@@ -37,26 +39,26 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
         render.push(_jsx("title", { children: title }, "title"));
         $properties["og:title"] = title; // overridden later...
     }
-    $names["robots"] = `${noindex || hidden ? "noindex" : "index"},${nofollow || hidden ? "nofollow" : "follow"}`;
-    description = description || seo?.description;
+    $names["robots"] = "".concat(noindex || hidden ? "noindex" : "index", ",").concat(nofollow || hidden ? "nofollow" : "follow");
+    description = description || (seo === null || seo === void 0 ? void 0 : seo.description);
     if (description) {
         $names["description"] = description;
         $properties["og:description"] = description; // overridden later...
     }
-    keywords = keywords || seo?.keywords;
+    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
     if (keywords) {
         $names["keywords"] = isArray(keywords) ? keywords.join(", ") : keywords;
     }
-    if (languageAlternates?.length > 0) {
-        languageAlternates.forEach((languageAlternate) => {
-            render.push(_jsx("link", { rel: "alternate", hrefLang: languageAlternate.hrefLang, href: languageAlternate.href }, `languageAlternate-${languageAlternate.hrefLang}`));
+    if ((languageAlternates === null || languageAlternates === void 0 ? void 0 : languageAlternates.length) > 0) {
+        languageAlternates.forEach(function (languageAlternate) {
+            render.push(_jsx("link", { rel: "alternate", hrefLang: languageAlternate.hrefLang, href: languageAlternate.href }, "languageAlternate-".concat(languageAlternate.hrefLang)));
         });
     }
     if (canonical) {
         render.push(_jsx("link", { rel: "canonical", href: canonical }, "canonical"));
         $properties["og:url"] = canonical;
     }
-    if (facebook?.appId)
+    if (facebook === null || facebook === void 0 ? void 0 : facebook.appId)
         $properties["fb:app_id"] = facebook.appId;
     if (twitter) {
         if (twitter.cardType)
@@ -66,36 +68,38 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
         if (twitter.handle)
             $names["twitter:creator"] = twitter.handle;
     }
-    const og = ogAlias || openGraph;
-    if (og?.title)
-        $properties["og:title"] = og?.title;
-    if (og?.description)
-        $properties["og:description"] = og?.description;
-    if (og?.url)
+    var og = ogAlias || openGraph;
+    if (og === null || og === void 0 ? void 0 : og.title)
+        $properties["og:title"] = og === null || og === void 0 ? void 0 : og.title;
+    if (og === null || og === void 0 ? void 0 : og.description)
+        $properties["og:description"] = og === null || og === void 0 ? void 0 : og.description;
+    if (og === null || og === void 0 ? void 0 : og.url)
         $properties["og:url"] = og.url;
-    if (og?.type)
+    if (og === null || og === void 0 ? void 0 : og.type)
         $properties["og:type"] = og.type.toLowerCase();
-    if (og?.locale)
+    if (og === null || og === void 0 ? void 0 : og.locale)
         $properties["og:locale"] = og.locale;
-    if (og?.site_name)
+    if (og === null || og === void 0 ? void 0 : og.site_name)
         $properties["og:site_name"] = og.site_name;
-    const ogimage = og?.image || seo?.ogimage;
+    var ogimage = (og === null || og === void 0 ? void 0 : og.image) || (seo === null || seo === void 0 ? void 0 : seo.ogimage);
     if (ogimage)
         $properties["og:image"] = ogimage;
-    Object.keys($names).forEach((key) => {
+    Object.keys($names).forEach(function (key) {
         render.push(_jsx("meta", { name: key, content: $names[key] }, key));
     });
-    Object.keys($properties).forEach((key) => {
+    Object.keys($properties).forEach(function (key) {
         render.push(_jsx("meta", { property: key, content: $properties[key] }, key));
     });
     if (metaTags && metaTags.length > 0) {
-        metaTags.forEach((tag) => {
-            render.push(_jsx("meta", { ...tag }, `meta:${tag.keyOverride ?? tag.name ?? tag.property ?? tag.httpEquiv}`));
+        metaTags.forEach(function (tag) {
+            var _a, _b, _c;
+            render.push(_jsx("meta", __assign({}, tag), "meta:".concat((_c = (_b = (_a = tag.keyOverride) !== null && _a !== void 0 ? _a : tag.name) !== null && _b !== void 0 ? _b : tag.property) !== null && _c !== void 0 ? _c : tag.httpEquiv)));
         });
     }
-    if (linkTags?.length) {
-        linkTags.forEach((tag) => {
-            render.push(_jsx("link", { ...tag }, `link${tag.keyOverride ?? tag.href}${tag.rel}`));
+    if (linkTags === null || linkTags === void 0 ? void 0 : linkTags.length) {
+        linkTags.forEach(function (tag) {
+            var _a;
+            render.push(_jsx("link", __assign({}, tag), "link".concat((_a = tag.keyOverride) !== null && _a !== void 0 ? _a : tag.href).concat(tag.rel)));
         });
     }
     // TODO: alternates and canonical

package/Theme/Theme.js

@@ -1,3 +1,4 @@
+import { __assign, __spreadArray } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @file
@@ -7,32 +8,38 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useState, memo, } from "react";
 import NextScript from "next/script";
 import { isServer } from "@koine/utils";
-const THEME_STORAGE_KEY = "theme";
-const colorSchemes = ["light", "dark"];
-const MEDIA = "(prefers-color-scheme: dark)";
-const ThemeContext = createContext({
+var THEME_STORAGE_KEY = "theme";
+var colorSchemes = ["light", "dark"];
+var MEDIA = "(prefers-color-scheme: dark)";
+var ThemeContext = createContext({
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setTheme: (_) => { },
+    setTheme: function (_) { },
     themes: [],
 });
-export const useTheme = () => useContext(ThemeContext);
-export const ThemeProvider = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, themes = ["light", "dark"], defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, }) => {
-    const [theme, setThemeState] = useState(() => getTheme(THEME_STORAGE_KEY, defaultTheme));
-    const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(THEME_STORAGE_KEY));
-    const attrs = !value ? themes : Object.values(value);
-    const applyTheme = useCallback((theme) => {
-        let resolved = theme;
+export var useTheme = function () { return useContext(ThemeContext); };
+export var ThemeProvider = function (_a) {
+    var forcedTheme = _a.forcedTheme, _b = _a.disableTransitionOnChange, disableTransitionOnChange = _b === void 0 ? false : _b, _c = _a.enableSystem, enableSystem = _c === void 0 ? true : _c, _d = _a.enableColorScheme, enableColorScheme = _d === void 0 ? true : _d, _e = _a.themes, themes = _e === void 0 ? ["light", "dark"] : _e, _f = _a.defaultTheme, defaultTheme = _f === void 0 ? enableSystem ? "system" : "light" : _f, _g = _a.attribute, attribute = _g === void 0 ? "data-theme" : _g, value = _a.value, children = _a.children, nonce = _a.nonce;
+    var _h = useState(function () {
+        return getTheme(THEME_STORAGE_KEY, defaultTheme);
+    }), theme = _h[0], setThemeState = _h[1];
+    var _j = useState(function () {
+        return getTheme(THEME_STORAGE_KEY);
+    }), resolvedTheme = _j[0], setResolvedTheme = _j[1];
+    var attrs = !value ? themes : Object.values(value);
+    var applyTheme = useCallback(function (theme) {
+        var _a;
+        var resolved = theme;
         if (isServer || !resolved)
             return;
         // If theme is system, resolve it before setting theme
         if (theme === "system" && enableSystem) {
             resolved = getSystemTheme();
         }
-        const name = value ? value[resolved] : resolved;
-        const enable = disableTransitionOnChange ? disableAnimation() : null;
-        const d = document.documentElement;
+        var name = value ? value[resolved] : resolved;
+        var enable = disableTransitionOnChange ? disableAnimation() : null;
+        var d = document.documentElement;
         if (attribute === "class") {
-            d.classList.remove(...attrs);
+            (_a = d.classList).remove.apply(_a, attrs);
             if (name)
                 d.classList.add(name);
         }
@@ -45,15 +52,15 @@ export const ThemeProvider = ({ forcedTheme, disableTransitionOnChange = false,
             }
         }
         if (enableColorScheme) {
-            const fallback = colorSchemes.includes(defaultTheme)
+            var fallback = colorSchemes.includes(defaultTheme)
                 ? defaultTheme
                 : "";
-            const colorScheme = colorSchemes.includes(resolved)
+            var colorScheme = colorSchemes.includes(resolved)
                 ? resolved
                 : fallback;
             d.style.colorScheme = colorScheme;
         }
-        enable?.();
+        enable === null || enable === void 0 ? void 0 : enable();
     }, [
         attribute,
         attrs,
@@ -63,7 +70,7 @@ export const ThemeProvider = ({ forcedTheme, disableTransitionOnChange = false,
         enableSystem,
         value,
     ]);
-    const setTheme = useCallback((theme) => {
+    var setTheme = useCallback(function (theme) {
         setThemeState(theme);
         // Save to storage
         try {
@@ -73,86 +80,89 @@ export const ThemeProvider = ({ forcedTheme, disableTransitionOnChange = false,
             // Unsupported
         }
     }, []);
-    const handleMediaQuery = useCallback((e) => {
-        const resolved = getSystemTheme(e);
+    var handleMediaQuery = useCallback(function (e) {
+        var resolved = getSystemTheme(e);
         setResolvedTheme(resolved);
         if (theme === "system" && enableSystem && !forcedTheme) {
             applyTheme("system");
         }
     }, [theme, enableSystem, forcedTheme, applyTheme]);
     // Always listen to System preference
-    useEffect(() => {
-        const media = window.matchMedia(MEDIA);
+    useEffect(function () {
+        var media = window.matchMedia(MEDIA);
         // Intentionally use deprecated listener methods to support iOS & old browsers
         media.addListener(handleMediaQuery);
         handleMediaQuery(media);
-        return () => media.removeListener(handleMediaQuery);
+        return function () { return media.removeListener(handleMediaQuery); };
     }, [handleMediaQuery]);
     // localStorage event handling
-    useEffect(() => {
-        const handleStorage = (e) => {
+    useEffect(function () {
+        var handleStorage = function (e) {
             if (e.key !== THEME_STORAGE_KEY) {
                 return;
             }
             // If default theme set, use it if localstorage === null (happens on local storage manual deletion)
-            const theme = e.newValue || defaultTheme;
+            var theme = e.newValue || defaultTheme;
             setTheme(theme);
         };
         window.addEventListener("storage", handleStorage);
-        return () => window.removeEventListener("storage", handleStorage);
+        return function () { return window.removeEventListener("storage", handleStorage); };
     }, [defaultTheme, setTheme]);
     // Whenever theme or forcedTheme changes, apply it
-    useEffect(() => {
-        applyTheme(forcedTheme ?? theme);
+    useEffect(function () {
+        applyTheme(forcedTheme !== null && forcedTheme !== void 0 ? forcedTheme : theme);
     }, [applyTheme, forcedTheme, theme]);
-    return (_jsxs(ThemeContext.Provider, { value: {
-            theme,
-            setTheme,
-            forcedTheme,
+    return (_jsxs(ThemeContext.Provider, __assign({ value: {
+            theme: theme,
+            setTheme: setTheme,
+            forcedTheme: forcedTheme,
             resolvedTheme: theme === "system" ? resolvedTheme : theme,
-            themes: enableSystem ? [...themes, "system"] : themes,
+            themes: enableSystem ? __spreadArray(__spreadArray([], themes, true), ["system"], false) : themes,
             systemTheme: (enableSystem ? resolvedTheme : undefined),
-        }, children: [_jsx(ThemeScript, { ...{
-                    forcedTheme,
-                    disableTransitionOnChange,
-                    enableSystem,
-                    enableColorScheme,
-                    themes,
-                    defaultTheme,
-                    attribute,
-                    value,
-                    children,
-                    attrs,
-                    nonce,
-                } }), children] }));
+        } }, { children: [_jsx(ThemeScript, __assign({}, {
+                forcedTheme: forcedTheme,
+                disableTransitionOnChange: disableTransitionOnChange,
+                enableSystem: enableSystem,
+                enableColorScheme: enableColorScheme,
+                themes: themes,
+                defaultTheme: defaultTheme,
+                attribute: attribute,
+                value: value,
+                children: children,
+                attrs: attrs,
+                nonce: nonce,
+            })), children] })));
 };
-const ThemeScript = memo(({ forcedTheme, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce, }) => {
-    const defaultSystem = defaultTheme === "system";
+var ThemeScript = memo(function (_a) {
+    var forcedTheme = _a.forcedTheme, attribute = _a.attribute, enableSystem = _a.enableSystem, enableColorScheme = _a.enableColorScheme, defaultTheme = _a.defaultTheme, value = _a.value, attrs = _a.attrs, nonce = _a.nonce;
+    var defaultSystem = defaultTheme === "system";
     // Code-golfing the amount of characters in the script
-    const optimization = (() => {
-        const removeClasses = `d.remove(${attrs
-            .map((t) => `'${t}'`)
-            .join(",")})`;
-        return `var d=document.documentElement.classList;${removeClasses};`;
+    var optimization = (function () {
+        var removeClasses = "d.remove(".concat(attrs
+            .map(function (t) { return "'".concat(t, "'"); })
+            .join(","), ")");
+        return "var d=document.documentElement.classList;".concat(removeClasses, ";");
     })();
-    const fallbackColorScheme = (() => {
+    var fallbackColorScheme = (function () {
         if (!enableColorScheme) {
             return "";
         }
-        const fallback = colorSchemes.includes(defaultTheme)
+        var fallback = colorSchemes.includes(defaultTheme)
             ? defaultTheme
             : null;
         if (fallback) {
-            return `if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${defaultTheme}'`;
+            return "if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'".concat(defaultTheme, "'");
         }
         else {
-            return `if(e==='light'||e==='dark')d.style.colorScheme=e`;
+            return "if(e==='light'||e==='dark')d.style.colorScheme=e";
         }
     })();
-    const updateDOM = (name, literal = false, setColorScheme = true) => {
-        const resolvedName = value ? value[name] : name;
-        const val = literal ? name + `|| ''` : `'${resolvedName}'`;
-        let text = "";
+    var updateDOM = function (name, literal, setColorScheme) {
+        if (literal === void 0) { literal = false; }
+        if (setColorScheme === void 0) { setColorScheme = true; }
+        var resolvedName = value ? value[name] : name;
+        var val = literal ? name + "|| ''" : "'".concat(resolvedName, "'");
+        var text = "";
         // MUCH faster to set colorScheme alongside HTML attribute/class
         // as it only incurs 1 style recalculation rather than 2
         // This can save over 250ms of work for pages with big DOM
@@ -160,48 +170,48 @@ const ThemeScript = memo(({ forcedTheme, attribute, enableSystem, enableColorSch
             setColorScheme &&
             !literal &&
             colorSchemes.includes(name)) {
-            text += `d.style.colorScheme = '${name}';`;
+            text += "d.style.colorScheme = '".concat(name, "';");
         }
         if (attribute === "class") {
             if (literal || resolvedName) {
-                text += `d.add(${val})`;
+                text += "d.add(".concat(val, ")");
             }
             else {
-                text += `null`;
+                text += "null";
             }
         }
         else {
             if (resolvedName) {
-                text += `d[s](n, ${val})`;
+                text += "d[s](n, ".concat(val, ")");
             }
         }
         return text;
     };
-    const scriptSrc = (() => {
+    var scriptSrc = (function () {
         if (forcedTheme) {
-            return `!function(){${optimization}${updateDOM(forcedTheme)}}()`;
+            return "!function(){".concat(optimization).concat(updateDOM(forcedTheme), "}()");
         }
         if (enableSystem) {
-            return `!function(){try {${optimization}var e=localStorage.getItem('${THEME_STORAGE_KEY}');if("system"===e||(!e&&${defaultSystem})){var t="${MEDIA}",m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM("dark")}}else{${updateDOM("light")}}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}${!defaultSystem
-                ? `else{` + updateDOM(defaultTheme, false, false) + "}"
-                : ""}${fallbackColorScheme}}catch(e){}}()`;
+            return "!function(){try {".concat(optimization, "var e=localStorage.getItem('").concat(THEME_STORAGE_KEY, "');if(\"system\"===e||(!e&&").concat(defaultSystem, ")){var t=\"").concat(MEDIA, "\",m=window.matchMedia(t);if(m.media!==t||m.matches){").concat(updateDOM("dark"), "}else{").concat(updateDOM("light"), "}}else if(e){").concat(value ? "var x=".concat(JSON.stringify(value), ";") : "").concat(updateDOM(value ? "x[e]" : "e", true), "}").concat(!defaultSystem
+                ? "else{" + updateDOM(defaultTheme, false, false) + "}"
+                : "").concat(fallbackColorScheme, "}catch(e){}}()");
         }
-        return `!function(){try{${optimization}var e=localStorage.getItem("${THEME_STORAGE_KEY}");if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}else{${updateDOM(defaultTheme, false, false)};}${fallbackColorScheme}}catch(t){}}();`;
+        return "!function(){try{".concat(optimization, "var e=localStorage.getItem(\"").concat(THEME_STORAGE_KEY, "\");if(e){").concat(value ? "var x=".concat(JSON.stringify(value), ";") : "").concat(updateDOM(value ? "x[e]" : "e", true), "}else{").concat(updateDOM(defaultTheme, false, false), ";}").concat(fallbackColorScheme, "}catch(t){}}();");
     })();
     // We MUST use next/script's `beforeInteractive` strategy to avoid flashing on load.
     // However, it only accepts the `src` prop, not `dangerouslySetInnerHTML` or `children`
     // But our script cannot be external because it changes at runtime based on React props
     // so we trick next/script by passing `src` as a base64 JS script
-    const encodedScript = `data:text/javascript;base64,${encodeBase64(scriptSrc)}`;
+    var encodedScript = "data:text/javascript;base64,".concat(encodeBase64(scriptSrc));
     return (_jsx(NextScript, { id: "next-theme-script", strategy: "beforeInteractive", src: encodedScript, nonce: nonce }));
 }, 
 // Never re-render this component
-() => true);
+function () { return true; });
 // Helpers
-const getTheme = (key, fallback) => {
+var getTheme = function (key, fallback) {
     if (isServer)
         return undefined;
-    let theme;
+    var theme;
     try {
         theme = localStorage.getItem(key) || undefined;
     }
@@ -210,26 +220,26 @@ const getTheme = (key, fallback) => {
     }
     return theme || fallback;
 };
-const disableAnimation = () => {
-    const css = document.createElement("style");
-    css.appendChild(document.createTextNode(`*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`));
+var disableAnimation = function () {
+    var css = document.createElement("style");
+    css.appendChild(document.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}"));
     document.head.appendChild(css);
-    return () => {
+    return function () {
         // Force restyle
-        (() => window.getComputedStyle(document.body))();
+        (function () { return window.getComputedStyle(document.body); })();
         // Wait for next tick before removing
-        setTimeout(() => {
+        setTimeout(function () {
             document.head.removeChild(css);
         }, 1);
     };
 };
-const getSystemTheme = (e) => {
+var getSystemTheme = function (e) {
     if (!e)
         e = window.matchMedia(MEDIA);
-    const isDark = e.matches;
-    const systemTheme = isDark ? "dark" : "light";
+    var isDark = e.matches;
+    var systemTheme = isDark ? "dark" : "light";
     return systemTheme;
 };
-const encodeBase64 = (str) => {
+var encodeBase64 = function (str) {
     return isServer ? Buffer.from(str).toString("base64") : btoa(str);
 };

package/app/AppHead.js

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

package/app/css/AppMain.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { SeoDefaults } from "../../Seo";
@@ -6,6 +7,7 @@ import { SeoDefaults } from "../../Seo";
  *
  * It does not imply any specific styling or animation solution
  */
-export const AppMain = ({ Component, pageProps, Layout, seo, pre, post, }) => {
-    return (_jsxs(React.Fragment, { children: [_jsx(SeoDefaults, { ...seo }), pre, _jsx(Layout, { children: _jsx(Component, { ...pageProps }) }), post] }));
+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] }));
 };

package/app/css/AppTheme.js

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

package/app/css/auth/index.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { SessionProvider } from "next-auth/react";
@@ -7,7 +8,7 @@ import { AppMain } from "../AppMain";
 /**
  * App with authentication provided by `next-auth`
  */
-export const NextApp = (props) => {
-    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) }) })] }));
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { 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/css/index.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { AppHead } from "../AppHead";
@@ -51,7 +52,7 @@ import { AppMain } from "./AppMain";
  *
  * ```
  */
-export const NextApp = (props) => {
-    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) })] }));
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
 };
 export default NextApp;

package/app/em/AppMain.js

@@ -1,3 +1,4 @@
+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";
@@ -12,11 +13,12 @@ import { NextProgress } from "../../NextProgress";
  *
  * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
  */
-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 (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, { ...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, { ...transition, children: _createElement(Component, { ...pageProps, key: pathname }) }, pathname) }) })] }), post] }));
+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] }));
 };

package/app/em/AppTheme.js

@@ -1,3 +1,4 @@
+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";
@@ -6,12 +7,12 @@ import { Global, css } from "@emotion/react";
 import { stylesGlobal } from "@koine/react/sc";
 import { createEmotionCache } from "../../utils/emotion-cache";
 // client-side cache, shared for the whole session of the user in the browser.
-const clientSideEmotionCache = createEmotionCache();
+var clientSideEmotionCache = createEmotionCache();
 /**
  * App theme with `emotion` (good for `@mui`)s
  */
-export const AppTheme = ({ emotionCache = clientSideEmotionCache, theme, children, }) => {
-    return (_jsx(CacheProvider, { value: emotionCache, children: _jsxs(ThemeProvider, { theme: theme, children: [_jsx(CssBaseline, {}), _jsx(Global, { styles: css `
-            ${stylesGlobal}
-          ` }), children] }) }));
+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] })) })));
 };
+var templateObject_1;

package/app/em/auth/index.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { SessionProvider } from "next-auth/react";
@@ -7,7 +8,7 @@ import { AppMain } from "../AppMain";
 /**
  * App with authentication provided by `next-auth`
  */
-export const NextApp = (props) => {
-    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(SessionProvider, { session: props.pageProps.session, children: _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) }) })] }));
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { 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.js

@@ -1,3 +1,4 @@
+import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { AppHead } from "../AppHead";
@@ -6,7 +7,7 @@ import { AppMain } from "./AppMain";
 /**
  * App
  */
-export const NextApp = (props) => {
-    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, { ...props, children: _jsx(AppMain, { ...props }) })] }));
+export var NextApp = function (props) {
+    return (_jsxs(React.StrictMode, { children: [_jsx(AppHead, {}), _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) }))] }));
 };
 export default NextApp;

package/app/sc/AppMain.js

@@ -1,3 +1,4 @@
+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";
@@ -12,11 +13,12 @@ import { NextProgress } from "../../NextProgress";
  *
  * About the page transition [wallis' blog post](https://wallis.dev/blog/nextjs-page-transitions-with-framer-motion)
  */
-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 (_jsxs(_Fragment, { children: [_jsx(SeoDefaults, { ...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, { ...transition, children: _createElement(Component, { ...pageProps, key: pathname }) }, pathname) }) })] }), post] }));
+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] }));
 };