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

package/12/ThemeProvider.js

@@ -1,239 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeProvider = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var script_1 = tslib_1.__importDefault(require("next/script"));
-var isServer_1 = tslib_1.__importDefault(require("@koine/utils/isServer"));
-var ThemeContext_1 = require("./ThemeContext");
-var colorSchemes = ["light", "dark"];
-var MEDIA = "(prefers-color-scheme: dark)";
-var THEME_STORAGE_KEY = "theme";
-/**
- * @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
- */
-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, enableColorScheme = _a.enableColorScheme, _d = _a.themes, themes = _d === void 0 ? ["light", "dark"] : _d, _e = _a.defaultTheme, defaultTheme = _e === void 0 ? enableSystem ? "system" : "light" : _e, _f = _a.attribute, attribute = _f === void 0 ? "data-theme" : _f, value = _a.value, children = _a.children, nonce = _a.nonce;
-    var _g = (0, react_1.useState)(function () {
-        return getTheme(THEME_STORAGE_KEY, defaultTheme);
-    }), theme = _g[0], setThemeState = _g[1];
-    var _h = (0, react_1.useState)(function () {
-        return getTheme(THEME_STORAGE_KEY);
-    }), resolvedTheme = _h[0], setResolvedTheme = _h[1];
-    var attrs = !value ? themes : Object.values(value);
-    var applyTheme = (0, react_1.useCallback)(function (theme) {
-        var _a;
-        var resolved = theme;
-        if (isServer_1.default || !resolved)
-            return;
-        // If theme is system, resolve it before setting theme
-        if (theme === "system" && enableSystem) {
-            resolved = getSystemTheme();
-        }
-        var name = value ? value[resolved] : resolved;
-        var enable = disableTransitionOnChange ? disableAnimation() : null;
-        var d = document.documentElement;
-        if (attribute === "class") {
-            (_a = d.classList).remove.apply(_a, attrs);
-            if (name)
-                d.classList.add(name);
-        }
-        else {
-            if (name) {
-                d.setAttribute(attribute, name);
-            }
-            else {
-                d.removeAttribute(attribute);
-            }
-        }
-        if (enableColorScheme) {
-            var fallback = colorSchemes.includes(defaultTheme)
-                ? defaultTheme
-                : "";
-            var colorScheme = colorSchemes.includes(resolved)
-                ? resolved
-                : fallback;
-            d.style.colorScheme = colorScheme;
-        }
-        enable === null || enable === void 0 ? void 0 : enable();
-    }, [
-        attribute,
-        attrs,
-        defaultTheme,
-        disableTransitionOnChange,
-        enableColorScheme,
-        enableSystem,
-        value,
-    ]);
-    var setTheme = (0, react_1.useCallback)(function (theme) {
-        setThemeState(theme);
-        // Save to storage
-        try {
-            localStorage.setItem(THEME_STORAGE_KEY, theme);
-        }
-        catch (e) {
-            // Unsupported
-        }
-    }, []);
-    var handleMediaQuery = (0, react_1.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
-    (0, react_1.useEffect)(function () {
-        var media = window.matchMedia(MEDIA);
-        // Intentionally use deprecated listener methods to support iOS & old browsers
-        media.addListener(handleMediaQuery);
-        handleMediaQuery(media);
-        return function () { return media.removeListener(handleMediaQuery); };
-    }, [handleMediaQuery]);
-    // localStorage event handling
-    (0, react_1.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)
-            var theme = e.newValue || defaultTheme;
-            setTheme(theme);
-        };
-        window.addEventListener("storage", handleStorage);
-        return function () { return window.removeEventListener("storage", handleStorage); };
-    }, [defaultTheme, setTheme]);
-    // Whenever theme or forcedTheme changes, apply it
-    (0, react_1.useEffect)(function () {
-        applyTheme(forcedTheme !== null && forcedTheme !== void 0 ? forcedTheme : theme);
-    }, [applyTheme, forcedTheme, theme]);
-    return ((0, jsx_runtime_1.jsxs)(ThemeContext_1.ThemeContext.Provider, { value: {
-            theme: theme,
-            setTheme: setTheme,
-            forcedTheme: forcedTheme,
-            resolvedTheme: theme === "system" ? resolvedTheme : theme,
-            themes: enableSystem ? tslib_1.__spreadArray(tslib_1.__spreadArray([], themes, true), ["system"], false) : themes,
-            systemTheme: (enableSystem ? resolvedTheme : undefined),
-        }, children: [(0, jsx_runtime_1.jsx)(ThemeScript, { forcedTheme: forcedTheme, disableTransitionOnChange: disableTransitionOnChange, enableSystem: enableSystem, enableColorScheme: enableColorScheme, themes: themes, defaultTheme: defaultTheme, attribute: attribute, value: value, children: children, attrs: attrs, nonce: nonce }), children] }));
-};
-exports.ThemeProvider = ThemeProvider;
-var ThemeScript = (0, react_1.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
-    var optimization = (function () {
-        var removeClasses = "d.remove(".concat(attrs
-            .map(function (t) { return "'".concat(t, "'"); })
-            .join(","), ")");
-        return "var d=document.documentElement.classList;".concat(removeClasses, ";");
-    })();
-    var fallbackColorScheme = (function () {
-        if (!enableColorScheme) {
-            return "";
-        }
-        var fallback = colorSchemes.includes(defaultTheme)
-            ? defaultTheme
-            : null;
-        if (fallback) {
-            return "if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'".concat(defaultTheme, "'");
-        }
-        else {
-            return "if(e==='light'||e==='dark')d.style.colorScheme=e";
-        }
-    })();
-    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
-        if (enableColorScheme &&
-            setColorScheme &&
-            !literal &&
-            colorSchemes.includes(name)) {
-            text += "d.style.colorScheme = '".concat(name, "';");
-        }
-        if (attribute === "class") {
-            if (literal || resolvedName) {
-                text += "d.add(".concat(val, ")");
-            }
-            else {
-                text += "null";
-            }
-        }
-        else {
-            if (resolvedName) {
-                text += "d[s](n, ".concat(val, ")");
-            }
-        }
-        return text;
-    };
-    var scriptSrc = (function () {
-        if (forcedTheme) {
-            return "!function(){".concat(optimization).concat(updateDOM(forcedTheme), "}()");
-        }
-        if (enableSystem) {
-            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{".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
-    var encodedScript = "data:text/javascript;base64,".concat(encodeBase64(scriptSrc));
-    return ((0, jsx_runtime_1.jsx)(script_1.default, { id: "next-theme-script", strategy: "beforeInteractive", src: encodedScript, nonce: nonce }));
-}, 
-// Never re-render this component
-function () { return true; });
-// Helpers
-var getTheme = function (key, fallback) {
-    if (isServer_1.default)
-        return undefined;
-    var theme;
-    try {
-        theme = localStorage.getItem(key) || undefined;
-    }
-    catch (e) {
-        // Unsupported
-    }
-    return theme || fallback;
-};
-var disableAnimation = function () {
-    var d = document;
-    var css = d.createElement("style");
-    css.appendChild(d.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}"));
-    d.head.appendChild(css);
-    return function () {
-        // Force restyle
-        (function () { return window.getComputedStyle(d.body); })();
-        // Wait for next tick before removing
-        setTimeout(function () {
-            d.head.removeChild(css);
-        }, 1);
-    };
-};
-var getSystemTheme = function (e) {
-    if (!e)
-        e = window.matchMedia(MEDIA);
-    var isDark = e.matches;
-    var systemTheme = isDark ? "dark" : "light";
-    return systemTheme;
-};
-var encodeBase64 = function (str) {
-    return isServer_1.default ? Buffer.from(str).toString("base64") : btoa(str);
-};
-exports.default = exports.ThemeProvider;

package/12/TransText.mjs

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

package/12/app/AppHead.mjs

@@ -1,6 +0,0 @@
-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.mjs

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

package/12/app/css/AppMain.mjs

@@ -1,14 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { SeoDefaults } from "../../SeoDefaults";
-/**
- * App main
- *
- * It does not imply any specific styling or animation solution
- */
-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.mjs

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// 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;
-    // return (
-    //   <ThemeVanillaProvider initialTheme={theme}>{children}</ThemeVanillaProvider>
-    // );
-    return (_jsx(ThemeProvider, { defaultTheme: theme, attribute: "class", children: children }));
-};
-export default AppTheme;

package/12/app/css/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, { session: props.pageProps.session, children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) })] }));
-};
-export default NextApp;

