@agnos-ui/react-bootstrap 0.7.0 → 0.7.1

package/{alert-BWfpiNSz.cjs → alert-BGVw_vsM.cjs}

@@ -18,7 +18,7 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
     ...directive.useDirectives(
       [
         directive.classDirective,
-        `au-alert alert alert-${slotContext.state.type} ${slotContext.state.className} ${slotContext.state.dismissible ? "alert-dismissible" : ""}`
+        [`au-alert alert alert-${slotContext.state.type} ${slotContext.state.className}`, { "alert-dismissible": slotContext.state.dismissible }]
       ],
       slotContext.directives.transitionDirective
     ),

package/{alert-CWbr08rp.js → alert-BM4ImSpO.js}

@@ -17,7 +17,7 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
     ...useDirectives(
       [
         classDirective,
-        `au-alert alert alert-${slotContext.state.type} ${slotContext.state.className} ${slotContext.state.dismissible ? "alert-dismissible" : ""}`
+        [`au-alert alert alert-${slotContext.state.type} ${slotContext.state.className}`, { "alert-dismissible": slotContext.state.dismissible }]
       ],
       slotContext.directives.transitionDirective
     ),

package/components/alert/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const alert = require("../../alert-BWfpiNSz.cjs");
+const alert = require("../../alert-BGVw_vsM.cjs");
 exports.Alert = alert.Alert;
 exports.AlertDefaultSlotStructure = alert.AlertDefaultSlotStructure;
 exports.createAlert = alert.export_createAlert;

package/components/alert/index.js

