@koine/next 1.0.10 → 1.0.13

package/Analytics/AnalyticsGoogle.d.ts

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

package/Analytics/AnalyticsGoogle.js

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

package/Analytics/index.d.ts

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

package/Analytics/index.js

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

package/Analytics/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Analytics/index.js",
+  "types": "./index.d.ts"
+}

package/Auth/helpers.d.ts

@@ -0,0 +1,17 @@
+import type { Translate } from "../I18n";
+/**
+ * @see next/auth `pages` mapping: https://next-auth.js.org/configuration/pages`
+ */
+export declare type AuthRoutesMap = {
+    login?: string;
+    profile?: string;
+    register?: string;
+    /** Array of regexes to match pathnames of protected routes */
+    secured?: RegExp[];
+};
+export declare const AUTH_ROUTES: AuthRoutesMap;
+export declare function getAuthRoutes(t: Translate): AuthRoutesMap;
+/**
+ * @param url e.g. "http://localhost:3000/signin?callbackUrl=http://localhost:3000/profile"
+ */
+export declare function getCallbackUrl(url?: string): string;

package/Auth/helpers.js

@@ -0,0 +1,22 @@
+import { isString } from "@koine/utils";
+export var AUTH_ROUTES = {
+    login: process.env["AUTH_ROUTE_LOGIN"],
+    profile: process.env["AUTH_ROUTE_PROFILE"],
+    register: process.env["AUTH_ROUTE_REGISTER"],
+    secured: JSON.parse(process.env["AUTH_ROUTES_SECURED"] || "[]"),
+};
+export function getAuthRoutes(t) {
+    return Object.keys(AUTH_ROUTES).reduce(function (map, name) {
+        var routePage = AUTH_ROUTES[name];
+        // @ts-expect-error cannot remember
+        map[name] = isString(routePage) ? t("~:".concat(AUTH_ROUTES[name])) : routePage;
+        return map;
+    }, {});
+}
+/**
+ * @param url e.g. "http://localhost:3000/signin?callbackUrl=http://localhost:3000/profile"
+ */
+export function getCallbackUrl(url) {
+    if (url === void 0) { url = window.location.href; }
+    return url.split("callbackUrl=")[1] || "";
+}

package/Auth/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./helpers";
+export * from "./useLogin";
+export * from "./useLoginUrl";
+export * from "./useLogout";

package/Auth/index.js

@@ -0,0 +1,4 @@
+export * from "./helpers";
+export * from "./useLogin";
+export * from "./useLoginUrl";
+export * from "./useLogout";

package/Auth/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Auth/index.js",
+  "types": "./index.d.ts"
+}

package/Auth/useLogin.d.ts

@@ -0,0 +1,7 @@
+import { SubmitHandler } from "react-hook-form";
+export declare function useLogin<LoginForm extends {} = {}>(): {
+    submit: SubmitHandler<LoginForm>;
+    loading: boolean;
+    ok: boolean;
+    fail: boolean;
+};

package/Auth/useLogin.js

@@ -0,0 +1,49 @@
+import { __assign } from "tslib";
+import { useState, useCallback } from "react";
+import { useRouter } from "next/router";
+import { signIn } from "next-auth/react";
+import { parseURL } from "@koine/utils";
+import { useT } from "../I18n";
+import { getAuthRoutes, getCallbackUrl } from "./helpers";
+export function useLogin() {
+    var t = useT();
+    var push = useRouter().push;
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var _b = useState(false), ok = _b[0], setOk = _b[1];
+    var _c = useState(false), fail = _c[0], setFail = _c[1];
+    var submit = useCallback(function (data) {
+        setLoading(true);
+        signIn("credentials", __assign(__assign({}, data), { redirect: false }))
+            // @ts-expect-error FIXME: at some point...
+            .then(function (_a) {
+            var ok = _a.ok;
+            setLoading(false);
+            setOk(ok);
+            setFail(!ok);
+            if (ok) {
+                var redirectUrl = parseURL(getCallbackUrl());
+                var _b = getAuthRoutes(t), login = _b.login, register = _b.register, profile = _b.profile;
+                if (redirectUrl) {
+                    var redirectPath = redirectUrl.pathname;
+                    if (profile &&
+                        (redirectPath === login || redirectPath === register)) {
+                        push(profile);
+                    }
+                    else {
+                        push(redirectPath + redirectUrl.search);
+                    }
+                }
+                else if (profile) {
+                    push(profile);
+                }
+            }
+        });
+    }, [t, push]);
+    // TODO: useMemo ?
+    return {
+        submit: submit,
+        loading: loading,
+        ok: ok,
+        fail: fail,
+    };
+}

