elements-kit 0.0.10 → 0.0.11

package/dist/utilities/element-scroll.test.mjs

@@ -0,0 +1,25 @@
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { createElementScroll } from "./element-scroll.mjs";
+//#region src/utilities/element-scroll.test.ts
+describe("createElementScroll", () => {
+	it("starts at 0,0 for a new element", () => {
+		const el = document.createElement("div");
+		let scroll;
+		effectScope(() => {
+			scroll = createElementScroll(el);
+		});
+		globalExpect(scroll.x()).toBe(0);
+		globalExpect(scroll.y()).toBe(0);
+	});
+	it("cleans up on dispose", () => {
+		const el = document.createElement("div");
+		let scroll;
+		effectScope(() => {
+			scroll = createElementScroll(el);
+		});
+		scroll[Symbol.dispose]();
+	});
+});
+//#endregion
+export {};

package/dist/{signals/lib → utilities}/event-driven.d.mts

@@ -1,6 +1,6 @@
-import { n as Signal, t as Computed } from "../../index-BtqiEEfc.mjs";
+import { r as Signal, t as Computed } from "../index-Cvdhuy6Y.mjs";
 
-//#region src/signals/lib/event-driven.d.ts
+//#region src/utilities/event-driven.d.ts
 /**
  * A subscribe function: registers a `notify` callback and returns an
  * unsubscribe cleanup. Same contract as `useSyncExternalStore`.

package/dist/{signals/lib → utilities}/event-driven.mjs

@@ -1,5 +1,5 @@
-import { d as onCleanup, f as signal, i as computed, p as trigger } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/event-driven.ts
+import { a as computed, f as onCleanup, m as trigger, p as signal } from "../signals-DcgXhkU2.mjs";
+//#region src/utilities/event-driven.ts
 /**
 * Returns a `Subscribe` for one or more DOM events on a target.
 *

package/dist/utilities/event-listener.d.mts

@@ -0,0 +1,16 @@
+import { t as Computed } from "../index-Cvdhuy6Y.mjs";
+
+//#region src/utilities/event-listener.d.ts
+/**
+ * Attaches a type-safe event listener to a target, with automatic cleanup.
+ *
+ * When called inside an `effect` or `effectScope` the listener is removed
+ * when the scope is disposed.  When the target is a reactive getter the
+ * listener is re-registered whenever the target changes.
+ */
+declare function on<K extends keyof HTMLElementEventMap>(target: HTMLElement | Computed<HTMLElement | null>, type: K, handler: (e: HTMLElementEventMap[K]) => void, options?: AddEventListenerOptions): () => void;
+declare function on<K extends keyof DocumentEventMap>(target: Document | Computed<Document | null>, type: K, handler: (e: DocumentEventMap[K]) => void, options?: AddEventListenerOptions): () => void;
+declare function on<K extends keyof WindowEventMap>(target: Window | Computed<Window | null>, type: K, handler: (e: WindowEventMap[K]) => void, options?: AddEventListenerOptions): () => void;
+declare function on(target: EventTarget | Computed<EventTarget | null>, type: string, handler: EventListener, options?: AddEventListenerOptions): () => void;
+//#endregion
+export { on };

package/dist/{signals/lib → utilities}/event-listener.mjs

