@koine/next 2.0.0-beta.5 → 2.0.0-beta.50

package/12/AnalyticsGoogle.d.ts

@@ -1,5 +1,4 @@
 export type AnalyticsGoogleProps = {
-    /** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */
     id?: string;
 };
 export declare const AnalyticsGoogle: ({ id }: AnalyticsGoogleProps) => import("react/jsx-runtime").JSX.Element | null;

package/12/DisableErrorOverlay.d.ts

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

package/12/NextProgress.d.ts

@@ -1,11 +1,8 @@
 import type { Simplify } from "@koine/utils";
-import type { WithComponents } from "@koine/react/helpers";
+import type { WithComponents } from "@koine/react";
 type OwnProps = {
-    /** @default 0.3 */
     startAt?: number;
-    /** @default true */
     showOnShallow?: boolean;
-    /** @default 200 */
     stopDelayMs?: number;
 };
 export type Components = {

package/12/Seo.d.ts

@@ -4,9 +4,6 @@ import type { SeoData } from "./types-seo";
 type SeoPropsOpenGraph = NextSeoProps["openGraph"] & {
     image?: string;
 };
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L395
- */
 export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLinkTags" | "mobileAlternate" | "robotsProps"> & {
     metaTags?: ReadonlyArray<MetaTag>;
     linkTags?: ReadonlyArray<LinkTag>;
@@ -16,26 +13,5 @@ export type SeoProps = Omit<NextSeoProps, "additionalMetaTags" | "additionalLink
     openGraph?: SeoPropsOpenGraph;
     og?: SeoPropsOpenGraph;
 };
-/**
- * Adapted from [garmeeh/next-seo](https://github.com/garmeeh/next-seo)
- *
- * See also:
- * - https://github.com/catnose99/next-head-seo
- * - https://nextjs.org/docs/api-reference/next/head
- *
- * NB: on the homepage you usually want to customize the `titleTemplate` to avoid
- * doubled app name. Assuming your default seo configuration is something like:
- *
- * ```js
- * {
- *   titleTemplate: "%s | MyApp"
- * }
- * ```
- *
- * On the homepage you migh want to override it, e.g.:
- * ```js
- * <Seo title="MyApp | Some description" titleTemplate="%s" />
- * ```
- */
 export declare const Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
 export default Seo;

package/12/SeoDefaults.d.ts

@@ -1,8 +1,5 @@
 import type { DefaultSeoProps } from "next-seo/lib/types";
 import { type LinkTag, type MetaTag } from "./seoBuildTags";
-/**
- * @see https://github.com/garmeeh/next-seo/blob/master/src/types.ts#L413
- */
 export type SeoDefaultsProps = Omit<DefaultSeoProps, "additionalMetaTags" | "additionalLinkTags" | "dangerouslySetAllPagesToNoIndex" | "dangerouslySetAllPagesToNoFollow" | "defaultOpenGraphImageWidth" | "defaultOpenGraphImageHeight" | "defaultOpenGraphVideoWidth" | "defaultOpenGraphVideoHeight" | "mobileAlternate" | "robotsProps"> & {
     metaTags?: ReadonlyArray<MetaTag>;
     linkTags?: ReadonlyArray<LinkTag>;

package/12/seoBuildTags.d.ts

@@ -4,20 +4,5 @@ import type { SeoDefaultsProps } from "./SeoDefaults";
 export type MetaTag = React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>;
 export type LinkTag = React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>;
 type BuildTagsParams = SeoProps & SeoDefaultsProps;
-/**
- * Comparing to `next-seo` we do a couple of things in addition while many
- * others are removed.
- *
- * - Add `seo` meta object coming from a CMS probably
- * - Add `ogimage` and `openGraph.image` as single image source
- * - Add `og` alias to define `openGraph`
- * - Add check for `title` equal to `templateTitle` to avoid meta titles like
- *   "My site | My site" often happening in homepages
- * - Remove the open graph videos and images
- *
- * - Shorter code
- *
- * @returns
- */
 export declare const seoBuildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, }?: BuildTagsParams) => React.ReactNode[];
 export default seoBuildTags;

package/12/types.d.ts

@@ -0,0 +1 @@
+export type { SeoDefaultsProps } from "./SeoDefaults";

