elements-kit 0.0.14 → 0.0.16

package/dist/utilities/media-player.d.mts

@@ -1,4 +1,4 @@
-import { r as Signal, t as Computed } from "../index-DUshSQ_6.mjs";
+import { r as Signal, t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/media-player.d.ts
 type MediaPlayerResult<T extends HTMLMediaElement> = {

package/dist/utilities/media-player.test.mjs

@@ -1,5 +1,5 @@
-import { d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope } from "../signals-J8dK_rA4.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createMediaPlayer } from "./media-player.mjs";
 //#region src/utilities/media-player.test.ts
 afterEach(() => {

package/dist/utilities/media-query.d.mts

@@ -1,7 +1,6 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/media-query.d.ts
-declare const isBrowser: boolean;
 /**
  * Creates a signal that tracks a CSS media query.
  *
@@ -11,4 +10,4 @@ declare const isBrowser: boolean;
  */
 declare function createMediaQuery(query: string, defaultState?: boolean): Computed<boolean>;
 //#endregion
-export { createMediaQuery, isBrowser };
+export { createMediaQuery };

package/dist/utilities/media-query.mjs

@@ -1,7 +1,7 @@
-import { _ as signal } from "../signals-BHmWX6ox.mjs";
+import { v as signal } from "../signals-J8dK_rA4.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
+import { isBrowser } from "./environment.mjs";
 //#region src/utilities/media-query.ts
-const isBrowser = typeof window !== "undefined";
 /**
 * Creates a signal that tracks a CSS media query.
 *
@@ -16,4 +16,4 @@ function createMediaQuery(query, defaultState) {
 	return state;
 }
 //#endregion
-export { createMediaQuery, isBrowser };
+export { createMediaQuery };

package/dist/utilities/mutation-observer.mjs

@@ -1,16 +1,13 @@
-import { g as onCleanup } from "../signals-BHmWX6ox.mjs";
+import { observe } from "./_observe.mjs";
 //#region src/utilities/mutation-observer.ts
 /**
 * Watches `target` for DOM mutations and calls `callback` with each batch of
 * `MutationRecord`s.
 */
 function createMutationObserver(target, options, callback) {
-	const observer = new MutationObserver((records) => callback(records));
-	const el = target;
-	if (el) observer.observe(el, options);
-	const cleanup = () => observer.disconnect();
-	onCleanup(cleanup);
-	return { [Symbol.dispose]: cleanup };
+	return observe(new MutationObserver((records) => callback(records)), (o) => {
+		if (target) o.observe(target, options);
+	});
 }
 //#endregion
 export { createMutationObserver };

package/dist/utilities/mutation-observer.test.mjs

@@ -1,5 +1,5 @@
-import { d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope } from "../signals-J8dK_rA4.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createMutationObserver } from "./mutation-observer.mjs";
 //#region src/utilities/mutation-observer.test.ts
 afterEach(() => {

package/dist/utilities/network.d.mts

@@ -1,9 +1,9 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/network.d.ts
 /**
  * Singleton `Computed<boolean>` — `true` when `navigator.onLine` is true.
- * Reacts to `online` / `offline` window events.
+ * Reacts to `online` / `offline` window events. Outside a browser, always `true`.
  */
 declare const online: Computed<boolean>;
 //#endregion

package/dist/utilities/network.mjs

@@ -1,8 +1,10 @@
-import { _ as signal } from "../signals-BHmWX6ox.mjs";
+import { v as signal } from "../signals-J8dK_rA4.mjs";
 import { on } from "./event-listener.mjs";
+import { isBrowser } from "./environment.mjs";
 //#region src/utilities/network.ts
 function createOnline() {
-	const value = signal(typeof navigator !== "undefined" ? navigator.onLine : true);
+	if (!isBrowser) return signal(true);
+	const value = signal(navigator.onLine);
 	const update = () => value(navigator.onLine);
 	on(window, "online", update);
 	on(window, "offline", update);
@@ -10,7 +12,7 @@ function createOnline() {
 }
 /**
 * Singleton `Computed<boolean>` — `true` when `navigator.onLine` is true.
-* Reacts to `online` / `offline` window events.
+* Reacts to `online` / `offline` window events. Outside a browser, always `true`.
 */
 const online = createOnline();
 //#endregion

package/dist/utilities/network.test.mjs

@@ -1,4 +1,4 @@
-import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { online } from "./network.mjs";
 //#region src/utilities/network.test.ts
 afterEach(() => {

package/dist/utilities/on-click-outside.test.mjs

@@ -1,5 +1,5 @@
-import { d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope } from "../signals-J8dK_rA4.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { onClickOutside } from "./on-click-outside.mjs";
 //#region src/utilities/on-click-outside.test.ts
 afterEach(() => {

package/dist/utilities/orientation.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/orientation.d.ts
 type OrientationResult = {

package/dist/utilities/orientation.mjs

@@ -1,9 +1,17 @@
+import { u as computed } from "../signals-J8dK_rA4.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
+import { isBrowser } from "./environment.mjs";
 //#region src/utilities/orientation.ts
 /**
-* Returns reactive signals for the screen orientation.
+* Returns reactive signals for the screen orientation. Outside a browser,
+* returns `{ angle: 0, type: "portrait-primary" }` and a no-op disposer.
 */
 function createOrientation() {
+	if (!isBrowser) return {
+		angle: computed(() => 0),
+		type: computed(() => "portrait-primary"),
+		[Symbol.dispose]() {}
+	};
 	const subscribe = fromEvent(screen.orientation, "change");
 	const [angle, stopAngle] = sync(subscribe, () => screen.orientation?.angle ?? 0);
 	const [type, stopType] = sync(subscribe, () => screen.orientation?.type ?? "portrait-primary");

package/dist/utilities/previous.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/previous.d.ts
 /**

package/dist/utilities/previous.mjs

@@ -1,4 +1,4 @@
-import { _ as signal, u as effect } from "../signals-BHmWX6ox.mjs";
+import { d as effect, v as signal } from "../signals-J8dK_rA4.mjs";
 //#region src/utilities/previous.ts
 /**
 * Returns a `Computed` that always holds the *previous* value of `source`.

package/dist/utilities/previous.test.mjs

@@ -1,5 +1,5 @@
-import { _ as signal, d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope, v as signal } from "../signals-J8dK_rA4.mjs";
+import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createPrevious } from "./previous.mjs";
 //#region src/utilities/previous.test.ts
 describe("createPrevious", () => {

package/dist/utilities/promise.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/promise.d.ts
 /**

package/dist/utilities/promise.mjs

@@ -1,4 +1,4 @@
-import { _ as signal, c as batch, l as computed } from "../signals-BHmWX6ox.mjs";
+import { l as batch, u as computed, v as signal } from "../signals-J8dK_rA4.mjs";
 //#region src/utilities/promise.ts
 /**
 * A `Promise` subclass that exposes its state as reactive signals.

package/dist/utilities/promise.test.mjs

@@ -1,5 +1,5 @@
-import { u as effect } from "../signals-BHmWX6ox.mjs";
-import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { d as effect } from "../signals-J8dK_rA4.mjs";
+import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { ReactivePromise, promise } from "./promise.mjs";
 //#region src/utilities/promise.test.ts
 describe("ReactivePromise", () => {

package/dist/utilities/resize-observer.mjs

@@ -1,15 +1,13 @@
-import { g as onCleanup } from "../signals-BHmWX6ox.mjs";
+import { observe } from "./_observe.mjs";
 //#region src/utilities/resize-observer.ts
 /**
 * Raw `ResizeObserver` wrapper with automatic cleanup.
 * Use `createElementRect` for the common case.
 */
 function createResizeObserver(target, callback) {
-	const observer = new ResizeObserver(callback);
-	if (target) observer.observe(target);
-	const cleanup = () => observer.disconnect();
-	onCleanup(cleanup);
-	return { [Symbol.dispose]: cleanup };
+	return observe(new ResizeObserver(callback), (o) => {
+		if (target) o.observe(target);
+	});
 }
 //#endregion
 export { createResizeObserver };

package/dist/utilities/retry.mjs

@@ -1,4 +1,4 @@
-import { u as effect, y as untracked } from "../signals-BHmWX6ox.mjs";
+import { b as untracked, d as effect } from "../signals-J8dK_rA4.mjs";
 //#region src/utilities/retry.ts
 /**
 * Wraps `fn` to retry up to `attempts` times on failure.

package/dist/utilities/retry.test.mjs

@@ -1,5 +1,5 @@
-import { g as onCleanup } from "../signals-BHmWX6ox.mjs";
-import { n as vi, o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { _ as onCleanup } from "../signals-J8dK_rA4.mjs";
+import { n as vi, o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { retry } from "./retry.mjs";
 //#region src/utilities/retry.test.ts
 describe("retry", () => {

package/dist/utilities/routing.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/routing.d.ts
 declare function patchHistory(): void;

package/dist/utilities/routing.mjs

@@ -1,4 +1,4 @@
-import { l as computed } from "../signals-BHmWX6ox.mjs";
+import { u as computed } from "../signals-J8dK_rA4.mjs";
 import { currentLocation } from "./location.mjs";
 //#region src/utilities/routing.ts
 const patchHistoryMethod = (method) => {

package/dist/utilities/routing.test.mjs

@@ -1,4 +1,4 @@
-import { i as beforeAll, n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { i as beforeAll, n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { isLocalNavigationEvent, match, matches, navigate, patchHistory } from "./routing.mjs";
 //#region src/utilities/routing.test.ts
 beforeAll(() => {

package/dist/utilities/search-params.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/search-params.d.ts
 /**

package/dist/utilities/search-params.test.mjs

@@ -1,5 +1,5 @@
-import { d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope } from "../signals-J8dK_rA4.mjs";
+import { o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createSearchParam } from "./search-params.mjs";
 //#region src/utilities/search-params.test.ts
 afterEach(() => {

package/dist/utilities/ssr.test.d.mts

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

package/dist/utilities/ssr.test.mjs

@@ -0,0 +1,64 @@
+import { c as test, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
+//#region src/utilities/ssr.test.ts
+// @vitest-environment node
+test.each([
+	"./active-element.ts",
+	"./async.ts",
+	"./debounced.ts",
+	"./element-rect.ts",
+	"./element-scroll.ts",
+	"./environment.ts",
+	"./event-driven.ts",
+	"./event-listener.ts",
+	"./focus-within.ts",
+	"./hover.ts",
+	"./intersection-observer.ts",
+	"./interval.ts",
+	"./location.ts",
+	"./long-press.ts",
+	"./media-devices.ts",
+	"./media-player.ts",
+	"./media-query.ts",
+	"./mutation-observer.ts",
+	"./network.ts",
+	"./on-click-outside.ts",
+	"./orientation.ts",
+	"./previous.ts",
+	"./promise.ts",
+	"./resize-observer.ts",
+	"./retry.ts",
+	"./routing.ts",
+	"./search-params.ts",
+	"./storage.ts",
+	"./throttled.ts",
+	"./timeout.ts",
+	"./window-focus.ts",
+	"./window-size.ts"
+])("imports %s in Node without crashing", async (path) => {
+	await globalExpect(import(path)).resolves.toBeDefined();
+});
+test("singletons return neutral values in Node", async () => {
+	const { windowSize } = await import("./window-size.mjs");
+	globalExpect(windowSize.width()).toBe(0);
+	globalExpect(windowSize.height()).toBe(0);
+	const { online } = await import("./network.mjs");
+	globalExpect(online()).toBe(true);
+	const { windowFocused } = await import("./window-focus.mjs");
+	globalExpect(windowFocused()).toBe(true);
+	const { activeElement } = await import("./active-element.mjs");
+	globalExpect(activeElement()).toBe(null);
+	const { orientation } = await import("./orientation.mjs");
+	globalExpect(orientation.angle()).toBe(0);
+	globalExpect(orientation.type()).toBe("portrait-primary");
+	const { currentLocation } = await import("./location.mjs");
+	globalExpect(currentLocation.href()).toBe("");
+	globalExpect(currentLocation.pathname()).toBe("");
+	globalExpect(currentLocation.search()).toBe("");
+	globalExpect(currentLocation.hash()).toBe("");
+});
+test("isBrowser is false in Node", async () => {
+	const { isBrowser } = await import("./environment.mjs");
+	globalExpect(isBrowser).toBe(false);
+});
+//#endregion
+export {};

package/dist/utilities/storage.d.mts

@@ -1,4 +1,4 @@
-import { r as Signal } from "../index-DUshSQ_6.mjs";
+import { r as Signal } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/storage.d.ts
 type StorageOptions<T> = {

package/dist/utilities/storage.test.mjs

@@ -1,5 +1,5 @@
-import { d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope } from "../signals-J8dK_rA4.mjs";
+import { o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createLocalStorage, createSessionStorage } from "./storage.mjs";
 //#region src/utilities/storage.test.ts
 describe("createLocalStorage", () => {

package/dist/utilities/throttled.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/throttled.d.ts
 /**

package/dist/utilities/throttled.mjs

@@ -1,4 +1,4 @@
-import { _ as signal, u as effect } from "../signals-BHmWX6ox.mjs";
+import { d as effect, v as signal } from "../signals-J8dK_rA4.mjs";
 import { createTimeout } from "./timeout.mjs";
 //#region src/utilities/throttled.ts
 /**

package/dist/utilities/throttled.test.mjs

@@ -1,5 +1,5 @@
-import { _ as signal, d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { a as beforeEach, n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope, v as signal } from "../signals-J8dK_rA4.mjs";
+import { a as beforeEach, n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createThrottled } from "./throttled.mjs";
 //#region src/utilities/throttled.test.ts
 beforeEach(() => {

package/dist/utilities/timeout.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/timeout.d.ts
 type TimeoutResult = {

package/dist/utilities/timeout.mjs

@@ -1,4 +1,4 @@
-import { _ as signal, g as onCleanup } from "../signals-BHmWX6ox.mjs";
+import { _ as onCleanup, v as signal } from "../signals-J8dK_rA4.mjs";
 //#region src/utilities/timeout.ts
 /**
 * Reactive `setTimeout` wrapper with pause/resume/reset control.

package/dist/utilities/timeout.test.mjs

@@ -1,5 +1,5 @@
-import { d as effectScope } from "../signals-BHmWX6ox.mjs";
-import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { f as effectScope } from "../signals-J8dK_rA4.mjs";
+import { n as vi, o as describe, r as afterEach, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { createTimeout } from "./timeout.mjs";
 //#region src/utilities/timeout.test.ts
 afterEach(() => {
@@ -59,6 +59,61 @@ describe("createTimeout", () => {
 		vi.advanceTimersByTime(300);
 		globalExpect(cb).toHaveBeenCalledOnce();
 	});
+	it("immediate=false does not start automatically", () => {
+		vi.useFakeTimers();
+		const cb = vi.fn();
+		let t;
+		effectScope(() => {
+			t = createTimeout(cb, 200, false);
+		});
+		globalExpect(t.pending()).toBe(false);
+		vi.advanceTimersByTime(300);
+		globalExpect(cb).not.toHaveBeenCalled();
+	});
+	it("start() fires after delay when called manually", () => {
+		vi.useFakeTimers();
+		const cb = vi.fn();
+		let t;
+		effectScope(() => {
+			t = createTimeout(cb, 200, false);
+		});
+		t.start();
+		globalExpect(t.pending()).toBe(true);
+		vi.advanceTimersByTime(200);
+		globalExpect(cb).toHaveBeenCalledOnce();
+		globalExpect(t.pending()).toBe(false);
+	});
+	it("Symbol.dispose cancels the timeout", () => {
+		vi.useFakeTimers();
+		const cb = vi.fn();
+		let t;
+		effectScope(() => {
+			t = createTimeout(cb, 500);
+		});
+		t[Symbol.dispose]();
+		vi.advanceTimersByTime(1e3);
+		globalExpect(cb).not.toHaveBeenCalled();
+	});
+	it("stops when scope is disposed", () => {
+		vi.useFakeTimers();
+		const cb = vi.fn();
+		effectScope(() => {
+			createTimeout(cb, 200);
+		})();
+		vi.advanceTimersByTime(500);
+		globalExpect(cb).not.toHaveBeenCalled();
+	});
+	it("dynamic delay function is called at start", () => {
+		vi.useFakeTimers();
+		const cb = vi.fn();
+		const getDelay = vi.fn().mockReturnValue(300);
+		effectScope(() => {
+			createTimeout(cb, getDelay);
+		});
+		vi.advanceTimersByTime(300);
+		globalExpect(cb).toHaveBeenCalledOnce();
+		globalExpect(getDelay).toHaveBeenCalledOnce();
+	});
 });
 //#endregion
 export {};

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

@@ -1,9 +1,9 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/window-focus.d.ts
 /**
  * Singleton `Computed<boolean>` — `true` while the browser window has focus.
- * Reacts to `focus` / `blur` window events.
+ * Reacts to `focus` / `blur` window events. Outside a browser, always `true`.
  */
 declare const windowFocused: Computed<boolean>;
 //#endregion

package/dist/utilities/window-focus.mjs

@@ -1,15 +1,17 @@
-import { _ as signal } from "../signals-BHmWX6ox.mjs";
+import { v as signal } from "../signals-J8dK_rA4.mjs";
 import { on } from "./event-listener.mjs";
+import { isBrowser } from "./environment.mjs";
 //#region src/utilities/window-focus.ts
 function createWindowFocused() {
-	const value = signal(typeof document !== "undefined" ? document.hasFocus() : true);
+	if (!isBrowser) return signal(true);
+	const value = signal(document.hasFocus());
 	on(window, "focus", () => value(true));
 	on(window, "blur", () => value(false));
 	return value;
 }
 /**
 * Singleton `Computed<boolean>` — `true` while the browser window has focus.
-* Reacts to `focus` / `blur` window events.
+* Reacts to `focus` / `blur` window events. Outside a browser, always `true`.
 */
 const windowFocused = createWindowFocused();
 //#endregion

package/dist/utilities/window-size.d.mts

@@ -1,4 +1,4 @@
-import { t as Computed } from "../index-DUshSQ_6.mjs";
+import { t as Computed } from "../index-DydGTqZU.mjs";
 
 //#region src/utilities/window-size.d.ts
 type WindowSizeResult = {

package/dist/utilities/window-size.mjs

@@ -1,15 +1,20 @@
-import { l as computed } from "../signals-BHmWX6ox.mjs";
+import { u as computed } from "../signals-J8dK_rA4.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
+import { isBrowser } from "./environment.mjs";
 //#region src/utilities/window-size.ts
 /**
 * Returns reactive `width` and `height` signals tracking the browser window
-* inner dimensions.
+* inner dimensions. Outside a browser, returns zeros and a no-op disposer.
 */
 function createWindowSize() {
-	const isBrowser = typeof window !== "undefined";
+	if (!isBrowser) return {
+		width: computed(() => 0),
+		height: computed(() => 0),
+		[Symbol.dispose]() {}
+	};
 	const [size, stop] = sync(fromEvent(window, "resize"), () => ({
-		w: isBrowser ? window.innerWidth : 0,
-		h: isBrowser ? window.innerHeight : 0
+		w: window.innerWidth,
+		h: window.innerHeight
 	}));
 	return {
 		width: computed(() => size().w),

package/dist/utilities/window-size.test.mjs

@@ -1,4 +1,4 @@
-import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-ANkhHvbr.mjs";
+import { o as describe, s as it, t as globalExpect } from "../test.BmQO5GaM-DfGStnii.mjs";
 import { windowSize } from "./window-size.mjs";
 //#region src/utilities/window-size.test.ts
 describe("windowSize (singleton)", () => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
   "keywords": [
     "webcomponents",
@@ -38,11 +38,21 @@
       "import": "./dist/slot.mjs",
       "types": "./dist/slot.d.ts"
     },
+    "./for": {
+      "source": "./src/for.ts",
+      "import": "./dist/for.mjs",
+      "types": "./dist/for.d.ts"
+    },
     "./attributes": {
       "source": "./src/attributes.ts",
       "import": "./dist/attributes.mjs",
       "types": "./dist/attributes.d.ts"
     },
+    "./custom-elements": {
+      "source": "./src/custom-elements.ts",
+      "import": "./dist/custom-elements.mjs",
+      "types": "./dist/custom-elements.d.ts"
+    },
     "./jsx-runtime": {
       "source": "./src/jsx-runtime/index.ts",
       "import": "./dist/jsx-runtime/index.mjs",

package/dist/lib-JA05lzCN.d.mts

@@ -1,4 +0,0 @@
-//#region src/lib.d.ts
-type PrimitiveNodeType = Node | string | boolean | number | bigint | symbol | Date | RegExp | null | undefined;
-//#endregion
-export { PrimitiveNodeType as t };