elements-kit 0.19.0 → 0.21.0

package/dist/utilities/dom-lifecycle.mjs

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

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/element-rect.d.ts
 type RectResult = {

package/dist/utilities/element-rect.mjs

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

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

@@ -1,4 +1,4 @@
-import { x as Signal } from "../infer-B7T5hi_D.mjs";
+import { x as Signal } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/element-scroll.d.ts
 type ElementScrollResult = {

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

@@ -1,4 +1,4 @@
-import { x as Signal, y as Computed } from "../infer-B7T5hi_D.mjs";
+import { x as Signal, y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/event-driven.d.ts
 /**

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-Dkc7cV5F.mjs";
+import { S as trigger, _ as onCleanup, l as computed, s as SIGNAL, x as signal } from "../lib-DYypKhxk.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/event-driven.ts
 /**

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/event-listener.d.ts
 /**

package/dist/utilities/event-listener.mjs

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

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/focus-within.d.ts
 /**

package/dist/utilities/focus-within.mjs

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

package/dist/utilities/hover.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/hover.d.ts
 /**

package/dist/utilities/hover.mjs

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

package/dist/utilities/interval.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/interval.d.ts
 type IntervalResult = {

package/dist/utilities/interval.mjs

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

package/dist/utilities/location.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/location.d.ts
 type LocationResult = {

package/dist/utilities/location.mjs

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

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/media-devices.d.ts
 /**

package/dist/utilities/media-devices.mjs

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

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

@@ -1,4 +1,4 @@
-import { x as Signal, y as Computed } from "../infer-B7T5hi_D.mjs";
+import { x as Signal, y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/media-player.d.ts
 type MediaPlayerResult<T extends HTMLMediaElement> = {

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/media-query.d.ts
 /**

package/dist/utilities/media-query.mjs

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

package/dist/utilities/network.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/network.d.ts
 /**

package/dist/utilities/network.mjs

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

package/dist/utilities/orientation.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/orientation.d.ts
 type OrientationResult = {

package/dist/utilities/orientation.mjs

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

package/dist/utilities/previous.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/previous.d.ts
 /**

package/dist/utilities/previous.mjs

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

package/dist/utilities/promise.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { D as CLAIM, j as SEED, y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/promise.d.ts
 /**
@@ -27,7 +27,24 @@ declare class ReactivePromise<T, E = unknown> extends Promise<T> {
   get result(): T | E | undefined;
   constructor(executor: (resolve: (value: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void);
   static from<T, E = unknown>(p: Promise<T>): ReactivePromise<T, E>;
+  /**
+   * @internal Hydration seeding: settle the reactive state from a serialized
+   * server snapshot. The underlying promise is untouched — when it actually
+   * resolves or rejects, its handlers overwrite the seeded state
+   * (stale-while-revalidate). `await` still waits for the real settlement.
+   */
+  [SEED](value: unknown): void;
+  /**
+   * @internal Hydrate claim protocol: seed from the server record while the
+   * underlying promise is still pending. The promise fired at construction —
+   * there is no run to skip here (see `Async[CLAIM]` for that).
+   */
+  [CLAIM](record: {
+    value: unknown;
+  } | undefined): void;
 }
+/** @internal Cross-instance-safe `ReactivePromise` detection. */
+declare function isReactivePromiseLike(value: unknown): value is ReactivePromise<unknown, unknown>;
 /**
  * A {@link ReactivePromise} that is also callable as a `Computed<T | E | undefined>`.
  *
@@ -59,4 +76,4 @@ declare function promise<T, E = unknown>(p: ReactivePromise<T>): ComputedPromise
 declare function promise<T, E = unknown>(p: Promise<T>): ComputedPromise<T, E>;
 declare function promise<T, E = unknown>(executor: Executor<T, E>): ComputedPromise<T, E>;
 //#endregion
-export { ComputedPromise, ReactivePromise, promise };
+export { ComputedPromise, ReactivePromise, isReactivePromiseLike, promise };

package/dist/utilities/promise.mjs

@@ -1,4 +1,4 @@
-import { a as batch, m as signal, o as computed } from "../lib-Dkc7cV5F.mjs";
+import { C as untracked, c as batch, l as computed, n as CLAIM, o as SEED, x as signal } from "../lib-DYypKhxk.mjs";
 import "../signals/index.mjs";
 //#region src/utilities/promise.ts
 /**
@@ -64,7 +64,34 @@ var ReactivePromise = class ReactivePromise extends Promise {
 			p.then(resolve).catch(reject);
 		});
 	}
+	/**
+	* @internal Hydration seeding: settle the reactive state from a serialized
+	* server snapshot. The underlying promise is untouched — when it actually
+	* resolves or rejects, its handlers overwrite the seeded state
+	* (stale-while-revalidate). `await` still waits for the real settlement.
+	*/
+	[SEED](value) {
+		batch(() => {
+			this.#state("fulfilled");
+			this.#value(value);
+		});
+	}
+	/**
+	* @internal Hydrate claim protocol: seed from the server record while the
+	* underlying promise is still pending. The promise fired at construction —
+	* there is no run to skip here (see `Async[CLAIM]` for that).
+	*/
+	[CLAIM](record) {
+		if (record && untracked(() => this.#state()) === "pending") this[SEED](record.value);
+	}
 };
+const REACTIVE_PROMISE_BRAND = Symbol.for("elements-kit.reactive-promise");
+Object.defineProperty(ReactivePromise.prototype, REACTIVE_PROMISE_BRAND, { value: true });
+/** @internal Cross-instance-safe `ReactivePromise` detection. */
+function isReactivePromiseLike(value) {
+	if (value instanceof ReactivePromise) return true;
+	return value != null && (typeof value === "object" || typeof value === "function") && value[REACTIVE_PROMISE_BRAND] === true;
+}
 const PROMISE_KEYS = new Set([
 	"then",
 	"catch",
@@ -72,7 +99,10 @@ const PROMISE_KEYS = new Set([
 	"state",
 	"value",
 	"reason",
-	"result"
+	"result",
+	SEED,
+	CLAIM,
+	REACTIVE_PROMISE_BRAND
 ]);
 function resolvePromise(from) {
 	if (from instanceof ReactivePromise) return from;
@@ -99,4 +129,4 @@ function promise(from) {
 	});
 }
 //#endregion
-export { ReactivePromise, promise };
+export { ReactivePromise, isReactivePromiseLike, promise };

package/dist/utilities/retry.mjs

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

package/dist/utilities/routing.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/routing.d.ts
 /**

package/dist/utilities/routing.mjs

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

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/search-params.d.ts
 /**

package/dist/utilities/storage.d.mts

@@ -1,4 +1,4 @@
-import { x as Signal } from "../infer-B7T5hi_D.mjs";
+import { x as Signal } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/storage.d.ts
 type StorageOptions<T> = {

package/dist/utilities/throttled.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/throttled.d.ts
 /**

package/dist/utilities/throttled.mjs

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

package/dist/utilities/timeout.d.mts

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/timeout.d.ts
 type TimeoutResult = {

package/dist/utilities/timeout.mjs

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

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/window-focus.d.ts
 /**

package/dist/utilities/window-focus.mjs

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

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

@@ -1,4 +1,4 @@
-import { y as Computed } from "../infer-B7T5hi_D.mjs";
+import { y as Computed } from "../types-CUvFIgPa.mjs";
 
 //#region src/utilities/window-size.d.ts
 type WindowSizeResult = {

package/dist/utilities/window-size.mjs

@@ -1,4 +1,4 @@
-import { o as computed } from "../lib-Dkc7cV5F.mjs";
+import { l as computed } from "../lib-DYypKhxk.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.19.0",
+  "version": "0.21.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",
@@ -69,6 +69,21 @@
       "import": "./dist/render.mjs",
       "types": "./dist/render.d.mts"
     },
+    "./await": {
+      "source": "./src/await.ts",
+      "import": "./dist/await.mjs",
+      "types": "./dist/await.d.mts"
+    },
+    "./server": {
+      "source": "./src/server/index.ts",
+      "import": "./dist/server/index.mjs",
+      "types": "./dist/server/index.d.mts"
+    },
+    "./hydrate": {
+      "source": "./src/hydrate/index.ts",
+      "import": "./dist/hydrate/index.mjs",
+      "types": "./dist/hydrate/index.d.mts"
+    },
     "./jsx-runtime": {
       "source": "./src/jsx-runtime/index.ts",
       "import": "./dist/jsx-runtime/index.mjs",
@@ -94,6 +109,12 @@
       "import": "./dist/ui/overlay/index.mjs",
       "types": "./dist/ui/overlay/index.d.mts"
     },
+    "./ui/otp-input": {
+      "source": "./src/ui/otp-input/index.ts",
+      "import": "./dist/ui/otp-input/index.mjs",
+      "types": "./dist/ui/otp-input/index.d.mts"
+    },
+    "./ui/styles.css": "./dist/ui/styles/index.css",
     "./ui/*": "./dist/ui/*"
   },
   "scripts": {
@@ -118,6 +139,7 @@
     "vitest": "^4.1.2"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.7.6",
     "dom-expressions": "^0.40.6"
   },
   "peerDependencies": {