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

package/{accordion-D3SZgVk6.js → accordion-GX854ooE.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 { createContext, forwardRef, useContext, useImperativeHandle, useEffect } from "react";
+import { createContext, useContext, useImperativeHandle, useEffect } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getAccordionDefaultConfig, createAccordionItem, createAccordion, factoryCreateAccordion } from "@agnos-ui/core-bootstrap/components/accordion";
 const export_getAccordionDefaultConfig = getAccordionDefaultConfig;
@@ -19,27 +19,23 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(
   /* @__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 AccordionItem = forwardRef(
-  function AccordionItem2(props, ref) {
-    const { registerItem } = useContext(AccordionDIContext);
-    const widgetContext = useWidgetWithConfig(registerItem, props, null, {
-      structure: AccordionItemDefaultSlotStructure
-    });
-    const { state, api, directives } = widgetContext;
-    useImperativeHandle(ref, () => api, [api]);
-    useEffect(() => {
-      api.initDone();
-    }, [api]);
-    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");
-    useImperativeHandle(ref, () => widget.api, [widget.api]);
-    return /* @__PURE__ */ jsx(AccordionDIContext.Provider, { value: widget.api, children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
-  }
-);
+function AccordionItem(props) {
+  const { registerItem } = useContext(AccordionDIContext);
+  const widgetContext = useWidgetWithConfig(registerItem, props, null, {
+    structure: AccordionItemDefaultSlotStructure
+  });
+  const { state, api, directives } = widgetContext;
+  useImperativeHandle(props.ref, () => api, [api]);
+  useEffect(() => {
+    api.initDone();
+  }, [api]);
+  return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: widgetContext }) });
+}
+function Accordion(props) {
+  const widget = useWidgetWithConfig(export_createAccordion, props, "accordion");
+  useImperativeHandle(props.ref, () => widget.api, [widget.api]);
+  return /* @__PURE__ */ jsx(AccordionDIContext, { value: widget.api, children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
+}
 export {
   AccordionItemDefaultSlotStructure as A,
   AccordionItem as a,

package/{accordion-01ch6GZW.cjs → accordion-QclyKh8E.cjs}

@@ -20,27 +20,23 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRu
   /* @__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 AccordionItem = React.forwardRef(
-  function AccordionItem2(props, ref) {
-    const { registerItem } = React.useContext(AccordionDIContext);
-    const widgetContext = generated_config.useWidgetWithConfig(registerItem, props, null, {
-      structure: AccordionItemDefaultSlotStructure
-    });
-    const { state, api, directives } = widgetContext;
-    React.useImperativeHandle(ref, () => api, [api]);
-    React.useEffect(() => {
-      api.initDone();
-    }, [api]);
-    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");
-    React.useImperativeHandle(ref, () => widget.api, [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 }) });
-  }
-);
+function AccordionItem(props) {
+  const { registerItem } = React.useContext(AccordionDIContext);
+  const widgetContext = generated_config.useWidgetWithConfig(registerItem, props, null, {
+    structure: AccordionItemDefaultSlotStructure
+  });
+  const { state, api, directives } = widgetContext;
+  React.useImperativeHandle(props.ref, () => api, [api]);
+  React.useEffect(() => {
+    api.initDone();
+  }, [api]);
+  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 }) });
+}
+function Accordion(props) {
+  const widget = generated_config.useWidgetWithConfig(export_createAccordion, props, "accordion");
+  React.useImperativeHandle(props.ref, () => widget.api, [widget.api]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionDIContext, { 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;

package/{alert-DGvp2r3W.cjs → alert-BWfpiNSz.cjs}

@@ -25,13 +25,13 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Alert = React.forwardRef(function Alert2(props, ref) {
+function Alert(props) {
   const widgetContext = generated_config.useWidgetWithConfig(export_createAlert, props, "alert", {
     structure: AlertDefaultSlotStructure
   });
-  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [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;

package/{alert-CTTuh9t9.js → alert-CWbr08rp.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 { forwardRef, useImperativeHandle } from "react";
+import { useImperativeHandle } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getAlertDefaultConfig, createAlert } from "@agnos-ui/core-bootstrap/components/alert";
 const export_getAlertDefaultConfig = getAlertDefaultConfig;
@@ -24,13 +24,13 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Alert = forwardRef(function Alert2(props, ref) {
+function Alert(props) {
   const widgetContext = useWidgetWithConfig(export_createAlert, props, "alert", {
     structure: AlertDefaultSlotStructure
   });
-  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(AlertElement, { ...widgetContext }) });
-});
+}
 export {
   AlertDefaultSlotStructure as A,
   Alert as a,

package/{collapse-DNwn7xgF.js → collapse-BOXBa8_8.js}

@@ -1,17 +1,15 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle } from "react";
+import { 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, [api]);
-    return /* @__PURE__ */ jsx("div", { ...useDirectives(directives.collapseDirective), children: props.children });
-  }
-);
+function Collapse(props) {
+  const { api, directives } = useWidgetWithConfig(export_createCollapse, props, "collapse");
+  useImperativeHandle(props.ref, () => api, [api]);
+  return /* @__PURE__ */ jsx("div", { ...useDirectives(directives.collapseDirective), children: props.children });
+}
 export {
   Collapse as C,
   export_createCollapse as a,

package/{collapse-Dodvr8dn.cjs → collapse-UMbDs6Gh.cjs}

@@ -6,13 +6,11 @@ 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, [api]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives(directives.collapseDirective), children: props.children });
-  }
-);
+function Collapse(props) {
+  const { api, directives } = generated_config.useWidgetWithConfig(export_createCollapse, props, "collapse");
+  React.useImperativeHandle(props.ref, () => api, [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/components/accordion/accordion.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
+import type { ForwardedRef, PropsWithChildren, Ref } from 'react';
 import type { AccordionApi, AccordionItemApi, AccordionItemContext, AccordionItemProps, AccordionProps } from './accordion.gen';
 /**
  * Renders the default slot structure for an accordion item.
@@ -11,7 +11,7 @@ export declare const AccordionItemDefaultSlotStructure: (slotContext: AccordionI
  * AccordionItem component is a part of the Accordion component suite.
  *
  * @param props - The properties for the AccordionItem component.
- * @param ref - The forwarded ref to the AccordionItemApi.
+ * @param props.ref - The forwarded ref to the AccordionItemApi.
  *
  * @returns The rendered AccordionItem component.
  * @remarks
@@ -26,7 +26,9 @@ export declare const AccordionItemDefaultSlotStructure: (slotContext: AccordionI
  * @see {@link useWidgetWithConfig}
  * @see {@link useDirectives}
  */
-export declare const AccordionItem: ForwardRefExoticComponent<Partial<AccordionItemProps> & RefAttributes<AccordionItemApi>>;
+export declare function AccordionItem(props: Partial<AccordionItemProps> & {
+    ref?: Ref<AccordionItemApi>;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Accordion component that provides a collapsible content container.
  *
@@ -35,9 +37,11 @@ export declare const AccordionItem: ForwardRefExoticComponent<Partial<AccordionI
  * {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} to bind the widget API to the ref.
  *
  * @param props - The properties for the Accordion component.
- * @param ref - The ref to be forwarded to the Accordion API.
+ * @param props.ref - The ref to be forwarded to the Accordion API.
  *
  * @returns The rendered Accordion component.
  *
  */
-export declare const Accordion: ForwardRefExoticComponent<PropsWithChildren<Partial<AccordionProps>> & RefAttributes<AccordionApi>>;
+export declare function Accordion(props: PropsWithChildren<Partial<AccordionProps>> & {
+    ref?: ForwardedRef<AccordionApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-01ch6GZW.cjs");
+const accordion = require("../../accordion-QclyKh8E.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-D3SZgVk6.js";
+import { b, a, A, d, c, f, e } from "../../accordion-GX854ooE.js";
 export {
   b as Accordion,
   a as AccordionItem,

package/components/alert/alert.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { Ref } from 'react';
 import type { AlertApi, AlertContext, AlertProps } from './alert.gen';
 /**
  * Renders the default slot structure for an alert component.
@@ -14,8 +14,10 @@ export declare const AlertDefaultSlotStructure: (slotContext: AlertContext) => i
  * 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.
+ * @param props.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>>;
+export declare function Alert(props: Partial<AlertProps> & {
+    ref?: Ref<AlertApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/alert/index.cjs

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

package/components/alert/index.js

@@ -1,4 +1,4 @@
-import { a, A, b, e } from "../../alert-CTTuh9t9.js";
+import { a, A, b, e } from "../../alert-CWbr08rp.js";
 export {
   a as Alert,
   A as AlertDefaultSlotStructure,

package/components/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
+import type { PropsWithChildren, Ref } from 'react';
 import type { CollapseApi, CollapseProps } from './collapse.gen';
 /**
  * Collapse component that provides a collapsible container.
@@ -8,8 +8,10 @@ import type { CollapseApi, CollapseProps } from './collapse.gen';
  *
  * @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.
+ * @param props.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>>;
+export declare function Collapse(props: PropsWithChildren<Partial<CollapseProps>> & {
+    ref?: Ref<CollapseApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/collapse/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-Dodvr8dn.cjs");
+const collapse = require("../../collapse-UMbDs6Gh.cjs");
 exports.Collapse = collapse.Collapse;
 exports.createCollapse = collapse.export_createCollapse;
 exports.getCollapseDefaultConfig = collapse.export_getCollapseDefaultConfig;

package/components/collapse/index.js

@@ -1,4 +1,4 @@
-import { C, a, e } from "../../collapse-DNwn7xgF.js";
+import { C, a, e } from "../../collapse-BOXBa8_8.js";
 export {
   C as Collapse,
   a as createCollapse,

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-_OcXelvY.cjs");
+const modal = require("../../modal-C3hVG-lH.cjs");
 exports.Modal = modal.Modal;
 exports.ModalDefaultSlotHeader = modal.ModalDefaultSlotHeader;
 exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { b, M, a, c, e, f, d, o } from "../../modal-DuCmvYiX.js";
+import { b, M, a, c, e, f, d, o } from "../../modal-DPKlan_9.js";
 export {
   b as Modal,
   M as ModalDefaultSlotHeader,

package/components/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import type { RefAttributes } from 'react';
+import type { Ref } from 'react';
 import type { ModalApi, ModalContext, ModalProps } from './modal.gen';
 /**
  * A default header component for the modal that displays a title and an optional close button.
@@ -17,16 +17,18 @@ export declare const ModalDefaultSlotHeader: <Data>(slotContext: ModalContext<Da
  */
 export declare const ModalDefaultSlotStructure: <Data>(slotContext: ModalContext<Data>) => import("react/jsx-runtime").JSX.Element;
 /**
- * A Modal component that uses a forwardRef to expose its API.
+ * A Modal component
  *
  * @template Data - The type of data that the modal will handle.
  *
  * @param props - The properties for the Modal component.
- * @param ref - A ref to access the Modal API.
+ * @param props.ref - A ref to access the Modal API.
  *
  * @returns The rendered Modal component.
  */
-export declare const Modal: <Data>(props: Partial<ModalProps<Data>> & RefAttributes<ModalApi<Data>>) => JSX.Element;
+export declare function Modal<Data>(props: Partial<ModalProps<Data>> & {
+    ref?: Ref<ModalApi<Data>>;
+}): import("react/jsx-runtime").JSX.Element;
 /**
  * Opens a modal dialog with the specified options.
  *

package/components/pagination/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-b4pKj3Kx.cjs");
+const pagination = require("../../pagination-CYTSlunk.cjs");
 exports.NavButton = pagination.NavButton;
 exports.PageItem = pagination.PageItem;
 exports.Pagination = pagination.Pagination;

package/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { N, P, c, a, b, d, e } from "../../pagination-5jlJWfFj.js";
+import { N, P, c, a, b, d, e } from "../../pagination-AH4hiASa.js";
 export {
   N as NavButton,
   P as PageItem,

package/components/pagination/pagination.d.ts

@@ -1,4 +1,5 @@
-import type { PaginationContext, PaginationProps } from './pagination.gen';
+import type { PaginationApi, PaginationContext, PaginationProps } from './pagination.gen';
+import { type Ref } from 'react';
 /**
  * Renders the default slot pages for the pagination component.
  *
@@ -31,6 +32,9 @@ export declare const PaginationDefaultSlotStructure: (slotContext: PaginationCon
  * It uses the {@link useWidgetWithConfig} hook to create a pagination widget with the provided props.
  *
  * @param props - The properties for the Pagination component.
+ * @param props.ref - Forwarded reference to the PaginationApi.
  * @returns The rendered pagination navigation element.
  */
-export declare function Pagination(props: Partial<PaginationProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Pagination(props: Partial<PaginationProps> & {
+    ref?: Ref<PaginationApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/rating/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const rating = require("../../rating-eI8T0zvS.cjs");
+const rating = require("../../rating-BaZTCQi1.cjs");
 exports.Rating = rating.Rating;
 exports.createRating = rating.export_createRating;
 exports.getRatingDefaultConfig = rating.export_getRatingDefaultConfig;

package/components/rating/index.js

@@ -1,4 +1,4 @@
-import { R, a, e } from "../../rating-CTfRQGGu.js";
+import { R, a, e } from "../../rating-DziC4Tsh.js";
 export {
   R as Rating,
   a as createRating,

package/components/rating/rating.d.ts

@@ -1,4 +1,5 @@
-import type { RatingProps } from './rating.gen';
+import { type Ref } from 'react';
+import type { RatingApi, RatingProps } from './rating.gen';
 /**
  * Rating component that displays a series of stars based on the provided state.
  *
@@ -10,4 +11,6 @@ import type { RatingProps } from './rating.gen';
  * It applies directives to the container and individual stars for styling and behavior.
  *
  */
-export declare function Rating(props: Partial<RatingProps>): import("react/jsx-runtime").JSX.Element;
+export declare function Rating(props: Partial<RatingProps> & {
+    ref?: Ref<RatingApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/select/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const select = require("../../select-XHUAqTDw.cjs");
+const select = require("../../select-D9kVpioc.cjs");
 exports.Select = select.Select;
 exports.createSelect = select.export_createSelect;
 exports.getSelectDefaultConfig = select.export_getSelectDefaultConfig;

package/components/select/index.js

@@ -1,4 +1,4 @@
-import { S, a, e } from "../../select-BriGqe3k.js";
+import { S, a, e } from "../../select-VhhSuDsJ.js";
 export {
   S as Select,
   a as createSelect,

package/components/select/select.d.ts

@@ -1,4 +1,5 @@
-import type { SelectProps } from './select.gen';
+import type { SelectApi, SelectProps } from './select.gen';
+import { type Ref } from 'react';
 /**
  * A generic Select component that provides a customizable dropdown selection interface.
  *
@@ -10,4 +11,6 @@ import type { SelectProps } from './select.gen';
  * This component uses a widget context to manage its state and directives. It supports
  * custom badge labels and item labels through the widget configuration.
  */
-export declare function Select<Item>(props: Partial<SelectProps<Item>>): import("react/jsx-runtime").JSX.Element;
+export declare function Select<Item>(props: Partial<SelectProps<Item>> & {
+    ref?: Ref<SelectApi<Item>>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/slider/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const slider = require("../../slider-BUQne5aJ.cjs");
+const slider = require("../../slider-D0knY75x.cjs");
 exports.Slider = slider.Slider;
 exports.SliderDefaultSlotHandle = slider.SliderDefaultSlotHandle;
 exports.SliderDefaultSlotStructure = slider.SliderDefaultSlotStructure;

package/components/slider/index.js

@@ -1,4 +1,4 @@
-import { b, S, a, c, e } from "../../slider--K7ri_0l.js";
+import { b, S, a, c, e } from "../../slider-UQlY3PHn.js";
 export {
   b as Slider,
   S as SliderDefaultSlotHandle,

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

@@ -318,9 +318,13 @@ export interface ProgressDisplayOptions {
      */
     width: number;
     /**
-     * Height of hte progress in %
+     * Height of the progress in %
      */
     height: number;
+    /**
+     * Id of the progress
+     */
+    id: number;
 }
 /**
  * Options for displaying a handle in a slider component.

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-Vv1dxnuA.cjs");
+const toast = require("../../toast-BdNereP2.cjs");
 exports.Toast = toast.Toast;
 exports.ToastDefaultSlotStructure = toast.ToastDefaultSlotStructure;
 exports.createToast = toast.export_createToast;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { a, T, b, e } from "../../toast-CS1mMdhx.js";
+import { a, T, b, e } from "../../toast-CDfXkRkD.js";
 export {
   a as Toast,
   T as ToastDefaultSlotStructure,

package/components/toast/toast.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { type Ref } from 'react';
 import type { ToastApi, ToastContext, ToastProps } from './toast.gen';
 /**
  * Renders the default slot structure for a Toast component.
@@ -15,8 +15,10 @@ export declare const ToastDefaultSlotStructure: (slotContext: ToastContext) => i
  * to expose the widget's API through the forwarded ref.
  *
  * @param props - Partial properties of `ToastProps` to configure the toast widget.
- * @param ref - Ref to expose the Toast API.
+ * @param props.ref - Ref to expose the Toast API.
  *
  * @returns A JSX element that conditionally renders the `ToastElement` based on the widget's state.
  */
-export declare const Toast: ForwardRefExoticComponent<Partial<ToastProps> & RefAttributes<ToastApi>>;
+export declare function Toast(props: Partial<ToastProps> & {
+    ref?: Ref<ToastApi>;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -91,7 +91,7 @@ export interface TreeProps {
      * (node: HTMLElement) => node.querySelectorAll('button')
      * ```
      */
-    navSelector(node: HTMLElement): NodeListOf<HTMLButtonElement>;
+    navSelector(node: HTMLElement): NodeListOf<HTMLElement>;
     /**
      * Return the value for the 'aria-label' attribute of the toggle
      * @param label - tree item label

package/config.d.ts

@@ -11,9 +11,9 @@ type DefaultConfigInput = Partial2Levels<WidgetsConfig> & {
 };
 /**
  * Destructures and exports the following from `widgetFactories`:
- * - `widgetsConfigContext`: The context for widget configurations.
+ * - `WidgetsConfigContext`: The context for widget configurations.
  * - `WidgetsDefaultConfig`: The default configuration for widgets.
  * - `useWidgetContext`: A hook to use the widget context.
  * - `useWidgetWithConfig`: A hook to use a widget with a specific configuration.
  */
-export declare const widgetsConfigContext: Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof BootstrapWidgetsConfig | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof BootstrapWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>>) => WidgetSlotContext<W>;
+export declare const WidgetsConfigContext: Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof BootstrapWidgetsConfig | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof BootstrapWidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>>) => WidgetSlotContext<W>;

package/generated/config.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const config = require("@agnos-ui/react-headless/config");
 const widgetFactories = config.widgetsConfigFactory();
-const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
+exports.WidgetsConfigContext = WidgetsConfigContext;
 exports.WidgetsDefaultConfig = WidgetsDefaultConfig;
 exports.useWidgetContext = useWidgetContext;
 exports.useWidgetWithConfig = useWidgetWithConfig;
-exports.widgetsConfigContext = widgetsConfigContext;
 Object.keys(config).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/generated/config.js

@@ -1,10 +1,10 @@
 import { widgetsConfigFactory } from "@agnos-ui/react-headless/config";
 export * from "@agnos-ui/react-headless/config";
 const widgetFactories = widgetsConfigFactory();
-const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetFactories;
 export {
+  WidgetsConfigContext,
   WidgetsDefaultConfig,
   useWidgetContext,
-  useWidgetWithConfig,
-  widgetsConfigContext
+  useWidgetWithConfig
 };

package/index.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-01ch6GZW.cjs");
-const alert = require("./alert-DGvp2r3W.cjs");
-const collapse = require("./collapse-Dodvr8dn.cjs");
-const modal = require("./modal-_OcXelvY.cjs");
-const pagination = require("./pagination-b4pKj3Kx.cjs");
+const accordion = require("./accordion-QclyKh8E.cjs");
+const alert = require("./alert-BWfpiNSz.cjs");
+const collapse = require("./collapse-UMbDs6Gh.cjs");
+const modal = require("./modal-C3hVG-lH.cjs");
+const pagination = require("./pagination-CYTSlunk.cjs");
 const progressbar = require("./progressbar-JO1ey9mx.cjs");
-const rating = require("./rating-eI8T0zvS.cjs");
-const select = require("./select-XHUAqTDw.cjs");
-const slider = require("./slider-BUQne5aJ.cjs");
-const toast = require("./toast-Vv1dxnuA.cjs");
+const rating = require("./rating-BaZTCQi1.cjs");
+const select = require("./select-D9kVpioc.cjs");
+const slider = require("./slider-D0knY75x.cjs");
+const toast = require("./toast-BdNereP2.cjs");
 const tree = require("./tree-CCmlpEPq.cjs");
 const types = require("@agnos-ui/react-headless/types");
 const slot = require("@agnos-ui/react-headless/slot");
@@ -90,10 +90,10 @@ exports.DefaultTreeSlotStructure = tree.DefaultTreeSlotStructure;
 exports.Tree = tree.Tree;
 exports.createTree = tree.export_createTree;
 exports.getTreeDefaultConfig = tree.export_getTreeDefaultConfig;
+exports.WidgetsConfigContext = generated_config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
 exports.useWidgetContext = generated_config.useWidgetContext;
 exports.useWidgetWithConfig = generated_config.useWidgetWithConfig;
-exports.widgetsConfigContext = generated_config.widgetsConfigContext;
 Object.keys(types).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -1,18 +1,18 @@
-import { b, a, A, d, c, f, e } from "./accordion-D3SZgVk6.js";
-import { a as a2, A as A2, b as b2, e as e2 } from "./alert-CTTuh9t9.js";
-import { C, a as a3, e as e3 } from "./collapse-DNwn7xgF.js";
-import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-DuCmvYiX.js";
-import { N, P, c as c3, a as a5, b as b4, d as d3, e as e5 } from "./pagination-5jlJWfFj.js";
+import { b, a, A, d, c, f, e } from "./accordion-GX854ooE.js";
+import { a as a2, A as A2, b as b2, e as e2 } from "./alert-CWbr08rp.js";
+import { C, a as a3, e as e3 } from "./collapse-BOXBa8_8.js";
+import { b as b3, M, a as a4, c as c2, e as e4, f as f2, d as d2, o } from "./modal-DPKlan_9.js";
+import { N, P, c as c3, a as a5, b as b4, d as d3, e as e5 } from "./pagination-AH4hiASa.js";
 import { a as a6, P as P2, b as b5, e as e6 } from "./progressbar-DKFR5epE.js";
-import { R, a as a7, e as e7 } from "./rating-CTfRQGGu.js";
-import { S, a as a8, e as e8 } from "./select-BriGqe3k.js";
-import { b as b6, S as S2, a as a9, c as c4, e as e9 } from "./slider--K7ri_0l.js";
-import { a as a10, T, b as b7, e as e10 } from "./toast-CS1mMdhx.js";
+import { R, a as a7, e as e7 } from "./rating-DziC4Tsh.js";
+import { S, a as a8, e as e8 } from "./select-VhhSuDsJ.js";
+import { b as b6, S as S2, a as a9, c as c4, e as e9 } from "./slider-UQlY3PHn.js";
+import { a as a10, T, b as b7, e as e10 } from "./toast-CDfXkRkD.js";
 import { b as b8, a as a11, D, c as c5, T as T2, d as d4, e as e11 } from "./tree-CrXS0sFt.js";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/react-headless/slot";
 export * from "@agnos-ui/react-headless/config";
-import { WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigContext } from "./generated/config.js";
+import { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } from "./generated/config.js";
 export * from "@agnos-ui/react-headless/utils/widget";
 export * from "@agnos-ui/react-headless/utils/stores";
 export * from "@agnos-ui/react-headless/utils/portal";
@@ -62,6 +62,7 @@ export {
   a10 as Toast,
   T as ToastDefaultSlotStructure,
   T2 as Tree,
+  WidgetsConfigContext,
   WidgetsDefaultConfig,
   d as createAccordion,
   c as createAccordionItem,
@@ -91,6 +92,5 @@ export {
   d2 as modalOutsideClick,
   o as openModal,
   useWidgetContext,
-  useWidgetWithConfig,
-  widgetsConfigContext
+  useWidgetWithConfig
 };

package/{modal-_OcXelvY.cjs → modal-C3hVG-lH.cjs}

@@ -27,17 +27,17 @@ const ModalElement = (slotContext) => {
   const { fullscreen } = slotContext.state;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
 };
-const Modal = React.forwardRef(function Modal2(props, ref) {
+function Modal(props) {
   const widgetContext = generated_config.useWidgetWithConfig(export_createModal, props, "modal", {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });
-  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  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(ModalElement, { ...widgetContext })
   ] });
-});
+}
 async function openModal(options) {
   const root = ReactDOM.createRoot(document.createElement("div"));
   try {

package/{modal-DuCmvYiX.js → modal-DPKlan_9.js}

@@ -3,7 +3,7 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective, useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { Portal } from "@agnos-ui/react-headless/utils/portal";
 import classNames from "classnames";
-import { forwardRef, useImperativeHandle } from "react";
+import { useImperativeHandle } from "react";
 import ReactDOM from "react-dom/client";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from "@agnos-ui/core-bootstrap/components/modal";
@@ -26,17 +26,17 @@ const ModalElement = (slotContext) => {
   const { fullscreen } = slotContext.state;
   return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: classNames("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
 };
-const Modal = forwardRef(function Modal2(props, ref) {
+function Modal(props) {
   const widgetContext = useWidgetWithConfig(export_createModal, props, "modal", {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });
-  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  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(ModalElement, { ...widgetContext })
   ] });
-});
+}
 async function openModal(options) {
   const root = ReactDOM.createRoot(document.createElement("div"));
   try {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based component library for React.",
-	"version": "0.7.0-next.0",
+	"version": "0.7.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,14 +49,14 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.7.0-next.0",
-		"@agnos-ui/react-headless": "0.7.0-next.0",
+		"@agnos-ui/core-bootstrap": "0.7.0",
+		"@agnos-ui/react-headless": "0.7.0",
 		"classnames": "^2.5.1"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1"
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"sideEffects": false,
 	"homepage": "https://www.agnosui.dev/latest/",

package/{pagination-5jlJWfFj.js → pagination-AH4hiASa.js}

@@ -3,6 +3,7 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import classNames from "classnames";
 import { useWidgetWithConfig } from "./generated/config.js";
 import * as React from "react";
+import { useImperativeHandle } from "react";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { getPaginationDefaultConfig, createPagination } from "@agnos-ui/core-bootstrap/components/pagination";
 const PageItem = React.forwardRef(
@@ -88,6 +89,7 @@ function Pagination(props) {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx("nav", { "aria-label": widgetContext.state.ariaLabel, children: /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
 export {

package/{pagination-b4pKj3Kx.cjs → pagination-CYTSlunk.cjs}

@@ -106,6 +106,7 @@ function Pagination(props) {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": widgetContext.state.ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext }) });
 }
 exports.NavButton = NavButton;

package/{rating-eI8T0zvS.cjs → rating-BaZTCQi1.cjs}

@@ -8,21 +8,22 @@ const rating = require("@agnos-ui/core-bootstrap/components/rating");
 const export_getRatingDefaultConfig = rating.getRatingDefaultConfig;
 const export_createRating = rating.createRating;
 function Star({ star, state, directive: directive$1 }) {
-  const arg = { index: star.index };
   return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "visually-hidden", children: [
       "(",
       star.index < state.visibleRating ? "*" : " ",
       ")"
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, arg), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.star, props: star }) })
+    /* @__PURE__ */ jsxRuntime.jsx("span", { ...directive.useDirective(directive$1, { index: star.index }), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
 function Rating(props) {
   const {
     state,
-    directives: { containerDirective, starDirective }
+    directives: { containerDirective, starDirective },
+    api
   } = generated_config.useWidgetWithConfig(export_createRating, props, "rating");
+  React.useImperativeHandle(props.ref, () => api, [api]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "d-inline-flex"], containerDirective), children: state.stars.map((star) => /* @__PURE__ */ jsxRuntime.jsx(Star, { star, state, directive: starDirective }, star.index)) });
 }
 exports.Rating = Rating;

package/{rating-CTfRQGGu.js → rating-DziC4Tsh.js}

@@ -1,27 +1,28 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
-import React__default from "react";
+import { useImperativeHandle, Fragment } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getRatingDefaultConfig, createRating } from "@agnos-ui/core-bootstrap/components/rating";
 const export_getRatingDefaultConfig = getRatingDefaultConfig;
 const export_createRating = createRating;
 function Star({ star, state, directive }) {
-  const arg = { index: star.index };
-  return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("span", { className: "visually-hidden", children: [
       "(",
       star.index < state.visibleRating ? "*" : " ",
       ")"
     ] }),
-    /* @__PURE__ */ jsx("span", { ...useDirective(directive, arg), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.star, props: star }) })
+    /* @__PURE__ */ jsx("span", { ...useDirective(directive, { index: star.index }), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
 function Rating(props) {
   const {
     state,
-    directives: { containerDirective, starDirective }
+    directives: { containerDirective, starDirective },
+    api
   } = useWidgetWithConfig(export_createRating, props, "rating");
+  useImperativeHandle(props.ref, () => api, [api]);
   return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "d-inline-flex"], containerDirective), children: state.stars.map((star) => /* @__PURE__ */ jsx(Star, { star, state, directive: starDirective }, star.index)) });
 }
 export {

package/{select-XHUAqTDw.cjs → select-D9kVpioc.cjs}

@@ -5,6 +5,7 @@ const directive = require("@agnos-ui/react-headless/utils/directive");
 const classNames = require("classnames");
 const generated_config = require("./generated/config.cjs");
 const select = require("@agnos-ui/core-bootstrap/components/select");
+const React = require("react");
 const export_getSelectDefaultConfig = select.getSelectDefaultConfig;
 const export_createSelect = select.createSelect;
 function DefaultBadge(slotContext) {
@@ -40,6 +41,7 @@ function Select(props) {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   const {
     state: { id, visibleItems, filterText, open, className },
     directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }
@@ -48,7 +50,7 @@ function Select(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...directive.useDirectives([directive.classDirective, `au-select dropdown border border-1 p-1 mb-3 d-block ${className}`], referenceDirective), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { ...directive.useDirectives([directive.classDirective, "d-flex align-items-center flex-wrap gap-1"], hasFocusDirective, inputContainerDirective), children: [
       /* @__PURE__ */ jsxRuntime.jsx(Badges, { slotContext: widgetContext }),
-      /* @__PURE__ */ jsxRuntime.jsx("input", { value: filterText, ...directive.useDirective(inputDirective), onChange: () => {
+      /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", value: filterText, ...directive.useDirective(inputDirective), onChange: () => {
       } })
     ] }),
     open && visibleItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Rows, { slotContext: widgetContext, menuId })

package/{select-BriGqe3k.js → select-VhhSuDsJ.js}

@@ -4,6 +4,7 @@ import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-hea
 import classNames from "classnames";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getSelectDefaultConfig, createSelect } from "@agnos-ui/core-bootstrap/components/select";
+import { useImperativeHandle } from "react";
 const export_getSelectDefaultConfig = getSelectDefaultConfig;
 const export_createSelect = createSelect;
 function DefaultBadge(slotContext) {
@@ -39,6 +40,7 @@ function Select(props) {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   const {
     state: { id, visibleItems, filterText, open, className },
     directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }
@@ -47,7 +49,7 @@ function Select(props) {
   return /* @__PURE__ */ jsxs("div", { ...useDirectives([classDirective, `au-select dropdown border border-1 p-1 mb-3 d-block ${className}`], referenceDirective), children: [
     /* @__PURE__ */ jsxs("div", { ...useDirectives([classDirective, "d-flex align-items-center flex-wrap gap-1"], hasFocusDirective, inputContainerDirective), children: [
       /* @__PURE__ */ jsx(Badges, { slotContext: widgetContext }),
-      /* @__PURE__ */ jsx("input", { value: filterText, ...useDirective(inputDirective), onChange: () => {
+      /* @__PURE__ */ jsx("input", { type: "text", value: filterText, ...useDirective(inputDirective), onChange: () => {
       } })
     ] }),
     open && visibleItems.length > 0 && /* @__PURE__ */ jsx(Rows, { slotContext: widgetContext, menuId })

package/{slider-BUQne5aJ.cjs → slider-D0knY75x.cjs}

@@ -34,7 +34,7 @@ const CombinedLabel = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { .
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
 ] }) });
 const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, index)),
+  slotContext.state.progressDisplayOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, option.id)),
   /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.clickableAreaDirective) }),
   slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsxRuntime.jsx(MinMaxLabels, { ...slotContext }),
   slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(CombinedLabel, { ...slotContext }),

package/{slider--K7ri_0l.js → slider-UQlY3PHn.js}

@@ -33,7 +33,7 @@ const CombinedLabel = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirect
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.sortedValues[1], ...slotContext } })
 ] }) });
 const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  slotContext.state.progressDisplayOptions.map((option, index) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, index)),
+  slotContext.state.progressDisplayOptions.map((option) => /* @__PURE__ */ jsx(ProgressDisplay, { directive: slotContext.directives.progressDisplayDirective, option }, option.id)),
   /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.clickableAreaDirective) }),
   slotContext.state.showMinMaxLabels && /* @__PURE__ */ jsx(MinMaxLabels, { ...slotContext }),
   slotContext.state.showValueLabels && slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(CombinedLabel, { ...slotContext }),

package/{toast-Vv1dxnuA.cjs → toast-BdNereP2.cjs}

@@ -30,14 +30,14 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Toast = React.forwardRef(function Toast2(props, ref) {
+function Toast(props) {
   const widgetContext = generated_config.useWidgetWithConfig(export_createToast, props, "toast", {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });
-  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ToastElement, { ...widgetContext }) });
-});
+}
 exports.Toast = Toast;
 exports.ToastDefaultSlotStructure = ToastDefaultSlotStructure;
 exports.export_createToast = export_createToast;

package/{toast-CS1mMdhx.js → toast-CDfXkRkD.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 { forwardRef, useImperativeHandle } from "react";
+import { useImperativeHandle } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getToastDefaultConfig, createToast } from "@agnos-ui/core-bootstrap/components/toast";
 const export_getToastDefaultConfig = getToastDefaultConfig;
@@ -29,14 +29,14 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Toast = forwardRef(function Toast2(props, ref) {
+function Toast(props) {
   const widgetContext = useWidgetWithConfig(export_createToast, props, "toast", {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });
-  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(ToastElement, { ...widgetContext }) });
-});
+}
 export {
   ToastDefaultSlotStructure as T,
   Toast as a,