@agnos-ui/react-bootstrap 0.7.0-next.0 → 0.7.1

package/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { type Ref } from 'react';
 import type { ToastApi, ToastContext, ToastProps } from './toast.gen';
 /**
  * Renders the default slot structure for a Toast component.
@@ -15,8 +15,10 @@ export declare const ToastDefaultSlotStructure: (slotContext: ToastContext) => i
  * to expose the widget's API through the forwarded ref.
  *
  * @param props - Partial properties of `ToastProps` to configure the toast widget.
- * @param ref - Ref to expose the Toast API.
+ * @param props.ref - Ref to expose the Toast API.
  *
  * @returns A JSX element that conditionally renders the `ToastElement` based on the widget's state.
  */
-export declare const Toast: ForwardRefExoticComponent<Partial<ToastProps> & RefAttributes<ToastApi>>;
+export declare function Toast(props: Partial<ToastProps> & {
+    ref?: Ref<ToastApi>;
+}): import("react/jsx-runtime").JSX.Element;

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/components/tree/tree.gen.d.ts

@@ -91,7 +91,7 @@ export interface TreeProps {
      * (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/config.d.ts

@@ -11,9 +11,9 @@ type DefaultConfigInput = Partial2Levels<WidgetsConfig> & {
 };
 /**
  * Destructures and exports the following from `widgetFactories`:
- * - `widgetsConfigContext`: The context for widget configurations.
+ * - `WidgetsConfigContext`: The context for widget configurations.
  * - `WidgetsDefaultConfig`: The default configuration for widgets.
  * - `useWidgetContext`: A hook to use the widget context.
  * - `useWidgetWithConfig`: A hook to use a widget with a specific configuration.
  */
-export declare const widgetsConfigContext: Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof BootstrapWidgetsConfig | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof BootstrapWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>>) => WidgetSlotContext<W>;
+export declare const WidgetsConfigContext: Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof BootstrapWidgetsConfig | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof BootstrapWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>>) => WidgetSlotContext<W>;

package/generated/config.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const config = require("@agnos-ui/react-headless/config");
 const widgetFactories = config.widgetsConfigFactory();
-const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
+exports.WidgetsConfigContext = WidgetsConfigContext;
 exports.WidgetsDefaultConfig = WidgetsDefaultConfig;
 exports.useWidgetContext = useWidgetContext;
 exports.useWidgetWithConfig = useWidgetWithConfig;
-exports.widgetsConfigContext = widgetsConfigContext;
 Object.keys(config).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/generated/config.js

@@ -1,10 +1,10 @@
 import { widgetsConfigFactory } from "@agnos-ui/react-headless/config";
 export * from "@agnos-ui/react-headless/config";
 const widgetFactories = widgetsConfigFactory();
-const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
 export {
+  WidgetsConfigContext,
   WidgetsDefaultConfig,
   useWidgetContext,
-  useWidgetWithConfig,
-  widgetsConfigContext
+  useWidgetWithConfig
 };

package/index.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-01ch6GZW.cjs");
-const alert = require("./alert-DGvp2r3W.cjs");
-const collapse = require("./collapse-Dodvr8dn.cjs");
-const modal = require("./modal-_OcXelvY.cjs");
-const pagination = require("./pagination-b4pKj3Kx.cjs");
-const progressbar = require("./progressbar-JO1ey9mx.cjs");
-const rating = require("./rating-eI8T0zvS.cjs");
-const select = require("./select-XHUAqTDw.cjs");
-const slider = require("./slider-BUQne5aJ.cjs");
-const toast = require("./toast-Vv1dxnuA.cjs");
-const tree = require("./tree-CCmlpEPq.cjs");
+const accordion = require("./accordion-QclyKh8E.cjs");
+const alert = require("./alert-BGVw_vsM.cjs");
+const collapse = require("./collapse-UMbDs6Gh.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-DHNspXXB.cjs");
+const slider = require("./slider-D0knY75x.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");
@@ -90,10 +90,10 @@ exports.DefaultTreeSlotStructure = tree.DefaultTreeSlotStructure;
 exports.Tree = tree.Tree;
 exports.createTree = tree.export_createTree;
 exports.getTreeDefaultConfig = tree.export_getTreeDefaultConfig;
+exports.WidgetsConfigContext = generated_config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
 exports.useWidgetContext = generated_config.useWidgetContext;
 exports.useWidgetWithConfig = generated_config.useWidgetWithConfig;
-exports.widgetsConfigContext = generated_config.widgetsConfigContext;
 Object.keys(types).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -1,18 +1,18 @@
