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

package/{accordion-Bpx0new2.js → accordion-CMbgQzoG.js}

@@ -3,28 +3,28 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import { createContext, forwardRef, useContext, useImperativeHandle, useEffect } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { createAccordion as createAccordion$1 } from "@agnos-ui/core-bootstrap/components/accordion";
+import { createAccordion as createAccordion$1, getAccordionDefaultConfig as getAccordionDefaultConfig$1, createAccordionItem as createAccordionItem$1 } from "@agnos-ui/core-bootstrap/components/accordion";
 const createAccordion = createAccordion$1;
+const getAccordionDefaultConfig = getAccordionDefaultConfig$1;
+const createAccordionItem = createAccordionItem$1;
 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 ItemContent = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-collapse"], slotContext.widget.directives.bodyContainerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-body"], slotContext.widget.directives.bodyDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotItemBody, props: slotContext }) }) });
+const ItemContent = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-collapse"], slotContext.widget.directives.bodyContainerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-body"], slotContext.widget.directives.bodyDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 const AccordionDIContext = createContext({});
 const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Header, { directive: slotContext.widget.directives.headerDirective, headerTag: slotContext.state.itemHeadingTag, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.widget.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotItemHeader, props: slotContext }) }) }),
+  /* @__PURE__ */ jsx(Header, { directive: slotContext.widget.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.widget.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsx(ItemContent, { ...slotContext })
 ] });
 const defaultConfig = {
-  slotItemStructure: DefaultSlotStructure
+  structure: DefaultSlotStructure
 };
 const AccordionItem = forwardRef(
   function AccordionItem2(props, ref) {
     const { registerItem } = useContext(AccordionDIContext);
-    const [state, widget] = useWidgetWithConfig(registerItem, props, null, {
-      ...defaultConfig
-    });
+    const [state, widget] = useWidgetWithConfig(registerItem, props, null, defaultConfig);
     const slotContext = {
       state,
       widget
@@ -33,7 +33,7 @@ const AccordionItem = forwardRef(
     useEffect(() => {
       widget.api.initDone();
     }, []);
-    return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.itemClass}`], widget.directives.accordionItemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.slotItemStructure, props: slotContext }) });
+    return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.className}`], widget.directives.itemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
   }
 );
 const Accordion = forwardRef(
@@ -45,6 +45,8 @@ const Accordion = forwardRef(
 );
 export {
   AccordionItem as A,
-  Accordion as a,
-  createAccordion as c
+  createAccordionItem as a,
+  Accordion as b,
+  createAccordion as c,
+  getAccordionDefaultConfig as g
 };

package/{accordion-BaQCaLLI.cjs → accordion-DnlQmoOX.cjs}

@@ -6,26 +6,26 @@ const generated_config = require("./generated/config.cjs");
 const directive = require("@agnos-ui/react-headless/utils/directive");
 const accordion = require("@agnos-ui/core-bootstrap/components/accordion");
 const createAccordion = accordion.createAccordion;
+const getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;
+const createAccordionItem = accordion.createAccordionItem;
 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 ItemContent = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-collapse"], slotContext.widget.directives.bodyContainerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-body"], slotContext.widget.directives.bodyDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotItemBody, props: slotContext }) }) });
