elements-kit 0.0.9 → 0.0.11

package/dist/signals/lib/long-press.mjs

@@ -1,29 +0,0 @@
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/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;
-	const el = typeof target === "function" ? target() : target;
-	let timer;
-	const onPointerDown = (e) => {
-		timer = setTimeout(() => handler(e), delay);
-	};
-	const cancel = () => clearTimeout(timer);
-	const cleanups = [];
-	if (el) {
-		cleanups.push(createEventListener(el, "pointerdown", onPointerDown));
-		cleanups.push(createEventListener(el, "pointerup", cancel));
-		cleanups.push(createEventListener(el, "pointerleave", cancel));
-		cleanups.push(createEventListener(el, "pointermove", cancel));
-	}
-	const cleanup = () => {
-		clearTimeout(timer);
-		cleanups.forEach((fn) => fn());
-	};
-	return { [Symbol.dispose]: cleanup };
-}
-//#endregion
-export { createLongPress };

package/dist/signals/lib/map.d.mts

@@ -1,18 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/map.d.ts
-type ReactiveMapResult<K, V> = {
-  entries: Computed<ReadonlyMap<K, V>>;
-  get(key: K): V | undefined;
-  set(key: K, value: V): void;
-  delete(key: K): void;
-  has(key: K): boolean;
-  clear(): void;
-  size: Computed<number>;
-};
-/**
- * Reactive `Map` with mutation helpers.
- */
-declare function createMap<K, V>(initial?: Map<K, V>): ReactiveMapResult<K, V>;
-//#endregion
-export { createMap };

package/dist/signals/lib/map.mjs

@@ -1,33 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/map.ts
-/**
-* Reactive `Map` with mutation helpers.
-*/
-function createMap(initial) {
-	const s = signal(new Map(initial));
-	const get = (key) => s().get(key);
-	const set = (key, value) => {
-		const next = new Map(s());
-		next.set(key, value);
-		s(next);
-	};
-	const del = (key) => {
-		const next = new Map(s());
-		next.delete(key);
-		s(next);
-	};
-	const has = (key) => s().has(key);
-	const clear = () => s(/* @__PURE__ */ new Map());
-	const size = () => s().size;
-	return {
-		entries: s,
-		get,
-		set,
-		delete: del,
-		has,
-		clear,
-		size
-	};
-}
-//#endregion
-export { createMap };

package/dist/signals/lib/map.test.d.mts

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

package/dist/signals/lib/map.test.mjs

