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

package/{accordion-D3SZgVk6.js → accordion-GX854ooE.js}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { createContext, forwardRef, useContext, useImperativeHandle, useEffect } from "react";
+import { createContext, useContext, useImperativeHandle, useEffect } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getAccordionDefaultConfig, createAccordionItem, createAccordion, factoryCreateAccordion } from "@agnos-ui/core-bootstrap/components/accordion";
 const export_getAccordionDefaultConfig = getAccordionDefaultConfig;
@@ -19,27 +19,23 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(
   /* @__PURE__ */ jsx(Header, { directive: slotContext.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsx(ItemContent, { ...slotContext })
 ] });
-const AccordionItem = forwardRef(
-  function AccordionItem2(props, ref) {
-    const { registerItem } = useContext(AccordionDIContext);
-    const widgetContext = useWidgetWithConfig(registerItem, props, null, {
-      structure: AccordionItemDefaultSlotStructure
-    });
-    const { state, api, directives } = widgetContext;
-    useImperativeHandle(ref, () => api, [api]);
-    useEffect(() => {
-      api.initDone();
-    }, [api]);
-    return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: widgetContext }) });
-  }
-);
-const Accordion = forwardRef(
-  function Accordion2(props, ref) {
-    const widget = useWidgetWithConfig(export_createAccordion, props, "accordion");
-    useImperativeHandle(ref, () => widget.api, [widget.api]);
-    return /* @__PURE__ */ jsx(AccordionDIContext.Provider, { value: widget.api, children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
-  }
-);
+function AccordionItem(props) {
+  const { registerItem } = useContext(AccordionDIContext);
+  const widgetContext = useWidgetWithConfig(registerItem, props, null, {
+    structure: AccordionItemDefaultSlotStructure
+  });
+  const { state, api, directives } = widgetContext;
+  useImperativeHandle(props.ref, () => api, [api]);
+  useEffect(() => {
+    api.initDone();
+  }, [api]);
+  return /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: state.structure, props: widgetContext }) });
+}
+function Accordion(props) {
+  const widget = useWidgetWithConfig(export_createAccordion, props, "accordion");
+  useImperativeHandle(props.ref, () => widget.api, [widget.api]);
+  return /* @__PURE__ */ jsx(AccordionDIContext, { value: widget.api, children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
+}
 export {
   AccordionItemDefaultSlotStructure as A,
   AccordionItem as a,

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

@@ -20,27 +20,23 @@ const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRu
   /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { ...slotContext })
 ] });