+const ItemContent = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-collapse"], slotContext.widget.directives.bodyContainerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-body"], slotContext.widget.directives.bodyDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 const AccordionDIContext = React.createContext({});
 const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.widget.directives.headerDirective, headerTag: slotContext.state.itemHeadingTag, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.widget.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotItemHeader, props: slotContext }) }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.widget.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.widget.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { ...slotContext })
 ] });
 const defaultConfig = {
-  slotItemStructure: DefaultSlotStructure
+  structure: DefaultSlotStructure
 };
 const AccordionItem = React.forwardRef(
   function AccordionItem2(props, ref) {
     const { registerItem } = React.useContext(AccordionDIContext);
-    const [state, widget] = generated_config.useWidgetWithConfig(registerItem, props, null, {
-      ...defaultConfig
-    });
+    const [state, widget] = generated_config.useWidgetWithConfig(registerItem, props, null, defaultConfig);
     const slotContext = {
       state,
       widget
@@ -34,7 +34,7 @@ const AccordionItem = React.forwardRef(
     React.useEffect(() => {
       widget.api.initDone();
     }, []);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, `accordion-item ${state.itemClass}`], widget.directives.accordionItemDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.slotItemStructure, props: slotContext }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, `accordion-item ${state.className}`], widget.directives.itemDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: slotContext }) });
   }
 );
 const Accordion = React.forwardRef(
@@ -47,3 +47,5 @@ const Accordion = React.forwardRef(
 exports.Accordion = Accordion;
 exports.AccordionItem = AccordionItem;
 exports.createAccordion = createAccordion;
+exports.createAccordionItem = createAccordionItem;
+exports.getAccordionDefaultConfig = getAccordionDefaultConfig;

package/{alert-DOBOL4nD.cjs → alert-Bn5ooyqK.cjs}

@@ -6,22 +6,13 @@ const directive = require("@agnos-ui/react-headless/utils/directive");
 const React = require("react");
 const alert = require("@agnos-ui/core-bootstrap/components/alert");
 const createAlert = alert.createAlert;
-const DefaultSlotStructure = (slotContext) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }),
-    slotContext.state.dismissible && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: "btn-close",
-        onClick: slotContext.widget.api.close,
-        "aria-label": slotContext.state.ariaCloseButtonLabel
-      }
-    )
-  ] });
-};
+const getAlertDefaultConfig = alert.getAlertDefaultConfig;
+const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "alert-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
+  slotContext.state.dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn-close", onClick: slotContext.widget.api.close, "aria-label": slotContext.state.ariaCloseButtonLabel })
+] });
 const defaultConfig = {
-  slotStructure: DefaultSlotStructure
+  structure: DefaultSlotStructure
 };
 const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
@@ -34,11 +25,11 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
       ],
       slotContext.widget.directives.transitionDirective
     ),
-    children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.slotStructure, props: slotContext })
+    children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
 const Alert = React.forwardRef(function Alert2(props, ref) {
-  const [state, widget] = generated_config.useWidgetWithConfig(createAlert, props, "alert", { ...defaultConfig, slotDefault: props.children });
+  const [state, widget] = generated_config.useWidgetWithConfig(createAlert, props, "alert", defaultConfig);
   React.useImperativeHandle(ref, () => widget.api, []);
   const slotContext = {
     state,
@@ -48,3 +39,4 @@ const Alert = React.forwardRef(function Alert2(props, ref) {
 });
 exports.Alert = Alert;
 exports.createAlert = createAlert;
+exports.getAlertDefaultConfig = getAlertDefaultConfig;

package/{alert-DWq65Emo.js → alert-DKl7HLhb.js}

@@ -3,24 +3,15 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { forwardRef, useImperativeHandle } from "react";
-import { createAlert as createAlert$1 } from "@agnos-ui/core-bootstrap/components/alert";
+import { createAlert as createAlert$1, getAlertDefaultConfig as getAlertDefaultConfig$1 } from "@agnos-ui/core-bootstrap/components/alert";
 const createAlert = createAlert$1;
-const DefaultSlotStructure = (slotContext) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "alert-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotDefault, props: slotContext }) }),
-    slotContext.state.dismissible && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "btn-close",
-        onClick: slotContext.widget.api.close,
-        "aria-label": slotContext.state.ariaCloseButtonLabel
-      }
-    )
-  ] });
-};
+const getAlertDefaultConfig = getAlertDefaultConfig$1;
+const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("div", { className: "alert-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
+  slotContext.state.dismissible && /* @__PURE__ */ jsx("button", { type: "button", className: "btn-close", onClick: slotContext.widget.api.close, "aria-label": slotContext.state.ariaCloseButtonLabel })
+] });
 const defaultConfig = {
-  slotStructure: DefaultSlotStructure
+  structure: DefaultSlotStructure
 };
 const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
   "div",
@@ -33,11 +24,11 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
       ],
       slotContext.widget.directives.transitionDirective
     ),
