@agnos-ui/react-bootstrap 0.4.3 → 0.5.0-next.0

package/config.gen.d.ts

@@ -1,5 +1,6 @@
 import type { AccordionProps } from './components/accordion';
 import type { AlertProps } from './components/alert';
+import type { CollapseProps } from './components/collapse';
 import type { ModalProps } from './components/modal';
 import type { PaginationProps } from './components/pagination';
 import type { ProgressbarProps } from './components/progressbar';
@@ -16,6 +17,10 @@ export type WidgetsConfig = {
      * the alert widget config
      */
     alert: AlertProps;
+    /**
+     * the collapse widget config
+     */
+    collapse: CollapseProps;
     /**
      * the modal widget config
      */

package/index.cjs

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-CG9yl3xh.cjs");
-const alert = require("./alert-DeQRFTm3.cjs");
-const modal = require("./modal-Cyt40iyH.cjs");
-const pagination = require("./pagination-ChA90-py.cjs");
-const progressbar = require("./progressbar-Fa1PDviu.cjs");
-const rating = require("./rating-D5-3ELHv.cjs");
-const select = require("./select-C4STYCmG.cjs");
-const slider = require("./slider-MNZTN_vu.cjs");
-const toast = require("./toast-BXMjE9E3.cjs");
+const accordion = require("./accordion-CxT3atuW.cjs");
+const alert = require("./alert-LKMMYmg_.cjs");
+const collapse = require("./collapse-BpPYsx89.cjs");
+const modal = require("./modal-DpMvOtL2.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-E1DM85iZ.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");
@@ -30,32 +31,40 @@ const floatingUI = require("@agnos-ui/react-headless/services/floatingUI");
 const extendWidget = require("@agnos-ui/react-headless/services/extendWidget");
 const simpleClassTransition = require("@agnos-ui/react-headless/services/transitions/simpleClassTransition");
 const cssTransitions = require("@agnos-ui/react-headless/services/transitions/cssTransitions");
-const collapse = require("@agnos-ui/react-headless/services/transitions/collapse");
+const collapse$1 = require("@agnos-ui/react-headless/services/transitions/collapse");
 const baseTransitions = require("@agnos-ui/react-headless/services/transitions/baseTransitions");
 const transitions = require("@agnos-ui/core-bootstrap/services/transitions");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
+exports.AccordionItemDefaultSlotStructure = accordion.AccordionItemDefaultSlotStructure;
 exports.createAccordion = accordion.export_createAccordion;
 exports.createAccordionItem = accordion.export_createAccordionItem;
 exports.factoryCreateAccordion = accordion.export_factoryCreateAccordion;
 exports.getAccordionDefaultConfig = accordion.export_getAccordionDefaultConfig;
 exports.Alert = alert.Alert;
+exports.AlertDefaultSlotStructure = alert.AlertDefaultSlotStructure;
 exports.createAlert = alert.export_createAlert;
 exports.getAlertDefaultConfig = alert.export_getAlertDefaultConfig;
+exports.Collapse = collapse.Collapse;
+exports.createCollapse = collapse.export_createCollapse;
+exports.getCollapseDefaultConfig = collapse.export_getCollapseDefaultConfig;
 exports.Modal = modal.Modal;
+exports.ModalDefaultSlotHeader = modal.ModalDefaultSlotHeader;
+exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;
 exports.createModal = modal.export_createModal;
 exports.getModalDefaultConfig = modal.export_getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.export_modalCloseButtonClick;
 exports.modalOutsideClick = modal.export_modalOutsideClick;
 exports.openModal = modal.openModal;
-exports.DefaultPages = pagination.DefaultPages;
-exports.DefaultStructure = pagination.DefaultStructure;
 exports.NavButton = pagination.NavButton;
 exports.PageItem = pagination.PageItem;
 exports.Pagination = pagination.Pagination;
+exports.PaginationDefaultSlotPages = pagination.PaginationDefaultSlotPages;
+exports.PaginationDefaultSlotStructure = pagination.PaginationDefaultSlotStructure;
 exports.createPagination = pagination.export_createPagination;
 exports.getPaginationDefaultConfig = pagination.export_getPaginationDefaultConfig;
 exports.Progressbar = progressbar.Progressbar;
+exports.ProgressbarDefaultSlotStructure = progressbar.ProgressbarDefaultSlotStructure;
 exports.createProgressbar = progressbar.export_createProgressbar;
 exports.getProgressbarDefaultConfig = progressbar.export_getProgressbarDefaultConfig;
 exports.Rating = rating.Rating;
@@ -64,12 +73,13 @@ exports.getRatingDefaultConfig = rating.export_getRatingDefaultConfig;
 exports.Select = select.Select;
 exports.createSelect = select.export_createSelect;
 exports.getSelectDefaultConfig = select.export_getSelectDefaultConfig;
-exports.DefaultSlotHandle = slider.DefaultSlotHandle;
-exports.DefaultSlotStructure = slider.DefaultSlotStructure;
 exports.Slider = slider.Slider;
+exports.SliderDefaultSlotHandle = slider.SliderDefaultSlotHandle;
+exports.SliderDefaultSlotStructure = slider.SliderDefaultSlotStructure;
 exports.createSlider = slider.export_createSlider;
 exports.getSliderDefaultConfig = slider.export_getSliderDefaultConfig;
 exports.Toast = toast.Toast;
+exports.ToastDefaultSlotStructure = toast.ToastDefaultSlotStructure;
 exports.createToast = toast.export_createToast;
 exports.getToastDefaultConfig = toast.export_getToastDefaultConfig;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
@@ -196,10 +206,10 @@ Object.keys(cssTransitions).forEach((k) => {
     get: () => cssTransitions[k]
   });
 });
