@agnos-ui/core 0.9.3 → 0.10.0-next.1

package/{modal-BEnQ6c5M.cjs → modal-DiXZXYjR.cjs}

@@ -1,42 +1,19 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const promise = require("./promise-CxCD3NYv.cjs");
 const utils_func = require("./utils/func.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const scrollbars = require("./scrollbars-CT87iv_6.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const utils_widget = require("./utils/widget.cjs");
-const internalRemoveScrollbars = () => {
-  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
-  const body = document.body;
-  const bodyStyle = body.style;
-  const { overflow, paddingRight } = bodyStyle;
-  if (scrollbarWidth > 0) {
-    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
-    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
-  }
-  bodyStyle.overflow = "hidden";
-  return () => {
-    if (scrollbarWidth > 0) {
-      bodyStyle.paddingRight = paddingRight;
-    }
-    bodyStyle.overflow = overflow;
-  };
-};
-let internalRevert = utils_func.noop;
-const removeScrollbars = () => {
-  internalRevert();
-  internalRevert = internalRemoveScrollbars();
-};
-const revertScrollbars = () => {
-  internalRevert();
-  internalRevert = utils_func.noop;
-};
+const services_focusElement = require("./services/focusElement.cjs");
 const modalOutsideClick = Symbol();
 const modalCloseButtonClick = Symbol();
+const modalCloseEscape = Symbol();
 const defaultConfig = {
   animated: true,
   ariaCloseButtonLabel: "Close",
@@ -78,9 +55,9 @@ const modals$ = utils_directive.registrationArray();
 const hasModals$ = tansu.computed(() => modals$().length > 0);
 const scrollbarsAction$ = tansu.computed(() => {
   if (hasModals$()) {
-    removeScrollbars();
+    scrollbars.removeScrollbars();
   } else {
-    revertScrollbars();
+    scrollbars.revertScrollbars();
   }
 });
 const modalsAction$ = tansu.computed(() => {
@@ -161,7 +138,7 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
       const element = container ? modalTransition.stores.element$() : void 0;
       return {
         container,
-        insertBefore: (element == null ? void 0 : element.parentElement) === container ? element : void 0
+        insertBefore: element?.parentElement === container ? element : void 0
       };
     })
   );
@@ -188,13 +165,23 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
   }));
   const modalAttributeDirective = utils_directive.createAttributesDirective(() => ({
     attributes: {
-      class: className$
+      class: className$,
+      tabIndex: tansu.readable("-1")
     },
     events: {
       click: (event) => {
         if (event.currentTarget === event.target && closeOnOutsideClick$()) {
           close(modalOutsideClick);
         }
+      },
+      keydown: (event) => {
+        const { key } = event;
+        switch (key) {
+          case "Escape":
+            close(modalCloseEscape);
+            event.stopPropagation();
+            break;
+        }
       }
     }
   }));
@@ -215,7 +202,13 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
       modalPortalDirective,
       backdropPortalDirective,
       backdropDirective: utils_directive.mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),
