elements-kit 0.22.1 → 0.23.0

package/dist/{hydrate-DvWdnV-e.mjs → hydrate-CrVzu88K.mjs}

@@ -1,11 +1,11 @@
 import { C as untracked, _ as onCleanup, d as effectScope, n as CLAIM, t as ASYNC_REGION, u as effect, v as setDeferAsyncRuns } from "./lib-DYypKhxk.mjs";
-import { isReactive, resolveProps } from "./signals/index.mjs";
+import { isReactive } from "./signals/index.mjs";
 import { isReactivePromiseLike } from "./utilities/promise.mjs";
 import { flushDeferredAsyncRuns, isAsyncLike } from "./utilities/async.mjs";
-import { i as applyProps, o as resolveChild, r as setRenderer, t as createElement } from "./element-Di0PYFX1.mjs";
+import { i as applyProps, o as resolveChild, r as setRenderer, t as createElement } from "./element-w3nDE2S5.mjs";
 import { Slot } from "./slot.mjs";
 import { For, isForComponent } from "./for.mjs";
-import { n as isFragmentComponent, r as parseHtml, t as Fragment } from "./fragment-Bvs1sGu1.mjs";
+import { n as isFragmentComponent, r as parseHtml, t as Fragment } from "./fragment-DEhI5x0f.mjs";
 //#region src/hydrate/claim.ts
 let hydrationContext = null;
 function setHydrationContext(ctx) {
@@ -35,7 +35,7 @@ const claimRenderer = { jsx(type, props) {
 		kind: "for",
 		props
 	};
-	if (typeof type === "function" && !type.prototype?.render) return type(resolveProps(props));
+	if (typeof type === "function" && !type.prototype?.render) return type(props);
 	const name = typeof type === "function" ? type.name ?? "anonymous" : String(type);
 	throw new Error(`Hydration does not support class components ("${name}"); v1 supports intrinsic elements, function components, Fragment and For.`);
 } };

package/dist/index-BR8XVkck.d.mts