package/12.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./12";

package/12.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./12.cjs.js').default;

package/12.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var router = require('next/router');
+var o = require('next/script');
+var react = require('react');
+var browser = require('@koine/browser');
+var r = require('next/head');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var o__default = /*#__PURE__*/_interopDefaultLegacy(o);
+var r__default = /*#__PURE__*/_interopDefaultLegacy(r);
+
+const AnalyticsGoogle=({id:i})=>{let l=i||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=router.useRouter(),[p,f]=react.useState(!1),[w,u]=react.useState(!1);return (react.useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),react.useEffect(()=>{w&&p&&c&&browser.gtagPageview(c);},[c,d,w,p]),l)?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(o__default["default"],{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${i}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),jsxRuntime.jsx(o__default["default"],{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${i}', { 'send_page_view': false });
+        `})]}):null};
+
+const DisableErrorOverlay=()=>jsxRuntime.jsx(r__default["default"],{children:"development"===process.env.NODE_ENV&&jsxRuntime.jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+exports.AnalyticsGoogle = AnalyticsGoogle;
+exports.DisableErrorOverlay = DisableErrorOverlay;

package/12.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './12.cjs.js';
+export { _default as default } from './12.cjs.default.js';

package/12.d.ts

@@ -0,0 +1,3 @@
+export { AnalyticsGoogle, type AnalyticsGoogleProps, } from "./12/AnalyticsGoogle";
+export { DisableErrorOverlay } from "./12/DisableErrorOverlay";
+export * from "./12/types";

package/12.esm.js

@@ -0,0 +1,18 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useRouter } from 'next/router';
+import o from 'next/script';
+import { useState, useEffect } from 'react';
+import { gtagPageview } from '@koine/browser';
+import r from 'next/head';
+
+const AnalyticsGoogle=({id:i})=>{let l=i||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=useRouter(),[p,f]=useState(!1),[w,u]=useState(!1);return (useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),useEffect(()=>{w&&p&&c&&gtagPageview(c);},[c,d,w,p]),l)?jsxs(Fragment,{children:[jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${i}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${i}', { 'send_page_view': false });
+        `})]}):null};
+
+const DisableErrorOverlay=()=>jsx(r,{children:"development"===process.env.NODE_ENV&&jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+export { AnalyticsGoogle, DisableErrorOverlay };

package/config.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./config";

package/config.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./config.cjs.js').default;

package/config.cjs.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var next = require('@koine/i18n/next');
+
+let withKoine=(r={})=>{let{nx:t=!0,svg:o=!0,i18n:i,...n}=r,s={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...n.experimental||{}},...n};return (o&&(t?s.nx={svgr:!0}:(delete s.nx,s.webpack=(e,r)=>{let t="function"==typeof s.webpack?s.webpack(e,r):e;return t.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),t})),i)?next.withI18nLegacy({...r,...s,i18n:i}):s};
+
+exports.withKoine = withKoine;

package/config.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './config.cjs.js';
+export { _default as default } from './config.cjs.default.js';

package/config.d.ts

