@agnos-ui/react-bootstrap 0.9.3 → 0.10.0-next.1

package/{accordion-Bkttdgi2.js → accordion-Cps8J5iu.js}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { useContext, createContext, useId, useImperativeHandle, useEffect } from "react";
+import { useContext, createContext, useId, useImperativeHandle, useEffect, createElement } from "react";
 import { useWidget } from "./generated/config.js";
 import { getAccordionDefaultConfig, createAccordionItem, createAccordion, factoryCreateAccordion } from "@agnos-ui/core-bootstrap/components/accordion";
 const export_getAccordionDefaultConfig = getAccordionDefaultConfig;
@@ -9,14 +9,13 @@ const export_createAccordionItem = createAccordionItem;
 const export_createAccordion = createAccordion;
 const export_factoryCreateAccordion = factoryCreateAccordion;
 const Header = (props) => {
-  const re = new RegExp("^h[1-6]$");
-  const Heading = re.test(props.headerTag) ? props.headerTag : "h2";
-  return /* @__PURE__ */ jsx(Heading, { ...useDirectives([classDirective, "accordion-header"], props.directive), children: props.children });
+  const HeadingTag = `h${props.headingLevel}`;
+  return createElement(HeadingTag, { ...useDirectives([classDirective, "accordion-header"], props.directive) }, props.children);
 };
 const ItemContent = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-collapse"], slotContext.directives.bodyContainerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-body"], slotContext.directives.bodyDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 const AccordionDIContext = createContext({});
 const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Header, { directive: slotContext.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
+  /* @__PURE__ */ jsx(Header, { directive: slotContext.directives.headerDirective, headingLevel: slotContext.state.headingLevel, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsx(ItemContent, { ...slotContext })
 ] });
 function AccordionItem(props) {

package/{accordion-DkUnHzTx.cjs → accordion-b13N6177.cjs}

@@ -10,14 +10,13 @@ const export_createAccordionItem = accordion.createAccordionItem;
 const export_createAccordion = accordion.createAccordion;
 const export_factoryCreateAccordion = accordion.factoryCreateAccordion;
 const Header = (props) => {
-  const re = new RegExp("^h[1-6]$");
-  const Heading = re.test(props.headerTag) ? props.headerTag : "h2";
-  return /* @__PURE__ */ jsxRuntime.jsx(Heading, { ...directive.useDirectives([directive.classDirective, "accordion-header"], props.directive), children: props.children });
+  const HeadingTag = `h${props.headingLevel}`;
+  return React.createElement(HeadingTag, { ...directive.useDirectives([directive.classDirective, "accordion-header"], props.directive) }, props.children);
 };
 const ItemContent = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-collapse"], slotContext.directives.bodyContainerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-body"], slotContext.directives.bodyDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 const AccordionDIContext = React.createContext({});
 const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.directives.headerDirective, headingLevel: slotContext.state.headingLevel, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { ...slotContext })
 ] });
 function AccordionItem(props) {

package/components/accordion/accordion.gen.d.ts

@@ -120,11 +120,11 @@ export interface AccordionProps {
      */
     itemBodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      *
-     * @defaultValue `''`
+     * @defaultValue `2`
      */
-    itemHeadingTag: string;
+    itemHeadingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -185,9 +185,9 @@ export interface AccordionItemState {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -277,9 +277,9 @@ export interface AccordionItemProps {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -327,7 +327,7 @@ export { export_createAccordionItem as createAccordionItem };
 declare const export_createAccordion: WidgetFactory<AccordionWidget>;
 export { export_createAccordion as createAccordion };
 /**
- * Create an accordion WidgetFactory based on a item factory and the list of item props that should inherit from the parent accordion
+ * Create an accordion WidgetFactory based on an item factory and the list of item props that should inherit from the parent accordion
  *
  * @param itemFactory - the item factory
  * @param accordionItemProps - the list of item props

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-DkUnHzTx.cjs");
+const accordion = require("../../accordion-b13N6177.cjs");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
 exports.AccordionItemDefaultSlotStructure = accordion.AccordionItemDefaultSlotStructure;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { b, a, A, d, c, f, e } from "../../accordion-Bkttdgi2.js";
+import { b, a, A, d, c, f, e } from "../../accordion-Cps8J5iu.js";
 export {
   b as Accordion,
   a as AccordionItem,

package/components/carousel/carousel.gen.d.ts

@@ -52,10 +52,14 @@ export interface CarouselState<SlideData extends {
     initialized: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -95,20 +99,14 @@ export interface CarouselState<SlideData extends {
     slidesData: SlideData[];
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     structure: SlotContent<CarouselContext<SlideData>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     navigation: SlotContent<CarouselContext<SlideData>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     slide: SlotContent<CarouselSlideContext<SlideData>>;
     /**
@@ -133,14 +131,23 @@ export interface CarouselProps<SlideData extends {
     plugins: EmblaPluginType[];
     /**
      * Aria label for navigation indicators
+     *
+     * @defaultValue
+     * ```ts
+     * (index: number) => `Select slide ${index + 1}`
+     * ```
      */
     ariaIndicatorLabel: (index: number) => string;
     /**
      * Aria label for previous button
+     *
+     * @defaultValue `'Select previous slide'`
      */
     ariaPrevLabel: string;
     /**
      * Aria label for next button
+     *
+     * @defaultValue `'Select next slide'`
      */
     ariaNextLabel: string;
     /**
@@ -154,6 +161,8 @@ export interface CarouselProps<SlideData extends {
      * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
      *
      * @see {@link https://www.embla-carousel.com/api/options/#container}
+     *
+     * @defaultValue `null`
      */
     container: string | null;
     /**
@@ -207,10 +216,14 @@ export interface CarouselProps<SlideData extends {
     skipSnaps: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -243,20 +256,14 @@ export interface CarouselProps<SlideData extends {
     slidesData: SlideData[];
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     structure: SlotContent<CarouselContext<SlideData>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     navigation: SlotContent<CarouselContext<SlideData>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     slide: SlotContent<CarouselSlideContext<SlideData>>;
     /**

package/components/collapse/collapse.gen.d.ts

@@ -58,7 +58,7 @@ export interface CollapseProps {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
     /**
@@ -101,7 +101,7 @@ export interface CollapseState {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
 }

package/components/drawer/drawer.d.ts

@@ -0,0 +1,22 @@
+import type { Ref } from 'react';
+import type { DrawerApi, DrawerContext, DrawerProps } from './drawer.gen';
+/**
+ * Renders the default slot structure for a Drawer component.
+ *
+ * @param slotContext - The context containing the state and properties for the Drawer component.
+ * @returns The JSX element representing the default slot structure of the Drawer.
+ */
+export declare const DefaultDrawerSlotStructure: (slotContext: DrawerContext) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Drawer component that integrates with a widget context and renders a slot structure.
+ *
+ * @param props - The properties for the Drawer component.
+ * @param props.ref - Ref to expose the Drawer API.
+ * @returns The rendered Drawer component.
+ *
+ * The Drawer component uses the {@link useWidget} hook to create a widget context with the provided
+ * configuration. It renders the slot content using the `Slot` component.
+ */
+export declare function Drawer(props: Partial<DrawerProps> & {
+    ref?: Ref<DrawerApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/drawer/drawer.gen.d.ts

@@ -0,0 +1,300 @@
+import type { WidgetSlotContext, SlotContent, Directive, Widget, WidgetFactory } from '@agnos-ui/react-headless/types';
+import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+declare const export_getDrawerDefaultConfig: () => DrawerProps;
+export { export_getDrawerDefaultConfig as getDrawerDefaultConfig };
+/**
+ * Represents the context for a Drawer widget.
+ * This interface is an alias for `WidgetSlotContext<DrawerWidget>`.
+ */
+export type DrawerContext = WidgetSlotContext<DrawerWidget>;
+/**
+ * Represents the state of a Drawer component.
+ */
+export interface DrawerState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
+     * because {@link DrawerProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Flag to show whether the drawer is fully hidden.
+     */
+    hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the properties for the Drawer component.
+ */
+export interface DrawerProps {
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseHorizontalTransition
+     * ```
+     */
+    transition: TransitionFn;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * collapseVerticalTransition
+     * ```
+     */
+    verticalTransition: TransitionFn;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @defaultValue `fadeTransition`
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * If `true` opening and closing will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * aria-labelledby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
+     */
+    ariaLabelledBy: string;
+    /**
+     * aria-describedby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
+     */
+    ariaDescribedBy: string;
+    /**
+     * The width of the drawer in pixels.
+     *
+     * @defaultValue `200`
+     */
+    width: number;
+    /**
+     * The height of the drawer in pixels.
+     *
+     * @defaultValue `200`
+     */
+    height: number;
+    /**
+     * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     *
+     * @defaultValue `true`
+     */
+    backdrop: boolean;
+    /**
+     * If `true` allows body scrolling when the drawer is open.
+     *
+     * @defaultValue `false`
+     */
+    bodyScroll: boolean;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * An event emitted when the width is changed.
+     *
+     * Event payload is equal to the newly selected width.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onWidthChange: (width: number) => void;
+    /**
+     * An event emitted when the height is changed.
+     *
+     * Event payload is equal to the newly selected height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHeightChange: (width: number) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the directives for the Drawer component.
+ */
+export interface DrawerDirectives {
+    /**
+     * Directive to put on the drawer DOM element.
+     */
+    drawerDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Directive to put on the splitter DOM element.
+     */
+    splitterDirective: Directive;
+    /**
+     * Directive to put on the container DOM element in order for the drawer to size correctly.
+     */
+    containerDirective: Directive;
+    /**
+     * Portal directive to put on the drawer DOM element.
+     */
+    drawerPortalDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+}
+/**
+ * Represents a Drawer widget component.
+ */
+export type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
+/**
+ * Create a Drawer with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+declare const export_createDrawer: WidgetFactory<DrawerWidget>;
+export { export_createDrawer as createDrawer };
+/**
+ * Possible values for the drawer positions
+ */
+export type DrawerPositions = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+/**
+ * Interface representing the API for a Drawer component.
+ */
+export interface DrawerApi {
+    /**
+     * Trigger the opening of the drawer.
+     */
+    open: () => void;
+    /**
+     * Trigger the closing of the drawer.
+     */
+    close: () => void;
+}

package/components/drawer/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const drawer = require("../../drawer-D1dVH8iO.cjs");
+exports.DefaultDrawerSlotStructure = drawer.DefaultDrawerSlotStructure;
+exports.Drawer = drawer.Drawer;
+exports.createDrawer = drawer.export_createDrawer;
+exports.getDrawerDefaultConfig = drawer.export_getDrawerDefaultConfig;

package/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './drawer.gen';
+export * from './drawer';

package/components/drawer/index.js

@@ -0,0 +1,7 @@
+import { D, b, a, e } from "../../drawer-iEXzDYco.js";
+export {
+  D as DefaultDrawerSlotStructure,
+  b as Drawer,
+  a as createDrawer,
+  e as getDrawerDefaultConfig
+};

package/components/modal/index.cjs

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-C22MXJLV.cjs");
+const modal = require("../../modal-DSduAQXI.cjs");
 exports.Modal = modal.Modal;
 exports.ModalDefaultSlotHeader = modal.ModalDefaultSlotHeader;
 exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;
 exports.createModal = modal.export_createModal;
 exports.getModalDefaultConfig = modal.export_getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.export_modalCloseButtonClick;
+exports.modalCloseEscape = modal.export_modalCloseEscape;
 exports.modalOutsideClick = modal.export_modalOutsideClick;
 exports.openModal = modal.openModal;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { b, M, a, c, e, f, d, o } from "../../modal-CHNXwCta.js";
+import { b, M, a, c, e, f, g, d, o } from "../../modal-CCDHxJ6u.js";
 export {
   b as Modal,
   M as ModalDefaultSlotHeader,
@@ -6,6 +6,7 @@ export {
   c as createModal,
   e as getModalDefaultConfig,
   f as modalCloseButtonClick,
+  g as modalCloseEscape,
   d as modalOutsideClick,
   o as openModal
 };

package/components/modal/modal.gen.d.ts

@@ -1,4 +1,4 @@
-import { modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
+import { modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from '@agnos-ui/core-bootstrap/components/modal';
 import type { WidgetSlotContext, SlotContent, Widget, PropsConfig, Directive } from '@agnos-ui/react-headless/types';
 import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
 /**
@@ -309,6 +309,12 @@ export { export_modalOutsideClick as modalOutsideClick };
  */
 declare const export_modalCloseButtonClick: typeof modalCloseButtonClick;
 export { export_modalCloseButtonClick as modalCloseButtonClick };
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+declare const export_modalCloseEscape: typeof modalCloseEscape;
+export { export_modalCloseEscape as modalCloseEscape };
 /**
  * Type of the parameter of {@link ModalProps.onBeforeClose|onBeforeClose}.
  */

package/components/slider/slider.gen.d.ts

@@ -213,7 +213,7 @@ export interface SliderProps {
      *
      * @defaultValue
      * ```ts
-     * (value: number) => ''
+     * () => ''
      * ```
      */
     ariaValueText: (value: number, sortedIndex: number) => string;
@@ -245,21 +245,21 @@ export interface SliderProps {
      * Minimum distance between two values.
      * When set to 0, no minimum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     minRange: number;
     /**
      * Maximum distance between two values
      * When set to 0, no maximum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     maxRange: number;
     /**
      * When true, if moving a value would break the minRange or maxRange constraint,
      * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     pushRange: boolean;
     /**

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toasterProvider = require("../../toasterProvider-DeTgUXN8.cjs");
+const toasterProvider = require("../../toasterProvider-Dt2XqB9t.cjs");
 exports.Toast = toasterProvider.Toast;
 exports.ToastDefaultSlotStructure = toasterProvider.ToastDefaultSlotStructure;
 exports.ToasterContainer = toasterProvider.ToasterContainer;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { a, T, f, g, b, d, e, c, u } from "../../toasterProvider-AZi99tUa.js";
+import { a, T, f, g, b, d, e, c, u } from "../../toasterProvider-BU8FKWH6.js";
 export {
   a as Toast,
   T as ToastDefaultSlotStructure,

package/components/tree/tree.gen.d.ts

@@ -31,12 +31,6 @@ export interface TreeState {
     expandedMap: {
         get(item: NormalizedTreeItem): boolean | undefined;
     };
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -102,12 +96,6 @@ export interface TreeProps {
      * ```
      */
     ariaLabelToggleFn: (label: string) => string;
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *

package/config.gen.d.ts

@@ -2,6 +2,7 @@ import type { AccordionProps } from './components/accordion';
 import type { AlertProps } from './components/alert';
 import type { CarouselProps } from './components/carousel';
 import type { CollapseProps } from './components/collapse';
+import type { DrawerProps } from './components/drawer';
 import type { ModalProps } from './components/modal';
 import type { PaginationProps } from './components/pagination';
 import type { ProgressbarProps } from './components/progressbar';
@@ -27,6 +28,10 @@ export type WidgetsConfig = {
      * the collapse widget config
      */
     collapse: CollapseProps;
+    /**
+     * the drawer widget config
+     */
+    drawer: DrawerProps;
     /**
      * the modal widget config
      */

package/drawer-D1dVH8iO.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const slot = require("@agnos-ui/react-headless/slot");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const portal = require("@agnos-ui/react-headless/utils/portal");
+const React = require("react");
+const generated_config = require("./generated/config.cjs");
+const drawer = require("@agnos-ui/core-bootstrap/components/drawer");
+const export_getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;
+const export_createDrawer = drawer.createDrawer;
+const BackdropElement = ({ directives }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directives.backdropDirective) });
+const DrawerElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.drawerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.containerDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) });
+const DefaultDrawerSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "au-drawer-header", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "au-drawer-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
+  slotContext.state.resizable && /* @__PURE__ */ jsxRuntime.jsx(Splitter, { ...slotContext })
+] });
+const Splitter = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.splitterDirective) });
+const defaultConfig = {
+  structure: DefaultDrawerSlotStructure
+};
+function Drawer(props) {
+  const widgetContext = generated_config.useWidget(export_createDrawer, props, { ...defaultConfig });
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(portal.Portal, { container: widgetContext.state.container, children: [
+    !widgetContext.state.backdropHidden && /* @__PURE__ */ jsxRuntime.jsx(BackdropElement, { ...widgetContext }),
+    !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(DrawerElement, { ...widgetContext })
+  ] });
+}
+exports.DefaultDrawerSlotStructure = DefaultDrawerSlotStructure;
+exports.Drawer = Drawer;
+exports.export_createDrawer = export_createDrawer;
+exports.export_getDrawerDefaultConfig = export_getDrawerDefaultConfig;

package/drawer-iEXzDYco.js

@@ -0,0 +1,34 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { useDirective } from "@agnos-ui/react-headless/utils/directive";
+import { Portal } from "@agnos-ui/react-headless/utils/portal";
+import { useImperativeHandle } from "react";
+import { useWidget } from "./generated/config.js";
+import { getDrawerDefaultConfig, createDrawer } from "@agnos-ui/core-bootstrap/components/drawer";
+const export_getDrawerDefaultConfig = getDrawerDefaultConfig;
+const export_createDrawer = createDrawer;
+const BackdropElement = ({ directives }) => /* @__PURE__ */ jsx("div", { ...useDirective(directives.backdropDirective) });
+const DrawerElement = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.drawerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.containerDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) });
+const DefaultDrawerSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("div", { className: "au-drawer-header", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
+  /* @__PURE__ */ jsx("div", { className: "au-drawer-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
+  slotContext.state.resizable && /* @__PURE__ */ jsx(Splitter, { ...slotContext })
+] });
+const Splitter = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.splitterDirective) });
+const defaultConfig = {
+  structure: DefaultDrawerSlotStructure
+};
+function Drawer(props) {
+  const widgetContext = useWidget(export_createDrawer, props, { ...defaultConfig });
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  return /* @__PURE__ */ jsxs(Portal, { container: widgetContext.state.container, children: [
+    !widgetContext.state.backdropHidden && /* @__PURE__ */ jsx(BackdropElement, { ...widgetContext }),
+    !widgetContext.state.hidden && /* @__PURE__ */ jsx(DrawerElement, { ...widgetContext })
+  ] });
+}
+export {
+  DefaultDrawerSlotStructure as D,
+  export_createDrawer as a,
+  Drawer as b,
+  export_getDrawerDefaultConfig as e
+};