@@ -0,0 +1,392 @@
+//#region src/signals/lib.d.ts
+declare const SIGNAL: unique symbol;
+declare const COMPUTED: unique symbol;
+declare const EFFECT: unique symbol;
+declare const EFFECT_SCOPE: unique symbol;
+/**
+ * Returns `true` if `fn` is a signal handle created by {@link signal}.
+ *
+ * Relies on the SIGNAL symbol.
+ */
+declare function isSignal(fn: unknown): boolean;
+/**
+ * Returns `true` if `fn` is a computed handle created by {@link computed}.
+ *
+ * Relies on the COMPUTED symbol.
+ */
+declare function isComputed(fn: unknown): boolean;
+/**
+ * Returns `true` if `fn` is an effect cleanup handle created by {@link effect}.
+ *
+ * Relies on the EFFECT symbol.
+ */
+declare function isEffect(fn: unknown): boolean;
+/**
+ * Returns `true` if `fn` is an effectScope cleanup handle created by
+ * {@link effectScope}.
+ *
+ * Relies on `Function.name` matching the internal `effectScopeOper` function name.
+ */
+declare function isEffectScope(fn: () => void): boolean;
+/**
+ * Creates a mutable reactive signal.
+ *
+ * - **Read**: call with no arguments → returns the current value and
+ *   subscribes the active tracking context.
+ * - **Write**: call with a value → updates the signal and schedules
+ *   downstream effects if the value changed.
+ *
+ * @example
+ * ```ts
+ * const count = signal(0);
+ * count();        // → 0  (read)
+ * count(1);       // write – effects depending on count will re-run
+ * count();        // → 1
+ * ```
+ */
+declare function signal<T>(): Updater<T> & Computed<T>;
+declare function signal<T>(initialValue: T): Updater<T> & Computed<T>;
+/**
+ * Creates a lazily-evaluated computed value.
+ *
+ * The `getter` is only called when the computed value is read **and** one of
+ * its dependencies has changed since the last evaluation.  If nothing has
+ * changed the cached `value` is returned without re-running `getter`.
+ *
+ * Computed values are read-only; they cannot be set directly.
+ *
+ * @param getter - Pure function deriving a value from other reactive sources.
+ *                 Receives the previous value as an optional optimisation hint.
+ *
+ * @example
+ * ```ts
+ * const a = signal(1);
+ * const b = signal(2);
+ * const sum = computed(() => a() + b());
+ *
+ * sum(); // → 3
+ * a(10);
+ * sum(); // → 12  (re-evaluated lazily)
+ * ```
+ */
+declare function computed<T>(getter: (previousValue?: T) => T): () => T;
+/**
+ * Creates a reactive side-effect that runs immediately and re-runs whenever
+ * any signal or computed it read during its last execution changes.
+ *
+ * Use {@link onCleanup} inside `fn` to register teardown logic that runs
+ * before each re-execution and on final disposal.
+ *
+ * If `effect` is called inside an `effectScope` or another `effect`, the
+ * new effect is automatically owned by the outer scope and will be disposed
+ * when the scope is disposed.
+ *
+ * @param fn - The side-effect body.  Reactive reads inside this function
+ *             establish dependency links.
+ * @returns A disposal function.  Call it to stop the effect and run any
+ *          registered cleanup.
+ *
+ * @example
+ * ```ts
+ * const url = signal('/api/data');
+ *
+ * const stop = effect(() => {
+ *   const controller = new AbortController();
+ *   fetch(url(), { signal: controller.signal });
+ *   onCleanup(() => controller.abort());
+ * });
+ *
+ * url('/api/other'); // previous fetch is aborted, new one starts
+ * stop();            // final cleanup: abort the last fetch
+ * ```
+ */
+/**
+ * @internal Method key for settling a reactive async wrapper from a
+ * serialized server snapshot (hydration seeding). Lives here so
+ * `utilities/promise`, `utilities/async` and `hydrate` can share it without
+ * a utility-to-utility dependency.
+ */
+declare const SEED: unique symbol;
+/**
+ * @internal Method key for the hydrate claim protocol: the claim walk hands
+ * each async wrapper its ek-data record (or undefined). The wrapper decides —
+ * seed and discard any deferred run, or execute the deferred run now.
+ */
+declare const CLAIM: unique symbol;
+declare function effect(fn: () => void): () => void;
+/**
+ * Creates an ownership scope that groups reactive effects so they can all be
+ * disposed at once.
+ *
+ * Effects and nested scopes created inside `fn` are linked to this scope.
+ * When the returned disposal function is called, all owned effects are stopped
+ * in cascade – triggering their registered {@link onCleanup} callbacks – and
+ * the scope itself is removed from any parent scope that owns it.
+ *
+ * @param fn - Synchronous setup function.  Create effects and nested scopes
+ *             here.
+ * @returns A disposal function that tears down all owned effects and the scope
+ *          itself.
+ *
+ * @example
+ * ```ts
+ * const stopAll = effectScope(() => {
+ *   effect(() => console.log('a:', a()));
+ *   effect(() => console.log('b:', b()));
+ * });
+ *
+ * stopAll(); // both effects stopped simultaneously
+ * ```
+ */
+declare function effectScope(fn: () => void): () => void;
+/**
+ * Registers a cleanup callback for the currently executing effect or scope.
+ *
+ * The callback will be called:
+ * 1. **Before the next re-run** of the enclosing effect (so resources from
+ *    the previous run are released before the new run sets them up again).
+ * 2. **On final disposal** of the effect, whether triggered explicitly by
+ *    calling the effect's cleanup handle or implicitly by an owning
+ *    `effectScope` being disposed.
+ *
+ * Calling `onCleanup` outside of a tracking context (no active effect) is a
+ * no-op; it does **not** throw.
+ *
+ * Only one cleanup function per effect run is supported.  Calling `onCleanup`
+ * multiple times within the same run overwrites the previous registration.
+ *
+ * @param fn - The teardown callback.
+ *
+ * @example
+ * ```ts
+ * effect(() => {
+ *   const id = setInterval(() => tick(), 1000);
+ *   onCleanup(() => clearInterval(id));
+ * });
+ * ```
+ *
+ * @example Composable helper – no prop-drilling needed:
+ * ```ts
+ * function useEventListener(target: EventTarget, type: string, handler: EventListener) {
+ *   target.addEventListener(type, handler);
+ *   onCleanup(() => target.removeEventListener(type, handler));
+ * }
+ *
+ * effect(() => {
+ *   useEventListener(window, 'resize', onResize);
+ * });
+ * ```
+ */
+declare function onCleanup(fn: () => void): void;
+/**
+ * Runs `fn` as a single atomic update: all signal writes inside `fn` are
+ * collected and effects are flushed only once after `fn` returns, rather than
+ * after each individual write.
+ *
+ * Batches can be nested; the flush only occurs when the outermost batch
+ * completes.
+ *
+ * @example
+ * ```ts
+ * batch(() => {
+ *   x(1);
+ *   y(2);
+ *   z(3);
+ * }); // effects that depend on x, y, or z run once here
+ * ```
+ */
+declare function batch(fn: () => void): void;
+/**
+ * Executes `fn` in a non-tracking context: any signals read inside `fn` do
+ * **not** create dependency links on the currently active subscriber.
+ *
+ * Useful when you need to read a signal's current value without subscribing to
+ * future changes.
+ *
+ * @returns The value returned by `fn`.
+ *
+ * @example
+ * ```ts
+ * const logCount = effect(() => {
+ *   console.log('triggered by a:', a());
+ *   // read b without subscribing – effect won't re-run when b changes
+ *   console.log('current b:', untracked(b));
+ * });
+ * ```
+ */
+declare function untracked<T>(fn: Computed<T>): T;
+/**
+ * Manually triggers all subscribers of every signal read inside `fn`.
+ *
+ * Unlike writing to a signal, `trigger` does not change the signal's value; it
+ * only forces downstream effects and computeds to re-evaluate.
+ *
+ * @param fn - Function whose reactive reads identify the signals to trigger.
+ *
+ * @example
+ * ```ts
+ * const items = signal([1, 2, 3]);
+ *
+ * // Mutate in place (referential equality won't detect the change):
+ * items().push(4);
+ * trigger(items); // manually notify subscribers
+ * ```
+ */
+declare function trigger<T = void>(fn: Computed<T>): void;
+//#endregion
+//#region src/signals/index.d.ts
+/**
+ * Type-guard: `true` when `value` is a reactive source (`signal` or `computed`),
+ * `false` when it is a plain value.
+ *
+ * Use this when you accept {@link MaybeReactive} and need to branch on whether
+ * the caller passed a live source or a static value.
+ *
+ * @example
+ * ```ts
+ * import { signal, isReactive } from "elements-kit/signals";
+ *
+ * const a: MaybeReactive<number> = 5;
+ * const b: MaybeReactive<number> = signal(0);
+ * const c: () => number = () => 5;
+ *
+ * isReactive(a); // false
+ * isReactive(b); // true
+ * isReactive(c); // false
+ * ```
+ */
+declare function isReactive<T>(value: MaybeReactive<T>): value is () => T;
+/** Writer half of a {@link Signal}: `sig(next)` assigns a new value. */
+type Updater<T> = (value: T) => void;
+/** Zero-arg getter that subscribes the current tracking scope on call. */
+type Computed<T> = () => T;
+/**
+ * A reactive read/write cell — callable as both a getter (no args) and a
+ * setter (one arg).
+ *
+ * @example
+ * ```ts
+ * import { signal } from "elements-kit/signals";
+ *
+ * const count: Signal<number> = signal(0);
+ * count();   // read → 0 (subscribes the active scope)
+ * count(5);  // write → notifies subscribers
+ * ```
+ */
+type Signal<T> = Updater<T> & Computed<T>;
+/**
+ * A decorator that makes a class field reactive by automatically wrapping its value in a signal.
+ *
+ * The field behaves like a normal property (get/set) but reactivity is tracked under the hood.
+ * Any reads will subscribe to the signal and any writes will trigger updates.
+ *
+ * @example
+ * ```ts
+ * class Counter {
+ *   \@reactive() count: number = 0;
+ * }
+ *
+ * const counter = new Counter();
+ * counter.count++;        // Triggers reactivity
+ * console.log(counter.count); // Subscribes to changes
+ * ```
+ *
+ * @remarks
+ * Equivalent to manually creating a private signal and getter/setter:
+ * ```ts
+ * class Counter {
+ *   #count = signal(0);
+ *   get count() { return this.#count(); }
+ *   set count(value) { this.#count(value); }
+ * }
+ * ```
+ */
+declare function reactive<This extends object, Value>(source?: (self: This) => Signal<Value>): (_target: unknown, context: ClassFieldDecoratorContext<This, Value>) => (this: This, initialValue: Value) => Value;
+/**
+ * A value that may be static or reactive. Accepts a plain `T` or a
+ * zero-arg getter (`() => T`) — typically a `signal` or `computed`.
+ *
+ * Used across the library anywhere a prop or attribute may be bound to
+ * reactive state. Resolve with {@link resolve}, detect with {@link isReactive}.
+ *
+ * @template T — the value type.
+ *
+ * @example
+ * ```ts
+ * import { signal, computed } from "elements-kit/signals";
+ *
+ * const count = signal(0);
+ * const double = computed(() => count() * 2);
+ *
+ * const a: MaybeReactive<number> = 5;       // static
+ * const b: MaybeReactive<number> = count;   // signal (getter)
+ * const c: MaybeReactive<number> = double;  // computed (getter)
+ * ```
+ */
+type MaybeReactive<T> = T | Computed<T>;
+/**
+ * Resolve a {@link MaybeReactive} to its current value. Calls the getter when
+ * reactive (a `signal` or `computed`); returns the value as-is otherwise — an
+ * unbranded function is a value, not a source, so a callback survives intact.
+ *
+ * This is how a function component reads a prop it declared `MaybeReactive`:
+ * the runtime hands props over exactly as the caller wrote them, so the value
+ * may be either form. Reading inside an effect or a JSX getter subscribes.
+ *
+ * @example
+ * ```ts
+ * resolve(5);            // 5
+ * resolve(count);        // current count value — signal
+ * resolve(props.label);  // current value, whichever form the caller passed
+ * resolve(() => 5);      // the function itself — unbranded, so not a source
+ * ```
+ */
+declare function resolve<T>(value: MaybeReactive<T>): T;
+/**
+ * A props bag where every key is a getter — what {@link computedProps} produces.
+ * The counterpart to `Props<P>`: that one is what a caller may pass, this is
+ * what a body reads. Optional keys lose their `?`, so `props.excited()` needs
+ * no `?.` — the getter is always there, only its result may be undefined.
+ *
+ * @template P — the raw prop shape.
+ */
+type ComputedProps<P> = { readonly [K in keyof P]-?: Computed<P[K]> };
+/**
+ * Reactive keys become the value they yield. `computedProps` infers its shape
+ * verbatim and unwraps here, because inferring through `T | Computed<T>` picks
+ * the `Computed` branch for any function prop and yields its return type.
+ */
+type Unwrap<P> = { [K in keyof P]: UnwrapValue<P[K]> };
+/** Naked parameter so it distributes: `T | Computed<T>` collapses to `T`. */
+type UnwrapValue<V> = V extends Computed<infer T> ? T : V;
+/** Arity of a call signature; `0` for anything that is not callable. */
+type ArgCount<F> = F extends ((...args: infer A) => unknown) ? A["length"] : 0;
+type ArgFnPropError = "computedProps: a prop that takes arguments cannot be inferred here — read it off the raw props instead";
+/**
+ * Reject props that take arguments — inference cannot tell them from a getter.
+ * Zero-arg ones stay: `Signal` and `Computed` are zero-arg callables too.
+ */
+type NoArgFnProps<P> = { [K in keyof P]: ArgCount<P[K]> extends 0 ? P[K] : ArgFnPropError };
+/**
+ * Turn props into a bag of per-key getters, so a body reads one shape no matter
+ * which form the caller passed. Opt-in: the JSX runtime hands function
+ * components their props untouched.
+ *
+ * Every key is callable, including one the caller omitted. A getter is always
+ * truthy, so defaults go on the call: `props.excited() ?? "…"`. Read a bag by
+ * calling the key — {@link resolve} is for raw props.
+ *
+ * Function props are the limit: a prop taking arguments is rejected, and a
+ * zero-arg one types as its return value. Read those off the raw props.
+ *
+ * @example
+ * ```ts
+ * const count = signal(0);
+ * const props = computedProps({ count, label: "n" });
+ * props.count();   // 0 — subscribes to count
+ * props.label();   // "n"
+ * ```
+ */
+declare function computedProps<P extends object>(raw: P & NoArgFnProps<P>): ComputedProps<Unwrap<P>>;
+//#endregion
+export { isSignal as C, untracked as D, trigger as E, isEffectScope as S, signal as T, computed as _, Updater as a, isComputed as b, reactive as c, COMPUTED as d, EFFECT as f, batch as g, SIGNAL as h, Signal as i, resolve as l, SEED as m, ComputedProps as n, computedProps as o, EFFECT_SCOPE as p, MaybeReactive as r, isReactive as s, Computed as t, CLAIM as u, effect as v, onCleanup as w, isEffect as x, effectScope as y };

