@agnos-ui/react-headless 0.9.3 → 0.10.0-next.0

package/components/toast/toasterProvider.d.ts

@@ -6,7 +6,7 @@ import type { PropsWithChildren } from 'react';
  * @param options - Optional toaster properties.
  * @returns An object containing toaster methods and properties.
  */
-export declare const useCreateToaster: <Props extends Partial<ToastProps>>(options?: ToasterProps) => {
+export declare const useCreateToaster: <Props extends Partial<ToastProps>>(options?: Partial<ToasterProps>) => {
     toasts: import("@agnos-ui/core/components/toast").ToasterToast<Props>[];
     options: ToasterProps;
     addToast: (props: Props) => number;

package/config.cjs

@@ -5,14 +5,14 @@ const types = require("@agnos-ui/core/types");
 const config = require("@agnos-ui/core/config");
 const tansu = require("@amadeus-it-group/tansu");
 const react = require("react");
-const widget = require("./widget-BkLUvh4T.cjs");
-const stores = require("./stores-DD819q-h.cjs");
+const widget = require("./widget-ClcZWw9S.cjs");
+const stores = require("./stores-DPOTvwx1.cjs");
 const widgetsConfigFactory = (WidgetsConfigContext2 = react.createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
     const widgetsConfig = react.useContext(WidgetsConfigContext2);
     const defaultConfig$ = stores.usePropsAsStore(defaultConfig);
     return react.useMemo(
-      () => tansu.computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig == null ? void 0 : widgetsConfig()[widgetName] : void 0 })),
+      () => tansu.computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig?.()[widgetName] : void 0 })),
       [defaultConfig$, widgetName, widgetsConfig]
     );
   };

package/config.js

@@ -4,14 +4,14 @@ import { createWidgetsConfig } from "@agnos-ui/core/config";
 export * from "@agnos-ui/core/config";
 import { computed } from "@amadeus-it-group/tansu";
 import { createContext, useContext, useMemo } from "react";
-import { u as useWidgetWithConfig } from "./widget-DLB7vGCY.js";
-import { b as usePropsAsStore } from "./stores-DZalyTTa.js";
+import { u as useWidgetWithConfig } from "./widget-D80Xk-XZ.js";
+import { b as usePropsAsStore } from "./stores-BWQ6d_4B.js";
 const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
     const widgetsConfig = useContext(WidgetsConfigContext2);
     const defaultConfig$ = usePropsAsStore(defaultConfig);
     return useMemo(
-      () => computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig == null ? void 0 : widgetsConfig()[widgetName] : void 0 })),
+      () => computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig?.()[widgetName] : void 0 })),
       [defaultConfig$, widgetName, widgetsConfig]
     );
   };

package/{directive-3diaW3tS.cjs → directive-C1WhTndu.cjs}