package/Auth/useLoginUrl.d.ts

@@ -0,0 +1 @@
+export declare function useLoginUrl(): string;

package/Auth/useLoginUrl.js

@@ -0,0 +1,11 @@
+import { useEffect, useState } from "react";
+import { useT } from "../I18n";
+import { getAuthRoutes } from "./helpers";
+export function useLoginUrl() {
+    var _a = useState(""), currentUrl = _a[0], setCurrentUrl = _a[1];
+    var t = useT();
+    useEffect(function () {
+        setCurrentUrl("?callbackUrl=".concat(window.location.href));
+    }, []);
+    return "".concat(getAuthRoutes(t).login).concat(currentUrl);
+}

package/Auth/useLogout.d.ts

@@ -0,0 +1,6 @@
+export declare function useLogout(): {
+    submit: (event: React.SyntheticEvent<HTMLFormElement>) => void;
+    loading: boolean;
+    ok: boolean;
+    fail: boolean;
+};

package/Auth/useLogout.js

@@ -0,0 +1,52 @@
+import { useState, useCallback } from "react";
+import { useRouter } from "next/router";
+import { signOut } from "next-auth/react";
+import { parseURL } from "@koine/utils";
+import { useT } from "../I18n";
+import { getAuthRoutes, getCallbackUrl } from "./helpers";
+export function useLogout() {
+    var t = useT();
+    var push = useRouter().push;
+    var _a = useState(false), loading = _a[0], setLoading = _a[1];
+    var _b = useState(false), ok = _b[0], setOk = _b[1];
+    var fail = useState(false)[0];
+    var submit = useCallback(function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        setLoading(true);
+        signOut({ redirect: false }).then(function () {
+            setLoading(false);
+            setOk(true);
+            var redirectUrl = parseURL(getCallbackUrl());
+            var currentUrl = parseURL(window.location.href);
+            var secured = getAuthRoutes(t).secured;
+            var signin = t("~:/signin");
+            var profile = t("~:/profile");
+            var targetUrl = redirectUrl || currentUrl;
+            var redirect = "";
+            if (targetUrl) {
+                if (targetUrl.pathname === profile) {
+                    redirect = signin;
+                }
+                else if (secured) {
+                    for (var i = 0; i < secured.length; i++) {
+                        if (targetUrl.pathname.match(secured[i])) {
+                            redirect = signin;
+                            break;
+                        }
+                    }
+                }
+            }
+            if (redirect) {
+                push(redirect);
+            }
+        });
+    }, [t, push]);
+    // TODO: useMemo ?
+    return {
+        submit: submit,
+        loading: loading,
+        ok: ok,
+        fail: fail,
+    };
+}

package/Favicon/Favicon.d.ts

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

package/Favicon/Favicon.js

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

package/Favicon/index.d.ts

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

package/Favicon/index.js

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

package/Favicon/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Favicon/index.js",
+  "types": "./index.d.ts"
+}

package/Forms/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useForm";
+export * from "./useSubmit";

package/Forms/index.js

@@ -0,0 +1,2 @@
+export * from "./useForm";
+export * from "./useSubmit";

package/Forms/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Forms/index.js",
+  "types": "./index.d.ts"
+}

package/Forms/useForm.d.ts