-      modalDirective: utils_directive.mergeDirectives(modalTransition.directives.directive, services_siblingsInert.siblingsInert, utils_directive.directiveSubscribe(action$), modalAttributeDirective),
+      modalDirective: utils_directive.mergeDirectives(
+        modalTransition.directives.directive,
+        utils_directive.bindDirectiveNoArg(services_siblingsInert.siblingsInert),
+        utils_directive.directiveSubscribe(action$),
+        modalAttributeDirective,
+        services_focusElement.focusElement
+      ),
       closeButtonDirective,
       dialogDirective: utils_directive.bindDirective(
         utils_directive.browserDirective((dialog, visible) => {
@@ -250,4 +243,5 @@ const createModal = utils_widget.createWidgetFactory("modal", (config$) => {
 exports.createModal = createModal;
 exports.getModalDefaultConfig = getModalDefaultConfig;
 exports.modalCloseButtonClick = modalCloseButtonClick;
+exports.modalCloseEscape = modalCloseEscape;
 exports.modalOutsideClick = modalOutsideClick;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core",
 	"description": "Framework-agnostic headless component library.",
-	"version": "0.9.3",
+	"version": "0.10.0-next.1",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",

package/{pagination-B97wBLok.js → pagination-BKbMROV6.js}

@@ -1,8 +1,8 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
-import { l as isNumber, e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp } from "./writables-CgpOQ4hA.js";
+import { l as isNumber, e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp } from "./writables-e0tyaQpe.js";
 import { noop } from "./utils/func.js";
-import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
@@ -110,10 +110,10 @@ const createPagination = createWidgetFactory("pagination", (config) => {
   const ariaLiveLabelText$ = computed(() => ariaLiveLabel$()(page$(), pageCount$()));
   function handleNavigation(pageNumber, event) {
     if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     if (!event || !(event.ctrlKey || event.metaKey)) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
       page$.set(pageNumber);
     }
   }

package/{pagination-C1TT-oea.cjs → pagination-DvZ2rLsz.cjs}

@@ -1,9 +1,9 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const utils_stores = require("./utils/stores.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_func = require("./utils/func.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
@@ -111,10 +111,10 @@ const createPagination = utils_widget.createWidgetFactory("pagination", (config)
   const ariaLiveLabelText$ = tansu.computed(() => ariaLiveLabel$()(page$(), pageCount$()));
   function handleNavigation(pageNumber, event) {
     if (pagesHrefs$()[pageNumber - 1] === PAGE_LINK_DEFAULT) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
     }
     if (!event || !(event.ctrlKey || event.metaKey)) {
-      event == null ? void 0 : event.preventDefault();
+      event?.preventDefault();
       page$.set(pageNumber);
     }
   }

package/{progressbar-BWBlRk_Y.js → progressbar-D8zIcm9n.js}

@@ -1,7 +1,7 @@
-import { k as clamp, g as typeFunction, e as typeString, a as typeNumber } from "./writables-CgpOQ4hA.js";
+import { k as clamp, g as typeFunction, e as typeString, a as typeNumber } from "./writables-e0tyaQpe.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { computed, readable } from "@amadeus-it-group/tansu";
-import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
+import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const defaultConfig = {
   min: 0,

package/{progressbar-CRvhNB5R.cjs → progressbar-i9xfAxb7.cjs}

@@ -1,8 +1,8 @@
 "use strict";
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const defaultConfig = {
   min: 0,

package/{promise-XSP94FjG.js → promise-Y53vc4Ia.js}

@@ -111,9 +111,9 @@ const promiseWithResolve = () => {
   return { promise, resolve };
 };
 export {
-  promiseFromEvent as a,
-  promiseFromTimeout as b,
-  promiseWithResolve as c,
-  promiseFromStore as d,
-  promiseStoreToValueStore as p
+  promiseStoreToValueStore as a,
+  promiseFromEvent as b,
+  promiseFromTimeout as c,
+  promiseWithResolve as d,
+  promiseFromStore as p
 };

package/{rating-BXvy9kXq.js → rating-DEXTGWCU.js}

@@ -1,7 +1,7 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "./types.js";
-import { n as createAttributesDirective } from "./dom-gfxqXJpK.js";
-import { e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp, l as isNumber } from "./writables-CgpOQ4hA.js";
+import { p as createAttributesDirective } from "./dom-Bcg9ORcA.js";
+import { e as typeString, g as typeFunction, c as typeBoolean, a as typeNumber, k as clamp, l as isNumber } from "./writables-e0tyaQpe.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";

package/{rating-DAb6nR67.cjs → rating-DmG4oUkr.cjs}

@@ -1,8 +1,8 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const types = require("./types.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
-const utils_writables = require("./writables-Bn3uhKEG.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
+const utils_writables = require("./writables-DcGT98a7.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");

package/scrollbars-CT87iv_6.cjs

@@ -0,0 +1,30 @@
+"use strict";
+const utils_func = require("./utils/func.cjs");
+const internalRemoveScrollbars = () => {
+  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
+  const body = document.body;
+  const bodyStyle = body.style;
+  const { overflow, paddingRight } = bodyStyle;
+  if (scrollbarWidth > 0) {
+    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
+    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
+  }
+  bodyStyle.overflow = "hidden";
+  return () => {
+    if (scrollbarWidth > 0) {
+      bodyStyle.paddingRight = paddingRight;
+    }
+    bodyStyle.overflow = overflow;
+  };
+};
+let internalRevert = utils_func.noop;
+const removeScrollbars = () => {
+  internalRevert();
+  internalRevert = internalRemoveScrollbars();
+};
+const revertScrollbars = () => {
+  internalRevert();
+  internalRevert = utils_func.noop;
+};
+exports.removeScrollbars = removeScrollbars;
+exports.revertScrollbars = revertScrollbars;

package/scrollbars-CcxSrnCx.js

@@ -0,0 +1,31 @@
+import { noop } from "./utils/func.js";
+const internalRemoveScrollbars = () => {
+  const scrollbarWidth = Math.abs(window.innerWidth - document.documentElement.clientWidth);
+  const body = document.body;
+  const bodyStyle = body.style;
+  const { overflow, paddingRight } = bodyStyle;
+  if (scrollbarWidth > 0) {
+    const actualPadding = parseFloat(window.getComputedStyle(body).paddingRight);
+    bodyStyle.paddingRight = `${actualPadding + scrollbarWidth}px`;
+  }
+  bodyStyle.overflow = "hidden";
+  return () => {
+    if (scrollbarWidth > 0) {
+      bodyStyle.paddingRight = paddingRight;
+    }
+    bodyStyle.overflow = overflow;
+  };
+};
+let internalRevert = noop;
+const removeScrollbars = () => {
+  internalRevert();
+  internalRevert = internalRemoveScrollbars();
+};
+const revertScrollbars = () => {
+  internalRevert();
+  internalRevert = noop;
+};
+export {
+  revertScrollbars as a,
+  removeScrollbars as r
+};

package/{select-BdjpnE7_.js → select-Bw68Xdu5.js}

@@ -3,7 +3,7 @@ import { offset, autoPlacement, size } from "@floating-ui/dom";
 import { createFloatingUI } from "./services/floatingUI.js";
 import { createHasFocus } from "./services/focustrack.js";
 import { createNavManager } from "./services/navManager.js";
-import { t as generateId, k as mergeDirectives, n as createAttributesDirective, a as bindDirective } from "./dom-gfxqXJpK.js";
+import { v as generateId, n as mergeDirectives, p as createAttributesDirective, a as bindDirective } from "./dom-Bcg9ORcA.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";
@@ -70,7 +70,7 @@ const createSelect = createWidgetFactory("select", (config) => {
     return selectedItemsContext;
   });
   const selectedContexts$ = computed(() => [...selectedContextsMap$().values()]);
-  const highlightedIndex$ = function() {
+  const highlightedIndex$ = (function() {
     const store = writable(0);
     return asWritable(store, (index) => {
       const { length } = visibleItems$();
@@ -85,7 +85,7 @@ const createSelect = createWidgetFactory("select", (config) => {
       }
       store.set(index);
     });
-  }();
+  })();
   const itemContexts$ = computed(() => {
     const itemContexts = /* @__PURE__ */ new Map();
     if (open$()) {
@@ -318,7 +318,6 @@ const createSelect = createWidgetFactory("select", (config) => {
           return;
         }
         selected$.update((selectedItems) => {
-          var _a;
           selectedItems = [...selectedItems];
           if (selected && !isInSelected) {
             selectedItems.push(item);
@@ -326,7 +325,7 @@ const createSelect = createWidgetFactory("select", (config) => {
             const index = selectedItems.findIndex((item2) => itemIdFn(item2) === itemId);
             selectedItems.splice(index, 1);
           }
-          (_a = onSelectedChange$()) == null ? void 0 : _a(selectedItems);
+          onSelectedChange$()?.(selectedItems);
           return selectedItems;
         });
       },

package/{select-C0rJJQfl.cjs → select-MFjAnIt7.cjs}

@@ -4,7 +4,7 @@ const dom = require("@floating-ui/dom");
 const services_floatingUI = require("./services/floatingUI.cjs");
 const services_focustrack = require("./services/focustrack.cjs");
 const services_navManager = require("./services/navManager.cjs");
-const utils_directive = require("./dom-CuBx1JPZ.cjs");
+const utils_directive = require("./dom-C2gi9OCP.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");
@@ -71,7 +71,7 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
     return selectedItemsContext;
   });
   const selectedContexts$ = tansu.computed(() => [...selectedContextsMap$().values()]);
-  const highlightedIndex$ = function() {
+  const highlightedIndex$ = (function() {
     const store = tansu.writable(0);
     return tansu.asWritable(store, (index) => {
       const { length } = visibleItems$();
@@ -86,7 +86,7 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
       }
       store.set(index);
     });
-  }();
+  })();
   const itemContexts$ = tansu.computed(() => {
     const itemContexts = /* @__PURE__ */ new Map();
     if (open$()) {
@@ -319,7 +319,6 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
           return;
         }
         selected$.update((selectedItems) => {
-          var _a;
           selectedItems = [...selectedItems];
           if (selected && !isInSelected) {
             selectedItems.push(item);
@@ -327,7 +326,7 @@ const createSelect = utils_widget.createWidgetFactory("select", (config) => {
             const index = selectedItems.findIndex((item2) => itemIdFn(item2) === itemId);
             selectedItems.splice(index, 1);
           }
-          (_a = onSelectedChange$()) == null ? void 0 : _a(selectedItems);
+          onSelectedChange$()?.(selectedItems);
           return selectedItems;
         });
       },

package/services/extendWidget.cjs

@@ -6,9 +6,9 @@ const types = require("../types.cjs");
 const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
   const extendedFactory = (propsConfig) => {
     const extraPropsWritables = utils_stores.writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
-    const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
+    const propsConfigConfig = propsConfig?.config;
     const config = utils_stores.isStore(propsConfigConfig) ? tansu.computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-    const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
+    const widget = factory({ props: propsConfig?.props, config });
     return {
       ...widget,
       ...utils_stores.stateStores({ ...widget.stores, ...extraPropsWritables }),

package/services/extendWidget.js

@@ -4,9 +4,9 @@ import { FACTORY_WIDGET_NAME } from "../types.js";
 const extendWidgetProps = (factory, extraPropsDefaults, extraPropsConfig, overrideDefaults) => {
   const extendedFactory = (propsConfig) => {
     const extraPropsWritables = writablesWithDefault(extraPropsDefaults, propsConfig, extraPropsConfig);
-    const propsConfigConfig = propsConfig == null ? void 0 : propsConfig.config;
+    const propsConfigConfig = propsConfig?.config;
     const config = isStore(propsConfigConfig) ? computed(() => ({ ...overrideDefaults, ...propsConfigConfig() })) : { ...overrideDefaults, ...propsConfigConfig ?? {} };
-    const widget = factory({ props: propsConfig == null ? void 0 : propsConfig.props, config });
+    const widget = factory({ props: propsConfig?.props, config });
     return {
       ...widget,
       ...stateStores({ ...widget.stores, ...extraPropsWritables }),

package/services/floatingUI.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const dom = require("@floating-ui/dom");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const promise = require("../promise-CxCD3NYv.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const defaultConfig = {
@@ -59,34 +59,13 @@ const createFloatingUI = (propsConfig) => {
     null
   );
   const position$ = promise.promiseStoreToValueStore(promisePosition$, null);
-  const placement$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.placement;
-  });
-  const middlewareData$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.middlewareData;
-  });
-  const x$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.x;
-  });
-  const y$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.y;
-  });
-  const strategy$ = tansu.computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.strategy;
-  });
-  const arrowX$ = tansu.computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.x;
-  });
-  const arrowY$ = tansu.computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.y;
-  });
+  const placement$ = tansu.computed(() => position$()?.placement);
+  const middlewareData$ = tansu.computed(() => position$()?.middlewareData);
+  const x$ = tansu.computed(() => position$()?.x);
+  const y$ = tansu.computed(() => position$()?.y);
+  const strategy$ = tansu.computed(() => position$()?.strategy);
+  const arrowX$ = tansu.computed(() => middlewareData$()?.arrow?.x);
+  const arrowY$ = tansu.computed(() => middlewareData$()?.arrow?.y);
   const floatingStyleApplyAction$ = tansu.computed(() => {
     const floatingElement = floatingElement$();
     if (floatingElement) {

package/services/floatingUI.js

@@ -1,7 +1,7 @@
 import { computed, derived } from "@amadeus-it-group/tansu";
 import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
-import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../dom-gfxqXJpK.js";
-import { p as promiseStoreToValueStore } from "../promise-XSP94FjG.js";
+import { l as createBrowserStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-Bcg9ORcA.js";
+import { a as promiseStoreToValueStore } from "../promise-Y53vc4Ia.js";
 import { writablesForProps, stateStores } from "../utils/stores.js";
 const defaultConfig = {
   computePositionOptions: {},
@@ -57,34 +57,13 @@ const createFloatingUI = (propsConfig) => {
     null
   );
   const position$ = promiseStoreToValueStore(promisePosition$, null);
-  const placement$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.placement;
-  });
-  const middlewareData$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.middlewareData;
-  });
-  const x$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.x;
-  });
-  const y$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.y;
-  });
-  const strategy$ = computed(() => {
-    var _a;
-    return (_a = position$()) == null ? void 0 : _a.strategy;
-  });
-  const arrowX$ = computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.x;
-  });
-  const arrowY$ = computed(() => {
-    var _a, _b;
-    return (_b = (_a = middlewareData$()) == null ? void 0 : _a.arrow) == null ? void 0 : _b.y;
-  });
+  const placement$ = computed(() => position$()?.placement);
+  const middlewareData$ = computed(() => position$()?.middlewareData);
+  const x$ = computed(() => position$()?.x);
+  const y$ = computed(() => position$()?.y);
+  const strategy$ = computed(() => position$()?.strategy);
+  const arrowX$ = computed(() => middlewareData$()?.arrow?.x);
+  const arrowY$ = computed(() => middlewareData$()?.arrow?.y);
   const floatingStyleApplyAction$ = computed(() => {
     const floatingElement = floatingElement$();
     if (floatingElement) {

package/services/focusElement.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_directive = require("../dom-C2gi9OCP.cjs");
+const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
+const stack = [];
+let stackProcessPlanned = false;
+const processStack = () => {
+  stackProcessPlanned = false;
+  const candidates = [];
+  while (stack.length > 0) {
+    const top = stack[stack.length - 1];
+    if (top.element) {
+      candidates.push(top.element);
+      break;
+    } else {
+      if (top.previousElement) {
+        candidates.push(top.previousElement);
+      }
+      stack.pop();
+    }
+  }
+  for (const candidate of candidates) {
+    if (isFocusable.isFocusable(candidate)) {
+      candidate.focus();
+      return;
+    }
+  }
+};
+const planProcessStack = () => {
+  if (!stackProcessPlanned) {
+    stackProcessPlanned = true;
+    setTimeout(processStack, 0);
+  }
+};
+const focusElement = utils_directive.browserDirective((element) => {
+  const stackEntry = { element, previousElement: document.activeElement };
+  stack.push(stackEntry);
+  planProcessStack();
+  return {
+    destroy() {
+      stackEntry.element = null;
+      planProcessStack();
+    }
+  };
+});
+exports.focusElement = focusElement;

package/services/focusElement.d.ts

@@ -0,0 +1,9 @@
+import type { Directive } from '../types';
+/**
+ * Directive to focus an element and manage focus stack.
+ * When the element is destroyed, focus returns to the previous focusable element in the stack.
+ *
+ * @param element - The HTML element to focus.
+ * @returns An object with a destroy method to remove the element from the focus stack.
+ */
+export declare const focusElement: Directive;

package/services/focusElement.js

@@ -0,0 +1,46 @@
+import { b as browserDirective } from "../dom-Bcg9ORcA.js";
+import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
+const stack = [];
+let stackProcessPlanned = false;
+const processStack = () => {
+  stackProcessPlanned = false;
+  const candidates = [];
+  while (stack.length > 0) {
+    const top = stack[stack.length - 1];
+    if (top.element) {
+      candidates.push(top.element);
+      break;
+    } else {
+      if (top.previousElement) {
+        candidates.push(top.previousElement);
+      }
+      stack.pop();
+    }
+  }
+  for (const candidate of candidates) {
+    if (isFocusable(candidate)) {
+      candidate.focus();
+      return;
+    }
+  }
+};
+const planProcessStack = () => {
+  if (!stackProcessPlanned) {
+    stackProcessPlanned = true;
+    setTimeout(processStack, 0);
+  }
+};
+const focusElement = browserDirective((element) => {
+  const stackEntry = { element, previousElement: document.activeElement };
+  stack.push(stackEntry);
+  planProcessStack();
+  return {
+    destroy() {
+      stackEntry.element = null;
+      planProcessStack();
+    }
+  };
+});
+export {
+  focusElement
+};

package/services/focustrack.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const esmEnv = require("esm-env");
 const evtFocusIn = "focusin";
 const evtFocusOut = "focusout";

package/services/focustrack.js

@@ -1,5 +1,5 @@
 import { readable, computed } from "@amadeus-it-group/tansu";
-import { g as createBrowserStoreArrayDirective } from "../dom-gfxqXJpK.js";
+import { h as createBrowserStoreArrayDirective } from "../dom-Bcg9ORcA.js";
 import { BROWSER } from "esm-env";
 const evtFocusIn = "focusin";
 const evtFocusOut = "focusout";

package/services/matchMedia.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const esmEnv = require("esm-env");
-const utils_directive = require("../dom-CuBx1JPZ.cjs");
+const utils_directive = require("../dom-C2gi9OCP.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
   onUse({ set }) {