-import { b, a, A, d, c, f, e } from "./accordion-D3SZgVk6.js";
-import { a as a2, A as A2, b as b2, e as e2 } from "./alert-CTTuh9t9.js";
-import { C, a as a3, e as e3 } from "./collapse-DNwn7xgF.js";
-import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-DuCmvYiX.js";
-import { N, P, c as c3, a as a5, b as b4, d as d3, e as e5 } from "./pagination-5jlJWfFj.js";
-import { a as a6, P as P2, b as b5, e as e6 } from "./progressbar-DKFR5epE.js";
-import { R, a as a7, e as e7 } from "./rating-CTfRQGGu.js";
-import { S, a as a8, e as e8 } from "./select-BriGqe3k.js";
-import { b as b6, S as S2, a as a9, c as c4, e as e9 } from "./slider--K7ri_0l.js";
-import { a as a10, T, b as b7, e as e10 } from "./toast-CS1mMdhx.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 { 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-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-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-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-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";
-import { WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigContext } from "./generated/config.js";
+import { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } from "./generated/config.js";
 export * from "@agnos-ui/react-headless/utils/widget";
 export * from "@agnos-ui/react-headless/utils/stores";
 export * from "@agnos-ui/react-headless/utils/portal";
@@ -62,6 +62,7 @@ export {
   a10 as Toast,
   T as ToastDefaultSlotStructure,
   T2 as Tree,
+  WidgetsConfigContext,
   WidgetsDefaultConfig,
   d as createAccordion,
   c as createAccordionItem,
@@ -91,6 +92,5 @@ export {
   d2 as modalOutsideClick,
   o as openModal,
   useWidgetContext,
-  useWidgetWithConfig,
-  widgetsConfigContext
+  useWidgetWithConfig
 };

package/{modal-_OcXelvY.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,19 +25,19 @@ 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 }) }) }) });
 };
-const Modal = React.forwardRef(function Modal2(props, ref) {
+function Modal(props) {
   const widgetContext = generated_config.useWidgetWithConfig(export_createModal, props, "modal", {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });
-  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsxs(portal.Portal, { container: widgetContext.state.container, children: [
     !widgetContext.state.backdropHidden && /* @__PURE__ */ jsxRuntime.jsx(BackdropElement, { ...widgetContext }),
     !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ModalElement, { ...widgetContext })
   ] });
-});
+}
 async function openModal(options) {
   const root = ReactDOM.createRoot(document.createElement("div"));
   try {

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

@@ -2,8 +2,8 @@ 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 { forwardRef, useImperativeHandle } from "react";
+import clsx from "clsx";
+import { useImperativeHandle } from "react";
 import ReactDOM from "react-dom/client";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from "@agnos-ui/core-bootstrap/components/modal";
@@ -24,19 +24,19 @@ 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 }) }) }) });
 };
-const Modal = forwardRef(function Modal2(props, ref) {
+function Modal(props) {
   const widgetContext = useWidgetWithConfig(export_createModal, props, "modal", {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });
-  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxs(Portal, { container: widgetContext.state.container, children: [
     !widgetContext.state.backdropHidden && /* @__PURE__ */ jsx(BackdropElement, { ...widgetContext }),
     !widgetContext.state.hidden && /* @__PURE__ */ jsx(ModalElement, { ...widgetContext })
   ] });
-});
+}
 async function openModal(options) {
   const root = ReactDOM.createRoot(document.createElement("div"));
   try {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based component library for React.",
-	"version": "0.7.0-next.0",
+	"version": "0.7.1",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,14 +49,14 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.7.0-next.0",
-		"@agnos-ui/react-headless": "0.7.0-next.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",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1"
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"sideEffects": false,
 	"homepage": "https://www.agnosui.dev/latest/",

package/{pagination-5jlJWfFj.js → pagination-B1Ho_-r4.js}

@@ -1,13 +1,14 @@
 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";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 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 })
     ] }) });
