@coreui/react-pro 4.0.0-rc.1

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -0,0 +1,93 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface CMultiSelectProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Enables selection cleaner element. [docs]
+     *
+     * @default true
+     */
+    cleaner?: boolean;
+    /**
+     * It specifies that multiple options can be selected at once. [docs]
+     *
+     * @default true
+     */
+    multiple?: boolean;
+    /**
+     * Execute a function when a user changes the selected option. [docs]
+     */
+    onChange?: (selected: Option[]) => void;
+    /**
+     * List of option elements. [docs]
+     */
+    options: Option[];
+    /**
+     * Sets maxHeight of options list. [docs]
+     *
+     * @default 'auto'
+     */
+    optionsMaxHeight?: number | string;
+    /**
+     * Sets option style. [docs]
+     *
+     * @default 'checkbox'
+     */
+    optionsStyle?: 'checkbox' | 'text';
+    /**
+     * Specifies a short hint that is visible in the search input. [docs]
+     *
+     * @default 'Select...''
+     */
+    placeholder?: string;
+    /**
+     * Enables search input element. [docs]
+     */
+    search?: boolean;
+    /**
+     * Sets the label for no results when filtering. [docs]
+     */
+    searchNoResultsLabel?: string | ReactNode;
+    /**
+     * Enables select all button. [docs]
+     *
+     * @default true
+     */
+    selectAll?: boolean;
+    /**
+     * Sets the select all button label. [docs]
+     *
+     * @default 'Select all options'
+     */
+    selectAllLabel?: string | ReactNode;
+    /**
+     * Sets the selection style. [docs]
+     *
+     * @default 'tags'
+     */
+    selectionType?: 'counter' | 'tags' | 'text';
+    /**
+     * Sets the counter selection label. [docs]
+     *
+     * @default 'item(s) selected'
+     */
+    selectionTypeCounterText?: string;
+    /**
+     * Toggle the visibility of multi select dropdown. [docs]
+     *
+     * @default false
+     */
+    visible?: boolean;
+}
+export interface Option {
+    disabled?: boolean;
+    label?: string;
+    options?: Option[];
+    order?: number;
+    selected?: boolean;
+    text: string;
+    value: number | string;
+}
+export declare const CMultiSelect: React.ForwardRefExoticComponent<CMultiSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select/CMultiSelectCleaner.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CMultiSelectCleaner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+import { Option } from './CMultiSelect';
+export interface CMultiSelectNativeSelectProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'options'> {
+    multiple?: boolean;
+    options: Option[] | undefined;
+    value?: string | number | readonly string[];
+}
+export declare const CMultiSelectNativeSelect: React.ForwardRefExoticComponent<CMultiSelectNativeSelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/multi-select/CMultiSelectOptions.d.ts

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { Option } from './CMultiSelect';
+export interface CMultiSelectOptionsProps extends HTMLAttributes<HTMLDivElement> {
+    handleOptionOnClick?: (option: Option) => void;
+    options: Option[];
+    optionsMaxHeight?: number | string;
+    optionsStyle?: 'checkbox' | 'text';
+    searchNoResultsLabel?: string | ReactNode;
+}
+export declare const CMultiSelectOptions: React.ForwardRefExoticComponent<CMultiSelectOptionsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select/CMultiSelectSearchInput.d.ts

@@ -0,0 +1,5 @@
+import React, { HTMLAttributes } from 'react';
+export interface CMultiSelectSearchInputProps extends HTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+}
+export declare const CMultiSelectSearchInput: React.ForwardRefExoticComponent<CMultiSelectSearchInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/multi-select/CMultiSelectSelectAllButton.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CMultiSelectSelectAllButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/multi-select/CMultiSelectSelection.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLAttributes } from 'react';
+import { Option } from './CMultiSelect';
+export interface CMultiSelectSelectionProps extends HTMLAttributes<HTMLSpanElement> {
+    multiple?: boolean;
+    onRemove?: (option: Option) => void;
+    search?: boolean;
+    selected?: Array<Option>;
+    selectionType?: 'counter' | 'tags' | 'text';
+    selectionTypeCounterText?: string;
+}
+export declare const CMultiSelectSelection: React.ForwardRefExoticComponent<CMultiSelectSelectionProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/nav/CNav.d.ts

@@ -0,0 +1,22 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement | HTMLOListElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'ul'
+     */
+    component?: string | ElementType;
+    /**
+     * Specify a layout type for component. [docs]
+     */
+    layout?: 'fill' | 'justified';
+    /**
+     * Set the nav variant to tabs or pills. [docs]
+     */
+    variant?: 'tabs' | 'pills' | 'underline';
+}
+export declare const CNav: React.ForwardRefExoticComponent<CNavProps & React.RefAttributes<HTMLDivElement | HTMLOListElement | HTMLUListElement>>;

