@agnos-ui/react-bootstrap 0.8.1 → 0.9.0-next.0

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

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { useContext, createContext, useId, useImperativeHandle, useEffect } from "react";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getAccordionDefaultConfig, createAccordionItem, createAccordion, factoryCreateAccordion } from "@agnos-ui/core-bootstrap/components/accordion";
 const export_getAccordionDefaultConfig = getAccordionDefaultConfig;
 const export_createAccordionItem = createAccordionItem;
@@ -22,7 +22,7 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(
 function AccordionItem(props) {
   const { registerItem } = useContext(AccordionDIContext);
   const id = useId();
-  const widgetContext = useWidgetWithConfig(registerItem, props, null, {
+  const widgetContext = useWidget(registerItem, props, {
     structure: AccordionItemDefaultSlotStructure,
     id
   });
@@ -34,7 +34,7 @@ function AccordionItem(props) {
   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");
+  const widget = useWidget(export_createAccordion, props);
   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 }) });
 }

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

@@ -23,7 +23,7 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRu
 function AccordionItem(props) {
   const { registerItem } = React.useContext(AccordionDIContext);
   const id = React.useId();
-  const widgetContext = generated_config.useWidgetWithConfig(registerItem, props, null, {
+  const widgetContext = generated_config.useWidget(registerItem, props, {
     structure: AccordionItemDefaultSlotStructure,
     id
   });
@@ -35,7 +35,7 @@ function AccordionItem(props) {
   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");
+  const widget = generated_config.useWidget(export_createAccordion, props);
   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 }) });
 }

package/{alert-BGVw_vsM.cjs → alert-56ypguOK.cjs}

@@ -26,7 +26,7 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function Alert(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createAlert, props, "alert", {
+  const widgetContext = generated_config.useWidget(export_createAlert, props, {
     structure: AlertDefaultSlotStructure
   });
   React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);

package/{alert-BM4ImSpO.js → alert-D2bu7Ulu.js}

@@ -2,7 +2,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 { useImperativeHandle } from "react";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getAlertDefaultConfig, createAlert } from "@agnos-ui/core-bootstrap/components/alert";
 const export_getAlertDefaultConfig = getAlertDefaultConfig;
 const export_createAlert = createAlert;
@@ -25,7 +25,7 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
   }
 );
 function Alert(props) {
-  const widgetContext = useWidgetWithConfig(export_createAlert, props, "alert", {
+  const widgetContext = useWidget(export_createAlert, props, {
     structure: AlertDefaultSlotStructure
   });
   useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);

package/{carousel-CB4uoAm0.js → carousel-C6hfiwd2.js}

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { getCarouselDefaultConfig, createCarousel } from "@agnos-ui/core-bootstrap/components/carousel";
-import { useWidgetWithConfig } from "@agnos-ui/react-headless/config";
+import { useWidget } from "@agnos-ui/react-headless/config";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import { useImperativeHandle } from "react";
@@ -57,7 +57,7 @@ const CarouselDefaultStructure = (widget) => /* @__PURE__ */ jsxs(Fragment, { ch
   /* @__PURE__ */ jsx("div", { ...useDirective(widget.directives.container), children: widget.state.slidesData.map((slideData, index) => /* @__PURE__ */ jsx(CarouselSlide, { slideData, widget, index }, slideData.id)) })
 ] });
 function Carousel({ ref, ...props }) {
-  const widget = useWidgetWithConfig(export_createCarousel, props, "carousel", {
+  const widget = useWidget(export_createCarousel, props, {
     structure: CarouselDefaultStructure,
     navigation: CarouselDefaultNavigation
   });

package/{carousel-B8b91cHo.cjs → carousel-DyA8lWos.cjs}

@@ -58,7 +58,7 @@ const CarouselDefaultStructure = (widget) => /* @__PURE__ */ jsxRuntime.jsxs(jsx
   /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(widget.directives.container), children: widget.state.slidesData.map((slideData, index) => /* @__PURE__ */ jsxRuntime.jsx(CarouselSlide, { slideData, widget, index }, slideData.id)) })
 ] });
 function Carousel({ ref, ...props }) {
-  const widget = config.useWidgetWithConfig(export_createCarousel, props, "carousel", {
+  const widget = config.useWidget(export_createCarousel, props, {
     structure: CarouselDefaultStructure,
     navigation: CarouselDefaultNavigation
   });

package/{collapse-DojQXsLN.js → collapse-D2gce6s6.js}

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useId, useImperativeHandle } from "react";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } 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;
 function Collapse(props) {
   const id = useId();
-  const { api, directives } = useWidgetWithConfig(export_createCollapse, props, "collapse", { id });
+  const { api, directives } = useWidget(export_createCollapse, props, { id });
   useImperativeHandle(props.ref, () => api, [api]);
   return /* @__PURE__ */ jsx("div", { ...useDirectives(directives.collapseDirective), children: props.children });
 }

package/{collapse-BQNW5NFj.cjs → collapse-Dtanmp3a.cjs}

@@ -8,7 +8,7 @@ const export_getCollapseDefaultConfig = collapse.getCollapseDefaultConfig;
 const export_createCollapse = collapse.createCollapse;
 function Collapse(props) {
   const id = React.useId();
-  const { api, directives } = generated_config.useWidgetWithConfig(export_createCollapse, props, "collapse", { id });
+  const { api, directives } = generated_config.useWidget(export_createCollapse, props, { id });
   React.useImperativeHandle(props.ref, () => api, [api]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives(directives.collapseDirective), children: props.children });
 }