package/dist/integrations/astro-client.mjs

@@ -1,6 +1,6 @@
-import { t as createElement } from "../element-Di0PYFX1.mjs";
+import { t as createElement } from "../element-w3nDE2S5.mjs";
 import { render } from "../render.mjs";
-import { t as hydrate } from "../hydrate-DvWdnV-e.mjs";
+import { t as hydrate } from "../hydrate-CrVzu88K.mjs";
 import { withSlotProps } from "./astro-slots.mjs";
 //#region src/integrations/astro-client.ts
 /**

package/dist/integrations/astro-server.mjs

@@ -1,8 +1,7 @@
 import { y as setInertEffects } from "../lib-DYypKhxk.mjs";
-import { resolveProps } from "../signals/index.mjs";
-import { r as setRenderer, t as createElement } from "../element-Di0PYFX1.mjs";
+import { r as setRenderer, t as createElement } from "../element-w3nDE2S5.mjs";
 import { withSlotProps } from "./astro-slots.mjs";
-import { i as serverJsx, n as renderToString, r as SNode } from "../server-CTkyXTV6.mjs";
+import { i as serverJsx, n as renderToString, r as SNode } from "../server-D7ffi7b_.mjs";
 //#region src/integrations/astro-server.ts
 /**
 * Decide whether `Component` is an elements-kit component. Invoked by Astro
@@ -17,7 +16,7 @@ const check = async (Component, props) => {
 	const prevInert = setInertEffects(true);
 	setRenderer({ jsx: serverJsx });
 	try {
-		return Component(resolveProps(props ?? {})) instanceof SNode;
+		return Component(props ?? {}) instanceof SNode;
 	} catch {
 		return false;
 	} finally {

package/dist/integrations/astro-slots.mjs

@@ -1,5 +1,5 @@
-import { t as createElement } from "../element-Di0PYFX1.mjs";
-import { t as Fragment } from "../fragment-Bvs1sGu1.mjs";
+import { t as createElement } from "../element-w3nDE2S5.mjs";
+import { t as Fragment } from "../fragment-DEhI5x0f.mjs";
 //#region src/integrations/astro-slots.ts
 /**
 * @internal Map Astro's pre-rendered slot HTML (`Record<name, html>`) into

package/dist/integrations/react.d.mts

@@ -1,4 +1,4 @@
-import { f as Computed } from "../children-s3nFjpLA.mjs";
+import { t as Computed } from "../index-BR8XVkck.mjs";
 
 //#region src/integrations/react.d.ts
 /**

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

@@ -1,2 +1,3 @@
-import { a as Fragment, c as Props, d as Require, i as JSX, l as PropsOf, n as ComponentClass, o as createElement, p as MaybeReactive, r as ComponentFn, s as MaybeReactiveProps, t as Children, u as RawProps } from "../children-s3nFjpLA.mjs";
-export { type Children, ComponentClass, ComponentFn, Fragment, JSX, type MaybeReactive, type MaybeReactiveProps, type Props, type PropsOf, type RawProps, type Require, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };
+import { a as Fragment, c as PropsOf, i as JSX, l as Require, n as ComponentClass, o as MaybeReactiveProps, r as ComponentFn, s as Props, t as Children, u as createElement } from "../children-BbHF-Dew.mjs";
+import { n as ComputedProps, r as MaybeReactive } from "../index-BR8XVkck.mjs";
+export { type Children, ComponentClass, ComponentFn, type ComputedProps, Fragment, JSX, type MaybeReactive, type MaybeReactiveProps, type Props, type PropsOf, type Require, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };

package/dist/jsx-runtime/index.mjs

@@ -1,3 +1,3 @@
-import { t as createElement } from "../element-Di0PYFX1.mjs";
-import { t as Fragment } from "../fragment-Bvs1sGu1.mjs";
+import { t as createElement } from "../element-w3nDE2S5.mjs";
+import { t as Fragment } from "../fragment-DEhI5x0f.mjs";
 export { Fragment, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };

package/dist/server/index.mjs

@@ -1,2 +1,2 @@
-import { n as renderToString, t as renderToStream } from "../server-CTkyXTV6.mjs";
+import { n as renderToString, t as renderToStream } from "../server-D7ffi7b_.mjs";
 export { renderToStream, renderToString };

package/dist/{server-CTkyXTV6.mjs → server-D7ffi7b_.mjs}

@@ -1,10 +1,10 @@
 import { C as untracked, y as setInertEffects } from "./lib-DYypKhxk.mjs";
-import { isReactive, resolveProps } from "./signals/index.mjs";
+import { isReactive } from "./signals/index.mjs";
 import { isReactivePromiseLike } from "./utilities/promise.mjs";
 import { isAsyncLike } from "./utilities/async.mjs";
-import { c as BooleanAttributes, l as ChildProperties, r as setRenderer, s as AttrAliases, u as Properties } from "./element-Di0PYFX1.mjs";
+import { c as BooleanAttributes, l as ChildProperties, r as setRenderer, s as AttrAliases, u as Properties } from "./element-w3nDE2S5.mjs";
 import { isForComponent } from "./for.mjs";
-import { n as isFragmentComponent } from "./fragment-Bvs1sGu1.mjs";
+import { n as isFragmentComponent } from "./fragment-DEhI5x0f.mjs";
 //#region src/server/escape.ts
 function escapeDelim(s, delim, escDelim) {
 	let iDelim = s.indexOf(delim);
@@ -121,7 +121,7 @@ function serverJsx(type, props) {
 		return new SNode(childList(props.children));
 	}
 	if (isForComponent(type)) return forElement(props);
-	if (typeof type === "function" && !type.prototype?.render) return new SNode(child(type(resolveProps(props))));
+	if (typeof type === "function" && !type.prototype?.render) return new SNode(child(type(props)));
 	const name = typeof type === "function" ? type.name ?? "anonymous" : String(type);
 	throw new Error(`Server rendering does not support class components ("${name}"); v1 supports intrinsic elements, function components, Fragment and For.`);
 }

package/dist/signals/index.d.mts

@@ -1,2 +1,2 @@
-import { A as isComputed, C as EFFECT_SCOPE, D as computed, E as batch, F as signal, I as trigger, L as untracked, M as isEffectScope, N as isSignal, O as effect, P as onCleanup, S as EFFECT, T as SIGNAL, _ as reactive, b as CLAIM, f as Computed, g as isReactive, h as Updater, j as isEffect, k as effectScope, m as Signal, p as MaybeReactive, v as resolve, w as SEED, x as COMPUTED, y as resolveProps } from "../children-s3nFjpLA.mjs";
-export { CLAIM, COMPUTED, Computed, EFFECT, EFFECT_SCOPE, MaybeReactive, SEED, SIGNAL, Signal, Updater, batch, computed, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, onCleanup, reactive, resolve, resolveProps, signal, trigger, untracked };
+import { C as isSignal, D as untracked, E as trigger, S as isEffectScope, T as signal, _ as computed, a as Updater, b as isComputed, c as reactive, d as COMPUTED, f as EFFECT, g as batch, h as SIGNAL, i as Signal, l as resolve, m as SEED, n as ComputedProps, o as computedProps, p as EFFECT_SCOPE, r as MaybeReactive, s as isReactive, t as Computed, u as CLAIM, v as effect, w as onCleanup, x as isEffect, y as effectScope } from "../index-BR8XVkck.mjs";
+export { CLAIM, COMPUTED, Computed, ComputedProps, EFFECT, EFFECT_SCOPE, MaybeReactive, SEED, SIGNAL, Signal, Updater, batch, computed, computedProps, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, onCleanup, reactive, resolve, signal, trigger, untracked };

package/dist/signals/index.mjs

@@ -75,42 +75,48 @@ function reactive(source) {
 	};
 }
 /**
-* Resolve a {@link MaybeReactive} to its current value. Calls the getter
-* when reactive; returns the value as-is when static.
+* Resolve a {@link MaybeReactive} to its current value. Calls the getter when
+* reactive (a `signal` or `computed`); returns the value as-is otherwise — an
+* unbranded function is a value, not a source, so a callback survives intact.
+*
+* This is how a function component reads a prop it declared `MaybeReactive`:
+* the runtime hands props over exactly as the caller wrote them, so the value
+* may be either form. Reading inside an effect or a JSX getter subscribes.
 *
 * @example
 * ```ts
-* resolve(5);              // 5
-* resolve(() => count());  // current count value
+* resolve(5);            // 5
+* resolve(count);        // current count value — signal
+* resolve(props.label);  // current value, whichever form the caller passed
+* resolve(() => 5);      // the function itself — unbranded, so not a source
 * ```
 */
 function resolve(value) {
 	return isReactive(value) ? value() : value;
 }