@@ -15,7 +15,7 @@ function directiveAttributes(...directives) {
   for (const [name, value] of Object.entries(attributes)) {
     reactAttributes[attributesMap.get(name) ?? name] = value;
   }
-  if (classNames == null ? void 0 : classNames.length) {
+  if (classNames?.length) {
     reactAttributes.className = classNames.join(" ");
   }
   if (Object.keys(style).length) {
@@ -25,7 +25,6 @@ function directiveAttributes(...directives) {
 }
 const ssrAttributes = esmEnv.BROWSER ? () => ({}) : directiveAttributes;
 const useDirective = esmEnv.BROWSER ? esmEnv.DEV ? (directive2, args) => {
-  var _a, _b;
   const instance = react.useRef(void 0);
   const propsRef = react.useRef(void 0);
   const refCalledOnce = react.useRef(false);
@@ -41,9 +40,8 @@ const useDirective = esmEnv.BROWSER ? esmEnv.DEV ? (directive2, args) => {
         refCalledOnce.current = true;
       }
       return () => {
-        var _a2, _b2;
         if (!refCalledOnce.current) {
-          (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+          instance.current?.destroy?.();
           instance.current = void 0;
         }
       };
@@ -51,25 +49,23 @@ const useDirective = esmEnv.BROWSER ? esmEnv.DEV ? (directive2, args) => {
     [directive2]
   );
   propsRef.current = args;
-  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  instance.current?.update?.(args);
   return { ref };
 } : (directive2, args) => {
-  var _a, _b;
   const instance = react.useRef(void 0);
   const propsRef = react.useRef(void 0);
   const ref = react.useCallback(
     (element) => {
       instance.current = directive2(element, propsRef.current);
       return () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+        instance.current?.destroy?.();
         instance.current = void 0;
       };
     },
     [directive2]
   );
   propsRef.current = args;
-  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  instance.current?.update?.(args);
   return { ref };
 } : (directive2, args) => ssrAttributes([directive2, args]);
 const useDirectives = esmEnv.BROWSER ? (...directives) => useDirective(directive.multiDirective, directives) : directiveAttributes;

package/{directive-CEErjM5c.js → directive-Ds3K8r_f.js}

@@ -14,7 +14,7 @@ function directiveAttributes(...directives) {
   for (const [name, value] of Object.entries(attributes)) {
     reactAttributes[attributesMap.get(name) ?? name] = value;
   }
-  if (classNames == null ? void 0 : classNames.length) {
+  if (classNames?.length) {
     reactAttributes.className = classNames.join(" ");
   }
   if (Object.keys(style).length) {
@@ -24,7 +24,6 @@ function directiveAttributes(...directives) {
 }
 const ssrAttributes = BROWSER ? () => ({}) : directiveAttributes;
 const useDirective = BROWSER ? DEV ? (directive, args) => {
-  var _a, _b;
   const instance = useRef(void 0);
   const propsRef = useRef(void 0);
   const refCalledOnce = useRef(false);
@@ -40,9 +39,8 @@ const useDirective = BROWSER ? DEV ? (directive, args) => {
         refCalledOnce.current = true;
       }
       return () => {
-        var _a2, _b2;
         if (!refCalledOnce.current) {
-          (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+          instance.current?.destroy?.();
           instance.current = void 0;
         }
       };
@@ -50,25 +48,23 @@ const useDirective = BROWSER ? DEV ? (directive, args) => {
     [directive]
   );
   propsRef.current = args;
-  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  instance.current?.update?.(args);
   return { ref };
 } : (directive, args) => {
-  var _a, _b;
   const instance = useRef(void 0);
   const propsRef = useRef(void 0);
   const ref = useCallback(
     (element) => {
       instance.current = directive(element, propsRef.current);
       return () => {
-        var _a2, _b2;
-        (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+        instance.current?.destroy?.();
         instance.current = void 0;
       };
     },
     [directive]
   );
   propsRef.current = args;
-  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  instance.current?.update?.(args);
   return { ref };
 } : (directive, args) => ssrAttributes([directive, args]);
 const useDirectives = BROWSER ? (...directives) => useDirective(multiDirective, directives) : directiveAttributes;

package/generated/components/drawer/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const drawer = require("@agnos-ui/core/components/drawer");
+Object.keys(drawer).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => drawer[k]
+  });
+});

package/generated/components/drawer/index.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/core/components/drawer';

package/generated/components/drawer/index.js

@@ -0,0 +1 @@
+export * from "@agnos-ui/core/components/drawer";

package/generated/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toasterProvider = require("../../../toasterProvider-BtIHSdiL.cjs");
+const toasterProvider = require("../../../toasterProvider-CYgzar_d.cjs");
 const toast = require("@agnos-ui/core/components/toast");
 exports.ToasterProvider = toasterProvider.ToasterProvider;
 exports.useCreateToaster = toasterProvider.useCreateToaster;

package/generated/components/toast/index.js

@@ -1,4 +1,4 @@
-import { T, u, a } from "../../../toasterProvider-lT-AfOoK.js";
+import { T, u, a } from "../../../toasterProvider-CzmXu8rV.js";
 export * from "@agnos-ui/core/components/toast";
 export {
   T as ToasterProvider,

package/generated/index.d.ts

@@ -6,6 +6,7 @@ export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
+export * from './services/focusElement';
 export * from './services/floatingUI';
 export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';
@@ -27,8 +28,9 @@ export * from './components/rating/index';
 export * from './components/progressbar/index';
 export * from './components/pagination/index';
 export * from './components/modal/index';
-export * from './components/carousel/index';
+export * from './components/drawer/index';
 export * from './components/collapse/index';
+export * from './components/carousel/index';
 export * from './components/alert/index';
 export * from './components/accordion/index';
 export * from './utils/portal';

package/generated/services/focusElement.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const focusElement = require("@agnos-ui/core/services/focusElement");
+Object.keys(focusElement).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => focusElement[k]
+  });
+});

package/generated/services/focusElement.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/core/services/focusElement';

package/generated/services/focusElement.js

@@ -0,0 +1 @@
+export * from "@agnos-ui/core/services/focusElement";

package/generated/utils/directive.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const directive = require("../../directive-3diaW3tS.cjs");
+const directive = require("../../directive-C1WhTndu.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-CEErjM5c.js";
+import { d, s, u, a } from "../../directive-Ds3K8r_f.js";
 export * from "@agnos-ui/core/utils/directive";
 export {
   d as directiveAttributes,

package/generated/utils/stores.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stores = require("../../stores-DD819q-h.cjs");
+const stores = require("../../stores-DPOTvwx1.cjs");
 const stores$1 = require("@agnos-ui/core/utils/stores");
 exports.useObservable = stores.useObservable;
 exports.useObservablesProxy = stores.useObservablesProxy;

package/generated/utils/stores.js

@@ -1,4 +1,4 @@
-import { u, a, b } from "../../stores-DZalyTTa.js";
+import { u, a, b } from "../../stores-BWQ6d_4B.js";
 export * from "@agnos-ui/core/utils/stores";
 export {
   u as useObservable,

package/generated/utils/widget.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const widget = require("../../widget-BkLUvh4T.cjs");
+const widget = require("../../widget-ClcZWw9S.cjs");
 const widget$1 = require("@agnos-ui/core/utils/widget");
 exports.useWidgetWithConfig = widget.useWidgetWithConfig;
 Object.keys(widget$1).forEach((k) => {

package/generated/utils/widget.js

@@ -1,4 +1,4 @@
-import { u } from "../../widget-DLB7vGCY.js";
+import { u } from "../../widget-D80Xk-XZ.js";
 export * from "@agnos-ui/core/utils/widget";
 export {
   u as useWidgetWithConfig

package/index.cjs

@@ -8,6 +8,7 @@ const matchMedia = require("@agnos-ui/core/services/matchMedia");
 const intersection = require("@agnos-ui/core/services/intersection");
 const hash = require("@agnos-ui/core/services/hash");
 const focustrack = require("@agnos-ui/core/services/focustrack");
+const focusElement = require("@agnos-ui/core/services/focusElement");
 const floatingUI = require("@agnos-ui/core/services/floatingUI");
 const extendWidget = require("@agnos-ui/core/services/extendWidget");
 const simpleClassTransition = require("@agnos-ui/core/services/transitions/simpleClassTransition");
@@ -16,17 +17,17 @@ 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 widget$1 = require("@agnos-ui/core/utils/widget");
-const widget = require("./widget-BkLUvh4T.cjs");
+const widget = require("./widget-ClcZWw9S.cjs");
 const stores$1 = require("@agnos-ui/core/utils/stores");
-const stores = require("./stores-DD819q-h.cjs");
+const stores = require("./stores-DPOTvwx1.cjs");
 const func = require("@agnos-ui/core/utils/func");
 const directive$1 = require("@agnos-ui/core/utils/directive");
-const directive = require("./directive-3diaW3tS.cjs");
+const directive = require("./directive-C1WhTndu.cjs");
 const types = require("@agnos-ui/core/types");
 const config$1 = require("@agnos-ui/core/config");
 const config = require("./config.cjs");
 const tree = require("@agnos-ui/core/components/tree");
-const toasterProvider = require("./toasterProvider-BtIHSdiL.cjs");
+const toasterProvider = require("./toasterProvider-CYgzar_d.cjs");
 const toast = require("@agnos-ui/core/components/toast");
 const slider = require("@agnos-ui/core/components/slider");
 const select = require("@agnos-ui/core/components/select");
@@ -34,8 +35,9 @@ const rating = require("@agnos-ui/core/components/rating");
 const progressbar = require("@agnos-ui/core/components/progressbar");
 const pagination = require("@agnos-ui/core/components/pagination");
 const modal = require("@agnos-ui/core/components/modal");
-const carousel = require("@agnos-ui/core/components/carousel");
+const drawer = require("@agnos-ui/core/components/drawer");
 const collapse$1 = require("@agnos-ui/core/components/collapse");
+const carousel = require("@agnos-ui/core/components/carousel");
 const alert = require("@agnos-ui/core/components/alert");
 const accordion = require("@agnos-ui/core/components/accordion");
 const portal$1 = require("./portal-B0Q5KLrA.cjs");
@@ -106,6 +108,12 @@ Object.keys(focustrack).forEach((k) => {
     get: () => focustrack[k]
   });
 });
+Object.keys(focusElement).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => focusElement[k]
+  });
+});
 Object.keys(floatingUI).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
@@ -232,10 +240,10 @@ Object.keys(modal).forEach((k) => {
     get: () => modal[k]
   });
 });