@@ -0,0 +1,32 @@
+import type { UseFormProps, FieldValues } from "react-hook-form";
+import type { ObjectSchema } from "yup";
+import { TranslateNamespace } from "../I18n";
+export declare function useForm<T extends FieldValues>(schema: ObjectSchema<any>, i18nNamespace: TranslateNamespace, formProps?: UseFormProps, debug?: boolean): {
+    watch: import("react-hook-form").UseFormWatch<T>;
+    getValues: import("react-hook-form").UseFormGetValues<T>;
+    getFieldState: import("react-hook-form").UseFormGetFieldState<T>;
+    setError: import("react-hook-form").UseFormSetError<T>;
+    clearErrors: import("react-hook-form").UseFormClearErrors<T>;
+    setValue: import("react-hook-form").UseFormSetValue<T>;
+    trigger: import("react-hook-form").UseFormTrigger<T>;
+    formState: import("react-hook-form").FormState<T>;
+    resetField: import("react-hook-form").UseFormResetField<T>;
+    reset: import("react-hook-form").UseFormReset<T>;
+    handleSubmit: import("react-hook-form").UseFormHandleSubmit<T>;
+    unregister: import("react-hook-form").UseFormUnregister<T>;
+    control: import("react-hook-form").Control<T, any>;
+    register: import("react-hook-form").UseFormRegister<T>;
+    setFocus: import("react-hook-form").UseFormSetFocus<T>;
+    field: {
+        control: import("react-hook-form").Control<T, any>;
+        register: import("react-hook-form").UseFormRegister<T>;
+        setValue: import("react-hook-form").UseFormSetValue<T>;
+        t: <R extends unknown = string>(s: string, q?: "obj" | {
+            [key: string]: string | number | boolean;
+        } | null | undefined, o?: "obj" | {
+            returnObjects?: boolean | undefined;
+            fallback?: string | string[] | undefined;
+            default?: string | undefined;
+        } | undefined) => R;
+    };
+};

package/Forms/useForm.js

@@ -0,0 +1,35 @@
+import { __assign } from "tslib";
+import { useMemo } from "react";
+import { useForm as _useForm } from "react-hook-form";
+import { yupResolver as resolver } from "@hookform/resolvers/yup";
+import { useT } from "../I18n";
+export function useForm(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+schema, i18nNamespace, formProps, debug) {
+    if (formProps === void 0) { formProps = {}; }
+    var t = useT(i18nNamespace);
+    // const form = _useForm<InferType<ObjectSchema<T, object>>>({
+    var form = _useForm(__assign({ 
+        // @ts-expect-error FIXME:
+        resolver: resolver(schema) }, formProps));
+    // const { control, register, setValue } = form;
+    // const field = { control, register, setValue, t };
+    // if (process.env["NODE_ENV"] !== "production") {
+    //   if (debug) {
+    //     console.log(
+    //       `Form ${i18nNamespace} data`,
+    //       form.watch(),
+    //       `errors: `,
+    //       form.formState.errors
+    //     );
+    //   }
+    // }
+    // if (formProps.mode === "onChange") {
+    //   return { field, ...form };
+    // }
+    return useMemo(function () {
+        var control = form.control, register = form.register, setValue = form.setValue;
+        var field = { control: control, register: register, setValue: setValue, t: t };
+        return __assign({ field: field }, form);
+    }, [t, form]);
+}

package/Forms/useSubmit.d.ts

@@ -0,0 +1,24 @@
+import type { UnpackNestedValue } from "react-hook-form";
+import { KoineApi } from "../utils/api";
+export declare function useSubmit<RequestBody extends {}, ResponseSuccesfull extends KoineApi.ResponseSuccesfull = {}, ResponseFailed extends KoineApi.ResponseFailed = Record<keyof RequestBody, string | string[]>>(url: string, transformData?: (json: UnpackNestedValue<RequestBody>) => any): {
+    submit: (json: any) => Promise<KoineApi.Response<ResponseSuccesfull, ResponseFailed>>;
+    loading: boolean;
+} & {
+    status: number;
+    msg: string;
+} & ({
+    ok?: boolean | undefined;
+    fail?: boolean | undefined;
+    loading: true;
+    data?: undefined;
+} | {
+    ok: true;
+    fail?: false | undefined;
+    loading?: false | undefined;
+    data: ResponseSuccesfull;
+} | {
+    ok?: false | undefined;
+    fail: true;
+    loading?: false | undefined;
+    data: ResponseFailed;
+});

package/Forms/useSubmit.js

@@ -0,0 +1,28 @@
+import { __assign, __awaiter, __generator } from "tslib";
+import { useAsyncFn } from "@koine/react";
+import { api } from "../utils/api";
+export function useSubmit(url, transformData) {
+    var _this = this;
+    var _a = useAsyncFn(function (json) { return __awaiter(_this, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (transformData)
+                        json = transformData(json);
+                    return [4 /*yield*/, api.post(url, {
+                            json: json,
+                        })];
+                case 1:
+                    response = _a.sent();
+                    if (process.env["NODE_ENV"] !== "production") {
+                        console.log("[@koine/next] useSubmit response", response);
+                    }
+                    return [2 /*return*/, response];
+            }
+        });
+    }); }, [url, transformData]), state = _a[0], submit = _a[1];
+    var loading = state.loading, error = state.error, value = state.value;
+    var fail = !loading && (!!error || (value === null || value === void 0 ? void 0 : value.fail));
+    return __assign(__assign({ submit: submit, loading: loading }, (value || {})), { fail: fail });
+}