@@ -1,4 +1,4 @@
-import { a, A, b, e } from "../../alert-CWbr08rp.js";
+import { a, A, b, e } from "../../alert-BM4ImSpO.js";
 export {
   a as Alert,
   A as AlertDefaultSlotStructure,

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-C3hVG-lH.cjs");
+const modal = require("../../modal-DQLOz7TE.cjs");
 exports.Modal = modal.Modal;
 exports.ModalDefaultSlotHeader = modal.ModalDefaultSlotHeader;
 exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { b, M, a, c, e, f, d, o } from "../../modal-DPKlan_9.js";
+import { b, M, a, c, e, f, d, o } from "../../modal-apFubipB.js";
 export {
   b as Modal,
   M as ModalDefaultSlotHeader,

package/components/pagination/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-CYTSlunk.cjs");
+const pagination = require("../../pagination-Bq4Hvm1j.cjs");
 exports.NavButton = pagination.NavButton;
 exports.PageItem = pagination.PageItem;
 exports.Pagination = pagination.Pagination;

package/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { N, P, c, a, b, d, e } from "../../pagination-AH4hiASa.js";
+import { N, P, c, a, b, d, e } from "../../pagination-B1Ho_-r4.js";
 export {
   N as NavButton,
   P as PageItem,

package/components/progressbar/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const progressbar = require("../../progressbar-JO1ey9mx.cjs");
+const progressbar = require("../../progressbar-CnbqCXqH.cjs");
 exports.Progressbar = progressbar.Progressbar;
 exports.ProgressbarDefaultSlotStructure = progressbar.ProgressbarDefaultSlotStructure;
 exports.createProgressbar = progressbar.export_createProgressbar;

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { a, P, b, e } from "../../progressbar-DKFR5epE.js";
+import { a, P, b, e } from "../../progressbar-Ck20N_ee.js";
 export {
   a as Progressbar,
   P as ProgressbarDefaultSlotStructure,

package/components/select/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const select = require("../../select-D9kVpioc.cjs");
+const select = require("../../select-DHNspXXB.cjs");
 exports.Select = select.Select;
 exports.createSelect = select.export_createSelect;
 exports.getSelectDefaultConfig = select.export_getSelectDefaultConfig;

package/components/select/index.js

@@ -1,4 +1,4 @@
-import { S, a, e } from "../../select-VhhSuDsJ.js";
+import { S, a, e } from "../../select-C2jCf6jT.js";
 export {
   S as Select,
   a as createSelect,

package/components/slider/slider.gen.d.ts

@@ -165,28 +165,35 @@ export interface SliderState {
 export interface SliderProps {
     /**
      * 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
      *
@@ -354,11 +361,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 representing various directives used in the slider component.

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-BdNereP2.cjs");
+const toast = require("../../toast-CkwIDuRg.cjs");
 exports.Toast = toast.Toast;
 exports.ToastDefaultSlotStructure = toast.ToastDefaultSlotStructure;
 exports.createToast = toast.export_createToast;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { a, T, b, e } from "../../toast-CDfXkRkD.js";
+import { a, T, b, e } from "../../toast-BUHjCme7.js";
 export {
   a as Toast,
   T as ToastDefaultSlotStructure,

package/components/tree/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tree = require("../../tree-CCmlpEPq.cjs");
+const tree = require("../../tree-DT261j-0.cjs");
 exports.DefaultTreeSlotItem = tree.DefaultTreeSlotItem;
 exports.DefaultTreeSlotItemContent = tree.DefaultTreeSlotItemContent;
 exports.DefaultTreeSlotItemToggle = tree.DefaultTreeSlotItemToggle;

package/components/tree/index.js

@@ -1,4 +1,4 @@
-import { b, a, D, c, T, d, e } from "../../tree-CrXS0sFt.js";
+import { b, a, D, c, T, d, e } from "../../tree-BflF5hyD.js";
 export {
   b as DefaultTreeSlotItem,
   a as DefaultTreeSlotItemContent,

package/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const accordion = require("./accordion-QclyKh8E.cjs");
-const alert = require("./alert-BWfpiNSz.cjs");
+const alert = require("./alert-BGVw_vsM.cjs");
 const collapse = require("./collapse-UMbDs6Gh.cjs");
-const modal = require("./modal-C3hVG-lH.cjs");
-const pagination = require("./pagination-CYTSlunk.cjs");
-const progressbar = require("./progressbar-JO1ey9mx.cjs");
+const modal = require("./modal-DQLOz7TE.cjs");
+const pagination = require("./pagination-Bq4Hvm1j.cjs");
+const progressbar = require("./progressbar-CnbqCXqH.cjs");
 const rating = require("./rating-BaZTCQi1.cjs");
-const select = require("./select-D9kVpioc.cjs");
+const select = require("./select-DHNspXXB.cjs");
 const slider = require("./slider-D0knY75x.cjs");
-const toast = require("./toast-BdNereP2.cjs");
-const tree = require("./tree-CCmlpEPq.cjs");
+const toast = require("./toast-CkwIDuRg.cjs");
+const tree = require("./tree-DT261j-0.cjs");
 const types = require("@agnos-ui/react-headless/types");
 const slot = require("@agnos-ui/react-headless/slot");
 const config = require("@agnos-ui/react-headless/config");

package/index.js

@@ -1,14 +1,14 @@
 import { b, a, A, d, c, f, e } from "./accordion-GX854ooE.js";
-import { a as a2, A as A2, b as b2, e as e2 } from "./alert-CWbr08rp.js";
+import { a as a2, A as A2, b as b2, e as e2 } from "./alert-BM4ImSpO.js";
 import { C, a as a3, e as e3 } from "./collapse-BOXBa8_8.js";
-import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-DPKlan_9.js";
-import { N, P, c as c3, a as a5, b as b4, d as d3, e as e5 } from "./pagination-AH4hiASa.js";
-import { a as a6, P as P2, b as b5, e as e6 } from "./progressbar-DKFR5epE.js";
+import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-apFubipB.js";
+import { N, P, c as c3, a as a5, b as b4, d as d3, e as e5 } from "./pagination-B1Ho_-r4.js";
+import { a as a6, P as P2, b as b5, e as e6 } from "./progressbar-Ck20N_ee.js";
 import { R, a as a7, e as e7 } from "./rating-DziC4Tsh.js";
-import { S, a as a8, e as e8 } from "./select-VhhSuDsJ.js";
+import { S, a as a8, e as e8 } from "./select-C2jCf6jT.js";
 import { b as b6, S as S2, a as a9, c as c4, e as e9 } from "./slider-UQlY3PHn.js";
-import { a as a10, T, b as b7, e as e10 } from "./toast-CDfXkRkD.js";
-import { b as b8, a as a11, D, c as c5, T as T2, d as d4, e as e11 } from "./tree-CrXS0sFt.js";
+import { a as a10, T, b as b7, e as e10 } from "./toast-BUHjCme7.js";
+import { b as b8, a as a11, D, c as c5, T as T2, d as d4, e as e11 } from "./tree-BflF5hyD.js";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/react-headless/slot";
 export * from "@agnos-ui/react-headless/config";

package/{modal-C3hVG-lH.cjs → modal-DQLOz7TE.cjs}

@@ -3,7 +3,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const slot = require("@agnos-ui/react-headless/slot");
 const directive = require("@agnos-ui/react-headless/utils/directive");
 const portal = require("@agnos-ui/react-headless/utils/portal");
-const classNames = require("classnames");
+const clsx = require("clsx");
 const React = require("react");
 const ReactDOM = require("react-dom/client");
 const generated_config = require("./generated/config.cjs");
@@ -25,7 +25,7 @@ const ModalDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.js
 const BackdropElement = ({ directives }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal-backdrop"], directives.backdropDirective) });
 const ModalElement = (slotContext) => {
   const { fullscreen } = slotContext.state;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
 };
 function Modal(props) {
   const widgetContext = generated_config.useWidgetWithConfig(export_createModal, props, "modal", {

package/{modal-DPKlan_9.js → modal-apFubipB.js}

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective, useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { Portal } from "@agnos-ui/react-headless/utils/portal";
-import classNames from "classnames";
+import clsx from "clsx";
 import { useImperativeHandle } from "react";
 import ReactDOM from "react-dom/client";
 import { useWidgetWithConfig } from "./generated/config.js";
@@ -24,7 +24,7 @@ const ModalDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment
 const BackdropElement = ({ directives }) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal-backdrop"], directives.backdropDirective) });
 const ModalElement = (slotContext) => {
   const { fullscreen } = slotContext.state;
-  return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
+  return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: clsx("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
 };
 function Modal(props) {
   const widgetContext = useWidgetWithConfig(export_createModal, props, "modal", {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based component library for React.",
-	"version": "0.7.0",
+	"version": "0.7.1",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,9 +49,9 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.7.0",
-		"@agnos-ui/react-headless": "0.7.0",
-		"classnames": "^2.5.1"
+		"@agnos-ui/core-bootstrap": "0.7.1",
+		"@agnos-ui/react-headless": "0.7.1",
+		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",

package/{pagination-AH4hiASa.js → pagination-B1Ho_-r4.js}

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import classNames from "classnames";
+import clsx from "clsx";
 import { useWidgetWithConfig } from "./generated/config.js";
 import * as React from "react";
 import { useImperativeHandle } from "react";
@@ -8,7 +8,7 @@ import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/di
 import { getPaginationDefaultConfig, createPagination } from "@agnos-ui/core-bootstrap/components/pagination";
 const PageItem = React.forwardRef(
   ({ disabled, active, activeLabel, className, children, directive, page }, ref) => {
-    return /* @__PURE__ */ jsx("li", { ref, className: classNames("page-item", { active, disabled }), children: /* @__PURE__ */ jsxs("a", { ...useDirectives([directive, { page }], [classDirective, classNames("page-link", className)]), children: [
+    return /* @__PURE__ */ jsx("li", { ref, className: clsx("page-item", { active, disabled }), children: /* @__PURE__ */ jsxs("a", { ...useDirectives([directive, { page }], [classDirective, ["page-link", className]]), children: [
       children,
       active && activeLabel && /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: activeLabel })
     ] }) });
@@ -16,7 +16,7 @@ const PageItem = React.forwardRef(
 );
 PageItem.displayName = "PageItem";
 const NavButton = React.forwardRef(({ disabled, className, children, directive }, ref) => {
-  return /* @__PURE__ */ jsx("li", { ref, className: classNames("page-item", { disabled }), children: /* @__PURE__ */ jsx("a", { ...useDirectives(directive, [classDirective, classNames("page-link", className)]), children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children }) }) });
+  return /* @__PURE__ */ jsx("li", { ref, className: clsx("page-item", { disabled }), children: /* @__PURE__ */ jsx("a", { ...useDirectives(directive, [classDirective, ["page-link", className]]), children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children }) }) });
 });
 NavButton.displayName = "NavButton";
 const export_getPaginationDefaultConfig = getPaginationDefaultConfig;
@@ -76,7 +76,7 @@ const PaginationDefaultSlotStructure = (slotContext) => {
     );
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("ul", { className: classNames("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
+    /* @__PURE__ */ jsxs("ul", { className: clsx("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
       ItemsBefore,
       /* @__PURE__ */ jsx(Slot, { slotContent: state.pagesDisplay, props: slotContext }),
       ItemsAfter

package/{pagination-CYTSlunk.cjs → pagination-Bq4Hvm1j.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const slot = require("@agnos-ui/react-headless/slot");
-const classNames = require("classnames");
+const clsx = require("clsx");
 const generated_config = require("./generated/config.cjs");
 const React = require("react");
 const directive = require("@agnos-ui/react-headless/utils/directive");
@@ -25,7 +25,7 @@ function _interopNamespaceDefault(e) {
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const PageItem = React__namespace.forwardRef(
   ({ disabled, active, activeLabel, className, children, directive: directive$1, page }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: classNames("page-item", { active, disabled }), children: /* @__PURE__ */ jsxRuntime.jsxs("a", { ...directive.useDirectives([directive$1, { page }], [directive.classDirective, classNames("page-link", className)]), children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: clsx("page-item", { active, disabled }), children: /* @__PURE__ */ jsxRuntime.jsxs("a", { ...directive.useDirectives([directive$1, { page }], [directive.classDirective, ["page-link", className]]), children: [
       children,
       active && activeLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "visually-hidden", children: activeLabel })
     ] }) });
@@ -33,7 +33,7 @@ const PageItem = React__namespace.forwardRef(
 );
 PageItem.displayName = "PageItem";
 const NavButton = React__namespace.forwardRef(({ disabled, className, children, directive: directive$1 }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: classNames("page-item", { disabled }), children: /* @__PURE__ */ jsxRuntime.jsx("a", { ...directive.useDirectives(directive$1, [directive.classDirective, classNames("page-link", className)]), children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children }) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: clsx("page-item", { disabled }), children: /* @__PURE__ */ jsxRuntime.jsx("a", { ...directive.useDirectives(directive$1, [directive.classDirective, ["page-link", className]]), children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children }) }) });
 });
 NavButton.displayName = "NavButton";
 const export_getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
@@ -93,7 +93,7 @@ const PaginationDefaultSlotStructure = (slotContext) => {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: classNames("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: clsx("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
       ItemsBefore,
       /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.pagesDisplay, props: slotContext }),
       ItemsAfter

package/{progressbar-DKFR5epE.js → progressbar-Ck20N_ee.js}

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
-import classNames from "classnames";
+import clsx from "clsx";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getProgressbarDefaultConfig, createProgressbar } from "@agnos-ui/core-bootstrap/components/progressbar";
 const export_getProgressbarDefaultConfig = getProgressbarDefaultConfig;
 const export_createProgressbar = createProgressbar;
 const ProgressbarDefaultSlotStructure = (slotContext) => {
   const { striped, animated, type } = slotContext.state;
-  const classes = classNames("progress-bar", { "progress-bar-striped": striped }, { "progress-bar-animated": animated }, { [`text-bg-${type}`]: !!type });
+  const classes = clsx("progress-bar", { "progress-bar-striped": striped }, { "progress-bar-animated": animated }, { [`text-bg-${type}`]: !!type });
   return /* @__PURE__ */ jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 };
 const Progressbar = (props) => {

package/{progressbar-JO1ey9mx.cjs → progressbar-CnbqCXqH.cjs}

@@ -2,14 +2,14 @@
 const jsxRuntime = require("react/jsx-runtime");
 const slot = require("@agnos-ui/react-headless/slot");
 const directive = require("@agnos-ui/react-headless/utils/directive");
-const classNames = require("classnames");
+const clsx = require("clsx");
 const generated_config = require("./generated/config.cjs");
 const progressbar = require("@agnos-ui/core-bootstrap/components/progressbar");
 const export_getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
 const export_createProgressbar = progressbar.createProgressbar;
 const ProgressbarDefaultSlotStructure = (slotContext) => {
   const { striped, animated, type } = slotContext.state;
-  const classes = classNames("progress-bar", { "progress-bar-striped": striped }, { "progress-bar-animated": animated }, { [`text-bg-${type}`]: !!type });
+  const classes = clsx("progress-bar", { "progress-bar-striped": striped }, { "progress-bar-animated": animated }, { [`text-bg-${type}`]: !!type });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 };
 const Progressbar = (props) => {

package/{select-VhhSuDsJ.js → select-C2jCf6jT.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
-import classNames from "classnames";
+import clsx from "clsx";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getSelectDefaultConfig, createSelect } from "@agnos-ui/core-bootstrap/components/select";
 import { useImperativeHandle } from "react";
@@ -24,7 +24,7 @@ function Badges({ slotContext }) {
   return badges.length ? /* @__PURE__ */ jsx(Fragment, { children: badges }) : null;
 }
 function SelectItem({ itemContext, slotContext }) {
-  const classname = classNames("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
+  const classname = clsx("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
   return /* @__PURE__ */ jsx("li", { className: classname, ...useDirective(slotContext.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.itemLabel, props: { ...slotContext, itemContext } }) });
 }
 function Rows({ slotContext }) {

package/{select-D9kVpioc.cjs → select-DHNspXXB.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const slot = require("@agnos-ui/react-headless/slot");
 const directive = require("@agnos-ui/react-headless/utils/directive");
-const classNames = require("classnames");
+const clsx = require("clsx");
 const generated_config = require("./generated/config.cjs");
 const select = require("@agnos-ui/core-bootstrap/components/select");
 const React = require("react");
@@ -25,7 +25,7 @@ function Badges({ slotContext }) {
   return badges.length ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: badges }) : null;
 }
 function SelectItem({ itemContext, slotContext }) {
-  const classname = classNames("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
+  const classname = clsx("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
   return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classname, ...directive.useDirective(slotContext.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.itemLabel, props: { ...slotContext, itemContext } }) });
 }
 function Rows({ slotContext }) {

package/{toast-CDfXkRkD.js → toast-BUHjCme7.js}

@@ -21,7 +21,7 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsx(
   "div",
   {
     ...useDirectives(
-      [classDirective, `toast ${slotContext.state.dismissible ? "toast-dismissible" : ""} ${!slotContext.state.header ? "d-flex" : ""}`],
+      [classDirective, { "toast-dismissible": slotContext.state.dismissible, "d-flex": !slotContext.state.header }],
       slotContext.directives.transitionDirective,
       slotContext.directives.autoHideDirective,
       slotContext.directives.bodyDirective

package/{toast-BdNereP2.cjs → toast-CkwIDuRg.cjs}

@@ -22,7 +22,7 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ...directive.useDirectives(
-      [directive.classDirective, `toast ${slotContext.state.dismissible ? "toast-dismissible" : ""} ${!slotContext.state.header ? "d-flex" : ""}`],
+      [directive.classDirective, { "toast-dismissible": slotContext.state.dismissible, "d-flex": !slotContext.state.header }],
       slotContext.directives.transitionDirective,
       slotContext.directives.autoHideDirective,
       slotContext.directives.bodyDirective

package/{tree-CrXS0sFt.js → tree-BflF5hyD.js}

@@ -3,7 +3,7 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getTreeDefaultConfig, createTree } from "@agnos-ui/core-bootstrap/components/tree";
-import classNames from "classnames";
+import clsx from "clsx";
 const export_getTreeDefaultConfig = getTreeDefaultConfig;
 const export_createTree = createTree;
 const ToggleButtonDisplay = ({ directive, item }) => {
@@ -29,7 +29,7 @@ const DefaultTreeSlotItem = (slotContext) => {
 };
 const DefaultTreeSlotStructure = (slotContext) => {
   const { state } = slotContext;
-  return /* @__PURE__ */ jsx("ul", { role: "tree", className: classNames("au-tree", state.className), ...useDirective(slotContext.directives.navigationDirective), children: state.normalizedNodes.map((node, index) => /* @__PURE__ */ jsx(Slot, { slotContent: state.item, props: { item: node, ...slotContext } }, node.label + node.level + index)) });
+  return /* @__PURE__ */ jsx("ul", { role: "tree", className: clsx("au-tree", state.className), ...useDirective(slotContext.directives.navigationDirective), children: state.normalizedNodes.map((node, index) => /* @__PURE__ */ jsx(Slot, { slotContent: state.item, props: { item: node, ...slotContext } }, node.label + node.level + index)) });
 };
 const defaultConfig = {
   structure: DefaultTreeSlotStructure,

package/{tree-CCmlpEPq.cjs → tree-DT261j-0.cjs}

@@ -4,7 +4,7 @@ const slot = require("@agnos-ui/react-headless/slot");
 const directive = require("@agnos-ui/react-headless/utils/directive");
 const generated_config = require("./generated/config.cjs");
 const tree = require("@agnos-ui/core-bootstrap/components/tree");
-const classNames = require("classnames");
+const clsx = require("clsx");
 const export_getTreeDefaultConfig = tree.getTreeDefaultConfig;
 const export_createTree = tree.createTree;
 const ToggleButtonDisplay = ({ directive: directive$1, item }) => {
@@ -30,7 +30,7 @@ const DefaultTreeSlotItem = (slotContext) => {
 };
 const DefaultTreeSlotStructure = (slotContext) => {
   const { state } = slotContext;
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "tree", className: classNames("au-tree", state.className), ...directive.useDirective(slotContext.directives.navigationDirective), children: state.normalizedNodes.map((node, index) => /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.item, props: { item: node, ...slotContext } }, node.label + node.level + index)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "tree", className: clsx("au-tree", state.className), ...directive.useDirective(slotContext.directives.navigationDirective), children: state.normalizedNodes.map((node, index) => /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.item, props: { item: node, ...slotContext } }, node.label + node.level + index)) });
 };
 const defaultConfig = {
   structure: DefaultTreeSlotStructure,