sibujs 1.4.0 → 2.0.0

package/dist/ecosystem.d.cts

@@ -1,5 +1,5 @@
-import { S as SibuPlugin } from './plugin-Bek4RhJY.cjs';
-import { T as TagProps } from './tagFactory-DaJ0YWX6.cjs';
+import { S as SibuPlugin } from './plugin-D30wlGW5.cjs';
+import { T as TagProps } from './tagFactory-S17H2qxu.cjs';
 
 /** MobX autorun disposer function type. */
 type MobXReactionDisposer = () => void;
@@ -14,7 +14,9 @@ interface MobXAdapterAPI {
      * Takes a MobX expression (function reading MobX observables)
      * and returns a SibuJS getter that updates when the observables change.
      */
-    fromMobX: <T>(expression: () => T) => () => T;
+    fromMobX: <T>(expression: () => T) => (() => T) & {
+        dispose: () => void;
+    };
     /**
      * Bridge a SibuJS getter into a MobX reaction.
      *
@@ -48,7 +50,7 @@ interface MobXAdapterAPI {
  *
  * const mobx = inject<MobXAdapterAPI>("mobx");
  * const todoCount = mobx.fromMobX(() => todoStore.todos.length);
- * div({ nodes: () => `Todos: ${todoCount()}` });
+ * div(() => `Todos: ${todoCount()}`);
  * ```
  */
 declare function mobXAdapter(options: MobXAdapterOptions): SibuPlugin;
@@ -66,7 +68,7 @@ interface ReduxAdapterAPI<S = unknown> {
     /** Full store state as a SibuJS reactive getter */
     getState: () => S;
     /** Create a SibuJS reactive getter from a Redux selector */
-    useSelector: <R>(selector: (state: S) => R) => () => R;
+    select: <R>(selector: (state: S) => R) => () => R;
     /** Dispatch an action to the Redux store */
     dispatch: ReduxStore<S>["dispatch"];
     /** Unsubscribe from the Redux store */
@@ -89,8 +91,8 @@ interface ReduxAdapterAPI<S = unknown> {
  * plugin(reduxPlugin);
  *
  * const redux = inject<ReduxAdapterAPI>("redux");
- * const count = redux.useSelector(s => s.counter);
- * div({ nodes: () => `Count: ${count()}` });
+ * const count = redux.select(s => s.counter);
+ * div(() => `Count: ${count()}`);
  * ```
  */
 declare function reduxAdapter<S>(options: ReduxAdapterOptions<S>): SibuPlugin;
@@ -109,7 +111,7 @@ interface ZustandAdapterAPI<S> {
     /** Full Zustand state as a SibuJS reactive getter */
     getState: () => S;
     /** Create a SibuJS reactive getter from a Zustand selector */
-    useSelector: <R>(selector: (state: S) => R) => () => R;
+    select: <R>(selector: (state: S) => R) => () => R;
     /** Set state on the Zustand store */
     setState: ZustandStore<S>["setState"];
     /** Destroy the subscription and the Zustand store */
@@ -132,8 +134,8 @@ interface ZustandAdapterAPI<S> {
  * plugin(plugin);
  *
  * const zs = inject<ZustandAdapterAPI>("zustand");
- * const bears = zs.useSelector(s => s.bears);
- * div({ nodes: () => `Bears: ${bears()}` });
+ * const bears = zs.select(s => s.bears);
+ * div(() => `Bears: ${bears()}`);
  * ```
  */
 declare function zustandAdapter<S>(options: ZustandAdapterOptions<S>): SibuPlugin;
@@ -204,7 +206,7 @@ type AdaptedComponent = (props?: AdaptedComponentProps) => Element;
  * });
  *
  * const { Button } = adapter.components;
- * Button({ variant: "raised", nodes: "Click me" });
+ * Button({ variant: "raised" }, "Click me");
  * ```
  */
 declare function componentAdapter(config: AdapterConfig): {

package/dist/ecosystem.d.ts

@@ -1,5 +1,5 @@
-import { S as SibuPlugin } from './plugin-Bek4RhJY.js';
-import { T as TagProps } from './tagFactory-DaJ0YWX6.js';
+import { S as SibuPlugin } from './plugin-D30wlGW5.js';
+import { T as TagProps } from './tagFactory-S17H2qxu.js';
 
 /** MobX autorun disposer function type. */
 type MobXReactionDisposer = () => void;
@@ -14,7 +14,9 @@ interface MobXAdapterAPI {
      * Takes a MobX expression (function reading MobX observables)
      * and returns a SibuJS getter that updates when the observables change.
      */
-    fromMobX: <T>(expression: () => T) => () => T;
+    fromMobX: <T>(expression: () => T) => (() => T) & {
+        dispose: () => void;
+    };
     /**
      * Bridge a SibuJS getter into a MobX reaction.
      *
@@ -48,7 +50,7 @@ interface MobXAdapterAPI {
  *
  * const mobx = inject<MobXAdapterAPI>("mobx");
  * const todoCount = mobx.fromMobX(() => todoStore.todos.length);
- * div({ nodes: () => `Todos: ${todoCount()}` });
+ * div(() => `Todos: ${todoCount()}`);
  * ```
  */
 declare function mobXAdapter(options: MobXAdapterOptions): SibuPlugin;
@@ -66,7 +68,7 @@ interface ReduxAdapterAPI<S = unknown> {
     /** Full store state as a SibuJS reactive getter */
     getState: () => S;
     /** Create a SibuJS reactive getter from a Redux selector */
-    useSelector: <R>(selector: (state: S) => R) => () => R;
+    select: <R>(selector: (state: S) => R) => () => R;
     /** Dispatch an action to the Redux store */
     dispatch: ReduxStore<S>["dispatch"];
     /** Unsubscribe from the Redux store */
@@ -89,8 +91,8 @@ interface ReduxAdapterAPI<S = unknown> {
  * plugin(reduxPlugin);
  *
  * const redux = inject<ReduxAdapterAPI>("redux");
- * const count = redux.useSelector(s => s.counter);
- * div({ nodes: () => `Count: ${count()}` });
+ * const count = redux.select(s => s.counter);
+ * div(() => `Count: ${count()}`);
  * ```
  */
 declare function reduxAdapter<S>(options: ReduxAdapterOptions<S>): SibuPlugin;
@@ -109,7 +111,7 @@ interface ZustandAdapterAPI<S> {
     /** Full Zustand state as a SibuJS reactive getter */
     getState: () => S;
     /** Create a SibuJS reactive getter from a Zustand selector */
-    useSelector: <R>(selector: (state: S) => R) => () => R;
+    select: <R>(selector: (state: S) => R) => () => R;
     /** Set state on the Zustand store */
     setState: ZustandStore<S>["setState"];
     /** Destroy the subscription and the Zustand store */
@@ -132,8 +134,8 @@ interface ZustandAdapterAPI<S> {
  * plugin(plugin);
  *
  * const zs = inject<ZustandAdapterAPI>("zustand");
- * const bears = zs.useSelector(s => s.bears);
- * div({ nodes: () => `Bears: ${bears()}` });
+ * const bears = zs.select(s => s.bears);
+ * div(() => `Bears: ${bears()}`);
  * ```
  */
 declare function zustandAdapter<S>(options: ZustandAdapterOptions<S>): SibuPlugin;
@@ -204,7 +206,7 @@ type AdaptedComponent = (props?: AdaptedComponentProps) => Element;
  * });
  *
  * const { Button } = adapter.components;
- * Button({ variant: "raised", nodes: "Click me" });
+ * Button({ variant: "raised" }, "Click me");
  * ```
  */
 declare function componentAdapter(config: AdapterConfig): {

package/dist/ecosystem.js

@@ -7,17 +7,18 @@ import {
   mobXAdapter,
   reduxAdapter,
   zustandAdapter
-} from "./chunk-BTU3TJDS.js";
-import "./chunk-K5ZUMYVS.js";
-import "./chunk-F3FA4F32.js";
-import "./chunk-PTQJDMRT.js";
-import "./chunk-NEKUBFPT.js";
-import "./chunk-CMBFNA7L.js";
-import "./chunk-CHF5OHIA.js";
-import "./chunk-EUZND3CB.js";
-import "./chunk-WZSPOOER.js";
-import "./chunk-ZD6OAMTH.js";
-import "./chunk-5X6PP2UK.js";
+} from "./chunk-WOMYAHHI.js";
+import "./chunk-3JHCYHWN.js";
+import "./chunk-KLRMB5ZS.js";
+import "./chunk-DFPFITST.js";
+import "./chunk-54EDRCEF.js";
+import "./chunk-2UPRY23K.js";
+import "./chunk-UCS6AMJ7.js";
+import "./chunk-HB24TBAF.js";
+import "./chunk-2RA7SHDA.js";
+import "./chunk-CC65Y57T.js";
+import "./chunk-VLPPXTYG.js";
+import "./chunk-LMLD24FC.js";
 export {
   antdAdapter,
   chakraAdapter,