@@ -0,0 +1,109 @@
+import type { NextConfig } from "next";
+import { type WithI18nAsyncOptions, type WithI18nLegacyOptions } from "@koine/i18n/next";
+export type WithKoineOptions = NextConfig & {
+    nx?: boolean;
+    svg?: boolean;
+} & Partial<WithI18nLegacyOptions> & WithI18nAsyncOptions;
+export declare let withKoine: (options?: WithKoineOptions) => NextConfig | {
+    redirects(): Promise<(Omit<import("next/dist/lib/load-custom-routes").Redirect, "locale"> & {
+        locale?: boolean | undefined;
+    })[]>;
+    rewrites(): Promise<{
+        beforeFiles: (Omit<import("next/dist/lib/load-custom-routes").Rewrite, "locale"> & {
+            locale?: boolean | undefined;
+        })[];
+        afterFiles: import("next/dist/lib/load-custom-routes").Rewrite[];
+        fallback: import("next/dist/lib/load-custom-routes").Rewrite[];
+    }>;
+    exportPathMap?: ((defaultMap: import("next/dist/server/config-shared").ExportPathMap, ctx: {
+        dev: boolean;
+        dir: string;
+        outDir: string | null;
+        distDir: string;
+        buildId: string;
+    }) => import("next/dist/server/config-shared").ExportPathMap | Promise<import("next/dist/server/config-shared").ExportPathMap>) | undefined;
+    i18n?: import("next/dist/server/config-shared").I18NConfig | null | undefined;
+    eslint?: import("next/dist/server/config-shared").ESLintConfig | undefined;
+    typescript?: import("next/dist/server/config-shared").TypeScriptConfig | undefined;
+    headers?: (() => Promise<import("next/dist/lib/load-custom-routes").Header[]>) | undefined;
+    excludeDefaultMomentLocales?: boolean | undefined;
+    webpack?: import("next/dist/server/config-shared").NextJsWebpackConfig | null | undefined;
+    trailingSlash?: boolean | undefined;
+    env?: Record<string, string | undefined> | undefined;
+    distDir?: string | undefined;
+    cleanDistDir?: boolean | undefined;
+    assetPrefix?: string | undefined;
+    cacheHandler?: string | undefined;
+    cacheMaxMemorySize?: number | undefined;
+    useFileSystemPublicRoutes?: boolean | undefined;
+    generateBuildId?: (() => string | Promise<string | null> | null) | undefined;
+    generateEtags?: boolean | undefined;
+    pageExtensions?: string[] | undefined;
+    compress?: boolean | undefined;
+    analyticsId?: string | undefined;
+    poweredByHeader?: boolean | undefined;
+    images?: Partial<import("next/dist/shared/lib/image-config").ImageConfigComplete> | undefined;
+    devIndicators?: {
+        buildActivity?: boolean | undefined;
+        buildActivityPosition?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | undefined;
+    } | undefined;
+    onDemandEntries?: {
+        maxInactiveAge?: number | undefined;
+        pagesBufferLength?: number | undefined;
+    } | undefined;
+    amp?: {
+        canonicalBase?: string | undefined;
+    } | undefined;
+    basePath?: string | undefined;
+    sassOptions?: {
+        [key: string]: any;
+    } | undefined;
+    productionBrowserSourceMaps?: boolean | undefined;
+    optimizeFonts?: boolean | undefined;
+    reactProductionProfiling?: boolean | undefined;
+    reactStrictMode?: boolean | null | undefined;
+    publicRuntimeConfig?: {
+        [key: string]: any;
+    } | undefined;
+    serverRuntimeConfig?: {
+        [key: string]: any;
+    } | undefined;
+    httpAgentOptions?: {
+        keepAlive?: boolean | undefined;
+    } | undefined;
+    outputFileTracing?: boolean | undefined;
+    staticPageGenerationTimeout?: number | undefined;
+    crossOrigin?: false | "anonymous" | "use-credentials" | undefined;
+    swcMinify?: boolean | undefined;
+    compiler?: {
+        reactRemoveProperties?: boolean | {
+            properties?: string[] | undefined;
+        } | undefined;
+        relay?: {
+            src: string;
+            artifactDirectory?: string | undefined;
+            language?: "typescript" | "javascript" | "flow" | undefined;
+            eagerEsModules?: boolean | undefined;
+        } | undefined;
+        removeConsole?: boolean | {
+            exclude?: string[] | undefined;
+        } | undefined;
+        styledComponents?: boolean | import("next/dist/server/config-shared").StyledComponentsConfig | undefined;
+        emotion?: boolean | import("next/dist/server/config-shared").EmotionConfig | undefined;
+    } | undefined;
+    output?: "standalone" | "export" | undefined;
+    transpilePackages?: string[] | undefined;
+    skipMiddlewareUrlNormalize?: boolean | undefined;
+    skipTrailingSlashRedirect?: boolean | undefined;
+    modularizeImports?: Record<string, {
+        transform: string | Record<string, string>;
+        preventFullImport?: boolean | undefined;
+        skipDefaultConversion?: boolean | undefined;
+    }> | undefined;
+    logging?: {
+        fetches?: {
+            fullUrl?: boolean | undefined;
+        } | undefined;
+    } | undefined;
+    experimental?: import("next/dist/server/config-shared").ExperimentalConfig | undefined;
+};

package/config.esm.js

