@agnos-ui/react-bootstrap 0.3.1 → 0.4.0-next.1

package/index.js

@@ -1,21 +1,13 @@
-import { a, A, c } from "./accordion-Bpx0new2.js";
-import { A as A2, c as c2 } from "./alert-DWq65Emo.js";
-import { M, c as c3, o } from "./modal-B6rJgzVm.js";
-import { D, a as a2, N, b, P, c as c4 } from "./pagination-X2bugeX-.js";
-import { P as P2, c as c5 } from "./progressbar-D1-6Dzrf.js";
-import { R, c as c6 } from "./rating-Cvad2Z2H.js";
-import { S, c as c7 } from "./select-B_Thv-qd.js";
-import { D as D2, a as a3, S as S2, c as c8 } from "./slider-DLdA-y4u.js";
-import { T, c as c9 } from "./toast-BUiyh5r_.js";
-export * from "@agnos-ui/core-bootstrap/components/accordion";
-export * from "@agnos-ui/core-bootstrap/components/alert";
-export * from "@agnos-ui/core-bootstrap/components/modal";
-export * from "@agnos-ui/core-bootstrap/components/pagination";
-export * from "@agnos-ui/core-bootstrap/components/progressbar";
-export * from "@agnos-ui/react-headless/components/rating";
-export * from "@agnos-ui/core-bootstrap/components/select";
-export * from "@agnos-ui/core-bootstrap/components/slider";
-export * from "@agnos-ui/core-bootstrap/components/toast";
+import { b, A, c, a, g } from "./accordion-CMbgQzoG.js";
+import { A as A2, c as c2, g as g2 } from "./alert-DKl7HLhb.js";
+import { M, c as c3, g as g3, o } from "./modal-BJy1upw0.js";
+import { D, a as a2, N, b as b2, P, c as c4, g as g4 } from "./pagination-B76wbKhG.js";
+import { P as P2, c as c5, g as g5 } from "./progressbar-UDs4TPtQ.js";
+import { R, c as c6, g as g6 } from "./rating-DRAx20tg.js";
+import { S, c as c7, g as g7 } from "./select-CEXxOyRB.js";
+import { D as D2, a as a3, S as S2, c as c8, g as g8 } from "./slider-CnK847iw.js";
+import { T, c as c9, g as g9 } from "./toast-Bvz7Uyrd.js";
+import { modalCloseButtonClick, modalOutsideClick } from "@agnos-ui/react-headless/components/modal";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/react-headless/slot";
 export * from "@agnos-ui/react-headless/config";
@@ -41,7 +33,7 @@ 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,
+  b as Accordion,
   A as AccordionItem,
   A2 as Alert,
   D as DefaultPages,
