@koine/next 2.0.0-beta.9 → 2.0.0-beta.91

package/12/AnalyticsGoogle.d.ts

@@ -1,6 +1,5 @@
 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;
+export declare let AnalyticsGoogle: ({ id }: AnalyticsGoogleProps) => import("react/jsx-runtime").JSX.Element | null;
 export default AnalyticsGoogle;

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 declare let DisableErrorOverlay: () => import("react/jsx-runtime").JSX.Element;
 export default DisableErrorOverlay;

package/12/Seo.d.ts

@@ -1,12 +1,15 @@
 import type { NextSeoProps } from "next-seo/lib/types";
 import { type LinkTag, type MetaTag } from "./seoBuildTags";
-import type { SeoData } from "./types-seo";
+export type SeoData = {
+    hidden?: boolean;
+    title?: string;
+    description?: string;
+    keywords?: string | string[];
+    ogimage?: string;
+};
 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 +19,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 declare let Seo: (props: SeoProps) => import("react/jsx-runtime").JSX.Element;
 export default Seo;

package/12/SeoDefaults.d.ts

@@ -1,11 +1,10 @@
 import type { DefaultSeoProps } from "next-seo/lib/types";
+import type { JsonObject } from "@koine/utils";
 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>;
+    schema?: JsonObject;
 };
-export declare const SeoDefaults: (props: SeoDefaultsProps) => import("react/jsx-runtime").JSX.Element;
+export declare let SeoDefaults: (props: SeoDefaultsProps) => import("react/jsx-runtime").JSX.Element;
 export default SeoDefaults;

package/12/seoBuildTags.d.ts

@@ -1,23 +1,8 @@
-import React from "react";
+/// <reference types="react" />
 import type { SeoProps } from "./Seo";
 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 declare const seoBuildTags: ({ seo, hidden, keywords, title, titleTemplate, defaultTitle, noindex, nofollow, description, languageAlternates, twitter, facebook, openGraph, og: ogAlias, canonical, metaTags, linkTags, schema, }?: BuildTagsParams) => import("react").ReactNode[];
 export default seoBuildTags;

package/12/types.d.ts

@@ -0,0 +1,2 @@
+export type { SeoData } from "./Seo";
+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,34 @@
+'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);
+
+/** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */let AnalyticsGoogle=({id:s})=>{let l=s||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 (// const [url, setUrl] = useState("");
+react.useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),react.useEffect(()=>{w&&p&&c&&// const search = query;
+browser.gtagPageview(c);},[c,d,w,p]),l)?/*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[/*#__PURE__*/jsxRuntime.jsx(o__default["default"],{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),/*#__PURE__*/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', '${s}', { 'send_page_view': false });
+        `})]}):null};
+
+/**
+ * Disable error overlay during `dev`
+ *
+ * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
+ */let DisableErrorOverlay=()=>/*#__PURE__*/jsxRuntime.jsx(r__default["default"],{children:"development"===process.env.NODE_ENV&&/*#__PURE__*/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,24 @@
+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';
+
+/** Falls back to `.env` variable `NEXT_PUBLIC_GTM_ID` */let AnalyticsGoogle=({id:s})=>{let l=s||process.env.NEXT_PUBLIC_GTM_ID,{events:m,asPath:c,query:d}=useRouter(),[p,f]=useState(!1),[w,u]=useState(!1);return (// const [url, setUrl] = useState("");
+useEffect(()=>{let e=()=>{u(!0);};return m.on("routeChangeComplete",e),()=>{m.off("routeChangeComplete",e);}},[m]),useEffect(()=>{w&&p&&c&&// const search = query;
+gtagPageview(c);},[c,d,w,p]),l)?/*#__PURE__*/jsxs(Fragment,{children:[/*#__PURE__*/jsx(o,{id:"google-tagmanager",src:`https://www.googletagmanager.com/gtag/js?id=${s}`,strategy:"afterInteractive",onLoad:()=>f(!0)}),/*#__PURE__*/jsx(o,{id:"google-analytics",strategy:"afterInteractive",children:`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){window.dataLayer.push(arguments);}
+          gtag('js', new Date());
+
+          gtag('config', '${s}', { 'send_page_view': false });
+        `})]}):null};
+
+/**
+ * Disable error overlay during `dev`
+ *
+ * @see https://github.com/vercel/next.js/discussions/13387#discussioncomment-101564
+ */let DisableErrorOverlay=()=>/*#__PURE__*/jsx(r,{children:"development"===process.env.NODE_ENV&&/*#__PURE__*/jsx("script",{dangerouslySetInnerHTML:{__html:"window.addEventListener('error',event =>{event.stopImmediatePropagation()});window.addEventListener('unhandledrejection',event =>{event.stopImmediatePropagation()});"}})});
+
+export { AnalyticsGoogle, DisableErrorOverlay };

package/README.md

@@ -1,13 +1 @@
 # @koine/next
-
-## i18n
-
-To make typescript work nicely with `useT`, `getT` and `T` make sure to enable [`resolveJsonModule`](https://www.typescriptlang.org/tsconfig#resolveJsonModule) in your `tsconfig.json` file:
-
-```json
-{
-  "compilerOptions": {
-    "resolveJsonModule": true
-  }
-}
-```

package/ThemeContext.cjs.d.ts

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

package/ThemeContext.cjs.default.js

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

package/ThemeContext.cjs.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/** List of all available theme names *//** Forced theme name for the current page *//** Update the theme *//** Active theme name *//** 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` *//** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */const ThemeContext=/*#__PURE__*/react.createContext({// eslint-disable-next-line @typescript-eslint/no-empty-function
+setTheme:e=>{},themes:[]});
+
+exports.ThemeContext = ThemeContext;
+exports["default"] = ThemeContext;