package/12/app/css/auth/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/12/app/css/index.mjs

@@ -1,57 +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
- *
- * @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 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/css/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/12/app/index.mjs

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

package/12/app/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/12/app/sc/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";
-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, { 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.mjs

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 default AppTheme;

package/12/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, { session: props.pageProps.session, children: _jsx(AppTheme, __assign({}, props, { children: _jsx(AppMain, __assign({}, props)) })) })] }));
-};
-export default NextApp;

package/12/app/sc/auth/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/12/app/sc/index.mjs

@@ -1,59 +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
- *
- * @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 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/sc/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/12/document/Document.mjs

@@ -1,28 +0,0 @@
-import { __extends } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import NextDocument, { Html, Head, Main, NextScript } from "next/document";
-import Meta from "@koine/react/Meta";
-import NoJs from "@koine/react/NoJs";
-/**
- * Next Document wrapper for bare projects
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document";
- * ```
- */
-var Document = /** @class */ (function (_super) {
-    __extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
-    };
-    return Document;
-}(NextDocument));
-export { Document };
-export default Document;

package/12/document/css/index.mjs

@@ -1,45 +0,0 @@
-import { __extends } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import NextDocument, { 
-// DocumentContext,
-// type DocumentInitialProps,
-Html, Head, Main, NextScript, } from "next/document";
-import Meta from "@koine/react/Meta";
-import NoJs from "@koine/react/NoJs";
-// import { getInitialThemeFromRequest, ThemeVanillaValue } from "@koine/react/sc"; // FIXME: this should be imported from another entrypoint
-/**
- * Next Document wrapper for `css/tailwind` based projects
- *
- * Uses cookie to manage the current theme
- *
- * @example
- *
- * in your `myapp/pages/_document.tsx`:
- * ```tsx
- * export { Document as default } from "@koine/next/document/css";
- * ```
- */
-var Document = /** @class */ (function (_super) {
-    __extends(Document, _super);
-    function Document() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    // static override async getInitialProps(
-    //   ctx: DocumentContext
-    // ): Promise<DocumentInitialProps & { theme: ThemeVanillaValue }> {
-    //   const initialProps = await NextDocument.getInitialProps(ctx);
-    //   return {
-    //     ...initialProps,
-    //     theme: getInitialThemeFromRequest(
-    //       ctx.req?.headers.cookie /*  || document?.cookie */ || ""
-    //     ),
-    //   };
-    // }
-    Document.prototype.render = function () {
-        var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return (_jsxs(Html, { lang: locale || defaultLocale, className: "no-js", children: [_jsxs(Head, { children: [_jsx(Meta, {}), _jsx(NoJs, {})] }), _jsxs("body", { children: [_jsx(Main, {}), _jsx(NextScript, {})] })] }));
-    };
-    return Document;
-}(NextDocument));
-export { Document };
-export default Document;

package/12/document/css/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/12/document/index.mjs

@@ -1,2 +0,0 @@
-export { Document } from "./Document";
-export { Document as default } from "./Document";

package/12/document/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.mjs",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}