@koine/next 1.1.1 → 1.1.2

package/Favicon.d.ts

@@ -1,4 +1,4 @@
-import { FaviconTagsProps } from "@koine/react";
+import { type FaviconTagsProps } from "@koine/react/FaviconTags";
 export type FaviconProps = FaviconTagsProps;
 export declare const Favicon: (props: FaviconTagsProps) => JSX.Element;
 export default Favicon;

package/Favicon.js

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

package/NextProgress.d.ts

@@ -1,5 +1,5 @@
-import { type Simplify } from "@koine/utils";
-import { type WithComponents } from "@koine/react";
+import type { Simplify } from "@koine/utils";
+import type { WithComponents } from "@koine/react/helpers";
 type OwnProps = {
     /** @default 0.3 */
     startAt?: number;

package/app/css/AppTheme.js

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

package/app/em/AppMain.js

@@ -3,7 +3,7 @@ import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useRouter } from "next/router";
 import { AnimatePresence, m } from "framer-motion";
-import { MotionProvider } from "@koine/react/m";
+import MotionProvider from "@koine/react/m/MotionProvider";
 import { SeoDefaults } from "../../SeoDefaults";
 import { NextProgress } from "../../NextProgress";
 /**

package/document/Document.js

@@ -1,7 +1,8 @@
 import { __assign, __extends } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextDocument, { Html, Head, Main, NextScript } from "next/document";
-import { Meta, NoJs } from "@koine/react";
+import Meta from "@koine/react/Meta";
+import NoJs from "@koine/react/NoJs";
 /**
  * Next Document wrapper for bare projects
  *

package/document/css/index.js

@@ -1,7 +1,8 @@
 import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextDocument, { Html, Head, Main, NextScript, } from "next/document";
-import { Meta, NoJs } from "@koine/react";
+import Meta from "@koine/react/Meta";
+import NoJs from "@koine/react/NoJs";
 import { getInitialThemeFromRequest } from "@koine/react/sc"; // FIXME: this should be imported from another entrypoint
 /**
  * Next Document wrapper for `css/tailwind` based projects

package/document/em/index.js

@@ -1,7 +1,8 @@
 import { __assign, __awaiter, __extends, __generator } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import NextDocument, { Html, Head, Main, NextScript } from "next/document";
-import { Meta, NoJs } from "@koine/react";
+import Meta from "@koine/react/Meta";
+import NoJs from "@koine/react/NoJs";
 import createEmotionServer from "@emotion/server/create-instance";
 import { createEmotionCache } from "../../createEmotionCache";
 /**

package/document/sc/index.js

@@ -3,8 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 /* ? eslint-disable @next/next/no-document-import-in-page */
 import NextDocument, { Html, Head, Main, NextScript, } from "next/document";
-import { Meta, NoJs } from "@koine/react";
 import { ServerStyleSheet } from "styled-components";