-Object.keys(carousel).forEach((k) => {
+Object.keys(drawer).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => carousel[k]
+    get: () => drawer[k]
   });
 });
 Object.keys(collapse$1).forEach((k) => {
@@ -244,6 +252,12 @@ Object.keys(collapse$1).forEach((k) => {
     get: () => collapse$1[k]
   });
 });
+Object.keys(carousel).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => carousel[k]
+  });
+});
 Object.keys(alert).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -6,6 +6,7 @@ export * from "@agnos-ui/core/services/matchMedia";
 export * from "@agnos-ui/core/services/intersection";
 export * from "@agnos-ui/core/services/hash";
 export * from "@agnos-ui/core/services/focustrack";
+export * from "@agnos-ui/core/services/focusElement";
 export * from "@agnos-ui/core/services/floatingUI";
 export * from "@agnos-ui/core/services/extendWidget";
 export * from "@agnos-ui/core/services/transitions/simpleClassTransition";
@@ -14,17 +15,17 @@ 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/widget";
-import { u } from "./widget-DLB7vGCY.js";
+import { u } from "./widget-D80Xk-XZ.js";
 export * from "@agnos-ui/core/utils/stores";
-import { u as u2, a, b } from "./stores-DZalyTTa.js";
+import { u as u2, a, b } from "./stores-BWQ6d_4B.js";
 export * from "@agnos-ui/core/utils/func";
 export * from "@agnos-ui/core/utils/directive";