package/generated/index.d.ts

@@ -16,6 +16,7 @@ export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
+export * from './services/focusElement';
 export * from './services/floatingUI';
 export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';

package/generated/services/focusElement.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const focusElement = require("@agnos-ui/react-headless/services/focusElement");
+Object.keys(focusElement).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => focusElement[k]
+  });
+});

package/generated/services/focusElement.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/react-headless/services/focusElement';

package/generated/services/focusElement.js

@@ -0,0 +1 @@
+export * from "@agnos-ui/react-headless/services/focusElement";

package/index.cjs

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-DkUnHzTx.cjs");
+const accordion = require("./accordion-b13N6177.cjs");
 const alert = require("./alert-56ypguOK.cjs");
 const carousel = require("./carousel-DyA8lWos.cjs");
 const collapse = require("./collapse-Dtanmp3a.cjs");
-const modal = require("./modal-C22MXJLV.cjs");
+const modal = require("./modal-DSduAQXI.cjs");
 const pagination = require("./pagination-ZxTUf5Pm.cjs");
 const progressbar = require("./progressbar-CC5WyAKM.cjs");
 const rating = require("./rating-B2erO56i.cjs");
 const select = require("./select-DgXUNQIA.cjs");
 const slider = require("./slider-DhviBEZe.cjs");
