@agnos-ui/react-bootstrap 0.10.0-next.2 → 0.10.0-next.3

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

@@ -18,7 +18,7 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(
   /* @__PURE__ */ jsx(Header, { directive: slotContext.directives.headerDirective, headingLevel: slotContext.state.headingLevel, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsx(ItemContent, { ...slotContext })
 ] });
-function AccordionItem(props) {
+function AccordionItem({ ref, ...props }) {
   const { registerItem } = useContext(AccordionDIContext);
   const id = useId();
   const widgetContext = useWidget(registerItem, props, {
@@ -26,15 +26,15 @@ function AccordionItem(props) {
     id
   });
   const { state, api, directives } = widgetContext;
-  useImperativeHandle(props.ref, () => api, [api]);
+  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 }) });
 }
-function Accordion(props) {
+function Accordion({ ref, ...props }) {
   const widget = useWidget(export_createAccordion, props);
-  useImperativeHandle(props.ref, () => widget.api, [widget.api]);
+  useImperativeHandle(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 {

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

@@ -19,7 +19,7 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRu
   /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.directives.headerDirective, headingLevel: slotContext.state.headingLevel, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { ...slotContext })
 ] });
-function AccordionItem(props) {
+function AccordionItem({ ref, ...props }) {
   const { registerItem } = React.useContext(AccordionDIContext);
   const id = React.useId();
   const widgetContext = generated_config.useWidget(registerItem, props, {
@@ -27,15 +27,15 @@ function AccordionItem(props) {
     id
   });
   const { state, api, directives } = widgetContext;
-  React.useImperativeHandle(props.ref, () => api, [api]);
+  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 }) });
 }