@@ -0,0 +1,5 @@
+import { withI18nLegacy } from '@koine/i18n/next';
+
+let withKoine=(r={})=>{let{nx:t=!0,svg:o=!0,i18n:i,...n}=r,s={eslint:{ignoreDuringBuilds:!0},typescript:{ignoreBuildErrors:!0},poweredByHeader:!1,experimental:{scrollRestoration:!0,...n.experimental||{}},...n};return (o&&(t?s.nx={svgr:!0}:(delete s.nx,s.webpack=(e,r)=>{let t="function"==typeof s.webpack?s.webpack(e,r):e;return t.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),t})),i)?withI18nLegacy({...r,...s,i18n:i}):s};
+
+export { withKoine };

package/index.cjs.d.ts

@@ -0,0 +1 @@
+export * from "./index";

package/index.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./index.cjs.js').default;

package/index.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var o = require('next/script');
+var utils = require('@koine/utils');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var o__default = /*#__PURE__*/_interopDefaultLegacy(o);
+
+function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+const ThemeContext=react.createContext({setTheme:e=>{},themes:[]});
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";const ThemeProvider=({forcedTheme:r,disableTransitionOnChange:o=!1,enableSystem:v=!0,enableColorScheme:y,themes:p=["light","dark"],defaultTheme:g=v?"system":"light",attribute:w="data-theme",value:x,children:S,nonce:k})=>{let[b,L]=react.useState(()=>u(c,g)),[T,j]=react.useState(()=>u(c)),C=x?Object.values(x):p,E=react.useCallback(e=>{let t=e;if(utils.isServer||!t)return;"system"===e&&v&&(t=f());let r=x?x[t]:t,i=o?$():null,n=document.documentElement;if("class"===w?(n.classList.remove(...C),r&&n.classList.add(r)):r?n.setAttribute(w,r):n.removeAttribute(w),y){let e=l.includes(g)?g:"",r=l.includes(t)?t:e;n.style.colorScheme=r;}i?.();},[w,C,g,o,y,v,x]),I=react.useCallback(e=>{L(e);try{localStorage.setItem(c,e);}catch(e){}},[]),M=react.useCallback(e=>{j(f(e)),"system"===b&&v&&!r&&E("system");},[b,v,r,E]);return react.useEffect(()=>{let e=window.matchMedia(d);return e.addListener(M),M(e),()=>e.removeListener(M)},[M]),react.useEffect(()=>{let e=e=>{e.key===c&&I(e.newValue||g);};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),react.useEffect(()=>{E(r??b);},[E,r,b]),jsxRuntime.jsxs(ThemeContext.Provider,{value:{theme:b,setTheme:I,forcedTheme:r,resolvedTheme:"system"===b?T:b,themes:v?[...p,"system"]:p,systemTheme:v?T:void 0},children:[jsxRuntime.jsx(h,{forcedTheme:r,disableTransitionOnChange:o,enableSystem:v,enableColorScheme:y,themes:p,defaultTheme:g,attribute:w,value:x,children:S,attrs:C,nonce:k}),S]})};let h=react.memo(({forcedTheme:t,attribute:o,enableSystem:i,enableColorScheme:n,defaultTheme:s,value:a,attrs:m,nonce:h})=>{let u="system"===s,$=(()=>{let e=`d.remove(${m.map(e=>`'${e}'`).join(",")})`;return `var d=document.documentElement.classList;${e};`})(),f=n?(l.includes(s)?s:null)?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${s}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",y=(e,t=!1,r=!0)=>{let i=a?a[e]:e,s=t?e+"|| ''":`'${i}'`,m="";return n&&r&&!t&&l.includes(e)&&(m+=`d.style.colorScheme = '${e}';`),"class"===o?t||i?m+=`d.add(${s})`:m+="null":i&&(m+=`d[s](n, ${s})`),m},p=t?`!function(){${$}${y(t)}}()`:i?`!function(){try {${$}var e=localStorage.getItem('${c}');if("system"===e||(!e&&${u})){var t="${d}",m=window.matchMedia(t);if(m.media!==t||m.matches){${y("dark")}}else{${y("light")}}}else if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}${u?"":"else{"+y(s,!1,!1)+"}"}${f}}catch(e){}}()`:`!function(){try{${$}var e=localStorage.getItem("${c}");if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}else{${y(s,!1,!1)};}${f}}catch(t){}}();`;return jsxRuntime.jsx(o__default["default"],{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>!0),u=(e,t)=>{let r;if(!utils.isServer){try{r=localStorage.getItem(e)||void 0;}catch(e){}return r||t}},$=()=>{let e=document,t=e.createElement("style");return t.appendChild(e.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),e.head.appendChild(t),()=>{window.getComputedStyle(e.body),setTimeout(()=>{e.head.removeChild(t);},1);}},f=e=>(e||(e=window.matchMedia(d)),e.matches?"dark":"light"),v=e=>utils.isServer?Buffer.from(e).toString("base64"):btoa(e);
+
+const useTheme=()=>react.useContext(ThemeContext);
+
+exports.ThemeContext = ThemeContext;
+exports.ThemeProvider = ThemeProvider;
+exports.load = load;
+exports.useTheme = useTheme;

package/index.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './index.cjs.js';
+export { _default as default } from './index.cjs.default.js';

package/index.d.ts

@@ -1,2 +1,4 @@
-export { getSiteUrl } from "./getSiteUrl";
-export { load } from "./load";
+export { load } from "./utils/load";
+export { ThemeContext, type ThemeContextProps } from "./theme/ThemeContext";
+export { ThemeProvider, type ThemeProviderProps } from "./theme/ThemeProvider";
+export { useTheme, type UseThemeProps } from "./theme/useTheme";

package/index.esm.js

@@ -0,0 +1,14 @@
+import { createContext, useState, useCallback, useEffect, memo, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import o from 'next/script';
+import { isServer } from '@koine/utils';
+
+function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+const ThemeContext=createContext({setTheme:e=>{},themes:[]});
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";const ThemeProvider=({forcedTheme:r,disableTransitionOnChange:o=!1,enableSystem:v=!0,enableColorScheme:y,themes:p=["light","dark"],defaultTheme:g=v?"system":"light",attribute:w="data-theme",value:x,children:S,nonce:k})=>{let[b,L]=useState(()=>u(c,g)),[T,j]=useState(()=>u(c)),C=x?Object.values(x):p,E=useCallback(e=>{let t=e;if(isServer||!t)return;"system"===e&&v&&(t=f());let r=x?x[t]:t,i=o?$():null,n=document.documentElement;if("class"===w?(n.classList.remove(...C),r&&n.classList.add(r)):r?n.setAttribute(w,r):n.removeAttribute(w),y){let e=l.includes(g)?g:"",r=l.includes(t)?t:e;n.style.colorScheme=r;}i?.();},[w,C,g,o,y,v,x]),I=useCallback(e=>{L(e);try{localStorage.setItem(c,e);}catch(e){}},[]),M=useCallback(e=>{j(f(e)),"system"===b&&v&&!r&&E("system");},[b,v,r,E]);return useEffect(()=>{let e=window.matchMedia(d);return e.addListener(M),M(e),()=>e.removeListener(M)},[M]),useEffect(()=>{let e=e=>{e.key===c&&I(e.newValue||g);};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),useEffect(()=>{E(r??b);},[E,r,b]),jsxs(ThemeContext.Provider,{value:{theme:b,setTheme:I,forcedTheme:r,resolvedTheme:"system"===b?T:b,themes:v?[...p,"system"]:p,systemTheme:v?T:void 0},children:[jsx(h,{forcedTheme:r,disableTransitionOnChange:o,enableSystem:v,enableColorScheme:y,themes:p,defaultTheme:g,attribute:w,value:x,children:S,attrs:C,nonce:k}),S]})};let h=memo(({forcedTheme:t,attribute:o$1,enableSystem:i,enableColorScheme:n,defaultTheme:s,value:a,attrs:m,nonce:h})=>{let u="system"===s,$=(()=>{let e=`d.remove(${m.map(e=>`'${e}'`).join(",")})`;return `var d=document.documentElement.classList;${e};`})(),f=n?(l.includes(s)?s:null)?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${s}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",y=(e,t=!1,r=!0)=>{let i=a?a[e]:e,s=t?e+"|| ''":`'${i}'`,m="";return n&&r&&!t&&l.includes(e)&&(m+=`d.style.colorScheme = '${e}';`),"class"===o$1?t||i?m+=`d.add(${s})`:m+="null":i&&(m+=`d[s](n, ${s})`),m},p=t?`!function(){${$}${y(t)}}()`:i?`!function(){try {${$}var e=localStorage.getItem('${c}');if("system"===e||(!e&&${u})){var t="${d}",m=window.matchMedia(t);if(m.media!==t||m.matches){${y("dark")}}else{${y("light")}}}else if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}${u?"":"else{"+y(s,!1,!1)+"}"}${f}}catch(e){}}()`:`!function(){try{${$}var e=localStorage.getItem("${c}");if(e){${a?`var x=${JSON.stringify(a)};`:""}${y(a?"x[e]":"e",!0)}}else{${y(s,!1,!1)};}${f}}catch(t){}}();`;return jsx(o,{id:"next-theme-script",strategy:"beforeInteractive",src:`data:text/javascript;base64,${v(p)}`,nonce:h})},()=>!0),u=(e,t)=>{let r;if(!isServer){try{r=localStorage.getItem(e)||void 0;}catch(e){}return r||t}},$=()=>{let e=document,t=e.createElement("style");return t.appendChild(e.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),e.head.appendChild(t),()=>{window.getComputedStyle(e.body),setTimeout(()=>{e.head.removeChild(t);},1);}},f=e=>(e||(e=window.matchMedia(d)),e.matches?"dark":"light"),v=e=>isServer?Buffer.from(e).toString("base64"):btoa(e);
+
+const useTheme=()=>useContext(ThemeContext);
+
+export { ThemeContext, ThemeProvider, load, useTheme };

