@agnos-ui/core 0.7.0-next.0 → 0.7.1

package/{accordion-Lp-LEbZ2.cjs → accordion-CJxsVQtv.cjs}

@@ -4,7 +4,7 @@ const services_transitions_baseTransitions = require("./services/transitions/bas
 const tansu = require("@amadeus-it-group/tansu");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {

package/{accordion-BGv150k9.js → accordion-D0oG0wQD.js}

@@ -3,7 +3,7 @@ import { createTransition } from "./services/transitions/baseTransitions.js";
 import { writable, computed, asWritable, readable } from "@amadeus-it-group/tansu";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
-import { t as generateId, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-CKEccryv.js";
+import { t as generateId, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-DrDJkTS5.js";
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-Lp-LEbZ2.cjs");
+const accordion = require("../../accordion-CJxsVQtv.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-BGv150k9.js";
+import { a, c, f, g } from "../../accordion-D0oG0wQD.js";
 export {
   a as createAccordion,
   c as createAccordionItem,

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-DDHcrykD.cjs");
+const modal = require("../../modal-DtzgRa5j.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, m } from "../../modal-DP-4I7vf.js";
+import { c, g, a, m } from "../../modal-Qr4sHBFG.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-CBysiPUs.cjs");
+const pagination = require("../../pagination-ETXueztI.cjs");
 exports.createPagination = pagination.createPagination;
 exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;

package/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../pagination-DwDRot6q.js";
+import { c, g } from "../../pagination-BigQwc8I.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-DghzCJ6_.cjs");
+const progressbar = require("../../progressbar-BSgE9udi.cjs");
 exports.createProgressbar = progressbar.createProgressbar;
 exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../progressbar-CGmNq0cS.js";
+import { c, g } from "../../progressbar-arTsTc5c.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-DlfOuwuX.cjs");
+const rating = require("../../rating-BV6lk1US.cjs");
 exports.createRating = rating.createRating;
 exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;

package/components/rating/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../rating-Da38uaZz.js";
+import { c, g } from "../../rating-CGv-KO_P.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-LBVhNdrd.cjs");
+const select = require("../../select-C6gwSGbr.cjs");
 exports.createSelect = select.createSelect;
 exports.getSelectDefaultConfig = select.getSelectDefaultConfig;

package/components/select/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../select-CAEPqdz1.js";
+import { c, g } from "../../select-C5DIoZrO.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-DlOAawbZ.cjs");
+const slider = require("../../slider-CkYsilwM.cjs");
 exports.createSlider = slider.createSlider;
 exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;

package/components/slider/index.js

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

package/components/slider/slider.d.ts

@@ -25,9 +25,13 @@ export interface ProgressDisplayOptions {
      */
     width: number;
     /**
-     * Height of hte progress in %
+     * Height of the progress in %
      */
     height: number;
+    /**
+     * Id of the progress
+     */
+    id: number;
 }
 /**
  * Options for displaying a handle in a slider component.
@@ -57,11 +61,15 @@ export interface SliderHandle {
     /**
      * ariaLabel of the handle
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * ariaValueText of the handle
      */
-    ariaValueText: string;
+    ariaValueText: string | undefined;
+    /**
+     * aria-labelledBy of the handle
+     */
+    ariaLabelledBy: string | undefined;
 }
 interface SliderCommonPropsAndState extends WidgetsCommonPropsAndState {
     /**
@@ -176,28 +184,35 @@ export interface SliderState extends SliderCommonPropsAndState {
 export interface SliderProps extends SliderCommonPropsAndState {
     /**
      * Return the value for the 'aria-label' attribute for the handle
-     * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * () => 'Value'
+     * ```
+     */
+    ariaLabel: (sortedIndex: number) => string;
+    /**
+     * Return the value for the 'aria-labelledBy' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
      * ```
      */
-    ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+    ariaLabelledBy: (sortedIndex: number) => string;
     /**
      * Return the value for the 'aria-valuetext' attribute for the handle
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * (value: number) => ''
      * ```
      */
-    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
+    ariaValueText: (value: number, sortedIndex: number) => string;
     /**
      * An event emitted when slider values are changed
      *

package/components/toast/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-D_uSrRZL.cjs");
+const toast = require("../../toast-Vku2ZxoN.cjs");
 exports.createToast = toast.createToast;
 exports.getToastDefaultConfig = toast.getToastDefaultConfig;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../toast-CpvsibAI.js";
+import { c, g } from "../../toast-4f-ZdK1Y.js";
 export {
   c as createToast,
   g as getToastDefaultConfig

package/components/tree/index.cjs

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

package/components/tree/index.js

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

package/components/tree/tree.d.ts

@@ -78,7 +78,7 @@ export interface TreeProps extends TreeCommonPropsAndState {
      * (node: HTMLElement) => node.querySelectorAll('button')
      * ```
      */
-    navSelector(node: HTMLElement): NodeListOf<HTMLButtonElement>;
+    navSelector(node: HTMLElement): NodeListOf<HTMLElement>;
     /**
      * Return the value for the 'aria-label' attribute of the toggle
      * @param label - tree item label

package/{directive-DdlwGFtf.cjs → directive-BtOvPrmt.cjs}

@@ -139,6 +139,19 @@ const ssrHTMLElement = () => {
     }
   };
 };
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 const isBrowserHTMLElement = esmEnv.BROWSER ? (element) => {
   var _a;
   const contentWindow = ((_a = element == null ? void 0 : element.ownerDocument) == null ? void 0 : _a.defaultView) ?? window;
@@ -369,7 +382,9 @@ const attributesData = (...directives) => {
     });
   }
 };
-const classDirective = createAttributesDirective((className) => ({ attributes: { class: className } }));
+const classDirective = createAttributesDirective((className$) => ({
+  attributes: { class: tansu.computed(() => clsx(className$())) }
+}));
 function directiveAttributes(...directives) {
   const { attributes, classNames, style } = attributesData(...directives);
   if (classNames.length) {

package/{directive-CKEccryv.js → directive-DrDJkTS5.js}

@@ -1,4 +1,4 @@
-import { readable, writable, asReadable, batch } from "@amadeus-it-group/tansu";
+import { readable, writable, asReadable, batch, computed } from "@amadeus-it-group/tansu";
 import { BROWSER } from "esm-env";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { toReadableStore } from "./utils/stores.js";
@@ -138,6 +138,19 @@ const ssrHTMLElement = () => {
     }
   };
 };
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
 const isBrowserHTMLElement = BROWSER ? (element) => {
   var _a;
   const contentWindow = ((_a = element == null ? void 0 : element.ownerDocument) == null ? void 0 : _a.defaultView) ?? window;
@@ -368,7 +381,9 @@ const attributesData = (...directives) => {
     });
   }
 };
-const classDirective = createAttributesDirective((className) => ({ attributes: { class: className } }));
+const classDirective = createAttributesDirective((className$) => ({
+  attributes: { class: computed(() => clsx(className$())) }
+}));
 function directiveAttributes(...directives) {
   const { attributes, classNames, style } = attributesData(...directives);
   if (classNames.length) {

package/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const types = require("./types.cjs");
-const accordion = require("./accordion-Lp-LEbZ2.cjs");
+const accordion = require("./accordion-CJxsVQtv.cjs");
 const alert = require("./alert-Bq101evB.cjs");
-const modal = require("./modal-DDHcrykD.cjs");
-const pagination = require("./pagination-CBysiPUs.cjs");
-const progressbar = require("./progressbar-DghzCJ6_.cjs");
-const rating = require("./rating-DlfOuwuX.cjs");
-const select = require("./select-LBVhNdrd.cjs");
-const slider = require("./slider-DlOAawbZ.cjs");
-const toast = require("./toast-D_uSrRZL.cjs");
-const tree = require("./tree-Bh1WO63V.cjs");
+const modal = require("./modal-DtzgRa5j.cjs");
+const pagination = require("./pagination-ETXueztI.cjs");
+const progressbar = require("./progressbar-BSgE9udi.cjs");
+const rating = require("./rating-BV6lk1US.cjs");
+const select = require("./select-C6gwSGbr.cjs");
+const slider = require("./slider-CkYsilwM.cjs");
+const toast = require("./toast-Vku2ZxoN.cjs");
+const tree = require("./tree-BaSMyGyv.cjs");
 const config = require("./config.cjs");
 const services_extendWidget = require("./services/extendWidget.cjs");
 const services_floatingUI = require("./services/floatingUI.cjs");
@@ -25,7 +25,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("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
 exports.INVALID_VALUE = types.INVALID_VALUE;

package/index.js

@@ -1,14 +1,14 @@
 import { INVALID_VALUE } from "./types.js";
-import { a, c, f, g } from "./accordion-BGv150k9.js";
+import { a, c, f, g } from "./accordion-D0oG0wQD.js";
 import { c as c2, g as g2 } from "./alert-DJ2l7bcA.js";
-import { c as c3, g as g3, a as a2, m } from "./modal-DP-4I7vf.js";
-import { c as c4, g as g4 } from "./pagination-DwDRot6q.js";
-import { c as c5, g as g5 } from "./progressbar-CGmNq0cS.js";
-import { c as c6, g as g6 } from "./rating-Da38uaZz.js";
-import { c as c7, g as g7 } from "./select-CAEPqdz1.js";
-import { c as c8, g as g8 } from "./slider-DYrwS7Mv.js";
-import { c as c9, g as g9 } from "./toast-CpvsibAI.js";
-import { c as c10, g as g10 } from "./tree-C4v9rTQl.js";
+import { c as c3, g as g3, a as a2, m } from "./modal-Qr4sHBFG.js";
+import { c as c4, g as g4 } from "./pagination-BigQwc8I.js";
+import { c as c5, g as g5 } from "./progressbar-arTsTc5c.js";
+import { c as c6, g as g6 } from "./rating-CGv-KO_P.js";
+import { c as c7, g as g7 } from "./select-C5DIoZrO.js";
+import { c as c8, g as g8 } from "./slider-DtQrcvim.js";
+import { c as c9, g as g9 } from "./toast-4f-ZdK1Y.js";
+import { c as c10, g as g10 } from "./tree-DVsZP8ze.js";
 import { createWidgetsConfig, mergeInto } from "./config.js";
 import { extendWidgetProps } from "./services/extendWidget.js";
 import { createFloatingUI } from "./services/floatingUI.js";
@@ -23,7 +23,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 { o, a as a3, c as c11, b, p, n, g as g11, j, f as f2, h, q, d, e, i, m as m2, k, l, r, s } from "./directive-CKEccryv.js";
+import { o, a as a3, c as c11, b, p, n, g as g11, j, f as f2, h, q, d, e, i, m as m2, k, l, r, s } from "./directive-DrDJkTS5.js";
 import { bindableDerived, bindableProp, createPatch, findChangedProperties, isStore, mergeConfigStores, normalizeConfigStores, stateStores, toReadableStore, toWritableStore, writableWithDefault, writablesForProps, writablesWithDefault } from "./utils/stores.js";
 import { i as i2, t, h as h2, c as c12, d as d2, f as f3, g as g12, a as a4, b as b2, e as e2 } from "./writables-DCiBdIBK.js";
 export {

package/{modal-DDHcrykD.cjs → modal-DtzgRa5j.cjs}

@@ -5,7 +5,7 @@ const utils_stores = require("./utils/stores.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const promise = require("./promise-BMJ8qhA8.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const services_portal = require("./services/portal.cjs");
 const services_siblingsInert = require("./services/siblingsInert.cjs");
 const internalRemoveScrollbars = () => {

package/{modal-DP-4I7vf.js → modal-Qr4sHBFG.js}

@@ -4,7 +4,7 @@ import { writablesForProps, stateStores } from "./utils/stores.js";
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { d as promiseFromStore } from "./promise-CY2U8bTP.js";
 import { n as noop } from "./func-DR0n-ShK.js";
-import { r as registrationArray, a as bindDirective, k as mergeDirectives, d as directiveSubscribe, b as browserDirective, n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { r as registrationArray, a as bindDirective, k as mergeDirectives, d as directiveSubscribe, b as browserDirective, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 import { portal } from "./services/portal.js";
 import { siblingsInert } from "./services/siblingsInert.js";
 const internalRemoveScrollbars = () => {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/core",
 	"description": "Framework-agnostic headless component library.",
-	"version": "0.7.0-next.0",
+	"version": "0.7.1",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -43,6 +43,9 @@
 			"default": "./utils/*.js"
 		}
 	},
+	"dependencies": {
+		"clsx": "^2.1.1"
+	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",
 		"@floating-ui/dom": "^1.6.12",

package/{pagination-DwDRot6q.js → pagination-BigQwc8I.js}

@@ -2,7 +2,7 @@ import { computed } from "@amadeus-it-group/tansu";
 import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
 import { j as clamp, a as typeNumber, c as typeBoolean, f as typeFunction, e as typeString, k as isNumber } from "./writables-DCiBdIBK.js";
 import { n as noop } from "./func-DR0n-ShK.js";
-import { n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
   page: 1,

package/{pagination-CBysiPUs.cjs → pagination-ETXueztI.cjs}

@@ -3,7 +3,7 @@ const tansu = require("@amadeus-it-group/tansu");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const PAGE_LINK_DEFAULT = "#";
 const defaultConfig = {
   page: 1,

package/{progressbar-DghzCJ6_.cjs → progressbar-BSgE9udi.cjs}

@@ -2,7 +2,7 @@
 const utils_writables = require("./writables-BPAJvaL_.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const defaultConfig = {
   min: 0,
   max: 100,

package/{progressbar-CGmNq0cS.js → progressbar-arTsTc5c.js}

@@ -1,7 +1,7 @@
 import { j as clamp, a as typeNumber, e as typeString, f as typeFunction } from "./writables-DCiBdIBK.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { computed } from "@amadeus-it-group/tansu";
-import { n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 const defaultConfig = {
   min: 0,
   max: 100,

package/{rating-DlfOuwuX.cjs → rating-BV6lk1US.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
 const types = require("./types.cjs");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");

package/{rating-Da38uaZz.js → rating-CGv-KO_P.js}

@@ -1,6 +1,6 @@
 import { computed, writable } from "@amadeus-it-group/tansu";
 import { INVALID_VALUE } from "./types.js";
-import { n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 import { j as clamp, a as typeNumber, k as isNumber, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";

package/{select-CAEPqdz1.js → select-C5DIoZrO.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, a as bindDirective, n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { t as generateId, k as mergeDirectives, a as bindDirective, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, bindableProp, bindableDerived, stateStores } from "./utils/stores.js";
 const defaultConfig = {

package/{select-LBVhNdrd.cjs → select-C6gwSGbr.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("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const defaultConfig = {

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("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.cjs");
 const promise = require("../promise-BMJ8qhA8.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 { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-CKEccryv.js";
+import { j as createBrowserStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-DrDJkTS5.js";
 import { p as promiseStoreToValueStore } from "../promise-CY2U8bTP.js";
 import { writablesForProps, stateStores } from "../utils/stores.js";
 const defaultConfig = {

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("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.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 "../directive-CKEccryv.js";
+import { g as createBrowserStoreArrayDirective } from "../directive-DrDJkTS5.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("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.cjs");
 const createMatchMedia = (query) => esmEnv.BROWSER ? tansu.readable(false, {
   onUse({ set }) {
     const mql = window.matchMedia(query.trim());

package/services/matchMedia.js

@@ -1,6 +1,6 @@
 import { readable } from "@amadeus-it-group/tansu";
 import { BROWSER } from "esm-env";
-import { u as addEvent } from "../directive-CKEccryv.js";
+import { u as addEvent } from "../directive-DrDJkTS5.js";
 const createMatchMedia = (query) => BROWSER ? readable(false, {
   onUse({ set }) {
     const mql = window.matchMedia(query.trim());

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("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.cjs");
 const isInertOrInvisible = (element) => {
   let curElement = element;
   while (curElement) {

package/services/navManager.d.ts

@@ -43,15 +43,15 @@ export type NavManager<T> = {
      */
     focusIndex: (index: number, moveDirection: -1 | 0 | 1) => HTMLElement | null;
     /**
-     * Focus the previous element, respecting the anscestor direction.
+     * Focus the previous element, respecting the ancestor direction.
      */
     focusPrevious: FocusNeighbour;
     /**
-     * Focus the next element, respecting the anscestor direction.
+     * Focus the next element, respecting the ancestor direction.
      */
     focusNext: FocusNeighbour;
     /**
-     * Focus the first element, respecting the anscestor direction.
+     * Focus the first element, respecting the ancestor direction.
      */
     focusFirst: FocusEnd;
     /**
@@ -63,7 +63,7 @@ export type NavManager<T> = {
      */
     focusFirstRight: FocusEnd;
     /**
-     * Focus the last element, respecting the anscestor direction.
+     * Focus the last element, respecting the ancestor direction.
      */
     focusLast: FocusEnd;
     /**

package/services/navManager.js

@@ -1,5 +1,5 @@
 import { writable, computed } from "@amadeus-it-group/tansu";
-import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-CKEccryv.js";
+import { r as registrationArray, y as computeCommonAncestor, b as browserDirective } from "../directive-DrDJkTS5.js";
 const isInertOrInvisible = (element) => {
   let curElement = element;
   while (curElement) {

package/services/portal.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const utils_directive = require("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.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 "../directive-CKEccryv.js";
+import { b as browserDirective } from "../directive-DrDJkTS5.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("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.cjs");
 const func = require("../func-Qd3cD9a3.cjs");
 const createResizeObserver = () => {
   const { element$, directive } = utils_directive.createBrowserStoreDirective();

package/services/resizeObserver.js

@@ -1,5 +1,5 @@
 import { derived } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective } from "../directive-CKEccryv.js";
+import { j as createBrowserStoreDirective } from "../directive-DrDJkTS5.js";
 import { n as noop } from "../func-DR0n-ShK.js";
 const createResizeObserver = () => {
   const { element$, directive } = createBrowserStoreDirective();

package/services/siblingsInert.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const tansu = require("@amadeus-it-group/tansu");
 const func = require("../func-Qd3cD9a3.cjs");
-const utils_directive = require("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.cjs");
 const internalSetSiblingsInert = (element) => {
   const inertValues = /* @__PURE__ */ new Map();
   const recursiveHelper = (element2) => {

package/services/siblingsInert.js

@@ -1,6 +1,6 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { n as noop } from "../func-DR0n-ShK.js";
-import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-CKEccryv.js";
+import { g as createBrowserStoreArrayDirective, k as mergeDirectives, d as directiveSubscribe } from "../directive-DrDJkTS5.js";
 const internalSetSiblingsInert = (element) => {
   const inertValues = /* @__PURE__ */ new Map();
   const recursiveHelper = (element2) => {

package/services/transitions/baseTransitions.cjs

@@ -5,7 +5,7 @@ const utils_writables = require("../../writables-BPAJvaL_.cjs");
 const promise = require("../../promise-BMJ8qhA8.cjs");
 const func = require("../../func-Qd3cD9a3.cjs");
 const utils_stores = require("../../utils/stores.cjs");
-const utils_directive = require("../../directive-DdlwGFtf.cjs");
+const utils_directive = require("../../directive-BtOvPrmt.cjs");
 const neverEndingPromise = new Promise(func.noop);
 const noAnimation = (element, direction) => {
   element.style.display = direction === "show" ? "" : "none";

package/services/transitions/baseTransitions.js

@@ -3,7 +3,7 @@ import { c as typeBoolean, f as typeFunction, d as typeBooleanOrNull } from "../
 import { c as promiseWithResolve } from "../../promise-CY2U8bTP.js";
 import { n as noop } from "../../func-DR0n-ShK.js";
 import { writablesForProps, bindableDerived, stateStores } from "../../utils/stores.js";
-import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../directive-CKEccryv.js";
+import { h as createStoreDirective, k as mergeDirectives, d as directiveSubscribe } from "../../directive-DrDJkTS5.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("../../directive-DdlwGFtf.cjs");
+const utils_directive = require("../../directive-BtOvPrmt.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, v as removeClasses, w as addClasses, x as reflow } from "../../directive-CKEccryv.js";
+import { i as isBrowserHTMLElement, v as removeClasses, w as addClasses, x as reflow } from "../../directive-DrDJkTS5.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("../../directive-DdlwGFtf.cjs");
+const utils_directive = require("../../directive-BtOvPrmt.cjs");
 const func = require("../../func-Qd3cD9a3.cjs");
 const promise = require("../../promise-BMJ8qhA8.cjs");
 function hasTransition(element) {

package/services/transitions/cssTransitions.js

@@ -1,4 +1,4 @@
-import { i as isBrowserHTMLElement } from "../../directive-CKEccryv.js";
+import { i as isBrowserHTMLElement } from "../../directive-DrDJkTS5.js";
 import { n as noop } from "../../func-DR0n-ShK.js";
 import { a as promiseFromEvent, b as promiseFromTimeout } from "../../promise-CY2U8bTP.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("../../directive-DdlwGFtf.cjs");
+const utils_directive = require("../../directive-BtOvPrmt.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 { v as removeClasses, w as addClasses, x as reflow } from "../../directive-CKEccryv.js";
+import { v as removeClasses, w as addClasses, x as reflow } from "../../directive-DrDJkTS5.js";
 const createSimpleClassTransition = (config) => {
   const { animationPendingClasses, animationPendingShowClasses, animationPendingHideClasses, showClasses, hideClasses } = config;
   return createCSSTransition((element, direction, animated, context) => {

package/{slider-DlOAawbZ.cjs → slider-CkYsilwM.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const tansu = require("@amadeus-it-group/tansu");
-const utils_directive = require("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
@@ -24,8 +24,9 @@ const defaultSliderConfig = {
   disabled: false,
   vertical: false,
   className: "",
-  ariaLabelHandle: (value) => "" + value,
-  ariaValueText: (value) => "" + value,
+  ariaLabel: () => "Value",
+  ariaLabelledBy: () => "",
+  ariaValueText: () => "",
   onValuesChange: func.noop,
   values: [0],
   showValueLabels: true,
@@ -42,7 +43,8 @@ const configValidator = {
   readonly: utils_writables.typeBoolean,
   disabled: utils_writables.typeBoolean,
   vertical: utils_writables.typeBoolean,
-  ariaLabelHandle: utils_writables.typeFunction,
+  ariaLabel: utils_writables.typeFunction,
+  ariaLabelledBy: utils_writables.typeFunction,
   ariaValueText: utils_writables.typeFunction,
   onValuesChange: utils_writables.typeFunction,
   values: utils_writables.typeArray,
@@ -92,7 +94,8 @@ function createSlider(config) {
       stepSize$,
       rtl$,
       values$: _dirtyValues$,
-      ariaLabelHandle$,
+      ariaLabel$,
+      ariaLabelledBy$,
       ariaValueText$,
       onValuesChange$,
       showValueLabels$,
@@ -178,12 +181,13 @@ function createSlider(config) {
     }).sort((a, b) => a.value - b.value);
   });
   const sortedHandles$ = tansu.computed(() => {
-    const ariaLabelHandle = ariaLabelHandle$(), ariaValueText = ariaValueText$();
+    const ariaLabelHandle = ariaLabel$(), ariaValueText = ariaValueText$(), ariaLabelledBy = ariaLabelledBy$();
     return _sortedHandlesValues$().map((sortedValue, index) => {
       return {
         ...sortedValue,
-        ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id),
-        ariaValueText: ariaValueText(sortedValue.value, index, sortedValue.id)
+        ariaLabel: ariaLabelledBy(index) ? void 0 : ariaLabelHandle(index),
+        ariaLabelledBy: ariaLabelledBy(index) || void 0,
+        ariaValueText: ariaValueText(sortedValue.value, index) || void 0
       };
     });
   });
@@ -243,7 +247,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : 0 : null,
           top: vertical ? rtl ? 0 : null : null,
           width: vertical ? 100 : sortedValuesPercent[0],
-          height: vertical ? sortedValuesPercent[0] : 100
+          height: vertical ? sortedValuesPercent[0] : 100,
+          id: 0
         }
       ];
     } else {
@@ -254,7 +259,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : svp : null,
           top: vertical ? rtl ? array[index] : null : null,
           width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
-          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100
+          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100,
+          id: index
         };
       }).slice(0, sortedValuesPercent.length - 1);
     }
@@ -269,9 +275,11 @@ function createSlider(config) {
       return 0;
     }
     const sortedValues = sortedValues$();
-    const closestBigger = sortedValues.find((sv) => sv > clickedPercent * 100);
+    const closestBigger = sortedValues.find((sv) => percentCompute(sv) > clickedPercent * 100);
     const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
-    const midPoint = sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2;
+    const midPoint = percentCompute(
+      sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2
+    );
     const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
     return values.indexOf(closestValue);
   };
@@ -364,7 +372,6 @@ function createSlider(config) {
               return;
           }
           event.preventDefault();
-          event.stopPropagation();
         }
       },
       mousedown: (event) => {
@@ -487,6 +494,7 @@ function createSlider(config) {
             "aria-valuenow": tansu.computed(() => handleContext$().item.value),
             "aria-valuetext": tansu.computed(() => handleContext$().item.ariaValueText),
             "aria-label": tansu.computed(() => handleContext$().item.ariaLabel),
+            "aria-labelledBy": tansu.computed(() => handleContext$().item.ariaLabelledBy),
             "aria-orientation": tansu.computed(() => vertical$() ? "vertical" : void 0),
             "aria-disabled": tansu.computed(() => disabled$() ? "true" : void 0),
             disabled: disabled$,

package/{slider-DYrwS7Mv.js → slider-DtQrcvim.js}

@@ -1,5 +1,5 @@
 import { computed, writable } from "@amadeus-it-group/tansu";
-import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { j as createBrowserStoreDirective, k as mergeDirectives, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, bindableProp, stateStores } from "./utils/stores.js";
 import { h as typeArray, a as typeNumber, b as typeNumberInRangeFactory, c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
@@ -23,8 +23,9 @@ const defaultSliderConfig = {
   disabled: false,
   vertical: false,
   className: "",
-  ariaLabelHandle: (value) => "" + value,
-  ariaValueText: (value) => "" + value,
+  ariaLabel: () => "Value",
+  ariaLabelledBy: () => "",
+  ariaValueText: () => "",
   onValuesChange: noop,
   values: [0],
   showValueLabels: true,
@@ -41,7 +42,8 @@ const configValidator = {
   readonly: typeBoolean,
   disabled: typeBoolean,
   vertical: typeBoolean,
-  ariaLabelHandle: typeFunction,
+  ariaLabel: typeFunction,
+  ariaLabelledBy: typeFunction,
   ariaValueText: typeFunction,
   onValuesChange: typeFunction,
   values: typeArray,
@@ -91,7 +93,8 @@ function createSlider(config) {
       stepSize$,
       rtl$,
       values$: _dirtyValues$,
-      ariaLabelHandle$,
+      ariaLabel$,
+      ariaLabelledBy$,
       ariaValueText$,
       onValuesChange$,
       showValueLabels$,
@@ -177,12 +180,13 @@ function createSlider(config) {
     }).sort((a, b) => a.value - b.value);
   });
   const sortedHandles$ = computed(() => {
-    const ariaLabelHandle = ariaLabelHandle$(), ariaValueText = ariaValueText$();
+    const ariaLabelHandle = ariaLabel$(), ariaValueText = ariaValueText$(), ariaLabelledBy = ariaLabelledBy$();
     return _sortedHandlesValues$().map((sortedValue, index) => {
       return {
         ...sortedValue,
-        ariaLabel: ariaLabelHandle(sortedValue.value, index, sortedValue.id),
-        ariaValueText: ariaValueText(sortedValue.value, index, sortedValue.id)
+        ariaLabel: ariaLabelledBy(index) ? void 0 : ariaLabelHandle(index),
+        ariaLabelledBy: ariaLabelledBy(index) || void 0,
+        ariaValueText: ariaValueText(sortedValue.value, index) || void 0
       };
     });
   });
@@ -242,7 +246,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : 0 : null,
           top: vertical ? rtl ? 0 : null : null,
           width: vertical ? 100 : sortedValuesPercent[0],
-          height: vertical ? sortedValuesPercent[0] : 100
+          height: vertical ? sortedValuesPercent[0] : 100,
+          id: 0
         }
       ];
     } else {
@@ -253,7 +258,8 @@ function createSlider(config) {
           bottom: vertical ? rtl ? null : svp : null,
           top: vertical ? rtl ? array[index] : null : null,
           width: vertical ? 100 : index === array.length - 1 ? svp : array[index + 1] - svp,
-          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100
+          height: vertical ? index === array.length - 1 ? svp : array[index + 1] - svp : 100,
+          id: index
         };
       }).slice(0, sortedValuesPercent.length - 1);
     }
@@ -268,9 +274,11 @@ function createSlider(config) {
       return 0;
     }
     const sortedValues = sortedValues$();
-    const closestBigger = sortedValues.find((sv) => sv > clickedPercent * 100);
+    const closestBigger = sortedValues.find((sv) => percentCompute(sv) > clickedPercent * 100);
     const closestBiggerIndex = closestBigger ? sortedValues.indexOf(closestBigger) : sortedValues.length - 1;
-    const midPoint = sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2;
+    const midPoint = percentCompute(
+      sortedValues[closestBiggerIndex - 1] + (sortedValues[closestBiggerIndex] - sortedValues[closestBiggerIndex - 1]) / 2
+    );
     const closestValue = sortedValues[clickedPercent * 100 <= midPoint ? closestBiggerIndex - 1 : closestBiggerIndex];
     return values.indexOf(closestValue);
   };
@@ -363,7 +371,6 @@ function createSlider(config) {
               return;
           }
           event.preventDefault();
-          event.stopPropagation();
         }
       },
       mousedown: (event) => {
@@ -486,6 +493,7 @@ function createSlider(config) {
             "aria-valuenow": computed(() => handleContext$().item.value),
             "aria-valuetext": computed(() => handleContext$().item.ariaValueText),
             "aria-label": computed(() => handleContext$().item.ariaLabel),
+            "aria-labelledBy": computed(() => handleContext$().item.ariaLabelledBy),
             "aria-orientation": computed(() => vertical$() ? "vertical" : void 0),
             "aria-disabled": computed(() => disabled$() ? "true" : void 0),
             disabled: disabled$,

package/{toast-CpvsibAI.js → toast-4f-ZdK1Y.js}

@@ -1,6 +1,6 @@
 import { computed } from "@amadeus-it-group/tansu";
 import { extendWidgetProps } from "./services/extendWidget.js";
-import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-CKEccryv.js";
+import { d as directiveSubscribe, n as createAttributesDirective } from "./directive-DrDJkTS5.js";
 import { c as typeBoolean, b as typeNumberInRangeFactory } from "./writables-DCiBdIBK.js";
 import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-Banw3FYN.js";
 const toastDefaultConfig = {

package/{toast-D_uSrRZL.cjs → toast-Vku2ZxoN.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("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
 const common = require("./common-DvPjK7SS.cjs");
 const toastDefaultConfig = {

package/{tree-Bh1WO63V.cjs → tree-BaSMyGyv.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("./directive-DdlwGFtf.cjs");
+const utils_directive = require("./directive-BtOvPrmt.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
 const utils_writables = require("./writables-BPAJvaL_.cjs");
@@ -82,7 +82,7 @@ function createTree(config) {
     treeMap.clear();
     return nodes$().map((node) => traverseTree(node, 0, void 0));
   });
-  const _lastFocusedTreeItem$ = tansu.writable(normalizedNodes$()[0]);
+  const _lastFocusedTreeItem$ = tansu.writable(normalizedNodes$().find((node) => node.isExpanded !== void 0));
   const getTreeItemInfo = (item) => {
     const treeItem = treeMap.get(item);
     if (!treeItem) {
@@ -143,6 +143,10 @@ function createTree(config) {
         const isExpanded = item.isExpanded;
         refreshElements();
         switch (key) {
+          case "Enter":
+          case " ":
+            toggleExpanded(item);
+            break;
           case "ArrowLeft":
             if (isExpanded) {
               toggleExpanded(item);

package/{tree-C4v9rTQl.js → tree-DVsZP8ze.js}

@@ -1,6 +1,6 @@
 import { writable, computed } from "@amadeus-it-group/tansu";
 import { createNavManager } from "./services/navManager.js";
-import { a as bindDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./directive-CKEccryv.js";
+import { a as bindDirective, k as mergeDirectives, n as createAttributesDirective, b as browserDirective } from "./directive-DrDJkTS5.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
 import { e as typeString, h as typeArray, f as typeFunction } from "./writables-DCiBdIBK.js";
@@ -81,7 +81,7 @@ function createTree(config) {
     treeMap.clear();
     return nodes$().map((node) => traverseTree(node, 0, void 0));
   });
-  const _lastFocusedTreeItem$ = writable(normalizedNodes$()[0]);
+  const _lastFocusedTreeItem$ = writable(normalizedNodes$().find((node) => node.isExpanded !== void 0));
   const getTreeItemInfo = (item) => {
     const treeItem = treeMap.get(item);
     if (!treeItem) {
@@ -142,6 +142,10 @@ function createTree(config) {
         const isExpanded = item.isExpanded;
         refreshElements();
         switch (key) {
+          case "Enter":
+          case " ":
+            toggleExpanded(item);
+            break;
           case "ArrowLeft":
             if (isExpanded) {
               toggleExpanded(item);

package/utils/directive.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("@amadeus-it-group/tansu");
 require("esm-env");
-const utils_directive = require("../directive-DdlwGFtf.cjs");
+const utils_directive = require("../directive-BtOvPrmt.cjs");
 require("../func-Qd3cD9a3.cjs");
 require("./stores.cjs");
 exports.attributesData = utils_directive.attributesData;

package/utils/directive.d.ts

@@ -1,5 +1,6 @@
 import type { ReadableSignal } from '@amadeus-it-group/tansu';
 import type { AttributeValue, Directive, DirectivesAndOptParam, SSRHTMLElement, StyleKey, StyleValue } from '../types';
+import { type ClassValue } from 'clsx';
 /**
  * On a browser environment, returns true if the given element is an HTMLElement.
  * On a server environment, always returns false.
@@ -266,9 +267,10 @@ export declare const attributesData: <T extends any[]>(...directives: Directives
     style: Partial<Record<StyleKey, StyleValue>>;
 };
 /**
- * Directive that takes as an argument a string containing CSS classes to be put on the HTML element.
+ * Directive that takes as an argument a string, array or object containing CSS classes to be put on the HTML element.
+ * The class attribute is computed using the clsx library.
  */
-export declare const classDirective: Directive<string>;
+export declare const classDirective: Directive<ClassValue>;
 /**
  * Combines multiple directives into a single attributes object.
  *

package/utils/directive.js

@@ -1,6 +1,6 @@
 import "@amadeus-it-group/tansu";
 import "esm-env";
-import { o, a, c, b, p, n, g, j, f, h, q, d, e, i, m, k, l, r, s } from "../directive-CKEccryv.js";
+import { o, a, c, b, p, n, g, j, f, h, q, d, e, i, m, k, l, r, s } from "../directive-DrDJkTS5.js";
 import "../func-DR0n-ShK.js";
 import "./stores.js";
 export {