@agnos-ui/react-headless 0.4.4 → 0.5.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm](https://img.shields.io/npm/v/@agnos-ui/react-headless)](https://www.npmjs.com/package/@agnos-ui/react-headless)
 
-Headless widget library for [React](https://react.dev/).
+Headless component library for [React](https://react.dev/).
 
 ## Installation
 
@@ -12,4 +12,4 @@ npm install @agnos-ui/react-headless
 
 ## Usage
 
-Please check [our demo site](https://amadeusitgroup.github.io/AgnosUI/latest/) to see all the available widgets and how to use them.
+Please check [our demo site](https://www.agnosui.dev/latest/) to see all the available components and how to use them.

package/config.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const config = require("@agnos-ui/core/config");
 const tansu = require("@amadeus-it-group/tansu");
 const react = require("react");
-const widget = require("./widget-CqgI0B-w.cjs");
-const stores = require("./stores-DLkDMqBY.cjs");
+const widget = require("./widget-e5vBb0i4.cjs");
+const stores = require("./stores-skeXwTXt.cjs");
 const widgetsConfigFactory = (widgetsConfigContext2 = react.createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
     const widgetsConfig = react.useContext(widgetsConfigContext2);

package/config.d.ts

@@ -1,4 +1,4 @@
-import type { Widget, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/core/types';
+import type { Widget, WidgetFactory, WidgetProps } from '@agnos-ui/core/types';
 import { type WidgetsConfigStore, type WidgetsConfig, type Partial2Levels } from '@agnos-ui/core/config';
 import type { ReactNode } from 'react';
 export * from '@agnos-ui/core/config';
@@ -20,7 +20,7 @@ export declare const widgetsConfigFactory: <Config extends Record<string, object
      */
     widgetsConfigContext: import("react").Context<WidgetsConfigStore<Config> | undefined>;
     useWidgetContext: <Props extends object>(widgetName: keyof Config | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
-    useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>>) => [WidgetState<W>, W];
+    useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>>) => import("@agnos-ui/core/types").WidgetSlotContext<W>;
     WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<Config>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const widgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof WidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof WidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W];
+export declare const widgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof WidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof WidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => import("@agnos-ui/core/types").WidgetSlotContext<W>;

package/config.js

@@ -3,8 +3,8 @@ import { createWidgetsConfig } from "@agnos-ui/core/config";
 export * from "@agnos-ui/core/config";
 import { computed } from "@amadeus-it-group/tansu";
 import { createContext, useContext, useMemo, useEffect } from "react";
-import { u as useWidget } from "./widget-DAs9_HQ1.js";
-import { a as usePropsAsStore } from "./stores-B8YEDwZq.js";
+import { u as useWidget } from "./widget-DaA-pe23.js";
+import { b as usePropsAsStore } from "./stores-B90XF8Sy.js";
 const widgetsConfigFactory = (widgetsConfigContext2 = createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
     const widgetsConfig = useContext(widgetsConfigContext2);

package/{directive-4SKmV5bk.cjs → directive-BePQvMpx.cjs}

@@ -4,7 +4,10 @@ const esmEnv = require("esm-env");
 const react = require("react");
 const attributesMap = /* @__PURE__ */ new Map([
   ["tabindex", "tabIndex"],
-  ["for", "htmlFor"]
+  ["for", "htmlFor"],
+  ["autocomplete", "autoComplete"],
+  ["autocapitalize", "autoCapitalize"],
+  ["autocorrect", "autoCorrect"]
 ]);
 function directiveAttributes(...directives) {
   const reactAttributes = {};

package/{directive-Kqp31pwt.js → directive-DNXkB1Wc.js}

@@ -3,7 +3,10 @@ import { BROWSER } from "esm-env";
 import { useRef, useCallback } from "react";
 const attributesMap = /* @__PURE__ */ new Map([
   ["tabindex", "tabIndex"],
-  ["for", "htmlFor"]
+  ["for", "htmlFor"],
+  ["autocomplete", "autoComplete"],
+  ["autocapitalize", "autoCapitalize"],
+  ["autocorrect", "autoCorrect"]
 ]);
 function directiveAttributes(...directives) {
   const reactAttributes = {};

package/generated/utils/directive.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const directive = require("../../directive-4SKmV5bk.cjs");
+const directive = require("../../directive-BePQvMpx.cjs");
 const directive$1 = require("@agnos-ui/core/utils/directive");
 exports.directiveAttributes = directive.directiveAttributes;
 exports.ssrAttributes = directive.ssrAttributes;

package/generated/utils/directive.js

@@ -1,4 +1,4 @@
-import { d, s, u, a } from "../../directive-Kqp31pwt.js";
+import { d, s, u, a } from "../../directive-DNXkB1Wc.js";
 export * from "@agnos-ui/core/utils/directive";
 export {
   d as directiveAttributes,

package/generated/utils/stores.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stores = require("../../stores-DLkDMqBY.cjs");
+const stores = require("../../stores-skeXwTXt.cjs");
 const stores$1 = require("@agnos-ui/core/utils/stores");
 exports.useObservable = stores.useObservable;
+exports.useObservablesProxy = stores.useObservablesProxy;
 exports.usePropsAsStore = stores.usePropsAsStore;
 Object.keys(stores$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/generated/utils/stores.js

@@ -1,6 +1,7 @@
-import { u, a } from "../../stores-B8YEDwZq.js";
+import { u, a, b } from "../../stores-B90XF8Sy.js";
 export * from "@agnos-ui/core/utils/stores";
 export {
   u as useObservable,
-  a as usePropsAsStore
+  a as useObservablesProxy,
+  b as usePropsAsStore
 };

package/generated/utils/widget.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const widget = require("../../widget-CqgI0B-w.cjs");
+const widget = require("../../widget-e5vBb0i4.cjs");
 exports.useWidget = widget.useWidget;

package/generated/utils/widget.js

@@ -1,4 +1,4 @@
-import { u } from "../../widget-DAs9_HQ1.js";
+import { u } from "../../widget-DaA-pe23.js";
 export {
   u as useWidget
 };

package/index.cjs

@@ -16,13 +16,13 @@ const collapse = require("@agnos-ui/core/services/transitions/collapse");
 const baseTransitions = require("@agnos-ui/core/services/transitions/baseTransitions");
 const writables = require("@agnos-ui/core/utils/writables");
 const stores$1 = require("@agnos-ui/core/utils/stores");
-const stores = require("./stores-DLkDMqBY.cjs");
+const stores = require("./stores-skeXwTXt.cjs");
 const directive$1 = require("@agnos-ui/core/utils/directive");
-const directive = require("./directive-4SKmV5bk.cjs");
+const directive = require("./directive-BePQvMpx.cjs");
 const types = require("@agnos-ui/core/types");
 const config$1 = require("@agnos-ui/core/config");
 const config = require("./config.cjs");
-const widget = require("./widget-CqgI0B-w.cjs");
+const widget = require("./widget-e5vBb0i4.cjs");
 const portal$1 = require("./portal-B0Q5KLrA.cjs");
 const slot = require("./slot.cjs");
 const toast = require("@agnos-ui/core/components/toast");
@@ -35,6 +35,7 @@ const modal = require("@agnos-ui/core/components/modal");
 const alert = require("@agnos-ui/core/components/alert");
 const accordion = require("@agnos-ui/core/components/accordion");
 exports.useObservable = stores.useObservable;
+exports.useObservablesProxy = stores.useObservablesProxy;
 exports.usePropsAsStore = stores.usePropsAsStore;
 exports.directiveAttributes = directive.directiveAttributes;
 exports.ssrAttributes = directive.ssrAttributes;

package/index.js

@@ -14,13 +14,13 @@ export * from "@agnos-ui/core/services/transitions/collapse";
 export * from "@agnos-ui/core/services/transitions/baseTransitions";
 export * from "@agnos-ui/core/utils/writables";
 export * from "@agnos-ui/core/utils/stores";
-import { u, a } from "./stores-B8YEDwZq.js";
+import { u, a, b } from "./stores-B90XF8Sy.js";
 export * from "@agnos-ui/core/utils/directive";
-import { d, s, u as u2, a as a2 } from "./directive-Kqp31pwt.js";
+import { d, s, u as u2, a as a2 } from "./directive-DNXkB1Wc.js";
 export * from "@agnos-ui/core/types";
 export * from "@agnos-ui/core/config";
 import { WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigContext, widgetsConfigFactory } from "./config.js";
-import { u as u3 } from "./widget-DAs9_HQ1.js";
+import { u as u3 } from "./widget-DaA-pe23.js";
 import { P } from "./portal-CX8X69NK.js";
 import { Slot } from "./slot.js";
 export * from "@agnos-ui/core/components/toast";
@@ -41,7 +41,8 @@ export {
   u2 as useDirective,
   a2 as useDirectives,
   u as useObservable,
-  a as usePropsAsStore,
+  a as useObservablesProxy,
+  b as usePropsAsStore,
   u3 as useWidget,
   useWidgetContext,
   useWidgetWithConfig,

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
-	"description": "Headless widget library for React.",
-	"version": "0.4.4",
+	"description": "Headless component library for React.",
+	"version": "0.5.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,17 +49,17 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.4.4",
+		"@agnos-ui/core": "0.5.0",
 		"classnames": "^2.5.1"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^1.0.0",
-		"esm-env": "^1.0.0",
+		"esm-env": "^1.1.4",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1"
 	},
 	"sideEffects": false,
-	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
+	"homepage": "https://www.agnosui.dev/latest/",
 	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
 	"license": "MIT",
 	"repository": {
@@ -73,6 +73,7 @@
 		"accordion",
 		"AgnosUI",
 		"alert",
+		"collapse",
 		"components",
 		"modal",
 		"pagination",

package/stores-B90XF8Sy.js

@@ -0,0 +1,78 @@
+import { findChangedProperties } from "@agnos-ui/core/utils/stores";
+import { writable, asReadable } from "@amadeus-it-group/tansu";
+import { useState, useEffect, useMemo, useRef } from "react";
+function useObservable(store$) {
+  const [value, setValue] = useState(() => store$());
+  useEffect(() => {
+    return store$.subscribe((arg) => {
+      setValue(() => arg);
+    });
+  }, [store$]);
+  return value;
+}
+function useObservablesProxy(stores) {
+  const [, triggerRerender] = useState({});
+  const internalState = useMemo(() => {
+    const internalState2 = {
+      hasEffect: false,
+      storeInfo: {},
+      checkStoreSubscribed: (key) => {
+        const store = stores[`${key}$`];
+        if (store) {
+          let storeInfo = internalState2.storeInfo[key];
+          if (!storeInfo) {
+            storeInfo = { unsubscribe: null };
+            internalState2.storeInfo[key] = storeInfo;
+          }
+          if (internalState2.hasEffect && !storeInfo.unsubscribe) {
+            storeInfo.unsubscribe = store.subscribe(() => {
+              triggerRerender({});
+            });
+          }
+        }
+        return store;
+      },
+      proxy: new Proxy(
+        {},
+        {
+          get(_target, name) {
+            const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
+            return store == null ? void 0 : store();
+          }
+        }
+      )
+    };
+    return internalState2;
+  }, []);
+  useEffect(() => {
+    internalState.hasEffect = true;
+    for (const key of Object.keys(internalState.storeInfo)) {
+      internalState.checkStoreSubscribed(key);
+    }
+    return () => {
+      internalState.hasEffect = false;
+      for (const info of Object.values(internalState.storeInfo)) {
+        const unsubscribe = info.unsubscribe;
+        info.unsubscribe = null;
+        unsubscribe == null ? void 0 : unsubscribe();
+      }
+    };
+  }, [stores]);
+  return internalState.proxy;
+}
+const propsEqual = (a, b) => !findChangedProperties(a, b);
+const usePropsAsStore = (props) => {
+  const storeRef = useRef();
+  if (!storeRef.current) {
+    storeRef.current = writable({ ...props }, { equal: propsEqual });
+  }
+  useEffect(() => {
+    storeRef.current.set({ ...props });
+  }, [props]);
+  return useMemo(() => asReadable(storeRef.current), [storeRef.current]);
+};
+export {
+  useObservablesProxy as a,
+  usePropsAsStore as b,
+  useObservable as u
+};

package/stores-skeXwTXt.cjs

@@ -0,0 +1,77 @@
+"use strict";
+const stores = require("@agnos-ui/core/utils/stores");
+const tansu = require("@amadeus-it-group/tansu");
+const react = require("react");
+function useObservable(store$) {
+  const [value, setValue] = react.useState(() => store$());
+  react.useEffect(() => {
+    return store$.subscribe((arg) => {
+      setValue(() => arg);
+    });
+  }, [store$]);
+  return value;
+}
+function useObservablesProxy(stores2) {
+  const [, triggerRerender] = react.useState({});
+  const internalState = react.useMemo(() => {
+    const internalState2 = {
+      hasEffect: false,
+      storeInfo: {},
+      checkStoreSubscribed: (key) => {
+        const store = stores2[`${key}$`];
+        if (store) {
+          let storeInfo = internalState2.storeInfo[key];
+          if (!storeInfo) {
+            storeInfo = { unsubscribe: null };
+            internalState2.storeInfo[key] = storeInfo;
+          }
+          if (internalState2.hasEffect && !storeInfo.unsubscribe) {
+            storeInfo.unsubscribe = store.subscribe(() => {
+              triggerRerender({});
+            });
+          }
+        }
+        return store;
+      },
+      proxy: new Proxy(
+        {},
+        {
+          get(_target, name) {
+            const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
+            return store == null ? void 0 : store();
+          }
+        }
+      )
+    };
+    return internalState2;
+  }, []);
+  react.useEffect(() => {
+    internalState.hasEffect = true;
+    for (const key of Object.keys(internalState.storeInfo)) {
+      internalState.checkStoreSubscribed(key);
+    }
+    return () => {
+      internalState.hasEffect = false;
+      for (const info of Object.values(internalState.storeInfo)) {
+        const unsubscribe = info.unsubscribe;
+        info.unsubscribe = null;
+        unsubscribe == null ? void 0 : unsubscribe();
+      }
+    };
+  }, [stores2]);
+  return internalState.proxy;
+}
+const propsEqual = (a, b) => !stores.findChangedProperties(a, b);
+const usePropsAsStore = (props) => {
+  const storeRef = react.useRef();
+  if (!storeRef.current) {
+    storeRef.current = tansu.writable({ ...props }, { equal: propsEqual });
+  }
+  react.useEffect(() => {
+    storeRef.current.set({ ...props });
+  }, [props]);
+  return react.useMemo(() => tansu.asReadable(storeRef.current), [storeRef.current]);
+};
+exports.useObservable = useObservable;
+exports.useObservablesProxy = useObservablesProxy;
+exports.usePropsAsStore = usePropsAsStore;

package/types.d.ts

@@ -1,3 +1,15 @@
 export * from '@agnos-ui/core/types';
 import type { SlotContent as CoreSlotContent } from '@agnos-ui/core/types';
+/**
+ * Represents the content that can be rendered within a slot.
+ *
+ * @template Props - The type of the props that can be passed to the slot content.
+ *
+ * This type can be one of the following:
+ * - A nullish value, i.e. `null` or `undefined`
+ * - A static `string`
+ * - A function that takes `props` of type `Props` and returns a `React.ReactNode`.
+ * - A `React.ComponentType<Props>`, which is a React component that accepts `Props`.
+ * - A `React.ReactNode`, which is any renderable React node.
+ */
 export type SlotContent<Props extends object = object> = CoreSlotContent<Props> | ((props: Props) => React.ReactNode) | React.ComponentType<Props> | React.ReactNode;

package/utils/stores.d.ts

@@ -3,13 +3,26 @@ export * from '@agnos-ui/core/utils/stores';
 /**
  * Observe a readable store inside of a react component.
  *
+ * @template T - The type of the value emitted by the ReadableSignal.
  * @param store$ - the readable store
  * @returns the observed value of the store
  */
 export declare function useObservable<T>(store$: ReadableSignal<T>): T;
+/**
+ * Hook to create a proxy object that subscribes to observable stores and triggers re-renders on updates.
+ *
+ * @template State - The shape of the state object.
+ * @param stores - An object where keys are suffixed with `$` and values are readable signals.
+ * @returns - A proxy object that reflects the current state of the observables.
+ *
+ */
+export declare function useObservablesProxy<State>(stores: {
+    [K in keyof State & string as `${K}$`]: ReadableSignal<State[K]>;
+}): State;
 /**
  * Turn react props into readable stores.
  *
+ * @template T - The type of the props object.
  * @param props - the props
  * @returns the readable stores
  */

package/utils/widget.d.ts

@@ -1,12 +1,12 @@
-import type { PropsConfig, Widget, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/core/types';
+import type { PropsConfig, Widget, WidgetFactory, WidgetProps, WidgetSlotContext } from '@agnos-ui/core/types';
 /**
  * The useWidget function.
  *
  * Allows to create and attach an agnos-ui/core widget to the current react component.
- *
+ * @template W - The type of the widget.
  * @param createWidget - the widget factory
  * @param props - the props
  * @param propsConfig - the props config
  * @returns the state and api to track and interact with the widget
  */
-export declare function useWidget<W extends Widget>(createWidget: WidgetFactory<W>, props?: Partial<WidgetProps<W>>, propsConfig?: PropsConfig<WidgetProps<W>>): [WidgetState<W>, W];
+export declare function useWidget<W extends Widget>(createWidget: WidgetFactory<W>, props?: Partial<WidgetProps<W>>, propsConfig?: PropsConfig<WidgetProps<W>>): WidgetSlotContext<W>;

package/{widget-DAs9_HQ1.js → widget-DaA-pe23.js}

@@ -1,18 +1,18 @@
 import { findChangedProperties } from "@agnos-ui/core/utils/stores";
 import { useMemo, useRef, useEffect } from "react";
-import { u as useObservable } from "./stores-B8YEDwZq.js";
+import { a as useObservablesProxy } from "./stores-B90XF8Sy.js";
 function useWidget(createWidget, props = {}, propsConfig) {
-  const api = useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
+  const coreWidget = useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = useRef(props);
   useEffect(() => {
     const changedProps = findChangedProperties(previousProps.current, props);
     previousProps.current = props;
     if (changedProps) {
-      api.patch(changedProps);
+      coreWidget.patch(changedProps);
     }
   }, [props]);
-  const state = useObservable(api.state$);
-  return [state, api];
+  const state = useObservablesProxy(coreWidget.stores);
+  return { state, api: coreWidget.api, directives: coreWidget.directives };
 }
 export {
   useWidget as u

package/{widget-CqgI0B-w.cjs → widget-e5vBb0i4.cjs}

@@ -1,18 +1,18 @@
 "use strict";
 const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
-const stores$1 = require("./stores-DLkDMqBY.cjs");
+const stores$1 = require("./stores-skeXwTXt.cjs");
 function useWidget(createWidget, props = {}, propsConfig) {
-  const api = react.useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
+  const coreWidget = react.useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = react.useRef(props);
   react.useEffect(() => {
     const changedProps = stores.findChangedProperties(previousProps.current, props);
     previousProps.current = props;
     if (changedProps) {
-      api.patch(changedProps);
+      coreWidget.patch(changedProps);
     }
   }, [props]);
-  const state = stores$1.useObservable(api.state$);
-  return [state, api];
+  const state = stores$1.useObservablesProxy(coreWidget.stores);
+  return { state, api: coreWidget.api, directives: coreWidget.directives };
 }
 exports.useWidget = useWidget;

package/stores-B8YEDwZq.js

@@ -1,27 +0,0 @@
-import { findChangedProperties } from "@agnos-ui/core/utils/stores";
-import { writable, asReadable } from "@amadeus-it-group/tansu";
-import { useState, useEffect, useRef, useMemo } from "react";
-function useObservable(store$) {
-  const [value, setValue] = useState(() => store$());
-  useEffect(() => {
-    return store$.subscribe((arg) => {
-      setValue(() => arg);
-    });
-  }, [store$]);
-  return value;
-}
-const propsEqual = (a, b) => !findChangedProperties(a, b);
-const usePropsAsStore = (props) => {
-  const storeRef = useRef();
-  if (!storeRef.current) {
-    storeRef.current = writable({ ...props }, { equal: propsEqual });
-  }
-  useEffect(() => {
-    storeRef.current.set({ ...props });
-  }, [props]);
-  return useMemo(() => asReadable(storeRef.current), [storeRef.current]);
-};
-export {
-  usePropsAsStore as a,
-  useObservable as u
-};

package/stores-DLkDMqBY.cjs

@@ -1,26 +0,0 @@
-"use strict";
-const stores = require("@agnos-ui/core/utils/stores");
-const tansu = require("@amadeus-it-group/tansu");
-const react = require("react");
-function useObservable(store$) {
-  const [value, setValue] = react.useState(() => store$());
-  react.useEffect(() => {
-    return store$.subscribe((arg) => {
-      setValue(() => arg);
-    });
-  }, [store$]);
-  return value;
-}
-const propsEqual = (a, b) => !stores.findChangedProperties(a, b);
-const usePropsAsStore = (props) => {
-  const storeRef = react.useRef();
-  if (!storeRef.current) {
-    storeRef.current = tansu.writable({ ...props }, { equal: propsEqual });
-  }
-  react.useEffect(() => {
-    storeRef.current.set({ ...props });
-  }, [props]);
-  return react.useMemo(() => tansu.asReadable(storeRef.current), [storeRef.current]);
-};
-exports.useObservable = useObservable;
-exports.usePropsAsStore = usePropsAsStore;