-const toasterProvider = require("./toasterProvider-DeTgUXN8.cjs");
+const toasterProvider = require("./toasterProvider-Dt2XqB9t.cjs");
 const tree = require("./tree--CHag_Wm.cjs");
+const drawer = require("./drawer-D1dVH8iO.cjs");
 const types = require("@agnos-ui/react-headless/types");
 const types$1 = require("@agnos-ui/core-bootstrap/types");
 const slot = require("@agnos-ui/react-headless/slot");
@@ -31,6 +32,7 @@ const matchMedia = require("@agnos-ui/react-headless/services/matchMedia");
 const intersection = require("@agnos-ui/react-headless/services/intersection");
 const hash = require("@agnos-ui/react-headless/services/hash");
 const focustrack = require("@agnos-ui/react-headless/services/focustrack");
+const focusElement = require("@agnos-ui/react-headless/services/focusElement");
 const floatingUI = require("@agnos-ui/react-headless/services/floatingUI");
 const extendWidget = require("@agnos-ui/react-headless/services/extendWidget");
 const simpleClassTransition = require("@agnos-ui/react-headless/services/transitions/simpleClassTransition");
@@ -63,6 +65,7 @@ exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;
 exports.createModal = modal.export_createModal;
 exports.getModalDefaultConfig = modal.export_getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.export_modalCloseButtonClick;
