seitu 0.2.2 → 0.2.4

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

@@ -5,7 +5,7 @@ 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>> {
+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>> {

package/dist/core/subscription.d.ts

@@ -14,8 +14,8 @@ export interface Subscribable<V> {
 export interface Readable<T> {
     get: () => T;
 }
-export interface Writable<T> {
-    set: (value: T | ((prev: T) => T)) => any;
+export interface Writable<T, P = T> {
+    set: (value: T | ((prev: P) => T)) => any;
 }
 export declare function createSubscription<T = void>(): {
     subscribe: (callback: (payload: T) => any) => () => void;

package/dist/react/hooks.d.ts

@@ -76,12 +76,12 @@ export interface UseSubscriptionOptions<S extends Subscribable<any> & Readable<a
  * 'use client'
  *
  * import * as React from 'react'
- * import { scrollState } from 'seitu/web'
+ * import { createScrollState } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  *
  * export default function Page() {
  *   const ref = React.useRef<HTMLDivElement>(null)
- *   const state = useSubscription(() => scrollState({ element: () => ref.current, direction: 'vertical' }))
+ *   const state = useSubscription(() => createScrollState({ element: () => ref.current, direction: 'vertical' }))
  *
  *   return (
  *     <div ref={ref}>

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

@@ -33,10 +33,10 @@ export interface MediaQueryOptions<T extends string> {
  *
  * @example Vanilla
  * ```ts twoslash title="media-query.ts"
- * import { mediaQuery } from 'seitu/web'
+ * import { createMediaQuery } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  *
- * const isDesktop = mediaQuery({ query: '(min-width: 768px)' })
+ * const isDesktop = createMediaQuery({ query: '(min-width: 768px)' })
  *
  * // Usage with subscribe
  * isDesktop.subscribe(matches => {
@@ -49,10 +49,10 @@ export interface MediaQueryOptions<T extends string> {
  *
  * @example React
  * ```tsx twoslash title="page.tsx"
- * import { mediaQuery } from 'seitu/web'
+ * import { createMediaQuery } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  *
- * const isDesktop = mediaQuery({ query: '(min-width: 768px)' })
+ * const isDesktop = createMediaQuery({ query: '(min-width: 768px)' })
  *
  * // Usage with some function component
  * function Layout() {
@@ -63,15 +63,15 @@ export interface MediaQueryOptions<T extends string> {
  *
  * @example Errors
  * ```tsx twoslash
- * import { mediaQuery } from 'seitu/web'
+ * import { createMediaQuery } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  *
  * // @errors: 2362 2322 1109
- * mediaQuery({ query: '(min-width: ' })
+ * createMediaQuery({ query: '(min-width: ' })
  *
  * // @errors: 2362 2322 2820
- * mediaQuery({ query: '(min-width: 768' })
+ * createMediaQuery({ query: '(min-width: 768' })
  * ```
  */
-export declare function mediaQuery<T extends string>(options: MediaQueryOptions<T>): MediaQuery;
+export declare function createMediaQuery<T extends string>(options: MediaQueryOptions<T>): MediaQuery;
 export {};

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

@@ -43,9 +43,9 @@ export interface ScrollStateOptions {
  *
  * @example Vanilla
  * ```ts twoslash
- * import { scrollState } from 'seitu/web'
+ * import { createScrollState } from 'seitu/web'
  *
- * const scroll = scrollState({
+ * const scroll = createScrollState({
  *   element: document.querySelector('.container'),
  *   direction: 'vertical',
  *   threshold: 10,
@@ -67,12 +67,12 @@ export interface ScrollStateOptions {
  * 'use client'
  *
  * import * as React from 'react'
- * import { scrollState } from 'seitu/web'
+ * import { createScrollState } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  *
  * function Layout() {
  *   const ref = React.useRef<HTMLDivElement>(null)
- *   const state = useSubscription(() => scrollState({
+ *   const state = useSubscription(() => createScrollState({
  *     element: () => ref.current,
  *     threshold: 10,
  *   }))
@@ -90,12 +90,12 @@ export interface ScrollStateOptions {
  * 'use client'
  *
  * import * as React from 'react'
- * import { scrollState } from 'seitu/web'
+ * import { createScrollState } from 'seitu/web'
  * import { useSubscription } from 'seitu/react'
  *
  * function Layout() {
  *   const [ref, setRef] = React.useState<HTMLDivElement | null>(null)
- *   const state = useSubscription(() => scrollState({
+ *   const state = useSubscription(() => createScrollState({
  *     element: ref,
  *     threshold: 10,
  *   }), { deps: [ref] })
@@ -108,4 +108,4 @@ export interface ScrollStateOptions {
  * }
  * ```
  */
-export declare function scrollState(options: ScrollStateOptions): ScrollState;
+export declare function createScrollState(options: ScrollStateOptions): ScrollState;

package/dist/web.js

@@ -171,4 +171,4 @@ function d(e) {
 		kind: "sessionStorage"
 	});
 }
-export { i as createLocalStorage, o as createLocalStorageValue, u as createSessionStorage, d as createSessionStorageValue, s as mediaQuery, l as scrollState };
+export { 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.2.2",
+  "version": "0.2.4",
   "private": false,
   "author": "Valerii Strilets",
   "license": "MIT",