-import { d, s, u as u3, a as a2 } from "./directive-CEErjM5c.js";
+import { d, s, u as u3, a as a2 } from "./directive-Ds3K8r_f.js";
 export * from "@agnos-ui/core/types";
 export * from "@agnos-ui/core/config";
 import { WidgetsConfigContext, WidgetsDefaultConfig, useWidget, useWidgetContext, widgetsConfigFactory } from "./config.js";
 export * from "@agnos-ui/core/components/tree";
-import { T, u as u4, a as a3 } from "./toasterProvider-lT-AfOoK.js";
+import { T, u as u4, a as a3 } from "./toasterProvider-CzmXu8rV.js";
 export * from "@agnos-ui/core/components/toast";
 export * from "@agnos-ui/core/components/slider";
 export * from "@agnos-ui/core/components/select";
@@ -32,8 +33,9 @@ export * from "@agnos-ui/core/components/rating";
 export * from "@agnos-ui/core/components/progressbar";
 export * from "@agnos-ui/core/components/pagination";
 export * from "@agnos-ui/core/components/modal";
-export * from "@agnos-ui/core/components/carousel";
+export * from "@agnos-ui/core/components/drawer";
 export * from "@agnos-ui/core/components/collapse";
+export * from "@agnos-ui/core/components/carousel";
 export * from "@agnos-ui/core/components/alert";
 export * from "@agnos-ui/core/components/accordion";
 import { P } from "./portal-CX8X69NK.js";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
 	"description": "Headless component library for React.",
