@agnos-ui/react-bootstrap 0.4.4 → 0.5.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm](https://img.shields.io/npm/v/@agnos-ui/react-bootstrap)](https://www.npmjs.com/package/@agnos-ui/react-bootstrap)
 
-[Bootstrap](https://getbootstrap.com/)-based widget library for [React](https://react.dev/).
+[Bootstrap](https://getbootstrap.com/)-based component library for [React](https://react.dev/).
 
 ## Installation
 
@@ -12,4 +12,4 @@ npm install @agnos-ui/react-bootstrap
 
 ## Usage
 
-Please check [our demo site](https://amadeusitgroup.github.io/AgnosUI/latest/) to see all the available widgets and how to use them.
+Please check [our demo site](https://www.agnosui.dev/latest/) to see all the available components and how to use them.

package/{accordion-DKdL2Sr3.js → accordion-BX1iR5BO.js}

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+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 { createContext, forwardRef, useContext, useImperativeHandle, useEffect } from "react";
@@ -13,42 +13,39 @@ const Header = (props) => {
   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.children, props: slotContext }) }) });
+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 DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__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 }) }) }),
+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 }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsx(ItemContent, { ...slotContext })
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure
-};
 const AccordionItem = forwardRef(
   function AccordionItem2(props, ref) {
     const { registerItem } = useContext(AccordionDIContext);
-    const [state, widget] = useWidgetWithConfig(registerItem, props, null, defaultConfig);
-    const slotContext = {
-      state,
-      widget
-    };
-    useImperativeHandle(ref, () => widget.api, []);
+    const widgetContext = useWidgetWithConfig(registerItem, props, null, {
+      structure: AccordionItemDefaultSlotStructure
+    });
+    const { state, api, directives } = widgetContext;
+    useImperativeHandle(ref, () => api, []);
     useEffect(() => {
-      widget.api.initDone();
+      api.initDone();
     }, []);
-    return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.className}`], widget.directives.itemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: slotContext }) });
+    return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: widgetContext }) });
   }
 );
 const Accordion = forwardRef(
   function Accordion2(props, ref) {
-    const widget = useWidgetWithConfig(export_createAccordion, props, "accordion")[1];
+    const widget = useWidgetWithConfig(export_createAccordion, props, "accordion");
     useImperativeHandle(ref, () => widget.api, []);
     return /* @__PURE__ */ jsx(AccordionDIContext.Provider, { value: widget.api, children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
   }
 );
 export {
-  AccordionItem as A,
-  Accordion as a,
-  export_createAccordionItem as b,
-  export_createAccordion as c,
-  export_factoryCreateAccordion as d,
-  export_getAccordionDefaultConfig as e
+  AccordionItemDefaultSlotStructure as A,
+  AccordionItem as a,
+  Accordion as b,
+  export_createAccordionItem as c,
+  export_createAccordion as d,
+  export_getAccordionDefaultConfig as e,
+  export_factoryCreateAccordion as f
 };

package/{accordion-CG9yl3xh.cjs → accordion-CxT3atuW.cjs}

@@ -14,39 +14,36 @@ const Header = (props) => {
   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.children, props: slotContext }) }) });
+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 DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__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 }) }) }),
+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 }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { ...slotContext })
 ] });
-const defaultConfig = {
-  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 slotContext = {
-      state,
-      widget
-    };
-    React.useImperativeHandle(ref, () => widget.api, []);
+    const widgetContext = generated_config.useWidgetWithConfig(registerItem, props, null, {
+      structure: AccordionItemDefaultSlotStructure
+    });
+    const { state, api, directives } = widgetContext;
+    React.useImperativeHandle(ref, () => api, []);
     React.useEffect(() => {
-      widget.api.initDone();
+      api.initDone();
     }, []);
-    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 }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: widgetContext }) });
   }
 );
 const Accordion = React.forwardRef(
   function Accordion2(props, ref) {
-    const widget = generated_config.useWidgetWithConfig(export_createAccordion, props, "accordion")[1];
+    const widget = generated_config.useWidgetWithConfig(export_createAccordion, props, "accordion");
     React.useImperativeHandle(ref, () => widget.api, []);
     return /* @__PURE__ */ jsxRuntime.jsx(AccordionDIContext.Provider, { value: widget.api, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
   }
 );
 exports.Accordion = Accordion;
 exports.AccordionItem = AccordionItem;
+exports.AccordionItemDefaultSlotStructure = AccordionItemDefaultSlotStructure;
 exports.export_createAccordion = export_createAccordion;
 exports.export_createAccordionItem = export_createAccordionItem;
 exports.export_factoryCreateAccordion = export_factoryCreateAccordion;

package/{alert-0W1n8ahW.js → alert-D1FXDsJn.js}

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+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 { forwardRef, useImperativeHandle } from "react";
@@ -6,13 +6,10 @@ import { useWidgetWithConfig } from "./generated/config.js";
 import { getAlertDefaultConfig, createAlert } from "@agnos-ui/core-bootstrap/components/alert";
 const export_getAlertDefaultConfig = getAlertDefaultConfig;
 const export_createAlert = createAlert;
-const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+const AlertDefaultSlotStructure = (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 })
+  slotContext.state.dismissible && /* @__PURE__ */ jsx("button", { type: "button", className: "btn-close", onClick: slotContext.api.close, "aria-label": slotContext.state.ariaCloseButtonLabel })
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure
-};
 const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
   "div",
   {
@@ -22,22 +19,21 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
         classDirective,
         `au-alert alert alert-${slotContext.state.type} ${slotContext.state.className} ${slotContext.state.dismissible ? "alert-dismissible" : ""}`
       ],
-      slotContext.widget.directives.transitionDirective
+      slotContext.directives.transitionDirective
     ),
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
 const Alert = forwardRef(function Alert2(props, ref) {
-  const [state, widget] = useWidgetWithConfig(export_createAlert, props, "alert", defaultConfig);
-  useImperativeHandle(ref, () => widget.api, []);
-  const slotContext = {
-    state,
-    widget
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: !state.hidden && /* @__PURE__ */ jsx(AlertElement, { ...slotContext }) });
+  const widgetContext = useWidgetWithConfig(export_createAlert, props, "alert", {
+    structure: AlertDefaultSlotStructure
+  });
+  useImperativeHandle(ref, () => widgetContext.api, []);
+  return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(AlertElement, { ...widgetContext }) });
 });
 export {
-  Alert as A,
-  export_createAlert as a,
+  AlertDefaultSlotStructure as A,
+  Alert as a,
+  export_createAlert as b,
   export_getAlertDefaultConfig as e
 };

package/{alert-DeQRFTm3.cjs → alert-LKMMYmg_.cjs}

@@ -7,13 +7,10 @@ const generated_config = require("./generated/config.cjs");
 const alert = require("@agnos-ui/core-bootstrap/components/alert");
 const export_getAlertDefaultConfig = alert.getAlertDefaultConfig;
 const export_createAlert = alert.createAlert;
-const DefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+const AlertDefaultSlotStructure = (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 })
+  slotContext.state.dismissible && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "btn-close", onClick: slotContext.api.close, "aria-label": slotContext.state.ariaCloseButtonLabel })
 ] });
-const defaultConfig = {
-  structure: DefaultSlotStructure
-};
 const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
@@ -23,20 +20,19 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
         directive.classDirective,
         `au-alert alert alert-${slotContext.state.type} ${slotContext.state.className} ${slotContext.state.dismissible ? "alert-dismissible" : ""}`
       ],
-      slotContext.widget.directives.transitionDirective
+      slotContext.directives.transitionDirective
     ),
     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(export_createAlert, props, "alert", defaultConfig);
-  React.useImperativeHandle(ref, () => widget.api, []);
-  const slotContext = {
-    state,
-    widget
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !state.hidden && /* @__PURE__ */ jsxRuntime.jsx(AlertElement, { ...slotContext }) });
+  const widgetContext = generated_config.useWidgetWithConfig(export_createAlert, props, "alert", {
+    structure: AlertDefaultSlotStructure
+  });
+  React.useImperativeHandle(ref, () => widgetContext.api, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(AlertElement, { ...widgetContext }) });
 });
 exports.Alert = Alert;
+exports.AlertDefaultSlotStructure = AlertDefaultSlotStructure;
 exports.export_createAlert = export_createAlert;
 exports.export_getAlertDefaultConfig = export_getAlertDefaultConfig;

package/collapse-BpPYsx89.cjs

@@ -0,0 +1,18 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const generated_config = require("./generated/config.cjs");
+const collapse = require("@agnos-ui/core-bootstrap/components/collapse");
+const directive = require("@agnos-ui/react-headless/utils/directive");
+const export_getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;
+const export_createCollapse = collapse.createCollapse;
+const Collapse = React.forwardRef(
+  function Collapse2(props, ref) {
+    const { api, directives } = generated_config.useWidgetWithConfig(export_createCollapse, props, "collapse");
+    React.useImperativeHandle(ref, () => api, []);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives(directives.collapseDirective), children: props.children });
+  }
+);
+exports.Collapse = Collapse;
+exports.export_createCollapse = export_createCollapse;
+exports.export_getCollapseDefaultConfig = export_getCollapseDefaultConfig;

package/collapse-DhsL8j2h.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from "react";
+import { useWidgetWithConfig } from "./generated/config.js";
+import { getCollapseDefaultConfig, createCollapse } from "@agnos-ui/core-bootstrap/components/collapse";
+import { useDirectives } from "@agnos-ui/react-headless/utils/directive";
+const export_getCollapseDefaultConfig = getCollapseDefaultConfig;
+const export_createCollapse = createCollapse;
+const Collapse = forwardRef(
+  function Collapse2(props, ref) {
+    const { api, directives } = useWidgetWithConfig(export_createCollapse, props, "collapse");
+    useImperativeHandle(ref, () => api, []);
+    return /* @__PURE__ */ jsx("div", { ...useDirectives(directives.collapseDirective), children: props.children });
+  }
+);
+export {
+  Collapse as C,
+  export_createCollapse as a,
+  export_getCollapseDefaultConfig as e
+};

package/components/accordion/accordion.d.ts

@@ -1,4 +1,43 @@
 import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
-import type { AccordionApi, AccordionItemApi, AccordionItemProps, AccordionProps } from './accordion.gen';
+import type { AccordionApi, AccordionItemApi, AccordionItemContext, AccordionItemProps, AccordionProps } from './accordion.gen';
+/**
+ * Renders the default slot structure for an accordion item.
+ *
+ * @param {AccordionItemContext} slotContext - The context containing state and directives for the accordion item.
+ * @returns {JSX.Element} The JSX element representing the accordion item's default slot structure.
+ */
+export declare const AccordionItemDefaultSlotStructure: (slotContext: AccordionItemContext) => import("react/jsx-runtime").JSX.Element;
+/**
+ * AccordionItem component is a part of the Accordion component suite.
+ *
+ * @param {Partial<AccordionItemProps>} props - The properties for the AccordionItem component.
+ * @param {ForwardedRef<AccordionItemApi>} ref - The forwarded ref to the AccordionItemApi.
+ *
+ * @returns {JSX.Element} The rendered AccordionItem component.
+ * @remarks
+ * This component uses several hooks:
+ * - {@link https://react.dev/reference/react/useContext | useContext} to get the `registerItem` function from {@link AccordionDIContext}.
+ * - {@link useWidgetWithConfig} to initialize the widget context.
+ * - {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} to expose the `api` to the parent component.
+ * - {@link https://react.dev/reference/react/useEffect | useEffect} to call `api.initDone()` after the component mounts.
+ *
+ * The component also uses {@link useDirectives} to apply directives to the rendered `div` element.
+ *
+ * @see {@link useWidgetWithConfig}
+ * @see {@link useDirectives}
+ */
 export declare const AccordionItem: ForwardRefExoticComponent<Partial<AccordionItemProps> & RefAttributes<AccordionItemApi>>;
+/**
+ * Accordion component that provides a collapsible content container.
+ *
+ * This component uses a forward ref to expose the Accordion API to parent components.
+ * It leverages the {@link useWidgetWithConfig} hook to create the accordion widget and
+ * {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} to bind the widget API to the ref.
+
+ * @param {PropsWithChildren<Partial<AccordionProps>>} props - The properties for the Accordion component.
+ * @param {ForwardedRef<AccordionApi>} ref - The ref to be forwarded to the Accordion API.
+ *
+ * @returns {JSX.Element} The rendered Accordion component.
+ *
+ */
 export declare const Accordion: ForwardRefExoticComponent<PropsWithChildren<Partial<AccordionProps>> & RefAttributes<AccordionApi>>;

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

@@ -6,7 +6,14 @@ import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions
  */
 declare const export_getAccordionDefaultConfig: () => AccordionProps;
 export { export_getAccordionDefaultConfig as getAccordionDefaultConfig };
-export type AccordionItemContext = WidgetSlotContext<AccordionItemWidget>;
+/**
+ * Represents the context for an accordion item within the accordion component.
+ */
+export interface AccordionItemContext extends WidgetSlotContext<AccordionItemWidget> {
+}
+/**
+ * Represents the state of an Accordion component.
+ */
 export interface AccordionState {
     /**
      * Array containing all the accordion-items contained in the accordion.
@@ -28,6 +35,9 @@ export interface AccordionState {
      */
     itemStructure: SlotContent<AccordionItemContext>;
 }
+/**
+ * Represents the state of an AccordionItem component.
+ */
 export interface AccordionProps {
     /**
      * The transition to use for the accordion-item body-container when the accordion-item is toggled.
@@ -131,7 +141,13 @@ export interface AccordionProps {
      */
     itemStructure: SlotContent<AccordionItemContext>;
 }
-export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, object, AccordionDirectives>;
+/**
+ * Represents an Accordion widget type.
+ */
+export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, AccordionDirectives>;
+/**
+ * Represents the state of an accordion item, extending the core item state and additional properties specific to the accordion item.
+ */
 export interface AccordionItemState {
     /**
      * If `true` the content of the accordion-item collapse should be in DOM. Its value depends on the
@@ -200,6 +216,9 @@ export interface AccordionItemState {
      */
     header: SlotContent<AccordionItemContext>;
 }
+/**
+ * Represents the properties for an Accordion item component.
+ */
 export interface AccordionItemProps {
     /**
      * If `true`, accordion-item will be animated.
@@ -289,7 +308,10 @@ export interface AccordionItemProps {
      */
     header: SlotContent<AccordionItemContext>;
 }
-export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemActions, AccordionItemDirectives>;
+/**
+ * Represents a widget for an accordion item.
+ */
+export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemDirectives>;
 /**
  * Create an AccordionItemWidget with given config props
  * @param config - an optional AccordionItem config
@@ -315,6 +337,9 @@ export { export_createAccordion as createAccordion };
  */
 declare const export_factoryCreateAccordion: (itemFactory?: WidgetFactory<AccordionItemWidget>, accordionItemProps?: string[], accordionConfig?: AccordionProps, accordionValidator?: ConfigValidator<AccordionProps>) => WidgetFactory<AccordionWidget>;
 export { export_factoryCreateAccordion as factoryCreateAccordion };
+/**
+ * Interface representing the API for an accordion component.
+ */
 export interface AccordionApi {
     /**
      * Given the itemId, will expand the corresponding accordion-item.
@@ -349,18 +374,18 @@ export interface AccordionApi {
      */
     registerItem(itemConfig?: PropsConfig<AccordionItemProps>): AccordionItemWidget;
 }
+/**
+ * Interface representing the directives used in the Accordion component.
+ */
 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;
-}
+/**
+ * Interface representing the API for an accordion item.
+ */
 export interface AccordionItemApi {
     /**
      * It will collapse the accordion-item.
@@ -379,6 +404,9 @@ export interface AccordionItemApi {
      */
     initDone(): void;
 }
+/**
+ * Interface representing the directives used in an accordion item.
+ */
 export interface AccordionItemDirectives {
     /**
      * Directive to use in special cases, if the accordion header does not use a button element to control the collapsing.

package/components/accordion/index.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-CG9yl3xh.cjs");
+const accordion = require("../../accordion-CxT3atuW.cjs");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
+exports.AccordionItemDefaultSlotStructure = accordion.AccordionItemDefaultSlotStructure;
 exports.createAccordion = accordion.export_createAccordion;
 exports.createAccordionItem = accordion.export_createAccordionItem;
 exports.factoryCreateAccordion = accordion.export_factoryCreateAccordion;

package/components/accordion/index.js

@@ -1,9 +1,10 @@
-import { a, A, c, b, d, e } from "../../accordion-DKdL2Sr3.js";
+import { b, a, A, d, c, f, e } from "../../accordion-BX1iR5BO.js";
 export {
-  a as Accordion,
-  A as AccordionItem,
-  c as createAccordion,
-  b as createAccordionItem,
-  d as factoryCreateAccordion,
+  b as Accordion,
+  a as AccordionItem,
+  A as AccordionItemDefaultSlotStructure,
+  d as createAccordion,
+  c as createAccordionItem,
+  f as factoryCreateAccordion,
   e as getAccordionDefaultConfig
 };

package/components/alert/alert.d.ts

@@ -1,3 +1,21 @@
 import type { ForwardRefExoticComponent, RefAttributes } from 'react';
-import type { AlertApi, AlertProps } from './alert.gen';
+import type { AlertApi, AlertContext, AlertProps } from './alert.gen';
+/**
+ * Renders the default slot structure for an alert component.
+ *
+ * @param slotContext - The context object containing state and API for the alert.
+ * @returns A JSX element representing the alert's body and an optional close button.
+ */
+export declare const AlertDefaultSlotStructure: (slotContext: AlertContext) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Alert component that uses a forward ref to expose an API.
+ *
+ * This component utilizes the {@link useWidgetWithConfig} hook to create an alert widget context
+ * and the {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} hook to expose the widget's API via the ref.
+ *
+ * @param props - Partial properties of the AlertProps interface.
+ * @param ref - Forwarded reference to the AlertApi.
+ *
+ * @returns A JSX element that conditionally renders the AlertElement based on the widget's hidden state.
+ */
 export declare const Alert: ForwardRefExoticComponent<Partial<AlertProps> & RefAttributes<AlertApi>>;

package/components/alert/alert.gen.d.ts

@@ -7,7 +7,14 @@ import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions
  */
 declare const export_getAlertDefaultConfig: () => AlertProps;
 export { export_getAlertDefaultConfig as getAlertDefaultConfig };
-export type AlertContext = WidgetSlotContext<AlertWidget>;
+/**
+ * Represents the context for an Alert component.
+ */
+export interface AlertContext extends WidgetSlotContext<AlertWidget> {
+}
+/**
+ * Represents the state of an alert component.
+ */
 export interface AlertState {
     /**
      * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
@@ -53,6 +60,9 @@ export interface AlertState {
      */
     type: BSContextualClass;
 }
+/**
+ * Represents the properties for the Alert component.
+ */
 export interface AlertProps {
     /**
      * The transition function will be executed when the alert is displayed or hidden.
@@ -147,7 +157,10 @@ export interface AlertProps {
      */
     type: BSContextualClass;
 }
-export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, AlertDirectives>;
+/**
+ * Represents an alert widget component.
+ */
+export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, AlertDirectives>;
 /**
  * Create an AlertWidget with given config props
  * @param config - an optional alert config
@@ -155,6 +168,9 @@ export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, Alert
  */
 declare const export_createAlert: WidgetFactory<AlertWidget>;
 export { export_createAlert as createAlert };
+/**
+ * Represents the API for an alert component.
+ */
 export interface AlertApi {
     /**
      * Triggers alert closing programmatically (same as clicking on the close button (×)).
@@ -165,6 +181,9 @@ export interface AlertApi {
      */
     open(): void;
 }
+/**
+ * Represents the directives for an alert component.
+ */
 export interface AlertDirectives {
     /**
      * the transition directive, piloting what is the visual effect of going from hidden to visible

package/components/alert/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const alert = require("../../alert-DeQRFTm3.cjs");
+const alert = require("../../alert-LKMMYmg_.cjs");
 exports.Alert = alert.Alert;
+exports.AlertDefaultSlotStructure = alert.AlertDefaultSlotStructure;
 exports.createAlert = alert.export_createAlert;
 exports.getAlertDefaultConfig = alert.export_getAlertDefaultConfig;

package/components/alert/index.js

@@ -1,6 +1,7 @@
-import { A, a, e } from "../../alert-0W1n8ahW.js";
+import { a, A, b, e } from "../../alert-D1FXDsJn.js";
 export {
-  A as Alert,
-  a as createAlert,
+  a as Alert,
+  A as AlertDefaultSlotStructure,
+  b as createAlert,
   e as getAlertDefaultConfig
 };

package/components/collapse/collapse.d.ts

@@ -0,0 +1,15 @@
+import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
+import type { CollapseApi, CollapseProps } from './collapse.gen';
+/**
+ * Collapse component that provides a collapsible container.
+ *
+ * This component uses the {@link useWidgetWithConfig} hook to create a collapse widget
+ * and applies transition directives to the container.
+ *
+ * @param props - The properties for the Collapse component.
+ * @param props.children - The child elements to be rendered inside the collapsible container.
+ * @param ref - A ref object to access the Collapse API.
+ *
+ * @returns A div element with transition directives applied, containing the child elements.
+ */
+export declare const Collapse: ForwardRefExoticComponent<PropsWithChildren<Partial<CollapseProps>> & RefAttributes<CollapseApi>>;