+exports.modalCloseEscape = modal.export_modalCloseEscape;
 exports.modalOutsideClick = modal.export_modalOutsideClick;
 exports.openModal = modal.openModal;
 exports.NavButton = pagination.NavButton;
@@ -104,6 +107,10 @@ exports.DefaultTreeSlotStructure = tree.DefaultTreeSlotStructure;
 exports.Tree = tree.Tree;
 exports.createTree = tree.export_createTree;
 exports.getTreeDefaultConfig = tree.export_getTreeDefaultConfig;
+exports.DefaultDrawerSlotStructure = drawer.DefaultDrawerSlotStructure;
+exports.Drawer = drawer.Drawer;
+exports.createDrawer = drawer.export_createDrawer;
+exports.getDrawerDefaultConfig = drawer.export_getDrawerDefaultConfig;
 exports.WidgetsConfigContext = generated_config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
 exports.useWidget = generated_config.useWidget;
@@ -216,6 +223,12 @@ Object.keys(focustrack).forEach((k) => {
     get: () => focustrack[k]
   });
 });
+Object.keys(focusElement).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => focusElement[k]
+  });
+});
 Object.keys(floatingUI).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.d.ts

@@ -10,4 +10,5 @@ export * from './components/select';
 export * from './components/slider';
 export * from './components/toast';
 export * from './components/tree';