-const AccordionItem = React.forwardRef(
-  function AccordionItem2(props, ref) {
-    const { registerItem } = React.useContext(AccordionDIContext);
-    const widgetContext = generated_config.useWidgetWithConfig(registerItem, props, null, {
-      structure: AccordionItemDefaultSlotStructure
-    });
-    const { state, api, directives } = widgetContext;
-    React.useImperativeHandle(ref, () => api, [api]);
-    React.useEffect(() => {
-      api.initDone();
-    }, [api]);
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: widgetContext }) });
-  }
-);
-const Accordion = React.forwardRef(
-  function Accordion2(props, ref) {
-    const widget = generated_config.useWidgetWithConfig(export_createAccordion, props, "accordion");
-    React.useImperativeHandle(ref, () => widget.api, [widget.api]);
-    return /* @__PURE__ */ jsxRuntime.jsx(AccordionDIContext.Provider, { value: widget.api, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
-  }
-);
+function AccordionItem(props) {
+  const { registerItem } = React.useContext(AccordionDIContext);
+  const widgetContext = generated_config.useWidgetWithConfig(registerItem, props, null, {
+    structure: AccordionItemDefaultSlotStructure
+  });
+  const { state, api, directives } = widgetContext;
+  React.useImperativeHandle(props.ref, () => api, [api]);
+  React.useEffect(() => {
+    api.initDone();
+  }, [api]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, `accordion-item ${state.className}`], directives.itemDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: state.structure, props: widgetContext }) });
+}
+function Accordion(props) {
+  const widget = generated_config.useWidgetWithConfig(export_createAccordion, props, "accordion");
+  React.useImperativeHandle(props.ref, () => widget.api, [widget.api]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionDIContext, { value: widget.api, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion"], widget.directives.accordionDirective), children: props.children }) });
+}
 exports.Accordion = Accordion;
 exports.AccordionItem = AccordionItem;
 exports.AccordionItemDefaultSlotStructure = AccordionItemDefaultSlotStructure;

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

@@ -18,20 +18,20 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx(
     ...directive.useDirectives(
       [
         directive.classDirective,
-        `au-alert alert alert-${slotContext.state.type} ${slotContext.state.className} ${slotContext.state.dismissible ? "alert-dismissible" : ""}`
+        [`au-alert alert alert-${slotContext.state.type} ${slotContext.state.className}`, { "alert-dismissible": slotContext.state.dismissible }]
       ],
       slotContext.directives.transitionDirective
     ),
     children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Alert = React.forwardRef(function Alert2(props, ref) {
+function Alert(props) {
   const widgetContext = generated_config.useWidgetWithConfig(export_createAlert, props, "alert", {
     structure: AlertDefaultSlotStructure
   });
-  React.useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(AlertElement, { ...widgetContext }) });
-});
+}
 exports.Alert = Alert;
 exports.AlertDefaultSlotStructure = AlertDefaultSlotStructure;
 exports.export_createAlert = export_createAlert;

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { forwardRef, useImperativeHandle } from "react";
+import { useImperativeHandle } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
 import { getAlertDefaultConfig, createAlert } from "@agnos-ui/core-bootstrap/components/alert";
 const export_getAlertDefaultConfig = getAlertDefaultConfig;
@@ -17,20 +17,20 @@ const AlertElement = (slotContext) => /* @__PURE__ */ jsx(
     ...useDirectives(
       [
         classDirective,
-        `au-alert alert alert-${slotContext.state.type} ${slotContext.state.className} ${slotContext.state.dismissible ? "alert-dismissible" : ""}`
+        [`au-alert alert alert-${slotContext.state.type} ${slotContext.state.className}`, { "alert-dismissible": slotContext.state.dismissible }]
       ],
       slotContext.directives.transitionDirective
     ),
     children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext })
   }
 );