-Object.keys(collapse).forEach((k) => {
+Object.keys(collapse$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => collapse[k]
+    get: () => collapse$1[k]
   });
 });
 Object.keys(baseTransitions).forEach((k) => {

package/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components/accordion';
 export * from './components/alert';
+export * from './components/collapse';
 export * from './components/modal';
 export * from './components/pagination';
 export * from './components/progressbar';

package/index.js

@@ -1,12 +1,13 @@
-import { a, A, c, b, d, e } from "./accordion-DKdL2Sr3.js";
-import { A as A2, a as a2, e as e2 } from "./alert-0W1n8ahW.js";
-import { M, a as a3, e as e3, c as c2, b as b2, o } from "./modal-qidZ4ghL.js";
-import { D, a as a4, N, P, b as b3, c as c3, e as e4 } from "./pagination-BDq1dOoH.js";
-import { P as P2, a as a5, e as e5 } from "./progressbar-B0keLNtE.js";
-import { R, a as a6, e as e6 } from "./rating-CWOEBPWs.js";
-import { S, a as a7, e as e7 } from "./select-DmgOBdqs.js";
-import { D as D2, a as a8, S as S2, b as b4, e as e8 } from "./slider-CxodlRoZ.js";
-import { T, a as a9, e as e9 } from "./toast-3amUxqw1.js";
+import { b, a, A, d, c, f, e } from "./accordion-BX1iR5BO.js";
+import { a as a2, A as A2, b as b2, e as e2 } from "./alert-D1FXDsJn.js";
+import { C, a as a3, e as e3 } from "./collapse-DhsL8j2h.js";
+import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-CWuYx5n5.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-Dgfv5S_p.js";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/react-headless/slot";
 export * from "@agnos-ui/react-headless/config";
@@ -32,45 +33,54 @@ export * from "@agnos-ui/react-headless/services/transitions/collapse";
 export * from "@agnos-ui/react-headless/services/transitions/baseTransitions";
 export * from "@agnos-ui/core-bootstrap/services/transitions";
 export {
-  a as Accordion,
-  A as AccordionItem,
-  A2 as Alert,
-  D as DefaultPages,
-  D2 as DefaultSlotHandle,
-  a8 as DefaultSlotStructure,
-  a4 as DefaultStructure,
-  M as Modal,
+  b as Accordion,
+  a as AccordionItem,
+  A as AccordionItemDefaultSlotStructure,
+  a2 as Alert,
+  A2 as AlertDefaultSlotStructure,
+  C as Collapse,
+  b3 as Modal,
+  M as ModalDefaultSlotHeader,
+  a4 as ModalDefaultSlotStructure,
   N as NavButton,
   P as PageItem,
-  b3 as Pagination,
-  P2 as Progressbar,
+  c3 as Pagination,
+  a5 as PaginationDefaultSlotPages,
+  b4 as PaginationDefaultSlotStructure,
+  a6 as Progressbar,
+  P2 as ProgressbarDefaultSlotStructure,
   R as Rating,
   S as Select,
-  S2 as Slider,
-  T as Toast,
+  b6 as Slider,
+  S2 as SliderDefaultSlotHandle,
+  a9 as SliderDefaultSlotStructure,
+  a10 as Toast,
+  T as ToastDefaultSlotStructure,
   WidgetsDefaultConfig,
-  c as createAccordion,
-  b as createAccordionItem,
-  a2 as createAlert,
-  a3 as createModal,
-  c3 as createPagination,
-  a5 as createProgressbar,
-  a6 as createRating,
-  a7 as createSelect,
-  b4 as createSlider,
-  a9 as createToast,
-  d as factoryCreateAccordion,
+  d as createAccordion,
+  c as createAccordionItem,
+  b2 as createAlert,
+  a3 as createCollapse,
+  c2 as createModal,
+  d3 as createPagination,
+  b5 as createProgressbar,
+  a7 as createRating,
+  a8 as createSelect,
+  c4 as createSlider,
+  b7 as createToast,
+  f as factoryCreateAccordion,
   e as getAccordionDefaultConfig,
   e2 as getAlertDefaultConfig,
-  e3 as getModalDefaultConfig,
-  e4 as getPaginationDefaultConfig,
-  e5 as getProgressbarDefaultConfig,
-  e6 as getRatingDefaultConfig,
-  e7 as getSelectDefaultConfig,
-  e8 as getSliderDefaultConfig,
-  e9 as getToastDefaultConfig,
-  c2 as modalCloseButtonClick,
-  b2 as modalOutsideClick,
+  e3 as getCollapseDefaultConfig,
+  e4 as getModalDefaultConfig,
+  e5 as getPaginationDefaultConfig,
+  e6 as getProgressbarDefaultConfig,
+  e7 as getRatingDefaultConfig,
+  e8 as getSelectDefaultConfig,
+  e9 as getSliderDefaultConfig,
+  e10 as getToastDefaultConfig,
+  f2 as modalCloseButtonClick,
+  d2 as modalOutsideClick,
   o as openModal,
   useWidgetContext,
   useWidgetWithConfig,

package/{modal-qidZ4ghL.js → modal-CWuYx5n5.js}

@@ -1,7 +1,6 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
-import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
+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";
@@ -13,36 +12,29 @@ const export_createModal = createModal;
 const export_modalOutsideClick = modalOutsideClick;
 const export_modalCloseButtonClick = modalCloseButtonClick;
 const CloseButton = ({ directive }) => /* @__PURE__ */ jsx("button", { className: "btn-close", ...useDirective(directive) });
-const DefaultSlotHeader = (slotContext) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
-    slotContext.state.closeButton && /* @__PURE__ */ jsx(CloseButton, { directive: slotContext.widget.directives.closeButtonDirective })
-  ] });
-};
-const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+const ModalDefaultSlotHeader = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
+  slotContext.state.closeButton && /* @__PURE__ */ jsx(CloseButton, { directive: slotContext.directives.closeButtonDirective })
+] });
+const ModalDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
   slotContext.state.title && /* @__PURE__ */ jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
   /* @__PURE__ */ jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
   slotContext.state.footer && /* @__PURE__ */ jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.footer, props: slotContext }) })
 ] });