package/package.json

@@ -1,104 +1,50 @@
 {
   "name": "@koine/next",
   "sideEffects": false,
+  "dependencies": {
+    "@koine/browser": "2.0.0-beta.50",
+    "@koine/react": "2.0.0-beta.50",
+    "@koine/utils": "2.0.0-beta.50",
+    "@koine/i18n": "2.0.0-beta.50"
+  },
+  "peerDependencies": {
+    "next": "^14.0.4",
+    "next-seo": "^6.4.0",
+    "react": "^18.2.0"
+  },
   "peerDependenciesMeta": {
-    "@emotion/react": {
-      "optional": true
-    },
-    "@emotion/server": {
-      "optional": true
-    },
-    "@emotion/styled": {
-      "optional": true
-    },
-    "@hookform/resolvers": {
-      "optional": true
-    },
     "@kuus/yup": {
       "optional": true
     },
-    "@mui/base": {
-      "optional": true
-    },
-    "@mui/material": {
-      "optional": true
-    },
-    "@tiptap/react": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "date-fns": {
-      "optional": true
-    },
-    "framer-motion": {
-      "optional": true
-    },
-    "next-auth": {
-      "optional": true
-    },
     "next-seo": {
       "optional": true
     },
-    "next-translate": {
-      "optional": true
-    },
-    "react-hook-form": {
-      "optional": true
-    },
-    "react-icons": {
-      "optional": true
-    },
-    "react-is": {
-      "optional": true
-    },
-    "react-popper": {
-      "optional": true
-    },
     "react-swipeable": {
       "optional": true
     },
-    "styled-components": {
-      "optional": true
-    },
     "tailwindcss": {
       "optional": true
     }
   },
-  "dependencies": {
-    "@hookform/resolvers": "^3.1.0",
-    "@kuus/yup": "1.0.0-beta.7",
-    "@mui/base": "5.0.0-beta.4",
-    "@mui/utils": "^5.13.6",
-    "@tiptap/react": "2.0.3",
-    "@tiptap/starter-kit": "2.0.3",
-    "clsx": "^1.2.1",
-    "date-fns": "^2.30.0",
-    "date-fns-tz": "^2.0.0",
-    "framer-motion": "^10.12.17",
-    "next": "^13.4.7",
-    "next-auth": "^4.22.1",
-    "next-seo": "^6.1.0",
-    "next-translate": "^2.4.2",
-    "react": "^18.2.0",
-    "react-hook-form": "^7.45.0",
-    "react-icons": "^4.10.1",
-    "react-swipeable": "^7.0.1",
-    "styled-components": "^5.3.11",
-    "ts-debounce": "^4.0.0",
-    "tslib": "^2.5.3",
-    "type-fest": "^3.12.0"
-  },
-  "peerDependencies": {},
-  "module": "./index.mjs",
-  "main": "./index.js",
   "exports": {
+    "./package.json": "./package.json",
     ".": {
-      "import": "./index.js",
-      "require": "./index.js"
+      "module": "./index.esm.js",
+      "import": "./index.cjs.mjs",
+      "default": "./index.cjs.js"
+    },
+    "./12": {
+      "module": "./12.esm.js",
+      "import": "./12.cjs.mjs",
+      "default": "./12.cjs.js"
+    },
+    "./config": {
+      "module": "./config.esm.js",
+      "import": "./config.cjs.mjs",
+      "default": "./config.cjs.js"
     }
   },
-  "types": "./index.d.ts",
-  "version": "2.0.0-beta.5"
-}
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js",
+  "version": "2.0.0-beta.50"
+}

