elements-kit 0.0.12 → 0.0.14

package/dist/utilities/retry.test.mjs

@@ -0,0 +1,83 @@
+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 { retry } from "./retry.mjs";
+//#region src/utilities/retry.test.ts
+describe("retry", () => {
+	it("resolves immediately on first success", async () => {
+		globalExpect(await retry(() => Promise.resolve(42), 3)()).toBe(42);
+	});
+	it("retries after failure and resolves on later success", async () => {
+		let calls = 0;
+		globalExpect(await retry(() => {
+			calls++;
+			if (calls < 3) return Promise.reject(/* @__PURE__ */ new Error("fail"));
+			return Promise.resolve(calls);
+		}, 3)()).toBe(3);
+		globalExpect(calls).toBe(3);
+	});
+	it("rejects after exhausting all attempts", async () => {
+		const err = /* @__PURE__ */ new Error("always fails");
+		await globalExpect(retry(() => Promise.reject(err), 3)()).rejects.toBe(err);
+	});
+	it("rejects with the last error", async () => {
+		let i = 0;
+		const errors = [
+			/* @__PURE__ */ new Error("a"),
+			/* @__PURE__ */ new Error("b"),
+			/* @__PURE__ */ new Error("c")
+		];
+		await globalExpect(retry(() => Promise.reject(errors[i++]), 3)()).rejects.toBe(errors[2]);
+	});
+	it("delays between failures but not after the last", async () => {
+		const delayFn = vi.fn().mockReturnValue(0);
+		await retry(() => Promise.reject(/* @__PURE__ */ new Error("x")), 3, delayFn)().catch(() => {});
+		globalExpect(delayFn).toHaveBeenCalledTimes(2);
+	});
+	it("supports dynamic delay via function — passes attempt index", async () => {
+		const delayFn = vi.fn().mockReturnValue(0);
+		await retry(() => Promise.reject(/* @__PURE__ */ new Error("x")), 3, delayFn)().catch(() => {});
+		globalExpect(delayFn).toHaveBeenNthCalledWith(1, 0);
+		globalExpect(delayFn).toHaveBeenNthCalledWith(2, 1);
+	});
+	it("onCleanup inside fn fires before each retry", async () => {
+		const cleaned = [];
+		let attempt = 0;
+		await retry(() => {
+			const i = attempt++;
+			onCleanup(() => cleaned.push(i));
+			if (i < 2) return Promise.reject(/* @__PURE__ */ new Error("fail"));
+			return Promise.resolve(i);
+		}, 3)();
+		globalExpect(cleaned).toContain(0);
+		globalExpect(cleaned).toContain(1);
+	});
+	it("composes with async()", async () => {
+		const asyncOp = (await import("./async.mjs")).async;
+		let calls = 0;
+		const op = asyncOp(() => retry(() => {
+			calls++;
+			if (calls < 2) return Promise.reject(/* @__PURE__ */ new Error("fail"));
+			return Promise.resolve(calls);
+		}, 3)());
+		op.start();
+		await op;
+		globalExpect(op.value).toBe(2);
+		op.stop();
+	});
+	it("AbortController cleanup fires between retries when composed with async()", async () => {
+		const asyncOp = (await import("./async.mjs")).async;
+		const aborted = [];
+		let attempt = 0;
+		const op = asyncOp(() => {
+			const i = attempt++;
+			onCleanup(() => aborted.push(i));
+			if (i < 2) return Promise.reject(/* @__PURE__ */ new Error("fail"));
+			return Promise.resolve(i);
+		});
+		op.start();
+		await op.catch(() => {});
+		op.stop();
+	});
+});
+//#endregion
+export {};

package/dist/utilities/routing.d.mts

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

package/dist/utilities/routing.mjs

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

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

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

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

@@ -1,4 +1,4 @@
-import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+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 { createSearchParam } from "./search-params.mjs";
 //#region src/utilities/search-params.test.ts

package/dist/utilities/storage.d.mts

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

package/dist/utilities/storage.test.mjs

@@ -1,4 +1,4 @@
-import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+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 { createLocalStorage, createSessionStorage } from "./storage.mjs";
 //#region src/utilities/storage.test.ts

package/dist/utilities/throttled.d.mts

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

package/dist/utilities/throttled.mjs

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

package/dist/utilities/throttled.test.mjs

@@ -1,4 +1,4 @@
-import { p as signal, s as effectScope } from "../signals-DcgXhkU2.mjs";
+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 { createThrottled } from "./throttled.mjs";
 //#region src/utilities/throttled.test.ts