-const defaultConfig = {
-  header: DefaultSlotHeader,
-  structure: DefaultSlotStructure
-};
-const BackdropElement = ({ widget }) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal-backdrop"], widget.directives.backdropDirective) });
+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.widget.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: classNames("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) {
-  const [state, widget] = useWidgetWithConfig(export_createModal, props, "modal", defaultConfig);
-  useImperativeHandle(ref, () => widget.api, []);
-  const slotContext = {
-    state,
-    widget: toSlotContextWidget(widget)
-  };
-  return /* @__PURE__ */ jsxs(Portal, { container: state.container, children: [
-    !state.backdropHidden && /* @__PURE__ */ jsx(BackdropElement, { ...slotContext }),
-    !state.hidden && /* @__PURE__ */ jsx(ModalElement, { ...slotContext })
+  const widgetContext = useWidgetWithConfig(export_createModal, props, "modal", {
+    header: ModalDefaultSlotHeader,
+    structure: ModalDefaultSlotStructure
+  });
+  useImperativeHandle(ref, () => 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) {
@@ -57,10 +49,12 @@ async function openModal(options) {
   }
 }
 export {
-  Modal as M,
-  export_createModal as a,
-  export_modalOutsideClick as b,
-  export_modalCloseButtonClick as c,
+  ModalDefaultSlotHeader as M,
+  ModalDefaultSlotStructure as a,
+  Modal as b,
+  export_createModal as c,
+  export_modalOutsideClick as d,
   export_getModalDefaultConfig as e,
+  export_modalCloseButtonClick as f,
   openModal as o
 };

package/{modal-Cyt40iyH.cjs → modal-DpMvOtL2.cjs}

@@ -1,7 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const slot = require("@agnos-ui/react-headless/slot");
-const types = require("@agnos-ui/react-headless/types");
 const directive = require("@agnos-ui/react-headless/utils/directive");
 const portal = require("@agnos-ui/react-headless/utils/portal");
 const classNames = require("classnames");
@@ -14,36 +13,29 @@ const export_createModal = modal.createModal;
 const export_modalOutsideClick = modal.modalOutsideClick;
 const export_modalCloseButtonClick = modal.modalCloseButtonClick;
 const CloseButton = ({ directive: directive$1 }) => /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...directive.useDirective(directive$1) });
-const DefaultSlotHeader = (slotContext) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
-    slotContext.state.closeButton && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { directive: slotContext.widget.directives.closeButtonDirective })
-  ] });
-};
-const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+const ModalDefaultSlotHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
+  slotContext.state.closeButton && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { directive: slotContext.directives.closeButtonDirective })
+] });
+const ModalDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
   slotContext.state.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
   slotContext.state.footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.footer, props: slotContext }) })
 ] });
