elements-kit 0.8.1 → 0.10.0

package/dist/{element-obPs4k23.mjs → element-Y3uP_2p9.mjs}

@@ -1,4 +1,4 @@
-import { c as effectScope, g as untracked, p as onCleanup, s as effect } from "./lib-CVfOddra.mjs";
+import { c as effectScope, g as untracked, p as onCleanup, s as effect } from "./lib-Cg8fI7K5.mjs";
 import "./polyfill-CdZVCxdo.mjs";
 import { isReactive, resolveProps } from "./signals/index.mjs";
 import { on } from "./utilities/event-listener.mjs";

package/dist/for.mjs

@@ -1,6 +1,6 @@
-import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-CVfOddra.mjs";
+import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-Cg8fI7K5.mjs";
 import "./signals/index.mjs";
-import { n as disposeElement } from "./element-obPs4k23.mjs";
+import { n as disposeElement } from "./element-Y3uP_2p9.mjs";
 //#region src/for.ts
 /**
 * Keyed list renderer. See {@link ForProps} for prop details.

package/dist/integrations/react.mjs

@@ -1,6 +1,6 @@
-import { m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
-import { t as scope } from "../scope-CwVlgN8b.mjs";
+import { t as scope } from "../scope-De6rSJvq.mjs";
 import { useEffect, useMemo, useRef, useSyncExternalStore } from "react";
 //#region src/integrations/react.ts
 /**

package/dist/jsx-runtime/index.mjs

@@ -1,4 +1,4 @@
-import { r as mountChild, t as createElement } from "../element-obPs4k23.mjs";
+import { r as mountChild, t as createElement } from "../element-Y3uP_2p9.mjs";
 //#region src/jsx-runtime/fragment.ts
 /**
 * Used by the JSX transform for `<>...</>` fragments.

package/dist/{lib-CVfOddra.mjs → lib-Cg8fI7K5.mjs}

@@ -102,14 +102,16 @@ function createReactiveSystem({ update, notify, unwatched }) {
 	*
 	* @param link - The first subscriber link from which propagation begins.
 	*/