@@ -1,6 +1,6 @@
-import { a as effect, d as onCleanup } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/event-listener.ts
-function createEventListener(target, type, handler, options) {
+import { f as onCleanup, o as effect } from "../signals-DcgXhkU2.mjs";
+//#region src/utilities/event-listener.ts
+function on(target, type, handler, options) {
 	const add = (t) => options !== void 0 ? t.addEventListener(type, handler, options) : t.addEventListener(type, handler);
 	const del = (t) => options !== void 0 ? t.removeEventListener(type, handler, options) : t.removeEventListener(type, handler);
 	if (typeof target === "function") {
@@ -25,4 +25,4 @@ function createEventListener(target, type, handler, options) {
 	}
 }
 //#endregion
-export { createEventListener };
+export { on };

package/dist/{signals/lib → utilities}/event-listener.test.mjs

@@ -1,7 +1,7 @@
-import { a as effect, f as signal, o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/event-listener.test.ts
+import { o as effect, p as signal, s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { on } from "./event-listener.mjs";
+//#region src/utilities/event-listener.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 });
@@ -11,7 +11,7 @@ describe("createEventListener", () => {
 		document.body.appendChild(el);
 		const handler = vi.fn();
 		effect(() => {
-			createEventListener(el, "click", handler);
+			on(el, "click", handler);
 		});
 		el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
 		globalExpect(handler).toHaveBeenCalledOnce();
@@ -21,7 +21,7 @@ describe("createEventListener", () => {
 		document.body.appendChild(el);
 		const handler = vi.fn();
 		effect(() => {
-			createEventListener(el, "click", handler);
+			on(el, "click", handler);
 		})();
 		el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
 		globalExpect(handler).not.toHaveBeenCalled();
@@ -31,7 +31,7 @@ describe("createEventListener", () => {
 		document.body.appendChild(el);
 		const handler = vi.fn();
 		effectScope(() => {
-			createEventListener(el, "click", handler);
+			on(el, "click", handler);
 		})();
 		el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
 		globalExpect(handler).not.toHaveBeenCalled();
@@ -43,7 +43,7 @@ describe("createEventListener", () => {
 		const target = signal(el1);
 		const handler = vi.fn();
 		effectScope(() => {
-			createEventListener(() => target(), "click", handler);
+			on(() => target(), "click", handler);
 		});
 		el1.dispatchEvent(new MouseEvent("click"));
 		globalExpect(handler).toHaveBeenCalledTimes(1);

package/dist/utilities/focus-within.d.mts

@@ -0,0 +1,10 @@
+import { t as Computed } from "../index-Cvdhuy6Y.mjs";
+
+//#region src/utilities/focus-within.d.ts
+/**
+ * Returns a `Computed<boolean>` that is `true` while focus is anywhere inside
+ * `target` (including `target` itself).
+ */
+declare function createFocusWithin(target: Element): Computed<boolean>;
+//#endregion
+export { createFocusWithin };

package/dist/utilities/focus-within.mjs

@@ -0,0 +1,20 @@
+import { p as signal } from "../signals-DcgXhkU2.mjs";
+import { on } from "./event-listener.mjs";
+//#region src/utilities/focus-within.ts
+/**
+* Returns a `Computed<boolean>` that is `true` while focus is anywhere inside
+* `target` (including `target` itself).
+*/
+function createFocusWithin(target) {
+	const focused = signal(false);
+	const el = target;
+	if (el) {
+		on(el, "focusin", () => focused(true));
+		on(el, "focusout", (e) => {
+			if (!el.contains(e.relatedTarget)) focused(false);
+		});
+	}
+	return focused;
+}
+//#endregion
+export { createFocusWithin };

package/dist/{signals/lib/is-focus-within.test.mjs → utilities/focus-within.test.mjs}

@@ -1,17 +1,17 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
-import { createIsFocusWithin } from "./is-focus-within.mjs";
-//#region src/signals/lib/is-focus-within.test.ts
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { createFocusWithin } from "./focus-within.mjs";
+//#region src/utilities/focus-within.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 });
-describe("createIsFocusWithin", () => {
+describe("createFocusWithin", () => {
 	it("starts as false", () => {
 		const el = document.createElement("div");
 		document.body.appendChild(el);
 		let focused;
 		effectScope(() => {
-			focused = createIsFocusWithin(el);
+			focused = createFocusWithin(el);
 		});
 		globalExpect(focused()).toBe(false);
 	});
@@ -22,7 +22,7 @@ describe("createIsFocusWithin", () => {
 		document.body.appendChild(outer);
 		let focused;
 		effectScope(() => {
-			focused = createIsFocusWithin(outer);
+			focused = createFocusWithin(outer);
 		});
 		document.dispatchEvent(new FocusEvent("focusin", {
 			bubbles: true,
@@ -35,14 +35,13 @@ describe("createIsFocusWithin", () => {
 		outer.dispatchEvent(new FocusEvent("focusin", { bubbles: true }));
 		globalExpect(typeof focused()).toBe("boolean");
 	});
-	it("stops reacting after Symbol.dispose", () => {
+	it("stops reacting after scope disposal", () => {
 		const el = document.createElement("div");
 		document.body.appendChild(el);
 		let focused;
 		effectScope(() => {
-			focused = createIsFocusWithin(el);
-		});
-		focused[Symbol.dispose]();
+			focused = createFocusWithin(el);
+		})();
 		globalExpect(focused()).toBe(false);
 	});
 });

package/dist/utilities/hover.d.mts

@@ -0,0 +1,11 @@
+import { t as Computed } from "../index-Cvdhuy6Y.mjs";
+
+//#region src/utilities/hover.d.ts
+/**
+ * Returns a `Computed<boolean>` that is `true` while the pointer is over
+ * `target`.  Uses `pointerenter` / `pointerleave` so it works for both mouse
+ * and touch/stylus input.
+ */
+declare function createHover(target: Element): Computed<boolean>;
+//#endregion
+export { createHover };

package/dist/utilities/hover.mjs

@@ -0,0 +1,20 @@
+import { p as signal } from "../signals-DcgXhkU2.mjs";
+import { on } from "./event-listener.mjs";
+//#region src/utilities/hover.ts
+/**
+* Returns a `Computed<boolean>` that is `true` while the pointer is over
+* `target`.  Uses `pointerenter` / `pointerleave` so it works for both mouse
+* and touch/stylus input.
+*/
+function createHover(target) {
+	const hovered = signal(false);
+	const onEnter = () => hovered(true);
+	const onLeave = () => hovered(false);
+	if (target) {
+		on(target, "pointerenter", onEnter);
+		on(target, "pointerleave", onLeave);
+	}
+	return hovered;
+}
+//#endregion
+export { createHover };

package/dist/{signals/lib → utilities}/hover.test.mjs

@@ -1,7 +1,7 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
 import { createHover } from "./hover.mjs";
-//#region src/signals/lib/hover.test.ts
+//#region src/utilities/hover.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 	vi.restoreAllMocks();
@@ -37,27 +37,16 @@ describe("createHover", () => {
 		el.dispatchEvent(new PointerEvent("pointerleave"));
 		globalExpect(hovered()).toBe(false);
 	});
-	it("removes listeners on Symbol.dispose", () => {
+	it("removes listeners on scope disposal", () => {
 		const el = document.createElement("div");
 		document.body.appendChild(el);
 		let hovered;
 		effectScope(() => {
 			hovered = createHover(el);
-		});
-		hovered[Symbol.dispose]();
+		})();
 		el.dispatchEvent(new PointerEvent("pointerenter"));
 		globalExpect(hovered()).toBe(false);
 	});
-	it("works with a reactive getter target", () => {
-		const el = document.createElement("div");
-		document.body.appendChild(el);
-		let hovered;
-		effectScope(() => {
-			hovered = createHover(() => el);
-		});
-		el.dispatchEvent(new PointerEvent("pointerenter"));
-		globalExpect(hovered()).toBe(true);
-	});
 });
 //#endregion
 export {};

package/dist/utilities/intersection-observer.d.mts

@@ -0,0 +1,8 @@
+//#region src/utilities/intersection-observer.d.ts
+/**
+ * Raw `IntersectionObserver` wrapper with automatic cleanup.
+ * Use `createIsInViewport` for the common boolean case.
+ */
+declare function createIntersectionObserver(target: Element, callback: IntersectionObserverCallback, options?: IntersectionObserverInit): Disposable;
+//#endregion
+export { createIntersectionObserver };

package/dist/{signals/lib → utilities}/intersection-observer.mjs

@@ -1,13 +1,12 @@
-import { d as onCleanup } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/intersection-observer.ts
+import { f as onCleanup } from "../signals-DcgXhkU2.mjs";
+//#region src/utilities/intersection-observer.ts
 /**
 * Raw `IntersectionObserver` wrapper with automatic cleanup.
 * Use `createIsInViewport` for the common boolean case.
 */
 function createIntersectionObserver(target, callback, options) {
 	const observer = new IntersectionObserver(callback, options);
-	const el = typeof target === "function" ? target() : target;
-	if (el) observer.observe(el);
+	if (target) observer.observe(target);
 	const cleanup = () => observer.disconnect();
 	onCleanup(cleanup);
 	return { [Symbol.dispose]: cleanup };

package/dist/{signals/lib → utilities}/intersection-observer.test.mjs

@@ -1,7 +1,7 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
 import { createIntersectionObserver } from "./intersection-observer.mjs";
-//#region src/signals/lib/intersection-observer.test.ts
+//#region src/utilities/intersection-observer.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 	vi.unstubAllGlobals();

package/dist/{signals/lib → utilities}/interval.d.mts

@@ -1,6 +1,6 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
+import { t as Computed } from "../index-Cvdhuy6Y.mjs";
 
-//#region src/signals/lib/interval.d.ts
+//#region src/utilities/interval.d.ts
 type IntervalResult = {
   isRunning: Computed<boolean>;
   start(): void;

package/dist/{signals/lib → utilities}/interval.mjs

@@ -1,5 +1,5 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/interval.ts
+import { f as onCleanup, p as signal } from "../signals-DcgXhkU2.mjs";
+//#region src/utilities/interval.ts
 /**
 * Pausable `setInterval` wrapper.  Starts running immediately on creation.
 *
@@ -27,12 +27,13 @@ function createInterval(callback, delay) {
 	start();
 	const cleanup = () => stop();
 	onCleanup(cleanup);
-	return Object.assign({
+	return {
 		isRunning,
 		start,
 		stop,
-		reset
-	}, { [Symbol.dispose]: cleanup });
+		reset,
+		[Symbol.dispose]: cleanup
+	};
 }
 //#endregion
 export { createInterval };

package/dist/{signals/lib → utilities}/interval.test.mjs

@@ -1,7 +1,7 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
 import { createInterval } from "./interval.mjs";
-//#region src/signals/lib/interval.test.ts
+//#region src/utilities/interval.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 	vi.useRealTimers();

package/dist/utilities/location.d.mts

@@ -0,0 +1,24 @@
+import { t as Computed } from "../index-Cvdhuy6Y.mjs";
+
+//#region src/utilities/location.d.ts
+type LocationResult = {
+  hash: Computed<string>;
+  href: Computed<string>;
+  pathname: Computed<string>;
+  search: Computed<string>;
+};
+/**
+ * Returns reactive signals for the four commonly used `location` properties:
+ * `hash`, `href`, `pathname`, and `search`.
+ *
+ * All four share a single event listener set, so creating one `LocationResult`
+ * is cheaper than creating four separate signals.
+ *
+ * **Custom events note:** `pushstate` and `replacestate` are not native DOM
+ * events — they must be dispatched by your router or by patching `history`.
+ * Back/forward navigation via `popstate` always works without any setup.
+ */
+declare function createLocation(): LocationResult;
+declare const currentLocation: LocationResult;
+//#endregion
+export { createLocation, currentLocation };

package/dist/utilities/location.mjs

@@ -0,0 +1,54 @@
+import { a as computed, f as onCleanup, m as trigger, p as signal } from "../signals-DcgXhkU2.mjs";
+import { fromEvent } from "./event-driven.mjs";
+//#region src/utilities/location.ts
+const EVENTS = [
+	"popstate",
+	"pushstate",
+	"replacestate",
+	"hashchange"
+];
+const read = (prop) => typeof location !== "undefined" ? String(location[prop]) : "";
+/**
+* Returns reactive signals for the four commonly used `location` properties:
+* `hash`, `href`, `pathname`, and `search`.
+*
+* All four share a single event listener set, so creating one `LocationResult`
+* is cheaper than creating four separate signals.
+*
+* **Custom events note:** `pushstate` and `replacestate` are not native DOM
+* events — they must be dispatched by your router or by patching `history`.
+* Back/forward navigation via `popstate` always works without any setup.
+*/
+function createLocation() {
+	const tick = signal(void 0);
+	onCleanup(fromEvent(window, EVENTS)(() => trigger(tick)));
+	const hash = computed(() => {
+		tick();
+		return read("hash");
+	});
+	const href = computed(() => {
+		tick();
+		return read("href");
+	});
+	const pathname = computed(() => {
+		tick();
+		return read("pathname");
+	});
+	const search = computed(() => {
+		tick();
+		return read("search");
+	});
+	hash();
+	href();
+	pathname();
+	search();
+	return {
+		hash,
+		href,
+		pathname,
+		search
+	};
+}
+const currentLocation = createLocation();
+//#endregion
+export { createLocation, currentLocation };

package/dist/utilities/location.test.mjs

@@ -0,0 +1,60 @@
+import { o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { createLocation, currentLocation } from "./location.mjs";
+//#region src/utilities/location.test.ts
+afterEach(() => {
+	location.hash = "";
+	history.replaceState(null, "", "/");
+});
+describe("currentLocation (singleton)", () => {
+	it("reads current hash", () => {
+		globalExpect(currentLocation.hash()).toBe(location.hash);
+	});
+	it("reads current href", () => {
+		globalExpect(typeof currentLocation.href()).toBe("string");
+	});
+	it("reads current pathname", () => {
+		globalExpect(typeof currentLocation.pathname()).toBe("string");
+	});
+	it("reads current search", () => {
+		globalExpect(typeof currentLocation.search()).toBe("string");
+	});
+	it("updates hash on hashchange", () => {
+		location.hash = "#foo";
+		window.dispatchEvent(new HashChangeEvent("hashchange"));
+		globalExpect(currentLocation.hash()).toBe("#foo");
+	});
+	it("updates href on popstate", () => {
+		history.replaceState(null, "", "/foo");
+		window.dispatchEvent(new PopStateEvent("popstate"));
+		globalExpect(currentLocation.href()).toMatch(/\/foo$/);
+	});
+	it("updates pathname on popstate", () => {
+		history.replaceState(null, "", "/new-page");
+		window.dispatchEvent(new PopStateEvent("popstate"));
+		globalExpect(currentLocation.pathname()).toBe("/new-page");
+	});
+	it("updates href on hashchange", () => {
+		history.replaceState(null, "", "/bar#baz");
+		window.dispatchEvent(new HashChangeEvent("hashchange"));
+		globalExpect(currentLocation.href()).toMatch(/#baz$/);
+	});
+});
+describe("createLocation (factory)", () => {
+	it("returns independent location signals", () => {
+		const loc = createLocation();
+		globalExpect(typeof loc.hash()).toBe("string");
+		globalExpect(typeof loc.href()).toBe("string");
+		globalExpect(typeof loc.pathname()).toBe("string");
+		globalExpect(typeof loc.search()).toBe("string");
+	});
+	it("all four properties update from a single event", () => {
+		const loc = createLocation();
+		history.replaceState(null, "", "/factory-test?q=1#section");
+		window.dispatchEvent(new PopStateEvent("popstate"));
+		globalExpect(loc.pathname()).toBe("/factory-test");
+		globalExpect(loc.search()).toBe("?q=1");
+		globalExpect(loc.hash()).toBe("#section");
+	});
+});
+//#endregion
+export {};

package/dist/utilities/long-press.d.mts

@@ -0,0 +1,10 @@
+//#region src/utilities/long-press.d.ts
+/**
+ * Fires `handler` when a pointer is held over `target` for at least `delay`
+ * milliseconds (default: 500 ms).
+ */
+declare function createLongPress(target: Element, handler: (e: PointerEvent) => void, options?: {
+  delay?: number;
+}): () => void;
+//#endregion
+export { createLongPress };

package/dist/utilities/long-press.mjs

@@ -0,0 +1,27 @@
+import { createTimeout } from "./timeout.mjs";
+import { on } from "./event-listener.mjs";
+//#region src/utilities/long-press.ts
+/**
+* Fires `handler` when a pointer is held over `target` for at least `delay`
+* milliseconds (default: 500 ms).
+*/
+function createLongPress(target, handler, options = {}) {
+	const { delay = 500 } = options;
+	let lastEvent;
+	const { reset, stop } = createTimeout(() => handler(lastEvent), delay, false);
+	const cleanups = [
+		on(target, "pointerdown", (e) => {
+			lastEvent = e;
+			reset();
+		}),
+		on(target, "pointerup", stop),
+		on(target, "pointerleave", stop),
+		on(target, "pointermove", stop)
+	];
+	return () => {
+		stop();
+		cleanups.forEach((fn) => fn());
+	};
+}
+//#endregion
+export { createLongPress };

package/dist/{signals/lib → utilities}/long-press.test.mjs

@@ -1,7 +1,7 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
 import { createLongPress } from "./long-press.mjs";
-//#region src/signals/lib/long-press.test.ts
+//#region src/utilities/long-press.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 	vi.useRealTimers();

package/dist/{signals/lib → utilities}/media-devices.d.mts

@@ -1,10 +1,10 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
+import { t as Computed } from "../index-Cvdhuy6Y.mjs";
 
-//#region src/signals/lib/media-devices.d.ts
+//#region src/utilities/media-devices.d.ts
 /**
  * Returns a reactive list of available media devices, refreshed whenever
  * devices are added or removed.
  */
-declare function createMediaDevices(): Computed<MediaDeviceInfo[]> & Disposable;
+declare function createMediaDevices(): Computed<MediaDeviceInfo[]>;
 //#endregion
 export { createMediaDevices };

package/dist/{signals/lib → utilities}/media-devices.mjs

@@ -1,6 +1,6 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/media-devices.ts
+import { p as signal } from "../signals-DcgXhkU2.mjs";
+import { on } from "./event-listener.mjs";
+//#region src/utilities/media-devices.ts
 /**
 * Returns a reactive list of available media devices, refreshed whenever
 * devices are added or removed.
@@ -11,8 +11,8 @@ function createMediaDevices() {
 		navigator.mediaDevices.enumerateDevices().then((list) => devices(list));
 	};
 	refresh();
-	const cleanup = createEventListener(navigator.mediaDevices, "devicechange", refresh);
-	return Object.assign(devices, { [Symbol.dispose]: cleanup });
+	on(navigator.mediaDevices, "devicechange", refresh);
+	return devices;
 }
 //#endregion
 export { createMediaDevices };

package/dist/{signals/lib → utilities}/media-devices.test.mjs

@@ -1,7 +1,7 @@
-import { o as effectScope } from "../../signals-CLAPw8kk.mjs";
-import { a as describe, n as vi, o as it, r as afterEach, t as globalExpect } from "../../test.BmQO5GaM-CR2qjV1t.mjs";
+import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
 import { createMediaDevices } from "./media-devices.mjs";
-//#region src/signals/lib/media-devices.test.ts
+//#region src/utilities/media-devices.test.ts
 afterEach(() => {
 	document.body.innerHTML = "";
 	vi.unstubAllGlobals();
@@ -25,18 +25,16 @@ describe("createMediaDevices", () => {
 		await new Promise((res) => setTimeout(res, 0));
 		globalExpect(d()).toEqual(mockDevices);
 	});
-	it("removes devicechange listener on Symbol.dispose", () => {
+	it("removes devicechange listener on scope disposal", () => {
 		const removeListener = vi.fn();
 		vi.stubGlobal("navigator", { mediaDevices: {
 			enumerateDevices: vi.fn().mockResolvedValue([]),
 			addEventListener: vi.fn(),
 			removeEventListener: removeListener
 		} });
-		let d;
 		effectScope(() => {
-			d = createMediaDevices();
-		});
-		d[Symbol.dispose]();
+			createMediaDevices();
+		})();
 		globalExpect(removeListener).toHaveBeenCalledWith("devicechange", globalExpect.any(Function));
 	});
 });