@dxos/react-hooks 0.6.13-main.ed424a1 → 0.6.13

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytes":5018,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useAsyncState.ts":{"bytes":2283,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useControlledValue.ts":{"bytes":2080,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytes":3192,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytes":4114,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytes":1251,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytes":2740,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytes":1783,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytes":2163,"imports":[{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytes":3990,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytes":9390,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytes":3033,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytes":1879,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytes":7867,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/index.ts":{"bytes":1906,"imports":[{"path":"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts","kind":"import-statement","original":"./useAsyncEffect"},{"path":"packages/ui/primitives/react-hooks/src/useAsyncState.ts","kind":"import-statement","original":"./useAsyncState"},{"path":"packages/ui/primitives/react-hooks/src/useControlledValue.ts","kind":"import-statement","original":"./useControlledValue"},{"path":"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts","kind":"import-statement","original":"./useDebugReactDeps"},{"path":"packages/ui/primitives/react-hooks/src/useDefaultValue.ts","kind":"import-statement","original":"./useDefaultValue"},{"path":"packages/ui/primitives/react-hooks/src/useDynamicRef.ts","kind":"import-statement","original":"./useDynamicRef"},{"path":"packages/ui/primitives/react-hooks/src/useFileDownload.ts","kind":"import-statement","original":"./useFileDownload"},{"path":"packages/ui/primitives/react-hooks/src/useForwardedRef.ts","kind":"import-statement","original":"./useForwardedRef"},{"path":"packages/ui/primitives/react-hooks/src/useId.ts","kind":"import-statement","original":"./useId"},{"path":"packages/ui/primitives/react-hooks/src/useIsFocused.ts","kind":"import-statement","original":"./useIsFocused"},{"path":"packages/ui/primitives/react-hooks/src/useMediaQuery.ts","kind":"import-statement","original":"./useMediaQuery"},{"path":"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts","kind":"import-statement","original":"./useMulticastObservable"},{"path":"packages/ui/primitives/react-hooks/src/useRefCallback.ts","kind":"import-statement","original":"./useRefCallback"},{"path":"packages/ui/primitives/react-hooks/src/useTransitions.ts","kind":"import-statement","original":"./useTransitions"}],"format":"esm"}},"outputs":{"packages/ui/primitives/react-hooks/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":24453},"packages/ui/primitives/react-hooks/dist/lib/node/index.cjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["randomString","useAsyncEffect","useAsyncState","useControlledValue","useDebugReactDeps","useDefaultValue","useDidTransition","useDynamicRef","useFileDownload","useForwardedRef","useId","useIsFocused","useMediaQuery","useMulticastObservable","useOnTransition","useRefCallback"],"entryPoint":"packages/ui/primitives/react-hooks/src/index.ts","inputs":{"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytesInOutput":581},"packages/ui/primitives/react-hooks/src/index.ts":{"bytesInOutput":0},"packages/ui/primitives/react-hooks/src/useAsyncState.ts":{"bytesInOutput":350},"packages/ui/primitives/react-hooks/src/useControlledValue.ts":{"bytesInOutput":372},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytesInOutput":567},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytesInOutput":422},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytesInOutput":217},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytesInOutput":416},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytesInOutput":343},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytesInOutput":326},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytesInOutput":833},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytesInOutput":1940},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytesInOutput":368},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytesInOutput":197},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytesInOutput":1406}},"bytes":9534}}}
+{"inputs":{"packages/ui/primitives/react-hooks/src/useAsyncCallback.ts":{"bytes":2022,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytes":5018,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useControlledValue.ts":{"bytes":1974,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytes":3192,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytes":4104,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytes":1251,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytes":2740,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytes":1783,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytes":2163,"imports":[{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytes":3990,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytes":9390,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytes":3033,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytes":1879,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytes":7797,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/primitives/react-hooks/src/index.ts":{"bytes":1913,"imports":[{"path":"packages/ui/primitives/react-hooks/src/useAsyncCallback.ts","kind":"import-statement","original":"./useAsyncCallback"},{"path":"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts","kind":"import-statement","original":"./useAsyncEffect"},{"path":"packages/ui/primitives/react-hooks/src/useControlledValue.ts","kind":"import-statement","original":"./useControlledValue"},{"path":"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts","kind":"import-statement","original":"./useDebugReactDeps"},{"path":"packages/ui/primitives/react-hooks/src/useDefaultValue.ts","kind":"import-statement","original":"./useDefaultValue"},{"path":"packages/ui/primitives/react-hooks/src/useDynamicRef.ts","kind":"import-statement","original":"./useDynamicRef"},{"path":"packages/ui/primitives/react-hooks/src/useFileDownload.ts","kind":"import-statement","original":"./useFileDownload"},{"path":"packages/ui/primitives/react-hooks/src/useForwardedRef.ts","kind":"import-statement","original":"./useForwardedRef"},{"path":"packages/ui/primitives/react-hooks/src/useId.ts","kind":"import-statement","original":"./useId"},{"path":"packages/ui/primitives/react-hooks/src/useIsFocused.ts","kind":"import-statement","original":"./useIsFocused"},{"path":"packages/ui/primitives/react-hooks/src/useMediaQuery.ts","kind":"import-statement","original":"./useMediaQuery"},{"path":"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts","kind":"import-statement","original":"./useMulticastObservable"},{"path":"packages/ui/primitives/react-hooks/src/useRefCallback.ts","kind":"import-statement","original":"./useRefCallback"},{"path":"packages/ui/primitives/react-hooks/src/useTransitions.ts","kind":"import-statement","original":"./useTransitions"}],"format":"esm"}},"outputs":{"packages/ui/primitives/react-hooks/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":24207},"packages/ui/primitives/react-hooks/dist/lib/node/index.cjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"alea","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["randomString","useAsyncCallback","useAsyncEffect","useControlledValue","useDebugReactDeps","useDefaultValue","useDidTransition","useDynamicRef","useFileDownload","useForwardedRef","useId","useIsFocused","useMediaQuery","useMulticastObservable","useOnTransition","useRefCallback"],"entryPoint":"packages/ui/primitives/react-hooks/src/index.ts","inputs":{"packages/ui/primitives/react-hooks/src/useAsyncCallback.ts":{"bytesInOutput":301},"packages/ui/primitives/react-hooks/src/index.ts":{"bytesInOutput":0},"packages/ui/primitives/react-hooks/src/useAsyncEffect.ts":{"bytesInOutput":596},"packages/ui/primitives/react-hooks/src/useControlledValue.ts":{"bytesInOutput":350},"packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts":{"bytesInOutput":567},"packages/ui/primitives/react-hooks/src/useDefaultValue.ts":{"bytesInOutput":422},"packages/ui/primitives/react-hooks/src/useDynamicRef.ts":{"bytesInOutput":217},"packages/ui/primitives/react-hooks/src/useFileDownload.ts":{"bytesInOutput":416},"packages/ui/primitives/react-hooks/src/useForwardedRef.ts":{"bytesInOutput":343},"packages/ui/primitives/react-hooks/src/useId.ts":{"bytesInOutput":326},"packages/ui/primitives/react-hooks/src/useIsFocused.ts":{"bytesInOutput":833},"packages/ui/primitives/react-hooks/src/useMediaQuery.ts":{"bytesInOutput":1940},"packages/ui/primitives/react-hooks/src/useMulticastObservable.ts":{"bytesInOutput":368},"packages/ui/primitives/react-hooks/src/useRefCallback.ts":{"bytesInOutput":197},"packages/ui/primitives/react-hooks/src/useTransitions.ts":{"bytesInOutput":1388}},"bytes":9466}}}

package/dist/types/src/index.d.ts

@@ -1,5 +1,5 @@
+export * from './useAsyncCallback';
 export * from './useAsyncEffect';
-export * from './useAsyncState';
 export * from './useControlledValue';
 export * from './useDebugReactDeps';
 export * from './useDefaultValue';

package/dist/types/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/types/src/useAsyncCallback.d.ts

@@ -0,0 +1,5 @@
+/**
+ * NOTE: Use with care and when necessary to be able to cancel an async operation when unmounting.
+ */
+export declare const useAsyncCallback: <T>(cb: () => Promise<T>) => T | undefined;
+//# sourceMappingURL=useAsyncCallback.d.ts.map

package/dist/types/src/useAsyncCallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncCallback.d.ts","sourceRoot":"","sources":["../../../src/useAsyncCallback.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,MAAM,MAAM,OAAO,CAAC,CAAC,CAAC,KAAG,CAAC,GAAG,SAY9D,CAAC"}

package/dist/types/src/useAsyncEffect.test.d.ts

@@ -1,2 +1,2 @@
-export {};
+import 'raf/polyfill';
 //# sourceMappingURL=useAsyncEffect.test.d.ts.map

package/dist/types/src/useAsyncEffect.test.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncEffect.test.d.ts","sourceRoot":"","sources":["../../../src/useAsyncEffect.test.tsx"],"names":[],"mappings":""}
+{"version":3,"file":"useAsyncEffect.test.d.ts","sourceRoot":"","sources":["../../../src/useAsyncEffect.test.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAC"}

package/dist/types/src/useControlledValue.d.ts

@@ -2,5 +2,5 @@ import { type Dispatch, type SetStateAction } from 'react';
 /**
  * A stateful hook with a controlled value.
  */
-export declare const useControlledValue: <TValue>(controlledValue: TValue, ...deps: any[]) => [TValue, Dispatch<SetStateAction<TValue>>];
+export declare const useControlledValue: <TValue>(controlledValue: TValue) => [TValue, Dispatch<SetStateAction<TValue>>];
 //# sourceMappingURL=useControlledValue.d.ts.map

package/dist/types/src/useControlledValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useControlledValue.d.ts","sourceRoot":"","sources":["../../../src/useControlledValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,mBACtB,MAAM,WACd,GAAG,EAAE,KACb,CAAC,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAS3C,CAAC"}
+{"version":3,"file":"useControlledValue.d.ts","sourceRoot":"","sources":["../../../src/useControlledValue.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,MAAM,mBAAmB,MAAM,KAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAS7G,CAAC"}

package/dist/types/src/useDefaultValue.d.ts

@@ -9,5 +9,5 @@
  * @param defaultValue - The initial value used when the reactiveValue is undefined. This value is not reactive.
  * @returns - The reactiveValue if it's defined, otherwise the defaultValue.
  */
-export declare const useDefaultValue: <T>(reactiveValue: T | undefined | null, getDefaultValue: () => T) => T;
+export declare const useDefaultValue: <T>(reactiveValue: T | undefined | null, defaultValue: T) => T;
 //# sourceMappingURL=useDefaultValue.d.ts.map

package/dist/types/src/useDefaultValue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultValue.d.ts","sourceRoot":"","sources":["../../../src/useDefaultValue.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,iBAAiB,CAAC,GAAG,SAAS,GAAG,IAAI,mBAAmB,MAAM,CAAC,KAAG,CAYlG,CAAC"}
+{"version":3,"file":"useDefaultValue.d.ts","sourceRoot":"","sources":["../../../src/useDefaultValue.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,iBAAiB,CAAC,GAAG,SAAS,GAAG,IAAI,gBAAgB,CAAC,KAAG,CAYzF,CAAC"}

package/dist/types/src/useTransitions.d.ts

@@ -3,5 +3,5 @@
  *
  * This function utilizes the `useDidTransition` hook to monitor changes in `currentValue`.
  * When `currentValue` transitions from `fromValue` to `toValue`, the provided `callback` function is executed. */
-export declare const useOnTransition: <T>(currentValue: T, fromValue: T | ((value: T) => boolean), toValue: T | ((value: T) => boolean), callback: () => void) => void;
+export declare const useOnTransition: <T>(currentValue: T, fromValue: T | ((value: T) => boolean), toValue: ((value: T) => boolean) | T, callback: () => void) => void;
 //# sourceMappingURL=useTransitions.d.ts.map

package/dist/types/src/useTransitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTransitions.d.ts","sourceRoot":"","sources":["../../../src/useTransitions.ts"],"names":[],"mappings":"AA8CA;;;;kHAIkH;AAClH,eAAO,MAAM,eAAe,GAAI,CAAC,gBACjB,CAAC,aACJ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,WAC7B,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,YAC1B,MAAM,IAAI,SAerB,CAAC"}
+{"version":3,"file":"useTransitions.d.ts","sourceRoot":"","sources":["../../../src/useTransitions.ts"],"names":[],"mappings":"AAiDA;;;;kHAIkH;AAClH,eAAO,MAAM,eAAe,GAAI,CAAC,gBACjB,CAAC,aACJ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,WAC7B,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,YAC1B,MAAM,IAAI,SAerB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-hooks",
-  "version": "0.6.13-main.ed424a1",
+  "version": "0.6.13",
   "description": "React hooks supporting DXOS React primitives.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -10,8 +10,7 @@
     ".": {
       "browser": "./dist/lib/browser/index.mjs",
       "node": {
-        "require": "./dist/lib/node/index.cjs",
-        "default": "./dist/lib/node-esm/index.mjs"
+        "default": "./dist/lib/node/index.cjs"
       },
       "types": "./dist/types/src/index.d.ts"
     }
@@ -26,19 +25,18 @@
   ],
   "dependencies": {
     "alea": "^1.0.1",
-    "@dxos/async": "0.6.13-main.ed424a1",
-    "@dxos/log": "0.6.13-main.ed424a1"
+    "@dxos/async": "0.6.13",
+    "@dxos/log": "0.6.13"
   },
   "devDependencies": {
-    "@testing-library/react": "^13.4.0",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0"
   },
   "peerDependencies": {
-    "react": "~18.2.0",
-    "react-dom": "~18.2.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -2,8 +2,8 @@
 // Copyright 2022 DXOS.org
 //
 
+export * from './useAsyncCallback';
 export * from './useAsyncEffect';
-export * from './useAsyncState';
 export * from './useControlledValue';
 export * from './useDebugReactDeps';
 export * from './useDefaultValue';

package/src/{useAsyncState.ts → useAsyncCallback.ts}

@@ -2,15 +2,12 @@
 // Copyright 2024 DXOS.org
 //
 
-import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 /**
  * NOTE: Use with care and when necessary to be able to cancel an async operation when unmounting.
  */
-export const useAsyncState = <T>(
-  cb: () => Promise<T | undefined>,
-  deps: any[] = [],
-): [T | undefined, Dispatch<SetStateAction<T | undefined>>] => {
+export const useAsyncCallback = <T>(cb: () => Promise<T>): T | undefined => {
   const [value, setValue] = useState<T | undefined>();
   useEffect(() => {
     const t = setTimeout(async () => {
@@ -19,7 +16,7 @@ export const useAsyncState = <T>(
     });
 
     return () => clearTimeout(t);
-  }, deps);
+  }, []);
 
-  return [value, setValue];
+  return value;
 };

package/src/useAsyncEffect.test.tsx

@@ -2,10 +2,14 @@
 // Copyright 2022 DXOS.org
 //
 
+import expect from 'expect';
+import 'raf/polyfill';
 import React, { useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { act } from 'react-dom/test-utils';
-import { afterEach, beforeEach, describe, expect, test } from 'vitest';
+import waitForExpect from 'wait-for-expect';
+
+import { afterEach, beforeEach, describe, test } from '@dxos/test';
 
 import { useAsyncEffect } from './useAsyncEffect';
 
@@ -41,11 +45,13 @@ describe('useAsyncEffect', () => {
   });
 
   test('gets async value.', async () => {
-    await act(() => {
+    void act(() => {
       createRoot(rootContainer).render(<Test />);
     });
 
     const h1 = rootContainer.querySelector('h1');
-    expect(h1?.textContent).toEqual('DXOS');
+    await waitForExpect(() => {
+      expect(h1?.textContent).toEqual('DXOS');
+    });
   });
 });

package/src/useControlledValue.ts

@@ -7,16 +7,13 @@ import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
 /**
  * A stateful hook with a controlled value.
  */
-export const useControlledValue = <TValue>(
-  controlledValue: TValue,
-  ...deps: any[]
-): [TValue, Dispatch<SetStateAction<TValue>>] => {
+export const useControlledValue = <TValue>(controlledValue: TValue): [TValue, Dispatch<SetStateAction<TValue>>] => {
   const [value, setValue] = useState<TValue>(controlledValue);
   useEffect(() => {
     if (controlledValue !== undefined) {
       setValue(controlledValue);
     }
-  }, [controlledValue, ...deps]);
+  }, [controlledValue]);
 
   return [value, setValue];
 };

package/src/useDefaultValue.ts

@@ -15,11 +15,11 @@ import { useEffect, useState, useMemo } from 'react';
  * @param defaultValue - The initial value used when the reactiveValue is undefined. This value is not reactive.
  * @returns - The reactiveValue if it's defined, otherwise the defaultValue.
  */
-export const useDefaultValue = <T>(reactiveValue: T | undefined | null, getDefaultValue: () => T): T => {
+export const useDefaultValue = <T>(reactiveValue: T | undefined | null, defaultValue: T): T => {
   // Memoize defaultValue with an empty dependency array.
   // This ensures that the defaultValue instance remains stable across all re-renders,
   // regardless of whether the defaultValue changes.
-  const stableDefaultValue = useMemo(getDefaultValue, []);
+  const stableDefaultValue = useMemo(() => defaultValue, []);
   const [value, setValue] = useState(reactiveValue ?? stableDefaultValue);
 
   useEffect(() => {

package/src/useTransitions.ts

@@ -28,18 +28,21 @@ export const useDidTransition = <T>(
 
   useEffect(() => {
     const toValueValid = isFunction<T>(toValue) ? toValue(currentValue) : toValue === currentValue;
+
     const fromValueValid = isFunction<T>(fromValue)
       ? fromValue(previousValue.current)
       : fromValue === previousValue.current;
 
-    if (fromValueValid && toValueValid && !hasTransitioned) {
+    const transitioned = fromValueValid && toValueValid;
+
+    if (transitioned) {
       setHasTransitioned(true);
-    } else if ((!fromValueValid || !toValueValid) && hasTransitioned) {
+    } else {
       setHasTransitioned(false);
     }
 
     previousValue.current = currentValue;
-  }, [currentValue, fromValue, toValue, hasTransitioned]);
+  }, [currentValue, fromValue, toValue, setHasTransitioned, previousValue]);
 
   return hasTransitioned;
 };
@@ -52,7 +55,7 @@ export const useDidTransition = <T>(
 export const useOnTransition = <T>(
   currentValue: T,
   fromValue: T | ((value: T) => boolean),
-  toValue: T | ((value: T) => boolean),
+  toValue: ((value: T) => boolean) | T,
   callback: () => void,
 ) => {
   const dirty = useRef(false);

package/dist/lib/node-esm/index.mjs

@@ -1,328 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/ui/primitives/react-hooks/src/useAsyncEffect.ts
-import { useEffect } from "react";
-import { log } from "@dxos/log";
-var useAsyncEffect = (callback, destructor, deps) => {
-  const [effectDestructor, effectDeps] = typeof destructor === "function" ? [
-    destructor,
-    deps
-  ] : [
-    void 0,
-    destructor
-  ];
-  useEffect(() => {
-    let mounted = true;
-    let value;
-    const asyncResult = callback(() => mounted);
-    void Promise.resolve(asyncResult).then((result) => {
-      value = result;
-    }).catch(log.catch);
-    return () => {
-      mounted = false;
-      effectDestructor?.(value);
-    };
-  }, effectDeps);
-};
-
-// packages/ui/primitives/react-hooks/src/useAsyncState.ts
-import { useEffect as useEffect2, useState } from "react";
-var useAsyncState = (cb, deps = []) => {
-  const [value, setValue] = useState();
-  useEffect2(() => {
-    const t = setTimeout(async () => {
-      const data = await cb();
-      setValue(data);
-    });
-    return () => clearTimeout(t);
-  }, deps);
-  return [
-    value,
-    setValue
-  ];
-};
-
-// packages/ui/primitives/react-hooks/src/useControlledValue.ts
-import { useEffect as useEffect3, useState as useState2 } from "react";
-var useControlledValue = (controlledValue, ...deps) => {
-  const [value, setValue] = useState2(controlledValue);
-  useEffect3(() => {
-    if (controlledValue !== void 0) {
-      setValue(controlledValue);
-    }
-  }, [
-    controlledValue,
-    ...deps
-  ]);
-  return [
-    value,
-    setValue
-  ];
-};
-
-// packages/ui/primitives/react-hooks/src/useDebugReactDeps.ts
-import { useEffect as useEffect4, useRef } from "react";
-var useDebugReactDeps = (deps = []) => {
-  const lastDeps = useRef([]);
-  useEffect4(() => {
-    console.group("deps changed", {
-      old: lastDeps.current.length,
-      new: deps.length
-    });
-    for (let i = 0; i < Math.max(lastDeps.current.length ?? 0, deps.length ?? 0); i++) {
-      console.log(i, lastDeps.current[i] === deps[i] ? "SAME" : "CHANGED", {
-        previous: lastDeps.current[i],
-        current: deps[i]
-      });
-    }
-    console.groupEnd();
-    lastDeps.current = deps;
-  }, deps);
-};
-
-// packages/ui/primitives/react-hooks/src/useDefaultValue.ts
-import { useEffect as useEffect5, useState as useState3, useMemo } from "react";
-var useDefaultValue = (reactiveValue, getDefaultValue) => {
-  const stableDefaultValue = useMemo(getDefaultValue, []);
-  const [value, setValue] = useState3(reactiveValue ?? stableDefaultValue);
-  useEffect5(() => {
-    setValue(reactiveValue ?? stableDefaultValue);
-  }, [
-    reactiveValue,
-    stableDefaultValue
-  ]);
-  return value;
-};
-
-// packages/ui/primitives/react-hooks/src/useDynamicRef.ts
-import { useEffect as useEffect6, useRef as useRef2 } from "react";
-var useDynamicRef = (value) => {
-  const ref = useRef2(value);
-  useEffect6(() => {
-    ref.current = value;
-  }, [
-    value
-  ]);
-  return ref;
-};
-
-// packages/ui/primitives/react-hooks/src/useFileDownload.ts
-import { useMemo as useMemo2 } from "react";
-var useFileDownload = () => {
-  return useMemo2(() => (data, filename) => {
-    const url = typeof data === "string" ? data : URL.createObjectURL(data);
-    const element = document.createElement("a");
-    element.setAttribute("href", url);
-    element.setAttribute("download", filename);
-    element.setAttribute("target", "download");
-    element.click();
-  }, []);
-};
-
-// packages/ui/primitives/react-hooks/src/useForwardedRef.ts
-import { useRef as useRef3, useEffect as useEffect7 } from "react";
-var useForwardedRef = (ref) => {
-  const innerRef = useRef3(null);
-  useEffect7(() => {
-    if (!ref) {
-      return;
-    }
-    if (typeof ref === "function") {
-      ref(innerRef.current);
-    } else {
-      ref.current = innerRef.current;
-    }
-  });
-  return innerRef;
-};
-
-// packages/ui/primitives/react-hooks/src/useId.ts
-import alea from "alea";
-import { useMemo as useMemo3 } from "react";
-var Alea = alea;
-var prng = new Alea("@dxos/react-hooks");
-var randomString = (n = 4) => prng().toString(16).slice(2, n + 2);
-var useId = (namespace, propsId, opts) => useMemo3(() => propsId ?? `${namespace}-${randomString(opts?.n ?? 4)}`, [
-  propsId
-]);
-
-// packages/ui/primitives/react-hooks/src/useIsFocused.ts
-import { useEffect as useEffect8, useRef as useRef4, useState as useState4 } from "react";
-var useIsFocused = (inputRef) => {
-  const [isFocused, setIsFocused] = useState4(void 0);
-  const isFocusedRef = useRef4(isFocused);
-  isFocusedRef.current = isFocused;
-  useEffect8(() => {
-    const input = inputRef.current;
-    if (!input) {
-      return;
-    }
-    const onFocus = () => setIsFocused(true);
-    const onBlur = () => setIsFocused(false);
-    input.addEventListener("focus", onFocus);
-    input.addEventListener("blur", onBlur);
-    if (isFocusedRef.current === void 0) {
-      setIsFocused(document.activeElement === input);
-    }
-    return () => {
-      input.removeEventListener("focus", onFocus);
-      input.removeEventListener("blur", onBlur);
-    };
-  }, [
-    inputRef,
-    setIsFocused
-  ]);
-  return isFocused;
-};
-
-// packages/ui/primitives/react-hooks/src/useMediaQuery.ts
-import { useEffect as useEffect9, useState as useState5 } from "react";
-var breakpointMediaQueries = {
-  sm: "(min-width: 640px)",
-  md: "(min-width: 768px)",
-  lg: "(min-width: 1024px)",
-  xl: "(min-width: 1280px)",
-  "2xl": "(min-width: 1536px)"
-};
-var useMediaQuery = (query, options = {}) => {
-  const { ssr = true, fallback } = options;
-  const queries = (Array.isArray(query) ? query : [
-    query
-  ]).map((query2) => query2 in breakpointMediaQueries ? breakpointMediaQueries[query2] : query2);
-  let fallbackValues = Array.isArray(fallback) ? fallback : [
-    fallback
-  ];
-  fallbackValues = fallbackValues.filter((v) => v != null);
-  const [value, setValue] = useState5(() => {
-    return queries.map((query2, index) => ({
-      media: query2,
-      matches: ssr ? !!fallbackValues[index] : document.defaultView?.matchMedia(query2).matches
-    }));
-  });
-  useEffect9(() => {
-    setValue(queries.map((query2) => ({
-      media: query2,
-      matches: document.defaultView?.matchMedia(query2).matches
-    })));
-    const mql = queries.map((query2) => document.defaultView?.matchMedia(query2));
-    const handler = (evt) => {
-      setValue((prev) => {
-        return prev.slice().map((item) => {
-          if (item.media === evt.media) {
-            return {
-              ...item,
-              matches: evt.matches
-            };
-          }
-          return item;
-        });
-      });
-    };
-    mql.forEach((mql2) => {
-      if (typeof mql2?.addListener === "function") {
-        mql2?.addListener(handler);
-      } else {
-        mql2?.addEventListener("change", handler);
-      }
-    });
-    return () => {
-      mql.forEach((mql2) => {
-        if (typeof mql2?.removeListener === "function") {
-          mql2?.removeListener(handler);
-        } else {
-          mql2?.removeEventListener("change", handler);
-        }
-      });
-    };
-  }, [
-    document.defaultView
-  ]);
-  return value.map((item) => !!item.matches);
-};
-
-// packages/ui/primitives/react-hooks/src/useMulticastObservable.ts
-import { useMemo as useMemo4, useSyncExternalStore } from "react";
-var useMulticastObservable = (observable) => {
-  const subscribeFn = useMemo4(() => (listener) => {
-    const subscription = observable.subscribe(listener);
-    return () => subscription.unsubscribe();
-  }, [
-    observable
-  ]);
-  return useSyncExternalStore(subscribeFn, () => observable.get());
-};
-
-// packages/ui/primitives/react-hooks/src/useRefCallback.ts
-import { useState as useState6 } from "react";
-var useRefCallback = () => {
-  const [value, setValue] = useState6(null);
-  return {
-    refCallback: (value2) => setValue(value2),
-    value
-  };
-};
-
-// packages/ui/primitives/react-hooks/src/useTransitions.ts
-import { useRef as useRef5, useEffect as useEffect10, useState as useState7 } from "react";
-var isFunction = (functionToCheck) => {
-  return functionToCheck instanceof Function;
-};
-var useDidTransition = (currentValue, fromValue, toValue) => {
-  const [hasTransitioned, setHasTransitioned] = useState7(false);
-  const previousValue = useRef5(currentValue);
-  useEffect10(() => {
-    const toValueValid = isFunction(toValue) ? toValue(currentValue) : toValue === currentValue;
-    const fromValueValid = isFunction(fromValue) ? fromValue(previousValue.current) : fromValue === previousValue.current;
-    if (fromValueValid && toValueValid && !hasTransitioned) {
-      setHasTransitioned(true);
-    } else if ((!fromValueValid || !toValueValid) && hasTransitioned) {
-      setHasTransitioned(false);
-    }
-    previousValue.current = currentValue;
-  }, [
-    currentValue,
-    fromValue,
-    toValue,
-    hasTransitioned
-  ]);
-  return hasTransitioned;
-};
-var useOnTransition = (currentValue, fromValue, toValue, callback) => {
-  const dirty = useRef5(false);
-  const hasTransitioned = useDidTransition(currentValue, fromValue, toValue);
-  useEffect10(() => {
-    dirty.current = false;
-  }, [
-    currentValue,
-    dirty
-  ]);
-  useEffect10(() => {
-    if (hasTransitioned && !dirty.current) {
-      callback();
-      dirty.current = true;
-    }
-  }, [
-    hasTransitioned,
-    dirty,
-    callback
-  ]);
-};
-export {
-  randomString,
-  useAsyncEffect,
-  useAsyncState,
-  useControlledValue,
-  useDebugReactDeps,
-  useDefaultValue,
-  useDidTransition,
-  useDynamicRef,
-  useFileDownload,
-  useForwardedRef,
-  useId,
-  useIsFocused,
-  useMediaQuery,
-  useMulticastObservable,
-  useOnTransition,
-  useRefCallback
-};
-//# sourceMappingURL=index.mjs.map