package/Head/Head.d.ts

@@ -0,0 +1 @@
+export { default as Head } from "next/head";

package/Head/Head.js

@@ -0,0 +1 @@
+export { default as Head } from "next/head";

package/Head/index.d.ts

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

package/Head/index.js

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

package/Head/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/Head/index.js",
+  "types": "./index.d.ts"
+}

package/I18n/I18n.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="@koine/next/typings" />
+import format from "date-fns/format";
+import type { Option } from "@koine/react";
+export { default as T } from "next-translate/Trans";
+declare type Join<S1, S2> = S1 extends string ? S2 extends string ? `${S1}.${S2}` : never : never;
+declare type Paths<T> = {
+    [K in keyof T]: T[K] extends Record<string, unknown> ? Join<K, Paths<T[K]>> : K;
+}[keyof T];
+export declare type AllPaths = {
+    [N in keyof Koine.NextTranslations]: {
+        [K in keyof Koine.NextTranslations[N]]: Koine.NextTranslations[N][K] extends Array<Record<string, unknown>> ? Join<K extends string ? `${N}:${K}` : `${N}:`, Paths<Koine.NextTranslations[N][K]>> : Koine.NextTranslations[N][K] extends Record<string, unknown> ? Join<K extends string ? `${N}:${K}` : `${N}:`, Paths<Koine.NextTranslations[N][K]>> & Record<Koine.NextTranslations[N][K], object> : Koine.NextTranslations[N][K] extends Array<string | number | boolean> ? Join<K extends string ? `${N}:${K}` : `${N}`, Paths<Koine.NextTranslations[N][K]>> : Koine.NextTranslations[N][K] extends string | number | boolean ? K extends string ? `${N}:${K}` : `${N}:` : ``;
+    }[keyof Koine.NextTranslations[N]];
+}[keyof Koine.NextTranslations];
+/**
+ * Passing just `obj` is a shortcut for `{ returnObjects: true }`
+ */
+declare type TranslationQuery = undefined | null | "obj" | {
+    [key: string]: string | number | boolean;
+};
+/**
+ * Passing just `obj` is a shortcut for `{ returnObjects: true }`
+ */
+declare type TranslationOptions = undefined | "obj" | {
+    returnObjects?: boolean;
+    fallback?: string | string[];
+    default?: string;
+};
+export declare type TranslateNamespace = keyof Koine.NextTranslations;
+export declare type TranslateKey = AllPaths;
+export declare type Translate<N extends undefined | keyof Koine.NextTranslations = undefined> = <R extends unknown = string>(s: N extends TranslateNamespace ? Paths<Koine.NextTranslations[N]> | AllPaths : AllPaths, q?: TranslationQuery, o?: TranslationOptions) => R;
+export declare type TranslateLoose = (s: any, q?: any, o?: any) => string;
+/**
+ * FIXME: the use of `useMemo` is a hopefully-temporary solution to fix the FOUC
+ * problem of untranslated text during page transitions
+ *
+ * @see https://github.com/vinissimus/next-translate/issues/513#issuecomment-779826418
+ */
+export declare function useT<N extends TranslateNamespace | undefined>(namespace?: N): <R extends unknown = string>(s: N extends TranslateNamespace ? Paths<Koine.NextTranslations[N]> | AllPaths : AllPaths, q?: TranslationQuery, o?: TranslationOptions) => R;
+export declare function translationAsOptions(t: TranslateLoose, i18nKey: string): Option[];
+/**
+ * Automatically returns the `date-fns/format` function with the right locale
+ * passed as option (grabbed from next router value).
+ */
+export declare const useDateFormat: () => typeof format;

package/I18n/I18n.js