@@ -50,7 +42,7 @@ export {
   a2 as DefaultStructure,
   M as Modal,
   N as NavButton,
-  b as PageItem,
+  b2 as PageItem,
   P as Pagination,
   P2 as Progressbar,
   R as Rating,
@@ -59,6 +51,7 @@ export {
   T as Toast,
   WidgetsDefaultConfig,
   c as createAccordion,
+  a as createAccordionItem,
   c2 as createAlert,
   c3 as createModal,
   c4 as createPagination,
@@ -67,6 +60,17 @@ export {
   c7 as createSelect,
   c8 as createSlider,
   c9 as createToast,
+  g as getAccordionDefaultConfig,
+  g2 as getAlertDefaultConfig,
+  g3 as getModalDefaultConfig,
+  g4 as getPaginationDefaultConfig,
+  g5 as getProgressbarDefaultConfig,
+  g6 as getRatingDefaultConfig,
+  g7 as getSelectDefaultConfig,
+  g8 as getSliderDefaultConfig,
+  g9 as getToastDefaultConfig,
+  modalCloseButtonClick,
+  modalOutsideClick,
   o as openModal,
   useWidgetContext,
   useWidgetWithConfig,

package/{modal-2qAV4Hjl.cjs → modal-1m6cSYmZ.cjs}

@@ -9,30 +9,32 @@ const ReactDOM = require("react-dom/client");
 const React = require("react");
 const modal = require("@agnos-ui/core-bootstrap/components/modal");
 const classNames = require("classnames");
+require("@agnos-ui/react-headless/components/modal");
 const createModal = modal.createModal;
+const getModalDefaultConfig = modal.getModalDefaultConfig;
+const CloseButton = ({ directive: directive$1 }) => /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...directive.useDirective(directive$1) });
 const DefaultSlotHeader = (slotContext) => {
-  const refCloseButton = directive.useDirective(slotContext.widget.directives.closeButtonDirective);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotTitle, props: slotContext }) }),
-    slotContext.state.closeButton && /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...refCloseButton })
+    /* @__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: [
-  slotContext.state.slotTitle && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotHeader, props: slotContext }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }),
-  slotContext.state.slotFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotFooter, props: slotContext }) })
+  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 = {
-  slotHeader: DefaultSlotHeader,
-  slotStructure: DefaultSlotStructure
+  header: DefaultSlotHeader,
+  structure: DefaultSlotStructure
 };
 const BackdropElement = ({ widget }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal-backdrop"], widget.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.slotStructure, props: slotContext }) }) }) });
+  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 }) }) }) });
 };
 const Modal = React.forwardRef(function Modal2(props, ref) {
-  const [state, widget] = generated_config.useWidgetWithConfig(createModal, props, "modal", { ...defaultConfig, slotDefault: props.children });
+  const [state, widget] = generated_config.useWidgetWithConfig(createModal, props, "modal", defaultConfig);
   React.useImperativeHandle(ref, () => widget.api, []);
   const slotContext = {
     state,
@@ -56,4 +58,5 @@ async function openModal(options) {
 }
 exports.Modal = Modal;
 exports.createModal = createModal;
+exports.getModalDefaultConfig = getModalDefaultConfig;
 exports.openModal = openModal;

package/{modal-B6rJgzVm.js → modal-BJy1upw0.js}

@@ -6,32 +6,34 @@ import { useWidgetWithConfig } from "./generated/config.js";
 import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
 import ReactDOM from "react-dom/client";
 import { forwardRef, useImperativeHandle } from "react";
-import { createModal as createModal$1 } from "@agnos-ui/core-bootstrap/components/modal";
+import { createModal as createModal$1, getModalDefaultConfig as getModalDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/modal";
 import classNames from "classnames";
+import "@agnos-ui/react-headless/components/modal";
 const createModal = createModal$1;
+const getModalDefaultConfig = getModalDefaultConfig$1;
+const CloseButton = ({ directive }) => /* @__PURE__ */ jsx("button", { className: "btn-close", ...useDirective(directive) });
 const DefaultSlotHeader = (slotContext) => {
-  const refCloseButton = useDirective(slotContext.widget.directives.closeButtonDirective);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotTitle, props: slotContext }) }),
-    slotContext.state.closeButton && /* @__PURE__ */ jsx("button", { className: "btn-close", ...refCloseButton })
+    /* @__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: [
-  slotContext.state.slotTitle && /* @__PURE__ */ jsx("div", { className: "modal-header", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotHeader, props: slotContext }) }),
-  /* @__PURE__ */ jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }),
-  slotContext.state.slotFooter && /* @__PURE__ */ jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotFooter, props: slotContext }) })
+  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 = {
-  slotHeader: DefaultSlotHeader,
-  slotStructure: DefaultSlotStructure
+  header: DefaultSlotHeader,
+  structure: DefaultSlotStructure
 };
 const BackdropElement = ({ widget }) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal-backdrop"], widget.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.slotStructure, props: slotContext }) }) }) });