+const COMPUTED_PROPS = Symbol.for("elements-kit.computed-props");
 /**
-* Turn a reactive-props object into a bag of per-key getters. Callers may
-* pass values or reactive sources (`signal`, `computed`); reading
-* `props.name()` inside an effect or JSX getter subscribes to whatever
-* drives it. Static values become stable thunks, signals and computed pass
-* through unchanged — so identity is preserved (`props.name === props.name`).
+* Turn props into a bag of per-key getters, so a body reads one shape no matter
+* which form the caller passed. Opt-in: the JSX runtime hands function
+* components their props untouched.
+*
+* Every key is callable, including one the caller omitted. A getter is always
+* truthy, so defaults go on the call: `props.excited() ?? "…"`. Read a bag by
+* calling the key — {@link resolve} is for raw props.
 *
-* The JSX runtime auto-applies this to function-component props — call
-* directly only for non-JSX call sites or nested prop bags.
+* Function props are the limit: a prop taking arguments is rejected, and a
+* zero-arg one types as its return value. Read those off the raw props.
 *
 * @example
 * ```ts
-* import { resolveProps } from "elements-kit/signals";
-* import { signal } from "elements-kit/signals";
-*
 * const count = signal(0);
-* const props = resolveProps({ count, label: "n" });
+* const props = computedProps({ count, label: "n" });
 * props.count();   // 0 — subscribes to count
 * props.label();   // "n"
 * ```
 */