@@ -1,60 +0,0 @@
-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 { createMap } from "./map.mjs";
-//#region src/signals/lib/map.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createMap", () => {
-	it("starts empty by default", () => {
-		let m;
-		effectScope(() => {
-			m = createMap();
-		});
-		globalExpect(m.entries().size).toBe(0);
-		globalExpect(m.size()).toBe(0);
-	});
-	it("initializes from a Map", () => {
-		let m;
-		effectScope(() => {
-			m = createMap(new Map([["a", 1]]));
-		});
-		globalExpect(m.get("a")).toBe(1);
-	});
-	it("set adds an entry", () => {
-		let m;
-		effectScope(() => {
-			m = createMap();
-		});
-		m.set("x", 42);
-		globalExpect(m.get("x")).toBe(42);
-		globalExpect(m.size()).toBe(1);
-	});
-	it("delete removes an entry", () => {
-		let m;
-		effectScope(() => {
-			m = createMap(new Map([["a", 1], ["b", 2]]));
-		});
-		m.delete("a");
-		globalExpect(m.has("a")).toBe(false);
-		globalExpect(m.size()).toBe(1);
-	});
-	it("has returns correct boolean", () => {
-		let m;
-		effectScope(() => {
-			m = createMap(new Map([["a", 1]]));
-		});
-		globalExpect(m.has("a")).toBe(true);
-		globalExpect(m.has("z")).toBe(false);
-	});
-	it("clear empties the map", () => {
-		let m;
-		effectScope(() => {
-			m = createMap(new Map([["a", 1], ["b", 2]]));
-		});
-		m.clear();
-		globalExpect(m.size()).toBe(0);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/media.mjs

@@ -1,26 +0,0 @@
-import { d as onCleanup, f as signal } from "../../signals-CLAPw8kk.mjs";
-//#region src/signals/lib/media.ts
-const isBrowser = typeof window !== "undefined";
-/**
-* Creates a signal that tracks a CSS media query.
-*
-* @param query The media query string (e.g. '(max-width: 600px)')
-* @param defaultState The default value (for SSR/hydration)
-* @returns Computed<boolean> that is true if the query matches
-*/
-function createMediaSignal(query, defaultState) {
-	if (!isBrowser) return signal(defaultState ?? false);
-	const mql = window.matchMedia(query);
-	const state = signal(mql.matches);
-	const handler = () => {
-		state(mql.matches);
-	};
-	mql.addEventListener("change", handler);
-	const cleanup = () => {
-		mql.removeEventListener("change", handler);
-	};
-	onCleanup(cleanup);
-	return Object.assign(state, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createMediaSignal, isBrowser };

package/dist/signals/lib/motion.d.mts

@@ -1,15 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/motion.d.ts
-type MotionResult = {
-  acceleration: Computed<DeviceMotionEventAcceleration | null>;
-  accelerationIncludingGravity: Computed<DeviceMotionEventAcceleration | null>;
-  rotationRate: Computed<DeviceMotionEventRotationRate | null>;
-  interval: Computed<number | null>;
-} & Disposable;
-/**
- * Returns reactive signals driven by the `devicemotion` event.
- */
-declare function createMotion(): MotionResult;
-//#endregion
-export { createMotion };

package/dist/signals/lib/motion.mjs

@@ -1,27 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/motion.ts
-/**
-* Returns reactive signals driven by the `devicemotion` event.
-*/
-function createMotion() {
-	const acceleration = signal(null);
-	const accelerationIncludingGravity = signal(null);
-	const rotationRate = signal(null);
-	const interval = signal(null);
-	const onMotion = (e) => {
-		acceleration(e.acceleration);
-		accelerationIncludingGravity(e.accelerationIncludingGravity);
-		rotationRate(e.rotationRate);
-		interval(e.interval);
-	};
-	const cleanup = createEventListener(window, "devicemotion", onMotion);
-	return Object.assign({
-		acceleration,
-		accelerationIncludingGravity,
-		rotationRate,
-		interval
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createMotion };

package/dist/signals/lib/motion.test.d.mts

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

package/dist/signals/lib/motion.test.mjs

@@ -1,51 +0,0 @@
-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 { createMotion } from "./motion.mjs";
-//#region src/signals/lib/motion.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createMotion", () => {
-	it("starts with null values", () => {
-		let m;
-		effectScope(() => {
-			m = createMotion();
-		});
-		globalExpect(m.acceleration()).toBeNull();
-		globalExpect(m.rotationRate()).toBeNull();
-		globalExpect(m.interval()).toBeNull();
-	});
-	it("updates on devicemotion event", () => {
-		let m;
-		effectScope(() => {
-			m = createMotion();
-		});
-		const accel = {
-			x: 1,
-			y: 2,
-			z: 3
-		};
-		window.dispatchEvent(Object.assign(new Event("devicemotion"), {
-			acceleration: accel,
-			accelerationIncludingGravity: accel,
-			rotationRate: {
-				alpha: 0,
-				beta: 90,
-				gamma: -45
-			},
-			interval: 16
-		}));
-		globalExpect(m.interval()).toBe(16);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let m;
-		effectScope(() => {
-			m = createMotion();
-		});
-		m[Symbol.dispose]();
-		window.dispatchEvent(Object.assign(new Event("devicemotion"), { interval: 100 }));
-		globalExpect(m.interval()).toBeNull();
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/mouse-position.d.mts

@@ -1,14 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/mouse-position.d.ts
-type MousePositionResult = {
-  x: Computed<number>;
-  y: Computed<number>;
-} & Disposable;
-/**
- * Returns reactive `x` / `y` signals that track the mouse pointer position on
- * the document.
- */
-declare function createMousePosition(): MousePositionResult;
-//#endregion
-export { createMousePosition };

package/dist/signals/lib/mouse-position.mjs

@@ -1,22 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/mouse-position.ts
-/**
-* Returns reactive `x` / `y` signals that track the mouse pointer position on
-* the document.
-*/
-function createMousePosition() {
-	const x = signal(0);
-	const y = signal(0);
-	const handler = (e) => {
-		x(e.clientX);
-		y(e.clientY);
-	};
-	const cleanup = createEventListener(document, "mousemove", handler);
-	return Object.assign({
-		x,
-		y
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createMousePosition };

package/dist/signals/lib/mouse-position.test.d.mts

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

package/dist/signals/lib/mouse-position.test.mjs

@@ -1,44 +0,0 @@
-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 { createMousePosition } from "./mouse-position.mjs";
-//#region src/signals/lib/mouse-position.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-});
-describe("createMousePosition", () => {
-	it("starts at (0, 0)", () => {
-		let pos;
-		effectScope(() => {
-			pos = createMousePosition();
-		});
-		globalExpect(pos.x()).toBe(0);
-		globalExpect(pos.y()).toBe(0);
-	});
-	it("updates on mousemove", () => {
-		let pos;
-		effectScope(() => {
-			pos = createMousePosition();
-		});
-		document.dispatchEvent(new MouseEvent("mousemove", {
-			clientX: 100,
-			clientY: 200
-		}));
-		globalExpect(pos.x()).toBe(100);
-		globalExpect(pos.y()).toBe(200);
-	});
-	it("stops updating after Symbol.dispose", () => {
-		let pos;
-		effectScope(() => {
-			pos = createMousePosition();
-		});
-		pos[Symbol.dispose]();
-		document.dispatchEvent(new MouseEvent("mousemove", {
-			clientX: 99,
-			clientY: 77
-		}));
-		globalExpect(pos.x()).toBe(0);
-		globalExpect(pos.y()).toBe(0);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/mouse-wheel.d.mts

@@ -1,10 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/mouse-wheel.d.ts
-/**
- * Returns a `Computed<number>` tracking the cumulative vertical mouse-wheel
- * delta (positive = scrolled down).
- */
-declare function createMouseWheel(): Computed<number> & Disposable;
-//#endregion
-export { createMouseWheel };

package/dist/signals/lib/mouse-wheel.mjs

@@ -1,17 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/mouse-wheel.ts
-/**
-* Returns a `Computed<number>` tracking the cumulative vertical mouse-wheel
-* delta (positive = scrolled down).
-*/
-function createMouseWheel() {
-	const delta = signal(0);
-	const handler = (e) => {
-		delta(delta() + e.deltaY);
-	};
-	const cleanup = createEventListener(window, "wheel", handler, { passive: true });
-	return Object.assign(delta, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createMouseWheel };

package/dist/signals/lib/mouse-wheel.test.d.mts

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

package/dist/signals/lib/mouse-wheel.test.mjs

@@ -1,38 +0,0 @@
-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 { createMouseWheel } from "./mouse-wheel.mjs";
-//#region src/signals/lib/mouse-wheel.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.useRealTimers();
-});
-describe("createMouseWheel", () => {
-	it("starts at 0", () => {
-		let w;
-		effectScope(() => {
-			w = createMouseWheel();
-		});
-		globalExpect(w()).toBe(0);
-	});
-	it("accumulates deltaY on wheel events", () => {
-		let w;
-		effectScope(() => {
-			w = createMouseWheel();
-		});
-		window.dispatchEvent(new WheelEvent("wheel", { deltaY: 100 }));
-		globalExpect(w()).toBe(100);
-		window.dispatchEvent(new WheelEvent("wheel", { deltaY: -50 }));
-		globalExpect(w()).toBe(50);
-	});
-	it("stops updating after Symbol.dispose", () => {
-		let w;
-		effectScope(() => {
-			w = createMouseWheel();
-		});
-		w[Symbol.dispose]();
-		window.dispatchEvent(new WheelEvent("wheel", { deltaY: 200 }));
-		globalExpect(w()).toBe(0);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/mutation-observer.d.mts

@@ -1,8 +0,0 @@
-//#region src/signals/lib/mutation-observer.d.ts
-/**
- * Watches `target` for DOM mutations and calls `callback` with each batch of
- * `MutationRecord`s.
- */
-declare function createMutationObserver(target: Element | (() => Element | null), options: MutationObserverInit, callback: (records: MutationRecord[]) => void): Disposable;
-//#endregion
-export { createMutationObserver };

package/dist/signals/lib/network-state.d.mts

@@ -1,17 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/network-state.d.ts
-type NetworkStateResult = {
-  online: Computed<boolean>;
-  downlink: Computed<number | undefined>;
-  effectiveType: Computed<string | undefined>;
-  rtt: Computed<number | undefined>;
-  saveData: Computed<boolean | undefined>;
-} & Disposable;
-/**
- * Returns reactive signals reflecting `navigator.onLine` and the Network
- * Information API (`navigator.connection`) when available.
- */
-declare function createNetworkState(): NetworkStateResult;
-//#endregion
-export { createNetworkState };

package/dist/signals/lib/network-state.mjs

@@ -1,34 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/network-state.ts
-/**
-* Returns reactive signals reflecting `navigator.onLine` and the Network
-* Information API (`navigator.connection`) when available.
-*/
-function createNetworkState() {
-	const connection = navigator.connection;
-	const online = signal(typeof navigator !== "undefined" ? navigator.onLine : true);
-	const downlink = signal(connection?.downlink);
-	const effectiveType = signal(connection?.effectiveType);
-	const rtt = signal(connection?.rtt);
-	const saveData = signal(connection?.saveData);
-	const updateOnline = () => online(navigator.onLine);
-	const updateConnection = () => {
-		downlink(connection?.downlink);
-		effectiveType(connection?.effectiveType);
-		rtt(connection?.rtt);
-		saveData(connection?.saveData);
-	};
-	const cleanups = [createEventListener(window, "online", updateOnline), createEventListener(window, "offline", updateOnline)];
-	if (connection) cleanups.push(createEventListener(connection, "change", updateConnection));
-	const cleanup = () => cleanups.forEach((fn) => fn());
-	return Object.assign({
-		online,
-		downlink,
-		effectiveType,
-		rtt,
-		saveData
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createNetworkState };

package/dist/signals/lib/network-state.test.d.mts

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

package/dist/signals/lib/network-state.test.mjs

@@ -1,61 +0,0 @@
-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 { createNetworkState } from "./network-state.mjs";
-//#region src/signals/lib/network-state.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.restoreAllMocks();
-});
-describe("createNetworkState", () => {
-	it("reads navigator.onLine initially", () => {
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		globalExpect(n.online()).toBe(navigator.onLine);
-	});
-	it("becomes false on offline event", () => {
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => false
-		});
-		window.dispatchEvent(new Event("offline"));
-		globalExpect(n.online()).toBe(false);
-	});
-	it("becomes true on online event", () => {
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => false
-		});
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => true
-		});
-		window.dispatchEvent(new Event("online"));
-		globalExpect(n.online()).toBe(true);
-	});
-	it("stops reacting after Symbol.dispose", () => {
-		let n;
-		effectScope(() => {
-			n = createNetworkState();
-		});
-		const initial = n.online();
-		n[Symbol.dispose]();
-		Object.defineProperty(navigator, "onLine", {
-			configurable: true,
-			get: () => !initial
-		});
-		window.dispatchEvent(new Event("offline"));
-		globalExpect(n.online()).toBe(initial);
-	});
-});
-//#endregion
-export {};

package/dist/signals/lib/on-click-outside.mjs

@@ -1,20 +0,0 @@
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/on-click-outside.ts
-/**
-* Fires `handler` whenever a pointer-down event occurs outside `target`.
-*
-* Built on a `document` `pointerdown` listener so it works for both mouse and
-* touch input.  Cleanup is registered automatically when called inside an
-* effect or scope.
-*/
-function createOnClickOutside(target, handler) {
-	const getTarget = typeof target === "function" ? target : () => target;
-	const listener = (e) => {
-		const el = getTarget();
-		if (!el) return;
-		if (!el.contains(e.target)) handler(e);
-	};
-	createEventListener(document, "pointerdown", listener);
-}
-//#endregion
-export { createOnClickOutside };

package/dist/signals/lib/orientation.d.mts

@@ -1,13 +0,0 @@
-import { t as Computed } from "../../index-BtqiEEfc.mjs";
-
-//#region src/signals/lib/orientation.d.ts
-type OrientationResult = {
-  angle: Computed<number>;
-  type: Computed<OrientationType>;
-} & Disposable;
-/**
- * Returns reactive signals for the screen orientation.
- */
-declare function createOrientation(): OrientationResult;
-//#endregion
-export { createOrientation };

package/dist/signals/lib/orientation.mjs

@@ -1,21 +0,0 @@
-import { f as signal } from "../../signals-CLAPw8kk.mjs";
-import { createEventListener } from "./event-listener.mjs";
-//#region src/signals/lib/orientation.ts
-/**
-* Returns reactive signals for the screen orientation.
-*/
-function createOrientation() {
-	const angle = signal(screen.orientation?.angle ?? 0);
-	const type = signal(screen.orientation?.type ?? "portrait-primary");
-	const onChange = () => {
-		angle(screen.orientation.angle);
-		type(screen.orientation.type);
-	};
-	const cleanup = createEventListener(screen.orientation, "change", onChange);
-	return Object.assign({
-		angle,
-		type
-	}, { [Symbol.dispose]: cleanup });
-}
-//#endregion
-export { createOrientation };

package/dist/signals/lib/orientation.test.d.mts

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

package/dist/signals/lib/orientation.test.mjs

@@ -1,43 +0,0 @@
-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 { createOrientation } from "./orientation.mjs";
-//#region src/signals/lib/orientation.test.ts
-afterEach(() => {
-	document.body.innerHTML = "";
-	vi.unstubAllGlobals();
-});
-describe("createOrientation", () => {
-	it("reads initial screen orientation", () => {
-		const mockOrientation = {
-			angle: 0,
-			type: "portrait-primary",
-			addEventListener: vi.fn(),
-			removeEventListener: vi.fn()
-		};
-		vi.stubGlobal("screen", { orientation: mockOrientation });
-		let o;
-		effectScope(() => {
-			o = createOrientation();
-		});
-		globalExpect(o.angle()).toBe(0);
-		globalExpect(o.type()).toBe("portrait-primary");
-	});
-	it("removes event listener on Symbol.dispose", () => {
-		const removeListener = vi.fn();
-		const mockOrientation = {
-			angle: 0,
-			type: "portrait-primary",
-			addEventListener: vi.fn(),
-			removeEventListener: removeListener
-		};
-		vi.stubGlobal("screen", { orientation: mockOrientation });
-		let o;
-		effectScope(() => {
-			o = createOrientation();
-		});
-		o[Symbol.dispose]();
-		globalExpect(removeListener).toHaveBeenCalledWith("change", globalExpect.any(Function));
-	});
-});
-//#endregion
-export {};