-    children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.slotStructure, props: slotContext })
+    children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
 const Alert = forwardRef(function Alert2(props, ref) {
-  const [state, widget] = useWidgetWithConfig(createAlert, props, "alert", { ...defaultConfig, slotDefault: props.children });
+  const [state, widget] = useWidgetWithConfig(createAlert, props, "alert", defaultConfig);
   useImperativeHandle(ref, () => widget.api, []);
   const slotContext = {
     state,
@@ -47,5 +38,6 @@ const Alert = forwardRef(function Alert2(props, ref) {
 });
 export {
   Alert as A,
-  createAlert as c
+  createAlert as c,
+  getAlertDefaultConfig as g
 };

package/components/accordion/accordion.d.ts

@@ -1,15 +1,9 @@
 import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/react-headless/types';
-import type { AccordionItemApi } from '@agnos-ui/core-bootstrap/components/accordion';
-export * from '@agnos-ui/core-bootstrap/components/accordion';
-export type AccordionWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/accordion').AccordionWidget>;
-export type AccordionProps = WidgetProps<AccordionWidget>;
-export type AccordionState = WidgetState<AccordionWidget>;
-export type AccordionApi = AccordionWidget['api'];
-export type AccordionItemWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/accordion').AccordionItemWidget>;
-export type AccordionItemProps = WidgetProps<AccordionItemWidget>;
-export type AccordionItemState = WidgetState<AccordionItemWidget>;
-export type AccordionItemContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/accordion').AccordionItemContext>;
+import type { WidgetFactory } from '@agnos-ui/react-headless/types';
+import type { AccordionWidget, AccordionApi, AccordionItemProps, AccordionProps, AccordionItemApi, AccordionItemWidget } from './accordion.gen';
+export type * from './accordion.gen';
 export declare const createAccordion: WidgetFactory<AccordionWidget>;
-export declare const AccordionItem: ForwardRefExoticComponent<PropsWithChildren<Partial<AccordionItemProps>> & RefAttributes<AccordionItemApi>>;
+export declare const getAccordionDefaultConfig: () => AccordionProps;
+export declare const createAccordionItem: WidgetFactory<AccordionItemWidget>;
+export declare const AccordionItem: ForwardRefExoticComponent<Partial<AccordionItemProps> & RefAttributes<AccordionItemApi>>;
 export declare const Accordion: ForwardRefExoticComponent<PropsWithChildren<Partial<AccordionProps>> & RefAttributes<AccordionApi>>;

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

@@ -0,0 +1,343 @@
+import type { WidgetSlotContext, SlotContent, Widget, PropsConfig, Directive } from '@agnos-ui/react-headless/types';
+import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
+export type AccordionItemContext = WidgetSlotContext<AccordionItemWidget>;
+export interface AccordionState {
+    /**
+     * Array containing all the accordion-items contained in the accordion.
+     */
+    itemWidgets: AccordionItemWidget[];
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Structure of the accordion-item. The default item structure is: accordion-item
+     * contains accordion header and accordion-item body container; the accordion header contains the accordion button
+     * (that contains `header`), while the accordion-item body container contains the accordion body (that contains `children`).
+     * The itemTransition is applied on this element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemStructure: SlotContent<AccordionItemContext>;
+}
+export interface AccordionProps {
+    /**
+     * If `true`, only one accordion-item at the time can stay open.
+     */
+    closeOthers: boolean;
+    /**
+     * An event fired when an item is shown.
+     *
+     * Event payload is the id of the item.
+     */
+    onItemShown: (itemId: string) => void;
+    /**
+     * An event fired when an item is hidden.
+     *
+     * Event payload is the id of the item.
+     */
+    onItemHidden: (itemId: string) => void;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     */
+    itemDestroyOnHide: boolean;
+    /**
+     * If `true`, accordion-item will be animated.
+     */
+    itemAnimated: boolean;
+    /**
+     * The transition to use for the accordion-item body-container when the accordion-item is toggled.
+     */
+    itemTransition: TransitionFn;
+    /**
+     * CSS classes to add on the accordion-item DOM element.
+     */
+    itemClassName: string;
+    /**
+     * CSS classes to add on the accordion-item header DOM element.
+     */
+    itemHeaderClassName: string;
+    /**
+     * CSS classes to add on the accordion-item toggle button DOM element.
+     */
+    itemButtonClassName: string;
+    /**
+     * CSS classes to add on the accordion-item body container DOM element.
+     * The accordion-item body container is the DOM element on what the itemTransition is applied.
+     */
+    itemBodyContainerClassName: string;
+    /**
+     * CSS classes to add on the accordion-item body DOM element.
+     */
+    itemBodyClassName: string;
+    /**
+     * The html tag to use for the accordion-item-header.
+     */
+    itemHeadingTag: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Structure of the accordion-item. The default item structure is: accordion-item
+     * contains accordion header and accordion-item body container; the accordion header contains the accordion button
+     * (that contains `header`), while the accordion-item body container contains the accordion body (that contains `children`).
+     * The itemTransition is applied on this element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    itemStructure: SlotContent<AccordionItemContext>;
+}
+export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, object, AccordionDirectives>;
+export interface AccordionItemState {
+    /**
+     * If `true` the content of the accordion-item collapse should be in DOM. Its value depends on the
+     * value of the `visible` and `destroyOnHide`.
+     */
+    shouldBeInDOM: boolean;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     */
+    visible: boolean;
+    /**
+     * If `true`, the accordion-item will be disabled.
+     * It will not react to user's clicks, but still will be possible to toggle programmatically.
+     */
+    disabled: boolean;
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     */
+    id: string;
+    /**
+     * CSS classes to add on the accordion-item header DOM element.
+     */
+    headerClassName: string;
+    /**
+     * CSS classes to add on the accordion-item collapse DOM element.
+     */
+    buttonClassName: string;
+    /**
+     * CSS classes to add on the accordion-item body container DOM element.
+     * The accordion-item body container is the DOM element on what the itemTransition is applied.
+     */
+    bodyContainerClassName: string;
+    /**
+     * CSS classes to add on the accordion-item body DOM element.
+     */
+    bodyClassName: string;
+    /**
+     * The html tag to use for the accordion-item-header.
+     */
+    headingTag: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Structure of the accordion-item. The default item structure is: accordion-item
+     * contains accordion header and accordion-item body container; the accordion header contains the accordion button
+     * (that contains `header`), while the accordion-item body container contains the accordion body (that contains `children`).
+     * The itemTransition is applied on this element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    structure: SlotContent<AccordionItemContext>;
+    /**
+     * Content present in the accordion body.
+     *
+     * It is a prop of the accordion-item.
+     */
+    children: SlotContent<AccordionItemContext>;
+    /**
+     * Content present in the accordion button inside the accordion header.
+     *
+     * It is a prop of the accordion-item.
+     */
+    header: SlotContent<AccordionItemContext>;
+}
+export interface AccordionItemProps {
+    /**
+     * If `true`, accordion-item will be animated.
+     */
+    animated: boolean;
+    /**
+     * The transition to use for the accordion-item body-container when the accordion-item is toggled.
+     */
+    transition: TransitionFn;
+    /**
+     * If `true`, the accordion-item body container will be removed from the DOM when the accordion-item is collapsed. It will be just hidden otherwise.
+     */
+    destroyOnHide: boolean;
+    /**
+     * An event fired when an item is shown.
+     */
+    onShown: () => void;
+    /**
+     * An event fired when an item is hidden.
+     */
+    onHidden: () => void;
+    /**
+     * An event fired when the `visible` value changes.
+     *
+     * Event payload is the new value of visible.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
+     */
+    visible: boolean;
+    /**
+     * If `true`, the accordion-item will be disabled.
+     * It will not react to user's clicks, but still will be possible to toggle programmatically.
+     */
+    disabled: boolean;
+    /**
+     * The id of the accordion-item. It can be used for controlling the accordion-item via the accordion api.
+     */
+    id: string;
+    /**
+     * CSS classes to add on the accordion-item header DOM element.
+     */
+    headerClassName: string;
+    /**
+     * CSS classes to add on the accordion-item collapse DOM element.
+     */
+    buttonClassName: string;
+    /**
+     * CSS classes to add on the accordion-item body container DOM element.
+     * The accordion-item body container is the DOM element on what the itemTransition is applied.
+     */
+    bodyContainerClassName: string;
+    /**
+     * CSS classes to add on the accordion-item body DOM element.
+     */
+    bodyClassName: string;
+    /**
+     * The html tag to use for the accordion-item-header.
+     */
+    headingTag: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Structure of the accordion-item. The default item structure is: accordion-item
+     * contains accordion header and accordion-item body container; the accordion header contains the accordion button
+     * (that contains `header`), while the accordion-item body container contains the accordion body (that contains `children`).
+     * The itemTransition is applied on this element.
+     *
+     * It is a prop of the accordion-item.
+     */
+    structure: SlotContent<AccordionItemContext>;
+    /**
+     * Content present in the accordion body.
+     *
+     * It is a prop of the accordion-item.
+     */
+    children: SlotContent<AccordionItemContext>;
+    /**
+     * Content present in the accordion button inside the accordion header.
+     *
+     * It is a prop of the accordion-item.
+     */
+    header: SlotContent<AccordionItemContext>;
+}
+export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemActions, AccordionItemDirectives>;
+export interface AccordionApi {
+    /**
+     * Given the itemId, will expand the corresponding accordion-item.
+     *
+     * If the itemId is not valid, nothing will happen.
+     */
+    expand(itemId: string): void;
+    /**
+     * Given the itemId, will collapse the corresponding accordion-item.
+     *
+     * If the itemId is not valid, nothing will happen.
+     */
+    collapse(itemId: string): void;
+    /**
+     * Given the itemId, will toggle the corresponding accordion-item.
+     *
+     * If the itemId is not valid, nothing will happen.
+     */
+    toggle(itemId: string): void;
+    /**
+     * It will expand all the items in the accordion.
+     *
+     * If `closeOthers` is `true` it will expand only the last accordion-item.
+     */
+    expandAll(): void;
+    /**
+     * It will collapse all the accordion-items in the accordion.
+     */
+    collapseAll(): void;
+    /**
+     * Creates a new accordionItem.
+     */
+    registerItem(itemConfig?: PropsConfig<AccordionItemProps>): AccordionItemWidget;
+}
+export interface AccordionDirectives {
+    /**
+     * Directive to put on the accordion DOM element
+     */
+    accordionDirective: Directive;
+}
+export interface AccordionItemActions {
+    /**
+     * Action to be called when the user clicks on the accordion-item button. If the accordion-item is disabled nothing will happen.
+     */
+    click(): void;
+}
+export interface AccordionItemApi {
+    /**
+     * It will collapse the accordion-item.
+     */
+    collapse(): void;
+    /**
+     * It will expand the accordion-item.
+     */
+    expand(): void;
+    /**
+     * It will toggle the accordion-item.
+     */
+    toggle(): void;
+    /**
+     * Method to be called after the initialization to allow animations.
+     */
+    initDone(): void;
+}
+export interface AccordionItemDirectives {
+    /**
+     * Directive to use in special cases, if the accordion header does not use a button element to control the collapsing.
+     */
+    toggleDirective: Directive;
+    /**
+     * Directive to put on the button element that will control the collapsing of the accordion-item.
+     */
+    buttonDirective: Directive;
+    /**
+     * Directive to put on the accordion-item header that will contain the button element.
+     */
+    headerDirective: Directive;
+    /**
+     * Directive to put on the accordion-item body.
+     */
+    bodyDirective: Directive;
+    /**
+     * Directive to apply the itemTransition
+     */
+    transitionDirective: Directive;
+    /**
+     * Directive to apply aria attributes to the expanded body panel
+     */
+    bodyContainerAttrsDirective: Directive;
+    /**
+     * Directive to be put on the accordion-item body container. It will handle the animation.
+     */
+    bodyContainerDirective: Directive;
+    /**
+     * Directive to be put on the accordion-item. It will handle adding the accordion-item to the accordion.
+     */
+    itemDirective: Directive;
+}

package/components/accordion/index.cjs

@@ -1,14 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-BaQCaLLI.cjs");
-const accordion$1 = require("@agnos-ui/core-bootstrap/components/accordion");
+const accordion = require("../../accordion-DnlQmoOX.cjs");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
 exports.createAccordion = accordion.createAccordion;
-Object.keys(accordion$1).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => accordion$1[k]
-    });
-});
+exports.createAccordionItem = accordion.createAccordionItem;
+exports.getAccordionDefaultConfig = accordion.getAccordionDefaultConfig;