-const RESOLVED_PROPS = Symbol.for("elements-kit.resolved-props");
-function resolveProps(raw) {
-	if (raw[RESOLVED_PROPS]) return raw;
+function computedProps(raw) {
+	if (raw[COMPUTED_PROPS]) return raw;
 	const ownKeys = Reflect.ownKeys(raw);
 	const ownKeySet = new Set(ownKeys);
 	const cache = /* @__PURE__ */ new Map();
@@ -124,7 +130,11 @@ function resolveProps(raw) {
 		return getter;
 	};
 	return new Proxy(raw, {
-		get: (_target, key) => key === RESOLVED_PROPS ? true : get(key),
+		get: (target, key, receiver) => {
+			if (key === COMPUTED_PROPS) return true;
+			if (!ownKeySet.has(key) && (typeof key === "symbol" || key in target || key === "toJSON")) return Reflect.get(target, key, receiver);
+			return get(key);
+		},
 		has: (_target, key) => ownKeySet.has(key),
 		ownKeys: () => ownKeys,
 		getOwnPropertyDescriptor: (_target, key) => ownKeySet.has(key) ? {
@@ -136,4 +146,4 @@ function resolveProps(raw) {
 	});
 }
 //#endregion
-export { CLAIM, COMPUTED, EFFECT, EFFECT_SCOPE, SEED, SIGNAL, batch, computed, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, onCleanup, reactive, resolve, resolveProps, signal, trigger, untracked };
+export { CLAIM, COMPUTED, EFFECT, EFFECT_SCOPE, SEED, SIGNAL, batch, computed, computedProps, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, onCleanup, reactive, resolve, signal, trigger, untracked };

package/dist/ui/otp-input/index.d.mts

@@ -1,5 +1,5 @@
 import { n as AttrChangeHandler, t as ATTRIBUTES } from "../../attributes-DILeh3-s.mjs";
-import { t as HTMLElementBase } from "../../environment-CTAGxqz_.mjs";
+import { t as HTMLElementBase } from "../../environment-Fg46vL6e.mjs";
 
 //#region src/ui/otp-input/otp-input.d.ts
 /**

package/dist/utilities/active-element.d.mts

@@ -1,4 +1,4 @@
-import { f as Computed } from "../children-s3nFjpLA.mjs";
+import { t as Computed } from "../index-BR8XVkck.mjs";
 
 //#region src/utilities/active-element.d.ts
 declare const activeElement: Computed<Element | null>;

package/dist/utilities/async.d.mts

@@ -1,4 +1,4 @@
-import { b as CLAIM, p as MaybeReactive, w as SEED } from "../children-s3nFjpLA.mjs";
+import { m as SEED, r as MaybeReactive, u as CLAIM } from "../index-BR8XVkck.mjs";
 import { ComputedPromise } from "./promise.mjs";
 
 //#region src/utilities/async.d.ts

package/dist/utilities/debounced.d.mts

@@ -1,4 +1,4 @@
-import { f as Computed } from "../children-s3nFjpLA.mjs";
+import { t as Computed } from "../index-BR8XVkck.mjs";
 
 //#region src/utilities/debounced.d.ts
 /**

package/dist/utilities/element-rect.d.mts

@@ -1,4 +1,4 @@
-import { f as Computed } from "../children-s3nFjpLA.mjs";
+import { t as Computed } from "../index-BR8XVkck.mjs";
 
 //#region src/utilities/element-rect.d.ts
 type RectResult = {

package/dist/utilities/element-scroll.d.mts

@@ -1,4 +1,4 @@
-import { m as Signal } from "../children-s3nFjpLA.mjs";
+import { i as Signal } from "../index-BR8XVkck.mjs";
 
 //#region src/utilities/element-scroll.d.ts
 type ElementScrollResult = {

package/dist/utilities/environment.d.mts

@@ -1,2 +1,2 @@
-import { n as isBrowser, r as noopDisposable, t as HTMLElementBase } from "../environment-CTAGxqz_.mjs";
+import { n as isBrowser, r as noopDisposable, t as HTMLElementBase } from "../environment-Fg46vL6e.mjs";
 export { HTMLElementBase, isBrowser, noopDisposable };

package/dist/utilities/event-driven.d.mts

@@ -1,4 +1,4 @@
-import { f as Computed, m as Signal } from "../children-s3nFjpLA.mjs";
+import { i as Signal, t as Computed } from "../index-BR8XVkck.mjs";
 
 //#region src/utilities/event-driven.d.ts
 /**