@siberiacancode/reactuse 0.2.14 → 0.2.16

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/helpers/createEventEmitter/createEventEmitter.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @name createEventEmitter
+ * @description - Creates a type-safe event emitter
+ * @category Helpers
+ *
+ * @template Events - The type of events and their data
+ * @returns {Events} - Object containing event emitter methods and hook
+ *
+ * @example
+ * const { instance, push, subscribe, unsubscribe, useSubscribe } = createEventEmitter<{ foo: number }>();
+ */
+export declare const createEventEmitter: <Events extends Record<string, any> = Record<string, any>>() => {
+    instance: EventTarget;
+    push: <Event extends keyof Events>(event: Event, data: Events[Event]) => boolean;
+    subscribe: <Key extends keyof Events>(event: Key, listener: (data: Events[Key]) => void) => () => void;
+    unsubscribe: <Key extends keyof Events>(event: Key, listener: (data: Events[Key]) => void) => void;
+    useSubscribe: <Event extends keyof Events>(event: Event, listener?: (data: Events[Event]) => void) => Events[Event] | undefined;
+};

package/dist/types/helpers/createStore/createStore.d.ts

@@ -12,7 +12,6 @@ export interface StoreApi<Value> {
  * @category Helpers
  *
  * @template Value - The type of the store state
- *
  * @param {StateCreator<Value>} createState - Function that initializes the store state
  * @returns {StoreApi<Value>} - Object containing store methods and hook for accessing state
  *

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

@@ -1,3 +1,4 @@
 export * from './createContext/createContext';
+export * from './createEventEmitter/createEventEmitter';
 export * from './createReactiveContext/createReactiveContext';
 export * from './createStore/createStore';

package/dist/types/hooks/useIntersectionObserver/useIntersectionObserver.d.ts

@@ -16,6 +16,10 @@ export interface UseIntersectionObserver {
         ref: StateRef<Target>;
     };
     (target: HookTarget, options?: UseIntersectionObserverOptions): UseIntersectionObserverReturn;
+    <Target extends Element>(callback: (entry: IntersectionObserverEntry) => void, target?: never): UseIntersectionObserverReturn & {
+        ref: StateRef<Target>;
+    };
+    (callback: (entry: IntersectionObserverEntry) => void, target: HookTarget): UseIntersectionObserverReturn;
 }
 /**
  * @name useIntersectionObserver
@@ -28,7 +32,7 @@ export interface UseIntersectionObserver {
  * @param {HookTarget} target The target element to detect intersection
  * @param {boolean} [options.enabled=true] The IntersectionObserver options
  * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected
- * @param {HookTarget} [options.root] The root element to observe
+ * @param {HookTarget} [options.root=document] The root element to observe
  * @returns {UseIntersectionObserverReturn} An object containing the state
  *
  * @example
@@ -38,10 +42,26 @@ export interface UseIntersectionObserver {
  * @template Target The target element
  * @param {boolean} [options.enabled=true] The IntersectionObserver options
  * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected
- * @param {HookTarget} [options.root] The root element to observe
+ * @param {HookTarget} [options.root=document] The root element to observe
  * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element
  *
  * @example
  * const { entry, inView } = useIntersectionObserver(ref);
+ *
+ * @overload
+ * @template Target The target element
+ * @param {(entry: IntersectionObserverEntry) => void} callback The callback to execute when intersection is detected
+ * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element
+ *
+ * @example
+ * const { ref, entry, inView } = useIntersectionObserver(() => console.log('callback'));
+ *
+ * @overload
+ * @param {(entry: IntersectionObserverEntry) => void} callback The callback to execute when intersection is detected
+ * @param {HookTarget} target The target element to detect intersection
+ * @returns {UseIntersectionObserverReturn} An object containing the state
+ *
+ * @example
+ * const { entry, inView } = useIntersectionObserver(() => console.log('callback'), ref);
  */
 export declare const useIntersectionObserver: UseIntersectionObserver;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "The ultimate collection of react hooks",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",
@@ -51,9 +51,9 @@
     "lint-staged": "lint-staged"
   },
   "peerDependencies": {
-    "@types/react": "^17 || ^18 || ^19",
-    "react": "^17 || ^18 || ^19",
-    "react-dom": "^17 || ^18 || ^19"
+    "@types/react": "^18 || ^19",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -76,7 +76,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "shx": "^0.4.0",
-    "vite": "^7.0.0",
+    "vite": "^7.0.2",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4"
   },