@agnos-ui/react-bootstrap 0.4.4 → 0.5.0-next.0

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

@@ -0,0 +1,146 @@
+import type { PropsConfig, Directive, Widget } 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`.
+ */
+export interface CollapseState {
+    /**
+     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Properties for the Collapse component.
+ */
+export interface CollapseProps {
+    /**
+     * Callback called when the collapse visibility changed.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     * @param visible - The new visibility state of the collapse.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the collapse is hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the collapse is shown.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * If `true`, collapse opening will be animated at init time.
+     *
+     * @defaultValue `false`
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, collapse closing and opening will be animated.
+     *
+     * @defaultValue `true`
+     */
+    animated: boolean;
+    /**
+     * id of the collapse
+     *
+     * @defaultValue `''`
+     */
+    id: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * If `true`, collapse will be done horizontally.
+     *
+     * @defaultValue `false`
+     */
+    horizontal: boolean;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
+}
+/**
+ * Interface representing the API for a collapsible component.
+ */
+export interface CollapseApi {
+    /**
+     * Triggers collapse closing programmatically.
+     */
+    close(): void;
+    /**
+     * Triggers the collapse content to be displayed for the user.
+     */
+    open(): void;
+    /**
+     * Toggles the collapse content visibility.
+     */
+    toggle(): void;
+}
+/**
+ * Interface representing the directives used in a collapse component.
+ */
+export interface CollapseDirectives {
+    /**
+     * Directive to apply the collapse.
+     */
+    collapseDirective: Directive;
+}
+/**
+ * Represents a widget for handling collapse functionality.
+ *
+ * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
+ * necessary for managing the collapse behavior in the UI.
+ *
+ * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
+ */
+export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;

package/components/collapse/index.cjs

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

package/components/collapse/index.d.ts

@@ -0,0 +1,2 @@
+export * from './collapse';
+export * from './collapse.gen';

package/components/collapse/index.js

@@ -0,0 +1,6 @@
+import { C, a, e } from "../../collapse-DhsL8j2h.js";
+export {
+  C as Collapse,
+  a as createCollapse,
+  e as getCollapseDefaultConfig
+};

package/components/modal/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-Cyt40iyH.cjs");
+const modal = require("../../modal-DpMvOtL2.cjs");
 exports.Modal = modal.Modal;
+exports.ModalDefaultSlotHeader = modal.ModalDefaultSlotHeader;
+exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;
 exports.createModal = modal.export_createModal;
 exports.getModalDefaultConfig = modal.export_getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.export_modalCloseButtonClick;

package/components/modal/index.js

@@ -1,9 +1,11 @@
-import { M, a, e, c, b, o } from "../../modal-qidZ4ghL.js";
+import { b, M, a, c, e, f, d, o } from "../../modal-CWuYx5n5.js";
 export {
-  M as Modal,
-  a as createModal,
+  b as Modal,
+  M as ModalDefaultSlotHeader,
+  a as ModalDefaultSlotStructure,
+  c as createModal,
   e as getModalDefaultConfig,
-  c as modalCloseButtonClick,
-  b as modalOutsideClick,
+  f as modalCloseButtonClick,
+  d as modalOutsideClick,
   o as openModal
 };

package/components/modal/modal.d.ts

@@ -1,4 +1,37 @@
 import type { RefAttributes } from 'react';
-import type { ModalApi, ModalProps } from './modal.gen';
+import type { ModalApi, ModalContext, ModalProps } from './modal.gen';
+/**
+ * A default header component for the modal that displays a title and an optional close button.
+ *
+ * @template Data - The type of data used in the modal context.
+ * @param {ModalContext<Data>} slotContext - The context object containing the state and directives for the modal.
+ * @returns {JSX.Element} The JSX element representing the modal header.
+ */
+export declare const ModalDefaultSlotHeader: <Data>(slotContext: ModalContext<Data>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders the default slot structure for a modal component.
+ *
+ * @template Data - The type of the data used in the modal context.
+ * @param {ModalContext<Data>} slotContext - The context containing the state and props for the modal slots.
+ * @returns {JSX.Element} The JSX structure for the modal's default slots.
+ */
+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.
+ *
+ * @template Data - The type of data that the modal will handle.
+ *
+ * @param {Partial<ModalProps<Data>>} props - The properties for the Modal component.
+ * @param {Ref<ModalApi<Data>>} ref - A ref to access the Modal API.
+ *
+ * @returns {JSX.Element} The rendered Modal component.
+ */
 export declare const Modal: <Data>(props: Partial<ModalProps<Data>> & RefAttributes<ModalApi<Data>>) => JSX.Element;
+/**
+ * Opens a modal dialog with the specified options.
+ *
+ * @template Data - The type of data that the modal will handle.
+ * @param {Partial<ModalProps<Data>>} options - The options to configure the modal.
+ * @returns {Promise<any>} A promise that resolves when the modal is closed.
+ */
 export declare function openModal<Data>(options: Partial<ModalProps<Data>>): Promise<any>;

package/components/modal/modal.gen.d.ts

@@ -7,7 +7,18 @@ import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions
  */
 declare const export_getModalDefaultConfig: () => ModalProps<any>;
 export { export_getModalDefaultConfig as getModalDefaultConfig };
-export type ModalContext<Data> = WidgetSlotContext<ModalWidget<Data>>;
+/**
+ * Represents the context for a modal component.
+ *
+ * @template Data - The type of data associated with the modal.
+ */
+export interface ModalContext<Data> extends WidgetSlotContext<ModalWidget<Data>> {
+}
+/**
+ * Represents the state of a modal component.
+ *
+ * @template Data - The type of the data associated with the modal.
+ */
 export interface ModalState<Data> {
     /**
      * Whether the backdrop is fully hidden. This can be true either because {@link ModalProps.backdrop|backdrop} is false or
@@ -99,6 +110,11 @@ export interface ModalState<Data> {
      */
     fullscreen: boolean;
 }
+/**
+ * Interface representing the properties for a modal component.
+ *
+ * @template Data - The type of data that the modal will handle.
+ */
 export interface ModalProps<Data> {
     /**
      * The transition to use for the backdrop behind the modal (if present).
@@ -244,6 +260,11 @@ export interface ModalProps<Data> {
      */
     fullscreen: boolean;
 }
+/**
+ * Interface representing the API for a modal component.
+ *
+ * @template Data - The type of data associated with the modal.
+ */
 export interface ModalApi<Data> {
     /**
      * Method to change some modal properties.
@@ -263,7 +284,12 @@ export interface ModalApi<Data> {
      */
     open(): Promise<any>;
 }
-export type ModalWidget<Data> = Widget<ModalProps<Data>, ModalState<Data>, ModalApi<Data>, ModalActions, ModalDirectives>;
+/**
+ * Represents a modal widget with specific data type.
+ *
+ * @template Data - The type of data that the modal widget will handle.
+ */
+export type ModalWidget<Data> = Widget<ModalProps<Data>, ModalState<Data>, ModalApi<Data>, ModalDirectives>;
 /**
  * Creates a new modal widget instance.
  * @param config - config of the modal, either as a store or as an object containing values or stores.
@@ -283,6 +309,9 @@ export { export_modalOutsideClick as modalOutsideClick };
  */
 declare const export_modalCloseButtonClick: typeof modalCloseButtonClick;
 export { export_modalCloseButtonClick as modalCloseButtonClick };
+/**
+ * Type of the parameter of {@link ModalProps.onBeforeClose|onBeforeClose}.
+ */
 export interface ModalBeforeCloseEvent {
     /**
      * Result of the modal, which is the value passed to the {@link ModalApi.close|close} method
@@ -296,21 +325,9 @@ export interface ModalBeforeCloseEvent {
      */
     cancel: boolean;
 }
-export interface ModalActions {
-    /**
-     * Action to be called when the user clicks on the close button. It closes the modal with the {@link modalCloseButtonClick} result.
-     * @param event - mouse event
-     */
-    closeButtonClick(event: Pick<MouseEvent, never>): void;
-    /**
-     * Action to be called when the user clicks on the modal DOM element (which is supposed to have the size of the full viewport).
-     * If the click is not done on a descendant of the modal DOM element, it is considered to be done outside the modal
-     * and, depending on the value of the {@link ModalProps.closeOnOutsideClick|closeOnOutsideClick} prop, the modal is or isn't closed
-     * (with the {@link modalOutsideClick} result).
-     * @param event - mouse event
-     */
-    modalClick(event: Pick<MouseEvent, 'target' | 'currentTarget'>): void;
-}
+/**
+ * Directives of the modal widget.
+ */
 export interface ModalDirectives {
     /**
      * Directive to put on the modal DOM element.
@@ -333,7 +350,7 @@ export interface ModalDirectives {
      */
     closeButtonDirective: Directive;
     /**
-     * Directive to apply to the dialog element when using the native [HTMLDialogElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement)
+     * Directive to apply to the dialog element when using the native {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement | HTMLDialogElement}
      */
     dialogDirective: Directive;
 }

package/components/pagination/index.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const pagination = require("../../pagination-ChA90-py.cjs");
-exports.DefaultPages = pagination.DefaultPages;
-exports.DefaultStructure = pagination.DefaultStructure;
+const pagination = require("../../pagination-b4pKj3Kx.cjs");
 exports.NavButton = pagination.NavButton;
 exports.PageItem = pagination.PageItem;
 exports.Pagination = pagination.Pagination;
+exports.PaginationDefaultSlotPages = pagination.PaginationDefaultSlotPages;
+exports.PaginationDefaultSlotStructure = pagination.PaginationDefaultSlotStructure;
 exports.createPagination = pagination.export_createPagination;
 exports.getPaginationDefaultConfig = pagination.export_getPaginationDefaultConfig;

package/components/pagination/index.js

@@ -1,10 +1,10 @@
-import { D, a, N, P, b, c, e } from "../../pagination-BDq1dOoH.js";
+import { N, P, c, a, b, d, e } from "../../pagination-5jlJWfFj.js";
 export {
-  D as DefaultPages,
-  a as DefaultStructure,
   N as NavButton,
   P as PageItem,
-  b as Pagination,
-  c as createPagination,
+  c as Pagination,
+  a as PaginationDefaultSlotPages,
+  b as PaginationDefaultSlotStructure,
+  d as createPagination,
   e as getPaginationDefaultConfig
 };

package/components/pagination/pageItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type Directive } from '@agnos-ui/react-headless/types';
-export interface PageItemProps extends React.HTMLAttributes<HTMLAnchorElement> {
+interface PageItemProps extends React.HTMLAttributes<HTMLAnchorElement> {
     disabled?: boolean;
     active?: boolean;
     activeLabel?: string;
@@ -9,12 +9,44 @@ export interface PageItemProps extends React.HTMLAttributes<HTMLAnchorElement> {
     }>;
     page: number;
 }
-export interface NavItemProps extends React.HTMLAttributes<HTMLAnchorElement> {
+interface NavItemProps extends React.HTMLAttributes<HTMLAnchorElement> {
     disabled?: boolean;
     active?: boolean;
     activeLabel?: string;
     directive: Directive;
 }
+/**
+ * `PageItem` is a React component that renders a list item (`<li>`) element
+ * with the appropriate classes for pagination. It uses `React.forwardRef` to
+ * forward the ref to the `<li>` element.
+ *
+ * @param {PageItemProps} props - The properties passed to the component.
+ * @param {boolean} props.disabled - If true, the page item will be disabled.
+ * @param {boolean} props.active - If true, the page item will be marked as active.
+ * @param {string} [props.activeLabel] - An optional label for the active page item,
+ * which will be visually hidden but accessible to screen readers.
+ * @param {string} [props.className] - Additional class names to apply to the page link.
+ * @param {React.ReactNode} props.children - The content to be displayed inside the page link.
+ * @param {any} props.directive - A directive to be used with the `useDirectives` hook.
+ * @param {any} props.page - The page number or identifier.
+ * @param {React.Ref<HTMLLIElement>} ref - The ref to be forwarded to the `<li>` element.
+ *
+ * @returns {JSX.Element} The rendered page item component.
+ */
 export declare const PageItem: React.ForwardRefExoticComponent<PageItemProps & React.RefAttributes<HTMLLIElement>>;
-export default PageItem;
+/**
+ * `NavButton` is a React functional component that renders a navigation button
+ * within a list item (`<li>`) element. It uses `React.forwardRef` to forward the ref
+ * to the `<li>` element.
+ *
+ * @param {NavItemProps} props - The properties passed to the component.
+ * @param {boolean} props.disabled - Determines if the navigation button is disabled.
+ * @param {string} props.className - Additional class names to apply to the button.
+ * @param {React.ReactNode} props.children - The content to be displayed inside the button.
+ * @param {any} props.directive - Directives to be applied to the anchor (`<a>`) element.
+ * @param {React.Ref<HTMLLIElement>} ref - The ref to be forwarded to the `<li>` element.
+ *
+ * @returns {JSX.Element} A list item containing a navigation button.
+ */
 export declare const NavButton: React.ForwardRefExoticComponent<NavItemProps & React.RefAttributes<HTMLLIElement>>;
+export {};

package/components/pagination/pagination.d.ts

@@ -1,4 +1,36 @@
 import type { PaginationContext, PaginationProps } from './pagination.gen';
-export declare function DefaultPages(slotContext: PaginationContext): import("react/jsx-runtime").JSX.Element | null;
-export declare function DefaultStructure(slotContext: PaginationContext): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders the default slot pages for the pagination component.
+ *
+ * @param {PaginationContext} slotContext - The context containing pagination state and directives.
+ * @returns {JSX.Element | null} The rendered pagination items or null if there are no pages.
+ *
+ * The function iterates over the pages in the pagination state and generates JSX elements for each page.
+ * If a page is represented by -1, it renders an ellipsis item. Otherwise, it renders a page item.
+ *
+ * - Ellipsis items are rendered as disabled list items with an aria-hidden attribute for accessibility.
+ * - Page items are rendered using the `PageItem` component, with properties for disabled state, active state, and directives.
+ *
+ * The function returns a fragment containing the generated JSX elements, or null if there are no pages to render.
+ */
+export declare const PaginationDefaultSlotPages: (slotContext: PaginationContext) => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Renders the default slot structure for the pagination component.
+ *
+ * @param {PaginationContext} slotContext - The context containing the state and directives for pagination.
+ * @returns {JSX.Element} The rendered pagination component.
+ *
+ * The function constructs the pagination structure based on the provided state and directives.
+ * It conditionally includes navigation buttons for first, previous, next, and last pages based on the state.
+ * The pagination items are wrapped in an unordered list with appropriate classes.
+ * Additionally, an aria-live region is included for accessibility purposes.
+ */
+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.
+ *
+ * @param {Partial<PaginationProps>} props - The properties for the Pagination component.
+ * @returns {JSX.Element} The rendered pagination navigation element.
+ */
 export declare function Pagination(props: Partial<PaginationProps>): import("react/jsx-runtime").JSX.Element;

package/components/pagination/pagination.gen.d.ts

@@ -8,16 +8,20 @@ export { export_getPaginationDefaultConfig as getPaginationDefaultConfig };
 /**
  * A type for the slot context of the pagination widget
  */
-export type PaginationContext = WidgetSlotContext<PaginationWidget>;
+export interface PaginationContext extends WidgetSlotContext<PaginationWidget> {
+}
 /**
  * A type for the slot context of the pagination widget when the slot is the number label
  */
-export type PaginationNumberContext = PaginationContext & {
+export interface PaginationNumberContext extends PaginationContext {
     /**
      * Displayed page
      */
     displayedPage: number;
-};
+}
+/**
+ * Represents the state of a pagination component.
+ */
 export interface PaginationState {
     /**
      * The number of pages.
@@ -53,14 +57,6 @@ export interface PaginationState {
      * @defaultValue `1`
      */
     page: number;
-    /**
-     * The pagination display size.
-     *
-     * Bootstrap currently supports small and large sizes.
-     *
-     * @defaultValue `null`
-     */
-    size: 'sm' | 'lg' | null;
     /**
      * The label for the nav element.
      *
@@ -223,7 +219,18 @@ export interface PaginationState {
      * ```
      */
     numberLabel: SlotContent<PaginationNumberContext>;
