@koine/next 1.1.10 → 1.1.11

package/AnalyticsGoogle.js

@@ -1,17 +1,20 @@
-import { __assign } from "tslib";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useRouter } from "next/router";
-import Script from "next/script";
-import gtagPageview from "@koine/browser/gtagPageview";
-export var AnalyticsGoogle = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnalyticsGoogle = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var router_1 = require("next/router");
+var script_1 = tslib_1.__importDefault(require("next/script"));
+var gtagPageview_1 = tslib_1.__importDefault(require("@koine/browser/gtagPageview"));
+var AnalyticsGoogle = function (_a) {
     var id = _a.id;
     var uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    var _b = useRouter(), events = _b.events, asPath = _b.asPath, query = _b.query;
-    var _c = useState(false), ready = _c[0], setReady = _c[1];
-    var _d = useState(false), routed = _d[0], setRouted = _d[1];
+    var _b = (0, router_1.useRouter)(), events = _b.events, asPath = _b.asPath, query = _b.query;
+    var _c = (0, react_1.useState)(false), ready = _c[0], setReady = _c[1];
+    var _d = (0, react_1.useState)(false), routed = _d[0], setRouted = _d[1];
     // const [url, setUrl] = useState("");
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var handleRouteChange = function () {
             setRouted(true);
         };
@@ -20,15 +23,16 @@ export var AnalyticsGoogle = function (_a) {
             events.off("routeChangeComplete", handleRouteChange);
         };
     }, [events]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (routed && ready && asPath) {
             // const search = query;
-            gtagPageview(asPath);
+            (0, gtagPageview_1.default)(asPath);
         }
     }, [asPath, query, routed, ready]);
     if (!uid) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), _jsx(Script, __assign({ id: "google-analytics", strategy: "afterInteractive" }, { children: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){window.dataLayer.push(arguments);}\n          gtag('js', new Date());\n\n          gtag('config', '".concat(id, "', { 'send_page_view': false });\n        ") }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(script_1.default, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), (0, jsx_runtime_1.jsx)(script_1.default, tslib_1.__assign({ id: "google-analytics", strategy: "afterInteractive" }, { children: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){window.dataLayer.push(arguments);}\n          gtag('js', new Date());\n\n          gtag('config', '".concat(id, "', { 'send_page_view': false });\n        ") }))] }));
 };
-export default AnalyticsGoogle;
+exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.default = exports.AnalyticsGoogle;

package/AnalyticsGoogle.mjs

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useRouter } from "next/router";
+import Script from "next/script";
+import gtagPageview from "@koine/browser/gtagPageview";
+export var AnalyticsGoogle = function (_a) {
+    var id = _a.id;
+    var uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
+    var _b = useRouter(), events = _b.events, asPath = _b.asPath, query = _b.query;
+    var _c = useState(false), ready = _c[0], setReady = _c[1];
+    var _d = useState(false), routed = _d[0], setRouted = _d[1];
+    // const [url, setUrl] = useState("");
+    useEffect(function () {
+        var handleRouteChange = function () {
+            setRouted(true);
+        };
+        events.on("routeChangeComplete", handleRouteChange);
+        return function () {
+            events.off("routeChangeComplete", handleRouteChange);
+        };
+    }, [events]);
+    useEffect(function () {
+        if (routed && ready && asPath) {
+            // const search = query;
+            gtagPageview(asPath);
+        }
+    }, [asPath, query, routed, ready]);
+    if (!uid) {
+        return null;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id), strategy: "afterInteractive", onLoad: function () { return setReady(true); } }), _jsx(Script, __assign({ id: "google-analytics", strategy: "afterInteractive" }, { children: "\n          window.dataLayer = window.dataLayer || [];\n          function gtag(){window.dataLayer.push(arguments);}\n          gtag('js', new Date());\n\n          gtag('config', '".concat(id, "', { 'send_page_view': false });\n        ") }))] }));
+};
+export default AnalyticsGoogle;

package/DisableErrorOverlay.js

@@ -1,13 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisableErrorOverlay = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var head_1 = tslib_1.__importDefault(require("next/head"));
 /**
  * Disable error overlay during `dev`
  *
  * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
  */