package/components/accordion/index.js

@@ -1,7 +1,8 @@
-import { a, A, c } from "../../accordion-Bpx0new2.js";
-export * from "@agnos-ui/core-bootstrap/components/accordion";
+import { b, A, c, a, g } from "../../accordion-CMbgQzoG.js";
 export {
-  a as Accordion,
+  b as Accordion,
   A as AccordionItem,
-  c as createAccordion
+  c as createAccordion,
+  a as createAccordionItem,
+  g as getAccordionDefaultConfig
 };

package/components/alert/alert.d.ts

@@ -1,10 +1,7 @@
-import type { PropsWithChildren, ForwardRefExoticComponent, RefAttributes } from 'react';
-import type { AlertApi } from '@agnos-ui/core-bootstrap/components/alert';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/react-headless/types';
-export * from '@agnos-ui/core-bootstrap/components/alert';
-export type AlertWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/alert').AlertWidget>;
-export type AlertProps = WidgetProps<AlertWidget>;
-export type AlertState = WidgetState<AlertWidget>;
-export type AlertContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/alert').AlertContext>;
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { WidgetFactory } from '@agnos-ui/react-headless/types';
+import type { AlertProps, AlertWidget, AlertApi } from './alert.gen';
+export type * from './alert.gen';
 export declare const createAlert: WidgetFactory<AlertWidget>;
-export declare const Alert: ForwardRefExoticComponent<PropsWithChildren<Partial<AlertProps>> & RefAttributes<AlertApi>>;
+export declare const getAlertDefaultConfig: () => AlertProps;
+export declare const Alert: ForwardRefExoticComponent<Partial<AlertProps> & RefAttributes<AlertApi>>;