-const defaultConfig = {
-  header: DefaultSlotHeader,
-  structure: DefaultSlotStructure
-};
-const BackdropElement = ({ widget }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal-backdrop"], widget.directives.backdropDirective) });
+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.widget.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: 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 }) }) }) });
 };
 const Modal = React.forwardRef(function Modal2(props, ref) {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_createModal, props, "modal", defaultConfig);
-  React.useImperativeHandle(ref, () => widget.api, []);
-  const slotContext = {
-    state,
-    widget: types.toSlotContextWidget(widget)
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(portal.Portal, { container: state.container, children: [
-    !state.backdropHidden && /* @__PURE__ */ jsxRuntime.jsx(BackdropElement, { ...slotContext }),
-    !state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ModalElement, { ...slotContext })
+  const widgetContext = generated_config.useWidgetWithConfig(export_createModal, props, "modal", {
+    header: ModalDefaultSlotHeader,
+    structure: ModalDefaultSlotStructure
+  });
+  React.useImperativeHandle(ref, () => 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) {
@@ -58,6 +50,8 @@ async function openModal(options) {
   }
 }
 exports.Modal = Modal;
+exports.ModalDefaultSlotHeader = ModalDefaultSlotHeader;
+exports.ModalDefaultSlotStructure = ModalDefaultSlotStructure;
 exports.export_createModal = export_createModal;
 exports.export_getModalDefaultConfig = export_getModalDefaultConfig;
 exports.export_modalCloseButtonClick = export_modalCloseButtonClick;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
-	"description": "Bootstrap-based widget library for React.",
-	"version": "0.4.3",
+	"description": "Bootstrap-based component library for React.",
+	"version": "0.5.0-next.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,8 +49,8 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.4.3",
-		"@agnos-ui/react-headless": "0.4.3",
+		"@agnos-ui/core-bootstrap": "0.5.0-next.0",
+		"@agnos-ui/react-headless": "0.5.0-next.0",
 		"classnames": "^2.5.1"
 	},
 	"peerDependencies": {
@@ -59,7 +59,7 @@
 		"react-dom": "^18.3.1"
 	},
 	"sideEffects": false,
-	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
+	"homepage": "https://www.agnosui.dev/latest/",
 	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
 	"license": "MIT",
 	"repository": {
@@ -73,6 +73,7 @@
 		"accordion",
 		"AgnosUI",
 		"alert",
+		"collapse",
 		"components",
 		"modal",
 		"pagination",

package/{pagination-BDq1dOoH.js → pagination-5jlJWfFj.js}

@@ -1,6 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import classNames from "classnames";
 import { useWidgetWithConfig } from "./generated/config.js";
 import * as React from "react";
@@ -21,8 +20,8 @@ const NavButton = React.forwardRef(({ disabled, className, children, directive }
 NavButton.displayName = "NavButton";
 const export_getPaginationDefaultConfig = getPaginationDefaultConfig;
 const export_createPagination = createPagination;
-function DefaultPages(slotContext) {
-  const { widget, state } = slotContext;
+const PaginationDefaultSlotPages = (slotContext) => {
+  const { state, directives } = slotContext;
   const jsxPages = [];
   for (let i = 0; i < state.pages.length; i++) {
     if (state.pages[i] === -1) {
@@ -40,7 +39,7 @@ function DefaultPages(slotContext) {
             disabled: state.disabled,
             active: state.pages[i] === state.page,
             activeLabel: state.activeLabel,
-            directive: widget.directives["pageLink"],
+            directive: directives["pageLink"],
             page: state.pages[i],
             children: /* @__PURE__ */ jsx(Slot, { slotContent: state.numberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
           },
@@ -50,33 +49,29 @@ function DefaultPages(slotContext) {
     }
   }
   return jsxPages.length ? /* @__PURE__ */ jsx(Fragment, { children: jsxPages }) : null;
-}
-const defaultConfig = {
-  pagesDisplay: DefaultPages,
-  structure: DefaultStructure
 };
-function DefaultStructure(slotContext) {
-  const { widget, state } = slotContext;
+const PaginationDefaultSlotStructure = (slotContext) => {
+  const { state, directives } = slotContext;
   const ItemsBefore = [];
   const ItemsAfter = [];
   if (state.boundaryLinks) {
     ItemsBefore.push(
-      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.firstPageLabel, props: slotContext }) }, "first")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: directives.pageFirst, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.firstPageLabel, props: slotContext }) }, "first")
     );
   }
   if (state.directionLinks) {
     ItemsBefore.push(
-      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.previousPageLabel, props: slotContext }) }, "prev")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: directives.pagePrev, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.previousPageLabel, props: slotContext }) }, "prev")
     );
   }
   if (state.directionLinks) {
     ItemsAfter.push(
-      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.nextPageLabel, props: slotContext }) }, "next")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: directives.pageNext, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.nextPageLabel, props: slotContext }) }, "next")
     );
   }
   if (state.boundaryLinks) {
     ItemsAfter.push(
-      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: directives["pageLast"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
     );
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -87,18 +82,20 @@ function DefaultStructure(slotContext) {
     ] }),
     /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
   ] });