+  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 }) }) }) });
 };
 const Modal = forwardRef(function Modal2(props, ref) {
-  const [state, widget] = useWidgetWithConfig(createModal, props, "modal", { ...defaultConfig, slotDefault: props.children });
+  const [state, widget] = useWidgetWithConfig(createModal, props, "modal", defaultConfig);
   useImperativeHandle(ref, () => widget.api, []);
   const slotContext = {
     state,
@@ -56,5 +58,6 @@ async function openModal(options) {
 export {
   Modal as M,
   createModal as c,
+  getModalDefaultConfig as g,
   openModal as o
 };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based widget library for React.",
-	"version": "0.3.1",
+	"version": "0.4.0-next.1",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,14 +49,14 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.3.1",
-		"@agnos-ui/react-headless": "0.3.1",
+		"@agnos-ui/core-bootstrap": "0.4.0-next.1",
+		"@agnos-ui/react-headless": "0.4.0-next.1",
 		"classnames": "^2.5.1"
 	},
 	"peerDependencies": {
-		"@amadeus-it-group/tansu": "*",
-		"react": "*",
-		"react-dom": "*"
+		"@amadeus-it-group/tansu": "^1.0.0",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
 	},
 	"sideEffects": false,
 	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",

package/{pagination-X2bugeX-.js → pagination-B76wbKhG.js}

@@ -5,7 +5,7 @@ import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import classNames from "classnames";
 import * as React from "react";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { createPagination as createPagination$1 } from "@agnos-ui/core-bootstrap/components/pagination";
+import { createPagination as createPagination$1, getPaginationDefaultConfig as getPaginationDefaultConfig$1 } 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: [
@@ -20,6 +20,7 @@ const NavButton = React.forwardRef(({ disabled, className, children, directive }
 });
 NavButton.displayName = "NavButton";
 const createPagination = createPagination$1;
+const getPaginationDefaultConfig = getPaginationDefaultConfig$1;
 function DefaultPages(slotContext) {
   const { widget, state } = slotContext;
   const jsxPages = [];
@@ -27,7 +28,7 @@ function DefaultPages(slotContext) {
     if (state.pages[i] === -1) {
       jsxPages.push(
         /* @__PURE__ */ jsxs("li", { className: "page-item disabled", children: [
-          /* @__PURE__ */ jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotEllipsis, props: slotContext }) }),
+          /* @__PURE__ */ jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Slot, { slotContent: state.ellipsisLabel, props: slotContext }) }),
           /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: state.ariaEllipsisLabel })
         ] }, "Ellipsis" + i)
       );
@@ -41,7 +42,7 @@ function DefaultPages(slotContext) {
             activeLabel: state.activeLabel,
             directive: widget.directives["pageLink"],
             page: state.pages[i],
-            children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotNumberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
+            children: /* @__PURE__ */ jsx(Slot, { slotContent: state.numberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
           },
           state.pages[i]
         )
@@ -51,8 +52,8 @@ function DefaultPages(slotContext) {
   return jsxPages.length ? /* @__PURE__ */ jsx(Fragment, { children: jsxPages }) : null;
 }
 const defaultConfig = {
-  slotPages: DefaultPages,
-  slotStructure: DefaultStructure
+  pagesDisplay: DefaultPages,
+  structure: DefaultStructure
 };
 function DefaultStructure(slotContext) {
   const { widget, state } = slotContext;
@@ -60,28 +61,28 @@ function DefaultStructure(slotContext) {
   const ItemsAfter = [];
   if (state.boundaryLinks) {
     ItemsBefore.push(
-      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.directives["pageFirst"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotFirst, props: slotContext }) }, "first")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.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.slotPrevious, props: slotContext }) }, "prev")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.previousDisabled, directive: widget.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.slotNext, props: slotContext }) }, "next")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.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.slotLast, props: slotContext }) }, "last")
+      /* @__PURE__ */ jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsx(Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
     );
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("ul", { className: classNames("au-pagination", "pagination", state.size ? `pagination-${state.size}` : "", state.className), children: [
+    /* @__PURE__ */ jsxs("ul", { className: classNames("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
       ItemsBefore,
-      /* @__PURE__ */ jsx(Slot, { slotContent: state.slotPages, props: slotContext }),
+      /* @__PURE__ */ jsx(Slot, { slotContent: state.pagesDisplay, props: slotContext }),
       ItemsAfter
     ] }),
     /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
@@ -90,7 +91,7 @@ function DefaultStructure(slotContext) {
 function Pagination(props) {
   const [state, widget] = useWidgetWithConfig(createPagination, props, "pagination", defaultConfig);
   const slotContext = { state, widget: toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
 }
 export {
   DefaultPages as D,
@@ -98,5 +99,6 @@ export {
   Pagination as P,
   DefaultStructure as a,
   PageItem as b,
-  createPagination as c
+  createPagination as c,
+  getPaginationDefaultConfig as g
 };

package/{pagination-CKUbq-OI.cjs → pagination-DeZ2Eb3e.cjs}

@@ -38,6 +38,7 @@ const NavButton = React__namespace.forwardRef(({ disabled, className, children,
 });
 NavButton.displayName = "NavButton";
 const createPagination = pagination.createPagination;
+const getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
 function DefaultPages(slotContext) {
   const { widget, state } = slotContext;
   const jsxPages = [];
@@ -45,7 +46,7 @@ function DefaultPages(slotContext) {
     if (state.pages[i] === -1) {
       jsxPages.push(
         /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "page-item disabled", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotEllipsis, props: slotContext }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "page-link au-ellipsis", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.ellipsisLabel, props: slotContext }) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "visually-hidden", children: state.ariaEllipsisLabel })
         ] }, "Ellipsis" + i)
       );
@@ -59,7 +60,7 @@ function DefaultPages(slotContext) {
             activeLabel: state.activeLabel,
             directive: widget.directives["pageLink"],
             page: state.pages[i],
-            children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotNumberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
+            children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.numberLabel, props: { ...slotContext, displayedPage: state.pages[i] } })
           },
           state.pages[i]
         )