+import Meta from "@koine/react/Meta";
+import NoJs from "@koine/react/NoJs";
 /**
  * Next Document wrapper for `styled-components` based projects
  *

package/index.d.ts

@@ -7,8 +7,6 @@ export * from "./getT";
 export * from "./Head";
 export * from "./Link";
 export * from "./load";
-export * from "./NextImg";
-export * from "./NextImgSmart";
 export * from "./NextProgress";
 export * from "./revalidate";
 export * from "./Seo";

package/index.js

@@ -8,8 +8,6 @@ export * from "./getT";
 export * from "./Head";
 export * from "./Link";
 export * from "./load";
-export * from "./NextImg";
-export * from "./NextImgSmart";
 export * from "./NextProgress";
 export * from "./revalidate";
 export * from "./Seo";

package/node/Favicon.js

@@ -4,7 +4,7 @@ exports.Favicon = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var head_1 = tslib_1.__importDefault(require("next/head"));
-var react_1 = require("@koine/react");
-var Favicon = function (props) { return ((0, jsx_runtime_1.jsx)(head_1.default, { children: (0, jsx_runtime_1.jsx)(react_1.FaviconTags, tslib_1.__assign({}, props)) })); };
+var FaviconTags_1 = tslib_1.__importDefault(require("@koine/react/FaviconTags"));
+var Favicon = function (props) { return ((0, jsx_runtime_1.jsx)(head_1.default, { children: (0, jsx_runtime_1.jsx)(FaviconTags_1.default, tslib_1.__assign({}, props)) })); };
 exports.Favicon = Favicon;
 exports.default = exports.Favicon;

package/node/app/css/AppTheme.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppTheme = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// import { ThemeVanillaProvider, ThemeVanillaValue } from "@koine/react";
+// import { ThemeVanillaProvider, ThemeVanillaValue } from "@koine/react/styles";
 var ThemeProvider_1 = require("../../ThemeProvider");
 /**
  * App theme with vanilla class based theme (good for `tailwindcss`)

package/node/app/em/AppMain.js

@@ -6,7 +6,7 @@ var react_1 = require("react");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var router_1 = require("next/router");
 var framer_motion_1 = require("framer-motion");
-var m_1 = require("@koine/react/m");
+var MotionProvider_1 = tslib_1.__importDefault(require("@koine/react/m/MotionProvider"));
 var SeoDefaults_1 = require("../../SeoDefaults");
 var NextProgress_1 = require("../../NextProgress");
 /**
@@ -23,7 +23,7 @@ var AppMain = function (_a) {
         exit: { opacity: 0 },
     } : _b, pre = _a.pre, post = _a.post;
     var pathname = (0, router_1.useRouter)().pathname;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(m_1.MotionProvider, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SeoDefaults_1.SeoDefaults, tslib_1.__assign({}, seo)), pre, (0, jsx_runtime_1.jsxs)(MotionProvider_1.default, tslib_1.__assign({ features: motion }, { children: [ProgressOverlay && (0, jsx_runtime_1.jsx)(NextProgress_1.NextProgress, { Overlay: ProgressOverlay }), (0, jsx_runtime_1.jsx)(Layout, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, tslib_1.__assign({ exitBeforeEnter: true, initial: false }, { children: (0, jsx_runtime_1.jsx)(framer_motion_1.m.div, tslib_1.__assign({}, transition, { children: (0, react_1.createElement)(Component, tslib_1.__assign({}, pageProps, { key: pathname })) }), pathname) })) })] })), post] }));
 };
 exports.AppMain = AppMain;
 exports.default = exports.AppMain;

package/node/document/Document.js

@@ -4,7 +4,8 @@ exports.Document = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var document_1 = tslib_1.__importStar(require("next/document"));
-var react_1 = require("@koine/react");
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
 /**
  * Next Document wrapper for bare projects
  *
@@ -22,7 +23,7 @@ var Document = /** @class */ (function (_super) {
     }
     Document.prototype.render = function () {
         var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
     };
     return Document;
 }(document_1.default));

package/node/document/css/index.js

@@ -4,7 +4,8 @@ exports.Document = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var document_1 = tslib_1.__importStar(require("next/document"));
-var react_1 = require("@koine/react");
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
 var sc_1 = require("@koine/react/sc"); // FIXME: this should be imported from another entrypoint
 /**
  * Next Document wrapper for `css/tailwind` based projects
@@ -39,7 +40,7 @@ var Document = /** @class */ (function (_super) {
     };
     Document.prototype.render = function () {
         var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
     };
     return Document;
 }(document_1.default));

package/node/document/em/index.js

@@ -4,7 +4,8 @@ exports.Document = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var document_1 = tslib_1.__importStar(require("next/document"));
-var react_1 = require("@koine/react");
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
 var create_instance_1 = tslib_1.__importDefault(require("@emotion/server/create-instance"));
 var createEmotionCache_1 = require("../../createEmotionCache");
 /**
@@ -24,7 +25,7 @@ var Document = /** @class */ (function (_super) {
     }
     Document.prototype.render = function () {
         var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_1.Meta, {}), (0, jsx_runtime_1.jsx)(react_1.NoJs, {}), this.props.emotionStyleTags] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {}), this.props.emotionStyleTags] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
     };
     return Document;
 }(document_1.default));

