@oscarpalmer/atoms 0.27.0 → 0.28.0

package/dist/css/a11y.css

@@ -1,3 +1,6 @@
+.visually-hidden {
+  position: absolute !important;
+}
 .visually-hidden:not(:active):not(:focus):not(:focus-within) {
   width: 1px !important;
   height: 1px !important;

package/dist/js/index.js

@@ -284,6 +284,21 @@ function isPlainObject(value) {
   return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in value) && !(Symbol.iterator in value);
 }
 
+// src/js/queue.ts
+function queue(callback) {
+  queued.add(callback);
+  if (queued.size > 0) {
+    queueMicrotask(() => {
+      const callbacks = Array.from(queued);
+      queued.clear();
+      for (const callback2 of callbacks) {
+        callback2();
+      }
+    });
+  }
+}
+var queued = new Set;
+
 // src/js/value.ts
 var _cloneNested = function(value) {
   const cloned = Array.isArray(value) ? [] : {};
@@ -535,13 +550,10 @@ var _isProxy = function(value2) {
   return value2?.$ instanceof Manager;
 };
 var _onChange = function(manager, value2) {
-  cancelAnimationFrame(frames.get(manager));
   if (!cloned.has(manager)) {
     cloned.set(manager, value2);
   }
-  frames.set(manager, requestAnimationFrame(() => {
-    _emit(manager);
-  }));
+  queue(manager.emitter);
 };
 function cloneProxy(proxy) {
   if (!_isProxy(proxy)) {
@@ -575,6 +587,9 @@ class Manager {
   }
   constructor(owner) {
     this.owner = owner;
+    this.emitter = function() {
+      _emit(this);
+    }.bind(this);
   }
   clone() {
     return _createProxy(undefined, clone(merge(this.owner)));
@@ -595,7 +610,6 @@ class Manager {
   }
 }
 var cloned = new Map;
-var frames = new Map;
 // src/js/signal.ts
 function computed(callback) {
   return new Computed(callback);
@@ -603,13 +617,13 @@ function computed(callback) {
 function effect(callback) {
   return new Effect(callback);
 }
-var getValue = function(instance) {
-  const last = effects[effects.length - 1];
-  if (last !== undefined) {
-    instance._effects.add(last);
-    last._values.add(instance);
+var getValue = function(reactive) {
+  const effect2 = effects[effects.length - 1];
+  if (effect2 !== undefined) {
+    reactive._effects.add(effect2);
+    effect2._reactives.add(reactive);
   }
-  return instance._value;
+  return reactive._value;
 };
 function isComputed(value2) {
   return value2 instanceof Computed;
@@ -623,21 +637,16 @@ function isReactive(value2) {
 function isSignal(value2) {
   return value2 instanceof Signal;
 }
-var setValue = function(instance, value2, run) {
-  if (!run && Object.is(value2, instance._value)) {
+var setValue = function(reactive, value2, run) {
+  if (!run && Object.is(value2, reactive._value)) {
     return;
   }
-  instance._value = value2;
-  cancelAnimationFrame(instance._frame);
-  if (!instance._active) {
-    return;
-  }
-  instance._frame = requestAnimationFrame(() => {
-    for (const effect2 of instance._effects) {
-      effect2._callback();
+  reactive._value = value2;
+  if (reactive._active) {
+    for (const effect2 of reactive._effects) {
+      queue(effect2._callback);
     }
-    instance._frame = undefined;
-  });
+  }
 };
 function signal(value2) {
   return new Signal(value2);
@@ -646,7 +655,6 @@ function signal(value2) {
 class Reactive {
   _active = true;
   _effects = new Set;
-  _frame;
   peek() {
     return this._value;
   }
@@ -678,7 +686,7 @@ class Computed extends Reactive {
 class Effect {
   _callback;
   _active = false;
-  _values = new Set;
+  _reactives = new Set;
   constructor(_callback) {
     this._callback = _callback;
     this.run();
@@ -697,10 +705,10 @@ class Effect {
       return;
     }
     this._active = false;
-    for (const value2 of this._values) {
+    for (const value2 of this._reactives) {
       value2._effects.delete(this);
     }
-    this._values.clear();
+    this._reactives.clear();
   }
 }
 
@@ -730,7 +738,7 @@ class Signal extends Reactive {
 var effects = [];
 // src/js/timer.ts
 function repeat(callback, options) {
-  const count = typeof options?.count === "number" ? options.count : Infinity;
+  const count = typeof options?.count === "number" ? options.count : Number.POSITIVE_INFINITY;
   return new Timer(callback, { ...options ?? {}, ...{ count } }).start();
 }
 function wait(callback, time) {
@@ -820,6 +828,7 @@ export {
   signal,
   set,
   repeat,
+  queue,
   push,
   proxy,
   merge,

package/dist/js/index.mjs

@@ -4,6 +4,7 @@ export * from "./element";
 export * from "./event";
 export * from "./number";
 export * from "./proxy";
+export * from "./queue";
 export * from "./signal";
 export * from "./string";
 export * from "./timer";

package/dist/js/proxy.js

@@ -19,6 +19,21 @@ function isPlainObject(value) {
   return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in value) && !(Symbol.iterator in value);
 }
 
+// src/js/queue.ts
+function queue(callback) {
+  queued.add(callback);
+  if (queued.size > 0) {
+    queueMicrotask(() => {
+      const callbacks = Array.from(queued);
+      queued.clear();
+      for (const callback2 of callbacks) {
+        callback2();
+      }
+    });
+  }
+}
+var queued = new Set;
+
 // src/js/value.ts
 var _cloneNested = function(value) {
   const cloned = Array.isArray(value) ? [] : {};
@@ -239,13 +254,10 @@ var _isProxy = function(value2) {
   return value2?.$ instanceof Manager;
 };
 var _onChange = function(manager, value2) {
-  cancelAnimationFrame(frames.get(manager));
   if (!cloned.has(manager)) {
     cloned.set(manager, value2);
   }
-  frames.set(manager, requestAnimationFrame(() => {
-    _emit(manager);
-  }));
+  queue(manager.emitter);
 };
 function cloneProxy(proxy) {
   if (!_isProxy(proxy)) {
@@ -279,6 +291,9 @@ class Manager {
   }
   constructor(owner) {
     this.owner = owner;
+    this.emitter = function() {
+      _emit(this);
+    }.bind(this);
   }
   clone() {
     return _createProxy(undefined, clone(merge(this.owner)));
@@ -299,7 +314,6 @@ class Manager {
   }
 }
 var cloned = new Map;
-var frames = new Map;
 export {
   unsubscribe,
   subscribe,

package/dist/js/proxy.mjs

@@ -1,5 +1,8 @@
 // src/js/proxy.ts
-import {isArrayOrPlainObject} from "./is";
+import {
+isArrayOrPlainObject
+} from "./is";
+import {queue as queue2} from "./queue";
 import {clone, diff, get, merge} from "./value";
 var _createProxy = function(existing, value2) {
   if (!isArrayOrPlainObject(value2) || _isProxy(value2) && value2.$ === existing) {
@@ -60,13 +63,10 @@ var _isProxy = function(value2) {
   return value2?.$ instanceof Manager;
 };
 var _onChange = function(manager, value2) {
-  cancelAnimationFrame(frames.get(manager));
   if (!cloned.has(manager)) {
     cloned.set(manager, value2);
   }
-  frames.set(manager, requestAnimationFrame(() => {
-    _emit(manager);
-  }));
+  queue2(manager.emitter);
 };
 function cloneProxy(proxy) {
   if (!_isProxy(proxy)) {
@@ -100,6 +100,9 @@ class Manager {
   }
   constructor(owner) {
     this.owner = owner;
+    this.emitter = function() {
+      _emit(this);
+    }.bind(this);
   }
   clone() {
     return _createProxy(undefined, clone(merge(this.owner)));
@@ -120,7 +123,6 @@ class Manager {
   }
 }
 var cloned = new Map;
-var frames = new Map;
 export {
   unsubscribe,
   subscribe,

package/dist/js/queue.js

@@ -0,0 +1,17 @@
+// src/js/queue.ts
+function queue(callback) {
+  queued.add(callback);
+  if (queued.size > 0) {
+    queueMicrotask(() => {
+      const callbacks = Array.from(queued);
+      queued.clear();
+      for (const callback2 of callbacks) {
+        callback2();
+      }
+    });
+  }
+}
+var queued = new Set;
+export {
+  queue
+};

package/dist/js/queue.mjs

@@ -0,0 +1,17 @@
+// src/js/queue.ts
+function queue(callback) {
+  queued.add(callback);
+  if (queued.size > 0) {
+    queueMicrotask(() => {
+      const callbacks = Array.from(queued);
+      queued.clear();
+      for (const callback2 of callbacks) {
+        callback2();
+      }
+    });
+  }
+}
+var queued = new Set;
+export {
+  queue
+};

package/dist/js/signal.js

@@ -1,3 +1,18 @@
+// src/js/queue.ts
+function queue(callback) {
+  queued.add(callback);
+  if (queued.size > 0) {
+    queueMicrotask(() => {
+      const callbacks = Array.from(queued);
+      queued.clear();
+      for (const callback2 of callbacks) {
+        callback2();
+      }
+    });
+  }
+}
+var queued = new Set;
+
 // src/js/signal.ts
 function computed(callback) {
   return new Computed(callback);
@@ -5,13 +20,13 @@ function computed(callback) {
 function effect(callback) {
   return new Effect(callback);
 }
-var getValue = function(instance) {
-  const last = effects[effects.length - 1];
-  if (last !== undefined) {
-    instance._effects.add(last);
-    last._values.add(instance);
+var getValue = function(reactive) {
+  const effect2 = effects[effects.length - 1];
+  if (effect2 !== undefined) {
+    reactive._effects.add(effect2);
+    effect2._reactives.add(reactive);
   }
-  return instance._value;
+  return reactive._value;
 };
 function isComputed(value) {
   return value instanceof Computed;
@@ -25,21 +40,16 @@ function isReactive(value) {
 function isSignal(value) {
   return value instanceof Signal;
 }
-var setValue = function(instance, value, run) {
-  if (!run && Object.is(value, instance._value)) {
+var setValue = function(reactive, value, run) {
+  if (!run && Object.is(value, reactive._value)) {
     return;
   }
-  instance._value = value;
-  cancelAnimationFrame(instance._frame);
-  if (!instance._active) {
-    return;
-  }
-  instance._frame = requestAnimationFrame(() => {
-    for (const effect2 of instance._effects) {
-      effect2._callback();
+  reactive._value = value;
+  if (reactive._active) {
+    for (const effect2 of reactive._effects) {
+      queue(effect2._callback);
     }
-    instance._frame = undefined;
-  });
+  }
 };
 function signal(value) {
   return new Signal(value);
@@ -48,7 +58,6 @@ function signal(value) {
 class Reactive {
   _active = true;
   _effects = new Set;
-  _frame;
   peek() {
     return this._value;
   }
@@ -80,7 +89,7 @@ class Computed extends Reactive {
 class Effect {
   _callback;
   _active = false;
-  _values = new Set;
+  _reactives = new Set;
   constructor(_callback) {
     this._callback = _callback;
     this.run();
@@ -99,10 +108,10 @@ class Effect {
       return;
     }
     this._active = false;
-    for (const value of this._values) {
+    for (const value of this._reactives) {
       value._effects.delete(this);
     }
-    this._values.clear();
+    this._reactives.clear();
   }
 }
 

package/dist/js/signal.mjs

@@ -1,17 +1,18 @@
 // src/js/signal.ts
+import {queue as queue2} from "./queue";
 function computed(callback) {
   return new Computed(callback);
 }
 function effect(callback) {
   return new Effect(callback);
 }
-var getValue = function(instance) {
-  const last = effects[effects.length - 1];
-  if (last !== undefined) {
-    instance._effects.add(last);
-    last._values.add(instance);
+var getValue = function(reactive) {
+  const effect2 = effects[effects.length - 1];
+  if (effect2 !== undefined) {
+    reactive._effects.add(effect2);
+    effect2._reactives.add(reactive);
   }
-  return instance._value;
+  return reactive._value;
 };
 function isComputed(value) {
   return value instanceof Computed;
@@ -25,21 +26,16 @@ function isReactive(value) {
 function isSignal(value) {
   return value instanceof Signal;
 }
-var setValue = function(instance, value, run) {
-  if (!run && Object.is(value, instance._value)) {
+var setValue = function(reactive, value, run) {
+  if (!run && Object.is(value, reactive._value)) {
     return;
   }
-  instance._value = value;
-  cancelAnimationFrame(instance._frame);
-  if (!instance._active) {
-    return;
-  }
-  instance._frame = requestAnimationFrame(() => {
-    for (const effect2 of instance._effects) {
-      effect2._callback();
+  reactive._value = value;
+  if (reactive._active) {
+    for (const effect2 of reactive._effects) {
+      queue2(effect2._callback);
     }
-    instance._frame = undefined;
-  });
+  }
 };
 function signal(value) {
   return new Signal(value);
@@ -48,7 +44,6 @@ function signal(value) {
 class Reactive {
   _active = true;
   _effects = new Set;
-  _frame;
   peek() {
     return this._value;
   }
@@ -80,7 +75,7 @@ class Computed extends Reactive {
 class Effect {
   _callback;
   _active = false;
-  _values = new Set;
+  _reactives = new Set;
   constructor(_callback) {
     this._callback = _callback;
     this.run();
@@ -99,10 +94,10 @@ class Effect {
       return;
     }
     this._active = false;
-    for (const value of this._values) {
+    for (const value of this._reactives) {
       value._effects.delete(this);
     }
-    this._values.clear();
+    this._reactives.clear();
   }
 }
 

package/dist/js/timer.js

@@ -1,6 +1,6 @@
 // src/js/timer.ts
 function repeat(callback, options) {
-  const count = typeof options?.count === "number" ? options.count : Infinity;
+  const count = typeof options?.count === "number" ? options.count : Number.POSITIVE_INFINITY;
   return new Timer(callback, { ...options ?? {}, ...{ count } }).start();
 }
 function wait(callback, time) {

package/dist/js/timer.mjs

@@ -1,6 +1,6 @@
 // src/js/timer.ts
 function repeat(callback, options) {
-  const count = typeof options?.count === "number" ? options.count : Infinity;
+  const count = typeof options?.count === "number" ? options.count : Number.POSITIVE_INFINITY;
   return new Timer(callback, { ...options ?? {}, ...{ count } }).start();
 }
 function wait(callback, time) {

package/dist/js/value.mjs

@@ -1,5 +1,7 @@
 // src/js/value.ts
-import {isArrayOrPlainObject} from "./is";
+import {
+isArrayOrPlainObject
+} from "./is";
 import {getString} from "./string";
 var _cloneNested = function(value) {
   const cloned = Array.isArray(value) ? [] : {};

package/package.json

@@ -54,6 +54,12 @@
 			"require": "./dist/js/proxy.js",
 			"types": "./types/proxy.d.ts"
 		},
+		"./queue": {
+			"bun": "./src/js/queue.ts",
+			"import": "./dist/js/queue.mjs",
+			"require": "./dist/js/queue.js",
+			"types": "./types/queue.d.ts"
+		},
 		"./signal": {
 			"bun": "./src/js/signal.ts",
 			"import": "./dist/js/signal.mjs",
@@ -111,5 +117,5 @@
 	},
 	"type": "module",
 	"types": "./types/index.d.ts",
-	"version": "0.27.0"
+	"version": "0.28.0"
 }

package/src/css/a11y.scss

@@ -1,8 +1,12 @@
-.visually-hidden:not(:active):not(:focus):not(:focus-within) {
-	width: 1px !important;
-	height: 1px !important;
-	clip: rect(1px, 1px 1px, 1px) !important;
-	clip-path: inset(50%) !important;
-	overflow: hidden !important;
-	white-space: nowrap !important;
-}
+.visually-hidden {
+	position: absolute !important;
+
+	&:not(:active):not(:focus):not(:focus-within) {
+		width: 1px !important;
+		height: 1px !important;
+		clip: rect(1px, 1px 1px, 1px) !important;
+		clip-path: inset(50%) !important;
+		overflow: hidden !important;
+		white-space: nowrap !important;
+	}
+}

package/src/js/array.ts

@@ -1,5 +1,5 @@
-import {PlainObject} from './is';
-import {Key} from './value';
+import type {PlainObject} from './is';
+import type {Key} from './value';
 
 type BooleanCallback<T> = (item: T, index: number, array: T[]) => boolean;
 

package/src/js/index.ts

@@ -3,6 +3,7 @@ export * from './element';
 export * from './event';
 export * from './number';
 export * from './proxy';
+export * from './queue';
 export * from './signal';
 export * from './string';
 export * from './timer';

package/src/js/proxy.ts

@@ -1,16 +1,26 @@
-import {ArrayOrPlainObject, PlainObject, isArrayOrPlainObject} from './is';
+import {
+	type ArrayOrPlainObject,
+	type PlainObject,
+	isArrayOrPlainObject,
+} from './is';
+import {queue} from './queue';
 import {clone, diff, get, merge} from './value';
 
 class Manager<T extends ArrayOrPlainObject = PlainObject> {
 	private count = 0;
 
+	declare readonly emitter: () => void;
 	readonly subscribers = new Map<string, Set<Subscriber>>();
 
 	get subscribed(): boolean {
 		return this.count > 0;
 	}
 
-	constructor(readonly owner: Proxied<T>) {}
+	constructor(readonly owner: Proxied<T>) {
+		this.emitter = function (this: Manager<T>) {
+			_emit(this as never);
+		}.bind(this);
+	}
 
 	clone(): T {
 		return _createProxy(undefined, clone(merge(this.owner))) as T;
@@ -47,7 +57,6 @@ type Proxied<T extends ArrayOrPlainObject = PlainObject> = {
 export type Subscriber<T1 = unknown, T2 = T1> = (to: T1, from: T2) => void;
 
 const cloned = new Map<Manager, unknown>();
-const frames = new Map<Manager, number>();
 
 function _createProxy<T extends ArrayOrPlainObject>(
 	existing: Manager | undefined,
@@ -144,18 +153,11 @@ function _isProxy(value: unknown): value is Proxied {
 }
 
 function _onChange(manager: Manager, value: unknown): void {
-	cancelAnimationFrame(frames.get(manager) as number);
-
 	if (!cloned.has(manager)) {
 		cloned.set(manager, value);
 	}
 
-	frames.set(
-		manager,
-		requestAnimationFrame(() => {
-			_emit(manager);
-		}),
-	);
+	queue(manager.emitter);
 }
 
 /**

package/src/js/queue.ts

@@ -0,0 +1,20 @@
+const queued = new Set<() => void>();
+
+/**
+ * Queues a callback to be executed at the next best time
+ */
+export function queue(callback: () => void): void {
+	queued.add(callback);
+
+	if (queued.size > 0) {
+		queueMicrotask(() => {
+			const callbacks = Array.from(queued);
+
+			queued.clear();
+
+			for (const callback of callbacks) {
+				callback();
+			}
+		});
+	}
+}

package/src/js/signal.ts

@@ -1,12 +1,14 @@
+import {queue} from './queue';
+
 type InternalEffect = {
+	_active: boolean;
 	_callback: () => void;
-	_values: Set<InternalReactive>;
+	_reactives: Set<InternalReactive>;
 };
 
 type InternalReactive = {
 	_active: boolean;
 	_effects: Set<InternalEffect>;
-	_frame: number | undefined;
 	_value: unknown;
 };
 
@@ -16,7 +18,6 @@ type InternalReactive = {
 abstract class Reactive<T = unknown> {
 	protected _active = true;
 	protected _effects = new Set<InternalEffect>();
-	protected _frame: number | undefined;
 	protected declare _value: T;
 
 	/**
@@ -95,7 +96,7 @@ class Computed<T> extends Reactive<T> {
  */
 class Effect {
 	private _active = false;
-	private readonly _values = new Set<InternalReactive>();
+	private readonly _reactives = new Set<InternalReactive>();
 
 	constructor(private readonly _callback: () => void) {
 		this.run();
@@ -128,11 +129,11 @@ class Effect {
 
 		this._active = false;
 
-		for (const value of this._values) {
+		for (const value of this._reactives) {
 			value._effects.delete(this as never);
 		}
 
-		this._values.clear();
+		this._reactives.clear();
 	}
 }
 
@@ -195,15 +196,15 @@ export function effect(callback: () => void): Effect {
 	return new Effect(callback);
 }
 
-function getValue(instance: InternalReactive): unknown {
-	const last = effects[effects.length - 1];
+function getValue(reactive: InternalReactive): unknown {
+	const effect = effects[effects.length - 1];
 
-	if (last !== undefined) {
-		instance._effects.add(last);
-		last._values.add(instance);
+	if (effect !== undefined) {
+		reactive._effects.add(effect);
+		effect._reactives.add(reactive);
 	}
 
-	return instance._value;
+	return reactive._value;
 }
 
 /**
@@ -220,6 +221,9 @@ export function isEffect(value: unknown): value is Effect {
 	return value instanceof Effect;
 }
 
+/**
+ * Is the value a reactive value?
+ */
 export function isReactive(value: unknown): value is Reactive<unknown> {
 	return value instanceof Reactive;
 }
@@ -231,26 +235,18 @@ export function isSignal(value: unknown): value is Signal<unknown> {
 	return value instanceof Signal;
 }
 
-function setValue<T>(instance: InternalReactive, value: T, run: boolean): void {
-	if (!run && Object.is(value, instance._value)) {
+function setValue<T>(reactive: InternalReactive, value: T, run: boolean): void {
+	if (!run && Object.is(value, reactive._value)) {
 		return;
 	}
 
-	instance._value = value;
-
-	cancelAnimationFrame(instance._frame as never);
+	reactive._value = value;
 
-	if (!instance._active) {
-		return;
-	}
-
-	instance._frame = requestAnimationFrame(() => {
-		for (const effect of instance._effects) {
-			effect._callback();
+	if (reactive._active) {
+		for (const effect of reactive._effects) {
+			queue(effect._callback);
 		}
-
-		instance._frame = undefined;
-	});
+	}
 }
 
 /**

package/src/js/timer.ts

@@ -104,7 +104,10 @@ export function repeat(
 	callback: (index: number) => void,
 	options?: Options,
 ): Timer {
-	const count = typeof options?.count === 'number' ? options.count : Infinity;
+	const count =
+		typeof options?.count === 'number'
+			? options.count
+			: Number.POSITIVE_INFINITY;
 
 	return new Timer(callback, {...(options ?? {}), ...{count}}).start();
 }

package/src/js/value.ts

@@ -1,5 +1,8 @@
-import {chunk} from './array';
-import {ArrayOrPlainObject, PlainObject, isArrayOrPlainObject} from './is';
+import {
+	type ArrayOrPlainObject,
+	type PlainObject,
+	isArrayOrPlainObject,
+} from './is';
 import {getString} from './string';
 
 export type DiffType = 'full' | 'none' | 'partial';

package/types/array.d.ts

@@ -1,4 +1,4 @@
-import { Key } from './value';
+import type { Key } from './value';
 type BooleanCallback<T> = (item: T, index: number, array: T[]) => boolean;
 type KeyCallback<T> = (item: T) => Key;
 /**

package/types/index.d.ts

@@ -3,6 +3,7 @@ export * from './element';
 export * from './event';
 export * from './number';
 export * from './proxy';
+export * from './queue';
 export * from './signal';
 export * from './string';
 export * from './timer';

package/types/proxy.d.ts

@@ -1,4 +1,4 @@
-import { ArrayOrPlainObject, PlainObject } from './is';
+import { type ArrayOrPlainObject, type PlainObject } from './is';
 export type Subscriber<T1 = unknown, T2 = T1> = (to: T1, from: T2) => void;
 /**
  * Clones and creates a new proxy

package/types/queue.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Queues a callback to be executed at the next best time
+ */
+export declare function queue(callback: () => void): void;

package/types/signal.d.ts

@@ -1,11 +1,11 @@
 type InternalEffect = {
+    _active: boolean;
     _callback: () => void;
-    _values: Set<InternalReactive>;
+    _reactives: Set<InternalReactive>;
 };
 type InternalReactive = {
     _active: boolean;
     _effects: Set<InternalEffect>;
-    _frame: number | undefined;
     _value: unknown;
 };
 /**
@@ -14,7 +14,6 @@ type InternalReactive = {
 declare abstract class Reactive<T = unknown> {
     protected _active: boolean;
     protected _effects: Set<InternalEffect>;
-    protected _frame: number | undefined;
     protected _value: T;
     /**
      * The current value
@@ -66,7 +65,7 @@ declare class Computed<T> extends Reactive<T> {
 declare class Effect {
     private readonly _callback;
     private _active;
-    private readonly _values;
+    private readonly _reactives;
     constructor(_callback: () => void);
     /**
      * Starts and runs the effect, if it was stopped
@@ -116,6 +115,9 @@ export declare function isComputed(value: unknown): value is Computed<unknown>;
  * Is the value a reactive effect?
  */
 export declare function isEffect(value: unknown): value is Effect;
+/**
+ * Is the value a reactive value?
+ */
 export declare function isReactive(value: unknown): value is Reactive<unknown>;
 /**
  * Is the value a reactive value?

package/types/value.d.ts

@@ -1,4 +1,4 @@
-import { ArrayOrPlainObject } from './is';
+import { type ArrayOrPlainObject } from './is';
 export type DiffType = 'full' | 'none' | 'partial';
 export type DiffResult<T1 = unknown, T2 = T1> = {
     original: DiffValue<T1, T2>;