@koine/next 1.0.8 → 1.0.9

package/Analytics/AnalyticsGoogle.js

@@ -27,11 +27,11 @@ export const AnalyticsGoogle = ({ id }) => {
     if (!uid) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: `https://www.googletagmanager.com/gtag/js?id=${id}`, strategy: "afterInteractive", onLoad: () => setReady(true) }), _jsx(Script, Object.assign({ id: "google-analytics", strategy: "afterInteractive" }, { children: `
+    return (_jsxs(_Fragment, { children: [_jsx(Script, { id: "google-tagmanager", src: `https://www.googletagmanager.com/gtag/js?id=${id}`, strategy: "afterInteractive", onLoad: () => setReady(true) }), _jsx(Script, { 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 });
-        ` }))] }));
+        ` })] }));
 };

package/Analytics/package.json

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

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

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

package/Auth/useLogin.js

@@ -12,7 +12,10 @@ export function useLogin() {
     const [fail, setFail] = useState(false);
     const submit = useCallback((data) => {
         setLoading(true);
-        signIn("credentials", Object.assign(Object.assign({}, data), { redirect: false }))
+        signIn("credentials", {
+            ...data,
+            redirect: false,
+        })
             // @ts-expect-error FIXME: at some point...
             .then(({ ok }) => {
             setLoading(false);

package/Favicon/Favicon.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Head from "next/head";
 import { FaviconTags } from "@koine/react";
-export const Favicon = (props) => (_jsx(Head, { children: _jsx(FaviconTags, Object.assign({}, props)) }));
+export const Favicon = (props) => (_jsx(Head, { children: _jsx(FaviconTags, { ...props }) }));

package/Favicon/package.json

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

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.js

@@ -7,9 +7,13 @@ export function useForm(
 schema, i18nNamespace, formProps = {}, debug) {
     const t = useT(i18nNamespace);
     // const form = _useForm<InferType<ObjectSchema<T, object>>>({
-    const form = _useForm(Object.assign({ 
+    const form = _useForm({
         // @ts-expect-error FIXME:
-        resolver: resolver(schema) }, formProps));
+        resolver: resolver(schema),
+        // make the form behave more closer as native:
+        // shouldUnregister: true,
+        ...formProps,
+    });
     // const { control, register, setValue } = form;
     // const field = { control, register, setValue, t };
     // if ("production" !== process.env["NODE_ENV"]) {
@@ -28,6 +32,6 @@ schema, i18nNamespace, formProps = {}, debug) {
     return useMemo(() => {
         const { control, register, setValue } = form;
         const field = { control, register, setValue, t };
-        return Object.assign({ field }, form);
+        return { field, ...form };
     }, [t, form]);
 }

package/Forms/useSubmit.js

@@ -1,20 +1,23 @@
-import { __awaiter } from "tslib";
 import { useAsyncFn } from "react-use";
 import { api } from "../utils/api";
 export function useSubmit(url, transformData) {
-    const [state, submit] = useAsyncFn((json) => __awaiter(this, void 0, void 0, function* () {
+    const [state, submit] = useAsyncFn(async (json) => {
         if (transformData)
             json = transformData(json);
-        const response = yield api.post(url, {
+        const response = await api.post(url, {
             json,
         });
         if ("production" !== process.env["NODE_ENV"]) {
             console.log("[@koine/next] useSubmit response", response);
         }
         return response;
-    }), [url, transformData]);
+    }, [url, transformData]);
     const { loading, error, value } = state;
-    const fail = !loading && (!!error || (value === null || value === void 0 ? void 0 : value.fail));
-    return Object.assign(Object.assign({ submit,
-        loading }, (value || {})), { fail });
+    const fail = !loading && (!!error || value?.fail);
+    return {
+        submit,
+        loading,
+        ...(value || {}),
+        fail,
+    };
 }

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

@@ -1,3 +1,4 @@
+/// <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";
@@ -7,10 +8,9 @@ declare type Paths<T> = {
 }[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]>> : 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}:` : ``;
+        [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];
-declare type TranslateReturn<Q extends TranslationQuery, O extends TranslationOptions> = string;
 /**
  * Passing just `obj` is a shortcut for `{ returnObjects: true }`
  */
@@ -27,7 +27,7 @@ declare type TranslationOptions = undefined | "obj" | {
 };
 export declare type TranslateNamespace = keyof Koine.NextTranslations;
 export declare type TranslateKey = AllPaths;
-export declare type Translate<R extends unknown = string, N extends undefined | keyof Koine.NextTranslations = undefined, Q extends TranslationQuery = undefined, O extends TranslationOptions = undefined> = (s: N extends keyof Koine.NextTranslations ? Paths<Koine.NextTranslations[N]> | AllPaths : AllPaths, q?: Q, o?: O) => R extends undefined | unknown ? TranslateReturn<Q, O> : R;
+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
@@ -36,10 +36,6 @@ export declare type TranslateLoose = (s: any, q?: any, o?: any) => string;
  * @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;
-/**
- * @deprecated Not sure whether this will ever be useful
- */
-export declare function useLooseT(namespace?: string): import("next-translate").Translate;
 export declare function translationAsOptions(t: TranslateLoose, i18nKey: string): Option[];
 /**
  * Automatically returns the `date-fns/format` function with the right locale

package/I18n/I18n.js

@@ -1,13 +1,10 @@
+/// <reference types="@koine/next/typings" />
 /* 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
- *
- * About the issue with page transitions @see:
- * - https://github.com/vinissimus/next-translate/issues/447
- * - https://github.com/vinissimus/next-translate/pull/743
  */
 import { useEffect, useState, useMemo } from "react";
 import { useRouter } from "next/router";
@@ -50,15 +47,6 @@ export function useT(namespace) {
     // return tMemoized as Translate<N>;
     return tMemoized;
 }
-/**
- * @deprecated Not sure whether this will ever be useful
- */
-export function useLooseT(namespace) {
-    const { t } = useTranslation(namespace);
-    // return t;
-    const tMemoized = useMemo(() => t, [t]);
-    return tMemoized;
-}
 export function translationAsOptions(t, i18nKey) {
     const dictionary = t(i18nKey, undefined, {
         returnObjects: true,
@@ -78,7 +66,7 @@ export const useDateFormat = () => {
     const locale = useDateLocale(router.locale);
     useEffect(() => {
         if (locale) {
-            const newFormatter = (date, _format, options) => format(date, _format, Object.assign(Object.assign({}, (options || {})), { locale }));
+            const newFormatter = (date, _format, options) => format(date, _format, { ...(options || {}), locale });
             setFormatter(() => (...args) => newFormatter(...args));
         }
     }, [locale]);

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

@@ -1,11 +1,11 @@
 import React from "react";
-import NextImage, { ImageProps as NextImageProps, StaticImageData } from "next/image";
-import { KoineImgSmartProps, KoineImgSmartWrapProps } from "@koine/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<NextImageProps, "src"> & {
+export declare type NextImgProps = Omit<React.ComponentPropsWithoutRef<"img">, "src"> & Omit<ImageProps, "src"> & {
     src: string | StaticImport;
 };
 export declare const NextImg: typeof NextImage;
@@ -14,7 +14,7 @@ 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<NextImageProps, "src"> & {
+    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">;
 };

package/Img/Img.js

@@ -1,4 +1,3 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import NextImage from "next/image";
@@ -8,10 +7,9 @@ export const NextImgSmart = (props) => {
     const [$error, setError] = useState(false);
     const { nextImgProps, restProps } = getNextImgProps(props);
     const { Wrap } = restProps;
-    return nextImgProps.priority ? (_jsx(NextImage, Object.assign({}, nextImgProps))) : (_jsx(Wrap, Object.assign({}, restProps, { "$loaded": $loaded, "$error": $error }, { children: _jsx(NextImage, Object.assign({}, nextImgProps, { onLoadingComplete: () => setLoaded(true), onError: () => setError(true) })) })));
+    return nextImgProps.priority ? (_jsx(NextImage, { ...nextImgProps })) : (_jsx(Wrap, { ...restProps, "$loaded": $loaded, "$error": $error, children: _jsx(NextImage, { ...nextImgProps, onLoadingComplete: () => setLoaded(true), onError: () => setError(true) }) }));
 };
-export function getNextImgProps(_a) {
-    var { src, alt, layout, blurDataURL, width, height, priority, objectFit, objectPosition } = _a, restProps = __rest(_a, ["src", "alt", "layout", "blurDataURL", "width", "height", "priority", "objectFit", "objectPosition"]);
+export function getNextImgProps({ src, alt, layout, blurDataURL, width, height, priority, objectFit, objectPosition, ...restProps }) {
     const nextImgProps = {
         src,
         alt,

package/Img/package.json

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

package/Link/Link.d.ts

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

package/Link/Link.js

@@ -1,12 +1,9 @@
-import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import NextLink from "next/link";
-import { KoineLink } from "@koine/react";
 /**
  * @see https://next.js.org/docs/api-reference/next/link
  */
-export const Link = forwardRef(function Link(_a, ref) {
-    var { href, prefetch, replace, scroll, shallow, locale } = _a, props = __rest(_a, ["href", "prefetch", "replace", "scroll", "shallow", "locale"]);
-    return (_jsx(NextLink, Object.assign({ href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true }, { children: _jsx(KoineLink, Object.assign({ ref: ref }, props)) })));
+export const Link = forwardRef(function Link({ href, prefetch, replace, scroll, shallow, locale, Link = "span", ...props }, ref) {
+    return (_jsx(NextLink, { href: href, replace: replace, scroll: scroll, shallow: shallow, locale: locale, passHref: true, children: _jsx(Link, { ref: ref, ...props }) }));
 });

package/Link/package.json

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

package/NextProgress/NextProgress.d.ts

@@ -1,13 +1,24 @@
-export declare type NextProgressProps = {
+import { WithComponents, Simplify } from "@koine/react";
+declare type OwnProps = {
     /** @default 0.3 */
-    startAt: number;
+    startAt?: number;
     /** @default true */
-    showOnShallow: boolean;
+    showOnShallow?: boolean;
     /** @default 200 */
-    stopDelayMs: number;
+    stopDelayMs?: number;
 };
-export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, }: {
-    startAt?: number | undefined;
-    showOnShallow?: boolean | undefined;
-    stopDelayMs?: number | undefined;
-}) => JSX.Element;
+export declare type Components = {
+    Overlay: {
+        type: "div";
+        props: {
+            running?: boolean;
+        };
+    };
+};
+export declare type ComponentsProps = {
+    [Name in keyof Components]: Components[Name]["props"];
+};
+declare type Props = Simplify<WithComponents<OwnProps, Components>>;
+export declare type NextProgressProps = Props;
+export declare const NextProgress: ({ startAt, showOnShallow, stopDelayMs, Overlay, }: NextProgressProps) => JSX.Element;
+export {};

package/NextProgress/NextProgress.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { useRouter } from "next/router";
-import { ProgressOverlay } from "@koine/react";
-export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, }) => {
+export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs = 200, Overlay = "div", }) => {
     const { events } = useRouter();
     // const [progress, setProgress] = useState(0);
     const [running, setRunning] = useState(false);
@@ -34,5 +33,5 @@ export const NextProgress = ({ startAt = 0.3, showOnShallow = true, stopDelayMs
             events.off("routeChangeError", routeChangeEnd);
         };
     }, [events, routeChangeStart, routeChangeEnd]);
-    return _jsx(ProgressOverlay, { running: running });
+    return _jsx(Overlay, { running: running });
 };

package/NextProgress/index.d.ts

@@ -1 +1,2 @@
-export * from "./NextProgress";
+export { NextProgress } from "./NextProgress";
+export type { NextProgressProps } from "./NextProgress";

package/NextProgress/index.js

@@ -1 +1 @@
-export * from "./NextProgress";
+export { NextProgress } from "./NextProgress";

package/NextProgress/package.json

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

package/Seo/helpers.js

@@ -24,7 +24,7 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
     if (titleTemplate) {
         defaults.tplTitle = titleTemplate;
     }
-    title = title || (seo === null || seo === void 0 ? void 0 : seo.title) || "";
+    title = title || seo?.title || "";
     if (title) {
         if (defaults.tplTitle && defaults.tplTitle !== title) {
             title = defaults.tplTitle.replace(/%s/g, title);
@@ -38,16 +38,16 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
         $properties["og:title"] = title; // overridden later...
     }
     $names["robots"] = `${noindex || hidden ? "noindex" : "index"},${nofollow || hidden ? "nofollow" : "follow"}`;
-    description = description || (seo === null || seo === void 0 ? void 0 : seo.description);
+    description = description || seo?.description;
     if (description) {
         $names["description"] = description;
         $properties["og:description"] = description; // overridden later...
     }
-    keywords = keywords || (seo === null || seo === void 0 ? void 0 : seo.keywords);
+    keywords = keywords || seo?.keywords;
     if (keywords) {
         $names["keywords"] = isArray(keywords) ? keywords.join(", ") : keywords;
     }
-    if ((languageAlternates === null || languageAlternates === void 0 ? void 0 : languageAlternates.length) > 0) {
+    if (languageAlternates?.length > 0) {
         languageAlternates.forEach((languageAlternate) => {
             render.push(_jsx("link", { rel: "alternate", hrefLang: languageAlternate.hrefLang, href: languageAlternate.href }, `languageAlternate-${languageAlternate.hrefLang}`));
         });
@@ -56,7 +56,7 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
         render.push(_jsx("link", { rel: "canonical", href: canonical }, "canonical"));
         $properties["og:url"] = canonical;
     }
-    if (facebook === null || facebook === void 0 ? void 0 : facebook.appId)
+    if (facebook?.appId)
         $properties["fb:app_id"] = facebook.appId;
     if (twitter) {
         if (twitter.cardType)
@@ -67,19 +67,19 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
             $names["twitter:creator"] = twitter.handle;
     }
     const og = ogAlias || openGraph;
-    if (og === null || og === void 0 ? void 0 : og.title)
-        $properties["og:title"] = og === null || og === void 0 ? void 0 : og.title;
-    if (og === null || og === void 0 ? void 0 : og.description)
-        $properties["og:description"] = og === null || og === void 0 ? void 0 : og.description;
-    if (og === null || og === void 0 ? void 0 : og.url)
+    if (og?.title)
+        $properties["og:title"] = og?.title;
+    if (og?.description)
+        $properties["og:description"] = og?.description;
+    if (og?.url)
         $properties["og:url"] = og.url;
-    if (og === null || og === void 0 ? void 0 : og.type)
+    if (og?.type)
         $properties["og:type"] = og.type.toLowerCase();
-    if (og === null || og === void 0 ? void 0 : og.locale)
+    if (og?.locale)
         $properties["og:locale"] = og.locale;
-    if (og === null || og === void 0 ? void 0 : og.site_name)
+    if (og?.site_name)
         $properties["og:site_name"] = og.site_name;
-    const ogimage = (og === null || og === void 0 ? void 0 : og.image) || (seo === null || seo === void 0 ? void 0 : seo.ogimage);
+    const ogimage = og?.image || seo?.ogimage;
     if (ogimage)
         $properties["og:image"] = ogimage;
     Object.keys($names).forEach((key) => {
@@ -90,14 +90,12 @@ export const buildTags = ({ seo, hidden, keywords, title = "", titleTemplate, de
     });
     if (metaTags && metaTags.length > 0) {
         metaTags.forEach((tag) => {
-            var _a, _b, _c;
-            render.push(_jsx("meta", Object.assign({}, tag), `meta:${(_c = (_b = (_a = tag.keyOverride) !== null && _a !== void 0 ? _a : tag.name) !== null && _b !== void 0 ? _b : tag.property) !== null && _c !== void 0 ? _c : tag.httpEquiv}`));
+            render.push(_jsx("meta", { ...tag }, `meta:${tag.keyOverride ?? tag.name ?? tag.property ?? tag.httpEquiv}`));
         });
     }
-    if (linkTags === null || linkTags === void 0 ? void 0 : linkTags.length) {
+    if (linkTags?.length) {
         linkTags.forEach((tag) => {
-            var _a;
-            render.push(_jsx("link", Object.assign({}, tag), `link${(_a = tag.keyOverride) !== null && _a !== void 0 ? _a : tag.href}${tag.rel}`));
+            render.push(_jsx("link", { ...tag }, `link${tag.keyOverride ?? tag.href}${tag.rel}`));
         });
     }
     // TODO: alternates and canonical

package/Seo/package.json

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