-	function propagate(link) {
+	function propagate(link, innerWrite) {
 		let next = link.nextSub;
 		let stack;
 		top: do {
 			const sub = link.sub;
 			let flags = sub.flags;
-			if (!(flags & 60)) sub.flags = flags | 32;
-			else if (!(flags & 12)) flags = 0;
+			if (!(flags & 60)) {
+				sub.flags = flags | 32;
+				if (innerWrite) sub.flags |= 8;
+			} else if (!(flags & 12)) flags = 0;
 			else if (!(flags & 4)) sub.flags = flags & -9 | 32;
 			else if (!(flags & 48) && isValidLink(link, sub)) {
 				sub.flags = flags | 40;
@@ -167,13 +169,13 @@ function createReactiveSystem({ update, notify, unwatched }) {
 			const flags = dep.flags;
 			if (sub.flags & 16) dirty = true;
 			else if ((flags & 17) === 17) {
+				const subs = dep.subs;
 				if (update(dep)) {
-					const subs = dep.subs;
 					if (subs.nextSub !== void 0) shallowPropagate(subs);
 					dirty = true;
 				}
 			} else if ((flags & 33) === 33) {
-				if (link.nextSub !== void 0 || link.prevSub !== void 0) stack = {
+				stack = {
 					value: link,
 					prev: stack
 				};
@@ -190,15 +192,12 @@ function createReactiveSystem({ update, notify, unwatched }) {
 				}
 			}
 			while (checkDepth--) {
-				const firstSub = sub.subs;
-				const hasMultipleSubs = firstSub.nextSub !== void 0;
-				if (hasMultipleSubs) {
-					link = stack.value;
-					stack = stack.prev;
-				} else link = firstSub;
+				link = stack.value;
+				stack = stack.prev;
 				if (dirty) {
+					const subs = sub.subs;
 					if (update(sub)) {
-						if (hasMultipleSubs) shallowPropagate(firstSub);
+						if (subs.nextSub !== void 0) shallowPropagate(subs);
 						sub = link.sub;
 						continue;
 					}
@@ -211,7 +210,7 @@ function createReactiveSystem({ update, notify, unwatched }) {
 					continue top;
 				}
 			}
-			return dirty;
+			return dirty && !!sub.flags;
 		} while (true);
 	}
 	/**
@@ -252,8 +251,25 @@ function createReactiveSystem({ update, notify, unwatched }) {
 }
 //#endregion
 //#region src/signals/lib.ts
+/**
+* Marks a parent (effect or scope) whose deps include at least one child
+* effect or child scope. Gates the dispose-children-first slow path in
+* `run` / `updateComputed` so leaf effects pay no extra cost.
+*
+* The bit lives outside the {@link ReactiveFlags} range and is never read by
+* `system.ts`.
+* @internal
+*/
+const HasChildEffect = 64;
 /** Monotonically increasing counter; incremented on each tracking run to stamp links. */
 let cycle = 0;
+/**
+* Depth counter for nested effect / re-run frames. Used to gate
+* `innerWrite` propagation so that a write occurring inside an effect's
+* own run marks downstream subscribers `Recursed | Pending` instead of
+* just `Pending`.
+*/
+let runDepth = 0;
 /** Depth counter for nested `batch` calls; flush is deferred while > 0. */
 let batchDepth = 0;
 /** Read cursor into the `queued` array during flush. */
@@ -280,8 +296,10 @@ const EFFECT = Symbol("effect");
 const EFFECT_SCOPE = Symbol("effectScope");
 const { link, unlink, propagate, checkDirty, shallowPropagate } = createReactiveSystem({
 	update(node) {
-		if (node.depsTail !== void 0) return updateComputed(node);
-		else return updateSignal(node);
+		if ("getter" in node) return updateComputed(node);
+		if ("currentValue" in node) return updateSignal(node);
+		node.flags = 1;
+		return true;
 	},
 	notify(effect) {
 		let insertIndex = queuedLength;
@@ -300,20 +318,21 @@ const { link, unlink, propagate, checkDirty, shallowPropagate } = createReactive
 		}
 	},
 	unwatched(node) {
-		if (!(node.flags & 1)) effectScopeOper.call(node);
-		else if (node.depsTail !== void 0) {
+		if ("getter" in node) {
 			const c = node;
-			if (c.onCleanup !== void 0) {
-				const fns = c.onCleanup;
-				c.onCleanup = void 0;
-				untracked(() => {
-					for (const fn of fns) fn();
-				});
+			if (c.depsTail !== void 0) {
+				if (c.onCleanup !== void 0) {
+					const fns = c.onCleanup;
+					c.onCleanup = void 0;
+					untracked(() => {
+						for (const fn of fns) fn();
+					});
+				}
+				c.flags = 17;
+				disposeAllDepsInReverse(c);
 			}
-			node.depsTail = void 0;
-			node.flags = 17;
-			purgeDeps(node);
-		}
+		} else if ("currentValue" in node) {} else if ("fn" in node) effectOper.call(node);
+		else effectScopeOper.call(node);
 	}
 });
 /**
@@ -471,10 +490,15 @@ function effect(fn) {
 	const prevSub = setActiveSub(e);
 	const prevOwner = activeOwner;
 	activeOwner = e;
-	if (prevSub !== void 0) link(e, prevSub, 0);
+	if (prevSub !== void 0) {
+		link(e, prevSub, 0);
+		prevSub.flags |= HasChildEffect;
+	}
 	try {
+		++runDepth;
 		e.fn();
 	} finally {
+		--runDepth;
 		activeSub = prevSub;
 		activeOwner = prevOwner;
 		e.flags &= -5;
@@ -513,12 +537,15 @@ function effectScope(fn) {
 		depsTail: void 0,
 		subs: void 0,
 		subsTail: void 0,
-		flags: 0
+		flags: 1
 	};
 	const prevSub = setActiveSub(e);
 	const prevOwner = activeOwner;
 	activeOwner = e;
-	if (prevSub !== void 0) link(e, prevSub, 0);
+	if (prevSub !== void 0) {
+		link(e, prevSub, 0);
+		prevSub.flags |= HasChildEffect;
+	}
 	try {
 		fn();
 	} finally {
@@ -654,14 +681,14 @@ function trigger(fn) {
 			fn();
 		} finally {
 			activeSub = prevSub;
+			sub.flags = 0;
 			let link = sub.deps;
 			while (link !== void 0) {
 				const dep = link.dep;
 				link = unlink(link, sub);
 				const subs = dep.subs;
 				if (subs !== void 0) {
-					sub.flags = 0;
-					propagate(subs);
+					propagate(subs, !!runDepth);
 					shallowPropagate(subs);
 				}
 			}
@@ -676,6 +703,15 @@ function trigger(fn) {
 */
 function updateComputed(c) {
 	++cycle;
+	if (c.flags & HasChildEffect) {
+		let l = c.depsTail;
+		while (l !== void 0) {
+			const prev = l.prevDep;
+			const dep = l.dep;
+			if (!("getter" in dep) && !("currentValue" in dep)) unlink(l, c);
+			l = prev;
+		}
+	}
 	if (c.onCleanup !== void 0) {
 		const cleanups = c.onCleanup;
 		c.onCleanup = void 0;
@@ -719,6 +755,15 @@ function run(e) {
 	const flags = e.flags;
 	if (flags & 16 || flags & 32 && checkDirty(e.deps, e)) {
 		++cycle;
+		if (flags & HasChildEffect) {
+			let l = e.depsTail;
+			while (l !== void 0) {
+				const prev = l.prevDep;
+				const dep = l.dep;
+				if (!("getter" in dep) && !("currentValue" in dep)) unlink(l, e);
+				l = prev;
+			}
+		}
 		if (e.onCleanup !== void 0) {
 			const cleanups = e.onCleanup;
 			e.onCleanup = void 0;
@@ -732,14 +777,16 @@ function run(e) {
 		const prevOwner = activeOwner;
 		activeOwner = e;
 		try {
+			++runDepth;
 			e.fn();
 		} finally {
+			--runDepth;
 			activeSub = prevSub;
 			activeOwner = prevOwner;
 			e.flags &= -5;
 			purgeDeps(e);
 		}
-	} else e.flags = 2;
+	} else if (e.deps !== void 0) e.flags = 2 | flags & HasChildEffect;
 }
 /**
 * Drains the queued-effects array, running each effect in order.
@@ -819,7 +866,7 @@ function signalOper(...value) {
 			this.flags = 17;
 			const subs = this.subs;
 			if (subs !== void 0) {
-				propagate(subs);
+				propagate(subs, !!runDepth);
 				if (!batchDepth) flush();
 			}
 		}
@@ -830,14 +877,8 @@ function signalOper(...value) {
 				if (subs !== void 0) shallowPropagate(subs);
 			}
 		}
-		let sub = activeSub;
-		while (sub !== void 0) {
-			if (sub.flags & 3) {
-				link(this, sub, cycle);
-				break;
-			}
-			sub = sub.subs?.sub;
-		}
+		const sub = activeSub;
+		if (sub !== void 0) link(this, sub, cycle);
 		return this.currentValue;
 	}
 }
@@ -851,6 +892,7 @@ function signalOper(...value) {
 * @internal
 */
 function effectOper() {
+	effectScopeOper.call(this);
 	if (this.onCleanup !== void 0) {
 		const cleanups = this.onCleanup;
 		this.onCleanup = void 0;
@@ -858,27 +900,30 @@ function effectOper() {
 			for (const fn of cleanups) fn();
 		});
 	}
-	effectScopeOper.call(this);
 }
 /**
 * The shared disposal implementation for both effect nodes and effectScope
 * nodes.
 *
-* For effect nodes this is also called indirectly via the `unwatched` callback
-* when the owning scope is disposed, triggering cleanup cascades through the
-* entire ownership tree.
+* Called directly to dispose an `effectScope` handle, and indirectly via
+* `effectOper` (effect disposal) and the `unwatched` callback (cascade
+* disposal when a parent scope is torn down).
 *
 * Steps:
-* 1. Call and clear any registered `onCleanup` (handles cascade disposal where
-*    `effectOper` is not called directly).
-* 2. Reset `depsTail` and `flags` so the node is inert.
-* 3. Purge all dep links (which may recursively trigger `unwatched` on
-*    nested effects).
+* 1. Reset `flags` so the node is inert.
+* 2. Dispose every dep link in **reverse creation order** — child effects /
+*    scopes get their `unwatched` callback fired in LIFO order, which
+*    cascades cleanup through the entire ownership tree.
+* 3. Run and clear any `onCleanup` registered on this node itself (covers
+*    `effectScope(() => { onCleanup(...) })`). For effects this is a no-op:
+*    `effectOper` already drained `onCleanup` after calling us.
 * 4. Unlink from any parent scope's sub-chain.
 *
 * @internal
 */
 function effectScopeOper() {
+	this.flags = 0;
+	disposeAllDepsInReverse(this);
 	const cleanups = this.onCleanup;
 	if (cleanups !== void 0) {
 		this.onCleanup = void 0;
@@ -886,18 +931,32 @@ function effectScopeOper() {
 			for (const fn of cleanups) fn();
 		});
 	}
-	this.depsTail = void 0;
-	this.flags = 0;
-	purgeDeps(this);
 	const sub = this.subs;
 	if (sub !== void 0) unlink(sub);
 }
 /**
-* Removes all dep links from `sub` that were not refreshed during the most
-* recent tracking run (i.e. stale links appended after `depsTail`).
+* Disposes every dep link of `sub` in **reverse creation order**.
+*
+* Used for teardown: child effects and scopes are linked in the order they
+* were created, so walking from `depsTail` back to `deps` releases them
+* LIFO — descendants tear down before their parents.
+*
+* @internal
+*/
+function disposeAllDepsInReverse(sub) {
+	let l = sub.depsTail;
+	while (l !== void 0) {
+		const prev = l.prevDep;
+		unlink(l, sub);
+		l = prev;
+	}
+}
+/**
+* Removes stale dep links from `sub` after a tracking run — anything that
+* was present before but not re-linked this run (lives past `depsTail`).
 *
-* Called at the end of each tracking run (`updateComputed`, `run`) to prune
-* dependencies that the node no longer reads.
+* Forward walk; used by `updateComputed` / `run` at the end of evaluation.
+* For full teardown, use {@link disposeAllDepsInReverse} instead.
 *
 * @internal
 */

package/dist/render.mjs

@@ -1,4 +1,4 @@
-import { t as scope } from "./scope-CwVlgN8b.mjs";
+import { t as scope } from "./scope-De6rSJvq.mjs";
 //#region src/render.ts
 /**
 * Mount a node into `target` with a scoped lifetime.

package/dist/{scope-CwVlgN8b.mjs → scope-De6rSJvq.mjs}

@@ -1,4 +1,4 @@
-import { c as effectScope, g as untracked } from "./lib-CVfOddra.mjs";
+import { c as effectScope, g as untracked } from "./lib-Cg8fI7K5.mjs";
 //#region src/signals/scope.ts
 /**
 * Run `setup` inside a fresh `effectScope`. Returns `[result, stop]`.

package/dist/signals/index.mjs

@@ -1,4 +1,4 @@
-import { a as batch, c as effectScope, d as isEffectScope, f as isSignal, g as untracked, h as trigger, i as SIGNAL, l as isComputed, m as signal, n as EFFECT, o as computed, p as onCleanup, r as EFFECT_SCOPE, s as effect, t as COMPUTED, u as isEffect } from "../lib-CVfOddra.mjs";
+import { a as batch, c as effectScope, d as isEffectScope, f as isSignal, g as untracked, h as trigger, i as SIGNAL, l as isComputed, m as signal, n as EFFECT, o as computed, p as onCleanup, r as EFFECT_SCOPE, s as effect, t as COMPUTED, u as isEffect } from "../lib-Cg8fI7K5.mjs";
 import "../polyfill-CdZVCxdo.mjs";
 //#region src/signals/index.ts
 /**

package/dist/ui/segmented-control/segmented-control.css

@@ -0,0 +1,259 @@
+.x-segmented-control {
+  vertical-align: top;
+  isolation: isolate;
+  min-width: max-content;
+  color: var(--base-color-12);
+  background-color: var(--color-surface);
+  background-image: linear-gradient(var(--base-color-a3),
+    var(--base-color-a3));
+  font-family: var(--default-font-family);
+  text-align: center;
+  --seg-inset: 1px;
+  --seg-transition-duration: .1s;
+  --seg-track-radius: max(var(--radius-2), var(--radius-pill));
+  --seg-indicator-radius: max(.5px,
+    calc(var(--seg-track-radius) - var(--seg-inset)));
+  border-radius: var(--seg-track-radius);
+  border: 0;
+  grid-auto-columns: minmax(0, 1fr);
+  grid-auto-flow: column;
+  align-items: stretch;
+  margin: 0;
+  padding: 0;
+  font-style: normal;
+  display: inline-grid;
+  position: relative;
+}
+
+.x-segmented-control > label {
+  justify-content: center;
+  align-items: center;
+  gap: var(--space-1);
+  -webkit-user-select: none;
+  user-select: none;
+  cursor: var(--cursor-button);
+  color: var(--base-color-a11);
+  font-weight: var(--font-weight-regular);
+  letter-spacing: var(--tab-inactive-letter-spacing);
+  transition: color var(--seg-transition-duration);
+  display: flex;
+  position: relative;
+}
+
+.x-segmented-control > label:where(:first-child) {
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.x-segmented-control > label:where(:last-child) {
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+.x-segmented-control :where(input[type="radio"]) {
+  white-space: nowrap;
+  clip-path: inset(50%);
+  pointer-events: none;
+  appearance: none;
+  border: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.x-segmented-control > label:where(:has(:checked)) {
+  color: var(--base-color-12);
+}
+
+.x-segmented-control > label:where(:has(:focus-visible)) {
+  outline: 2px solid var(--focus-8);
+  outline-offset: -1px;
+  border-radius: inherit;
+}
+
+@media (hover: hover) {
+  .x-segmented-control > label:where(:not(:has(:checked, :disabled)):hover) {
+    background-color: var(--base-color-a2);
+  }
+}
+
+.x-segmented-control > label + label:after {
+  content: "";
+  inset-inline-start: 0;
+  top: var(--seg-inset);
+  bottom: var(--seg-inset);
+  background-color: var(--base-color-a4);
+  z-index: -1;
+  width: 1px;
+  transition: opacity var(--seg-transition-duration) ease-out;
+  margin-inline-start: -.5px;
+  position: absolute;
+}
+
+.x-segmented-control > label:where(:has(:checked, :focus-visible)):after, .x-segmented-control > label:where(:has(:checked, :focus-visible)) + label:after {
+  opacity: 0;
+}
+
+.x-segmented-control > label:before {
+  content: "";
+  inset: var(--seg-inset);
+  z-index: -1;
+  background-color: var(--color-background);
+  border-radius: var(--seg-indicator-radius);
+  box-shadow: 0 0 0 .5px var(--base-color-a3),
+    0 1px 2px var(--base-color-a4);
+  opacity: 0;
+  transition: opacity var(--seg-transition-duration) ease-out;
+  position: absolute;
+}
+
+.x-segmented-control > label:where(:has(:checked)):before {
+  opacity: 1;
+}
+
+@supports (anchor-name: --x) {
+  .x-segmented-control > label:before {
+    display: none;
+  }
+
+  .x-segmented-control > label:where(:has(:checked)) {
+    anchor-name: --x-seg-active;
+  }
+
+  .x-segmented-control:after {
+    content: "";
+    z-index: -1;
+    top: var(--seg-inset);
+    bottom: var(--seg-inset);
+    left: anchor(--x-seg-active left);
+    right: anchor(--x-seg-active right);
+    background-color: var(--color-background);
+    border-radius: var(--seg-indicator-radius);
+    width: auto;
+    box-shadow: 0 0 0 .5px var(--base-color-a3),
+      0 1px 2px var(--base-color-a4);
+    transition: left var(--seg-transition-duration) cubic-bezier(.45, .05, .55, .95),
+      right var(--seg-transition-duration) cubic-bezier(.45, .05, .55, .95);
+    position: absolute;
+  }
+
+  .x-segmented-control:not(:has(:checked)):after {
+    display: none;
+  }
+}
+
+.x-segmented-control:where(:disabled, [data-disabled]) {
+  color: var(--base-color-a8);
+  background-image: linear-gradient(var(--base-color-a2),
+    var(--base-color-a2));
+}
+
+.x-segmented-control:where(:disabled, [data-disabled]) > label, .x-segmented-control > label:where(:has(:disabled)) {
+  cursor: var(--cursor-disabled);
+  color: var(--base-color-a8);
+}
+
+.x-segmented-control:where(:disabled, [data-disabled]) > label:before, .x-segmented-control > label:where(:has(:disabled)):before {
+  background-color: var(--base-color-a3);
+  box-shadow: none;
+}
+
+@supports (anchor-name: --x) {
+  .x-segmented-control:where(:disabled, [data-disabled]):after, .x-segmented-control:where(:has( > label:where(:has(:disabled)):has(:checked))):after {
+    background-color: var(--base-color-a3);
+    box-shadow: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .x-segmented-control, .x-segmented-control > label, .x-segmented-control > label:before, .x-segmented-control > label + label:after, .x-segmented-control:after {
+    transition: none;
+  }
+}
+
+@media (forced-colors: active) {
+  .x-segmented-control {
+    background-image: none;
+    border: 1px solid buttontext;
+  }
+
+  .x-segmented-control > label {
+    color: buttontext;
+  }
+
+  .x-segmented-control > label:where(:has(:checked)) {
+    color: highlighttext;
+  }
+
+  .x-segmented-control > label:before, .x-segmented-control:after {
+    box-shadow: none;
+    background-color: highlight;
+    border: 1px solid highlighttext;
+  }
+
+  .x-segmented-control > label:where(:has(:focus-visible)) {
+    outline-color: highlight;
+  }
+}
+
+.x-segmented-control:where(:not([data-size])), .x-segmented-control:where([data-size="2"]) {
+  height: var(--space-6);
+  --seg-track-radius: max(var(--radius-2), var(--radius-pill));
+  font-size: var(--font-size-2);
+  line-height: var(--line-height-2);
+}
+
+:is(.x-segmented-control:where(:not([data-size])), .x-segmented-control:where([data-size="2"])) > label {
+  padding-inline: var(--space-3);
+}
+
+.x-segmented-control:where([data-size="1"]) {
+  height: var(--space-5);
+  --seg-track-radius: max(var(--radius-1), var(--radius-pill));
+  font-size: var(--font-size-1);
+  line-height: var(--line-height-1);
+}
+
+.x-segmented-control:where([data-size="1"]) > label {
+  padding-inline: var(--space-2);
+  gap: var(--space-1);
+}
+
+.x-segmented-control:where([data-size="3"]) {
+  height: var(--space-7);
+  --seg-track-radius: max(var(--radius-3), var(--radius-pill));
+  font-size: var(--font-size-3);
+  line-height: var(--line-height-3);
+}
+
+.x-segmented-control:where([data-size="3"]) > label {
+  padding-inline: var(--space-4);
+  gap: var(--space-2);
+}
+
+.x-segmented-control:where([data-variant="soft"]) {
+  background-image: linear-gradient(var(--color-a3), var(--color-a3));
+}
+
+.x-segmented-control:where([data-variant="soft"]) > label {
+  color: var(--color-a11);
+}
+
+.x-segmented-control:where([data-variant="soft"]) > label:where(:has(:checked)) {
+  color: var(--color-a12, var(--color-12));
+}
+
+.x-segmented-control:where([data-variant="soft"]) > label + label:after {
+  background-color: var(--color-a4);
+}
+
+.x-segmented-control:where([data-high-contrast]) > label:where(:has(:checked)) {
+  color: var(--base-color-12);
+}
+
+.x-segmented-control:where([data-high-contrast][data-variant="soft"]) > label:where(:has(:checked)) {
+  color: var(--color-12);
+}

package/dist/utilities/_observe.mjs

@@ -1,4 +1,4 @@
-import { p as onCleanup } from "../lib-CVfOddra.mjs";
+import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/_observe.ts
 /**

package/dist/utilities/active-element.mjs

@@ -1,4 +1,4 @@
-import { o as computed } from "../lib-CVfOddra.mjs";
+import { o as computed } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
 import { isBrowser } from "./environment.mjs";

package/dist/utilities/async.mjs

@@ -1,4 +1,4 @@
-import { g as untracked, m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { g as untracked, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import { resolve } from "../signals/index.mjs";
 import { promise } from "./promise.mjs";
 //#region src/utilities/async.ts

package/dist/utilities/async.test.mjs

@@ -1,4 +1,4 @@
-import { m as signal, p as onCleanup, s as effect } from "../lib-CVfOddra.mjs";
+import { m as signal, p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/context.mjs

@@ -1,4 +1,4 @@
-import { m as signal, p as onCleanup } from "../lib-CVfOddra.mjs";
+import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/context.ts
 const registry = /* @__PURE__ */ new WeakMap();

package/dist/utilities/context.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope, m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/debounced.mjs

@@ -1,4 +1,4 @@
-import { m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { createTimeout } from "./timeout.mjs";
 //#region src/utilities/debounced.ts

package/dist/utilities/debounced.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope, m as signal } from "../lib-CVfOddra.mjs";
+import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/dom-lifecycle.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { isBrowser } from "./environment.mjs";
 //#region src/utilities/dom-lifecycle.ts

package/dist/utilities/element-rect.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { createResizeObserver } from "./resize-observer.mjs";
 //#region src/utilities/element-rect.ts

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/event-driven.mjs

@@ -1,4 +1,4 @@
-import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-CVfOddra.mjs";
+import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/event-driven.ts
 /**

package/dist/utilities/event-listener.mjs

@@ -1,4 +1,4 @@
-import { p as onCleanup, s as effect } from "../lib-CVfOddra.mjs";
+import { p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/event-listener.ts
 function on(target, type, handler, options) {

package/dist/utilities/event-listener.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope, m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";

package/dist/utilities/focus-within.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 //#region src/utilities/focus-within.ts

package/dist/utilities/focus-within.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/hover.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 //#region src/utilities/hover.ts

package/dist/utilities/hover.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/interval.mjs

@@ -1,4 +1,4 @@
-import { m as signal, p as onCleanup } from "../lib-CVfOddra.mjs";
+import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/interval.ts
 function createInterval(arg1, arg2) {

package/dist/utilities/interval.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/location.mjs

@@ -1,4 +1,4 @@
-import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-CVfOddra.mjs";
+import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { fromEvent } from "./event-driven.mjs";
 import { isBrowser } from "./environment.mjs";

package/dist/utilities/long-press.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/media-devices.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 //#region src/utilities/media-devices.ts

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/media-query.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
 import { isBrowser } from "./environment.mjs";

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/network.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 import { isBrowser } from "./environment.mjs";

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/orientation.mjs

@@ -1,4 +1,4 @@
-import { o as computed } from "../lib-CVfOddra.mjs";
+import { o as computed } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
 import { isBrowser } from "./environment.mjs";

package/dist/utilities/previous.mjs

@@ -1,4 +1,4 @@
-import { m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/previous.ts
 /**

package/dist/utilities/previous.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope, m as signal } from "../lib-CVfOddra.mjs";
+import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/promise.mjs

@@ -1,4 +1,4 @@
-import { a as batch, m as signal, o as computed } from "../lib-CVfOddra.mjs";
+import { a as batch, m as signal, o as computed } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/promise.ts
 /**

package/dist/utilities/promise.test.mjs

@@ -1,4 +1,4 @@
-import { s as effect } from "../lib-CVfOddra.mjs";
+import { s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/retry.mjs

@@ -1,4 +1,4 @@
-import { g as untracked, s as effect } from "../lib-CVfOddra.mjs";
+import { g as untracked, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/retry.ts
 /**

package/dist/utilities/retry.test.mjs

@@ -1,4 +1,4 @@
-import { p as onCleanup } from "../lib-CVfOddra.mjs";
+import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/routing.mjs

@@ -1,4 +1,4 @@
-import { o as computed } from "../lib-CVfOddra.mjs";
+import { o as computed } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { currentLocation } from "./location.mjs";
 //#region src/utilities/routing.ts

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

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/storage.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/throttled.mjs

@@ -1,4 +1,4 @@
-import { m as signal, s as effect } from "../lib-CVfOddra.mjs";
+import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { createTimeout } from "./timeout.mjs";
 //#region src/utilities/throttled.ts

package/dist/utilities/throttled.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope, m as signal } from "../lib-CVfOddra.mjs";
+import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/timeout.mjs

@@ -1,4 +1,4 @@
-import { m as signal, p as onCleanup } from "../lib-CVfOddra.mjs";
+import { m as signal, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/timeout.ts
 /**

package/dist/utilities/timeout.test.mjs

@@ -1,4 +1,4 @@
-import { c as effectScope } from "../lib-CVfOddra.mjs";
+import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
 import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";

package/dist/utilities/window-focus.mjs

@@ -1,4 +1,4 @@
-import { m as signal } from "../lib-CVfOddra.mjs";
+import { m as signal } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { on } from "./event-listener.mjs";
 import { isBrowser } from "./environment.mjs";

package/dist/utilities/window-size.mjs

@@ -1,4 +1,4 @@
-import { o as computed } from "../lib-CVfOddra.mjs";
+import { o as computed } from "../lib-Cg8fI7K5.mjs";
 import "../signals/index.mjs";
 import { fromEvent, sync } from "./event-driven.mjs";
 import { isBrowser } from "./environment.mjs";

package/package.json

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