package/components/accordion/accordion.d.ts

@@ -17,13 +17,13 @@ export declare const AccordionItemDefaultSlotStructure: (slotContext: AccordionI
  * @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 useWidget} 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 useWidget}
  * @see {@link useDirectives}
  */
 export declare function AccordionItem(props: Partial<AccordionItemProps> & {
@@ -33,7 +33,7 @@ export declare function AccordionItem(props: Partial<AccordionItemProps> & {
  * 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
+ * It leverages the {@link useWidget} hook to create the accordion widget and
  * {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} to bind the widget API to the ref.
  *
  * @param props - The properties for the Accordion component.

package/components/accordion/index.cjs

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

package/components/alert/alert.d.ts

@@ -10,7 +10,7 @@ export declare const AlertDefaultSlotStructure: (slotContext: AlertContext) => i
 /**
  * Alert component that uses a forward ref to expose an API.
  *
- * This component utilizes the {@link useWidgetWithConfig} hook to create an alert widget context
+ * This component utilizes the {@link useWidget} 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.

package/components/alert/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const alert = require("../../alert-BGVw_vsM.cjs");
+const alert = require("../../alert-56ypguOK.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-BM4ImSpO.js";
+import { a, A, b, e } from "../../alert-D2bu7Ulu.js";
 export {
   a as Alert,
   A as AlertDefaultSlotStructure,

package/components/carousel/carousel.d.ts

@@ -21,7 +21,7 @@ export declare const CarouselDefaultStructure: <SlideData extends {
 /**
  * Carousel component that uses a forward ref to expose an API.
  *
- * This component utilizes the {@link useWidgetWithConfig} hook to create a carousel widget
+ * This component utilizes the {@link useWidget} hook to create a carousel widget
  * and the {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} hook to expose the widget's API via the ref.
  *
  * @template SlideData - The type of data used by each slide in the carousel.

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

@@ -1,4 +1,4 @@
-import type { PropsConfig, WidgetSlotContext, SlotContent, Directive, Widget } from '@agnos-ui/react-headless/types';
+import type { WidgetSlotContext, SlotContent, Directive, Widget, WidgetFactory, PropsConfig } from '@agnos-ui/react-headless/types';
 import type { EmblaPluginType, EmblaPluginsType, EmblaCarouselType } from 'embla-carousel';
 /**
  * Retrieve a shallow copy of the default Carousel config
@@ -6,17 +6,6 @@ import type { EmblaPluginType, EmblaPluginsType, EmblaCarouselType } from 'embla
  */
 declare const export_getCarouselDefaultConfig: () => CarouselProps<any>;
 export { export_getCarouselDefaultConfig as getCarouselDefaultConfig };
-/**
- * Create a Carousel with given config props
- *
- * @template SlideData - The type of the data for each slide.
- * @param config - an optional carousel config
- * @returns a CarouselWidget
- */
-declare const export_createCarousel: <SlideData extends {
-    id: string;
-}>(config?: PropsConfig<CarouselProps<SlideData>>) => CarouselWidget<SlideData>;
-export { export_createCarousel as createCarousel };
 /**
  * Represents the context for a carousel.
  *
@@ -327,6 +316,19 @@ export interface CarouselDirectives {
 export type CarouselWidget<SlideData extends {
     id: string;
 }> = Widget<CarouselProps<SlideData>, CarouselState<SlideData>, CarouselApi, CarouselDirectives>;
+/**
+ * Create a Carousel with given config props
+ *
+ * @template SlideData - The type of the data for each slide.
+ * @param config - an optional carousel config
+ * @returns a CarouselWidget
+ */
+declare const export_createCarousel: WidgetFactory<CarouselWidget<{
+    id: string;
+}>, <SlideData extends {
+    id: string;
+}>(config?: PropsConfig<CarouselProps<SlideData>>) => CarouselWidget<SlideData>>;
+export { export_createCarousel as createCarousel };
 /**
  * Represents the API for a carousel component.
  */

package/components/carousel/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const carousel = require("../../carousel-B8b91cHo.cjs");
+const carousel = require("../../carousel-DyA8lWos.cjs");
 exports.Carousel = carousel.Carousel;
 exports.CarouselDefaultNavigation = carousel.CarouselDefaultNavigation;
 exports.CarouselDefaultStructure = carousel.CarouselDefaultStructure;

package/components/carousel/index.js

@@ -1,4 +1,4 @@
-import { c, C, b, a, e } from "../../carousel-CB4uoAm0.js";
+import { c, C, b, a, e } from "../../carousel-C6hfiwd2.js";
 export {
   c as Carousel,
   C as CarouselDefaultNavigation,

package/components/collapse/collapse.d.ts

@@ -3,7 +3,7 @@ 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
+ * This component uses the {@link useWidget} hook to create a collapse widget
  * and applies transition directives to the container.
  *
  * @param props - The properties for the Collapse component.

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

@@ -1,17 +1,10 @@
-import type { PropsConfig, Directive, Widget } from '@agnos-ui/react-headless/types';
+import type { Directive, Widget, WidgetFactory } from '@agnos-ui/react-headless/types';
 /**
  * Retrieve a shallow copy of the default collapse config
  * @returns the default collapse config
  */
 declare const export_getCollapseDefaultConfig: () => CollapseProps;
 export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
-/**
- * Create an CollapseWidget with given config props
- * @param config - an optional collapse config
- * @returns an CollapseWidget
- */
-declare const export_createCollapse: (config?: PropsConfig<CollapseProps>) => CollapseWidget;
-export { export_createCollapse as createCollapse };
 /**
  * Represents the state of a collapse component.
  * Extends the properties and state from `CollapseCommonPropsAndState`.
@@ -148,3 +141,10 @@ export interface CollapseDirectives {
  * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
  */
 export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
+/**
+ * Create an CollapseWidget with given config props
+ * @param config - an optional collapse config
+ * @returns an CollapseWidget
+ */
+declare const export_createCollapse: WidgetFactory<CollapseWidget>;
+export { export_createCollapse as createCollapse };

package/components/collapse/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const collapse = require("../../collapse-BQNW5NFj.cjs");
+const collapse = require("../../collapse-Dtanmp3a.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-DojQXsLN.js";
+import { C, a, e } from "../../collapse-D2gce6s6.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-DQLOz7TE.cjs");
+const modal = require("../../modal-C22MXJLV.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-apFubipB.js";
+import { b, M, a, c, e, f, d, o } from "../../modal-CHNXwCta.js";
 export {
   b as Modal,
   M as ModalDefaultSlotHeader,

package/components/pagination/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-Bq4Hvm1j.cjs");
+const pagination = require("../../pagination-ZxTUf5Pm.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-B1Ho_-r4.js";
+import { N, P, c, a, b, d, e } from "../../pagination-60ge4D0q.js";
 export {
   N as NavButton,
   P as PageItem,

package/components/pagination/pagination.d.ts

@@ -29,7 +29,7 @@ export declare const PaginationDefaultSlotPages: (slotContext: PaginationContext
 export declare const PaginationDefaultSlotStructure: (slotContext: PaginationContext) => import("react/jsx-runtime").JSX.Element;
 /**
  * Pagination component that renders a navigation element for paginated content.
- * It uses the {@link useWidgetWithConfig} hook to create a pagination widget with the provided props.
+ * It uses the {@link useWidget} 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.

package/components/progressbar/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const progressbar = require("../../progressbar-CnbqCXqH.cjs");
+const progressbar = require("../../progressbar-CC5WyAKM.cjs");
 exports.Progressbar = progressbar.Progressbar;
 exports.ProgressbarDefaultSlotStructure = progressbar.ProgressbarDefaultSlotStructure;
 exports.createProgressbar = progressbar.export_createProgressbar;

package/components/progressbar/index.js

@@ -1,4 +1,4 @@
-import { a, P, b, e } from "../../progressbar-Ck20N_ee.js";
+import { a, P, b, e } from "../../progressbar-B1ZwY3G2.js";
 export {
   a as Progressbar,
   P as ProgressbarDefaultSlotStructure,

package/components/progressbar/progressbar.d.ts

@@ -8,7 +8,7 @@ import type { ProgressbarContext, ProgressbarProps } from './progressbar.gen';
  */
 export declare const ProgressbarDefaultSlotStructure: (slotContext: ProgressbarContext) => import("react/jsx-runtime").JSX.Element;
 /**
- * Progressbar component that utilizes the {@link useWidgetWithConfig} hook to create a progress bar widget.
+ * Progressbar component that utilizes the {@link useWidget} hook to create a progress bar widget.
  *
  * @param props - The properties to configure the progress bar.
  *

package/components/rating/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const rating = require("../../rating-BaZTCQi1.cjs");
+const rating = require("../../rating-B2erO56i.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-DziC4Tsh.js";
+import { R, a, e } from "../../rating-Dt-vNocw.js";
 export {
   R as Rating,
   a as createRating,

package/components/rating/rating.d.ts

@@ -7,7 +7,7 @@ import type { RatingApi, RatingProps } from './rating.gen';
  * @returns The rendered Rating component.
  *
  * @remarks
- * This component uses the {@link useWidgetWithConfig} hook to initialize and configure the rating widget.
+ * This component uses the {@link useWidget} hook to initialize and configure the rating widget.
  * It applies directives to the container and individual stars for styling and behavior.
  *
  */

package/components/select/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const select = require("../../select-DHNspXXB.cjs");
+const select = require("../../select-DgXUNQIA.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-ClQGKBMF.js";
+import { S, a, e } from "../../select-aWj112ds.js";
 export {
   S as Select,
   a as createSelect,

package/components/slider/index.cjs

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

package/components/slider/index.js

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

package/components/slider/slider.d.ts

@@ -30,7 +30,7 @@ export declare const SliderDefaultSlotStructure: (slotContext: SliderContext) =>
  * @param props - The properties for the Slider component.
  * @returns The rendered Slider component.
  *
- * The Slider component uses the {@link useWidgetWithConfig} hook to create a widget context with the provided
+ * The Slider component uses the {@link useWidget} hook to create a widget context with the provided
  * configuration. It then applies the `sliderDirective` to a `div` element and renders the slot content
  * using the `Slot` component.
  */

package/components/toast/index.cjs

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

package/components/toast/index.js

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

package/components/toast/toast.d.ts

@@ -10,7 +10,7 @@ export declare const ToastDefaultSlotStructure: (slotContext: ToastContext) => i
 /**
  * Toast component that uses a forward ref to expose the Toast API.
  *
- * This component utilizes the {@link useWidgetWithConfig} hook to create a toast widget
+ * This component utilizes the {@link useWidget} hook to create a toast widget
  * with the provided properties and configuration. It also uses {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle}
  * to expose the widget's API through the forwarded ref.
  *

package/components/tree/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tree = require("../../tree-DT261j-0.cjs");
+const tree = require("../../tree-Djbdzlr-.cjs");
 exports.DefaultTreeSlotItem = tree.DefaultTreeSlotItem;
 exports.DefaultTreeSlotItemContent = tree.DefaultTreeSlotItemContent;
 exports.DefaultTreeSlotItemToggle = tree.DefaultTreeSlotItemToggle;

package/components/tree/index.js

@@ -1,4 +1,4 @@
-import { b, a, D, c, T, d, e } from "../../tree-BflF5hyD.js";
+import { b, a, D, c, T, d, e } from "../../tree-BNa6nXSh.js";
 export {
   b as DefaultTreeSlotItem,
   a as DefaultTreeSlotItemContent,

package/components/tree/tree.d.ts

@@ -36,7 +36,7 @@ export declare const DefaultTreeSlotStructure: (slotContext: TreeContext) => imp
  * @param props - The properties for the Tree component.
  * @returns The rendered Tree component.
  *
- * The Tree component uses the {@link useWidgetWithConfig} hook to create a widget context with the provided
+ * The Tree component uses the {@link useWidget} hook to create a widget context with the provided
  * configuration. It renders the slot content using the `Slot` component.
  */
 export declare function Tree(props: Partial<TreeProps>): import("react/jsx-runtime").JSX.Element;

package/config.d.ts

@@ -1,6 +1,5 @@
 import type { Partial2Levels, WidgetsConfigStore } from '@agnos-ui/react-headless/config';
 import type { Widget, WidgetFactory, WidgetProps, WidgetSlotContext } from '@agnos-ui/react-headless/types';
-import type { BootstrapWidgetsConfig } from '@agnos-ui/core-bootstrap/config';
 import type { ReactNode, Context } from 'react';
 export * from '@agnos-ui/react-headless/config';
 import type { WidgetsConfig } from './config.gen';
@@ -10,10 +9,59 @@ type DefaultConfigInput = Partial2Levels<WidgetsConfig> & {
     children?: ReactNode | undefined;
 };
 /**
- * Destructures and exports the following from `widgetFactories`:
- * - `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.
+ * React context which can be used to provide or consume the widgets default configuration store.
  */
-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>;
+/**
+ * React component that provides in the React context (for all AgnosUI descendant widgets) a new widgets default configuration
+ * store that inherits from any widgets default configuration store already defined at an upper level in the React context hierarchy.
+ * It contains its own set of widgets configuration properties that override the same properties form the parent configuration.
+ *
+ * @remarks
+ * The configuration is computed from the parent configuration in two steps:
+ * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
+ * If adaptParentConfig is not specified, this step is skipped.
+ * - second step: the configuration from step 1 is merged (2-levels deep) with the properties of the component.
+ *
+ * @param componentInputs - the react component inputs
+ * @param componentInputs.children - the react component children
+ * @param componentInputs.adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
+ * defined at an upper level in the Svelte context hierarchy (or an empty object if there is none) and returns the widgets
+ * default configuration to be used.
+ * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
+ * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
+ *
+ * @returns the resulting widgets default configuration store, which contains 3 additional properties that are stores:
+ * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
+ * The resulting store is writable, its set function is actually the set function of the own$ store.
+ *
+ * @example
+ * ```tsx
+ * <WidgetsDefaultConfig
+ *   adaptParentConfig={(parentConfig) => {
+ *     parentConfig.rating = parentConfig.rating ?? {};
+ *     parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`
+ *     return parentConfig;
+ *   }}
+ *   rating={{slotStar: MyCustomSlotStar}}
+ * />
+ * ```
+ */
+export declare const WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput) => import("react/jsx-runtime").JSX.Element;
+/**
+ * React hook that returns the widgets default configuration store.
+ *
+ * @param widgetName - the name of the widget to get the configuration for
+ * @param defaultConfig - the default configuration of the widget
+ * @returns the widgets default configuration store
+ */
+export declare const useWidgetContext: <Props extends object>(widgetName?: string, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
+/**
+ * Allows to create and attach an agnos-ui/core widget to the current react component.
+ *
+ * @param factory - the widget factory
+ * @param props - the widget props
+ * @param defaultProps - the default widget props
+ * @returns the state, api and directives to track and interact with the widget
+ */
+export declare const useWidget: <W extends Widget<object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, defaultProps?: Partial<WidgetProps<W>>) => WidgetSlotContext<W>;

package/generated/config.cjs

@@ -2,11 +2,14 @@
 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 = widgetFactories.WidgetsConfigContext;
+const WidgetsDefaultConfig = widgetFactories.WidgetsDefaultConfig;
+const useWidgetContext = widgetFactories.useWidgetContext;
+const useWidget = widgetFactories.useWidget;
 exports.WidgetsConfigContext = WidgetsConfigContext;
 exports.WidgetsDefaultConfig = WidgetsDefaultConfig;
+exports.useWidget = useWidget;
 exports.useWidgetContext = useWidgetContext;
-exports.useWidgetWithConfig = useWidgetWithConfig;
 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,13 @@
 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 = widgetFactories.WidgetsConfigContext;
+const WidgetsDefaultConfig = widgetFactories.WidgetsDefaultConfig;
+const useWidgetContext = widgetFactories.useWidgetContext;
+const useWidget = widgetFactories.useWidget;
 export {
   WidgetsConfigContext,
   WidgetsDefaultConfig,
-  useWidgetContext,
-  useWidgetWithConfig
+  useWidget,
+  useWidgetContext
 };

package/index.cjs

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-CKX3QpIN.cjs");
-const alert = require("./alert-BGVw_vsM.cjs");
-const carousel = require("./carousel-B8b91cHo.cjs");
-const collapse = require("./collapse-BQNW5NFj.cjs");
-const modal = require("./modal-DQLOz7TE.cjs");
-const pagination = require("./pagination-Bq4Hvm1j.cjs");
-const progressbar = require("./progressbar-CnbqCXqH.cjs");
-const rating = require("./rating-BaZTCQi1.cjs");
-const select = require("./select-DHNspXXB.cjs");
-const slider = require("./slider-CkKKSyai.cjs");
-const toasterProvider = require("./toasterProvider-glQ29Go3.cjs");
-const tree = require("./tree-DT261j-0.cjs");
+const accordion = require("./accordion-DkUnHzTx.cjs");
+const alert = require("./alert-56ypguOK.cjs");
+const carousel = require("./carousel-DyA8lWos.cjs");
+const collapse = require("./collapse-Dtanmp3a.cjs");
+const modal = require("./modal-C22MXJLV.cjs");
+const pagination = require("./pagination-ZxTUf5Pm.cjs");
+const progressbar = require("./progressbar-CC5WyAKM.cjs");
+const rating = require("./rating-B2erO56i.cjs");
+const select = require("./select-DgXUNQIA.cjs");
+const slider = require("./slider-Xix2FdNx.cjs");
+const toasterProvider = require("./toasterProvider-DeTgUXN8.cjs");
+const tree = require("./tree-Djbdzlr-.cjs");
 const types = require("@agnos-ui/react-headless/types");
 const types$1 = require("@agnos-ui/core-bootstrap/types");
 const slot = require("@agnos-ui/react-headless/slot");
@@ -106,8 +106,8 @@ exports.createTree = tree.export_createTree;
 exports.getTreeDefaultConfig = tree.export_getTreeDefaultConfig;
 exports.WidgetsConfigContext = generated_config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
+exports.useWidget = generated_config.useWidget;
 exports.useWidgetContext = generated_config.useWidgetContext;
-exports.useWidgetWithConfig = generated_config.useWidgetWithConfig;
 Object.keys(types).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -1,20 +1,20 @@
-import { b, a, A, d, c, f, e } from "./accordion-CrXiNNLE.js";
-import { a as a2, A as A2, b as b2, e as e2 } from "./alert-BM4ImSpO.js";
-import { c as c2, C, b as b3, a as a3, e as e3 } from "./carousel-CB4uoAm0.js";
-import { C as C2, a as a4, e as e4 } from "./collapse-DojQXsLN.js";
-import { b as b4, M, a as a5, c as c3, e as e5, f as f2, d as d2, o } from "./modal-apFubipB.js";
-import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-B1Ho_-r4.js";
-import { a as a7, P as P2, b as b6, e as e7 } from "./progressbar-Ck20N_ee.js";
-import { R, a as a8, e as e8 } from "./rating-DziC4Tsh.js";
-import { S, a as a9, e as e9 } from "./select-ClQGKBMF.js";
-import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-ZmbENVpb.js";
-import { a as a11, T, f as f3, g, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-DO_5lfVp.js";
-import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-BflF5hyD.js";
+import { b, a, A, d, c, f, e } from "./accordion-Bkttdgi2.js";
+import { a as a2, A as A2, b as b2, e as e2 } from "./alert-D2bu7Ulu.js";
+import { c as c2, C, b as b3, a as a3, e as e3 } from "./carousel-C6hfiwd2.js";
+import { C as C2, a as a4, e as e4 } from "./collapse-D2gce6s6.js";
+import { b as b4, M, a as a5, c as c3, e as e5, f as f2, d as d2, o } from "./modal-CHNXwCta.js";
+import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-60ge4D0q.js";
+import { a as a7, P as P2, b as b6, e as e7 } from "./progressbar-B1ZwY3G2.js";
+import { R, a as a8, e as e8 } from "./rating-Dt-vNocw.js";
+import { S, a as a9, e as e9 } from "./select-aWj112ds.js";
+import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-Dyr7A6pJ.js";
+import { a as a11, T, f as f3, g, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-AZi99tUa.js";
+import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-BNa6nXSh.js";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/core-bootstrap/types";
 export * from "@agnos-ui/react-headless/slot";
 export * from "@agnos-ui/react-headless/config";
-import { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } from "./generated/config.js";
+import { WidgetsConfigContext, WidgetsDefaultConfig, useWidget, useWidgetContext } 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";
@@ -105,6 +105,6 @@ export {
   o as openModal,
   c6 as toastPositions,
   u as useToaster,
-  useWidgetContext,
-  useWidgetWithConfig
+  useWidget,
+  useWidgetContext
 };

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

@@ -28,7 +28,7 @@ const ModalElement = (slotContext) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("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 }) }) }) });
 };
 function Modal(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createModal, props, "modal", {
+  const widgetContext = generated_config.useWidget(export_createModal, props, {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });

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

@@ -5,7 +5,7 @@ import { Portal } from "@agnos-ui/react-headless/utils/portal";
 import clsx from "clsx";
 import { useImperativeHandle } from "react";
 import ReactDOM from "react-dom/client";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from "@agnos-ui/core-bootstrap/components/modal";
 const export_getModalDefaultConfig = getModalDefaultConfig;
 const export_createModal = createModal;
@@ -27,7 +27,7 @@ const ModalElement = (slotContext) => {
   return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "modal d-block"], slotContext.directives.modalDirective), children: /* @__PURE__ */ jsx("div", { className: clsx("modal-dialog", { "modal-fullscreen": fullscreen }), children: /* @__PURE__ */ jsx("div", { className: "modal-content", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) }) });
 };
 function Modal(props) {
-  const widgetContext = useWidgetWithConfig(export_createModal, props, "modal", {
+  const widgetContext = useWidget(export_createModal, props, {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });

package/package.json

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

package/{pagination-B1Ho_-r4.js → pagination-60ge4D0q.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import clsx from "clsx";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import * as React from "react";
 import { useImperativeHandle } from "react";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
@@ -85,7 +85,7 @@ const PaginationDefaultSlotStructure = (slotContext) => {
   ] });
 };
 function Pagination(props) {
-  const widgetContext = useWidgetWithConfig(export_createPagination, props, "pagination", {
+  const widgetContext = useWidget(export_createPagination, props, {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });

package/{pagination-Bq4Hvm1j.cjs → pagination-ZxTUf5Pm.cjs}

@@ -102,7 +102,7 @@ const PaginationDefaultSlotStructure = (slotContext) => {
   ] });
 };
 function Pagination(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createPagination, props, "pagination", {
+  const widgetContext = generated_config.useWidget(export_createPagination, props, {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });

package/{progressbar-Ck20N_ee.js → progressbar-B1ZwY3G2.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import clsx from "clsx";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getProgressbarDefaultConfig, createProgressbar } from "@agnos-ui/core-bootstrap/components/progressbar";
 const export_getProgressbarDefaultConfig = getProgressbarDefaultConfig;
 const export_createProgressbar = createProgressbar;
@@ -12,7 +12,7 @@ const ProgressbarDefaultSlotStructure = (slotContext) => {
   return /* @__PURE__ */ jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 };
 const Progressbar = (props) => {
-  const widgetContext = useWidgetWithConfig(export_createProgressbar, props, "progressbar", {
+  const widgetContext = useWidget(export_createProgressbar, props, {
     structure: ProgressbarDefaultSlotStructure
   });
   const { state, directives } = widgetContext;

package/{progressbar-CnbqCXqH.cjs → progressbar-CC5WyAKM.cjs}

@@ -13,7 +13,7 @@ const ProgressbarDefaultSlotStructure = (slotContext) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "progress", style: { height: slotContext.state.height || void 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, style: { width: `${slotContext.state.percentage}%` }, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 };
 const Progressbar = (props) => {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createProgressbar, props, "progressbar", {
+  const widgetContext = generated_config.useWidget(export_createProgressbar, props, {
     structure: ProgressbarDefaultSlotStructure
   });
   const { state, directives } = widgetContext;

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

@@ -22,7 +22,7 @@ function Rating(props) {
     state,
     directives: { containerDirective, starDirective },
     api
-  } = generated_config.useWidgetWithConfig(export_createRating, props, "rating");
+  } = generated_config.useWidget(export_createRating, props);
   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)) });
 }

package/{rating-DziC4Tsh.js → rating-Dt-vNocw.js}

@@ -2,7 +2,7 @@ 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 { useImperativeHandle, Fragment } from "react";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getRatingDefaultConfig, createRating } from "@agnos-ui/core-bootstrap/components/rating";
 const export_getRatingDefaultConfig = getRatingDefaultConfig;
 const export_createRating = createRating;
@@ -21,7 +21,7 @@ function Rating(props) {
     state,
     directives: { containerDirective, starDirective },
     api
-  } = useWidgetWithConfig(export_createRating, props, "rating");
+  } = useWidget(export_createRating, props);
   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)) });
 }

package/{select-DHNspXXB.cjs → select-DgXUNQIA.cjs}

@@ -37,7 +37,7 @@ function Rows({ slotContext }) {
   }) });
 }
 function Select(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createSelect, props, "select", {
+  const widgetContext = generated_config.useWidget(export_createSelect, props, {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });

package/{select-ClQGKBMF.js → select-aWj112ds.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, useDirective, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import clsx from "clsx";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getSelectDefaultConfig, createSelect } from "@agnos-ui/core-bootstrap/components/select";
 import { useImperativeHandle } from "react";
 const export_getSelectDefaultConfig = getSelectDefaultConfig;
@@ -36,7 +36,7 @@ function Rows({ slotContext }) {
   }) });
 }
 function Select(props) {
-  const widgetContext = useWidgetWithConfig(export_createSelect, props, "select", {
+  const widgetContext = useWidget(export_createSelect, props, {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });

package/{slider-ZmbENVpb.js → slider-Dyr7A6pJ.js}

@@ -3,7 +3,7 @@ import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
 import clsx from "clsx";
 import React__default from "react";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getSliderDefaultConfig, createSlider } from "@agnos-ui/core-bootstrap/components/slider";
 const export_getSliderDefaultConfig = getSliderDefaultConfig;
 const export_createSlider = createSlider;
@@ -64,7 +64,7 @@ const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragmen
   ] }, item.id))
 ] });
 function Slider(props) {
-  const widgetContext = useWidgetWithConfig(export_createSlider, props, "slider", {
+  const widgetContext = useWidget(export_createSlider, props, {
     structure: SliderDefaultSlotStructure,
     handle: SliderDefaultSlotHandle,
     tick: SliderDefaultTick

package/{slider-CkKKSyai.cjs → slider-Xix2FdNx.cjs}

@@ -65,7 +65,7 @@ const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.j
   ] }, item.id))
 ] });
 function Slider(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createSlider, props, "slider", {
+  const widgetContext = generated_config.useWidget(export_createSlider, props, {
     structure: SliderDefaultSlotStructure,
     handle: SliderDefaultSlotHandle,
     tick: SliderDefaultTick

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

@@ -4,7 +4,7 @@ import { useToaster as useToaster$1, ToasterProvider as ToasterProvider$1 } from
 import { getToastDefaultConfig, createToast, toastPositions, defaultToasterProps } from "@agnos-ui/core-bootstrap/components/toast";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useImperativeHandle } from "react";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 const export_getToastDefaultConfig = getToastDefaultConfig;
 const export_createToast = createToast;
 const export_toastPositions = toastPositions;
@@ -33,7 +33,7 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsx(
   }
 );
 function Toast(props) {
-  const widgetContext = useWidgetWithConfig(export_createToast, props, "toast", {
+  const widgetContext = useWidget(export_createToast, props, {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });

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

@@ -34,7 +34,7 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function Toast(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createToast, props, "toast", {
+  const widgetContext = generated_config.useWidget(export_createToast, props, {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });

package/{tree-BflF5hyD.js → tree-BNa6nXSh.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirective } from "@agnos-ui/react-headless/utils/directive";
-import { useWidgetWithConfig } from "./generated/config.js";
+import { useWidget } from "./generated/config.js";
 import { getTreeDefaultConfig, createTree } from "@agnos-ui/core-bootstrap/components/tree";
 import clsx from "clsx";
 const export_getTreeDefaultConfig = getTreeDefaultConfig;
@@ -38,7 +38,7 @@ const defaultConfig = {
   itemToggle: DefaultTreeSlotItemToggle
 };
 function Tree(props) {
-  const widgetContext = useWidgetWithConfig(export_createTree, props, "tree", { ...defaultConfig });
+  const widgetContext = useWidget(export_createTree, props, { ...defaultConfig });
   return /* @__PURE__ */ jsx(Slot, { slotContent: widgetContext.state.structure, props: widgetContext });
 }
 export {

package/{tree-DT261j-0.cjs → tree-Djbdzlr-.cjs}

@@ -39,7 +39,7 @@ const defaultConfig = {
   itemToggle: DefaultTreeSlotItemToggle
 };
 function Tree(props) {
-  const widgetContext = generated_config.useWidgetWithConfig(export_createTree, props, "tree", { ...defaultConfig });
+  const widgetContext = generated_config.useWidget(export_createTree, props, { ...defaultConfig });
   return /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: widgetContext.state.structure, props: widgetContext });
 }
 exports.DefaultTreeSlotItem = DefaultTreeSlotItem;