@@ -69,8 +70,8 @@ function DefaultPages(slotContext) {
   return jsxPages.length ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxPages }) : null;
 }
 const defaultConfig = {
-  slotPages: DefaultPages,
-  slotStructure: DefaultStructure
+  pagesDisplay: DefaultPages,
+  structure: DefaultStructure
 };
 function DefaultStructure(slotContext) {
   const { widget, state } = slotContext;
@@ -78,28 +79,28 @@ function DefaultStructure(slotContext) {
   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.slotFirst, props: slotContext }) }, "first")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.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.slotPrevious, props: slotContext }) }, "prev")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.previousDisabled, directive: widget.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.slotNext, props: slotContext }) }, "next")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.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.slotLast, props: slotContext }) }, "last")
+      /* @__PURE__ */ jsxRuntime.jsx(NavButton, { disabled: state.nextDisabled, directive: widget.directives["pageLast"], children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.lastPageLabel, props: slotContext }) }, "last")
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: classNames("au-pagination", "pagination", state.size ? `pagination-${state.size}` : "", state.className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: classNames("au-pagination", "pagination", { [`pagination-${state.size}`]: !!state.size }, state.className), children: [
       ItemsBefore,
-      /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotPages, props: slotContext }),
+      /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.pagesDisplay, props: slotContext }),
       ItemsAfter
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
@@ -108,7 +109,7 @@ function DefaultStructure(slotContext) {
 function Pagination(props) {
   const [state, widget] = generated_config.useWidgetWithConfig(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.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
 }
 exports.DefaultPages = DefaultPages;
 exports.DefaultStructure = DefaultStructure;
@@ -116,3 +117,4 @@ exports.NavButton = NavButton;
 exports.PageItem = PageItem;
 exports.Pagination = Pagination;
 exports.createPagination = createPagination;
+exports.getPaginationDefaultConfig = getPaginationDefaultConfig;

package/{progressbar-D-yo9AHH.cjs → progressbar-DKshX5DJ.cjs}

@@ -7,18 +7,20 @@ const directive = require("@agnos-ui/react-headless/utils/directive");
 const classNames = require("classnames");
 const progressbar = require("@agnos-ui/core-bootstrap/components/progressbar");
 const createProgressbar = progressbar.createProgressbar;
+const getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
 function DefaultSlotContent(slotContext) {
   const { striped, animated, type } = slotContext.state;
   const classes = classNames("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.slotDefault, props: slotContext }) }) });
+  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 defaultConfig = {
-  slotStructure: DefaultSlotContent
+  structure: DefaultSlotContent
 };
 const Progressbar = (props) => {
-  const [state, widget] = generated_config.useWidgetWithConfig(createProgressbar, props, "progressbar", { ...defaultConfig, slotDefault: props.children });
+  const [state, widget] = generated_config.useWidgetWithConfig(createProgressbar, props, "progressbar", defaultConfig);
   const slotContext = { state, widget: types.toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
 };
 exports.Progressbar = Progressbar;
 exports.createProgressbar = createProgressbar;
+exports.getProgressbarDefaultConfig = getProgressbarDefaultConfig;

package/{progressbar-D1-6Dzrf.js → progressbar-UDs4TPtQ.js}

@@ -4,22 +4,24 @@ import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import classNames from "classnames";
-import { createProgressbar as createProgressbar$1 } from "@agnos-ui/core-bootstrap/components/progressbar";
+import { createProgressbar as createProgressbar$1, getProgressbarDefaultConfig as getProgressbarDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/progressbar";
 const createProgressbar = createProgressbar$1;
+const getProgressbarDefaultConfig = getProgressbarDefaultConfig$1;
 function DefaultSlotContent(slotContext) {
   const { striped, animated, type } = slotContext.state;
   const classes = classNames("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.slotDefault, props: slotContext }) }) });
+  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 defaultConfig = {
-  slotStructure: DefaultSlotContent
+  structure: DefaultSlotContent
 };
 const Progressbar = (props) => {
-  const [state, widget] = useWidgetWithConfig(createProgressbar, props, "progressbar", { ...defaultConfig, slotDefault: props.children });
+  const [state, widget] = useWidgetWithConfig(createProgressbar, props, "progressbar", defaultConfig);
   const slotContext = { state, widget: toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.ariaDirective), className: state.className || void 0, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
 };
 export {
   Progressbar as P,
-  createProgressbar as c
+  createProgressbar as c,
+  getProgressbarDefaultConfig as g
 };

package/{rating-D2Ajh4vg.cjs → rating-DB4Ze-r4.cjs}

@@ -5,8 +5,8 @@ const generated_config = require("./generated/config.cjs");
 const directive = require("@agnos-ui/react-headless/utils/directive");
 const React = require("react");
 const rating = require("@agnos-ui/core-bootstrap/components/rating");
-require("@agnos-ui/react-headless/components/rating");
 const createRating = rating.createRating;
+const getRatingDefaultConfig = rating.getRatingDefaultConfig;
 function Star({ star, state, directive: directive$1 }) {
   const arg = { index: star.index };
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
@@ -15,7 +15,7 @@ function Star({ star, state, directive: directive$1 }) {
       star.index < state.visibleRating ? "*" : " ",
       ")"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, arg), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStar, props: star }) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, arg), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
 function Rating(props) {
@@ -27,3 +27,4 @@ function Rating(props) {
 }
 exports.Rating = Rating;
 exports.createRating = createRating;
+exports.getRatingDefaultConfig = getRatingDefaultConfig;

package/{rating-Cvad2Z2H.js → rating-DRAx20tg.js}

@@ -3,9 +3,9 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
 import React__default from "react";
-import { createRating as createRating$1 } from "@agnos-ui/core-bootstrap/components/rating";
-import "@agnos-ui/react-headless/components/rating";
+import { createRating as createRating$1, getRatingDefaultConfig as getRatingDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/rating";
 const createRating = createRating$1;
+const getRatingDefaultConfig = getRatingDefaultConfig$1;
 function Star({ star, state, directive }) {
   const arg = { index: star.index };
   return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
@@ -14,7 +14,7 @@ function Star({ star, state, directive }) {
       star.index < state.visibleRating ? "*" : " ",
       ")"
     ] }),
-    /* @__PURE__ */ jsx("span", { ...useDirective(directive, arg), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStar, props: star }) })
+    /* @__PURE__ */ jsx("span", { ...useDirective(directive, arg), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
 function Rating(props) {
@@ -26,5 +26,6 @@ function Rating(props) {
 }
 export {
   Rating as R,
-  createRating as c
+  createRating as c,
+  getRatingDefaultConfig as g
 };

package/{select-B_Thv-qd.js → select-CEXxOyRB.js}

@@ -1,11 +1,12 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { createSelect as createSelect$1 } from "@agnos-ui/core-bootstrap/components/select";
+import { createSelect as createSelect$1, getSelectDefaultConfig as getSelectDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/select";
 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 classNames from "classnames";
 import { useWidgetWithConfig } from "./generated/config.js";
 const createSelect = createSelect$1;
+const getSelectDefaultConfig = getSelectDefaultConfig$1;
 function DefaultBadge(slotContext) {
   return /* @__PURE__ */ jsx(Fragment, { children: "" + slotContext.itemContext.item });
 }
@@ -13,7 +14,7 @@ function DefaultItem(slotContext) {
   return /* @__PURE__ */ jsx(Fragment, { children: "" + slotContext.itemContext.item });
 }
 function BadgeContainer({ itemContext, slotContext }) {
-  return /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotBadgeLabel, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.badgeLabel, props: { ...slotContext, itemContext } }) });
 }
 function Badges({ slotContext }) {
   const badges = [];
@@ -24,7 +25,7 @@ function Badges({ slotContext }) {
 }
 function SelectItem({ itemContext, slotContext }) {
   const classname = classNames("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
-  return /* @__PURE__ */ jsx("li", { className: classname, ...useDirective(slotContext.widget.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotItem, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsx("li", { className: classname, ...useDirective(slotContext.widget.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.itemLabel, props: { ...slotContext, itemContext } }) });
 }
 function Rows({ slotContext }) {
   const {
@@ -35,8 +36,8 @@ function Rows({ slotContext }) {
   }) });
 }
 const defaultConfig = {
-  slotBadgeLabel: DefaultBadge,
-  slotItem: DefaultItem
+  badgeLabel: DefaultBadge,
+  itemLabel: DefaultItem
 };
 function Select(props) {
   const [state, widget] = useWidgetWithConfig(createSelect, props, "select", defaultConfig);
@@ -71,5 +72,6 @@ function Select(props) {
 }
 export {
   Select as S,
-  createSelect as c
+  createSelect as c,
+  getSelectDefaultConfig as g
 };

package/{select-DHik5ocI.cjs → select-CxX_TdVh.cjs}

@@ -7,6 +7,7 @@ const directive = require("@agnos-ui/react-headless/utils/directive");
 const classNames = require("classnames");
 const generated_config = require("./generated/config.cjs");
 const createSelect = select.createSelect;
+const getSelectDefaultConfig = select.getSelectDefaultConfig;
 function DefaultBadge(slotContext) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "" + slotContext.itemContext.item });
 }
@@ -14,7 +15,7 @@ function DefaultItem(slotContext) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "" + slotContext.itemContext.item });
 }
 function BadgeContainer({ itemContext, slotContext }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotBadgeLabel, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.badgeAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.badgeLabel, props: { ...slotContext, itemContext } }) });
 }
 function Badges({ slotContext }) {
   const badges = [];
@@ -25,7 +26,7 @@ function Badges({ slotContext }) {
 }
 function SelectItem({ itemContext, slotContext }) {
   const classname = classNames("dropdown-item", "position-relative", { "text-bg-primary": itemContext === slotContext.state.highlighted });
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classname, ...directive.useDirective(slotContext.widget.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotItem, props: { ...slotContext, itemContext } }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: classname, ...directive.useDirective(slotContext.widget.directives.itemAttributesDirective, itemContext), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.itemLabel, props: { ...slotContext, itemContext } }) });
 }
 function Rows({ slotContext }) {
   const {
@@ -36,8 +37,8 @@ function Rows({ slotContext }) {
   }) });
 }
 const defaultConfig = {
-  slotBadgeLabel: DefaultBadge,
-  slotItem: DefaultItem
+  badgeLabel: DefaultBadge,
+  itemLabel: DefaultItem
 };
 function Select(props) {
   const [state, widget] = generated_config.useWidgetWithConfig(createSelect, props, "select", defaultConfig);
@@ -72,3 +73,4 @@ function Select(props) {
 }
 exports.Select = Select;
 exports.createSelect = createSelect;
+exports.getSelectDefaultConfig = getSelectDefaultConfig;