@koine/next 1.2.2 → 2.0.0-alpha.1

package/legacy/app/index.d.ts

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

package/legacy/app/index.js

@@ -0,0 +1,5 @@
+"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);

package/legacy/app/index.mjs

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

package/legacy/app/package.json

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

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

@@ -0,0 +1,11 @@
+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/legacy/app/sc/AppMain.js

@@ -0,0 +1,29 @@
+"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/legacy/app/sc/AppMain.mjs

@@ -0,0 +1,25 @@
+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, __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/legacy/app/sc/AppTheme.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { type 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/legacy/app/sc/AppTheme.js

@@ -0,0 +1,16 @@
+"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 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, tslib_1.__assign({ theme: theme }, { children: [(0, jsx_runtime_1.jsx)(sc_1.StylesGlobal, {}), children] })));
+};
+exports.AppTheme = AppTheme;
+exports.default = exports.AppTheme;

package/legacy/app/sc/AppTheme.mjs

@@ -0,0 +1,12 @@
+import { __assign } from "tslib";
+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, __assign({ theme: theme }, { children: [_jsx(StylesGlobal, {}), children] })));
+};
+export default AppTheme;

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

@@ -0,0 +1,11 @@
+import type { AppProps } from "next/app";
+import { type AppThemeProps } from "../AppTheme";
+import { type 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/legacy/app/sc/auth/index.js

@@ -0,0 +1,17 @@
+"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/legacy/app/sc/auth/index.mjs

@@ -0,0 +1,13 @@
+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/legacy/app/sc/auth/package.json

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

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

@@ -0,0 +1,56 @@
+import type { AppProps } from "next/app";
+import { type AppThemeProps } from "./AppTheme";
+import { type 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;

package/legacy/app/sc/index.js

@@ -0,0 +1,63 @@
+"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/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" />
+ *         </>
+ *       }
+ *     />
+ *   );
+ * }
+ *
+ * ```
+ */
+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/legacy/app/sc/index.mjs

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

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

package/legacy/document/Document.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import NextDocument from "next/document";
+/**
+ * Next Document wrapper for bare projects
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    render(): JSX.Element;
+}
+export default Document;

package/legacy/document/Document.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var document_1 = tslib_1.__importStar(require("next/document"));
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@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) {
+    tslib_1.__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 ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+    };
+    return Document;
+}(document_1.default));
+exports.Document = Document;
+exports.default = Document;

package/legacy/document/Document.mjs

@@ -0,0 +1,28 @@
+import { __assign, __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, __assign({ 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/legacy/document/css/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import NextDocument from "next/document";
+/**
+ * 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";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    render(): JSX.Element;
+}
+export default Document;

package/legacy/document/css/index.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var document_1 = tslib_1.__importStar(require("next/document"));
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@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) {
+    tslib_1.__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 ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+    };
+    return Document;
+}(document_1.default));
+exports.Document = Document;
+exports.default = Document;

package/legacy/document/css/index.mjs

@@ -0,0 +1,45 @@
+import { __assign, __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, __assign({ 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/legacy/document/css/package.json

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

package/legacy/document/index.d.ts

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

package/legacy/document/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.Document = void 0;
+var Document_1 = require("./Document");
+Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.Document; } });
+var Document_2 = require("./Document");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return Document_2.Document; } });

package/legacy/document/index.mjs

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

package/legacy/document/package.json

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

package/legacy/document/sc/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import NextDocument, { DocumentContext, type DocumentInitialProps } from "next/document";
+/**
+ * Next Document wrapper for `styled-components` based projects
+ *
+ * For typescript safety of this component
+ * @see https://bit.ly/3ceuF8m
+ *
+ * @example
+ *
+ * in your `myapp/pages/_document.tsx`:
+ * ```tsx
+ * export { Document as default } from "@koine/next/document/sc";
+ * ```
+ */
+export declare class Document extends NextDocument {
+    static getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps>;
+    render(): JSX.Element;
+}
+export default Document;