-export var DisableErrorOverlay = function () {
-    return (_jsx(Head, { children: process.env["NODE_ENV"] !== "production" && (_jsx("script", { dangerouslySetInnerHTML: {
+var DisableErrorOverlay = function () {
+    return ((0, jsx_runtime_1.jsx)(head_1.default, { children: process.env["NODE_ENV"] !== "production" && ((0, jsx_runtime_1.jsx)("script", { dangerouslySetInnerHTML: {
                 __html: "window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});",
             } })) }));
 };
-export default DisableErrorOverlay;
+exports.DisableErrorOverlay = DisableErrorOverlay;
+exports.default = exports.DisableErrorOverlay;

package/DisableErrorOverlay.mjs

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+/**
+ * Disable error overlay during `dev`
+ *
+ * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
+ */
+export var DisableErrorOverlay = function () {
+    return (_jsx(Head, { children: process.env["NODE_ENV"] !== "production" && (_jsx("script", { dangerouslySetInnerHTML: {
+                __html: "window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});",
+            } })) }));
+};
+export default DisableErrorOverlay;

package/DynamicNamespaces.js

@@ -1,8 +1,12 @@
-import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicNamespaces = void 0;
+var tslib_1 = require("tslib");
+var DynamicNamespaces_1 = tslib_1.__importDefault(require("next-translate/DynamicNamespaces"));
 /**
  * **NOTE**: To make typescript work nicely here make sure to enable
  * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
  * in your `tsconfig.json` file.
  */
-export var DynamicNamespaces = BaseDynamicNamespaces;
-export default DynamicNamespaces;
+exports.DynamicNamespaces = DynamicNamespaces_1.default;
+exports.default = exports.DynamicNamespaces;

package/DynamicNamespaces.mjs

@@ -0,0 +1,8 @@
+import BaseDynamicNamespaces from "next-translate/DynamicNamespaces";
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+export var DynamicNamespaces = BaseDynamicNamespaces;
+export default DynamicNamespaces;

package/Favicon.js

@@ -1,6 +1,10 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Head from "next/head";
-import FaviconTags from "@koine/react/FaviconTags";
-export var Favicon = function (props) { return (_jsx(Head, { children: _jsx(FaviconTags, __assign({}, props)) })); };
-export default Favicon;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Favicon = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var head_1 = tslib_1.__importDefault(require("next/head"));
+var FaviconTags_1 = tslib_1.__importDefault(require("@koine/react/FaviconTags"));
+var Favicon = function (props) { return ((0, jsx_runtime_1.jsx)(head_1.default, { children: (0, jsx_runtime_1.jsx)(FaviconTags_1.default, tslib_1.__assign({}, props)) })); };
+exports.Favicon = Favicon;
+exports.default = exports.Favicon;

package/Favicon.mjs

@@ -0,0 +1,6 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Head from "next/head";
+import FaviconTags from "@koine/react/FaviconTags";
+export var Favicon = function (props) { return (_jsx(Head, { children: _jsx(FaviconTags, __assign({}, props)) })); };
+export default Favicon;

package/Head.js

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

package/Head.mjs

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

package/Link.js

@@ -1,12 +1,15 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import NextLink from "next/link";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var link_1 = tslib_1.__importDefault(require("next/link"));
 /**
  * @see https://next.js.org/docs/api-reference/next/link
  */
-export var Link = forwardRef(function Link(_a, ref) {
-    var href = _a.href, prefetch = _a.prefetch, replace = _a.replace, scroll = _a.scroll, shallow = _a.shallow, locale = _a.locale, _b = _a.Link, Link = _b === void 0 ? "span" : _b, props = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
-    return (_jsx(NextLink, __assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(Link, __assign({ ref: ref }, props)) })));
+exports.Link = (0, react_1.forwardRef)(function Link(_a, ref) {
+    var href = _a.href, prefetch = _a.prefetch, replace = _a.replace, scroll = _a.scroll, shallow = _a.shallow, locale = _a.locale, _b = _a.Link, Link = _b === void 0 ? "span" : _b, props = tslib_1.__rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
+    return ((0, jsx_runtime_1.jsx)(link_1.default, tslib_1.__assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: (0, jsx_runtime_1.jsx)(Link, tslib_1.__assign({ ref: ref }, props)) })));
 });
-export default Link;
+exports.default = exports.Link;

package/Link.mjs

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import NextLink from "next/link";
+/**
+ * @see https://next.js.org/docs/api-reference/next/link
+ */
+export var Link = forwardRef(function Link(_a, ref) {
+    var href = _a.href, prefetch = _a.prefetch, replace = _a.replace, scroll = _a.scroll, shallow = _a.shallow, locale = _a.locale, _b = _a.Link, Link = _b === void 0 ? "span" : _b, props = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale", "Link"]);
+    return (_jsx(NextLink, __assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(Link, __assign({ ref: ref }, props)) })));
+});
+export default Link;

package/NextProgress.js

@@ -1,20 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useRouter } from "next/router";
-export var NextProgress = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextProgress = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var router_1 = require("next/router");
+var NextProgress = function (_a) {
     var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
-    var events = useRouter().events;
+    var events = (0, router_1.useRouter)().events;
     // const [progress, setProgress] = useState(0);
-    var _f = useState(false), running = _f[0], setRunning = _f[1];
-    var timer = useRef(null);
-    var routeChangeStart = useCallback(function (_, _a) {
+    var _f = (0, react_1.useState)(false), running = _f[0], setRunning = _f[1];
+    var timer = (0, react_1.useRef)(null);
+    var routeChangeStart = (0, react_1.useCallback)(function (_, _a) {
         var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             // setProgress(startAt);
             setRunning(true);
         }
     }, [showOnShallow]);
-    var routeChangeEnd = useCallback(function (_, _a) {
+    var routeChangeEnd = (0, react_1.useCallback)(function (_, _a) {
         var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             if (timer.current) {
@@ -26,7 +29,7 @@ export var NextProgress = function (_a) {
             }, stopDelayMs);
         }
     }, [showOnShallow, stopDelayMs, timer]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         events.on("routeChangeStart", routeChangeStart);
         events.on("routeChangeComplete", routeChangeEnd);
         events.on("routeChangeError", routeChangeEnd);
@@ -36,6 +39,7 @@ export var NextProgress = function (_a) {
             events.off("routeChangeError", routeChangeEnd);
         };
     }, [events, routeChangeStart, routeChangeEnd]);
-    return _jsx(Overlay, { running: running });
+    return (0, jsx_runtime_1.jsx)(Overlay, { running: running });
 };
-export default NextProgress;
+exports.NextProgress = NextProgress;
+exports.default = exports.NextProgress;

package/{node/NextProgress.js → NextProgress.mjs}

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextProgress = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var router_1 = require("next/router");
-var NextProgress = function (_a) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useRouter } from "next/router";
+export var NextProgress = function (_a) {
     var _b = _a.startAt, startAt = _b === void 0 ? 0.3 : _b, _c = _a.showOnShallow, showOnShallow = _c === void 0 ? true : _c, _d = _a.stopDelayMs, stopDelayMs = _d === void 0 ? 200 : _d, _e = _a.Overlay, Overlay = _e === void 0 ? "div" : _e;
-    var events = (0, router_1.useRouter)().events;
+    var events = useRouter().events;
     // const [progress, setProgress] = useState(0);
-    var _f = (0, react_1.useState)(false), running = _f[0], setRunning = _f[1];
-    var timer = (0, react_1.useRef)(null);
-    var routeChangeStart = (0, react_1.useCallback)(function (_, _a) {
+    var _f = useState(false), running = _f[0], setRunning = _f[1];
+    var timer = useRef(null);
+    var routeChangeStart = useCallback(function (_, _a) {
         var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             // setProgress(startAt);
             setRunning(true);
         }
     }, [showOnShallow]);
-    var routeChangeEnd = (0, react_1.useCallback)(function (_, _a) {
+    var routeChangeEnd = useCallback(function (_, _a) {
         var shallow = _a.shallow;
         if (!shallow || showOnShallow) {
             if (timer.current) {
@@ -29,7 +26,7 @@ var NextProgress = function (_a) {
             }, stopDelayMs);
         }
     }, [showOnShallow, stopDelayMs, timer]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         events.on("routeChangeStart", routeChangeStart);
         events.on("routeChangeComplete", routeChangeEnd);
         events.on("routeChangeError", routeChangeEnd);
@@ -39,7 +36,6 @@ var NextProgress = function (_a) {
             events.off("routeChangeError", routeChangeEnd);
         };
     }, [events, routeChangeStart, routeChangeEnd]);
-    return (0, jsx_runtime_1.jsx)(Overlay, { running: running });
+    return _jsx(Overlay, { running: running });
 };
-exports.NextProgress = NextProgress;
-exports.default = exports.NextProgress;
+export default NextProgress;

package/Seo.js

@@ -1,7 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Seo = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
 // import { memo } from "react";
-import Head from "next/head";
-import { seoBuildTags } from "./seoBuildTags";
+var head_1 = tslib_1.__importDefault(require("next/head"));
+var seoBuildTags_1 = require("./seoBuildTags");
 /**
  * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
  *
@@ -23,7 +27,8 @@ import { seoBuildTags } from "./seoBuildTags";
  * <Seo title="MyApp | Some description" titleTemplate="%s" />
  * ```
  */
-export var Seo = function (props) {
-    return _jsx(Head, { children: seoBuildTags(props) });
+var Seo = function (props) {
+    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, seoBuildTags_1.seoBuildTags)(props) });
 };
-export default Seo;
+exports.Seo = Seo;
+exports.default = exports.Seo;

package/{node/Seo.js → Seo.mjs}

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Seo = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 // import { memo } from "react";
-var head_1 = tslib_1.__importDefault(require("next/head"));
-var seoBuildTags_1 = require("./seoBuildTags");
+import Head from "next/head";
+import { seoBuildTags } from "./seoBuildTags";
 /**
  * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
  *
@@ -27,8 +23,7 @@ var seoBuildTags_1 = require("./seoBuildTags");
  * <Seo title="MyApp | Some description" titleTemplate="%s" />
  * ```
  */
-var Seo = function (props) {
-    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, seoBuildTags_1.seoBuildTags)(props) });
+export var Seo = function (props) {
+    return _jsx(Head, { children: seoBuildTags(props) });
 };
-exports.Seo = Seo;
-exports.default = exports.Seo;
+export default Seo;

package/SeoDefaults.js

@@ -1,12 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeoDefaults = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
 // import { memo } from "react";
-import Head from "next/head";
+var head_1 = tslib_1.__importDefault(require("next/head"));
 // import { useRouter } from "next/router";
 // import { getSiteUrl } from "../utils";
-import { seoBuildTags } from "./seoBuildTags";
-export var SeoDefaults = function (props) {
+var seoBuildTags_1 = require("./seoBuildTags");
+var SeoDefaults = function (props) {
     // const router = useRouter();
     // props.openGraph.url = getSiteUrl(router.asPath);
-    return _jsx(Head, { children: seoBuildTags(props) });
+    return (0, jsx_runtime_1.jsx)(head_1.default, { children: (0, seoBuildTags_1.seoBuildTags)(props) });
 };
-export default SeoDefaults;
+exports.SeoDefaults = SeoDefaults;
+exports.default = exports.SeoDefaults;

package/SeoDefaults.mjs

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// import { memo } from "react";
+import Head from "next/head";
+// import { useRouter } from "next/router";
+// import { getSiteUrl } from "../utils";
+import { seoBuildTags } from "./seoBuildTags";
+export var SeoDefaults = function (props) {
+    // const router = useRouter();
+    // props.openGraph.url = getSiteUrl(router.asPath);
+    return _jsx(Head, { children: seoBuildTags(props) });
+};
+export default SeoDefaults;

package/T.js

@@ -1,10 +1,14 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Trans from "next-translate/Trans";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.T = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Trans_1 = tslib_1.__importDefault(require("next-translate/Trans"));
 /**
  * **NOTE**: To make typescript work nicely here make sure to enable
  * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
  * in your `tsconfig.json` file.
  */
-export var T = function (props) { return _jsx(Trans, __assign({}, props)); };
-export default T;
+var T = function (props) { return (0, jsx_runtime_1.jsx)(Trans_1.default, tslib_1.__assign({}, props)); };
+exports.T = T;
+exports.default = exports.T;

package/T.mjs

@@ -0,0 +1,10 @@
+import { __assign } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import Trans from "next-translate/Trans";
+/**
+ * **NOTE**: To make typescript work nicely here make sure to enable
+ * [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule)
+ * in your `tsconfig.json` file.
+ */
+export var T = function (props) { return _jsx(Trans, __assign({}, props)); };
+export default T;

package/ThemeContext.js

@@ -1,7 +1,10 @@
-import { createContext } from "react";
-export var ThemeContext = createContext({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = void 0;
+var react_1 = require("react");
+exports.ThemeContext = (0, react_1.createContext)({
     // eslint-disable-next-line @typescript-eslint/no-empty-function
     setTheme: function (_) { },
     themes: [],
 });
-export default ThemeContext;
+exports.default = exports.ThemeContext;

package/ThemeContext.mjs

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+export var ThemeContext = createContext({
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    setTheme: function (_) { },
+    themes: [],
+});
+export default ThemeContext;

package/ThemeProvider.js

@@ -1,9 +1,12 @@
-import { __assign, __spreadArray } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState, memo } from "react";
-import NextScript from "next/script";
-import isServer from "@koine/utils/isServer";
-import { ThemeContext } from "./ThemeContext";
+"use strict";
+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";
@@ -16,19 +19,19 @@ var THEME_STORAGE_KEY = "theme";
  * nicely with tailwind `dark` class mode as dark theme is supposed to be only
  * controlled by tailwind modifiers
  */
-export var ThemeProvider = function (_a) {
+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 = useState(function () {
+    var _g = (0, react_1.useState)(function () {
         return getTheme(THEME_STORAGE_KEY, defaultTheme);
     }), theme = _g[0], setThemeState = _g[1];
-    var _h = useState(function () {
+    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 = useCallback(function (theme) {
+    var applyTheme = (0, react_1.useCallback)(function (theme) {
         var _a;
         var resolved = theme;
-        if (isServer || !resolved)
+        if (isServer_1.default || !resolved)
             return;
         // If theme is system, resolve it before setting theme
         if (theme === "system" && enableSystem) {
@@ -69,7 +72,7 @@ export var ThemeProvider = function (_a) {
         enableSystem,
         value,
     ]);
-    var setTheme = useCallback(function (theme) {
+    var setTheme = (0, react_1.useCallback)(function (theme) {
         setThemeState(theme);
         // Save to storage
         try {
@@ -79,7 +82,7 @@ export var ThemeProvider = function (_a) {
             // Unsupported
         }
     }, []);
-    var handleMediaQuery = useCallback(function (e) {
+    var handleMediaQuery = (0, react_1.useCallback)(function (e) {
         var resolved = getSystemTheme(e);
         setResolvedTheme(resolved);
         if (theme === "system" && enableSystem && !forcedTheme) {
@@ -87,7 +90,7 @@ export var ThemeProvider = function (_a) {
         }
     }, [theme, enableSystem, forcedTheme, applyTheme]);
     // Always listen to System preference
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var media = window.matchMedia(MEDIA);
         // Intentionally use deprecated listener methods to support iOS & old browsers
         media.addListener(handleMediaQuery);
@@ -95,7 +98,7 @@ export var ThemeProvider = function (_a) {
         return function () { return media.removeListener(handleMediaQuery); };
     }, [handleMediaQuery]);
     // localStorage event handling
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var handleStorage = function (e) {
             if (e.key !== THEME_STORAGE_KEY) {
                 return;
@@ -108,17 +111,17 @@ export var ThemeProvider = function (_a) {
         return function () { return window.removeEventListener("storage", handleStorage); };
     }, [defaultTheme, setTheme]);
     // Whenever theme or forcedTheme changes, apply it
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         applyTheme(forcedTheme !== null && forcedTheme !== void 0 ? forcedTheme : theme);
     }, [applyTheme, forcedTheme, theme]);
-    return (_jsxs(ThemeContext.Provider, __assign({ value: {
+    return ((0, jsx_runtime_1.jsxs)(ThemeContext_1.ThemeContext.Provider, tslib_1.__assign({ value: {
             theme: theme,
             setTheme: setTheme,
             forcedTheme: forcedTheme,
             resolvedTheme: theme === "system" ? resolvedTheme : theme,
-            themes: enableSystem ? __spreadArray(__spreadArray([], themes, true), ["system"], false) : themes,
+            themes: enableSystem ? tslib_1.__spreadArray(tslib_1.__spreadArray([], themes, true), ["system"], false) : themes,
             systemTheme: (enableSystem ? resolvedTheme : undefined),
-        } }, { children: [_jsx(ThemeScript, __assign({}, {
+        } }, { children: [(0, jsx_runtime_1.jsx)(ThemeScript, tslib_1.__assign({}, {
                 forcedTheme: forcedTheme,
                 disableTransitionOnChange: disableTransitionOnChange,
                 enableSystem: enableSystem,
@@ -132,7 +135,8 @@ export var ThemeProvider = function (_a) {
                 nonce: nonce,
             })), children] })));
 };
-var ThemeScript = memo(function (_a) {
+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
@@ -202,13 +206,13 @@ var ThemeScript = memo(function (_a) {
     // 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 (_jsx(NextScript, { id: "next-theme-script", strategy: "beforeInteractive", src: encodedScript, nonce: nonce }));
+    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)
+    if (isServer_1.default)
         return undefined;
     var theme;
     try {
@@ -241,6 +245,6 @@ var getSystemTheme = function (e) {
     return systemTheme;
 };
 var encodeBase64 = function (str) {
-    return isServer ? Buffer.from(str).toString("base64") : btoa(str);
+    return isServer_1.default ? Buffer.from(str).toString("base64") : btoa(str);
 };
-export default ThemeProvider;
+exports.default = exports.ThemeProvider;