package/theme/ThemeContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export type ThemeContextProps = {
+    themes: string[];
+    forcedTheme?: string;
+    setTheme: (theme: string) => void;
+    theme?: string;
+    resolvedTheme?: string;
+    systemTheme?: "dark" | "light";
+};
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export default ThemeContext;

package/theme/ThemeProvider.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+type ValueObject = {
+    [themeName: string]: string;
+};
+export type ThemeProviderProps = React.PropsWithChildren<{
+    themes?: string[];
+    forcedTheme?: string;
+    enableSystem?: boolean;
+    disableTransitionOnChange?: boolean;
+    enableColorScheme?: boolean;
+    defaultTheme?: string;
+    attribute?: string | "class";
+    value?: ValueObject;
+    nonce?: string;
+}>;
+export declare const ThemeProvider: ({ forcedTheme, disableTransitionOnChange, enableSystem, enableColorScheme, themes, defaultTheme, attribute, value, children, nonce, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/theme/useTheme.d.ts

@@ -0,0 +1,4 @@
+import { type ThemeContextProps } from "./ThemeContext";
+export type UseThemeProps = ThemeContextProps;
+export declare const useTheme: () => ThemeContextProps;
+export default useTheme;

package/utils/load.d.ts

@@ -0,0 +1 @@
+export declare function load<T>(component: T, milliseconds: number): Promise<T>;

package/12/AnalyticsGoogle.js

@@ -1,79 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    AnalyticsGoogle: function() {
-        return AnalyticsGoogle;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _jsxruntime = require("react/jsx-runtime");
-const _router = require("next/router");
-const _script = /*#__PURE__*/ _interop_require_default._(require("next/script"));
-const _react = require("react");
-const _gtagPageview = /*#__PURE__*/ _interop_require_default._(require("@koine/browser/gtagPageview"));
-const AnalyticsGoogle = ({ id })=>{
-    const uid = id || process.env["NEXT_PUBLIC_GTM_ID"];
-    const { events, asPath, query } = (0, _router.useRouter)();
-    const [ready, setReady] = (0, _react.useState)(false);
-    const [routed, setRouted] = (0, _react.useState)(false);
-    // const [url, setUrl] = useState("");
-    (0, _react.useEffect)(()=>{
-        const handleRouteChange = ()=>{
-            setRouted(true);
-        };
-        events.on("routeChangeComplete", handleRouteChange);
-        return ()=>{
-            events.off("routeChangeComplete", handleRouteChange);
-        };
-    }, [
-        events
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (routed && ready && asPath) {
-            // const search = query;
-            (0, _gtagPageview.default)(asPath);
-        }
-    }, [
-        asPath,
-        query,
-        routed,
-        ready
-    ]);
-    if (!uid) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.default, {
-                id: "google-tagmanager",
-                src: `https://www.googletagmanager.com/gtag/js?id=${id}`,
-                strategy: "afterInteractive",
-                onLoad: ()=>setReady(true)
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_script.default, {
-                id: "google-analytics",
-                strategy: "afterInteractive",
-                children: `
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){window.dataLayer.push(arguments);}
-          gtag('js', new Date());
-
-          gtag('config', '${id}', { 'send_page_view': false });
-        `
-            })
-        ]
-    });
-};
-const _default = AnalyticsGoogle;