package/node/document/sc/index.js

@@ -6,8 +6,9 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = tslib_1.__importDefault(require("react"));
 /* ? eslint-disable @next/next/no-document-import-in-page */
 var document_1 = tslib_1.__importStar(require("next/document"));
-var react_2 = require("@koine/react");
 var styled_components_1 = require("styled-components");
+var Meta_1 = tslib_1.__importDefault(require("@koine/react/Meta"));
+var NoJs_1 = tslib_1.__importDefault(require("@koine/react/NoJs"));
 /**
  * Next Document wrapper for `styled-components` based projects
  *
@@ -58,7 +59,7 @@ var Document = /** @class */ (function (_super) {
     };
     Document.prototype.render = function () {
         var _a = this.props.__NEXT_DATA__, locale = _a.locale, defaultLocale = _a.defaultLocale;
-        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(react_2.Meta, {}), (0, jsx_runtime_1.jsx)(react_2.NoJs, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
+        return ((0, jsx_runtime_1.jsxs)(document_1.Html, tslib_1.__assign({ lang: locale || defaultLocale, className: "no-js" }, { children: [(0, jsx_runtime_1.jsxs)(document_1.Head, { children: [(0, jsx_runtime_1.jsx)(Meta_1.default, {}), (0, jsx_runtime_1.jsx)(NoJs_1.default, {})] }), (0, jsx_runtime_1.jsxs)("body", { children: [(0, jsx_runtime_1.jsx)(document_1.Main, {}), (0, jsx_runtime_1.jsx)(document_1.NextScript, {})] })] })));
     };
     return Document;
 }(document_1.default));

package/node/index.js

@@ -11,8 +11,6 @@ tslib_1.__exportStar(require("./getT"), exports);
 tslib_1.__exportStar(require("./Head"), exports);
 tslib_1.__exportStar(require("./Link"), exports);
 tslib_1.__exportStar(require("./load"), exports);
-tslib_1.__exportStar(require("./NextImg"), exports);
-tslib_1.__exportStar(require("./NextImgSmart"), exports);
 tslib_1.__exportStar(require("./NextProgress"), exports);
 tslib_1.__exportStar(require("./revalidate"), exports);
 tslib_1.__exportStar(require("./Seo"), exports);

package/node/useDateFormat.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var react_1 = require("react");
 var router_1 = require("next/router");
 var format_1 = tslib_1.__importDefault(require("date-fns/format"));