package/dist/components/nav/CNavGroup.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface CNavGroupProps {
+    children?: ReactNode;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Make nav group more compact by cutting all `padding` in half. [docs]
+     */
+    compact?: boolean;
+    /**
+     * Set group toggler label. [docs]
+     */
+    toggler?: string | ReactNode;
+    /**
+     * Show nav group items. [docs]
+     */
+    visible?: boolean;
+    /**
+     * @ignore
+     */
+    idx?: string;
+}
+export declare const CNavGroup: React.ForwardRefExoticComponent<CNavGroupProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/nav/CNavGroupItems.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavGroupItemsProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavGroupItems: React.ForwardRefExoticComponent<CNavGroupItemsProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/nav/CNavItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CNavLinkProps } from './CNavLink';
+export declare const CNavItem: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/nav/CNavLink.d.ts

@@ -0,0 +1,31 @@
+import React, { ElementType } from 'react';
+import { CLinkProps } from '../link/CLink';
+export interface CNavLinkProps extends Omit<CLinkProps, 'idx'> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'a'
+     */
+    component?: string | ElementType;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+    /**
+     * @ignore
+     */
+    idx?: string;
+    /**
+     * @ignore
+     */
+    to?: string;
+}
+export declare const CNavLink: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

package/dist/components/nav/CNavTitle.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavTitleProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavTitle: React.ForwardRefExoticComponent<CNavTitleProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/navbar/CNavbar.d.ts

@@ -0,0 +1,43 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CNavbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background. [docs]
+     *
+     * @type 'dark' | 'light'
+     */
+    colorScheme?: 'dark' | 'light';
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'nav'
+     */
+    component?: string | ElementType;
+    /**
+     * Defines optional container wrapping children elements.
+     *
+     * @type boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid'
+     */
+    container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
+    /**
+     * Defines the responsive breakpoint to determine when content collapses. [docs]
+     */
+    expand?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Place component in non-static positions. [docs]
+     *
+     * @type 'fixed-top' | 'fixed-bottom' | 'sticky-top'
+     */
+    placement?: 'fixed-top' | 'fixed-bottom' | 'sticky-top';
+}
+export declare const CNavbar: React.ForwardRefExoticComponent<CNavbarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navbar/CNavbarBrand.d.ts

@@ -0,0 +1,17 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavbarBrandProps extends HTMLAttributes<HTMLAnchorElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     */
+    component?: string | ElementType;
+    /**
+     * The href attribute specifies the URL of the page the link goes to. [docs]
+     */
+    href?: string;
+}
+export declare const CNavbarBrand: React.ForwardRefExoticComponent<CNavbarBrandProps & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>>;

package/dist/components/navbar/CNavbarNav.d.ts

@@ -0,0 +1,14 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavbarNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'ul'
+     */
+    component?: string | ElementType;
+}
+export declare const CNavbarNav: React.ForwardRefExoticComponent<CNavbarNavProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;

package/dist/components/navbar/CNavbarText.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavbarTextProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavbarText: React.ForwardRefExoticComponent<CNavbarTextProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/navbar/CNavbarToggler.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavbarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const CNavbarToggler: React.ForwardRefExoticComponent<CNavbarTogglerProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/offcanvas/COffcanvas.d.ts

@@ -0,0 +1,37 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Apply a backdrop on body while offcanvas is open. [docs]
+     *
+     * @default true
+     */
+    backdrop?: boolean;
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Closes the offcanvas when escape key is pressed [docs]
+     *
+     * @default true
+     */
+    keyboard?: boolean;
+    /**
+     * Method called before the dissmiss animation has started. [docs]
+     */
+    onDismiss?: () => void;
+    /**
+     * Components placement, there’s no default placement. [docs]
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     */
+    placement: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Generates modal using createPortal. [docs]
+     */
+    portal?: boolean;
+    /**
+     * Toggle the visibility of offcanvas component. [docs]
+     */
+    visible?: boolean;
+}
+export declare const COffcanvas: React.ForwardRefExoticComponent<COffcanvasProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/offcanvas/COffcanvasBody.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const COffcanvasBody: React.ForwardRefExoticComponent<COffcanvasBodyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/offcanvas/COffcanvasHeader.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+}
+export declare const COffcanvasHeader: React.ForwardRefExoticComponent<COffcanvasHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/offcanvas/COffcanvasTitle.d.ts

@@ -0,0 +1,14 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface COffcanvasTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'h5'
+     */
+    component?: string | ElementType;
+}
+export declare const COffcanvasTitle: React.ForwardRefExoticComponent<COffcanvasTitleProps & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/pagination/CPagination.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes } from 'react';
+export interface CPaginationProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * Set the alignment of pagination components. [docs]
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Size the component small or large. [docs]
+     */
+    size?: 'sm' | 'lg';
+}
+export declare const CPagination: React.ForwardRefExoticComponent<CPaginationProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/pagination/CPaginationItem.d.ts

@@ -0,0 +1,16 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CPaginationItemProps extends HTMLAttributes<HTMLAnchorElement> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     */
+    component?: string | ElementType;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+}
+export declare const CPaginationItem: React.ForwardRefExoticComponent<CPaginationItemProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/pagination/CSmartPagination.d.ts

