@koine/next 1.0.59 → 1.0.60

package/DisableErrorOverlay.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Disable error overlay during `dev`
+ *
+ * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
+ */
+export declare const DisableErrorOverlay: () => JSX.Element;
+export default DisableErrorOverlay;

package/DisableErrorOverlay.js

@@ -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/Link.d.ts

@@ -6,5 +6,5 @@ export declare type LinkProps = Omit<React.ComponentPropsWithRef<"a">, "href"> &
 /**
  * @see https://next.js.org/docs/api-reference/next/link
  */
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "key" | "title" | "replace" | "slot" | "style" | "children" | "hidden" | "type" | "locale" | "rel" | "href" | "hrefLang" | "property" | "id" | "prefetch" | "onLoad" | "color" | "download" | "media" | "ping" | "target" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "scroll" | "shallow" | "legacyBehavior" | "Link"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "key" | "title" | "replace" | "slot" | "style" | "children" | "hidden" | "type" | "locale" | "rel" | "href" | "hrefLang" | "property" | "id" | "prefetch" | "onLoad" | "dangerouslySetInnerHTML" | "color" | "download" | "media" | "ping" | "target" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "scroll" | "shallow" | "legacyBehavior" | "Link"> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/ThemeContext.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare type ThemeContextProps = {
+    /** List of all available theme names */
+    themes: string[];
+    /** Forced theme name for the current page */
+    forcedTheme?: string;
+    /** Update the theme */
+    setTheme: (theme: string) => void;
+    /** Active theme name */
+    theme?: string;
+    /** If `enableSystem` is true and the active theme is "system", this returns whether the system preference resolved to "dark" or "light". Otherwise, identical to `theme` */
+    resolvedTheme?: string;
+    /** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */
+    systemTheme?: "dark" | "light";
+};
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export default ThemeContext;

package/ThemeContext.js

@@ -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.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+declare type ValueObject = {
+    [themeName: string]: string;
+};
+export declare type ThemeProviderProps = React.PropsWithChildren<{
+    /** List of all available theme names */
+    themes?: string[];
+    /** Forced theme name for the current page */
+    forcedTheme?: string;
+    /** Whether to switch between dark and light themes based on prefers-color-scheme */
+    enableSystem?: boolean;
+    /** Disable all CSS transitions when switching themes */
+    disableTransitionOnChange?: boolean;
+    /** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons */
+    enableColorScheme?: boolean;
+    /** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light */
+    defaultTheme?: string;
+    /** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) */
+    attribute?: string | "class";
+    /** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value */
+    value?: ValueObject;
+    /** Nonce string to pass to the inline script for CSP headers */
+    nonce?: string;
+}>;
+/**
+ * @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
+ */
+export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => JSX.Element;
+export default ThemeProvider;

package/ThemeProvider.js

@@ -0,0 +1,246 @@
+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";
+import { ThemeContext } from "./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
+ */
+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, 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 () {
+        return getTheme(THEME_STORAGE_KEY, defaultTheme);
+    }), theme = _g[0], setThemeState = _g[1];
+    var _h = 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 _a;
+        var resolved = theme;
+        if (isServer || !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 = useCallback(function (theme) {
+        setThemeState(theme);
+        // Save to storage
+        try {
+            localStorage.setItem(THEME_STORAGE_KEY, theme);
+        }
+        catch (e) {
+            // Unsupported
+        }
+    }, []);
+    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(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
+    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
+    useEffect(function () {
+        applyTheme(forcedTheme !== null && forcedTheme !== void 0 ? forcedTheme : theme);
+    }, [applyTheme, forcedTheme, theme]);
+    return (_jsxs(ThemeContext.Provider, __assign({ value: {
+            theme: theme,
+            setTheme: setTheme,
+            forcedTheme: forcedTheme,
+            resolvedTheme: theme === "system" ? resolvedTheme : theme,
+            themes: enableSystem ? __spreadArray(__spreadArray([], themes, true), ["system"], false) : themes,
+            systemTheme: (enableSystem ? resolvedTheme : undefined),
+        } }, { 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] })));
+};
+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
+    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 (_jsx(NextScript, { 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)
+        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 ? Buffer.from(str).toString("base64") : btoa(str);
+};
+export default ThemeProvider;

package/app/css/AppTheme.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { AppProps as NextAppProps } from "next/app";
-import { type ThemeProviderProps } from "../../useTheme";
+import { type ThemeProviderProps } from "../../ThemeProvider";
 export declare type AppThemeProps = React.PropsWithChildren<NextAppProps & {
     theme: ThemeProviderProps["defaultTheme"];
 }>;

package/app/css/AppTheme.js

@@ -1,7 +1,7 @@
 import { __assign } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 // import { ThemeVanillaProvider, ThemeVanillaValue } from "@koine/react";
-import { ThemeProvider } from "../../useTheme";
+import { ThemeProvider } from "../../ThemeProvider";
 /**
  * App theme with vanilla class based theme (good for `tailwindcss`)
  */

package/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./AnalyticsGoogle";
+export * from "./DisableErrorOverlay";
 export * from "./DynamicNamespaces";
 export * from "./Favicon";
 export * from "./getSiteUrl";
@@ -13,6 +14,8 @@ export * from "./revalidate";
 export * from "./Seo";
 export * from "./SeoDefaults";
 export * from "./T";
+export * from "./ThemeContext";
+export * from "./ThemeProvider";
 export * from "./to";
 export * from "./translationAsOptions";
 export * from "./types-i18n";

package/index.js

@@ -1,5 +1,6 @@
 export * from "./AnalyticsGoogle";
 // export * from "./createEmotionCache";
+export * from "./DisableErrorOverlay";
 export * from "./DynamicNamespaces";
 export * from "./Favicon";
 export * from "./getSiteUrl";
@@ -15,6 +16,8 @@ export * from "./Seo";
 // export * from "./seoBuildTags";
 export * from "./SeoDefaults";
 export * from "./T";
+export * from "./ThemeContext";
+export * from "./ThemeProvider";
 export * from "./to";
 export * from "./translationAsOptions";
 export * from "./types-i18n";

package/node/DisableErrorOverlay.js

@@ -0,0 +1,18 @@
+"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
+ */
+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()});",
+            } })) }));
+};
+exports.DisableErrorOverlay = DisableErrorOverlay;
+exports.default = exports.DisableErrorOverlay;

package/node/ThemeContext.js

@@ -0,0 +1,10 @@
+"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: [],
+});
+exports.default = exports.ThemeContext;