@agnos-ui/react-bootstrap 0.3.0 → 0.4.0-next.0

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-B9xclGji.js";
+import { D, a as a2, N, b as b2, P, c as c4, g as g4 } from "./pagination-BGHP7K6U.js";
+import { P as P2, c as c5, g as g5 } from "./progressbar-D8_F2wYh.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-B6rJgzVm.js → modal-B9xclGji.js}

@@ -6,19 +6,21 @@ 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 })
+    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 }) }),
+  /* @__PURE__ */ jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
   slotContext.state.slotFooter && /* @__PURE__ */ jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotFooter, props: slotContext }) })
 ] });
 const defaultConfig = {
@@ -31,7 +33,7 @@ const ModalElement = (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.slotStructure, 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/{modal-2qAV4Hjl.cjs → modal-Vd0W6U05.cjs}

@@ -9,17 +9,19 @@ 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 })
+    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 }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
   slotContext.state.slotFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotFooter, props: slotContext }) })
 ] });
 const defaultConfig = {
@@ -32,7 +34,7 @@ const ModalElement = (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.slotStructure, 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/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based widget library for React.",
-	"version": "0.3.0",
+	"version": "0.4.0-next.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,14 +49,14 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.3.0",
-		"@agnos-ui/react-headless": "0.3.0",
+		"@agnos-ui/core-bootstrap": "0.4.0-next.0",
+		"@agnos-ui/react-headless": "0.4.0-next.0",
 		"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-BGHP7K6U.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 = [];
@@ -79,7 +80,7 @@ function DefaultStructure(slotContext) {
     );
   }
   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 }),
       ItemsAfter
@@ -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-BO6qrpA6.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 = [];
@@ -97,7 +98,7 @@ function DefaultStructure(slotContext) {
     );
   }
   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 }),
       ItemsAfter
@@ -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-Bi9aS9jg.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
 };
 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 }) });
 };
 exports.Progressbar = Progressbar;
 exports.createProgressbar = createProgressbar;
+exports.getProgressbarDefaultConfig = getProgressbarDefaultConfig;

package/{progressbar-D1-6Dzrf.js → progressbar-D8_F2wYh.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
 };
 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 }) });
 };
 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;

package/{slider-DLdA-y4u.js → slider-CnK847iw.js}

@@ -4,8 +4,9 @@ import { useWidgetWithConfig } from "./generated/config.js";
 import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import React__default from "react";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { createSlider as createSlider$1 } from "@agnos-ui/core-bootstrap/components/slider";
+import { createSlider as createSlider$1, getSliderDefaultConfig as getSliderDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/slider";
 const createSlider = createSlider$1;
+const getSliderDefaultConfig = getSliderDefaultConfig$1;
 const DefaultSlotHandle = (slotContext) => {
   return /* @__PURE__ */ jsx("button", { ...useDirective(slotContext.widget.directives.handleDirective, { item: slotContext.item }), children: " " });
 };
@@ -20,17 +21,17 @@ const HandleLabelDisplay = ({
   return /* @__PURE__ */ jsx("div", { ...useDirective(directive, { index }), children });
 };
 const MinMaxLabels = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.minLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.min, ...slotContext } }) }),
-  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.max, ...slotContext } }) })
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.minLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.min, ...slotContext } }) }),
+  /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.max, ...slotContext } }) })
 ] });
 const CombinedLabel = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.widget.directives.combinedHandleLabelDisplayDirective), children: slotContext.state.rtl ? /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
   " - ",
-  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
 ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } }),
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[0], ...slotContext } }),
   " - ",
-  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
+  /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
 ] }) });
 const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
   slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.widget.directives.progressDisplayDirective, option }, index)),
@@ -38,22 +39,23 @@ const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { c
   slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsx(MinMaxLabels, { ...slotContext }),
   slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(CombinedLabel, { ...slotContext }),
   slotContext.state.sortedHandles.map((item, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-    /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotHandle, props: { item, ...slotContext } }),
-    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(HandleLabelDisplay, { directive: slotContext.widget.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.values[i], ...slotContext } }) })
+    /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.handle, props: { item, ...slotContext } }),
+    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(HandleLabelDisplay, { directive: slotContext.widget.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
   ] }, item.id))
 ] });
 const defaultConfig = {
-  slotStructure: DefaultSlotStructure,
-  slotHandle: DefaultSlotHandle
+  structure: DefaultSlotStructure,
+  handle: DefaultSlotHandle
 };
 function Slider(props) {
   const [state, widget] = useWidgetWithConfig(createSlider, props, "slider", { ...defaultConfig });
   const slotContext = { state, widget: toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
 }
 export {
   DefaultSlotHandle as D,
   Slider as S,
   DefaultSlotStructure as a,
-  createSlider as c
+  createSlider as c,
+  getSliderDefaultConfig as g
 };

package/{slider-DUv6gRI9.cjs → slider-Du37lWVJ.cjs}

@@ -7,6 +7,7 @@ const React = require("react");
 const slot = require("@agnos-ui/react-headless/slot");
 const slider = require("@agnos-ui/core-bootstrap/components/slider");
 const createSlider = slider.createSlider;
+const getSliderDefaultConfig = slider.getSliderDefaultConfig;
 const DefaultSlotHandle = (slotContext) => {
   return /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirective(slotContext.widget.directives.handleDirective, { item: slotContext.item }), children: " " });
 };
@@ -21,17 +22,17 @@ const HandleLabelDisplay = ({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directive$1, { index }), children });
 };
 const MinMaxLabels = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.minLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.min, ...slotContext } }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.max, ...slotContext } }) })
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.minLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.min, ...slotContext } }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.maxLabelDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.max, ...slotContext } }) })
 ] });
 const CombinedLabel = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.widget.directives.combinedHandleLabelDisplayDirective), children: slotContext.state.rtl ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } }),
   " - ",
-  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[0], ...slotContext } })
 ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[0], ...slotContext } }),
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[0], ...slotContext } }),
   " - ",
-  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
+  /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
 ] }) });
 const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
   slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.widget.directives.progressDisplayDirective, option }, index)),
@@ -39,20 +40,21 @@ const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(js
   slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsxRuntime.jsx(MinMaxLabels, { ...slotContext }),
   slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(CombinedLabel, { ...slotContext }),
   slotContext.state.sortedHandles.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotHandle, props: { item, ...slotContext } }),
-    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(HandleLabelDisplay, { directive: slotContext.widget.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotLabel, props: { value: slotContext.state.values[i], ...slotContext } }) })
+    /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.handle, props: { item, ...slotContext } }),
+    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(HandleLabelDisplay, { directive: slotContext.widget.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
   ] }, item.id))
 ] });
 const defaultConfig = {
-  slotStructure: DefaultSlotStructure,
-  slotHandle: DefaultSlotHandle
+  structure: DefaultSlotStructure,
+  handle: DefaultSlotHandle
 };
 function Slider(props) {
   const [state, widget] = generated_config.useWidgetWithConfig(createSlider, props, "slider", { ...defaultConfig });
   const slotContext = { state, widget: types.toSlotContextWidget(widget) };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.sliderDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
 }
 exports.DefaultSlotHandle = DefaultSlotHandle;
 exports.DefaultSlotStructure = DefaultSlotStructure;
 exports.Slider = Slider;
 exports.createSlider = createSlider;
+exports.getSliderDefaultConfig = getSliderDefaultConfig;