@@ -0,0 +1,80 @@
+import React, { ReactNode, HTMLAttributes } from 'react';
+export interface CSmartPaginationProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Current page number. [docs]
+     *
+     * @default 1
+     */
+    activePage?: number;
+    /**
+     * Show/hide dots. [docs]
+     *
+     * @default true
+     */
+    dots?: boolean;
+    /**
+     * Show/hide arrows. [docs]
+     *
+     * @default true
+     */
+    arrows?: boolean;
+    /**
+     * Show double arrows buttons. [docs]
+     *
+     * @default doubleArrows
+     */
+    doubleArrows?: boolean;
+    /**
+     * The content of 'firstButton' button. [docs]
+     *
+     * @default '<React.Fragment>&laquo;</React.Fragment>''
+     */
+    firstButton?: ReactNode | string;
+    /**
+     * The content of 'previousButton' button. [docs]
+     *
+     * @default '<React.Fragment>&lsaquo;</React.Fragment>'
+     */
+    previousButton?: ReactNode | string;
+    /**
+     * The content of 'nextButton' button. [docs]
+     *
+     * @default '<React.Fragment>&rsaquo;</React.Fragment>''
+     */
+    nextButton?: ReactNode | string;
+    /**
+     * The content of 'lastButton' button. [docs]
+     *
+     * @default '<React.Fragment>&raquo;</React.Fragment>'
+     */
+    lastButton?: ReactNode | string;
+    /**
+     * Size of pagination, valid values: 'sm', 'lg'. [docs]
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Horizontall align. [docs]
+     *
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Maximum items number. [docs]
+     *
+     * @default 5
+     */
+    limit?: number;
+    /**
+     * Number of pages. [docs]
+     */
+    pages: number;
+    /**
+     * On active page change callback. [docs]
+     */
+    onActivePageChange: (a: number, b?: boolean) => void;
+}
+export declare const CSmartPagination: React.ForwardRefExoticComponent<CSmartPaginationProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/popover/CPopover.d.ts

@@ -0,0 +1,36 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { Triggers } from '../Types';
+export interface CPopoverProps {
+    children: ReactElement;
+    /**
+     * Content node for your component. [docs]
+     */
+    content: ReactNode;
+    /**
+     * Offset of the popover relative to its target. [docs]
+     * @default '[0, 8]'
+     */
+    offset?: [number, number];
+    /**
+     * Title node for your component. [docs]
+     */
+    title?: ReactNode;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them. [docs]
+     */
+    trigger?: Triggers | Triggers[];
+    /**
+     * Describes the placement of your component after Popper.js has applied all the modifiers that may have flipped or altered the originally provided placement property. [docs]
+     *
+     * @type 'top' | 'right' | 'bottom' | 'left'
+     * @default 'top'
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Toggle the visibility of popover component. [docs]
+     *
+     * @default true
+     */
+    visible?: boolean;
+}
+export declare const CPopover: FC<CPopoverProps>;

package/dist/components/popover/CPopoverContent.d.ts

@@ -0,0 +1,10 @@
+import React, { CSSProperties } from 'react';
+import { CPopoverProps } from './CPopover';
+import { PopperChildrenProps } from 'react-popper';
+interface CPopoverContentProps extends Omit<CPopoverProps, 'placement' | 'children' | 'trigger'>, Omit<PopperChildrenProps, 'placementPostfix' | 'style'> {
+    transitionClass?: string;
+    style?: CSSProperties;
+    placementClassNamePostfix?: string;
+}
+export declare const CPopoverContent: React.ForwardRefExoticComponent<Pick<CPopoverContentProps, "style" | "title" | "visible" | "content" | "placement" | "arrowProps" | "forceUpdate" | "update" | "isReferenceHidden" | "hasPopperEscaped" | "offset" | "placementClassNamePostfix" | "transitionClass"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/progress/CProgress.d.ts

@@ -0,0 +1,26 @@
+import React, { HTMLAttributes } from 'react';
+import { CProgressBarProps } from './CProgressBar';
+export interface CProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'>, CProgressBarProps {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly. [docs]
+     */
+    height?: number;
+    /**
+     * Makes progress bar thinner. [docs]
+     */
+    thin?: boolean;
+    /**
+     * The percent to progress the ProgressBar (out of 100). [docs]
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Change the default color to white. [docs]
+     */
+    white?: boolean;
+}
+export declare const CProgress: React.ForwardRefExoticComponent<CProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/progress/CProgressBar.d.ts

@@ -0,0 +1,29 @@
+import React, { HTMLAttributes } from 'react';
+import { Colors, Gradients } from '../Types';
+export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Use to animate the stripes right to left via CSS3 animations. [docs]
+     */
+    animated?: boolean;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type {'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string }
+     */
+    color?: Colors | Gradients;
+    /**
+     * The percent to progress the ProgressBar. [docs]
+     *
+     * @default 0
+     */
+    value?: number;
+    /**
+     * Set the progress bar variant to optional striped. [docs]
+     */
+    variant?: 'striped';
+}
+export declare const CProgressBar: React.ForwardRefExoticComponent<CProgressBarProps & React.RefAttributes<HTMLDivElement>>;