-	"version": "0.9.3",
+	"version": "0.10.0-next.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,7 +49,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.9.3"
+		"@agnos-ui/core": "0.10.0-next.0"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",

package/{stores-DZalyTTa.js → stores-BWQ6d_4B.js}

@@ -78,14 +78,14 @@ function useObservablesProxy(stores) {
         if (store) {
           let storeInfo = internalState2.storeInfo[key];
           if (!storeInfo || storeInfo.store !== store) {
-            const unsubscribe = storeInfo == null ? void 0 : storeInfo.unsubscribe;
+            const unsubscribe = storeInfo?.unsubscribe;
             storeInfo = {
               store,
               computedStore: createComputed(store, internalState2),
               unsubscribe: null
             };
             internalState2.storeInfo[key] = storeInfo;
-            unsubscribe == null ? void 0 : unsubscribe();
+            unsubscribe?.();
           }
           if (internalState2.hasEffect && !storeInfo.unsubscribe) {
             storeInfo.unsubscribe = storeInfo.computedStore.subscribe(onStoreChange);
@@ -99,7 +99,7 @@ function useObservablesProxy(stores) {
         {
           get(_target, name) {
             const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
-            return store == null ? void 0 : store();
+            return store?.();
           }
         }
       )
@@ -119,7 +119,7 @@ function useObservablesProxy(stores) {
       for (const info of Object.values(internalState.storeInfo)) {
         const unsubscribe = info.unsubscribe;
         info.unsubscribe = null;
-        unsubscribe == null ? void 0 : unsubscribe();
+        unsubscribe?.();
       }
     };
   }, [stores]);

package/{stores-DD819q-h.cjs → stores-DPOTvwx1.cjs}

@@ -79,14 +79,14 @@ function useObservablesProxy(stores2) {
         if (store) {
           let storeInfo = internalState2.storeInfo[key];
           if (!storeInfo || storeInfo.store !== store) {
-            const unsubscribe = storeInfo == null ? void 0 : storeInfo.unsubscribe;
+            const unsubscribe = storeInfo?.unsubscribe;
             storeInfo = {
               store,
               computedStore: createComputed(store, internalState2),
               unsubscribe: null
             };
             internalState2.storeInfo[key] = storeInfo;
-            unsubscribe == null ? void 0 : unsubscribe();
+            unsubscribe?.();
           }
           if (internalState2.hasEffect && !storeInfo.unsubscribe) {
             storeInfo.unsubscribe = storeInfo.computedStore.subscribe(onStoreChange);
@@ -100,7 +100,7 @@ function useObservablesProxy(stores2) {
         {
           get(_target, name) {
             const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
-            return store == null ? void 0 : store();
+            return store?.();
           }
         }
       )
@@ -120,7 +120,7 @@ function useObservablesProxy(stores2) {
       for (const info of Object.values(internalState.storeInfo)) {
         const unsubscribe = info.unsubscribe;
         info.unsubscribe = null;
-        unsubscribe == null ? void 0 : unsubscribe();
+        unsubscribe?.();
       }
     };
   }, [stores2]);

package/{toasterProvider-BtIHSdiL.cjs → toasterProvider-CYgzar_d.cjs}

@@ -1,12 +1,22 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const toast = require("@agnos-ui/core/components/toast");
+const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
-const stores = require("./stores-DD819q-h.cjs");
+const stores$1 = require("./stores-DPOTvwx1.cjs");
 const useCreateToaster = (options) => {
-  const toaster = react.useMemo(() => new toast.Toaster(options), [options]);
-  const toasts = stores.useObservable(toaster.toasts);
-  const toasterOptions = stores.useObservable(toaster.options);
+  const toaster = react.useMemo(() => new toast.Toaster(options), []);
+  options = options ?? {};
+  const previousOptions = react.useRef(options);
+  react.useMemo(() => {
+    const changedOptions = stores.findChangedProperties(previousOptions.current, options);
+    previousOptions.current = options;
+    if (changedOptions) {
+      toaster.options.update((v) => ({ ...v, ...changedOptions }));
+    }
+  }, [toaster.options, options]);
+  const toasts = stores$1.useObservable(toaster.toasts);
+  const toasterOptions = stores$1.useObservable(toaster.options);
   const addToast = react.useCallback((props) => toaster.addToast(props), [toaster]);
   const removeToast = toaster.removeToast;
   const eventsDirective = toaster.eventsDirective;

package/{toasterProvider-lT-AfOoK.js → toasterProvider-CzmXu8rV.js}

@@ -1,9 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { Toaster } from "@agnos-ui/core/components/toast";
-import { useMemo, useCallback, createContext, useContext } from "react";
-import { u as useObservable } from "./stores-DZalyTTa.js";
+import { findChangedProperties } from "@agnos-ui/core/utils/stores";
+import { useMemo, useRef, useCallback, createContext, useContext } from "react";
+import { u as useObservable } from "./stores-BWQ6d_4B.js";
 const useCreateToaster = (options) => {
-  const toaster = useMemo(() => new Toaster(options), [options]);
+  const toaster = useMemo(() => new Toaster(options), []);
+  options = options ?? {};
+  const previousOptions = useRef(options);
+  useMemo(() => {
+    const changedOptions = findChangedProperties(previousOptions.current, options);
+    previousOptions.current = options;
+    if (changedOptions) {
+      toaster.options.update((v) => ({ ...v, ...changedOptions }));
+    }
+  }, [toaster.options, options]);
   const toasts = useObservable(toaster.toasts);
   const toasterOptions = useObservable(toaster.options);
   const addToast = useCallback((props) => toaster.addToast(props), [toaster]);

package/{widget-BkLUvh4T.cjs → widget-ClcZWw9S.cjs}

@@ -1,10 +1,10 @@
 "use strict";
 const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
-const stores$1 = require("./stores-DD819q-h.cjs");
+const stores$1 = require("./stores-DPOTvwx1.cjs");
 require("@agnos-ui/core/utils/widget");
 function useWidgetWithConfig(factory, props = {}, propsConfig) {
-  const coreWidget = react.useMemo(() => factory({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
+  const coreWidget = react.useMemo(() => factory({ ...propsConfig, props: { ...propsConfig?.props, ...props } }), []);
   const previousProps = react.useRef(props);
   react.useMemo(() => {
     const changedProps = stores.findChangedProperties(previousProps.current, props);

package/{widget-DLB7vGCY.js → widget-D80Xk-XZ.js}

@@ -1,9 +1,9 @@
 import { findChangedProperties } from "@agnos-ui/core/utils/stores";
 import { useMemo, useRef } from "react";
-import { a as useObservablesProxy } from "./stores-DZalyTTa.js";
+import { a as useObservablesProxy } from "./stores-BWQ6d_4B.js";
 import "@agnos-ui/core/utils/widget";
 function useWidgetWithConfig(factory, props = {}, propsConfig) {
-  const coreWidget = useMemo(() => factory({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
+  const coreWidget = useMemo(() => factory({ ...propsConfig, props: { ...propsConfig?.props, ...props } }), []);
   const previousProps = useRef(props);
   useMemo(() => {
     const changedProps = findChangedProperties(previousProps.current, props);