-var react_2 = require("@koine/react");
+var useDateLocale_1 = tslib_1.__importDefault(require("@koine/react/hooks/useDateLocale"));
 /**
  * Automatically returns the `date-fns/format` function with the right locale
  * passed as option (grabbed from next router value).
@@ -21,7 +21,7 @@ var useDateFormat = function () {
         };
     }), formatter = _a[0], setFormatter = _a[1];
     var router = (0, router_1.useRouter)();
-    var locale = (0, react_2.useDateLocale)(router.locale);
+    var locale = (0, useDateLocale_1.default)(router.locale);
     (0, react_1.useEffect)(function () {
         if (locale) {
             var newFormatter_1 = function (date, _format, options) { return (0, format_1.default)(date, _format, tslib_1.__assign(tslib_1.__assign({}, (options || {})), { locale: locale })); };

package/package.json

@@ -63,11 +63,11 @@
   "peerDependencies": {
     "react": "18.2.0",
     "next": "13.1.6",
-    "@koine/browser": "1.1.1",
-    "@koine/utils": "1.1.1",
+    "@koine/browser": "1.1.2",
+    "@koine/utils": "1.1.2",
     "ts-debounce": "4.0.0",
     "type-fest": "3.5.3",
-    "@koine/dom": "1.1.1",
+    "@koine/dom": "1.1.2",
     "date-fns-tz": "1.3.7",
     "framer-motion": "7.10.3",
     "next-auth": "4.19.0",
@@ -75,20 +75,14 @@
     "@emotion/react": "11.10.5",
     "styled-components": "5.3.6",
     "react-hook-form": "7.42.1",
-    "@mui/base": "5.0.0-alpha.115",
-    "react-icons": "4.7.1",
-    "date-fns": "2.29.3",
-    "react-swipeable": "7.0.0",
-    "@tiptap/react": "2.0.0-beta.209",
-    "@tiptap/starter-kit": "2.0.0-beta.209",
-    "@kuus/yup": "1.0.0-beta.7",
-    "react-popper": "2.3.0",
-    "tslib": "2.5.0",
     "@emotion/server": "11.10.0",
     "next-translate": "1.6.0",
     "next-seo": "5.15.0",
-    "@hookform/resolvers": "2.9.10"
+    "date-fns": "2.29.3",
+    "@kuus/yup": "1.0.0-beta.7",
+    "@hookform/resolvers": "2.9.10",
+    "tslib": "2.5.0"
   },
-  "version": "1.1.1",
+  "version": "1.1.2",
   "module": "./index.js"
 }

package/translationAsOptions.d.ts

@@ -1,3 +1,3 @@
-import type { Option } from "@koine/react";
+import type { Option } from "@koine/react/types";
 import type { TranslateLoose } from "./types-i18n";
 export declare function translationAsOptions(t: TranslateLoose, i18nKey: string): Option[];

package/useDateFormat.js

@@ -2,7 +2,7 @@ import { __assign } from "tslib";
 import { useEffect, useState } from "react";
 import { useRouter } from "next/router";
 import format from "date-fns/format";
-import { useDateLocale } from "@koine/react";
+import useDateLocale from "@koine/react/hooks/useDateLocale";
 /**
  * Automatically returns the `date-fns/format` function with the right locale
  * passed as option (grabbed from next router value).

package/node/NextImg.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNextImgProps = void 0;
-var tslib_1 = require("tslib");
-function getNextImgProps(_a) {
-    var src = _a.src, alt = _a.alt, layout = _a.layout, blurDataURL = _a.blurDataURL, width = _a.width, height = _a.height, priority = _a.priority, objectFit = _a.objectFit, objectPosition = _a.objectPosition, restProps = tslib_1.__rest(_a, ["src", "alt", "layout", "blurDataURL", "width", "height", "priority", "objectFit", "objectPosition"]);
-    var nextImgProps = {
-        src: src,
-        alt: alt,
-        layout: layout,
-        blurDataURL: blurDataURL,
-        width: width,
-        height: height,
-        priority: priority,
-        objectFit: objectFit,
-        objectPosition: objectPosition,
-    };
-    return {
-        nextImgProps: nextImgProps,
-        restProps: restProps,
-    };
-}
-exports.getNextImgProps = getNextImgProps;
-exports.default = getNextImgProps;

package/node/NextImgSmart.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NextImgSmart = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var image_1 = tslib_1.__importDefault(require("next/image"));
-var NextImg_1 = require("./NextImg");
-var NextImgSmart = function (props) {
-    var _a = (0, react_1.useState)(false), $loaded = _a[0], setLoaded = _a[1];
-    var _b = (0, react_1.useState)(false), $error = _b[0], setError = _b[1];
-    var _c = (0, NextImg_1.getNextImgProps)(props), nextImgProps = _c.nextImgProps, restProps = _c.restProps;
-    var Wrap = restProps.Wrap;
-    return nextImgProps.priority ? ((0, jsx_runtime_1.jsx)(image_1.default, tslib_1.__assign({}, nextImgProps))) : ((0, jsx_runtime_1.jsx)(Wrap, tslib_1.__assign({}, restProps, { "$loaded": $loaded, "$error": $error }, { children: (0, jsx_runtime_1.jsx)(image_1.default, tslib_1.__assign({}, nextImgProps, { onLoadingComplete: function () { return setLoaded(true); }, onError: function () { return setError(true); } })) })));
-};
-exports.NextImgSmart = NextImgSmart;
-exports.default = exports.NextImgSmart;