elements-kit 0.0.14 → 0.0.15

package/dist/{element-C_4VbkvQ.mjs → element-ChF24-2z.mjs}

@@ -216,13 +216,8 @@ function setEvent(el, key, handler) {
 	return () => el.removeEventListener(event, handler);
 }
 //#endregion
-//#region src/jsx-runtime/ref.ts
-const $ref = Symbol("ref");
-//#endregion
 //#region src/jsx-runtime/element.ts
-function createElement(type, rawProps = {}) {
-	const ref = rawProps[$ref];
-	const props = Object.fromEntries(Object.entries(rawProps));
+function createElement(type, { ref, ...props } = {}) {
 	if (typeof type === "function" && !type.prototype?.render) return createFunctionElement(type, props, ref);
 	return createNodeElement(type, props, ref);
 }

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { n as disposeElement } from "./element-C_4VbkvQ.mjs";
+import { n as disposeElement } from "./element-ChF24-2z.mjs";
 import { _ as signal, g as onCleanup, u as effect, v as trigger, y as untracked } from "./signals-BHmWX6ox.mjs";
 //#region src/jsx-runtime/for.ts
 /**

package/dist/jsx-runtime/index.d.mts

@@ -15,10 +15,12 @@ type Child = PrimitiveNodeType | AnyFn | Child[];
 type AnyFn = (...args: any[]) => any;
 //#endregion
 //#region src/jsx-runtime/element.d.ts
-declare function createElement(type: string | Element | DocumentFragment | ComponentClass | ComponentFn, rawProps?: Record<string | symbol, unknown>): Element | DocumentFragment | null;
-//#endregion
-//#region src/jsx-runtime/ref.d.ts
-declare const $ref: unique symbol;
+declare function createElement(type: string | Element | DocumentFragment | ComponentClass | ComponentFn, {
+  ref,
+  ...props
+}?: Record<string | symbol, unknown> & {
+  ref?: (el: Element) => void;
+}): Element | DocumentFragment | null;
 //#endregion
 //#region src/jsx-runtime/fragment.d.ts
 /**
@@ -59,7 +61,7 @@ type SlotProps<K extends string> = { [P in K as `slot:${P}`]?: Child };
 type Attrs<K extends keyof JSX.IntrinsicElements> = JSX.IntrinsicElements[K];
 /** Extra props injected into every intrinsic element beyond dom-expressions defaults. */
 type OurProps = {
-  [$ref]?: (el: Element) => void;
+  ref?: (el: Element) => void;
   [slot: `slot:${string}`]: Child;
   [cls: `class:${string}`]: FunctionMaybe<boolean>;
   [sty: `style:${string}`]: FunctionMaybe<string | null>;

package/dist/jsx-runtime/index.mjs

@@ -1,4 +1,4 @@
-import { t as createElement } from "../element-C_4VbkvQ.mjs";
+import { t as createElement } from "../element-ChF24-2z.mjs";
 import { g as onCleanup } from "../signals-BHmWX6ox.mjs";
 //#region src/jsx-runtime/fragment.ts
 /**

package/dist/utilities/interval.test.mjs

@@ -1,5 +1,6 @@
 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 { async } from "./async.mjs";
 import { createInterval } from "./interval.mjs";
 //#region src/utilities/interval.test.ts
 afterEach(() => {
@@ -92,6 +93,21 @@ describe("createInterval", () => {
 		vi.advanceTimersByTime(500);
 		globalExpect(cb).toHaveBeenCalledTimes(0);
 	});
+	it("composes with async() — reruns on each tick", async () => {
+		vi.useFakeTimers();
+		const asyncOp = async;
+		let runCount = 0;
+		const timer = createInterval(100);
+		const op = asyncOp(() => {
+			timer.timestamp();
+			runCount++;
+			return Promise.resolve(runCount);
+		}).start();
+		await vi.advanceTimersByTimeAsync(350);
+		globalExpect(runCount).toBeGreaterThan(1);
+		timer[Symbol.dispose]();
+		op.stop();
+	});
 });
 //#endregion
 export {};

package/dist/utilities/timeout.test.mjs

@@ -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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "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",