seitu 0.7.0 → 0.9.0

package/dist/core/debounce-fn.d.ts

@@ -0,0 +1,21 @@
+import type { Readable, Subscribable } from './subscription';
+export interface DebouncedFn<A extends unknown[], R> extends Readable<R | undefined>, Subscribable<R | undefined> {
+    (...args: A): void;
+}
+/**
+ * Wraps a plain function in a debounced callable that also acts as a subscribable.
+ *
+ * Each call resets the debounce timer. When the timer fires, the wrapped function
+ * is invoked and its return value becomes the current state, notifying subscribers.
+ *
+ * @example
+ * ```ts twoslash
+ * import { createDebounceFn } from 'seitu'
+ *
+ * const search = createDebounceFn((query: string) => fetch(`/api?q=${query}`), 300)
+ * search.subscribe(result => console.log('result:', result))
+ * search('hello') // debounced — fires after 300ms of inactivity
+ * search.get() // latest return value (undefined until first call)
+ * ```
+ */
+export declare function createDebounceFn<A extends unknown[], R>(fn: (...args: A) => R, wait: number): DebouncedFn<A, R>;

package/dist/core/debounce.d.ts

@@ -0,0 +1,19 @@
+import type { Readable, Subscribable } from './subscription';
+export interface Debounced<T> extends Readable<T>, Subscribable<T> {
+}
+/**
+ * Creates a debounced readable that delays updates from a source subscribable.
+ *
+ * The debounced store will only emit the latest value after `wait` milliseconds
+ * of inactivity from the source.
+ *
+ * @example
+ * ```ts twoslash
+ * import { createStore, createDebounce } from 'seitu'
+ *
+ * const store = createStore('')
+ * const debounced = createDebounce(store, 300)
+ * debounced.subscribe(value => console.log('debounced:', value))
+ * ```
+ */
+export declare function createDebounce<T>(source: Readable<T> & Subscribable<T>, wait: number): Debounced<T>;

package/dist/core/index.d.ts

@@ -1,4 +1,8 @@
 export * from './computed';
+export * from './debounce';
+export * from './debounce-fn';
 export * from './schema-store';
 export * from './store';
 export * from './subscription';
+export * from './throttle';
+export * from './throttle-fn';

package/dist/core/schema-store.d.ts

@@ -1,11 +1,11 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
 import type { Simplify } from '../utils';
-import type { Destroyable, Readable, Subscribable, Writable } from './index';
+import type { Readable, Subscribable, Writable } from './index';
 export type SchemaStoreSchema = Record<string, StandardSchemaV1<unknown, unknown>>;
 export type SchemaStoreOutput<S extends SchemaStoreSchema> = Simplify<{
     [K in keyof S]: StandardSchemaV1.InferOutput<S[K]>;
 }>;