-const Alert = forwardRef(function Alert2(props, ref) {
+function Alert(props) {
   const widgetContext = useWidgetWithConfig(export_createAlert, props, "alert", {
     structure: AlertDefaultSlotStructure
   });
-  useImperativeHandle(ref, () => widgetContext.api, [widgetContext.api]);
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(AlertElement, { ...widgetContext }) });
-});
+}
 export {
   AlertDefaultSlotStructure as A,
   Alert as a,

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

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

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

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

package/components/accordion/accordion.d.ts

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

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-01ch6GZW.cjs");
+const accordion = require("../../accordion-QclyKh8E.cjs");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
 exports.AccordionItemDefaultSlotStructure = accordion.AccordionItemDefaultSlotStructure;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { b, a, A, d, c, f, e } from "../../accordion-D3SZgVk6.js";
+import { b, a, A, d, c, f, e } from "../../accordion-GX854ooE.js";
 export {
   b as Accordion,
   a as AccordionItem,

package/components/alert/alert.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { Ref } from 'react';
 import type { AlertApi, AlertContext, AlertProps } from './alert.gen';
 /**
  * Renders the default slot structure for an alert component.
@@ -14,8 +14,10 @@ export declare const AlertDefaultSlotStructure: (slotContext: AlertContext) => i
  * and the {@link https://react.dev/reference/react/useImperativeHandle | useImperativeHandle} hook to expose the widget's API via the ref.
  *
  * @param props - Partial properties of the AlertProps interface.
- * @param ref - Forwarded reference to the AlertApi.
+ * @param props.ref - Forwarded reference to the AlertApi.
  *
  * @returns A JSX element that conditionally renders the AlertElement based on the widget's hidden state.
  */
-export declare const Alert: ForwardRefExoticComponent<Partial<AlertProps> & RefAttributes<AlertApi>>;
+export declare function Alert(props: Partial<AlertProps> & {
+    ref?: Ref<AlertApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/alert/index.cjs

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

package/components/alert/index.js

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

package/components/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
+import type { PropsWithChildren, Ref } from 'react';
 import type { CollapseApi, CollapseProps } from './collapse.gen';
 /**
  * Collapse component that provides a collapsible container.
@@ -8,8 +8,10 @@ import type { CollapseApi, CollapseProps } from './collapse.gen';
  *
  * @param props - The properties for the Collapse component.
  * @param props.children - The child elements to be rendered inside the collapsible container.
- * @param ref - A ref object to access the Collapse API.
+ * @param props.ref - A ref object to access the Collapse API.
  *
  * @returns A div element with transition directives applied, containing the child elements.
  */
-export declare const Collapse: ForwardRefExoticComponent<PropsWithChildren<Partial<CollapseProps>> & RefAttributes<CollapseApi>>;
+export declare function Collapse(props: PropsWithChildren<Partial<CollapseProps>> & {
+    ref?: Ref<CollapseApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/collapse/index.cjs

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

package/components/collapse/index.js

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

package/components/modal/index.cjs

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

package/components/modal/index.js

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

package/components/modal/modal.d.ts

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

package/components/pagination/index.cjs

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

package/components/pagination/index.js

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

package/components/pagination/pagination.d.ts

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

package/components/progressbar/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const progressbar = require("../../progressbar-JO1ey9mx.cjs");
+const progressbar = require("../../progressbar-CnbqCXqH.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-DKFR5epE.js";
+import { a, P, b, e } from "../../progressbar-Ck20N_ee.js";
 export {
   a as Progressbar,
   P as ProgressbarDefaultSlotStructure,

package/components/rating/index.cjs

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

package/components/rating/index.js

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

package/components/rating/rating.d.ts

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

package/components/select/index.cjs

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

package/components/select/index.js

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

package/components/select/select.d.ts

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

package/components/slider/index.cjs

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

package/components/slider/index.js

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

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

@@ -165,28 +165,35 @@ export interface SliderState {
 export interface SliderProps {
     /**
      * Return the value for the 'aria-label' attribute for the handle
-     * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * () => 'Value'
      * ```
      */
-    ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+    ariaLabel: (sortedIndex: number) => string;
+    /**
+     * Return the value for the 'aria-labelledBy' attribute for the handle
+     * @param sortedIndex - index of the handle in the sorted list
+     *
+     * @defaultValue
+     * ```ts
+     * () => ''
+     * ```
+     */
+    ariaLabelledBy: (sortedIndex: number) => string;
     /**
      * Return the value for the 'aria-valuetext' attribute for the handle
      * @param value - value of the handle
      * @param sortedIndex - index of the handle in the sorted list
-     * @param index - index of the handle in the original list
      *
      * @defaultValue
      * ```ts
-     * (value: number) => '' + value
+     * (value: number) => ''
      * ```
      */
-    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
+    ariaValueText: (value: number, sortedIndex: number) => string;
     /**
      * An event emitted when slider values are changed
      *
@@ -318,9 +325,13 @@ export interface ProgressDisplayOptions {
      */
     width: number;
     /**
-     * Height of hte progress in %
+     * Height of the progress in %
      */
     height: number;
+    /**
+     * Id of the progress
+     */
+    id: number;
 }
 /**
  * Options for displaying a handle in a slider component.
@@ -350,11 +361,15 @@ export interface SliderHandle {
     /**
      * ariaLabel of the handle
      */
-    ariaLabel: string;
+    ariaLabel: string | undefined;
     /**
      * ariaValueText of the handle
      */
-    ariaValueText: string;
+    ariaValueText: string | undefined;
+    /**
+     * aria-labelledBy of the handle
+     */
+    ariaLabelledBy: string | undefined;
 }
 /**
  * Interface representing various directives used in the slider component.

package/components/toast/index.cjs

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

package/components/toast/index.js

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