@@ -0,0 +1,95 @@
+/// <reference types="@koine/next/typings" />
+import { __assign } from "tslib";
+/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
+/**
+ * @file
+ *
+ * About the typescript support for translation strings @see:
+ * - https://github.com/vinissimus/next-translate/issues/721
+ */
+import { useEffect, useState, useMemo } from "react";
+import { useRouter } from "next/router";
+import format from "date-fns/format";
+import useTranslation from "next-translate/useTranslation";
+import { useDateLocale } from "@koine/react";
+export { default as T } from "next-translate/Trans";
+/**
+ * FIXME: the use of `useMemo` is a hopefully-temporary solution to fix the FOUC
+ * problem of untranslated text during page transitions
+ *
+ * @see https://github.com/vinissimus/next-translate/issues/513#issuecomment-779826418
+ */
+export function useT(namespace) {
+    var t = useTranslation().t;
+    // const typedT = <
+    //   // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-constraint
+    //   R extends unknown = string,
+    //   // Q extends TranslationQuery = TranslationQuery
+    //   // O extends TranslationOptions = TranslationOptions
+    // >(
+    //   s: N extends TranslateNamespace
+    //     ? Paths<Koine.NextTranslations[N]> | AllPaths
+    //     : AllPaths,
+    //   q?: TranslationQuery,
+    //   o?: TranslationOptions
+    // ) =>
+    //   // eslint-disable-next-line
+    //   t.call(
+    //     null,
+    //     namespace ? `${namespace}:${s}` : s,
+    //     q === "obj" ? null : q,
+    //     q === "obj" || o === "obj" ? { returnObjects: true } : o
+    //   // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
+    //   ) as R;
+    // return typedT;
+    var tMemoized = useMemo(function () {
+        return function (s, q, o) {
+            return t(namespace ? "".concat(namespace, ":").concat(s) : s, q === "obj" ? null : q, q === "obj" || o === "obj" ? { returnObjects: true } : o
+            // ) as R extends (undefined | never | unknown) ? TranslateReturn<TranslationQuery, TranslationOptions> : R;
+            );
+        };
+    }, [t, namespace]);
+    // return tMemoized as Translate<N>;
+    return tMemoized;
+}
+export function translationAsOptions(t, i18nKey) {
+    var dictionary = t(i18nKey, undefined, {
+        returnObjects: true,
+    });
+    return Object.keys(dictionary).map(function (key) { return ({
+        value: key,
+        label: dictionary[key],
+    }); });
+}
+/**
+ * Automatically returns the `date-fns/format` function with the right locale
+ * passed as option (grabbed from next router value).
+ */
+export var useDateFormat = function () {
+    var _a = useState(function () {
+        return function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            return format.apply(void 0, args);
+        };
+    }), formatter = _a[0], setFormatter = _a[1];
+    var router = useRouter();
+    var locale = useDateLocale(router.locale);
+    useEffect(function () {
+        if (locale) {
+            var newFormatter_1 = function (date, _format, options) { return format(date, _format, __assign(__assign({}, (options || {})), { locale: locale })); };
+            setFormatter(function () {
+                return function () {
+                    var args = [];
+                    for (var _i = 0; _i < arguments.length; _i++) {
+                        args[_i] = arguments[_i];
+                    }
+                    return newFormatter_1.apply(void 0, args);
+                };
+            });
+        }
+    }, [locale]);
+    return formatter;
+};

package/I18n/index.d.ts

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

package/I18n/index.js

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

package/I18n/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/I18n/index.js",
+  "types": "./index.d.ts"
+}

package/Img/Img.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import NextImage, { ImageProps, StaticImageData } from "next/image";
+import type { KoineImgSmartProps, KoineImgSmartWrapProps } from "@koine/react";
+interface StaticRequire {
+    default: StaticImageData;
+}
+declare type StaticImport = StaticRequire | StaticImageData;
+export declare type NextImgProps = Omit<React.ComponentPropsWithoutRef<"img">, "src"> & Omit<ImageProps, "src"> & {
+    src: string | StaticImport;
+};
+export declare const NextImg: typeof NextImage;
+export declare type NextImgSmartWrapProps = KoineImgSmartWrapProps;
+export declare type NextImgSmartProps = KoineImgSmartProps & NextImgProps;
+export declare const NextImgSmart: (props: NextImgSmartProps) => JSX.Element;
+export declare function getNextImgProps<T>({ src, alt, layout, blurDataURL, width, height, priority, objectFit, objectPosition, ...restProps }: T & NextImgProps): {
+    nextImgProps: NextImgProps;
+    restProps: Omit<T & Omit<Pick<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof React.ImgHTMLAttributes<HTMLImageElement>>, "src"> & Omit<ImageProps, "src"> & {
+        src: string | StaticImport;
+    }, "src" | "alt" | "height" | "width" | "layout" | "priority" | "blurDataURL" | "objectFit" | "objectPosition">;
+};
+export {};