@agnos-ui/core 0.10.0-next.4 → 0.10.0

package/{accordion-nxveC0GZ.cjs → accordion-D9AonDII.cjs}

@@ -4,7 +4,7 @@ const services_transitions_baseTransitions = require("./services/transitions/bas
 const tansu = require("@amadeus-it-group/tansu");
 const utils_func = require("./utils/func.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_widget = require("./utils/widget.cjs");
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;

package/{accordion-47EpOD36.js → accordion-qJyqAAwZ.js}

@@ -3,7 +3,7 @@ import { createTransition } from "./services/transitions/baseTransitions.js";
 import { writable, computed, readable, asWritable } from "@amadeus-it-group/tansu";
 import { noop } from "./utils/func.js";
 import { k as createTypeEnum, e as typeString, h as typeFunction, c as typeBoolean } from "./writables-Is1bF1Vt.js";
-import { n as mergeDirectives, p as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./dom-DD1hAVZy.js";
+import { o as mergeDirectives, q as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./dom-iY0R3D7u.js";
 import { createWidgetFactory } from "./utils/widget.js";
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;

package/{collapse-CrfvGo_T.js → collapse-CPXAHvle.js}

@@ -1,6 +1,6 @@
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { writablesForProps, idWithDefault, stateStores } from "./utils/stores.js";
-import { p as createAttributesDirective, n as mergeDirectives } from "./dom-DD1hAVZy.js";
+import { q as createAttributesDirective, o as mergeDirectives } from "./dom-iY0R3D7u.js";
 import { h as typeFunction, e as typeString, c as typeBoolean } from "./writables-Is1bF1Vt.js";
 import { computed } from "@amadeus-it-group/tansu";
 import { noop } from "./utils/func.js";

package/{collapse-Da_27YUU.cjs → collapse-DVb_2jIl.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");
 const tansu = require("@amadeus-it-group/tansu");
 const utils_func = require("./utils/func.cjs");

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-nxveC0GZ.cjs");
+const accordion = require("../../accordion-D9AonDII.cjs");
 exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;
 exports.factoryCreateAccordion = accordion.factoryCreateAccordion;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { a, c, f, g } from "../../accordion-47EpOD36.js";
+import { a, c, f, g } from "../../accordion-qJyqAAwZ.js";
 export {
   a as createAccordion,
   c as createAccordionItem,

package/components/carousel/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../dom-Cm9_uROp.cjs");
+const utils_directive = require("../../dom-R8VxJgdK.cjs");
 const EmblaCarousel = require("embla-carousel");
 const tansu = require("@amadeus-it-group/tansu");
 const utils_writables = require("../../writables-Dt68gADJ.cjs");

package/components/carousel/index.js

@@ -1,5 +1,5 @@
 import { writablesForProps, stateStores, true$ } from "../../utils/stores.js";
-import { a as bindDirective, b as browserDirective, p as createAttributesDirective, n as mergeDirectives } from "../../dom-DD1hAVZy.js";
+import { a as bindDirective, b as browserDirective, q as createAttributesDirective, o as mergeDirectives } from "../../dom-iY0R3D7u.js";
 import EmblaCarousel from "embla-carousel";
 import { writable, computed, asReadable, readable } from "@amadeus-it-group/tansu";
 import { h as typeFunction, e as typeString, c as typeBoolean, a as typeNumber, k as createTypeEnum, f as typeStringOrNull, j as typeArray } from "../../writables-Is1bF1Vt.js";

package/components/collapse/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-Da_27YUU.cjs");
+const collapse = require("../../collapse-DVb_2jIl.cjs");
 exports.createCollapse = collapse.createCollapse;
 exports.getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;

package/components/collapse/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../collapse-CrfvGo_T.js";
+import { c, g } from "../../collapse-CPXAHvle.js";
 export {
   c as createCollapse,
   g as getCollapseDefaultConfig

package/components/drawer/drawer.d.ts

@@ -111,6 +111,12 @@ export interface DrawerProps extends DrawerCommonPropsAndState {
      * @defaultValue `false`
      */
     bodyScroll: boolean;
+    /**
+     * If `true` focuses the drawer when it is opened.
+     *
+     * @defaultValue `true`
+     */
+    focusOnInit: boolean;
     /**
      * Event to be triggered when the transition is completed and the drawer is not visible.
      *
@@ -192,6 +198,10 @@ export interface DrawerState extends DrawerCommonPropsAndState {
      * Flag to show whether the drawer is fully hidden.
      */
     hidden: boolean;
+    /**
+     * Flag to show whether the drawer is vertically positioned.
+     */
+    isVertical: boolean;
 }
 /**
  * Interface representing the API for a Drawer component.

package/components/drawer/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const drawer = require("../../drawer-B5Yaqpiu.cjs");
+const drawer = require("../../drawer-77u4kG4M.cjs");
 exports.createDrawer = drawer.createDrawer;
 exports.getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;

package/components/drawer/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../drawer-CGHyRTM9.js";
+import { c, g } from "../../drawer-CVoNTDrc.js";
 export {
   c as createDrawer,
   g as getDrawerDefaultConfig

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-B_3Uxplo.cjs");
+const modal = require("../../modal-ywc6mk_R.cjs");
 exports.createModal = modal.createModal;
 exports.getModalDefaultConfig = modal.getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.modalCloseButtonClick;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { c, g, a, b, m } from "../../modal-cKd3qUn1.js";
+import { c, g, a, b, m } from "../../modal-CJVVF65o.js";
 export {
   c as createModal,
   g as getModalDefaultConfig,

package/components/pagination/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-2Vor6JPZ.cjs");
+const pagination = require("../../pagination-CRMoSXs3.cjs");
 exports.createPagination = pagination.createPagination;
 exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;

package/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../pagination-DlOyP_2C.js";
+import { c, g } from "../../pagination-D19l6t0x.js";
 export {
   c as createPagination,
   g as getPaginationDefaultConfig

package/components/progressbar/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const progressbar = require("../../progressbar-DyBRINco.cjs");
+const progressbar = require("../../progressbar-DeqZeuKP.cjs");
 exports.createProgressbar = progressbar.createProgressbar;
 exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../progressbar-B5g76eMV.js";
+import { c, g } from "../../progressbar-r0zha1kn.js";
 export {
   c as createProgressbar,
   g as getProgressbarDefaultConfig

package/components/rating/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const rating = require("../../rating-C0y1j4SC.cjs");
+const rating = require("../../rating-DOPnxyms.cjs");
 exports.createRating = rating.createRating;
 exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;

package/components/rating/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../rating-C7C4-p4B.js";
+import { c, g } from "../../rating-D5Usb5P6.js";
 export {
   c as createRating,
   g as getRatingDefaultConfig

package/components/select/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const select = require("../../select-Dhsb9msC.cjs");
+const select = require("../../select-Dx3GWZPt.cjs");
 exports.createSelect = select.createSelect;
 exports.getSelectDefaultConfig = select.getSelectDefaultConfig;

package/components/select/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../select-nnl00UWY.js";
+import { c, g } from "../../select-BLA3Onle.js";
 export {
   c as createSelect,
   g as getSelectDefaultConfig

package/components/slider/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const slider = require("../../slider-DTO58syz.cjs");
+const slider = require("../../slider-CJIW2sDq.cjs");
 exports.createSlider = slider.createSlider;
 exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;

package/components/slider/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../slider-B4WrdTeE.js";
+import { c, g } from "../../slider--fcvBfF0.js";
 export {
   c as createSlider,
   g as getSliderDefaultConfig

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toaster = require("../../toaster-CT148JSJ.cjs");
+const toaster = require("../../toaster-BjBdgZGB.cjs");
 exports.Toaster = toaster.Toaster;
 exports.createToast = toaster.createToast;
 exports.defaultToasterProps = toaster.defaultToasterProps;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { T, c, d, g } from "../../toaster-CRPErgI2.js";
+import { T, c, d, g } from "../../toaster-D1b7QvRg.js";
 export {
   T as Toaster,
   c as createToast,

package/components/tree/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tree = require("../../tree-C4l2Wqny.cjs");
+const tree = require("../../tree-Pj-WcKId.cjs");
 exports.createTree = tree.createTree;
 exports.getTreeDefaultConfig = tree.getTreeDefaultConfig;

package/components/tree/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../tree-CHpFqJPx.js";
+import { c, g } from "../../tree-CUtbJPZT.js";
 export {
   c as createTree,
   g as getTreeDefaultConfig

package/{dom-Cm9_uROp.cjs → dom-R8VxJgdK.cjs}

@@ -277,6 +277,26 @@ const createBrowserStoreDirective = () => {
   const { directive, element$ } = createStoreDirective();
   return { directive: browserDirective(directive), element$ };
 };
+const conditionalDirective = (directive, condition) => (element, arg) => {
+  const instance$ = tansu.derived(
+    condition,
+    (enabled, set) => {
+      const instance = enabled ? directive(element, arg) : void 0;
+      set(instance);
+      return () => instance?.destroy?.();
+    },
+    void 0
+  );
+  const destroy = instance$.subscribe(() => {
+  });
+  return {
+    update(newArg) {
+      arg = newArg;
+      instance$()?.update?.(newArg);
+    },
+    destroy
+  };
+};
 const mergeDirectives = (...args) => (element, arg) => {
   const instances = tansu.batch(() => args.map((directive) => directive(element, arg)));
   return {
@@ -481,6 +501,7 @@ exports.bindDirectiveNoArg = bindDirectiveNoArg;
 exports.browserDirective = browserDirective;
 exports.classDirective = classDirective;
 exports.computeCommonAncestor = computeCommonAncestor;
+exports.conditionalDirective = conditionalDirective;
 exports.createAttributesDirective = createAttributesDirective;
 exports.createBrowserStoreArrayDirective = createBrowserStoreArrayDirective;
 exports.createBrowserStoreDirective = createBrowserStoreDirective;

package/{dom-DD1hAVZy.js → dom-iY0R3D7u.js}

@@ -1,5 +1,5 @@
 import { BROWSER } from "esm-env";
-import { readable, batch, asReadable, writable, computed } from "@amadeus-it-group/tansu";
+import { readable, batch, asReadable, writable, derived, computed } from "@amadeus-it-group/tansu";
 import { noop } from "./utils/func.js";
 const importantSuffixRegExp = /\s*!important$/;
 const withoutImportant = (value) => value?.replace(importantSuffixRegExp, "") ?? "";
@@ -276,6 +276,26 @@ const createBrowserStoreDirective = () => {
   const { directive, element$ } = createStoreDirective();
   return { directive: browserDirective(directive), element$ };
 };
+const conditionalDirective = (directive, condition) => (element, arg) => {
+  const instance$ = derived(
+    condition,
+    (enabled, set) => {
+      const instance = enabled ? directive(element, arg) : void 0;
+      set(instance);
+      return () => instance?.destroy?.();
+    },
+    void 0
+  );
+  const destroy = instance$.subscribe(() => {
+  });
+  return {
+    update(newArg) {
+      arg = newArg;
+      instance$()?.update?.(newArg);
+    },
+    destroy
+  };
+};
 const mergeDirectives = (...args) => (element, arg) => {
   const instances = batch(() => args.map((directive) => directive(element, arg)));
   return {
@@ -473,7 +493,8 @@ function bindClassName(node, className, value$) {
   };
 }
 export {
-  computeCommonAncestor as A,
+  reflow as A,
+  computeCommonAncestor as B,
   bindDirective as a,
   browserDirective as b,
   bindDirectiveNoArg as c,
@@ -487,17 +508,17 @@ export {
   createStoreDirective as k,
   createBrowserStoreDirective as l,
   mapDirectiveArg as m,
-  mergeDirectives as n,
-  multiDirective as o,
-  createAttributesDirective as p,
-  attributesData as q,
+  conditionalDirective as n,
+  mergeDirectives as o,
+  multiDirective as p,
+  createAttributesDirective as q,
   registrationArray as r,
-  classDirective as s,
-  directiveAttributes as t,
-  ssrAttributes as u,
-  generateId as v,
-  addEvent as w,
-  removeClasses as x,
-  addClasses as y,
-  reflow as z
+  attributesData as s,
+  classDirective as t,
+  directiveAttributes as u,
+  ssrAttributes as v,
+  generateId as w,
+  addEvent as x,
+  removeClasses as y,
+  addClasses as z
 };

package/{drawer-B5Yaqpiu.cjs → drawer-77u4kG4M.cjs}

@@ -5,7 +5,7 @@ const services_pointerdownPosition = require("./services/pointerdownPosition.cjs
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_func = require("./utils/func.cjs");
 const scrollbars = require("./scrollbars-CT87iv_6.cjs");
 const utils_stores = require("./utils/stores.cjs");
@@ -37,7 +37,8 @@ const defaultDrawerConfig = {
   resizable: false,
   backdrop: true,
   bodyScroll: false,
-  size: null
+  size: null,
+  focusOnInit: true
 };
 const configValidator = {
   animated: utils_writables.typeBoolean,
@@ -60,7 +61,8 @@ const configValidator = {
   resizable: utils_writables.typeBoolean,
   backdrop: utils_writables.typeBoolean,
   bodyScroll: utils_writables.typeBoolean,
-  size: utils_writables.typeNumberOrNull
+  size: utils_writables.typeNumberOrNull,
+  focusOnInit: utils_writables.typeBoolean
 };
 const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
   const [
@@ -85,6 +87,7 @@ const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
       onMinimizedChange$,
       onMaximizedChange$,
       onResizingChange$,
+      focusOnInit$,
       ...stateProps
     },
     patch
@@ -266,7 +269,8 @@ const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
       size$,
       visible$,
       backdropHidden$,
-      hidden$
+      hidden$,
+      isVertical$
     }),
     patch,
     api: {
@@ -284,7 +288,7 @@ const createDrawer = utils_widget.createWidgetFactory("drawer", (config) => {
         ),
         // This directive must come after the attribute directive, to ensure that all the classes and attributes are applied for the transition
         transition.directives.directive,
-        services_focusElement.focusElement
+        utils_directive.conditionalDirective(services_focusElement.focusElement, focusOnInit$)
       ),
       backdropPortalDirective,
       backdropDirective: utils_directive.mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),

package/{drawer-CGHyRTM9.js → drawer-CVoNTDrc.js}

@@ -4,12 +4,12 @@ import { createPointerdownPositionDirective } from "./services/pointerdownPositi
 import { portal } from "./services/portal.js";
 import { siblingsInert } from "./services/siblingsInert.js";
 import { createTransition } from "./services/transitions/baseTransitions.js";
-import { a as bindDirective, l as createBrowserStoreDirective, n as mergeDirectives, p as createAttributesDirective, d as directiveSubscribe, i as isBrowserHTMLElement } from "./dom-DD1hAVZy.js";
+import { a as bindDirective, l as createBrowserStoreDirective, o as mergeDirectives, q as createAttributesDirective, n as conditionalDirective, d as directiveSubscribe, i as isBrowserHTMLElement } from "./dom-iY0R3D7u.js";
 import { noop } from "./utils/func.js";
 import { r as removeScrollbars, a as revertScrollbars } from "./scrollbars-CcxSrnCx.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";
-import { g as typeNumberOrNull, c as typeBoolean, h as typeFunction, i as typeHTMLElementOrNull, e as typeString } from "./writables-Is1bF1Vt.js";
+import { c as typeBoolean, g as typeNumberOrNull, h as typeFunction, i as typeHTMLElementOrNull, e as typeString } from "./writables-Is1bF1Vt.js";
 function getDrawerDefaultConfig() {
   return {
     ...defaultDrawerConfig
@@ -36,7 +36,8 @@ const defaultDrawerConfig = {
   resizable: false,
   backdrop: true,
   bodyScroll: false,
-  size: null
+  size: null,
+  focusOnInit: true
 };
 const configValidator = {
   animated: typeBoolean,
@@ -59,7 +60,8 @@ const configValidator = {
   resizable: typeBoolean,
   backdrop: typeBoolean,
   bodyScroll: typeBoolean,
-  size: typeNumberOrNull
+  size: typeNumberOrNull,
+  focusOnInit: typeBoolean
 };
 const createDrawer = createWidgetFactory("drawer", (config) => {
   const [
@@ -84,6 +86,7 @@ const createDrawer = createWidgetFactory("drawer", (config) => {
       onMinimizedChange$,
       onMaximizedChange$,
       onResizingChange$,
+      focusOnInit$,
       ...stateProps
     },
     patch
@@ -265,7 +268,8 @@ const createDrawer = createWidgetFactory("drawer", (config) => {
       size$,
       visible$,
       backdropHidden$,
-      hidden$
+      hidden$,
+      isVertical$
     }),
     patch,
     api: {
@@ -283,7 +287,7 @@ const createDrawer = createWidgetFactory("drawer", (config) => {
         ),
         // This directive must come after the attribute directive, to ensure that all the classes and attributes are applied for the transition
         transition.directives.directive,
-        focusElement
+        conditionalDirective(focusElement, focusOnInit$)
       ),
       backdropPortalDirective,
       backdropDirective: mergeDirectives(backdropTransition.directives.directive, backdropAttributeDirective),

package/index.cjs

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("./types.cjs");
-const accordion = require("./accordion-nxveC0GZ.cjs");
+const accordion = require("./accordion-D9AonDII.cjs");
 const alert = require("./alert-AhaliJ17.cjs");
-const collapse = require("./collapse-Da_27YUU.cjs");
-const modal = require("./modal-B_3Uxplo.cjs");
-const pagination = require("./pagination-2Vor6JPZ.cjs");
-const progressbar = require("./progressbar-DyBRINco.cjs");
-const rating = require("./rating-C0y1j4SC.cjs");
-const select = require("./select-Dhsb9msC.cjs");
-const slider = require("./slider-DTO58syz.cjs");
-const toaster = require("./toaster-CT148JSJ.cjs");
-const tree = require("./tree-C4l2Wqny.cjs");
-const drawer = require("./drawer-B5Yaqpiu.cjs");
+const collapse = require("./collapse-DVb_2jIl.cjs");
+const modal = require("./modal-ywc6mk_R.cjs");
+const pagination = require("./pagination-CRMoSXs3.cjs");
+const progressbar = require("./progressbar-DeqZeuKP.cjs");
+const rating = require("./rating-DOPnxyms.cjs");
+const select = require("./select-Dx3GWZPt.cjs");
+const slider = require("./slider-CJIW2sDq.cjs");
+const toaster = require("./toaster-BjBdgZGB.cjs");
+const tree = require("./tree-Pj-WcKId.cjs");
+const drawer = require("./drawer-77u4kG4M.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");
@@ -27,7 +27,7 @@ const services_hash = require("./services/hash.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const services_transitions_cssTransitions = require("./services/transitions/cssTransitions.cjs");
 const services_transitions_simpleClassTransition = require("./services/transitions/simpleClassTransition.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");
 exports.FACTORY_WIDGET_NAME = types.FACTORY_WIDGET_NAME;
@@ -90,6 +90,7 @@ exports.bindDirective = utils_directive.bindDirective;
 exports.bindDirectiveNoArg = utils_directive.bindDirectiveNoArg;
 exports.browserDirective = utils_directive.browserDirective;
 exports.classDirective = utils_directive.classDirective;
+exports.conditionalDirective = utils_directive.conditionalDirective;
 exports.createAttributesDirective = utils_directive.createAttributesDirective;
 exports.createBrowserStoreArrayDirective = utils_directive.createBrowserStoreArrayDirective;
 exports.createBrowserStoreDirective = utils_directive.createBrowserStoreDirective;

package/index.js

@@ -1,16 +1,16 @@
 import { FACTORY_WIDGET_NAME, INVALID_VALUE } from "./types.js";
-import { a, c, f, g } from "./accordion-47EpOD36.js";
+import { a, c, f, g } from "./accordion-qJyqAAwZ.js";
 import { c as c2, g as g2 } from "./alert-anMaigvi.js";
-import { c as c3, g as g3 } from "./collapse-CrfvGo_T.js";
-import { c as c4, g as g4, a as a2, b, m } from "./modal-cKd3qUn1.js";
-import { c as c5, g as g5 } from "./pagination-DlOyP_2C.js";
-import { c as c6, g as g6 } from "./progressbar-B5g76eMV.js";
-import { c as c7, g as g7 } from "./rating-C7C4-p4B.js";
-import { c as c8, g as g8 } from "./select-nnl00UWY.js";
-import { c as c9, g as g9 } from "./slider-B4WrdTeE.js";
-import { T, c as c10, d, g as g10 } from "./toaster-CRPErgI2.js";
-import { c as c11, g as g11 } from "./tree-CHpFqJPx.js";
-import { c as c12, g as g12 } from "./drawer-CGHyRTM9.js";
+import { c as c3, g as g3 } from "./collapse-CPXAHvle.js";
+import { c as c4, g as g4, a as a2, b, m } from "./modal-CJVVF65o.js";
+import { c as c5, g as g5 } from "./pagination-D19l6t0x.js";
+import { c as c6, g as g6 } from "./progressbar-r0zha1kn.js";
+import { c as c7, g as g7 } from "./rating-D5Usb5P6.js";
+import { c as c8, g as g8 } from "./select-BLA3Onle.js";
+import { c as c9, g as g9 } from "./slider--fcvBfF0.js";
+import { T, c as c10, d, g as g10 } from "./toaster-D1b7QvRg.js";
+import { c as c11, g as g11 } from "./tree-CUtbJPZT.js";
+import { c as c12, g as g12 } from "./drawer-CVoNTDrc.js";
 import { createWidgetsConfig, mergeInto } from "./config.js";
 import { extendWidgetProps } from "./services/extendWidget.js";
 import { createFloatingUI } from "./services/floatingUI.js";
@@ -25,7 +25,7 @@ import { hash$ } from "./services/hash.js";
 import { createTransition, noAnimation } from "./services/transitions/baseTransitions.js";
 import { createCSSTransition, getTransitionDurationMs, hasTransition } from "./services/transitions/cssTransitions.js";
 import { createSimpleClassTransition } from "./services/transitions/simpleClassTransition.js";
-import { q, a as a3, c as c13, b as b2, s, p, h, l, j, f as f2, g as g13, k, t, d as d2, e, i, m as m2, n, o, r, u } from "./dom-DD1hAVZy.js";
+import { s, a as a3, c as c13, b as b2, t, n, q, h, l, j, f as f2, g as g13, k, u, d as d2, e, i, m as m2, o, p, r, v } from "./dom-iY0R3D7u.js";
 import { bindableDerived, bindableProp, createPatch, false$, findChangedProperties, idWithDefault, isStore, mergeConfigStores, normalizeConfigStores, stateStores, toReadableStore, toWritableStore, true$, writableWithDefault, writablesForProps, writablesWithDefault } from "./utils/stores.js";
 import { k as k2, t as t2, j as j2, c as c14, d as d3, h as h2, i as i2, a as a4, b as b3, g as g14, e as e2, f as f3 } from "./writables-Is1bF1Vt.js";
 export {
@@ -33,17 +33,18 @@ export {
   INVALID_VALUE,
   T as Toaster,
   activeElement$,
-  q as attributesData,
+  s as attributesData,
   a3 as bindDirective,
   c13 as bindDirectiveNoArg,
   bindableDerived,
   bindableProp,
   b2 as browserDirective,
-  s as classDirective,
+  t as classDirective,
+  n as conditionalDirective,
   a as createAccordion,
   c as createAccordionItem,
   c2 as createAlert,
-  p as createAttributesDirective,
+  q as createAttributesDirective,
   h as createBrowserStoreArrayDirective,
   l as createBrowserStoreDirective,
   createCSSTransition,
@@ -74,7 +75,7 @@ export {
   k2 as createTypeEnum,
   createWidgetsConfig,
   d as defaultToasterProps,
-  t as directiveAttributes,
+  u as directiveAttributes,
   d2 as directiveSubscribe,
   e as directiveUpdate,
   extendWidgetProps,
@@ -103,18 +104,18 @@ export {
   isStore,
   m2 as mapDirectiveArg,
   mergeConfigStores,
-  n as mergeDirectives,
+  o as mergeDirectives,
   mergeInto,
   a2 as modalCloseButtonClick,
   b as modalCloseEscape,
   m as modalOutsideClick,
-  o as multiDirective,
+  p as multiDirective,
   noAnimation,
   normalizeConfigStores,
   portal,
   r as registrationArray,
   siblingsInert,
-  u as ssrAttributes,
+  v as ssrAttributes,
   stateStores,
   t2 as testToNormalizeValue,
   toReadableStore,

package/{modal-cKd3qUn1.js → modal-CJVVF65o.js}

@@ -5,7 +5,7 @@ import { createTransition } from "./services/transitions/baseTransitions.js";
 import { p as promiseFromStore } from "./promise-Y53vc4Ia.js";
 import { noop } from "./utils/func.js";
 import { r as removeScrollbars, a as revertScrollbars } from "./scrollbars-CcxSrnCx.js";
-import { a as bindDirective, r as registrationArray, p as createAttributesDirective, n as mergeDirectives, d as directiveSubscribe, c as bindDirectiveNoArg, b as browserDirective } from "./dom-DD1hAVZy.js";
+import { a as bindDirective, r as registrationArray, q as createAttributesDirective, o as mergeDirectives, d as directiveSubscribe, c as bindDirectiveNoArg, b as browserDirective } from "./dom-iY0R3D7u.js";
 import { portal } from "./services/portal.js";
 import { siblingsInert } from "./services/siblingsInert.js";
 import { createWidgetFactory } from "./utils/widget.js";

package/{modal-B_3Uxplo.cjs → modal-ywc6mk_R.cjs}

@@ -6,7 +6,7 @@ const services_transitions_baseTransitions = require("./services/transitions/bas
 const promise = require("./promise-CxCD3NYv.cjs");
 const utils_func = require("./utils/func.cjs");
 const scrollbars = require("./scrollbars-CT87iv_6.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const utils_widget = require("./utils/widget.cjs");

package/package.json

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

package/{pagination-2Vor6JPZ.cjs → pagination-CRMoSXs3.cjs}

@@ -3,7 +3,7 @@ const tansu = require("@amadeus-it-group/tansu");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");
 const utils_func = require("./utils/func.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {

package/{pagination-DlOyP_2C.js → pagination-D19l6t0x.js}

@@ -2,7 +2,7 @@ import { computed } from "@amadeus-it-group/tansu";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { m as isNumber, e as typeString, h as typeFunction, c as typeBoolean, a as typeNumber, l as clamp } from "./writables-Is1bF1Vt.js";
 import { noop } from "./utils/func.js";
-import { p as createAttributesDirective } from "./dom-DD1hAVZy.js";
+import { q as createAttributesDirective } from "./dom-iY0R3D7u.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {

package/{progressbar-DyBRINco.cjs → progressbar-DeqZeuKP.cjs}

@@ -2,7 +2,7 @@
 const utils_writables = require("./writables-Dt68gADJ.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_widget = require("./utils/widget.cjs");
 const defaultConfig = {
   min: 0,

package/{progressbar-B5g76eMV.js → progressbar-r0zha1kn.js}

@@ -1,7 +1,7 @@
 import { l as clamp, h as typeFunction, e as typeString, a as typeNumber } from "./writables-Is1bF1Vt.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { computed, readable } from "@amadeus-it-group/tansu";
-import { p as createAttributesDirective } from "./dom-DD1hAVZy.js";
+import { q as createAttributesDirective } from "./dom-iY0R3D7u.js";
 import { createWidgetFactory } from "./utils/widget.js";
 const defaultConfig = {
   min: 0,

package/{rating-C7C4-p4B.js → rating-D5Usb5P6.js}

@@ -1,6 +1,6 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "./types.js";
-import { p as createAttributesDirective } from "./dom-DD1hAVZy.js";
+import { q as createAttributesDirective } from "./dom-iY0R3D7u.js";
 import { e as typeString, h as typeFunction, c as typeBoolean, a as typeNumber, l as clamp, m as isNumber } from "./writables-Is1bF1Vt.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";

package/{rating-C0y1j4SC.cjs → rating-DOPnxyms.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const types = require("./types.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");

package/{select-nnl00UWY.js → select-BLA3Onle.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 { v as generateId, n as mergeDirectives, p as createAttributesDirective, a as bindDirective } from "./dom-DD1hAVZy.js";
+import { w as generateId, o as mergeDirectives, q as createAttributesDirective, a as bindDirective } from "./dom-iY0R3D7u.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores, true$ } from "./utils/stores.js";
 import { createWidgetFactory } from "./utils/widget.js";

package/{select-Dhsb9msC.cjs → select-Dx3GWZPt.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-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_widget = require("./utils/widget.cjs");

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-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const promise = require("../promise-CxCD3NYv.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const defaultConfig = {

package/services/floatingUI.js

@@ -1,6 +1,6 @@
 import { computed, derived } from "@amadeus-it-group/tansu";
 import { arrow, autoUpdate, computePosition } from "@floating-ui/dom";
-import { l as createBrowserStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-DD1hAVZy.js";
+import { l as createBrowserStoreDirective, o as mergeDirectives, d as directiveSubscribe } from "../dom-iY0R3D7u.js";
 import { a as promiseStoreToValueStore } from "../promise-Y53vc4Ia.js";
 import { writablesForProps, stateStores } from "../utils/stores.js";
 const defaultConfig = {

package/services/focusElement.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../dom-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
 const stack = [];
 let stackProcessPlanned = false;

package/services/focusElement.js

@@ -1,4 +1,4 @@
-import { b as browserDirective } from "../dom-DD1hAVZy.js";
+import { b as browserDirective } from "../dom-iY0R3D7u.js";
 import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
 const stack = [];
 let stackProcessPlanned = false;

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-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.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 { h as createBrowserStoreArrayDirective } from "../dom-DD1hAVZy.js";
+import { h as createBrowserStoreArrayDirective } from "../dom-iY0R3D7u.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-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const utils_stores = require("../utils/stores.cjs");
 const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
   onUse({ set }) {

package/services/matchMedia.js

@@ -1,6 +1,6 @@
 import { readable } from "@amadeus-it-group/tansu";
 import { BROWSER } from "esm-env";
-import { w as addEvent } from "../dom-DD1hAVZy.js";
+import { x as addEvent } from "../dom-iY0R3D7u.js";
 import { false$ } from "../utils/stores.js";
 const createMatchMedia = (query) => BROWSER ? readable(false, {
   onUse({ set }) {

package/services/navManager.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-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const isFocusable = require("../isFocusable-DfzDLeAN.cjs");
 const compareDomOrder = (element1, element2) => {
   if (element1 === element2) {

package/services/navManager.js

@@ -1,5 +1,5 @@
 import { writable, computed } from "@amadeus-it-group/tansu";
-import { r as registrationArray, A as computeCommonAncestor, b as browserDirective } from "../dom-DD1hAVZy.js";
+import { r as registrationArray, B as computeCommonAncestor, b as browserDirective } from "../dom-iY0R3D7u.js";
 import { i as isFocusable } from "../isFocusable-Ckwus82R.js";
 const compareDomOrder = (element1, element2) => {
   if (element1 === element2) {

package/services/pointerdownPosition.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../dom-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const utils_func = require("../utils/func.cjs");
 const createPointerdownPositionDirective = (onStart) => utils_directive.browserDirective((element, arg) => {
   let activePointerId = null;

package/services/pointerdownPosition.js

@@ -1,4 +1,4 @@
-import { b as browserDirective, w as addEvent } from "../dom-DD1hAVZy.js";
+import { b as browserDirective, x as addEvent } from "../dom-iY0R3D7u.js";
 import { noop } from "../utils/func.js";
 const createPointerdownPositionDirective = (onStart) => browserDirective((element, arg) => {
   let activePointerId = null;

package/services/portal.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../dom-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const portal = utils_directive.browserDirective((content, newArg) => {
   let arg;
   let replaceComment;

package/services/portal.js

@@ -1,4 +1,4 @@
-import { b as browserDirective } from "../dom-DD1hAVZy.js";
+import { b as browserDirective } from "../dom-iY0R3D7u.js";
 const portal = browserDirective((content, newArg) => {
   let arg;
   let replaceComment;

package/services/resizeObserver.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-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const utils_func = require("../utils/func.cjs");
 const createResizeObserverMap = () => {
   const { elements$, directive } = utils_directive.createBrowserStoreArrayDirective();

package/services/resizeObserver.js

@@ -1,5 +1,5 @@
 import { derived } from "@amadeus-it-group/tansu";
-import { h as createBrowserStoreArrayDirective, b as browserDirective } from "../dom-DD1hAVZy.js";
+import { h as createBrowserStoreArrayDirective, b as browserDirective } from "../dom-iY0R3D7u.js";
 import { noop } from "../utils/func.js";
 const createResizeObserverMap = () => {
   const { elements$, directive } = createBrowserStoreArrayDirective();

package/services/siblingsInert.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-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 const utils_func = require("../utils/func.cjs");
 const ignoreInertAttributeName = "data-agnos-ignore-inert";
 const applyInertToSiblingsRecursively = (element) => {

package/services/siblingsInert.js

@@ -1,5 +1,5 @@
 import { computed } from "@amadeus-it-group/tansu";
-import { j as createConditionalBrowserStoreArrayDirective, n as mergeDirectives, d as directiveSubscribe } from "../dom-DD1hAVZy.js";
+import { j as createConditionalBrowserStoreArrayDirective, o as mergeDirectives, d as directiveSubscribe } from "../dom-iY0R3D7u.js";
 import { noop } from "../utils/func.js";
 const ignoreInertAttributeName = "data-agnos-ignore-inert";
 const applyInertToSiblingsRecursively = (element) => {

package/services/transitions/baseTransitions.cjs

@@ -5,7 +5,7 @@ const utils_writables = require("../../writables-Dt68gADJ.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 const utils_func = require("../../utils/func.cjs");
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../dom-Cm9_uROp.cjs");
+const utils_directive = require("../../dom-R8VxJgdK.cjs");
 const neverEndingPromise = new Promise(utils_func.noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";

package/services/transitions/baseTransitions.js

@@ -3,7 +3,7 @@ import { d as typeBooleanOrNull, h as typeFunction, c as typeBoolean } from "../
 import { d as promiseWithResolve } from "../../promise-Y53vc4Ia.js";
 import { noop } from "../../utils/func.js";
 import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
-import { k as createStoreDirective, n as mergeDirectives, d as directiveSubscribe } from "../../dom-DD1hAVZy.js";
+import { k as createStoreDirective, o as mergeDirectives, d as directiveSubscribe } from "../../dom-iY0R3D7u.js";
 const neverEndingPromise = new Promise(noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";

package/services/transitions/collapse.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../dom-Cm9_uROp.cjs");
+const utils_directive = require("../../dom-R8VxJgdK.cjs");
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/collapse.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement, x as removeClasses, y as addClasses, z as reflow } from "../../dom-DD1hAVZy.js";
+import { i as isBrowserHTMLElement, y as removeClasses, z as addClasses, A as reflow } from "../../dom-iY0R3D7u.js";
 import { createCSSTransition } from "./cssTransitions.js";
 const createCollapseTransition = ({
   dimension = "height",

package/services/transitions/cssTransitions.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../../dom-Cm9_uROp.cjs");
+const utils_directive = require("../../dom-R8VxJgdK.cjs");
 const utils_func = require("../../utils/func.cjs");
 const promise = require("../../promise-CxCD3NYv.cjs");
 function hasTransition(element) {

package/services/transitions/cssTransitions.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement } from "../../dom-DD1hAVZy.js";
+import { i as isBrowserHTMLElement } from "../../dom-iY0R3D7u.js";
 import { noop } from "../../utils/func.js";
 import { b as promiseFromEvent, c as promiseFromTimeout } from "../../promise-Y53vc4Ia.js";
 function hasTransition(element) {

package/services/transitions/simpleClassTransition.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const services_transitions_cssTransitions = require("./cssTransitions.cjs");
-const utils_directive = require("../../dom-Cm9_uROp.cjs");
+const utils_directive = require("../../dom-R8VxJgdK.cjs");
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return services_transitions_cssTransitions.createCSSTransition((element, direction, animated, context) => {

package/services/transitions/simpleClassTransition.js

@@ -1,5 +1,5 @@
 import { createCSSTransition } from "./cssTransitions.js";
-import { x as removeClasses, y as addClasses, z as reflow } from "../../dom-DD1hAVZy.js";
+import { y as removeClasses, z as addClasses, A as reflow } from "../../dom-iY0R3D7u.js";
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return createCSSTransition((element, direction, animated, context) => {

package/{slider-B4WrdTeE.js → slider--fcvBfF0.js}

@@ -1,5 +1,5 @@
 import { computed, writable, readable } from "@amadeus-it-group/tansu";
-import { l as createBrowserStoreDirective, h as createBrowserStoreArrayDirective, n as mergeDirectives, p as createAttributesDirective, b as browserDirective } from "./dom-DD1hAVZy.js";
+import { l as createBrowserStoreDirective, h as createBrowserStoreArrayDirective, o as mergeDirectives, q as createAttributesDirective, b as browserDirective } from "./dom-iY0R3D7u.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, bindableProp, stateStores, true$ } from "./utils/stores.js";
 import { j as typeArray, l as clamp, c as typeBoolean, b as typeNumberInRangeFactory, e as typeString, h as typeFunction, a as typeNumber } from "./writables-Is1bF1Vt.js";

package/{slider-DTO58syz.cjs → slider-CJIW2sDq.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");

package/{toaster-CT148JSJ.cjs → toaster-BjBdgZGB.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const services_extendWidget = require("./services/extendWidget.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");
 const common = require("./common-B5jS-Ih_.cjs");

package/{toaster-CRPErgI2.js → toaster-D1b7QvRg.js}

@@ -1,6 +1,6 @@
 import { computed, readable, writable } from "@amadeus-it-group/tansu";
 import { extendWidgetProps } from "./services/extendWidget.js";
-import { p as createAttributesDirective, d as directiveSubscribe } from "./dom-DD1hAVZy.js";
+import { q as createAttributesDirective, d as directiveSubscribe } from "./dom-iY0R3D7u.js";
 import { true$ } from "./utils/stores.js";
 import { b as typeNumberInRangeFactory, c as typeBoolean } from "./writables-Is1bF1Vt.js";
 import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-CCxNtFNM.js";

package/{tree-CHpFqJPx.js → tree-CUtbJPZT.js}

@@ -1,6 +1,6 @@
 import { writable, computed, readable } from "@amadeus-it-group/tansu";
 import { createNavManager } from "./services/navManager.js";
-import { n as mergeDirectives, p as createAttributesDirective, b as browserDirective, a as bindDirective } from "./dom-DD1hAVZy.js";
+import { o as mergeDirectives, q as createAttributesDirective, b as browserDirective, a as bindDirective } from "./dom-iY0R3D7u.js";
 import { noop } from "./utils/func.js";
 import { writablesForProps, stateStores, true$ } from "./utils/stores.js";
 import { h as typeFunction, j as typeArray, e as typeString } from "./writables-Is1bF1Vt.js";

package/{tree-C4l2Wqny.cjs → tree-Pj-WcKId.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const services_navManager = require("./services/navManager.cjs");
-const utils_directive = require("./dom-Cm9_uROp.cjs");
+const utils_directive = require("./dom-R8VxJgdK.cjs");
 const utils_func = require("./utils/func.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-Dt68gADJ.cjs");

package/utils/directive.cjs

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("@amadeus-it-group/tansu");
 require("esm-env");
-const utils_directive = require("../dom-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 require("./func.cjs");
 exports.attributesData = utils_directive.attributesData;
 exports.bindDirective = utils_directive.bindDirective;
 exports.bindDirectiveNoArg = utils_directive.bindDirectiveNoArg;
 exports.browserDirective = utils_directive.browserDirective;
 exports.classDirective = utils_directive.classDirective;
+exports.conditionalDirective = utils_directive.conditionalDirective;
 exports.createAttributesDirective = utils_directive.createAttributesDirective;
 exports.createBrowserStoreArrayDirective = utils_directive.createBrowserStoreArrayDirective;
 exports.createBrowserStoreDirective = utils_directive.createBrowserStoreDirective;

package/utils/directive.d.ts

@@ -211,6 +211,14 @@ export declare const createBrowserStoreDirective: () => {
     directive: Directive<void, SSRHTMLElement>;
     element$: ReadableSignal<HTMLElement | null>;
 };
+/**
+ * Returns a directive that conditionally applies another directive.
+ *
+ * @param directive - The directive to conditionally apply.
+ * @param condition - The condition
+ * @returns A directive that applies the given directive when true, and removes it when false.
+ */
+export declare const conditionalDirective: <T, U extends SSRHTMLElement>(directive: Directive<T, U>, condition: ReadableSignal<boolean>) => Directive<T, U>;
 /**
  * Merges multiple directives into a single directive that executes all of them when called.
  *

package/utils/directive.js

@@ -1,27 +1,28 @@
 import "@amadeus-it-group/tansu";
 import "esm-env";
-import { q, a, c, b, s, p, h, l, j, f, g, k, t, d, e, i, m, n, o, r, u } from "../dom-DD1hAVZy.js";
+import { s, a, c, b, t, n, q, h, l, j, f, g, k, u, d, e, i, m, o, p, r, v } from "../dom-iY0R3D7u.js";
 import "./func.js";
 export {
-  q as attributesData,
+  s as attributesData,
   a as bindDirective,
   c as bindDirectiveNoArg,
   b as browserDirective,
-  s as classDirective,
-  p as createAttributesDirective,
+  t as classDirective,
+  n as conditionalDirective,
+  q as createAttributesDirective,
   h as createBrowserStoreArrayDirective,
   l as createBrowserStoreDirective,
   j as createConditionalBrowserStoreArrayDirective,
   f as createConditionalStoreArrayDirective,
   g as createStoreArrayDirective,
   k as createStoreDirective,
-  t as directiveAttributes,
+  u as directiveAttributes,
   d as directiveSubscribe,
   e as directiveUpdate,
   i as isBrowserHTMLElement,
   m as mapDirectiveArg,
-  n as mergeDirectives,
-  o as multiDirective,
+  o as mergeDirectives,
+  p as multiDirective,
   r as registrationArray,
-  u as ssrAttributes
+  v as ssrAttributes
 };

package/utils/stores.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const types = require("../types.cjs");
 const utils_func = require("./func.cjs");
-const utils_directive = require("../dom-Cm9_uROp.cjs");
+const utils_directive = require("../dom-R8VxJgdK.cjs");
 function createPatch(stores) {
   return function(storesValues) {
     tansu.batch(() => {

package/utils/stores.js

@@ -1,7 +1,7 @@
 import { readable, writable, asWritable, equal, batch, computed, asReadable, get, derived } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "../types.js";
 import { identity } from "./func.js";
-import { v as generateId } from "../dom-DD1hAVZy.js";
+import { w as generateId } from "../dom-iY0R3D7u.js";
 function createPatch(stores) {
   return function(storesValues) {
     batch(() => {