-}
+};
 function Pagination(props) {
-  const [state, widget] = useWidgetWithConfig(export_createPagination, props, "pagination", defaultConfig);
-  const slotContext = { state, widget: toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
+  const widgetContext = useWidgetWithConfig(export_createPagination, props, "pagination", {
+    pagesDisplay: PaginationDefaultSlotPages,
+    structure: PaginationDefaultSlotStructure
+  });
+  return /* @__PURE__ */ jsx("nav", { "aria-label": widgetContext.state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
 export {
-  DefaultPages as D,
   NavButton as N,
   PageItem as P,
-  DefaultStructure as a,
-  Pagination as b,
-  export_createPagination as c,
+  PaginationDefaultSlotPages as a,
+  PaginationDefaultSlotStructure as b,
+  Pagination as c,
+  export_createPagination as d,
   export_getPaginationDefaultConfig as e
 };

package/{pagination-ChA90-py.cjs → pagination-b4pKj3Kx.cjs}

@@ -1,7 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const slot = require("@agnos-ui/react-headless/slot");
-const types = require("@agnos-ui/react-headless/types");
 const classNames = require("classnames");
 const generated_config = require("./generated/config.cjs");
 const React = require("react");
@@ -39,8 +38,8 @@ const NavButton = React__namespace.forwardRef(({ disabled, className, children,
 NavButton.displayName = "NavButton";
 const export_getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
 const export_createPagination = pagination.createPagination;
-function DefaultPages(slotContext) {
-  const { widget, state } = slotContext;
+const PaginationDefaultSlotPages = (slotContext) => {
+  const { state, directives } = slotContext;
   const jsxPages = [];
   for (let i = 0; i < state.pages.length; i++) {
     if (state.pages[i] === -1) {
@@ -58,7 +57,7 @@ function DefaultPages(slotContext) {
             disabled: state.disabled,
             active: state.pages[i] === state.page,
             activeLabel: state.activeLabel,
-            directive: widget.directives["pageLink"],
+            directive: directives["pageLink"],
             page: state.pages[i],
             children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.numberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
           },
@@ -68,33 +67,29 @@ function DefaultPages(slotContext) {
     }
   }
   return jsxPages.length ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxPages }) : null;
-}
-const defaultConfig = {
-  pagesDisplay: DefaultPages,
-  structure: DefaultStructure
 };
-function DefaultStructure(slotContext) {
-  const { widget, state } = slotContext;
+const PaginationDefaultSlotStructure = (slotContext) => {
+  const { state, directives } = slotContext;
   const ItemsBefore = [];
   const ItemsAfter = [];
   if (state.boundaryLinks) {
     ItemsBefore.push(
-      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.firstPageLabel, props: slotContext }) }, "first")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: directives.pageFirst, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.firstPageLabel, props: slotContext }) }, "first")
     );
   }
   if (state.directionLinks) {
     ItemsBefore.push(
-      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pagePrev"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.previousPageLabel, props: slotContext }) }, "prev")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: directives.pagePrev, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.previousPageLabel, props: slotContext }) }, "prev")
     );
   }
   if (state.directionLinks) {
     ItemsAfter.push(
-      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageNext"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.nextPageLabel, props: slotContext }) }, "next")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: directives.pageNext, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.nextPageLabel, props: slotContext }) }, "next")
     );
   }
   if (state.boundaryLinks) {
     ItemsAfter.push(
-      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: directives["pageLast"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -105,16 +100,18 @@ function DefaultStructure(slotContext) {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
   ] });
-}
+};
 function Pagination(props) {
-  const [state, widget] = generated_config.useWidgetWithConfig(export_createPagination, props, "pagination", defaultConfig);
-  const slotContext = { state, widget: types.toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
+  const widgetContext = generated_config.useWidgetWithConfig(export_createPagination, props, "pagination", {
+    pagesDisplay: PaginationDefaultSlotPages,
+    structure: PaginationDefaultSlotStructure
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": widgetContext.state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
-exports.DefaultPages = DefaultPages;
-exports.DefaultStructure = DefaultStructure;
 exports.NavButton = NavButton;
 exports.PageItem = PageItem;
 exports.Pagination = Pagination;
+exports.PaginationDefaultSlotPages = PaginationDefaultSlotPages;
+exports.PaginationDefaultSlotStructure = PaginationDefaultSlotStructure;
 exports.export_createPagination = export_createPagination;
 exports.export_getPaginationDefaultConfig = export_getPaginationDefaultConfig;