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

package/components/toast/toast.gen.d.ts

@@ -1,5 +1,11 @@
-import type { WidgetSlotContext, SlotContent, Widget, Directive } from '@agnos-ui/react-headless/types';
+import type { WidgetSlotContext, SlotContent, Widget, WidgetFactory, Directive } from '@agnos-ui/react-headless/types';
 import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
+/**
+ * Retrieve a shallow copy of the default Toast config
+ * @returns the default Toast config
+ */
+declare const export_getToastDefaultConfig: () => ToastProps;
+export { export_getToastDefaultConfig as getToastDefaultConfig };
 export type ToastContext = WidgetSlotContext<ToastWidget>;
 export interface ToastState {
     /**
@@ -9,26 +15,38 @@ export interface ToastState {
     /**
      * If `true`, alert can be dismissed by the user.
      * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     *
+     * @defaultValue `true`
      */
     dismissible: boolean;
     /**
      * If `true` the alert is visible to the user
+     *
+     * @defaultValue `true`
      */
     visible: boolean;
     /**
      * Accessibility close button label
+     *
+     * @defaultValue `'Close'`
      */
     ariaCloseButtonLabel: string;
     /**
      * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
      */
     className: string;
     /**
      * If `true` automatically hides the toast after the delay.
+     *
+     * @defaultValue `true`
      */
     autoHide: boolean;
     /**
      * Delay in milliseconds before hiding the toast.
+     *
+     * @defaultValue `5000`
      */
     delay: number;
     /**
@@ -45,29 +63,48 @@ export interface ToastState {
     header: SlotContent<ToastContext>;
 }
 export interface ToastProps {
+    /**
+     * The transition function will be executed when the alert is displayed or hidden.
+     *
+     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
+     *
+     * @defaultValue `fadeTransition`
+     */
+    transition: TransitionFn;
     /**
      * Callback called when the alert visibility changed.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onVisibleChange: (visible: boolean) => void;
     /**
      * Callback called when the alert is hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
     onHidden: () => void;
     /**
      * Callback called when the alert is shown.
-     */
-    onShown: () => void;
-    /**
-     * The transition function will be executed when the alert is displayed or hidden.
      *
-     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
      */
-    transition: TransitionFn;
+    onShown: () => void;
     /**
      * If `true`, alert opening will be animated.
      *
      * Animation is triggered  when the `.open()` function is called
      * or the visible prop is changed
+     *
+     * @defaultValue `false`
      */
     animatedOnInit: boolean;
     /**
@@ -75,31 +112,45 @@ export interface ToastProps {
      *
      * Animation is triggered  when clicked on the close button (×),
      * via the `.close()` function or the visible prop is changed
+     *
+     * @defaultValue `true`
      */
     animated: boolean;
     /**
      * If `true`, alert can be dismissed by the user.
      * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     *
+     * @defaultValue `true`
      */
     dismissible: boolean;
     /**
      * If `true` the alert is visible to the user
+     *
+     * @defaultValue `true`
      */
     visible: boolean;
     /**
      * Accessibility close button label
+     *
+     * @defaultValue `'Close'`
      */
     ariaCloseButtonLabel: string;
     /**
      * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
      */
     className: string;
     /**
      * If `true` automatically hides the toast after the delay.
+     *
+     * @defaultValue `true`
      */
     autoHide: boolean;
     /**
      * Delay in milliseconds before hiding the toast.
+     *
+     * @defaultValue `5000`
      */
     delay: number;
     /**
@@ -116,6 +167,13 @@ export interface ToastProps {
     header: SlotContent<ToastContext>;
 }
 export type ToastWidget = Widget<ToastProps, ToastState, ToastApi, object, ToastDirectives>;
+/**
+ * Create an ToastWidget with given config props
+ * @param config - an optional alert config
+ * @returns an ToastWidget
+ */
+declare const export_createToast: WidgetFactory<ToastWidget>;
+export { export_createToast as createToast };
 export interface ToastApi {
     /**
      * Triggers alert closing programmatically (same as clicking on the close button (×)).

package/config.d.ts

@@ -9,4 +9,4 @@ type DefaultConfigInput = Partial2Levels<WidgetsConfig> & {
     adaptParentConfig?: (config: Partial2Levels<WidgetsConfig>) => Partial2Levels<WidgetsConfig>;
     children?: ReactNode | undefined;
 };
-export declare const widgetsConfigContext: Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import('react/jsx-runtime').JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof BootstrapWidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import('@amadeus-it-group/tansu').ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof BootstrapWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W];
+export declare const widgetsConfigContext: Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof BootstrapWidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof BootstrapWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W];

package/index.cjs

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-DnlQmoOX.cjs");
-const alert = require("./alert-Bn5ooyqK.cjs");
-const modal = require("./modal-Vd0W6U05.cjs");
-const pagination = require("./pagination-BO6qrpA6.cjs");
-const progressbar = require("./progressbar-Bi9aS9jg.cjs");
-const rating = require("./rating-DB4Ze-r4.cjs");
-const select = require("./select-CxX_TdVh.cjs");
-const slider = require("./slider-Du37lWVJ.cjs");
-const toast = require("./toast-cd5__9Rl.cjs");
-const modal$1 = require("@agnos-ui/react-headless/components/modal");
+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 types = require("@agnos-ui/react-headless/types");
 const slot = require("@agnos-ui/react-headless/slot");
 const config = require("@agnos-ui/react-headless/config");
@@ -36,48 +35,43 @@ const baseTransitions = require("@agnos-ui/react-headless/services/transitions/b
 const transitions = require("@agnos-ui/core-bootstrap/services/transitions");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
-exports.createAccordion = accordion.createAccordion;
-exports.createAccordionItem = accordion.createAccordionItem;
-exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
+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.createAlert = alert.createAlert;
-exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;
+exports.createAlert = alert.export_createAlert;
+exports.getAlertDefaultConfig = alert.export_getAlertDefaultConfig;
 exports.Modal = modal.Modal;
-exports.createModal = modal.createModal;
-exports.getModalDefaultConfig = modal.getModalDefaultConfig;
+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.createPagination = pagination.createPagination;
-exports.getPaginationDefaultConfig = pagination.getPaginationDefaultConfig;
+exports.createPagination = pagination.export_createPagination;
+exports.getPaginationDefaultConfig = pagination.export_getPaginationDefaultConfig;
 exports.Progressbar = progressbar.Progressbar;
-exports.createProgressbar = progressbar.createProgressbar;
-exports.getProgressbarDefaultConfig = progressbar.getProgressbarDefaultConfig;
+exports.createProgressbar = progressbar.export_createProgressbar;
+exports.getProgressbarDefaultConfig = progressbar.export_getProgressbarDefaultConfig;
 exports.Rating = rating.Rating;
-exports.createRating = rating.createRating;
-exports.getRatingDefaultConfig = rating.getRatingDefaultConfig;
+exports.createRating = rating.export_createRating;
+exports.getRatingDefaultConfig = rating.export_getRatingDefaultConfig;
 exports.Select = select.Select;
-exports.createSelect = select.createSelect;
-exports.getSelectDefaultConfig = select.getSelectDefaultConfig;
+exports.createSelect = select.export_createSelect;
+exports.getSelectDefaultConfig = select.export_getSelectDefaultConfig;
 exports.DefaultSlotHandle = slider.DefaultSlotHandle;
 exports.DefaultSlotStructure = slider.DefaultSlotStructure;
 exports.Slider = slider.Slider;
-exports.createSlider = slider.createSlider;
-exports.getSliderDefaultConfig = slider.getSliderDefaultConfig;
+exports.createSlider = slider.export_createSlider;
+exports.getSliderDefaultConfig = slider.export_getSliderDefaultConfig;
 exports.Toast = toast.Toast;
-exports.createToast = toast.createToast;
-exports.getToastDefaultConfig = toast.getToastDefaultConfig;
-Object.defineProperty(exports, "modalCloseButtonClick", {
-  enumerable: true,
-  get: () => modal$1.modalCloseButtonClick
-});
-Object.defineProperty(exports, "modalOutsideClick", {
-  enumerable: true,
-  get: () => modal$1.modalOutsideClick
-});
+exports.createToast = toast.export_createToast;
+exports.getToastDefaultConfig = toast.export_getToastDefaultConfig;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
 exports.useWidgetContext = generated_config.useWidgetContext;
 exports.useWidgetWithConfig = generated_config.useWidgetWithConfig;

package/index.js

@@ -1,13 +1,12 @@
-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";
+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";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/react-headless/slot";
 export * from "@agnos-ui/react-headless/config";
@@ -33,17 +32,17 @@ 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 {
-  b as Accordion,
+  a as Accordion,
   A as AccordionItem,
   A2 as Alert,
   D as DefaultPages,
   D2 as DefaultSlotHandle,
-  a3 as DefaultSlotStructure,
-  a2 as DefaultStructure,
+  a8 as DefaultSlotStructure,
+  a4 as DefaultStructure,
   M as Modal,
   N as NavButton,
-  b2 as PageItem,
-  P as Pagination,
+  P as PageItem,
+  b3 as Pagination,
   P2 as Progressbar,
   R as Rating,
   S as Select,
@@ -51,26 +50,27 @@ export {
   T as Toast,
   WidgetsDefaultConfig,
   c as createAccordion,
-  a as createAccordionItem,
-  c2 as createAlert,
-  c3 as createModal,
-  c4 as createPagination,
-  c5 as createProgressbar,
-  c6 as createRating,
-  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,
+  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,
+  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,
   o as openModal,
   useWidgetContext,
   useWidgetWithConfig,

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

@@ -1,40 +1,41 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const portal = require("@agnos-ui/react-headless/utils/portal");
-const types = require("@agnos-ui/react-headless/types");
 const slot = require("@agnos-ui/react-headless/slot");
-const generated_config = require("./generated/config.cjs");
+const types = require("@agnos-ui/react-headless/types");
 const directive = require("@agnos-ui/react-headless/utils/directive");
-const ReactDOM = require("react-dom/client");
+const portal = require("@agnos-ui/react-headless/utils/portal");
+const classNames = require("classnames");
 const React = require("react");
+const ReactDOM = require("react-dom/client");
+const generated_config = require("./generated/config.cjs");
 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 export_getModalDefaultConfig = modal.getModalDefaultConfig;
+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.slotTitle, props: slotContext }) }),
+    /* @__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 }) }),
+  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.slotFooter && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotFooter, 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);
+  const [state, widget] = generated_config.useWidgetWithConfig(export_createModal, props, "modal", defaultConfig);
   React.useImperativeHandle(ref, () => widget.api, []);
   const slotContext = {
     state,
@@ -57,6 +58,8 @@ async function openModal(options) {
   }
 }
 exports.Modal = Modal;
-exports.createModal = createModal;
-exports.getModalDefaultConfig = getModalDefaultConfig;
+exports.export_createModal = export_createModal;
+exports.export_getModalDefaultConfig = export_getModalDefaultConfig;
+exports.export_modalCloseButtonClick = export_modalCloseButtonClick;
+exports.export_modalOutsideClick = export_modalOutsideClick;
 exports.openModal = openModal;

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

@@ -1,39 +1,40 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Portal } from "@agnos-ui/react-headless/utils/portal";
-import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { toSlotContextWidget } from "@agnos-ui/react-headless/types";
 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, getModalDefaultConfig as getModalDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/modal";
+import { Portal } from "@agnos-ui/react-headless/utils/portal";
 import classNames from "classnames";
-import "@agnos-ui/react-headless/components/modal";
-const createModal = createModal$1;
-const getModalDefaultConfig = getModalDefaultConfig$1;
+import { forwardRef, useImperativeHandle } from "react";
+import ReactDOM from "react-dom/client";
+import { useWidgetWithConfig } from "./generated/config.js";
+import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from "@agnos-ui/core-bootstrap/components/modal";
+const export_getModalDefaultConfig = getModalDefaultConfig;
+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.slotTitle, props: slotContext }) }),
+    /* @__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 }) }),
+  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.slotFooter && /* @__PURE__ */ jsx("div", { className: "modal-footer", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotFooter, 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);
+  const [state, widget] = useWidgetWithConfig(export_createModal, props, "modal", defaultConfig);
   useImperativeHandle(ref, () => widget.api, []);
   const slotContext = {
     state,
@@ -57,7 +58,9 @@ async function openModal(options) {
 }
 export {
   Modal as M,
-  createModal as c,
-  getModalDefaultConfig as g,
+  export_createModal as a,
+  export_modalOutsideClick as b,
+  export_modalCloseButtonClick as c,
+  export_getModalDefaultConfig as e,
   openModal as o
 };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based widget library for React.",
-	"version": "0.4.0-next.0",
+	"version": "0.4.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,8 +49,8 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.4.0-next.0",
-		"@agnos-ui/react-headless": "0.4.0-next.0",
+		"@agnos-ui/core-bootstrap": "0.4.0",
+		"@agnos-ui/react-headless": "0.4.0",
 		"classnames": "^2.5.1"
 	},
 	"peerDependencies": {

package/{pagination-BGHP7K6U.js → pagination-BDq1dOoH.js}

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useWidgetWithConfig } from "./generated/config.js";
 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";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { createPagination as createPagination$1, getPaginationDefaultConfig as getPaginationDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/pagination";
+import { getPaginationDefaultConfig, createPagination } from "@agnos-ui/core-bootstrap/components/pagination";
 const PageItem = React.forwardRef(
   ({ disabled, active, activeLabel, className, children, directive, page }, ref) => {
     return /* @__PURE__ */ jsx("li", { ref, className: classNames("page-item", { active, disabled }), children: /* @__PURE__ */ jsxs("a", { ...useDirectives([directive, { page }], [classDirective, classNames("page-link", className)]), children: [
@@ -19,8 +19,8 @@ const NavButton = React.forwardRef(({ disabled, className, children, directive }
   return /* @__PURE__ */ jsx("li", { ref, className: classNames("page-item", { disabled }), children: /* @__PURE__ */ jsx("a", { ...useDirectives(directive, [classDirective, classNames("page-link", className)]), children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children }) }) });
 });
 NavButton.displayName = "NavButton";
-const createPagination = createPagination$1;
-const getPaginationDefaultConfig = getPaginationDefaultConfig$1;
+const export_getPaginationDefaultConfig = getPaginationDefaultConfig;
+const export_createPagination = createPagination;
 function DefaultPages(slotContext) {
   const { widget, state } = slotContext;
   const jsxPages = [];
@@ -28,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)
       );
@@ -42,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]
         )
@@ -52,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;
@@ -61,44 +61,44 @@ 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", { [`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}` })
   ] });
 }
 function Pagination(props) {
-  const [state, widget] = useWidgetWithConfig(createPagination, props, "pagination", defaultConfig);
+  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.slotStructure, props: slotContext }) });
+  return /* @__PURE__ */ jsx("nav", { "aria-label": state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
 }
 export {
   DefaultPages as D,
   NavButton as N,
-  Pagination as P,
+  PageItem as P,
   DefaultStructure as a,
-  PageItem as b,
-  createPagination as c,
-  getPaginationDefaultConfig as g
+  Pagination as b,
+  export_createPagination as c,
+  export_getPaginationDefaultConfig as e
 };