+export * from './components/drawer';
 export * from './generated';

package/index.js

@@ -1,15 +1,16 @@
-import { b, a, A, d, c, f, e } from "./accordion-Bkttdgi2.js";
+import { b, a, A, d, c, f, e } from "./accordion-Cps8J5iu.js";
 import { a as a2, A as A2, b as b2, e as e2 } from "./alert-D2bu7Ulu.js";
 import { c as c2, C, b as b3, a as a3, e as e3 } from "./carousel-C6hfiwd2.js";
 import { C as C2, a as a4, e as e4 } from "./collapse-D2gce6s6.js";
-import { b as b4, M, a as a5, c as c3, e as e5, f as f2, d as d2, o } from "./modal-CHNXwCta.js";
+import { b as b4, M, a as a5, c as c3, e as e5, f as f2, g, d as d2, o } from "./modal-CCDHxJ6u.js";
 import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-60ge4D0q.js";
 import { a as a7, P as P2, b as b6, e as e7 } from "./progressbar-B1ZwY3G2.js";
 import { R, a as a8, e as e8 } from "./rating-Dt-vNocw.js";
 import { S, a as a9, e as e9 } from "./select-aWj112ds.js";
 import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-CBzyKG2u.js";
-import { a as a11, T, f as f3, g, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-AZi99tUa.js";
+import { a as a11, T, f as f3, g as g2, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-BU8FKWH6.js";
 import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-DTg_JB2R.js";
+import { D as D2, b as b10, a as a13, e as e13 } from "./drawer-iEXzDYco.js";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/core-bootstrap/types";
 export * from "@agnos-ui/react-headless/slot";
@@ -29,6 +30,7 @@ export * from "@agnos-ui/react-headless/services/matchMedia";
 export * from "@agnos-ui/react-headless/services/intersection";
 export * from "@agnos-ui/react-headless/services/hash";
 export * from "@agnos-ui/react-headless/services/focustrack";
+export * from "@agnos-ui/react-headless/services/focusElement";
 export * from "@agnos-ui/react-headless/services/floatingUI";
 export * from "@agnos-ui/react-headless/services/extendWidget";
 export * from "@agnos-ui/react-headless/services/transitions/simpleClassTransition";
@@ -46,10 +48,12 @@ export {
   C as CarouselDefaultNavigation,
   b3 as CarouselDefaultStructure,
   C2 as Collapse,
+  D2 as DefaultDrawerSlotStructure,
   b9 as DefaultTreeSlotItem,
   a12 as DefaultTreeSlotItemContent,
   D as DefaultTreeSlotItemToggle,
   c7 as DefaultTreeSlotStructure,
+  b10 as Drawer,
   b4 as Modal,
   M as ModalDefaultSlotHeader,
   a5 as ModalDefaultSlotStructure,
@@ -69,7 +73,7 @@ export {
   a11 as Toast,
   T as ToastDefaultSlotStructure,
   f3 as ToasterContainer,
-  g as ToasterProvider,
+  g2 as ToasterProvider,
   T2 as Tree,
   WidgetsConfigContext,
   WidgetsDefaultConfig,
@@ -78,6 +82,7 @@ export {
   b2 as createAlert,
   a3 as createCarousel,
   a4 as createCollapse,
+  a13 as createDrawer,
   c3 as createModal,
   d3 as createPagination,
   b6 as createProgressbar,
@@ -92,6 +97,7 @@ export {
   e2 as getAlertDefaultConfig,
   e3 as getCarouselDefaultConfig,
   e4 as getCollapseDefaultConfig,
+  e13 as getDrawerDefaultConfig,
   e5 as getModalDefaultConfig,
   e6 as getPaginationDefaultConfig,
   e7 as getProgressbarDefaultConfig,
@@ -101,6 +107,7 @@ export {
   e11 as getToastDefaultConfig,
   e12 as getTreeDefaultConfig,
   f2 as modalCloseButtonClick,
+  g as modalCloseEscape,
   d2 as modalOutsideClick,
   o as openModal,
   c6 as toastPositions,

package/{modal-CHNXwCta.js → modal-CCDHxJ6u.js}

@@ -6,11 +6,12 @@ import clsx from "clsx";
 import { useImperativeHandle } from "react";
 import ReactDOM from "react-dom/client";
 import { useWidget } from "./generated/config.js";
-import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from "@agnos-ui/core-bootstrap/components/modal";
+import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from "@agnos-ui/core-bootstrap/components/modal";
 const export_getModalDefaultConfig = getModalDefaultConfig;
 const export_createModal = createModal;
 const export_modalOutsideClick = modalOutsideClick;
 const export_modalCloseButtonClick = modalCloseButtonClick;
+const export_modalCloseEscape = modalCloseEscape;
 const CloseButton = ({ directive }) => /* @__PURE__ */ jsx("button", { className: "btn-close", ...useDirective(directive) });
 const ModalDefaultSlotHeader = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
@@ -56,5 +57,6 @@ export {
   export_modalOutsideClick as d,
   export_getModalDefaultConfig as e,
   export_modalCloseButtonClick as f,
+  export_modalCloseEscape as g,
   openModal as o
 };

package/{modal-C22MXJLV.cjs → modal-DSduAQXI.cjs}

@@ -12,6 +12,7 @@ const export_getModalDefaultConfig = modal.getModalDefaultConfig;
 const export_createModal = modal.createModal;
 const export_modalOutsideClick = modal.modalOutsideClick;
 const export_modalCloseButtonClick = modal.modalCloseButtonClick;
+const export_modalCloseEscape = modal.modalCloseEscape;
 const CloseButton = ({ directive: directive$1 }) => /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...directive.useDirective(directive$1) });
 const ModalDefaultSlotHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
   /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
@@ -55,5 +56,6 @@ exports.ModalDefaultSlotStructure = ModalDefaultSlotStructure;
 exports.export_createModal = export_createModal;
 exports.export_getModalDefaultConfig = export_getModalDefaultConfig;
 exports.export_modalCloseButtonClick = export_modalCloseButtonClick;
+exports.export_modalCloseEscape = export_modalCloseEscape;
 exports.export_modalOutsideClick = export_modalOutsideClick;
 exports.openModal = openModal;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based component library for React.",
-	"version": "0.9.3",
+	"version": "0.10.0-next.1",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,8 +49,8 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.9.3",
-		"@agnos-ui/react-headless": "0.9.3",
+		"@agnos-ui/core-bootstrap": "0.10.0-next.1",
+		"@agnos-ui/react-headless": "0.10.0-next.1",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {

package/{toasterProvider-AZi99tUa.js → toasterProvider-BU8FKWH6.js}

@@ -70,7 +70,7 @@ const ToastToaster = ({
     onShown,
     onHidden: () => {
       toaster.removeToast(id);
-      onHidden == null ? void 0 : onHidden();
+      onHidden?.();
     },
     onVisibleChange,
     visible,

package/{toasterProvider-DeTgUXN8.cjs → toasterProvider-Dt2XqB9t.cjs}

@@ -71,7 +71,7 @@ const ToastToaster = ({
     onShown,
     onHidden: () => {
       toaster.removeToast(id);
-      onHidden == null ? void 0 : onHidden();
+      onHidden?.();
     },
     onVisibleChange,
     visible,