-export interface SchemaStore<O extends Record<string, unknown>> extends Subscribable<O>, Readable<O>, Writable<Partial<O>, O>, Destroyable {
+export interface SchemaStore<O extends Record<string, unknown>> extends Subscribable<O>, Readable<O>, Writable<Partial<O>, O> {
     getDefaultValue: <K extends keyof O>(key: K) => O[K];
 }
 export interface SchemaStoreOptions<S extends Record<string, StandardSchemaV1>> {
@@ -39,7 +39,6 @@ export declare function createSchemaStore<S extends Record<string, StandardSchem
 export interface SchemaStoreProvider<S extends SchemaStoreSchema> {
     get: () => SchemaStoreOutput<S>;
     set: (value: Partial<SchemaStoreOutput<S>>) => void;
-    destroy?: () => void;
 }
 /**
  * Creates an in-memory provider for a schema store. Use as the state backing when you don't

package/dist/core/subscription.d.ts

@@ -26,10 +26,9 @@ export interface Writable<T, P = T> {
 export interface Removable {
     remove: () => void;
 }
-export interface Destroyable {
-    destroy: () => void;
-}
-export declare function createSubscription(): {
+export declare function createSubscription(options?: {
+    onFirstSubscribe?: () => (void | (() => void));
+}): {
     subscribe: (callback: () => any, options?: SubscribeOptions) => () => void;
     notify: () => void;
 };

package/dist/core/throttle-fn.d.ts

@@ -0,0 +1,23 @@
+import type { Readable, Subscribable } from './subscription';
+export interface ThrottledFn<A extends unknown[], R> extends Readable<R | undefined>, Subscribable<R | undefined> {
+    (...args: A): void;
+}
+/**
+ * Wraps a plain function in a throttled callable that also acts as a subscribable.
+ *
+ * The first call fires immediately. Subsequent calls within the `wait` window are
+ * batched — only the last one fires when the interval elapses. The return value of
+ * the wrapped function becomes the current state, notifying subscribers.
+ *
+ * @example
+ * ```ts twoslash
+ * import { createThrottleFn } from 'seitu'
+ *
+ * const log = createThrottleFn((msg: string) => console.log(msg), 300)
+ * log.subscribe(result => console.log('result:', result))
+ * log('hello') // fires immediately
+ * log('world') // throttled — fires after 300ms
+ * log.get() // latest return value (undefined until first call)
+ * ```
+ */
+export declare function createThrottleFn<A extends unknown[], R>(fn: (...args: A) => R, wait: number): ThrottledFn<A, R>;

package/dist/core/throttle.d.ts

@@ -0,0 +1,19 @@
+import type { Readable, Subscribable } from './subscription';
+export interface Throttled<T> extends Readable<T>, Subscribable<T> {
+}
+/**
+ * Creates a throttled readable that rate-limits updates from a source subscribable.
+ *
+ * Emits the latest value at most once every `wait` milliseconds. The first update
+ * fires immediately, then subsequent updates are batched until the interval elapses.
+ *
+ * @example
+ * ```ts twoslash
+ * import { createStore, createThrottle } from 'seitu'
+ *
+ * const store = createStore('')
+ * const throttled = createThrottle(store, 300)
+ * throttled.subscribe(value => console.log('throttled:', value))
+ * ```
+ */
+export declare function createThrottle<T>(source: Readable<T> & Subscribable<T>, wait: number): Throttled<T>;

package/dist/core-vtgV_plC.js

@@ -0,0 +1,187 @@
+//#region src/core/subscription.ts
+function e(e) {
+	let t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e()), r;
+	return {
+		subscribe(n, i) {
+			return t.size === 0 && e?.onFirstSubscribe && (r = e.onFirstSubscribe() ?? void 0), i?.immediate && n(), t.add(n), () => {
+				t.delete(n), t.size === 0 && (r?.(), r = void 0);
+			};
+		},
+		notify: n
+	};
+}
+//#endregion
+//#region src/core/computed.ts
+function t(t, n) {
+	let { subscribe: r, notify: i } = e(), a = Array.isArray(t) ? t : [t], o = !Array.isArray(t), s = () => n(o ? a[0].get() : a.map((e) => e.get()));
+	for (let e of a) e.subscribe(() => i());
+	return {
+		get: s,
+		subscribe(e, t) {
+			return r(() => e(s()), t);
+		},
+		"~": {
+			output: null,
+			notify: i
+		}
+	};
+}
+//#endregion
+//#region src/core/debounce.ts
+function n(t, n) {
+	let r = t.get(), i, { subscribe: a, notify: o } = e({ onFirstSubscribe() {
+		let e = t.subscribe(() => {
+			clearTimeout(i), i = setTimeout(() => {
+				r = t.get(), o();
+			}, n);
+		});
+		return () => {
+			clearTimeout(i), e();
+		};
+	} }), s = () => r;
+	return {
+		get: s,
+		subscribe(e, t) {
+			return a(() => e(s()), t);
+		},
+		"~": {
+			output: null,
+			notify: o
+		}
+	};
+}
+//#endregion
+//#region src/core/debounce-fn.ts
+function r(t, n) {
+	let r, i, { subscribe: a, notify: o } = e(), s = () => r;
+	return Object.assign((...e) => {
+		clearTimeout(i), i = setTimeout(() => {
+			r = t(...e), o();
+		}, n);
+	}, {
+		get: s,
+		subscribe: (e, t) => a(() => e(s()), t),
+		"~": {
+			output: void 0,
+			notify: o
+		}
+	});
+}
+//#endregion
+//#region src/utils.ts
+function i(e) {
+	if (typeof e != "string") return e;
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
+}
+//#endregion
+//#region src/core/schema-store.ts
+function a(t) {
+	let { subscribe: n, notify: r } = e(), a = { ...t.defaultValues }, s = t.provider ?? o(), c = () => {
+		let e = { ...a };
+		for (let [n, r] of Object.entries(t.schemas)) {
+			let t = s.get()[n], o = r["~standard"].validate(i(t));
+			if (o instanceof Promise) throw TypeError("[createStorage] Validation schema should not return a Promise.");
+			o.issues && console.warn(`[createSchemaStore] Returned value invalid for key ${String(n)}, returned default value instead`, JSON.stringify(o.issues, null, 2), { cause: o.issues }), e[n] = o.issues ? a[n] : o.value;
+		}
+		return e;
+	};
+	return {
+		get: c,
+		set: (e) => {
+			let t = typeof e == "function" ? e(c()) : e;
+			s.set(t), r();
+		},
+		getDefaultValue: (e) => a[e],
+		subscribe: (e, t) => n(() => e(c()), t),
+		"~": {
+			output: null,
+			notify: r
+		}
+	};
+}
+function o() {
+	let e = s({});
+	return {
+		get: () => e.get(),
+		set: (t) => {
+			e.set(t);
+		}
+	};
+}
+//#endregion
+//#region src/core/store.ts
+function s(t) {
+	let n = t, { subscribe: r, notify: i } = e(), a = () => n;
+	return {
+		get: a,
+		set: (e) => {
+			let t = typeof e == "function" ? e(n) : e;
+			t !== n && (n = t, i());
+		},
+		subscribe(e, t) {
+			return r(() => e(a()), t);
+		},
+		"~": {
+			output: null,
+			notify: i
+		}
+	};
+}
+//#endregion
+//#region src/core/throttle.ts
+function c(t, n) {
+	let r = t.get(), i, a = !1, { subscribe: o, notify: s } = e({ onFirstSubscribe() {
+		let e = t.subscribe(() => {
+			if (i) {
+				a = !0;
+				return;
+			}
+			r = t.get(), s(), i = setTimeout(() => {
+				i = void 0, a && (a = !1, r = t.get(), s());
+			}, n);
+		});
+		return () => {
+			clearTimeout(i), i = void 0, a = !1, e();
+		};
+	} }), c = () => r;
+	return {
+		get: c,
+		subscribe(e, t) {
+			return o(() => e(c()), t);
+		},
+		"~": {
+			output: null,
+			notify: s
+		}
+	};
+}
+//#endregion
+//#region src/core/throttle-fn.ts
+function l(t, n) {
+	let r, i, a, { subscribe: o, notify: s } = e(), c = () => r;
+	return Object.assign((...e) => {
+		if (i) {
+			a = e;
+			return;
+		}
+		r = t(...e), s(), i = setTimeout(() => {
+			if (i = void 0, a) {
+				let e = a;
+				a = void 0, r = t(...e), s();
+			}
+		}, n);
+	}, {
+		get: c,
+		subscribe: (e, t) => o(() => e(c()), t),
+		"~": {
+			output: void 0,
+			notify: s
+		}
+	});
+}
+//#endregion
+export { o as a, n as c, a as i, t as l, c as n, i as o, s as r, r as s, l as t, e as u };

package/dist/core.js

@@ -1,2 +1,2 @@
-import { a as e, n as t, o as n, r, t as i } from "./core-DLt97Ptv.js";
-export { e as createComputed, t as createSchemaStore, r as createSchemaStoreMemoryProvider, i as createStore, n as createSubscription };
+import { a as e, c as t, i as n, l as r, n as i, r as a, s as o, t as s, u as c } from "./core-vtgV_plC.js";
+export { r as createComputed, t as createDebounce, o as createDebounceFn, n as createSchemaStore, e as createSchemaStoreMemoryProvider, a as createStore, c as createSubscription, i as createThrottle, s as createThrottleFn };

package/dist/react/hooks.d.ts

@@ -1,4 +1,4 @@
-import type { Destroyable, Readable, Subscribable } from '../core/index';
+import type { Readable, Subscribable } from '../core/index';
 import * as React from 'react';
 export interface UseSubscriptionOptions<S extends Subscribable<any> & Readable<any>, R = S['~']['output']> {
     selector?: (value: S['~']['output']) => R;
@@ -91,4 +91,4 @@ export interface UseSubscriptionOptions<S extends Subscribable<any> & Readable<a
  * }
  * ```
  */
-export declare function useSubscription<S extends Subscribable<any> & Readable<any> & Partial<Destroyable>, R = S['~']['output']>(source: S | (() => S), options?: UseSubscriptionOptions<S, R>): R;
+export declare function useSubscription<S extends Subscribable<any> & Readable<any>, R = S['~']['output']>(source: S | (() => S), options?: UseSubscriptionOptions<S, R>): R;

package/dist/react.js

@@ -2,23 +2,13 @@ import { deepEqual as e } from "fast-equals";
 import * as t from "react";
 //#region src/react/hooks.ts
 function n(n, r) {
-	let { selector: i, deps: a = [] } = r ?? {}, o = typeof n == "function", s = o ? n : () => n, c = t.useMemo(() => s(), o ? a : [n, ...a]), l = t.useRef(c), u = t.useRef(c), d = t.useRef(void 0);
-	if (u.current !== c) {
-		let e = u.current;
-		u.current = c, l.current = c, d.current = void 0, o && e.destroy?.();
-	}
-	t.useEffect(() => () => {
-		o && l.current.destroy?.();
+	let { selector: i, deps: a = [] } = r ?? {}, o = typeof n == "function", s = o ? n : () => n, c = t.useMemo(() => s(), o ? a : [n, ...a]), l = t.useRef(void 0), u = t.useRef(c), d = t.useRef(i);
+	(u.current !== c || d.current !== i) && (u.current = c, d.current = i, l.current = void 0);
+	let f = t.useCallback(() => {
+		let t = d.current, n = t ? t(u.current.get()) : u.current.get(), r = l.current;
+		return r !== void 0 && e(r, n) ? r : (l.current = n, n);
 	}, []);
-	let f = t.useCallback((e) => c.subscribe(() => {
-		e();
-	}), [c]), p = t.useRef(i);
-	p.current !== i && (p.current = i, d.current = void 0);
-	let m = t.useCallback(() => {
-		let t = p.current, n = t ? t(c.get()) : c.get(), r = d.current;
-		return r !== void 0 && e(r, n) ? r : (d.current = n, n);
-	}, [c]);
-	return t.useSyncExternalStore(f, m, m);
+	return t.useSyncExternalStore(c.subscribe, f, f);
 }
 //#endregion
 //#region src/react/components.tsx

package/dist/vue/composables.d.ts

@@ -0,0 +1,67 @@
+import type { MaybeRefOrGetter, ShallowRef } from 'vue';
+import type { Readable, Subscribable } from '../core/index';
+export interface UseSubscriptionOptions<S extends Subscribable<any> & Readable<any>, R = S['~']['output']> {
+    selector?: (value: S['~']['output']) => R;
+}
+/**
+ * Use this composable to subscribe to a reactive value. Accepts a subscription object
+ * directly or a ref/getter that returns one.
+ *
+ * @example Inline subscription
+ * ```vue
+ * <script setup lang="ts">
+ * import { createSessionStorageValue } from 'seitu/web'
+ * import { useSubscription } from 'seitu/vue'
+ * import * as z from 'zod'
+ *
+ * const value = useSubscription(
+ *   createSessionStorageValue({ key: 'test', defaultValue: 0, schema: z.number() }),
+ * )
+ * </script>
+ *
+ * <template>
+ *   <div>{{ value }}</div>
+ * </template>
+ * ```
+ *
+ * @example Instance outside of the subscription
+ * ```vue
+ * <script setup lang="ts">
+ * import { createSessionStorage } from 'seitu/web'
+ * import { useSubscription } from 'seitu/vue'
+ * import * as z from 'zod'
+ *
+ * const sessionStorage = createSessionStorage({
+ *   schemas: { count: z.number(), name: z.string() },
+ *   defaultValues: { count: 0, name: '' },
+ * })
+ *
+ * const value = useSubscription(sessionStorage)
+ * </script>
+ *
+ * <template>
+ *   <div>{{ value.count }}</div>
+ * </template>
+ * ```
+ *
+ * @example With selector
+ * ```vue
+ * <script setup lang="ts">
+ * import { createSessionStorage } from 'seitu/web'
+ * import { useSubscription } from 'seitu/vue'
+ * import * as z from 'zod'
+ *
+ * const sessionStorage = createSessionStorage({
+ *   schemas: { count: z.number(), name: z.string() },
+ *   defaultValues: { count: 0, name: '' },
+ * })
+ *
+ * const count = useSubscription(sessionStorage, { selector: v => v.count })
+ * </script>
+ *
+ * <template>
+ *   <div>{{ count }}</div>
+ * </template>
+ * ```
+ */
+export declare function useSubscription<S extends Subscribable<any> & Readable<any>, R = S['~']['output']>(source: MaybeRefOrGetter<S>, options?: UseSubscriptionOptions<S, R>): Readonly<ShallowRef<R>>;

package/dist/vue/index.d.ts

@@ -0,0 +1 @@
+export * from './composables';

package/dist/vue/test-utils.d.ts

@@ -0,0 +1,2 @@
+import type { Component } from 'vue';
+export declare function mount(component: Component): HTMLElement;

package/dist/vue.js

@@ -0,0 +1,22 @@
+import { deepEqual as e } from "fast-equals";
+import { computed as t, onWatcherCleanup as n, readonly as r, shallowRef as i, toValue as a, watch as o } from "vue";
+//#region src/vue/composables.ts
+function s(s, c) {
+	let { selector: l } = c ?? {};
+	function u(e) {
+		return l ? l(e.get()) : e.get();
+	}
+	let d = t(() => a(s)), f = i(u(d.value));
+	return o(d, (t) => {
+		f.value = u(t);
+		let r = t.subscribe(() => {
+			let n = u(t);
+			e(f.value, n) || (f.value = n);
+		});
+		n(() => {
+			r();
+		});
+	}, { immediate: !0 }), r(f);
+}
+//#endregion
+export { s as useSubscription };

package/dist/web/is-online.d.ts

@@ -1,5 +1,5 @@
-import type { Destroyable, Readable, Subscribable } from '../core/index';
-export interface IsOnline extends Subscribable<boolean>, Readable<boolean>, Destroyable {
+import type { Readable, Subscribable } from '../core/index';
+export interface IsOnline extends Subscribable<boolean>, Readable<boolean> {
 }
 /**
  * Creates a reactive handle for browser online status.

package/dist/web/media-query.d.ts

@@ -1,5 +1,5 @@
-import type { Destroyable, Readable, Subscribable } from '../core/index';
-export interface MediaQuery extends Subscribable<boolean>, Readable<boolean>, Destroyable {
+import type { Readable, Subscribable } from '../core/index';
+export interface MediaQuery extends Subscribable<boolean>, Readable<boolean> {
 }
 type MinMaxPrefix = 'min-' | 'max-' | '';
 type CSSUnitSuffix = 'px' | 'em' | 'rem' | 'vw' | 'vh' | 'dvw' | 'dvh' | 'svw' | 'svh' | 'lvw' | 'lvh' | 'cqw' | 'cqh' | 'vmin' | 'vmax' | 'cm' | 'mm' | 'in' | 'pt' | 'pc';

package/dist/web/web-storage-value.d.ts

@@ -1,7 +1,7 @@
 import type { StandardSchemaV1 } from '@standard-schema/spec';
-import type { Destroyable, Readable, Removable, Subscribable, Writable } from '../core/index';
+import type { Readable, Removable, Subscribable, Writable } from '../core/index';
 import type { WebStorage } from './web-storage';
-export interface WebStorageValue<V> extends Subscribable<V>, Readable<V>, Writable<V>, Destroyable, Removable {
+export interface WebStorageValue<V> extends Subscribable<V>, Readable<V>, Writable<V>, Removable {
 }
 export interface WebStorageValueOptionsWithStorage<Storage extends WebStorage<any>, K extends keyof Storage['~']['output']> {
     storage: Storage;

package/dist/web.js

@@ -1,116 +1,122 @@
-import { i as e, n as t, o as n } from "./core-DLt97Ptv.js";
+import { o as e, u as t } from "./core-vtgV_plC.js";
 //#region src/web/is-online.ts
-function r() {
-	let { subscribe: e, notify: t } = n(), r = () => typeof navigator > "u" ? !0 : navigator.onLine, i = () => t();
-	return typeof window < "u" && (window.addEventListener("online", i), window.addEventListener("offline", i)), {
+function n() {
+	let { subscribe: e, notify: n } = t({ onFirstSubscribe: () => (typeof window < "u" && (window.addEventListener("online", n), window.addEventListener("offline", n)), () => {
+		typeof window < "u" && (window.removeEventListener("online", n), window.removeEventListener("offline", n));
+	}) }), r = () => typeof navigator > "u" ? !0 : navigator.onLine;
+	return {
 		get: r,
 		subscribe: (t, n) => e(() => t(r()), n),
-		destroy: () => {
-			typeof window < "u" && (window.removeEventListener("online", i), window.removeEventListener("offline", i));
-		},
 		"~": {
 			output: null,
-			notify: t
+			notify: n
 		}
 	};
 }
 //#endregion
 //#region src/web/web-storage.ts
-function i(n) {
-	let r = !1, i = t({
-		defaultValues: n.defaultValues,
-		schemas: n.schemas,
-		provider: {
-			get: () => {
-				if (typeof window > "u") return n.defaultValues;
-				let t = window[n.kind], r = { ...n.defaultValues };
-				for (let i in r) {
-					let a = t.getItem(n.keyTransform ? n.keyTransform(i) : i);
-					if (a === null) {
-						r[i] = n.defaultValues[i];
-						continue;
-					}
-					let o = e(a), s = n.schemas[i]["~standard"].validate(o);
-					if (s instanceof Promise) throw TypeError("[createWebSchemaStore] Validation schema should not return a Promise.");
-					if (s.issues) if (n.onValidationError) {
-						let e = n.onValidationError({
-							issues: [...s.issues],
-							key: i,
-							value: o
-						});
-						if (e !== void 0) {
-							let t = n.schemas[i]["~standard"].validate(e);
-							if (t instanceof Promise) throw TypeError("Validation schema should not return a Promise.");
-							t.issues ? console.error("Returned value invalid, returned default value instead", JSON.stringify(t.issues, null, 2), { cause: t.issues }) : r[i] = t.value;
-						}
-					} else console.warn(JSON.stringify(s.issues, null, 2), { cause: s.issues }), r[i] = n.defaultValues[i];
-					else r[i] = s.value;
-				}
-				return r;
-			},
-			set: (e) => {
-				if (typeof window > "u") return;
-				let t = window[n.kind];
-				r = !0, Object.entries(e).forEach(([e, r]) => {
-					let i = typeof r == "string" ? r : JSON.stringify(r);
-					t.setItem(n.keyTransform ? n.keyTransform(e) : e, i), window.dispatchEvent(new StorageEvent("storage", {
-						key: n.keyTransform ? n.keyTransform(e) : e,
-						newValue: i
-					}));
-				}), r = !1;
+function r(n) {
+	let r = !1, { subscribe: i, notify: a } = t({ onFirstSubscribe: () => {
+		let e = () => {
+			r || a();
+		};
+		return typeof window < "u" && window.addEventListener("storage", e), () => {
+			typeof window < "u" && window.removeEventListener("storage", e);
+		};
+	} }), o = { ...n.defaultValues }, s = () => {
+		if (typeof window > "u") return n.defaultValues;
+		let t = window[n.kind], r = { ...n.defaultValues };
+		for (let i in r) {
+			let a = t.getItem(n.keyTransform ? n.keyTransform(i) : i);
+			if (a === null) {
+				r[i] = n.defaultValues[i];
+				continue;
 			}
+			let o = e(a), s = n.schemas[i]["~standard"].validate(o);
+			if (s instanceof Promise) throw TypeError("[createWebStorage] Validation schema should not return a Promise.");
+			if (s.issues) if (n.onValidationError) {
+				let e = n.onValidationError({
+					issues: [...s.issues],
+					key: i,
+					value: o
+				});
+				if (e !== void 0) {
+					let t = n.schemas[i]["~standard"].validate(e);
+					if (t instanceof Promise) throw TypeError("[createWebStorage] Validation schema should not return a Promise.");
+					t.issues ? console.warn(`[createWebStorage] Returned value invalid for key ${i}, returned default value instead`, JSON.stringify(t.issues, null, 2), { cause: t.issues }) : r[i] = t.value;
+				}
+			} else console.warn(`[createWebStorage] Returned value invalid for key ${i}, returned default value instead`, JSON.stringify(s.issues, null, 2), { cause: s.issues }), r[i] = n.defaultValues[i];
+			else r[i] = s.value;
 		}
-	}), a = () => {
-		r || i["~"].notify();
+		return r;
 	};
-	return typeof window < "u" && window.addEventListener("storage", a), {
-		...i,
-		destroy: () => {
-			i.destroy?.(), typeof window < "u" && window.removeEventListener("storage", a);
+	return {
+		get: s,
+		set: (e) => {
+			let t = typeof e == "function" ? e(s()) : e;
+			if (typeof window > "u") return;
+			let i = window[n.kind];
+			r = !0, Object.entries(t).forEach(([e, t]) => {
+				let r = typeof t == "string" ? t : JSON.stringify(t);
+				i.setItem(n.keyTransform ? n.keyTransform(e) : e, r), window.dispatchEvent(new StorageEvent("storage", {
+					key: n.keyTransform ? n.keyTransform(e) : e,
+					newValue: r
+				}));
+			}), r = !1, a();
 		},
+		getDefaultValue: (e) => o[e],
+		subscribe: (e, t = {}) => i(() => e(s()), t),
 		"~": {
 			kind: n.kind,
-			...i["~"]
+			output: null,
+			notify: a
 		}
 	};
 }
 //#endregion
 //#region src/web/local-storage.ts
-function a(e) {
-	return i({
+function i(e) {
+	return r({
 		kind: "localStorage",
 		...e
 	});
 }
 //#endregion
 //#region src/web/web-storage-value.ts
-function o(t) {
-	let r = "storage" in t ? t.storage["~"].kind : t.kind, i = !1, a = `${r}Value`;
-	if ("schema" in t && t.defaultValue === void 0) throw Error(`[${a}] Default value is required`);
-	if (t.key === void 0) throw Error(`[${a}] Key is required`);
-	if (!("schema" in t || "storage" in t)) throw Error(`[${a}] Either schema or storage must be provided`);
-	let o = ("schema" in t ? t.defaultValue : t.storage.getDefaultValue(t.key)) ?? null, { subscribe: s, notify: c } = n(), l = () => {
+function a(n) {
+	let r = "storage" in n ? n.storage["~"].kind : n.kind, i = !1, a = `${r}Value`;
+	if ("schema" in n && n.defaultValue === void 0) throw Error(`[${a}] Default value is required`);
+	if (n.key === void 0) throw Error(`[${a}] Key is required`);
+	if (!("schema" in n || "storage" in n)) throw Error(`[${a}] Either schema or storage must be provided`);
+	let o = ("schema" in n ? n.defaultValue : n.storage.getDefaultValue(n.key)) ?? null, { subscribe: s, notify: c } = t({ onFirstSubscribe: () => {
+		let e = (e) => {
+			i || e.key === n.key && c();
+		};
+		return typeof window < "u" && window.addEventListener("storage", e), () => {
+			typeof window < "u" && window.removeEventListener("storage", e);
+		};
+	} }), l = () => {
 		if (typeof window > "u") return o;
-		let n = window[r].getItem(t.key);
-		if (n === null) return o;
-		let i = e(n);
+		let t = window[r].getItem(n.key);
+		if (t === null) return o;
+		let i = e(t);
 		try {
-			if ("schema" in t) {
-				let e = t.schema["~standard"].validate(i);
+			if ("schema" in n) {
+				let e = n.schema["~standard"].validate(i);
 				if (e instanceof Promise) throw TypeError("Validation schema should not return a Promise.");
 				if (e.issues) {
-					if (t.onValidationError) {
-						let n = t.onValidationError({
+					if (n.onValidationError) {
+						let t = n.onValidationError({
 							issues: [...e.issues],
 							value: i
 						});
-						if (n !== void 0) {
-							let e = t.schema["~standard"].validate(n);
+						if (t !== void 0) {
+							let e = n.schema["~standard"].validate(t);
 							if (e instanceof Promise) throw TypeError("Validation schema should not return a Promise.");
-							if (e.issues) console.error("Returned value invalid, returned default value instead", JSON.stringify(e.issues, null, 2), { cause: e.issues });
+							if (e.issues) console.warn(`[${a}] Returned value invalid for key ${n.key}, returned default value instead`, JSON.stringify(e.issues, null, 2), { cause: e.issues });
 							else return e.value;
 						}
-					} else console.warn(JSON.stringify(e.issues, null, 2), { cause: e.issues });
+					} else console.warn(`[${a}] Returned value invalid for key ${n.key}, returned default value instead`, JSON.stringify(e.issues, null, 2), { cause: e.issues });
 					return o;
 				}
 				return e.value;
@@ -118,25 +124,20 @@ function o(t) {
 		} catch {
 			return o !== void 0 && typeof o != "string" ? o : i;
 		}
-	}, u = (e) => {
-		i || e.key === t.key && c();
 	};
-	return typeof window < "u" && window.addEventListener("storage", u), {
+	return {
 		get: l,
 		set: (e) => {
 			if (typeof window > "u") return;
-			let n = window[r], a = typeof e == "function" ? e(l()) : e;
-			i = !0, n.setItem(t.key, typeof a == "string" ? a : JSON.stringify(a)), window.dispatchEvent(new StorageEvent("storage", {
-				key: t.key,
+			let t = window[r], a = typeof e == "function" ? e(l()) : e;
+			i = !0, t.setItem(n.key, typeof a == "string" ? a : JSON.stringify(a)), window.dispatchEvent(new StorageEvent("storage", {
+				key: n.key,
 				newValue: a
 			})), i = !1, c();
 		},
-		subscribe: (e, t) => s(() => e(l()), t),
+		subscribe: (e, t = {}) => s(() => e(l()), t),
 		remove: () => {
-			typeof window > "u" || window[r].removeItem(t.key);
-		},
-		destroy: () => {
-			typeof window < "u" && window.removeEventListener("storage", u);
+			typeof window > "u" || window[r].removeItem(n.key);
 		},
 		"~": {
 			output: null,
@@ -146,36 +147,35 @@ function o(t) {
 }
 //#endregion
 //#region src/web/local-storage-value.ts
-function s(e) {
-	return "storage" in e ? o(e) : o({
+function o(e) {
+	return "storage" in e ? a(e) : a({
 		...e,
 		kind: "localStorage"
 	});
 }
 //#endregion
 //#region src/web/media-query.ts
-function c(e) {
-	let { subscribe: t, notify: r } = n(), i = typeof window > "u" ? null : window.matchMedia(e.query), a = () => i?.matches ?? e.defaultMatches ?? !1, o = () => r();
-	return i?.addEventListener("change", o), {
+function s(e) {
+	let n = typeof window > "u" ? null : window.matchMedia(e.query), { subscribe: r, notify: i } = t({ onFirstSubscribe: () => (n?.addEventListener("change", i), () => {
+		n?.removeEventListener("change", i);
+	}) }), a = () => n?.matches ?? e.defaultMatches ?? !1;
+	return {
 		get: a,
-		subscribe: (e, n) => t(() => e(a()), n),
-		destroy: () => {
-			i?.removeEventListener("change", o);
-		},
+		subscribe: (e, t = {}) => r(() => e(a()), t),
 		"~": {
 			output: null,
-			notify: r
+			notify: i
 		}
 	};
 }
 //#endregion
 //#region src/web/scroll-state.ts
-var l = {
+var c = {
 	reached: !1,
 	remaining: 0
 };
-function u(e) {
-	let { direction: t = "both", threshold: r = 0 } = e, { subscribe: i, notify: a } = n(), o = typeof r == "number" ? {
+function l(e) {
+	let { direction: n = "both", threshold: r = 0 } = e, { subscribe: i, notify: a } = t(), o = typeof r == "number" ? {
 		top: r,
 		bottom: r,
 		left: r,
@@ -185,31 +185,31 @@ function u(e) {
 		bottom: r.bottom ?? 0,
 		left: r.left ?? 0,
 		right: r.right ?? 0
-	}, s = () => typeof e.element == "function" ? e.element() : e.element, c = () => {
-		let e = s(), n = (e, t) => ({
+	}, s = () => typeof e.element == "function" ? e.element() : e.element, l = () => {
+		let e = s(), t = (e, t) => ({
 			reached: e,
 			remaining: Math.max(0, t)
 		});
 		if (!e) return {
-			top: l,
-			bottom: l,
-			left: l,
-			right: l
+			top: c,
+			bottom: c,
+			left: c,
+			right: c
 		};
-		let r = e.scrollTop, i = e.scrollHeight - e.scrollTop - e.clientHeight, a = e.scrollLeft, c = e.scrollWidth - e.scrollLeft - e.clientWidth;
+		let r = e.scrollTop, i = e.scrollHeight - e.scrollTop - e.clientHeight, a = e.scrollLeft, l = e.scrollWidth - e.scrollLeft - e.clientWidth;
 		return {
-			top: t === "horizontal" ? l : n(r <= o.top, r),
-			bottom: t === "horizontal" ? l : n(i <= o.bottom, i),
-			left: t === "vertical" ? l : n(a <= o.left, a),
-			right: t === "vertical" ? l : n(c <= o.right, c)
+			top: n === "horizontal" ? c : t(r <= o.top, r),
+			bottom: n === "horizontal" ? c : t(i <= o.bottom, i),
+			left: n === "vertical" ? c : t(a <= o.left, a),
+			right: n === "vertical" ? c : t(l <= o.right, l)
 		};
 	};
 	return {
-		get: c,
-		subscribe: (e, t) => {
+		get: l,
+		subscribe: (e, t = {}) => {
 			let n = s();
-			if (!n) return e(c()), () => {};
-			let r = i(() => e(c()), t), a = () => e(c());
+			if (!n) return e(l()), () => {};
+			let r = i(() => e(l()), t), a = () => e(l());
 			return n.addEventListener("scroll", a, { passive: !0 }), () => {
 				r(), n.removeEventListener("scroll", a);
 			};
@@ -222,19 +222,19 @@ function u(e) {
 }
 //#endregion
 //#region src/web/session-storage.ts
-function d(e) {
-	return i({
+function u(e) {
+	return r({
 		kind: "sessionStorage",
 		...e
 	});
 }
 //#endregion
 //#region src/web/session-storage-value.ts
-function f(e) {
-	return "storage" in e ? o(e) : o({
+function d(e) {
+	return "storage" in e ? a(e) : a({
 		...e,
 		kind: "sessionStorage"
 	});
 }
 //#endregion
-export { r as createIsOnline, a as createLocalStorage, s as createLocalStorageValue, c as createMediaQuery, u as createScrollState, d as createSessionStorage, f as createSessionStorageValue };
+export { n as createIsOnline, i as createLocalStorage, o as createLocalStorageValue, s as createMediaQuery, l as createScrollState, u as createSessionStorage, d as createSessionStorageValue };

package/package.json

@@ -2,7 +2,7 @@
   "name": "seitu",
   "displayName": "Seitu",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "private": false,
   "author": "Valerii Strilets",
   "license": "MIT",
@@ -19,6 +19,7 @@
   "keywords": [
     "typescript",
     "react",
+    "vue",
     "utils",
     "type-safe"
   ],
@@ -34,6 +35,10 @@
     "./react": {
       "types": "./dist/react/index.d.ts",
       "import": "./dist/react.js"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue.js"
     }
   },
   "main": "./dist/core.js",
@@ -46,7 +51,8 @@
   },
   "peerDependencies": {
     "react": ">=19",
-    "react-dom": ">=19"
+    "react-dom": ">=19",
+    "vue": ">=3.5"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -54,6 +60,9 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "vue": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -72,6 +81,7 @@
     "vite": "^8.0.3",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.2",
+    "vue": "^3.5.31",
     "zod": "^4.3.6"
   },
   "scripts": {

package/dist/core/computed.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core/schema-store.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core/store.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/core-DLt97Ptv.js

@@ -1,99 +0,0 @@
-//#region src/core/subscription.ts
-function e() {
-	let e = /* @__PURE__ */ new Set();
-	return {
-		subscribe(t, n) {
-			return n?.immediate && t(), e.add(t), () => {
-				e.delete(t);
-			};
-		},
-		notify() {
-			e.forEach((e) => e());
-		}
-	};
-}
-//#endregion
-//#region src/core/computed.ts
-function t(t, n) {
-	let { subscribe: r, notify: i } = e(), a = Array.isArray(t) ? t : [t], o = !Array.isArray(t), s = () => n(o ? a[0].get() : a.map((e) => e.get()));
-	for (let e of a) e.subscribe(() => i());
-	return {
-		get: s,
-		subscribe(e, t) {
-			return r(() => e(s()), t);
-		},
-		"~": {
-			output: null,
-			notify: i
-		}
-	};
-}
-//#endregion
-//#region src/utils.ts
-function n(e) {
-	if (typeof e != "string") return e;
-	try {
-		return JSON.parse(e);
-	} catch {
-		return e;
-	}
-}
-//#endregion
-//#region src/core/schema-store.ts
-function r(t) {
-	let { subscribe: r, notify: a } = e(), o = { ...t.defaultValues }, s = t.provider ?? i(), c = () => {
-		let e = { ...o };
-		for (let [r, i] of Object.entries(t.schemas)) {
-			let t = s.get()[r], a = i["~standard"].validate(n(t));
-			if (a instanceof Promise) throw TypeError("[createStorage] Validation schema should not return a Promise.");
-			a.issues && console.warn(JSON.stringify(a.issues, null, 2), { cause: a.issues }), e[r] = a.issues ? o[r] : a.value;
-		}
-		return e;
-	};
-	return {
-		get: c,
-		set: (e) => {
-			let t = typeof e == "function" ? e(c()) : e;
-			s.set(t), a();
-		},
-		getDefaultValue: (e) => o[e],
-		subscribe: (e, t) => r(() => e(c()), t),
-		destroy: () => {
-			s.destroy?.();
-		},
-		"~": {
-			output: null,
-			notify: a
-		}
-	};
-}
-function i() {
-	let e = a({});
-	return {
-		get: () => e.get(),
-		set: (t) => {
-			e.set(t);
-		}
-	};
-}
-//#endregion
-//#region src/core/store.ts
-function a(t) {
-	let n = t, { subscribe: r, notify: i } = e(), a = () => n;
-	return {
-		get: a,
-		set: (e) => {
-			let t = typeof e == "function" ? e(n) : e;
-			t !== n && (n = t, i());
-		},
-		subscribe(e, t) {
-			return r(() => e(a()), t);
-		},
-		"~": {
-			output: null,
-			notify: i
-		}
-	};
-}
-//#endregion
-export { t as a, n as i, r as n, e as o, i as r, a as t };

package/dist/react/components.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/dist/react/hooks.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/dist/web/is-online.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/web/media-query.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/web/scroll-state.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/web/web-storage-value.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/web/web-storage.test.d.ts

@@ -1 +0,0 @@
-export {};