@@ -15,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;
@@ -75,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
@@ -88,6 +89,7 @@ function Pagination(props) {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx("nav", { "aria-label": widgetContext.state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
 export {

package/{pagination-b4pKj3Kx.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
@@ -106,6 +106,7 @@ function Pagination(props) {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": widgetContext.state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
 exports.NavButton = NavButton;

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/{rating-eI8T0zvS.cjs → rating-BaZTCQi1.cjs}

@@ -8,21 +8,22 @@ const rating = require("@agnos-ui/core-bootstrap/components/rating");
 const export_getRatingDefaultConfig = rating.getRatingDefaultConfig;
 const export_createRating = rating.createRating;
 function Star({ star, state, directive: directive$1 }) {
-  const arg = { index: star.index };
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "visually-hidden", children: [
       "(",
       star.index < state.visibleRating ? "*" : " ",
       ")"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, arg), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.star, props: star }) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, { index: star.index }), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
 function Rating(props) {
   const {
     state,
-    directives: { containerDirective, starDirective }
+    directives: { containerDirective, starDirective },
+    api
   } = generated_config.useWidgetWithConfig(export_createRating, props, "rating");
+  React.useImperativeHandle(props.ref, () => api, [api]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "d-inline-flex"], containerDirective), children: state.stars.map((star) => /* @__PURE__ */ jsxRuntime.jsx(Star, { star, state, directive: starDirective }, star.index)) });
 }
 exports.Rating = Rating;

package/{rating-CTfRQGGu.js → rating-DziC4Tsh.js}

@@ -1,27 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
-import React__default from "react";
+import { useImperativeHandle, Fragment } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getRatingDefaultConfig, createRating } from "@agnos-ui/core-bootstrap/components/rating";
 const export_getRatingDefaultConfig = getRatingDefaultConfig;
 const export_createRating = createRating;
 function Star({ star, state, directive }) {
-  const arg = { index: star.index };
-  return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("span", { className: "visually-hidden", children: [
       "(",
       star.index < state.visibleRating ? "*" : " ",
       ")"
     ] }),
-    /* @__PURE__ */ jsx("span", { ...useDirective(directive, arg), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.star, props: star }) })
+    /* @__PURE__ */ jsx("span", { ...useDirective(directive, { index: star.index }), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
 function Rating(props) {
   const {
     state,
-    directives: { containerDirective, starDirective }
+    directives: { containerDirective, starDirective },
+    api
   } = useWidgetWithConfig(export_createRating, props, "rating");
+  useImperativeHandle(props.ref, () => api, [api]);
   return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "d-inline-flex"], containerDirective), children: state.stars.map((star) => /* @__PURE__ */ jsx(Star, { star, state, directive: starDirective }, star.index)) });
 }
 export {

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

@@ -1,9 +1,10 @@
 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";
 const export_getSelectDefaultConfig = getSelectDefaultConfig;
 const export_createSelect = createSelect;
 function DefaultBadge(slotContext) {
@@ -23,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 }) {
@@ -39,6 +40,7 @@ function Select(props) {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   const {
     state: { id, visibleItems, filterText, open, className },
     directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }
@@ -47,7 +49,7 @@ function Select(props) {
   return /* @__PURE__ */ jsxs("div", { ...useDirectives([classDirective, `au-select dropdown border border-1 p-1 mb-3 d-block ${className}`], referenceDirective), children: [
     /* @__PURE__ */ jsxs("div", { ...useDirectives([classDirective, "d-flex align-items-center flex-wrap gap-1"], hasFocusDirective, inputContainerDirective), children: [
       /* @__PURE__ */ jsx(Badges, { slotContext: widgetContext }),
-      /* @__PURE__ */ jsx("input", { value: filterText, ...useDirective(inputDirective), onChange: () => {
+      /* @__PURE__ */ jsx("input", { type: "text", value: filterText, ...useDirective(inputDirective), onChange: () => {
       } })
     ] }),
     open && visibleItems.length > 0 && /* @__PURE__ */ jsx(Rows, { slotContext: widgetContext, menuId })

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

@@ -2,9 +2,10 @@
 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");
 const export_getSelectDefaultConfig = select.getSelectDefaultConfig;
 const export_createSelect = select.createSelect;
 function DefaultBadge(slotContext) {
@@ -24,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 }) {
@@ -40,6 +41,7 @@ function Select(props) {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   const {
     state: { id, visibleItems, filterText, open, className },
     directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }
@@ -48,7 +50,7 @@ function Select(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...directive.useDirectives([directive.classDirective, `au-select dropdown border border-1 p-1 mb-3 d-block ${className}`], referenceDirective), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { ...directive.useDirectives([directive.classDirective, "d-flex align-items-center flex-wrap gap-1"], hasFocusDirective, inputContainerDirective), children: [
       /* @__PURE__ */ jsxRuntime.jsx(Badges, { slotContext: widgetContext }),
-      /* @__PURE__ */ jsxRuntime.jsx("input", { value: filterText, ...directive.useDirective(inputDirective), onChange: () => {
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", value: filterText, ...directive.useDirective(inputDirective), onChange: () => {
       } })
     ] }),
     open && visibleItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Rows, { slotContext: widgetContext, menuId })

package/{slider-BUQne5aJ.cjs → slider-D0knY75x.cjs}

@@ -34,7 +34,7 @@ const CombinedLabel = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { .
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
 ] }) });
 const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, index)),
+  slotContext.state.progressDisplayOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, option.id)),
   /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.clickableAreaDirective) }),
   slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsxRuntime.jsx(MinMaxLabels, { ...slotContext }),
   slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(CombinedLabel, { ...slotContext }),

package/{slider--K7ri_0l.js → slider-UQlY3PHn.js}

@@ -33,7 +33,7 @@ const CombinedLabel = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirect
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
 ] }) });
 const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, index)),
+  slotContext.state.progressDisplayOptions.map((option) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, option.id)),
   /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.clickableAreaDirective) }),
   slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsx(MinMaxLabels, { ...slotContext }),
   slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(CombinedLabel, { ...slotContext }),

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { forwardRef, useImperativeHandle } from "react";
+import { useImperativeHandle } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getToastDefaultConfig, createToast } from "@agnos-ui/core-bootstrap/components/toast";
 const export_getToastDefaultConfig = getToastDefaultConfig;
@@ -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
@@ -29,14 +29,14 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Toast = forwardRef(function Toast2(props, ref) {
+function Toast(props) {
   const widgetContext = useWidgetWithConfig(export_createToast, props, "toast", {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });
-  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(ToastElement, { ...widgetContext }) });
-});
+}
 export {
   ToastDefaultSlotStructure as T,
   Toast as a,