-function Accordion(props) {
+function Accordion({ ref, ...props }) {
   const widget = generated_config.useWidget(export_createAccordion, props);
-  React.useImperativeHandle(props.ref, () => widget.api, [widget.api]);
+  React.useImperativeHandle(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;

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

@@ -24,11 +24,11 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-function Alert(props) {
+function Alert({ ref, ...props }) {
   const widgetContext = useWidget(export_createAlert, props, {
     structure: AlertDefaultSlotStructure
   });
-  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(AlertElement, { ...widgetContext }) });
 }
 export {

package/{alert-56ypguOK.cjs → alert-D2l-7XUp.cjs}

@@ -25,11 +25,11 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-function Alert(props) {
+function Alert({ ref, ...props }) {
   const widgetContext = generated_config.useWidget(export_createAlert, props, {
     structure: AlertDefaultSlotStructure
   });
-  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(AlertElement, { ...widgetContext }) });
 }
 exports.Alert = Alert;

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

@@ -5,10 +5,10 @@ import { getCollapseDefaultConfig, createCollapse } from "@agnos-ui/core-bootstr
 import { useDirectives } from "@agnos-ui/react-headless/utils/directive";
 const export_getCollapseDefaultConfig = getCollapseDefaultConfig;
 const export_createCollapse = createCollapse;
-function Collapse(props) {
+function Collapse({ ref, ...props }) {
   const id = useId();
   const { api, directives } = useWidget(export_createCollapse, props, { id });
-  useImperativeHandle(props.ref, () => api, [api]);
+  useImperativeHandle(ref, () => api, [api]);
   return /* @__PURE__ */ jsx("div", { ...useDirectives(directives.collapseDirective), children: props.children });
 }
 export {

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

@@ -6,10 +6,10 @@ 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;
-function Collapse(props) {
+function Collapse({ ref, ...props }) {
   const id = React.useId();
   const { api, directives } = generated_config.useWidget(export_createCollapse, props, { id });
-  React.useImperativeHandle(props.ref, () => api, [api]);
+  React.useImperativeHandle(ref, () => api, [api]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives(directives.collapseDirective), children: props.children });
 }
 exports.Collapse = Collapse;

package/components/accordion/accordion.d.ts

@@ -26,7 +26,7 @@ export declare const AccordionItemDefaultSlotStructure: (slotContext: AccordionI
  * @see {@link useWidget}
  * @see {@link useDirectives}
  */
-export declare function AccordionItem(props: Partial<AccordionItemProps> & {
+export declare function AccordionItem({ ref, ...props }: Partial<AccordionItemProps> & {
     ref?: Ref<AccordionItemApi>;
 }): import("react/jsx-runtime").JSX.Element;
 /**
@@ -42,6 +42,6 @@ export declare function AccordionItem(props: Partial<AccordionItemProps> & {
  * @returns The rendered Accordion component.
  *
  */
-export declare function Accordion(props: PropsWithChildren<Partial<AccordionProps>> & {
+export declare function Accordion({ ref, ...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-b13N6177.cjs");
+const accordion = require("../../accordion-DIevxZw0.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-Cps8J5iu.js";
+import { b, a, A, d, c, f, e } from "../../accordion-B8wmx48C.js";
 export {
   b as Accordion,
   a as AccordionItem,

package/components/alert/alert.d.ts

@@ -18,6 +18,6 @@ export declare const AlertDefaultSlotStructure: (slotContext: AlertContext) => i
  *
  * @returns A JSX element that conditionally renders the AlertElement based on the widget's hidden state.
  */
-export declare function Alert(props: Partial<AlertProps> & {
+export declare function Alert({ ref, ...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-56ypguOK.cjs");
+const alert = require("../../alert-D2l-7XUp.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-D2bu7Ulu.js";
+import { a, A, b, e } from "../../alert-Bd181T16.js";
 export {
   a as Alert,
   A as AlertDefaultSlotStructure,

package/components/collapse/collapse.d.ts

@@ -12,6 +12,6 @@ import type { CollapseApi, CollapseProps } from './collapse.gen';
  *
  * @returns A div element with transition directives applied, containing the child elements.
  */
-export declare function Collapse(props: PropsWithChildren<Partial<CollapseProps>> & {
+export declare function Collapse({ ref, ...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-Dtanmp3a.cjs");
+const collapse = require("../../collapse-DhGllWRw.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-D2gce6s6.js";
+import { C, a, e } from "../../collapse-BEn1slHx.js";
 export {
   C as Collapse,
   a as createCollapse,

package/components/drawer/drawer.d.ts

@@ -17,6 +17,6 @@ export declare const DefaultDrawerSlotStructure: (slotContext: DrawerContext) =>
  * The Drawer component uses the {@link useWidget} hook to create a widget context with the provided
  * configuration. It renders the slot content using the `Slot` component.
  */
-export declare function Drawer(props: Partial<DrawerProps> & {
+export declare function Drawer({ ref, ...props }: Partial<DrawerProps> & {
     ref?: Ref<DrawerApi>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -59,6 +59,13 @@ export interface DrawerState {
      * @defaultValue `false`
      */
     resizable: boolean;
+    /**
+     * Size of the drawer in pixel once the user start interacting.
+     * It corresponds to the height or the width depending on the drawer orientation
+     *
+     * @defaultValue `null`
+     */
+    size: number | null;
     /**
      * Global template for the drawer component
      */
@@ -118,18 +125,6 @@ export interface DrawerProps {
      * @defaultValue `''`
      */
     ariaDescribedBy: string;
-    /**
-     * The width of the drawer in pixels.
-     *
-     * @defaultValue `200`
-     */
-    width: number;
-    /**
-     * The height of the drawer in pixels.
-     *
-     * @defaultValue `200`
-     */
-    height: number;
     /**
      * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
      *
@@ -161,38 +156,54 @@ export interface DrawerProps {
      */
     onShown: () => void;
     /**
-     * An event emitted when the width is changed.
+     * An event emitted when the drawer size changes (width or height depending on the orientation).
      *
-     * Event payload is equal to the newly selected width.
+     * Event payload is equal to the newly selected width or height.
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    onWidthChange: (width: number) => void;
+    onSizeChange: (size: number | null) => void;
     /**
-     * An event emitted when the height is changed.
+     * Event to be triggered when the visible property changes.
      *
-     * Event payload is equal to the newly selected height.
+     * @param visible - new value of the visible propery
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    onHeightChange: (width: number) => void;
+    onVisibleChange: (visible: boolean) => void;
     /**
-     * Event to be triggered when the visible property changes.
+     * Event to be triggered when the minimized state changes.
      *
-     * @param visible - new value of the visible propery
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onMinimizedChange: (isMinimized: boolean) => void;
+    /**
+     * Event to be triggered when the maximized state changes.
      *
      * @defaultValue
      * ```ts
      * () => {}
      * ```
      */
-    onVisibleChange: (visible: boolean) => void;
+    onMaximizedChange: (isMaximized: boolean) => void;
+    /**
+     * Event to be triggered when the user starts or stops resizing the drawer.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onResizingChange: (isResizing: boolean) => void;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -228,6 +239,13 @@ export interface DrawerProps {
      * @defaultValue `false`
      */
     resizable: boolean;
+    /**
+     * Size of the drawer in pixel once the user start interacting.
+     * It corresponds to the height or the width depending on the drawer orientation
+     *
+     * @defaultValue `null`
+     */
+    size: number | null;
     /**
      * Global template for the drawer component
      */

package/components/drawer/index.cjs

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

package/components/drawer/index.js

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

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-DSduAQXI.cjs");
+const modal = require("../../modal-B21qPCdO.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, g, d, o } from "../../modal-CCDHxJ6u.js";
+import { b, M, a, c, e, f, g, d, o } from "../../modal-B_qm-rX4.js";
 export {
   b as Modal,
   M as ModalDefaultSlotHeader,

package/components/modal/modal.d.ts

@@ -26,7 +26,7 @@ export declare const ModalDefaultSlotStructure: <Data>(slotContext: ModalContext
  *
  * @returns The rendered Modal component.
  */
-export declare function Modal<Data>(props: Partial<ModalProps<Data>> & {
+export declare function Modal<Data>({ ref, ...props }: Partial<ModalProps<Data>> & {
     ref?: Ref<ModalApi<Data>>;
 }): import("react/jsx-runtime").JSX.Element;
 /**

package/components/pagination/index.cjs

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

package/components/pagination/pagination.d.ts

@@ -35,6 +35,6 @@ export declare const PaginationDefaultSlotStructure: (slotContext: PaginationCon
  * @param props.ref - Forwarded reference to the PaginationApi.
  * @returns The rendered pagination navigation element.
  */
-export declare function Pagination(props: Partial<PaginationProps> & {
+export declare function Pagination({ ref, ...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-B2erO56i.cjs");
+const rating = require("../../rating-uCcBubHZ.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-Dt-vNocw.js";
+import { R, a, e } from "../../rating-BAJQ5zyV.js";
 export {
   R as Rating,
   a as createRating,

package/components/rating/rating.d.ts

@@ -4,6 +4,7 @@ import type { RatingApi, RatingProps } from './rating.gen';
  * Rating component that displays a series of stars based on the provided state.
  *
  * @param props - The properties for the Rating component.
+ * @param props.ref - Ref to the Rating API.
  * @returns The rendered Rating component.
  *
  * @remarks
@@ -11,6 +12,6 @@ import type { RatingApi, RatingProps } from './rating.gen';
  * It applies directives to the container and individual stars for styling and behavior.
  *
  */
-export declare function Rating(props: Partial<RatingProps> & {
+export declare function Rating({ ref, ...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-DgXUNQIA.cjs");
+const select = require("../../select-_SDoN__X.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-aWj112ds.js";
+import { S, a, e } from "../../select-DVQJN33M.js";
 export {
   S as Select,
   a as createSelect,

package/components/select/select.d.ts

@@ -5,12 +5,13 @@ import { type Ref } from 'react';
  *
  * @template Item - The type of the items in the selection.
  * @param props - The properties for the Select component.
+ * @param props.ref - Ref to the Select API.
  * @returns The rendered Select component.
  *
  * @remarks
  * 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>> & {
+export declare function Select<Item>({ ref, ...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-DhviBEZe.cjs");
+const slider = require("../../slider-BGUFmm57.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-CBzyKG2u.js";
+import { c, S, b, a, d, e } from "../../slider-CzO--VPp.js";
 export {
   c as Slider,
   S as SliderDefaultSlotHandle,

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toasterProvider = require("../../toasterProvider-Dt2XqB9t.cjs");
+const toasterProvider = require("../../toasterProvider-CWGY-kqw.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-BU8FKWH6.js";
+import { a, T, f, g, b, d, e, c, u } from "../../toasterProvider-BcueMHl1.js";
 export {
   a as Toast,
   T as ToastDefaultSlotStructure,

package/components/toast/toast.d.ts

@@ -15,10 +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 props.ref - Ref to expose the Toast API.
+ * @param props.ref - Ref to the Toast API.
  *
  * @returns A JSX element that conditionally renders the `ToastElement` based on the widget's state.
  */
-export declare function Toast(props: Partial<ToastProps> & {
+export declare function Toast({ ref, ...props }: Partial<ToastProps> & {
     ref?: Ref<ToastApi>;
 }): import("react/jsx-runtime").JSX.Element;

package/{drawer-iEXzDYco.js → drawer-BvsFOxUr.js}

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

package/{drawer-D1dVH8iO.cjs → drawer-EEj6XJt5.cjs}

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

package/generated/index.d.ts

@@ -1,16 +1,17 @@
-export * from './types';
-export * from './slot';
-export * from './index';
-export * from './config';
 export * from './utils/widget';
 export * from './utils/stores';
 export * from './utils/portal';
 export * from './utils/directive';
+export * from './types';
+export * from './slot';
+export * from './index';
+export * from './config';
 export * from './utils/writables';
 export * from './utils/func';
 export * from './services/siblingsInert';
 export * from './services/resizeObserver';
 export * from './services/portal';
+export * from './services/pointerdownPosition';
 export * from './services/navManager';
 export * from './services/matchMedia';
 export * from './services/intersection';

package/generated/services/pointerdownPosition.cjs

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

package/generated/services/pointerdownPosition.d.ts

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

package/generated/services/pointerdownPosition.js

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

package/index.cjs

@@ -1,32 +1,33 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-b13N6177.cjs");
-const alert = require("./alert-56ypguOK.cjs");
+const accordion = require("./accordion-DIevxZw0.cjs");
+const alert = require("./alert-D2l-7XUp.cjs");
 const carousel = require("./carousel-DyA8lWos.cjs");
-const collapse = require("./collapse-Dtanmp3a.cjs");
-const modal = require("./modal-DSduAQXI.cjs");
-const pagination = require("./pagination-ZxTUf5Pm.cjs");
+const collapse = require("./collapse-DhGllWRw.cjs");
+const modal = require("./modal-B21qPCdO.cjs");
+const pagination = require("./pagination-DHr9ZjIC.cjs");
 const progressbar = require("./progressbar-CC5WyAKM.cjs");
-const rating = require("./rating-B2erO56i.cjs");
-const select = require("./select-DgXUNQIA.cjs");
-const slider = require("./slider-DhviBEZe.cjs");
-const toasterProvider = require("./toasterProvider-Dt2XqB9t.cjs");
+const rating = require("./rating-uCcBubHZ.cjs");
+const select = require("./select-_SDoN__X.cjs");
+const slider = require("./slider-BGUFmm57.cjs");
+const toasterProvider = require("./toasterProvider-CWGY-kqw.cjs");
 const tree = require("./tree--CHag_Wm.cjs");
-const drawer = require("./drawer-D1dVH8iO.cjs");
+const drawer = require("./drawer-EEj6XJt5.cjs");
+const widget = require("@agnos-ui/react-headless/utils/widget");
+const stores = require("@agnos-ui/react-headless/utils/stores");
+const portal = require("@agnos-ui/react-headless/utils/portal");
+const directive = require("@agnos-ui/react-headless/utils/directive");
 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");
 const config = require("@agnos-ui/react-headless/config");
 const generated_config = require("./generated/config.cjs");
-const widget = require("@agnos-ui/react-headless/utils/widget");
-const stores = require("@agnos-ui/react-headless/utils/stores");
-const portal = require("@agnos-ui/react-headless/utils/portal");
-const directive = require("@agnos-ui/react-headless/utils/directive");
 const writables = require("@agnos-ui/react-headless/utils/writables");
 const func = require("@agnos-ui/react-headless/utils/func");
 const siblingsInert = require("@agnos-ui/react-headless/services/siblingsInert");
 const resizeObserver = require("@agnos-ui/react-headless/services/resizeObserver");
 const portal$1 = require("@agnos-ui/react-headless/services/portal");
+const pointerdownPosition = require("@agnos-ui/react-headless/services/pointerdownPosition");
 const navManager = require("@agnos-ui/react-headless/services/navManager");
 const matchMedia = require("@agnos-ui/react-headless/services/matchMedia");
 const intersection = require("@agnos-ui/react-headless/services/intersection");
@@ -115,52 +116,52 @@ exports.WidgetsConfigContext = generated_config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
 exports.useWidget = generated_config.useWidget;
 exports.useWidgetContext = generated_config.useWidgetContext;
-Object.keys(types).forEach((k) => {
+Object.keys(widget).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => types[k]
+    get: () => widget[k]
   });
 });
-Object.keys(types$1).forEach((k) => {
+Object.keys(stores).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => types$1[k]
+    get: () => stores[k]
   });
 });
-Object.keys(slot).forEach((k) => {
+Object.keys(portal).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => slot[k]
+    get: () => portal[k]
   });
 });
-Object.keys(config).forEach((k) => {
+Object.keys(directive).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => config[k]
+    get: () => directive[k]
   });
 });
-Object.keys(widget).forEach((k) => {
+Object.keys(types).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => widget[k]
+    get: () => types[k]
   });
 });
-Object.keys(stores).forEach((k) => {
+Object.keys(types$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => stores[k]
+    get: () => types$1[k]
   });
 });
-Object.keys(portal).forEach((k) => {
+Object.keys(slot).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => portal[k]
+    get: () => slot[k]
   });
 });
-Object.keys(directive).forEach((k) => {
+Object.keys(config).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => directive[k]
+    get: () => config[k]
   });
 });
 Object.keys(writables).forEach((k) => {
@@ -193,6 +194,12 @@ Object.keys(portal$1).forEach((k) => {
     get: () => portal$1[k]
   });
 });
+Object.keys(pointerdownPosition).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => pointerdownPosition[k]
+  });
+});
 Object.keys(navManager).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -1,30 +1,31 @@
-import { b, a, A, d, c, f, e } from "./accordion-Cps8J5iu.js";
-import { a as a2, A as A2, b as b2, e as e2 } from "./alert-D2bu7Ulu.js";
+import { b, a, A, d, c, f, e } from "./accordion-B8wmx48C.js";
+import { a as a2, A as A2, b as b2, e as e2 } from "./alert-Bd181T16.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, g, d as d2, o } from "./modal-CCDHxJ6u.js";
-import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-60ge4D0q.js";
+import { C as C2, a as a4, e as e4 } from "./collapse-BEn1slHx.js";
+import { b as b4, M, a as a5, c as c3, e as e5, f as f2, g, d as d2, o } from "./modal-B_qm-rX4.js";
+import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-DxWDUndf.js";
 import { a as a7, P as P2, b as b6, e as e7 } from "./progressbar-B1ZwY3G2.js";
-import { R, a as a8, e as e8 } from "./rating-Dt-vNocw.js";
-import { S, a as a9, e as e9 } from "./select-aWj112ds.js";
-import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-CBzyKG2u.js";
-import { a as a11, T, f as f3, g as g2, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-BU8FKWH6.js";
+import { R, a as a8, e as e8 } from "./rating-BAJQ5zyV.js";
+import { S, a as a9, e as e9 } from "./select-DVQJN33M.js";
+import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-CzO--VPp.js";
+import { a as a11, T, f as f3, g as g2, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-BcueMHl1.js";
 import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-DTg_JB2R.js";
-import { D as D2, b as b10, a as a13, e as e13 } from "./drawer-iEXzDYco.js";
+import { D as D2, b as b10, a as a13, e as e13 } from "./drawer-BvsFOxUr.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";
+export * from "@agnos-ui/react-headless/utils/directive";
 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, 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";
-export * from "@agnos-ui/react-headless/utils/directive";
 export * from "@agnos-ui/react-headless/utils/writables";
 export * from "@agnos-ui/react-headless/utils/func";
 export * from "@agnos-ui/react-headless/services/siblingsInert";
 export * from "@agnos-ui/react-headless/services/resizeObserver";
 export * from "@agnos-ui/react-headless/services/portal";
+export * from "@agnos-ui/react-headless/services/pointerdownPosition";
 export * from "@agnos-ui/react-headless/services/navManager";
 export * from "@agnos-ui/react-headless/services/matchMedia";
 export * from "@agnos-ui/react-headless/services/intersection";

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

@@ -28,12 +28,12 @@ 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: 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) {
+function Modal({ ref, ...props }) {
   const widgetContext = generated_config.useWidget(export_createModal, props, {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });
-  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(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 })

package/{modal-CCDHxJ6u.js → modal-B_qm-rX4.js}

@@ -27,12 +27,12 @@ const ModalElement = (slotContext) => {
   const { fullscreen } = slotContext.state;
   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) {
+function Modal({ ref, ...props }) {
   const widgetContext = useWidget(export_createModal, props, {
     header: ModalDefaultSlotHeader,
     structure: ModalDefaultSlotStructure
   });
-  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(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 })

package/package.json

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

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

@@ -101,12 +101,12 @@ const PaginationDefaultSlotStructure = (slotContext) => {
     /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
   ] });
 };
-function Pagination(props) {
+function Pagination({ ref, ...props }) {
   const widgetContext = generated_config.useWidget(export_createPagination, props, {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });
-  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(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/{pagination-60ge4D0q.js → pagination-DxWDUndf.js}

@@ -84,12 +84,12 @@ const PaginationDefaultSlotStructure = (slotContext) => {
     /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: "visually-hidden", children: `${state.ariaLiveLabelText}` })
   ] });
 };
-function Pagination(props) {
+function Pagination({ ref, ...props }) {
   const widgetContext = useWidget(export_createPagination, props, {
     pagesDisplay: PaginationDefaultSlotPages,
     structure: PaginationDefaultSlotStructure
   });
-  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(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/{rating-Dt-vNocw.js → rating-BAJQ5zyV.js}

@@ -16,13 +16,13 @@ function Star({ star, state, directive }) {
     /* @__PURE__ */ jsx("span", { ...useDirective(directive, { index: star.index }), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.star, props: star }) })
   ] }, star.index);
 }
-function Rating(props) {
+function Rating({ ref, ...props }) {
   const {
     state,
     directives: { containerDirective, starDirective },
     api
   } = useWidget(export_createRating, props);
-  useImperativeHandle(props.ref, () => api, [api]);
+  useImperativeHandle(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/{rating-B2erO56i.cjs → rating-uCcBubHZ.cjs}

@@ -17,13 +17,13 @@ function Star({ star, state, directive: directive$1 }) {
     /* @__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) {
+function Rating({ ref, ...props }) {
   const {
     state,
     directives: { containerDirective, starDirective },
     api
   } = generated_config.useWidget(export_createRating, props);
-  React.useImperativeHandle(props.ref, () => api, [api]);
+  React.useImperativeHandle(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/{select-aWj112ds.js → select-DVQJN33M.js}

@@ -35,12 +35,12 @@ function Rows({ slotContext }) {
     return /* @__PURE__ */ jsx(SelectItem, { slotContext, itemContext }, itemContext.id);
   }) });
 }
-function Select(props) {
+function Select({ ref, ...props }) {
   const widgetContext = useWidget(export_createSelect, props, {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });
-  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
   const {
     state: { id, visibleItems, filterText, open, className },
     directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }

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

@@ -36,12 +36,12 @@ function Rows({ slotContext }) {
     return /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { slotContext, itemContext }, itemContext.id);
   }) });
 }
-function Select(props) {
+function Select({ ref, ...props }) {
   const widgetContext = generated_config.useWidget(export_createSelect, props, {
     badgeLabel: DefaultBadge,
     itemLabel: DefaultItem
   });
-  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
   const {
     state: { id, visibleItems, filterText, open, className },
     directives: { hasFocusDirective, referenceDirective, inputContainerDirective, inputDirective }

package/{slider-DhviBEZe.cjs → slider-BGUFmm57.cjs}

@@ -61,7 +61,7 @@ const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.j
   slotContext.state.ticks.map((tick) => /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.tick, props: { tick, ...slotContext } }, tick.position)),
   slotContext.state.sortedHandles.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.handle, props: { item, ...slotContext } }),
-    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsxRuntime.jsx(HandleLabelDisplay, { directive: slotContext.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
+    slotContext.state.showValueLabels && /* @__PURE__ */ jsxRuntime.jsx(HandleLabelDisplay, { directive: slotContext.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
   ] }, item.id))
 ] });
 function Slider(props) {

package/{slider-CBzyKG2u.js → slider-CzO--VPp.js}

@@ -60,7 +60,7 @@ const SliderDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragmen
   slotContext.state.ticks.map((tick) => /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.tick, props: { tick, ...slotContext } }, tick.position)),
   slotContext.state.sortedHandles.map((item, i) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
     /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.handle, props: { item, ...slotContext } }),
-    slotContext.state.showValueLabels && !slotContext.state.combinedLabelDisplay && /* @__PURE__ */ jsx(HandleLabelDisplay, { directive: slotContext.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
+    slotContext.state.showValueLabels && /* @__PURE__ */ jsx(HandleLabelDisplay, { directive: slotContext.directives.handleLabelDisplayDirective, index: i, children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.label, props: { value: slotContext.state.values[i], ...slotContext } }) })
   ] }, item.id))
 ] });
 function Slider(props) {

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

@@ -32,12 +32,12 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-function Toast(props) {
+function Toast({ ref, ...props }) {
   const widgetContext = useWidget(export_createToast, props, {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });
-  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(ToastElement, { ...widgetContext }) });
 }
 const ToastToaster = ({

package/{toasterProvider-Dt2XqB9t.cjs → toasterProvider-CWGY-kqw.cjs}

@@ -33,12 +33,12 @@ const ToastElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
     children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-function Toast(props) {
+function Toast({ ref, ...props }) {
   const widgetContext = generated_config.useWidget(export_createToast, props, {
     structure: ToastDefaultSlotStructure,
     children: props.children
   });
-  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ToastElement, { ...widgetContext }) });
 }
 const ToastToaster = ({