+    /**
+     * The pagination display size.
+     *
+     * Bootstrap currently supports small and large sizes.
+     *
+     * @defaultValue `null`
+     */
+    size: 'sm' | 'lg' | null;
 }
+/**
+ * Represents the properties for the Pagination component.
+ */
 export interface PaginationProps {
     /**
      * The number of items in your paginated collection.
@@ -300,7 +307,7 @@ export interface PaginationProps {
      *
      * @defaultValue
      * ```ts
-     * (currentPage: number, pageCount: number) => `Current page is ${currentPage}`
+     * (currentPage: number) => `Current page is ${currentPage}`
      * ```
      */
     ariaLiveLabel: (currentPage: number, pageCount: number) => string;
@@ -323,14 +330,6 @@ export interface PaginationProps {
      * @defaultValue `1`
      */
     page: number;
-    /**
-     * The pagination display size.
-     *
-     * Bootstrap currently supports small and large sizes.
-     *
-     * @defaultValue `null`
-     */
-    size: 'sm' | 'lg' | null;
     /**
      * The label for the nav element.
      *
@@ -493,8 +492,22 @@ export interface PaginationProps {
      * ```
      */
     numberLabel: SlotContent<PaginationNumberContext>;
+    /**
+     * The pagination display size.
+     *
+     * Bootstrap currently supports small and large sizes.
+     *
+     * @defaultValue `null`
+     */
+    size: 'sm' | 'lg' | null;
 }
-export type PaginationWidget = Widget<PaginationProps, PaginationState, PaginationApi, PaginationActions, PaginationDirectives>;
+/**
+ * Represents a pagination widget component.
+ *
+ * This type defines a widget that handles pagination functionality,
+ * including properties, state, api and directives specific to pagination.
+ */
+export type PaginationWidget = Widget<PaginationProps, PaginationState, PaginationApi, PaginationDirectives>;
 /**
  * Create a PaginationWidget with given config props
  * @param config - an optional alert config
@@ -502,6 +515,9 @@ export type PaginationWidget = Widget<PaginationProps, PaginationState, Paginati
  */
 declare const export_createPagination: WidgetFactory<PaginationWidget>;
 export { export_createPagination as createPagination };
+/**
+ * Interface representing the hrefs for pagination navigation links.
+ */
 export interface DirectionsHrefs {
     /**
      * The href for the 'Previous' navigation link
@@ -512,29 +528,35 @@ export interface DirectionsHrefs {
      */
     next: string;
 }
-export interface PaginationActions {
+/**
+ * Interface representing pagination API for navigating through pages.
+ */
+export interface PaginationApi {
     /**
      * To "go" to a specific page
      * @param page - The page number to select
      */
-    select(page: number, event?: MouseEvent): void;
+    select(page: number): void;
     /**
      * To "go" to the first page
      */
-    first(event?: MouseEvent): void;
+    first(): void;
     /**
      * To "go" to the previous page
      */
-    previous(event?: MouseEvent): void;
+    previous(): void;
     /**
      * To "go" to the next page
      */
-    next(event?: MouseEvent): void;
+    next(): void;
     /**
      * To "go" to the last page
      */
-    last(event?: MouseEvent): void;
+    last(): void;
 }
+/**
+ * Interface representing the directives for pagination components.
+ */
 export interface PaginationDirectives {
     /**
      * A directive to be applied to each page link
@@ -560,5 +582,3 @@ export interface PaginationDirectives {
      */
     pageLast: Directive;
 }
-export interface PaginationApi {
-}

package/components/progressbar/index.cjs

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

package/components/progressbar/index.js

@@ -1,6 +1,7 @@
-import { P, a, e } from "../../progressbar-B0keLNtE.js";
+import { a, P, b, e } from "../../progressbar-DKFR5epE.js";
 export {
-  P as Progressbar,
-  a as createProgressbar,
+  a as Progressbar,
+  P as ProgressbarDefaultSlotStructure,
+  b as createProgressbar,
   e as getProgressbarDefaultConfig
 };

package/components/progressbar/progressbar.d.ts

@@ -1,2 +1,17 @@
-import type { ProgressbarProps } from './progressbar.gen';
+import type { ProgressbarContext, ProgressbarProps } from './progressbar.gen';
+/**
+ * Renders a progress bar component with customizable appearance and behavior.
+ *
+ * @param {ProgressbarContext} slotContext - The context containing the state and properties for the progress bar.
+ *
+ * @returns {JSX.Element} The rendered progress bar component.
+ */
+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.
+ *
+ * @param {Partial<ProgressbarProps>} props - The properties to configure the progress bar.
+ *
+ * @returns {JSX.Element} A div element containing the progress bar with appropriate ARIA directives and slot content.
+ */
 export declare const Progressbar: (props: Partial<ProgressbarProps>) => import("react/jsx-runtime").JSX.Element;