seitu 0.2.5 → 0.3.0

package/dist/react/components.d.ts

@@ -0,0 +1,56 @@
+import type { Readable, Subscribable } from '../core';
+import type { UseSubscriptionOptions } from './hooks';
+export interface SubscriptionProps<S extends Subscribable<any> & Readable<any>, R = S['~']['output']> extends Pick<UseSubscriptionOptions<S, R>, 'selector'> {
+    value: S;
+    children: (value: R) => React.ReactNode;
+}
+/**
+ * Declarative component that subscribes to a reactive value and passes it to a render function.
+ * Re-renders when the value (or selected value) changes. Use when you prefer a component API
+ * over the useSubscription hook.
+ *
+ * @example Basic usage
+ * ```tsx twoslash title="/app/page.tsx"
+ * 'use client'
+ *
+ * import { createSessionStorage } from 'seitu/web'
+ * import { Subscription } from 'seitu/react'
+ * import * as z from 'zod'
+ *
+ * const sessionStorage = createSessionStorage({
+ *   schemas: { count: z.number(), name: z.string() },
+ *   defaultValues: { count: 0, name: '' },
+ * })
+ *
+ * export default function Page() {
+ *   return (
+ *     <Subscription value={sessionStorage}>
+ *       {(value) => <div>{value.count}</div>}
+ *     </Subscription>
+ *   )
+ * }
+ * ```
+ *
+ * @example With selector
+ * ```tsx twoslash title="/app/page.tsx"
+ * 'use client'
+ *
+ * import { createSessionStorage } from 'seitu/web'
+ * import { Subscription } from 'seitu/react'
+ * import * as z from 'zod'
+ *
+ * const sessionStorage = createSessionStorage({
+ *   schemas: { count: z.number(), name: z.string() },
+ *   defaultValues: { count: 0, name: '' },
+ * })
+ *
+ * export default function Page() {
+ *   return (
+ *     <Subscription value={sessionStorage} selector={(v) => v.count}>
+ *       {(count) => <div>{count}</div>}
+ *     </Subscription>
+ *   )
+ * }
+ * ```
+ */
+export declare function Subscription<S extends Subscribable<any> & Readable<any>, R = S['~']['output']>({ value, selector, children, }: SubscriptionProps<S, R>): import("react").ReactNode;

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

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

package/dist/react/index.d.ts

@@ -1 +1,2 @@
+export * from './components';
 export * from './hooks';

package/dist/react.js

@@ -278,4 +278,7 @@ function L(t, n) {
 		return e(l.get()), t;
 	}, [l, r]), u;
 }
-export { L as useSubscription };
+function R({ value: e, selector: t, children: n }) {
+	return n(L(e, { selector: t }));
+}
+export { R as Subscription, L as useSubscription };

package/package.json

@@ -2,7 +2,7 @@
   "name": "seitu",
   "displayName": "Seitu",
   "type": "module",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "private": false,
   "author": "Valerii Strilets",
   "license": "MIT",