package/ThemeContext.cjs.mjs

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

package/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/ThemeContext.esm.js

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+/** List of all available theme names *//** Forced theme name for the current page *//** Update the theme *//** Active theme name *//** 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` *//** If enableSystem is true, returns the System theme preference ("dark" or "light"), regardless what the active theme is */const ThemeContext=/*#__PURE__*/createContext({// eslint-disable-next-line @typescript-eslint/no-empty-function
+setTheme:e=>{},themes:[]});
+
+export { ThemeContext, ThemeContext as default };

package/ThemeProvider.cjs.d.ts

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

package/ThemeProvider.cjs.default.js

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

package/ThemeProvider.cjs.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var o = require('next/script');
+var react = require('react');
+var utils = require('@koine/utils');
+var ThemeContext = require('./ThemeContext.cjs.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var o__default = /*#__PURE__*/_interopDefaultLegacy(o);
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";/** List of all available theme names *//** Forced theme name for the current page *//** Whether to switch between dark and light themes based on prefers-color-scheme *//** Disable all CSS transitions when switching themes *//** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons *//** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light *//** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) *//** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value *//** Nonce string to pass to the inline script for CSP headers *//**
+ * @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
+ */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"===// If theme is system, resolve it before setting theme
+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);// Save to storage
+try{localStorage.setItem(c,e);}catch(e){}},// Unsupported
+[]),M=react.useCallback(e=>{j(f(e)),"system"===b&&v&&!r&&E("system");},[b,v,r,E]);return(// Always listen to System preference
+react.useEffect(()=>{let e=window.matchMedia(d);return(// Intentionally use deprecated listener methods to support iOS & old browsers
+e.addListener(M),M(e),()=>e.removeListener(M))},[M]),// localStorage event handling
+react.useEffect(()=>{let e=e=>{e.key===c&&I(// If default theme set, use it if localstorage === null (happens on local storage manual deletion)
+e.newValue||g);};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),// Whenever theme or forcedTheme changes, apply it
+react.useEffect(()=>{E(r??b);},[E,r,b]),/*#__PURE__*/jsxRuntime.jsxs(ThemeContext.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:[/*#__PURE__*/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=/*#__PURE__*/react.memo(({forcedTheme:t,attribute:o,enableSystem:i,enableColorScheme:n,defaultTheme:s,value:a,attrs:m,nonce:h})=>{let u="system"===s,// Code-golfing the amount of characters in the script
+$=(()=>{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(// 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
+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 /*#__PURE__*/jsxRuntime.jsx(o__default["default"],{id:"next-theme-script",strategy:"beforeInteractive",src:// 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
+`data:text/javascript;base64,${v(p)}`,nonce:h})},// Never re-render this component
+()=>!0),// Helpers
+u=(e,t)=>{let r;if(!utils.isServer){try{r=localStorage.getItem(e)||void 0;}catch(e){}// Unsupported
+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),()=>{// Force restyle
+window.getComputedStyle(e.body),// Wait for next tick before removing
+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);
+
+exports.ThemeProvider = ThemeProvider;
+exports["default"] = ThemeProvider;

package/ThemeProvider.cjs.mjs

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

package/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/ThemeProvider.esm.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import o from 'next/script';
+import { useState, useCallback, useEffect, memo } from 'react';
+import { isServer } from '@koine/utils';
+import { ThemeContext } from './ThemeContext.esm.js';
+
+let l=["light","dark"],d="(prefers-color-scheme: dark)",c="theme";/** List of all available theme names *//** Forced theme name for the current page *//** Whether to switch between dark and light themes based on prefers-color-scheme *//** Disable all CSS transitions when switching themes *//** Whether to indicate to browsers which color scheme is used (dark or light) for built-in UI like inputs and buttons *//** Default theme name (for v0.0.12 and lower the default was light). If `enableSystem` is false, the default theme is light *//** HTML attribute modified based on the active theme. Accepts `class` and `data-*` (meaning any data attribute, `data-mode`, `data-color`, etc.) *//** Mapping of theme name to HTML attribute value. Object where key is the theme name and value is the attribute value *//** Nonce string to pass to the inline script for CSP headers *//**
+ * @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
+ */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"===// If theme is system, resolve it before setting theme
+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);// Save to storage
+try{localStorage.setItem(c,e);}catch(e){}},// Unsupported
+[]),M=useCallback(e=>{j(f(e)),"system"===b&&v&&!r&&E("system");},[b,v,r,E]);return(// Always listen to System preference
+useEffect(()=>{let e=window.matchMedia(d);return(// Intentionally use deprecated listener methods to support iOS & old browsers
+e.addListener(M),M(e),()=>e.removeListener(M))},[M]),// localStorage event handling
+useEffect(()=>{let e=e=>{e.key===c&&I(// If default theme set, use it if localstorage === null (happens on local storage manual deletion)
+e.newValue||g);};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[g,I]),// Whenever theme or forcedTheme changes, apply it
+useEffect(()=>{E(r??b);},[E,r,b]),/*#__PURE__*/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:[/*#__PURE__*/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=/*#__PURE__*/memo(({forcedTheme:t,attribute:o$1,enableSystem:i,enableColorScheme:n,defaultTheme:s,value:a,attrs:m,nonce:h})=>{let u="system"===s,// Code-golfing the amount of characters in the script
+$=(()=>{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(// 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
+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 /*#__PURE__*/jsx(o,{id:"next-theme-script",strategy:"beforeInteractive",src:// 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
+`data:text/javascript;base64,${v(p)}`,nonce:h})},// Never re-render this component
+()=>!0),// Helpers
+u=(e,t)=>{let r;if(!isServer){try{r=localStorage.getItem(e)||void 0;}catch(e){}// Unsupported
+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),()=>{// Force restyle
+window.getComputedStyle(e.body),// Wait for next tick before removing
+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);
+
+export { ThemeProvider, ThemeProvider as default };

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,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var next = require('@koine/i18n/next');
+
+/**
+ * @legacy
+ *//**
+ * Get Next.js config with some basic opinionated defaults
+ *
+ * @param {object} options
+ * @property {boolean} [options.nx=false] Nx monorepo setup
+ * @property {boolean} [options.svg=false] SVG to react components
+ */let withKoine=(n={})=>{let{nx:i,svg:t,i18nRoutes:m,i18nCompiler:s,...a}=n,k={// @see https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory
+eslint:{ignoreDuringBuilds:!0},// we have this strict check on each commit
+typescript:{ignoreBuildErrors:!0},// we have this strict check on each commit
+poweredByHeader:!1,experimental:{// @see https://github.com/vercel/vercel/discussions/5973#discussioncomment-472618
+// @see critters error https://github.com/vercel/next.js/issues/20742
+// optimizeCss: true,
+// @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
+scrollRestoration:!0,...a.experimental||{}},modularizeImports:{...a.modularizeImports||{},// @see https://www.zhoulujun.net/nextjs/advanced-features/compiler.html#modularize-imports
+"@koine/api":{transform:"@koine/api/{{member}}"},"@koine/browser":{transform:"@koine/browser/{{member}}"},"@koine/dom":{transform:"@koine/dom/{{member}}"},"@koine/node":{transform:"@koine/node/{{member}}"},"@koine/i18n/?(((\\w*)?/?)*)":{transform:"@koine/i18n/{{ matches.[1] }}/{{member}}"},"@koine/react/?(((\\w*)?/?)*)":{transform:"@koine/react/{{ matches.[1] }}/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},"@koine/utils":{transform:"@koine/utils/{{member}}"}},...a};return (t&&(i?// @see https://github.com/gregberge/svgr
+k.nx={svgr:!0}:(// if falsy just remove the key
+delete k.nx,k.webpack=(e,r)=>// ...[_config, options]: Parameters<NonNullable<NextConfig['webpack']>>
+{let o="function"==typeof k.webpack?k.webpack(e,r):e;return(// @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr
+o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o)})),m)?next.withI18nLegacy({...k,i18nRoutes:m}):s?i?next.withI18nAsync({...k,i18nCompiler:s}):next.withI18n({...k,i18nCompiler:s}):k};
+
+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,8 @@
+import type { NextConfig } from "next";
+import { type WithI18nAsyncOptions, type WithI18nLegacyOptions } from "@koine/i18n/next";
+export type Routes = NonNullable<WithI18nLegacyOptions["i18nRoutes"]>["routes"];
+export type WithKoineOptions = NextConfig & {
+    nx?: boolean;
+    svg?: boolean;
+} & WithI18nLegacyOptions & WithI18nAsyncOptions;
+export declare let withKoine: (options?: WithKoineOptions) => NextConfig;

package/config.esm.js

@@ -0,0 +1,25 @@
+import { withI18nLegacy, withI18nAsync, withI18n } from '@koine/i18n/next';
+
+/**
+ * @legacy
+ *//**
+ * Get Next.js config with some basic opinionated defaults
+ *
+ * @param {object} options
+ * @property {boolean} [options.nx=false] Nx monorepo setup
+ * @property {boolean} [options.svg=false] SVG to react components
+ */let withKoine=(n={})=>{let{nx:i,svg:t,i18nRoutes:m,i18nCompiler:s,...a}=n,k={// @see https://nextjs.org/docs/api-reference/next.config.js/custom-page-extensions#including-non-page-files-in-the-pages-directory
+eslint:{ignoreDuringBuilds:!0},// we have this strict check on each commit
+typescript:{ignoreBuildErrors:!0},// we have this strict check on each commit
+poweredByHeader:!1,experimental:{// @see https://github.com/vercel/vercel/discussions/5973#discussioncomment-472618
+// @see critters error https://github.com/vercel/next.js/issues/20742
+// optimizeCss: true,
+// @see https://github.com/vercel/next.js/discussions/30174#discussion-3643870
+scrollRestoration:!0,...a.experimental||{}},modularizeImports:{...a.modularizeImports||{},// @see https://www.zhoulujun.net/nextjs/advanced-features/compiler.html#modularize-imports
+"@koine/api":{transform:"@koine/api/{{member}}"},"@koine/browser":{transform:"@koine/browser/{{member}}"},"@koine/dom":{transform:"@koine/dom/{{member}}"},"@koine/node":{transform:"@koine/node/{{member}}"},"@koine/i18n/?(((\\w*)?/?)*)":{transform:"@koine/i18n/{{ matches.[1] }}/{{member}}"},"@koine/react/?(((\\w*)?/?)*)":{transform:"@koine/react/{{ matches.[1] }}/{{member}}"},"@koine/next/?(((\\w*)?/?)*)":{transform:"@koine/next/{{ matches.[1] }}/{{member}}"},"@koine/utils":{transform:"@koine/utils/{{member}}"}},...a};return (t&&(i?// @see https://github.com/gregberge/svgr
+k.nx={svgr:!0}:(// if falsy just remove the key
+delete k.nx,k.webpack=(e,r)=>// ...[_config, options]: Parameters<NonNullable<NextConfig['webpack']>>
+{let o="function"==typeof k.webpack?k.webpack(e,r):e;return(// @see https://dev.to/dolearning/importing-svgs-to-next-js-nna#svgr
+o.module.rules.push({test:/\.svg$/,use:[{loader:"@svgr/webpack",options:{svgoConfig:{plugins:[{name:"removeViewBox",active:!1}]}}}]}),o)})),m)?withI18nLegacy({...k,i18nRoutes:m}):s?i?withI18nAsync({...k,i18nCompiler:s}):withI18n({...k,i18nCompiler:s}):k};
+
+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,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var load = require('./load.cjs.js');
+var ThemeContext = require('./ThemeContext.cjs.js');
+var ThemeProvider = require('./ThemeProvider.cjs.js');
+var useTheme = require('./useTheme.cjs.js');
+require('react');
+require('react/jsx-runtime');
+require('next/script');
+require('@koine/utils');
+
+
+
+exports.load = load.load;
+exports.ThemeContext = ThemeContext.ThemeContext;
+exports.ThemeProvider = ThemeProvider.ThemeProvider;
+exports.useTheme = 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 { ThemeContext, type ThemeContextProps } from "./ThemeContext";
+export { ThemeProvider, type ThemeProviderProps } from "./ThemeProvider";
+export { useTheme, type UseThemeProps } from "./useTheme";

package/index.esm.js

@@ -0,0 +1,8 @@
+export { load } from './load.esm.js';
+export { ThemeContext } from './ThemeContext.esm.js';
+export { ThemeProvider } from './ThemeProvider.esm.js';
+export { useTheme } from './useTheme.esm.js';
+import 'react';
+import 'react/jsx-runtime';
+import 'next/script';
+import '@koine/utils';

package/load.cjs.d.ts

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

package/load.cjs.default.js

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

package/load.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Utility to load a component with an optional pre-determined delay.
+ *
+ * This was designed to improve anti spam with async form loading.
+ *
+ * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
+ * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
+ */function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+exports["default"] = load;
+exports.load = load;

package/load.cjs.mjs

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

package/load.d.ts

@@ -1,10 +1,2 @@
-/**
- * Utility to load a component with an optional pre-determined delay.
- *
- * This was designed to improve anti spam with async form loading.
- *
- * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
- * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
- */
 export declare function load<T>(component: T, milliseconds: number): Promise<T>;
 export default load;

package/{load.mjs → load.esm.js}

@@ -5,9 +5,6 @@
  *
  * @see https://github.com/vercel/next.js/blob/main/packages/next/next-server/lib/dynamic.tsx
  * @see https://github.com/vercel/next.js/blob/canary/examples/with-dynamic-import/pages/index.js
- */ export function load(component, milliseconds) {
-    return new Promise((resolve)=>{
-        setTimeout(()=>resolve(component), milliseconds);
-    });
-}
-export default load;
+ */function load(e,o){return new Promise(t=>{setTimeout(()=>t(e),o);})}
+
+export { load as default, load };