package/dist/utilities/timeout.d.mts

@@ -1,8 +1,8 @@
-import { t as Computed } from "../index-Cvdhuy6Y.mjs";
+import { t as Computed } from "../index-DUshSQ_6.mjs";
 
 //#region src/utilities/timeout.d.ts
 type TimeoutResult = {
-  isRunning: Computed<boolean>;
+  pending: Computed<boolean>;
   start(): void;
   stop(): void;
   reset(): void;

package/dist/utilities/timeout.mjs

@@ -1,4 +1,4 @@
-import { f as onCleanup, p as signal } from "../signals-DcgXhkU2.mjs";
+import { _ as signal, g as onCleanup } from "../signals-BHmWX6ox.mjs";
 //#region src/utilities/timeout.ts
 /**
 * Reactive `setTimeout` wrapper with pause/resume/reset control.
@@ -6,19 +6,19 @@ import { f as onCleanup, p as signal } from "../signals-DcgXhkU2.mjs";
 * unless `immediate` is set to `false`.
 */
 function createTimeout(callback, delay, immediate = true) {
-	const isRunning = signal(false);
+	const pending = signal(false);
 	let id;
 	const getDelay = typeof delay === "function" ? delay : () => delay;
 	const stop = () => {
 		clearTimeout(id);
 		id = void 0;
-		isRunning(false);
+		pending(false);
 	};
 	const start = () => {
-		if (isRunning()) return;
-		isRunning(true);
+		if (pending()) return;
+		pending(true);
 		id = setTimeout(() => {
-			isRunning(false);
+			pending(false);
 			id = void 0;
 			callback();
 		}, getDelay());
@@ -31,7 +31,7 @@ function createTimeout(callback, delay, immediate = true) {
 	const cleanup = () => stop();
 	onCleanup(cleanup);
 	return {
-		isRunning,
+		pending,
 		start,
 		stop,
 		reset,

package/dist/utilities/timeout.test.mjs

@@ -1,4 +1,4 @@
-import { s as effectScope } from "../signals-DcgXhkU2.mjs";
+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 { createTimeout } from "./timeout.mjs";
 //#region src/utilities/timeout.test.ts
@@ -14,7 +14,7 @@ describe("createTimeout", () => {
 		effectScope(() => {
 			t = createTimeout(cb, 500);
 		});
-		globalExpect(t.isRunning()).toBe(true);
+		globalExpect(t.pending()).toBe(true);
 	});
 	it("fires callback after delay", () => {
 		vi.useFakeTimers();
@@ -25,14 +25,14 @@ describe("createTimeout", () => {
 		vi.advanceTimersByTime(600);
 		globalExpect(cb).toHaveBeenCalledOnce();
 	});
-	it("isRunning becomes false after firing", () => {
+	it("pending becomes false after firing", () => {
 		vi.useFakeTimers();
 		let t;
 		effectScope(() => {
 			t = createTimeout(vi.fn(), 200);
 		});
 		vi.advanceTimersByTime(300);
-		globalExpect(t.isRunning()).toBe(false);
+		globalExpect(t.pending()).toBe(false);
 	});
 	it("stop() cancels the timeout", () => {
 		vi.useFakeTimers();

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

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

package/dist/utilities/window-focus.mjs

@@ -0,0 +1,16 @@
+import { _ as signal } from "../signals-BHmWX6ox.mjs";
+import { on } from "./event-listener.mjs";
+//#region src/utilities/window-focus.ts
+function createWindowFocused() {
+	const value = signal(typeof document !== "undefined" ? document.hasFocus() : true);
+	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.
+*/
+const windowFocused = createWindowFocused();
+//#endregion
+export { windowFocused };

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

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

package/dist/utilities/window-size.mjs

@@ -1,4 +1,4 @@
-import { a as computed } from "../signals-DcgXhkU2.mjs";
+import { l as computed } from "../signals-BHmWX6ox.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
 //#region src/utilities/window-size.ts
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "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",
@@ -43,16 +43,6 @@
       "import": "./dist/attributes.mjs",
       "types": "./dist/attributes.d.ts"
     },
-    "./builder": {
-      "source": "./src/builder/index.ts",
-      "import": "./dist/builder/index.mjs",
-      "types": "./dist/builder/index.d.ts"
-    },
-    "./builder/dom": {
-      "source": "./src/builder/dom.ts",
-      "import": "./dist/builder/dom.mjs",
-      "types": "./dist/builder/dom.d.ts"
-    },
     "./jsx-runtime": {
       "source": "./src/jsx-runtime/index.ts",
       "import": "./dist/jsx-runtime/index.mjs",
@@ -88,8 +78,8 @@
     "happy-dom": "^20.8.9",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "tsdown": "0.21.7",
-    "typescript": "^6.0.2",
+    "tsdown": "0.21.9",
+    "typescript": "^6.0.3",
     "vitest": "^4.1.2"
   },
   "dependencies": {

package/dist/builder/dom.d.mts

@@ -1,212 +0,0 @@
-import { ReactiveElementOf } from "./index.mjs";
-
-//#region src/builder/dom.d.ts
-interface Lifecycle {
-  connectedCallback?(): void;
-  disconnectedCallback?(): void;
-  attributeChangedCallback?(name: string, oldValue: string | null, newValue: string | null): void;
-  adoptedCallback?(): void;
-}
-declare const a: () => ReactiveElementOf<HTMLAnchorElement>;
-declare const abbr: () => ReactiveElementOf<HTMLElement>;
-declare const address: () => ReactiveElementOf<HTMLElement>;
-declare const area: () => ReactiveElementOf<HTMLAreaElement>;
-declare const article: () => ReactiveElementOf<HTMLElement>;
-declare const aside: () => ReactiveElementOf<HTMLElement>;
-declare const audio: () => ReactiveElementOf<HTMLAudioElement>;
-declare const b: () => ReactiveElementOf<HTMLElement>;
-declare const base: () => ReactiveElementOf<HTMLBaseElement>;
-declare const bdi: () => ReactiveElementOf<HTMLElement>;
-declare const bdo: () => ReactiveElementOf<HTMLElement>;
-declare const blockquote: () => ReactiveElementOf<HTMLQuoteElement>;
-declare const body: () => ReactiveElementOf<HTMLBodyElement>;
-declare const br: () => ReactiveElementOf<HTMLBRElement>;
-declare const button: () => ReactiveElementOf<HTMLButtonElement>;
-declare const canvas: () => ReactiveElementOf<HTMLCanvasElement>;
-declare const caption: () => ReactiveElementOf<HTMLTableCaptionElement>;
-declare const cite: () => ReactiveElementOf<HTMLElement>;
-declare const code: () => ReactiveElementOf<HTMLElement>;
-declare const col: () => ReactiveElementOf<HTMLTableColElement>;
-declare const colgroup: () => ReactiveElementOf<HTMLTableColElement>;
-declare const data: () => ReactiveElementOf<HTMLDataElement>;
-declare const datalist: () => ReactiveElementOf<HTMLDataListElement>;
-declare const dd: () => ReactiveElementOf<HTMLElement>;
-declare const del: () => ReactiveElementOf<HTMLModElement>;
-declare const details: () => ReactiveElementOf<HTMLDetailsElement>;
-declare const dfn: () => ReactiveElementOf<HTMLElement>;
-declare const dialog: () => ReactiveElementOf<HTMLDialogElement>;
-declare const div: () => ReactiveElementOf<HTMLDivElement>;
-declare const dl: () => ReactiveElementOf<HTMLDListElement>;
-declare const dt: () => ReactiveElementOf<HTMLElement>;
-declare const em: () => ReactiveElementOf<HTMLElement>;
-declare const embed: () => ReactiveElementOf<HTMLEmbedElement>;
-declare const fieldset: () => ReactiveElementOf<HTMLFieldSetElement>;
-declare const figcaption: () => ReactiveElementOf<HTMLElement>;
-declare const figure: () => ReactiveElementOf<HTMLElement>;
-declare const footer: () => ReactiveElementOf<HTMLElement>;
-declare const form: () => ReactiveElementOf<HTMLFormElement>;
-declare const h1: () => ReactiveElementOf<HTMLHeadingElement>;
-declare const h2: () => ReactiveElementOf<HTMLHeadingElement>;
-declare const h3: () => ReactiveElementOf<HTMLHeadingElement>;
-declare const h4: () => ReactiveElementOf<HTMLHeadingElement>;
-declare const h5: () => ReactiveElementOf<HTMLHeadingElement>;
-declare const h6: () => ReactiveElementOf<HTMLHeadingElement>;
-declare const head: () => ReactiveElementOf<HTMLHeadElement>;
-declare const header: () => ReactiveElementOf<HTMLElement>;
-declare const hgroup: () => ReactiveElementOf<HTMLElement>;
-declare const hr: () => ReactiveElementOf<HTMLHRElement>;
-declare const html: () => ReactiveElementOf<HTMLHtmlElement>;
-declare const i: () => ReactiveElementOf<HTMLElement>;
-declare const iframe: () => ReactiveElementOf<HTMLIFrameElement>;
-declare const img: () => ReactiveElementOf<HTMLImageElement>;
-declare const input: () => ReactiveElementOf<HTMLInputElement>;
-declare const ins: () => ReactiveElementOf<HTMLModElement>;
-declare const kbd: () => ReactiveElementOf<HTMLElement>;
-declare const label: () => ReactiveElementOf<HTMLLabelElement>;
-declare const legend: () => ReactiveElementOf<HTMLLegendElement>;
-declare const li: () => ReactiveElementOf<HTMLLIElement>;
-declare const link: () => ReactiveElementOf<HTMLLinkElement>;
-declare const main: () => ReactiveElementOf<HTMLElement>;
-declare const map: () => ReactiveElementOf<HTMLMapElement>;
-declare const mark: () => ReactiveElementOf<HTMLElement>;
-declare const menu: () => ReactiveElementOf<HTMLMenuElement>;
-declare const meta: () => ReactiveElementOf<HTMLMetaElement>;
-declare const meter: () => ReactiveElementOf<HTMLMeterElement>;
-declare const nav: () => ReactiveElementOf<HTMLElement>;
-declare const noscript: () => ReactiveElementOf<HTMLElement>;
-declare const object: () => ReactiveElementOf<HTMLObjectElement>;
-declare const ol: () => ReactiveElementOf<HTMLOListElement>;
-declare const optgroup: () => ReactiveElementOf<HTMLOptGroupElement>;
-declare const option: () => ReactiveElementOf<HTMLOptionElement>;
-declare const output: () => ReactiveElementOf<HTMLOutputElement>;
-declare const p: () => ReactiveElementOf<HTMLParagraphElement>;
-declare const picture: () => ReactiveElementOf<HTMLPictureElement>;
-declare const pre: () => ReactiveElementOf<HTMLPreElement>;
-declare const progress: () => ReactiveElementOf<HTMLProgressElement>;
-declare const q: () => ReactiveElementOf<HTMLQuoteElement>;
-declare const rp: () => ReactiveElementOf<HTMLElement>;
-declare const rt: () => ReactiveElementOf<HTMLElement>;
-declare const ruby: () => ReactiveElementOf<HTMLElement>;
-declare const s: () => ReactiveElementOf<HTMLElement>;
-declare const samp: () => ReactiveElementOf<HTMLElement>;
-declare const script: () => ReactiveElementOf<HTMLScriptElement>;
-declare const search: () => ReactiveElementOf<HTMLElement>;
-declare const section: () => ReactiveElementOf<HTMLElement>;
-declare const select: () => ReactiveElementOf<HTMLSelectElement>;
-declare const slot: () => ReactiveElementOf<HTMLSlotElement>;
-declare const small: () => ReactiveElementOf<HTMLElement>;
-declare const source: () => ReactiveElementOf<HTMLSourceElement>;
-declare const span: () => ReactiveElementOf<HTMLSpanElement>;
-declare const strong: () => ReactiveElementOf<HTMLElement>;
-declare const style: () => ReactiveElementOf<HTMLStyleElement>;
-declare const sub: () => ReactiveElementOf<HTMLElement>;
-declare const summary: () => ReactiveElementOf<HTMLElement>;
-declare const sup: () => ReactiveElementOf<HTMLElement>;
-declare const table: () => ReactiveElementOf<HTMLTableElement>;
-declare const tbody: () => ReactiveElementOf<HTMLTableSectionElement>;
-declare const td: () => ReactiveElementOf<HTMLTableCellElement>;
-declare const template: () => ReactiveElementOf<HTMLTemplateElement>;
-declare const textarea: () => ReactiveElementOf<HTMLTextAreaElement>;
-declare const tfoot: () => ReactiveElementOf<HTMLTableSectionElement>;
-declare const th: () => ReactiveElementOf<HTMLTableCellElement>;
-declare const thead: () => ReactiveElementOf<HTMLTableSectionElement>;
-declare const time: () => ReactiveElementOf<HTMLTimeElement>;
-declare const title: () => ReactiveElementOf<HTMLTitleElement>;
-declare const tr: () => ReactiveElementOf<HTMLTableRowElement>;
-declare const track: () => ReactiveElementOf<HTMLTrackElement>;
-declare const u: () => ReactiveElementOf<HTMLElement>;
-declare const ul: () => ReactiveElementOf<HTMLUListElement>;
-declare const mathVar: () => ReactiveElementOf<HTMLElement>;
-declare const video: () => ReactiveElementOf<HTMLVideoElement>;
-declare const wbr: () => ReactiveElementOf<HTMLElement>;
-declare const animate: () => ReactiveElementOf<SVGAnimateElement>;
-declare const animateMotion: () => ReactiveElementOf<SVGAnimateMotionElement>;
-declare const animateTransform: () => ReactiveElementOf<SVGAnimateTransformElement>;
-declare const circle: () => ReactiveElementOf<SVGCircleElement>;
-declare const clipPath: () => ReactiveElementOf<SVGClipPathElement>;
-declare const defs: () => ReactiveElementOf<SVGDefsElement>;
-declare const desc: () => ReactiveElementOf<SVGDescElement>;
-declare const ellipse: () => ReactiveElementOf<SVGEllipseElement>;
-declare const feBlend: () => ReactiveElementOf<SVGFEBlendElement>;
-declare const feColorMatrix: () => ReactiveElementOf<SVGFEColorMatrixElement>;
-declare const feComponentTransfer: () => ReactiveElementOf<SVGFEComponentTransferElement>;
-declare const feComposite: () => ReactiveElementOf<SVGFECompositeElement>;
-declare const feConvolveMatrix: () => ReactiveElementOf<SVGFEConvolveMatrixElement>;
-declare const feDiffuseLighting: () => ReactiveElementOf<SVGFEDiffuseLightingElement>;
-declare const feDisplacementMap: () => ReactiveElementOf<SVGFEDisplacementMapElement>;
-declare const feDistantLight: () => ReactiveElementOf<SVGFEDistantLightElement>;
-declare const feDropShadow: () => ReactiveElementOf<SVGFEDropShadowElement>;
-declare const feFlood: () => ReactiveElementOf<SVGFEFloodElement>;
-declare const feFuncA: () => ReactiveElementOf<SVGFEFuncAElement>;
-declare const feFuncB: () => ReactiveElementOf<SVGFEFuncBElement>;
-declare const feFuncG: () => ReactiveElementOf<SVGFEFuncGElement>;
-declare const feFuncR: () => ReactiveElementOf<SVGFEFuncRElement>;
-declare const feGaussianBlur: () => ReactiveElementOf<SVGFEGaussianBlurElement>;
-declare const feImage: () => ReactiveElementOf<SVGFEImageElement>;
-declare const feMerge: () => ReactiveElementOf<SVGFEMergeElement>;
-declare const feMergeNode: () => ReactiveElementOf<SVGFEMergeNodeElement>;
-declare const feMorphology: () => ReactiveElementOf<SVGFEMorphologyElement>;
-declare const feOffset: () => ReactiveElementOf<SVGFEOffsetElement>;
-declare const fePointLight: () => ReactiveElementOf<SVGFEPointLightElement>;
-declare const feSpecularLighting: () => ReactiveElementOf<SVGFESpecularLightingElement>;
-declare const feSpotLight: () => ReactiveElementOf<SVGFESpotLightElement>;
-declare const feTile: () => ReactiveElementOf<SVGFETileElement>;
-declare const feTurbulence: () => ReactiveElementOf<SVGFETurbulenceElement>;
-declare const filter: () => ReactiveElementOf<SVGFilterElement>;
-declare const foreignObject: () => ReactiveElementOf<SVGForeignObjectElement>;
-declare const g: () => ReactiveElementOf<SVGGElement>;
-declare const image: () => ReactiveElementOf<SVGImageElement>;
-declare const line: () => ReactiveElementOf<SVGLineElement>;
-declare const linearGradient: () => ReactiveElementOf<SVGLinearGradientElement>;
-declare const marker: () => ReactiveElementOf<SVGMarkerElement>;
-declare const mask: () => ReactiveElementOf<SVGMaskElement>;
-declare const metadata: () => ReactiveElementOf<SVGMetadataElement>;
-declare const mpath: () => ReactiveElementOf<SVGMPathElement>;
-declare const path: () => ReactiveElementOf<SVGPathElement>;
-declare const pattern: () => ReactiveElementOf<SVGPatternElement>;
-declare const polygon: () => ReactiveElementOf<SVGPolygonElement>;
-declare const polyline: () => ReactiveElementOf<SVGPolylineElement>;
-declare const radialGradient: () => ReactiveElementOf<SVGRadialGradientElement>;
-declare const rect: () => ReactiveElementOf<SVGRectElement>;
-declare const set: () => ReactiveElementOf<SVGSetElement>;
-declare const stop: () => ReactiveElementOf<SVGStopElement>;
-declare const svg: () => ReactiveElementOf<SVGSVGElement>;
-declare const svgSwitch: () => ReactiveElementOf<SVGSwitchElement>;
-declare const symbol: () => ReactiveElementOf<SVGSymbolElement>;
-declare const text: () => ReactiveElementOf<SVGTextElement>;
-declare const textPath: () => ReactiveElementOf<SVGTextPathElement>;
-declare const tspan: () => ReactiveElementOf<SVGTSpanElement>;
-declare const use: () => ReactiveElementOf<SVGUseElement>;
-declare const view: () => ReactiveElementOf<SVGViewElement>;
-declare const annotation: () => ReactiveElementOf<MathMLElement>;
-declare const annotationXml: () => ReactiveElementOf<MathMLElement>;
-declare const maction: () => ReactiveElementOf<MathMLElement>;
-declare const math: () => ReactiveElementOf<MathMLElement>;
-declare const merror: () => ReactiveElementOf<MathMLElement>;
-declare const mfrac: () => ReactiveElementOf<MathMLElement>;
-declare const mi: () => ReactiveElementOf<MathMLElement>;
-declare const mmultiscripts: () => ReactiveElementOf<MathMLElement>;
-declare const mn: () => ReactiveElementOf<MathMLElement>;
-declare const mo: () => ReactiveElementOf<MathMLElement>;
-declare const mover: () => ReactiveElementOf<MathMLElement>;
-declare const mpadded: () => ReactiveElementOf<MathMLElement>;
-declare const mphantom: () => ReactiveElementOf<MathMLElement>;
-declare const mprescripts: () => ReactiveElementOf<MathMLElement>;
-declare const mroot: () => ReactiveElementOf<MathMLElement>;
-declare const mrow: () => ReactiveElementOf<MathMLElement>;
-declare const ms: () => ReactiveElementOf<MathMLElement>;
-declare const mspace: () => ReactiveElementOf<MathMLElement>;
-declare const msqrt: () => ReactiveElementOf<MathMLElement>;
-declare const mstyle: () => ReactiveElementOf<MathMLElement>;
-declare const msub: () => ReactiveElementOf<MathMLElement>;
-declare const msubsup: () => ReactiveElementOf<MathMLElement>;
-declare const msup: () => ReactiveElementOf<MathMLElement>;
-declare const mtable: () => ReactiveElementOf<MathMLElement>;
-declare const mtd: () => ReactiveElementOf<MathMLElement>;
-declare const mtext: () => ReactiveElementOf<MathMLElement>;
-declare const mtr: () => ReactiveElementOf<MathMLElement>;
-declare const munder: () => ReactiveElementOf<MathMLElement>;
-declare const munderover: () => ReactiveElementOf<MathMLElement>;
-declare const semantics: () => ReactiveElementOf<MathMLElement>;
-//#endregion
-export { Lifecycle, a, abbr, address, animate, animateMotion, animateTransform, annotation, annotationXml, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, circle, cite, clipPath, code, col, colgroup, data, datalist, dd, defs, del, desc, details, dfn, dialog, div, dl, dt, ellipse, em, embed, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feDiffuseLighting, feDisplacementMap, feDistantLight, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, fePointLight, feSpecularLighting, feSpotLight, feTile, feTurbulence, fieldset, figcaption, figure, filter, footer, foreignObject, form, g, h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, image, img, input, ins, kbd, label, legend, li, line, linearGradient, link, maction, main, map, mark, marker, mask, math, mathVar, menu, merror, meta, metadata, meter, mfrac, mi, mmultiscripts, mn, mo, mover, mpadded, mpath, mphantom, mprescripts, mroot, mrow, ms, mspace, msqrt, mstyle, msub, msubsup, msup, mtable, mtd, mtext, mtr, munder, munderover, nav, noscript, object, ol, optgroup, option, output, p, path, pattern, picture, polygon, polyline, pre, progress, q, radialGradient, rect, rp, rt, ruby, s, samp, script, search, section, select, semantics, set, slot, small, source, span, stop, strong, style, sub, summary, sup, svg, svgSwitch, symbol, table, tbody, td, template, text, textPath, textarea, tfoot, th, thead, time, title, tr, track, tspan, u, ul, use, video, view, wbr };