@koine/react 2.0.0-beta.15 → 2.0.0-beta.16

package/package.json

@@ -2,8 +2,8 @@
   "name": "@koine/react",
   "sideEffects": false,
   "dependencies": {
-    "@koine/dom": "2.0.0-beta.15",
-    "@koine/utils": "2.0.0-beta.15"
+    "@koine/dom": "2.0.0-beta.16",
+    "@koine/utils": "2.0.0-beta.16"
   },
   "peerDependenciesMeta": {
     "@hookform/resolvers": {
@@ -416,17 +416,11 @@
     "./MenuItem/useMenuItem": {
       "import": "./MenuItem/useMenuItem.js"
     },
-    "./Meta/Meta": {
-      "import": "./Meta/Meta.js"
-    },
     "./Meta": {
-      "import": "./Meta/index.js"
-    },
-    "./NoJs/NoJs": {
-      "import": "./NoJs/NoJs.js"
+      "import": "./Meta.js"
     },
     "./NoJs": {
-      "import": "./NoJs/index.js"
+      "import": "./NoJs.js"
     },
     "./Pagination/PaginationNav": {
       "import": "./Pagination/PaginationNav.js"
@@ -527,92 +521,17 @@
     "./Typography": {
       "import": "./Typography/index.js"
     },
-    "./css": {
-      "import": "./css/index.js"
-    },
-    "./helpers/classed": {
-      "import": "./helpers/classed.js"
-    },
-    "./helpers/createUseMediaQueryWidth": {
-      "import": "./helpers/createUseMediaQueryWidth.js"
-    },
-    "./helpers/extend-component": {
-      "import": "./helpers/extend-component.js"
-    },
-    "./helpers": {
-      "import": "./helpers/index.js"
-    },
-    "./helpers/mergeRefs": {
-      "import": "./helpers/mergeRefs.js"
-    },
-    "./hooks": {
-      "import": "./hooks/index.js"
-    },
-    "./hooks/types": {
-      "import": "./hooks/types.js"
-    },
-    "./hooks/useAsyncFn": {
-      "import": "./hooks/useAsyncFn.js"
-    },
-    "./hooks/useDateLocale": {
-      "import": "./hooks/useDateLocale.js"
-    },
-    "./hooks/useFirstMountState": {
-      "import": "./hooks/useFirstMountState.js"
-    },
-    "./hooks/useFixedOffset": {
-      "import": "./hooks/useFixedOffset.js"
-    },
-    "./hooks/useFocus": {
-      "import": "./hooks/useFocus.js"
-    },
-    "./hooks/useInterval": {
-      "import": "./hooks/useInterval.js"
-    },
-    "./hooks/useIsomorphicLayoutEffect": {
-      "import": "./hooks/useIsomorphicLayoutEffect.js"
-    },
-    "./hooks/useKeyUp": {
-      "import": "./hooks/useKeyUp.js"
-    },
-    "./hooks/useMeasure": {
-      "import": "./hooks/useMeasure.js"
-    },
-    "./hooks/useMountedState": {
-      "import": "./hooks/useMountedState.js"
-    },
-    "./hooks/useNavigateAway": {
-      "import": "./hooks/useNavigateAway.js"
-    },
-    "./hooks/usePrevious": {
-      "import": "./hooks/usePrevious.js"
-    },
-    "./hooks/usePreviousRef": {
-      "import": "./hooks/usePreviousRef.js"
-    },
-    "./hooks/useScrollPosition": {
-      "import": "./hooks/useScrollPosition.js"
-    },
-    "./hooks/useScrollThreshold": {
-      "import": "./hooks/useScrollThreshold.js"
-    },
-    "./hooks/useScrollTo": {
-      "import": "./hooks/useScrollTo.js"
+    "./classed": {
+      "import": "./classed.js"
     },
-    "./hooks/useSmoothScroll": {
-      "import": "./hooks/useSmoothScroll.js"
+    "./createUseMediaQueryWidth": {
+      "import": "./createUseMediaQueryWidth.js"
     },
-    "./hooks/useSpinDelay": {
-      "import": "./hooks/useSpinDelay.js"
-    },
-    "./hooks/useTraceUpdate": {
-      "import": "./hooks/useTraceUpdate.js"
-    },
-    "./hooks/useUpdateEffect": {
-      "import": "./hooks/useUpdateEffect.js"
+    "./css": {
+      "import": "./css/index.js"
     },
-    "./hooks/useWindowSize": {
-      "import": "./hooks/useWindowSize.js"
+    "./extendComponent": {
+      "import": "./extendComponent.js"
     },
     "./m/MotionProvider": {
       "import": "./m/MotionProvider.js"
@@ -626,6 +545,9 @@
     "./m/max": {
       "import": "./m/max.js"
     },
+    "./mergeRefs": {
+      "import": "./mergeRefs.js"
+    },
     "./sc": {
       "import": "./sc/index.js"
     },
@@ -667,8 +589,71 @@
     },
     "./types": {
       "import": "./types.js"
+    },
+    "./useAsyncFn": {
+      "import": "./useAsyncFn.js"
+    },
+    "./useDateLocale": {
+      "import": "./useDateLocale.js"
+    },
+    "./useFirstMountState": {
+      "import": "./useFirstMountState.js"
+    },
+    "./useFixedOffset": {
+      "import": "./useFixedOffset.js"
+    },
+    "./useFocus": {
+      "import": "./useFocus.js"
+    },
+    "./useInterval": {
+      "import": "./useInterval.js"
+    },
+    "./useIsomorphicLayoutEffect": {
+      "import": "./useIsomorphicLayoutEffect.js"
+    },
+    "./useKeyUp": {
+      "import": "./useKeyUp.js"
+    },
+    "./useMeasure": {
+      "import": "./useMeasure.js"
+    },
+    "./useMountedState": {
+      "import": "./useMountedState.js"
+    },
+    "./useNavigateAway": {
+      "import": "./useNavigateAway.js"
+    },
+    "./usePrevious": {
+      "import": "./usePrevious.js"
+    },
+    "./usePreviousRef": {
+      "import": "./usePreviousRef.js"
+    },
+    "./useScrollPosition": {
+      "import": "./useScrollPosition.js"
+    },
+    "./useScrollThreshold": {
+      "import": "./useScrollThreshold.js"
+    },
+    "./useScrollTo": {
+      "import": "./useScrollTo.js"
+    },
+    "./useSmoothScroll": {
+      "import": "./useSmoothScroll.js"
+    },
+    "./useSpinDelay": {
+      "import": "./useSpinDelay.js"
+    },
+    "./useTraceUpdate": {
+      "import": "./useTraceUpdate.js"
+    },
+    "./useUpdateEffect": {
+      "import": "./useUpdateEffect.js"
+    },
+    "./useWindowSize": {
+      "import": "./useWindowSize.js"
     }
   },
   "peerDependencies": {},
-  "version": "2.0.0-beta.15"
+  "version": "2.0.0-beta.16"
 }

package/sc/index.d.ts

@@ -1,4 +1,3 @@
-export * from "../shared/index.js";
 export * from "../Alert/index.js";
 export * from "../Animations/index.js";
 export * from "../Autocomplete/index.js";

package/sc/index.js

@@ -1,4 +1,3 @@
-export * from "../shared/index.js";
 export * from "../Alert/index.js";
 export * from "../Animations/index.js";
 export * from "../Autocomplete/index.js";

package/scm/index.d.ts

@@ -1,4 +1,3 @@
-export * from "../shared/index.js";
 export * from "../Alert/index.js";
 export * from "../Animations/index.js";
 export * from "../Autocomplete/index.js";

package/scm/index.js

@@ -1,4 +1,3 @@
-export * from "../shared/index.js";
 export * from "../Alert/index.js";
 export * from "../Animations/index.js";
 export * from "../Autocomplete/index.js";

package/shared/index.d.ts

@@ -1,8 +1,7 @@
 export * from "../Calendar/index.js";
 export * from "../Dialog/index.js";
 export * from "../FaviconTags.js";
-export * from "../helpers/index.js";
-export * from "../hooks/index.js";
-export * from "../Meta/index.js";
-export * from "../NoJs/index.js";
+export { FaviconTags, type FaviconTagsProps } from "../FaviconTags.js";
+export * from "../Meta.js";
+export * from "../NoJs.js";
 export * from "../types.js";

package/shared/index.js

@@ -1,8 +1,7 @@
 export * from "../Calendar/index.js";
 export * from "../Dialog/index.js";
 export * from "../FaviconTags.js";
-export * from "../helpers/index.js";
-export * from "../hooks/index.js";
-export * from "../Meta/index.js";
-export * from "../NoJs/index.js";
+export { FaviconTags } from "../FaviconTags.js";
+export * from "../Meta.js";
+export * from "../NoJs.js";
 export * from "../types.js";

package/styles/theme--vanilla.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useEffect, useState } from "react";
-import isBrowser from "@koine/utils/isBrowser";
-import useUpdateEffect from "../hooks/useUpdateEffect.js";
+import { isBrowser } from "@koine/utils";
+import useUpdateEffect from "../useUpdateEffect.js";
 export var THEME_KEY = "theme";
 export var THEME_DEFAULT = "light";
 export var getInitialThemeFromClient = function () {

package/tw/index.d.ts

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/bare.js";

package/tw/index.js

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog } from "../Dialog/tw/bare.js";

package/twm/index.d.ts

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog, type KoineDialogProps } from "../Dialog/tw/framer.js";

package/twm/index.js

@@ -1,2 +1 @@
-export * from "../shared/index.js";
 export { KoineDialog } from "../Dialog/tw/framer.js";

package/types.d.ts

@@ -7,3 +7,5 @@ export type Option = {
 };
 export type KoineComponentProps<BaseComponentProps, ExtendableProps> = BaseComponentProps & ExtendableProps;
 export type KoineComponent<Props = any> = string | React.ForwardRefExoticComponent<Props> | React.ExoticComponent<Props> | React.FC<Props> | ((props: Props) => JSX.Element);
+export type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
+export type FunctionReturningPromise = (...args: any[]) => Promise<any>;

package/{hooks/useFixedOffset.js → useFixedOffset.js}

@@ -1,9 +1,6 @@
 import { useRef } from "react";
-import debounce from "@koine/utils/debounce";
-import $each from "@koine/dom/$each";
-import calculateFixedOffset from "@koine/dom/calculateFixedOffset";
-import injectCss from "@koine/dom/injectCss";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
+import { debounce } from "@koine/utils";
+import { $each, calculateFixedOffset, injectCss, listenResizeDebounced, } from "@koine/dom";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
 var inject = function (value) {
     injectCss("useFixedOffset", "html{scroll-padding-top: ".concat(value, "px}"));

package/{hooks/useInterval.js → useInterval.js}

@@ -1,6 +1,6 @@
 import { __spreadArray } from "tslib";
 import { useEffect, useRef } from "react";
-import noop from "@koine/utils/noop";
+import { noop } from "@koine/utils";
 export function useInterval(callback, delay, deps) {
     if (deps === void 0) { deps = []; }
     var savedCallback = useRef();

package/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useLayoutEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export default useIsomorphicLayoutEffect;

package/{hooks/useIsomorphicLayoutEffect.js → useIsomorphicLayoutEffect.js}

@@ -1,5 +1,5 @@
 import { useEffect, useLayoutEffect } from "react";
-import isBrowser from "@koine/utils/isBrowser";
+import { isBrowser } from "@koine/utils";
 export var useIsomorphicLayoutEffect = isBrowser
     ? useLayoutEffect
     : useEffect;

package/{hooks/useKeyUp.js → useKeyUp.js}

@@ -1,6 +1,6 @@
 import { __spreadArray } from "tslib";
 import { useEffect } from "react";
-import on from "@koine/dom/on";
+import { on } from "@koine/dom";
 export function useKeyUp(callback, deps) {
     if (deps === void 0) { deps = []; }
     useEffect(function () {

package/{hooks/useMeasure.js → useMeasure.js}

@@ -1,11 +1,7 @@
 import { __spreadArray } from "tslib";
 import { useEffect, useMemo, useRef, useState } from "react";
-import debounce from "@koine/utils/debounce";
-import noop from "@koine/utils/noop";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
-import listenScrollDebounced from "@koine/dom/listenScrollDebounced";
-import off from "@koine/dom/off";
-import on from "@koine/dom/on";
+import { debounce, noop } from "@koine/utils";
+import { listenResizeDebounced, listenScrollDebounced, off, on, } from "@koine/dom";
 var observer;
 function findScrollContainers(element) {
     var result = [];

package/{hooks/useNavigateAway.js → useNavigateAway.js}

@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import on from "@koine/dom/on";
+import { on } from "@koine/dom";
 export var useNavigateAway = function (handler) {
     var beforeUnloadHandlerRef = useRef();
     useEffect(function () {

package/{hooks/useScrollPosition.js → useScrollPosition.js}

@@ -1,6 +1,6 @@
 import { useRef } from "react";
-import isBrowser from "@koine/utils/isBrowser";
-import listenScroll from "@koine/dom/listenScroll";
+import { isBrowser } from "@koine/utils";
+import { listenScroll } from "@koine/dom";
 import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
 var zeroPosition = { x: 0, y: 0 };
 var getClientRect = function (element) {

package/{hooks/useScrollThreshold.js → useScrollThreshold.js}

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
-import noop from "@koine/utils/noop";
-import listenScroll from "@koine/dom/listenScroll";
+import { noop } from "@koine/utils";
+import { listenScroll } from "@koine/dom";
 export var useScrollThreshold = function (threshold, callback) {
     var _a = useState(false), isBelow = _a[0], setIsBelow = _a[1];
     var handler = useCallback(function () {

package/{hooks/useScrollTo.js → useScrollTo.js}

@@ -1,5 +1,5 @@
-import isBrowser from "@koine/utils/isBrowser";
-import useHeader from "../Header/useHeader.js";
+import { isBrowser } from "@koine/utils";
+import useHeader from "./Header/useHeader.js";
 export function useScrollTo(id, offset) {
     if (id === void 0) { id = ""; }
     if (offset === void 0) { offset = 0; }

package/{hooks/useSmoothScroll.js → useSmoothScroll.js}

@@ -1,7 +1,6 @@
 import { useCallback } from "react";
-import isNumber from "@koine/utils/isNumber";
-import getOffsetTopSlim from "@koine/dom/getOffsetTopSlim";
-import scrollTo from "@koine/dom/scrollTo";
+import { isNumber } from "@koine/utils";
+import { getOffsetTopSlim, scrollTo } from "@koine/dom";
 import useFixedOffset from "./useFixedOffset.js";
 export function useSmoothScroll(disregardAutomaticFixedOffset) {
     var fixedOffset = useFixedOffset();

package/{hooks/useWindowSize.d.ts → useWindowSize.d.ts}

@@ -1,3 +1,3 @@
-import debounce from "@koine/utils/debounce";
+import { debounce } from "@koine/utils";
 export declare function useWindowSize(wait?: Parameters<typeof debounce>[1], immediate?: Parameters<typeof debounce>[2]): readonly [number, number];
 export default useWindowSize;

package/{hooks/useWindowSize.js → useWindowSize.js}

@@ -1,6 +1,5 @@
 import { useEffect, useState } from "react";
-import listenResize from "@koine/dom/listenResize";
-import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
+import { listenResize, listenResizeDebounced } from "@koine/dom";
 export function useWindowSize(wait, immediate) {
     var _a = useState(0), width = _a[0], widthSet = _a[1];
     var _b = useState(0), height = _b[0], heightSet = _b[1];

package/Meta/index.d.ts

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

package/Meta/index.js

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

package/NoJs/index.d.ts

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

package/NoJs/index.js

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

package/helpers/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./classed.js";
-export * from "./createUseMediaQueryWidth.js";
-export * from "./extend-component.js";
-export * from "./mergeRefs.js";

package/helpers/index.js

@@ -1,4 +0,0 @@
-export * from "./classed.js";
-export * from "./createUseMediaQueryWidth.js";
-export * from "./extend-component.js";
-export * from "./mergeRefs.js";

package/hooks/index.d.ts

@@ -1,20 +0,0 @@
-export { useAsyncFn, type UseAsyncFnReturn, type UseAsyncState, } from "./useAsyncFn.js";
-export { useDateLocale } from "./useDateLocale.js";
-export { useFirstMountState } from "./useFirstMountState.js";
-export { useFixedOffset } from "./useFixedOffset.js";
-export { useFocus } from "./useFocus.js";
-export { useInterval } from "./useInterval.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
-export { useKeyUp } from "./useKeyUp.js";
-export { useMeasure, type UseMeasureOptions, type UseMeasureReturn, } from "./useMeasure.js";
-export { useMountedState } from "./useMountedState.js";
-export { useNavigateAway, type UseNavigateAwayHandler, } from "./useNavigateAway.js";
-export { usePrevious } from "./usePrevious.js";
-export { usePreviousRef } from "./usePreviousRef.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export { useScrollThreshold } from "./useScrollThreshold.js";
-export { useSmoothScroll } from "./useSmoothScroll.js";
-export { useSpinDelay } from "./useSpinDelay.js";
-export { useTraceUpdate } from "./useTraceUpdate.js";
-export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useWindowSize } from "./useWindowSize.js";

package/hooks/index.js

@@ -1,20 +0,0 @@
-export { useAsyncFn, } from "./useAsyncFn.js";
-export { useDateLocale } from "./useDateLocale.js";
-export { useFirstMountState } from "./useFirstMountState.js";
-export { useFixedOffset } from "./useFixedOffset.js";
-export { useFocus } from "./useFocus.js";
-export { useInterval } from "./useInterval.js";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.js";
-export { useKeyUp } from "./useKeyUp.js";
-export { useMeasure, } from "./useMeasure.js";
-export { useMountedState } from "./useMountedState.js";
-export { useNavigateAway, } from "./useNavigateAway.js";
-export { usePrevious } from "./usePrevious.js";
-export { usePreviousRef } from "./usePreviousRef.js";
-export { useScrollPosition } from "./useScrollPosition.js";
-export { useScrollThreshold } from "./useScrollThreshold.js";
-export { useSmoothScroll } from "./useSmoothScroll.js";
-export { useSpinDelay } from "./useSpinDelay.js";
-export { useTraceUpdate } from "./useTraceUpdate.js";
-export { useUpdateEffect } from "./useUpdateEffect.js";
-export { useWindowSize } from "./useWindowSize.js";

package/hooks/types.d.ts

@@ -1,2 +0,0 @@
-export type PromiseType<P extends Promise<any>> = P extends Promise<infer T> ? T : never;
-export type FunctionReturningPromise = (...args: any[]) => Promise<any>;

package/hooks/types.js

@@ -1 +0,0 @@
-export {};

package/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,3 +0,0 @@
-import { useEffect } from "react";
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
-export default useIsomorphicLayoutEffect;