@coreui/react-pro 5.0.0-alpha.2 → 5.0.0-beta.0

package/dist/esm/components/placeholder/CPlaceholder.d.ts

@@ -0,0 +1,51 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import type { Colors } from '../../types';
+export interface CPlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Set animation type to better convey the perception of something being actively loaded.
+     */
+    animation?: 'glow' | 'wave';
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ElementType;
+    /**
+     * Size the component extra small, small, or large.
+     */
+    size?: 'xs' | 'sm' | 'lg';
+    /**
+     * The number of columns on extra small devices (<576px).
+     */
+    xs?: number;
+    /**
+     * The number of columns on small devices (<768px).
+     */
+    sm?: number;
+    /**
+     * The number of columns on medium devices (<992px).
+     */
+    md?: number;
+    /**
+     * The number of columns on large devices (<1200px).
+     */
+    lg?: number;
+    /**
+     * The number of columns on X-Large devices (<1400px).
+     */
+    xl?: number;
+    /**
+     * The number of columns on XX-Large devices (≥1400px).
+     */
+    xxl?: number;
+}
+export declare const CPlaceholder: React.ForwardRefExoticComponent<CPlaceholderProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/placeholder/CPlaceholder.js

@@ -0,0 +1,46 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { colorPropType } from '../../props.js';
+
+var BREAKPOINTS = [
+    'xxl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'xs',
+];
+var CPlaceholder = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, animation = _a.animation, className = _a.className, color = _a.color, _c = _a.component, Component = _c === void 0 ? 'span' : _c, size = _a.size, rest = __rest(_a, ["children", "animation", "className", "color", "component", "size"]);
+    var repsonsiveClassNames = [];
+    BREAKPOINTS.forEach(function (bp) {
+        var breakpoint = rest[bp];
+        delete rest[bp];
+        var infix = bp === 'xs' ? '' : "-".concat(bp);
+        if (typeof breakpoint === 'number') {
+            repsonsiveClassNames.push("col".concat(infix, "-").concat(breakpoint));
+        }
+        if (typeof breakpoint === 'boolean') {
+            repsonsiveClassNames.push("col".concat(infix));
+        }
+    });
+    return (React.createElement(Component, __assign({ className: classNames(animation ? "placeholder-".concat(animation) : 'placeholder', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["placeholder-".concat(size)] = size,
+            _b), repsonsiveClassNames, className) }, rest, { ref: ref }), children));
+});
+CPlaceholder.propTypes = {
+    animation: PropTypes.oneOf(['glow', 'wave']),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    color: colorPropType,
+    component: PropTypes.elementType,
+    size: PropTypes.oneOf(['xs', 'sm', 'lg']),
+};
+CPlaceholder.displayName = 'CPlaceholder';
+
+export { CPlaceholder };
+//# sourceMappingURL=CPlaceholder.js.map

package/dist/esm/components/placeholder/CPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CPlaceholder.js","sources":["../../../../src/components/placeholder/CPlaceholder.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAwDA,IAAM,WAAW,GAAG;IAClB,KAAc;IACd,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;CACd,CAAA;IAEY,YAAY,GAAG,UAAU,CACpC,UACE,EAAuF,EACvF,GAAG,EAAA;;IADD,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,iBAA6B,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAArF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,CAAuF,CAAF,CAAA;IAGrF,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAA,WAAW,CAAC,OAAO,CAAC,UAAC,EAAE,EAAA;AACrB,QAAA,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,CAAA;AAEf,QAAA,IAAM,KAAK,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,GAAI,CAAA,MAAA,CAAA,EAAE,CAAE,CAAA;AAEzC,QAAA,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,oBAAoB,CAAC,IAAI,CAAC,KAAA,CAAA,MAAA,CAAM,KAAK,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,UAAU,CAAE,CAAC,CAAA;AACvD,SAAA;AAED,QAAA,IAAI,OAAO,UAAU,KAAK,SAAS,EAAE;AACnC,YAAA,oBAAoB,CAAC,IAAI,CAAC,aAAM,KAAK,CAAE,CAAC,CAAA;AACzC,SAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,aACR,SAAS,EAAE,UAAU,CACnB,SAAS,GAAG,cAAe,CAAA,MAAA,CAAA,SAAS,CAAE,GAAG,aAAa,GAAA,EAAA,GAAA,EAAA;AAEpD,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAE/B,YAAA,EAAA,GAAA,oBAAoB,EACpB,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,SAAS,CAAC,WAAW;AAChC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;CAC1C,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/placeholder/index.d.ts

@@ -0,0 +1,2 @@
+import { CPlaceholder } from './CPlaceholder';
+export { CPlaceholder };

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

@@ -0,0 +1,70 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import type { Placements, Triggers } from '../../types';
+export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'content'> {
+    /**
+     * Apply a CSS fade transition to the popover.
+     *
+     * @since 4.9.0
+     */
+    animation?: boolean;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Appends the react popover to a specific element. You can pass an HTML element or function that returns a single element. By default `document.body`.
+     *
+     * @since v4.11.0
+     */
+    container?: Element | (() => Element | null) | null;
+    /**
+     * Content node for your component.
+     */
+    content: ReactNode | string;
+    /**
+     * Offset of the popover relative to its target.
+     */
+    offset?: [number, number];
+    /**
+     * The delay for displaying and hiding the popover (in milliseconds). When a numerical value is provided, the delay applies to both the hide and show actions. The object structure for specifying the delay is as follows: delay: `{ 'show': 500, 'hide': 100 }`.
+     *
+     * @since 4.9.0
+     */
+    delay?: number | {
+        show: number;
+        hide: number;
+    };
+    /**
+     * Specify the desired order of fallback placements by providing a list of placements as an array. The placements should be prioritized based on preference.
+     *
+     * @since 4.9.0
+     */
+    fallbackPlacements?: Placements | Placements[];
+    /**
+     * Callback fired when the component requests to be hidden.
+     */
+    onHide?: () => void;
+    /**
+     * Callback fired when the component requests to be shown.
+     */
+    onShow?: () => void;
+    /**
+     * Title node for your component.
+     */
+    title?: ReactNode | string;
+    /**
+     * Sets which event handlers you’d like provided to your toggle prop. You can specify one trigger or an array of them.
+     *
+     * @type 'hover' | 'focus' | 'click'
+     */
+    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.
+     */
+    placement?: 'auto' | 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Toggle the visibility of popover component.
+     */
+    visible?: boolean;
+}
+export declare const CPopover: React.ForwardRefExoticComponent<CPopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/popover/CPopover.js

@@ -0,0 +1,111 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import classNames from '../../node_modules/classnames/index.js';
+import PropTypes from 'prop-types';
+import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import { usePopper } from '../../hooks/usePopper.js';
+import { fallbackPlacementsPropType, triggerPropType } from '../../props.js';
+import getTransitionDurationFromElement from '../../utils/getTransitionDurationFromElement.js';
+import getRTLPlacement from '../../utils/getRTLPlacement.js';
+import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
+
+var CPopover = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 8] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, title = _a.title, _g = _a.trigger, trigger = _g === void 0 ? 'click' : _g, visible = _a.visible, rest = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
+    var popoverRef = useRef(null);
+    var togglerRef = useRef(null);
+    var forkedRef = useForkedRef(ref, popoverRef);
+    var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
+    var _j = useState(visible), _visible = _j[0], setVisible = _j[1];
+    var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
+    var popperConfig = {
+        modifiers: [
+            {
+                name: 'arrow',
+                options: {
+                    element: '.popover-arrow',
+                },
+            },
+            {
+                name: 'flip',
+                options: {
+                    fallbackPlacements: fallbackPlacements,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: offset,
+                },
+            },
+        ],
+        placement: getRTLPlacement(placement, togglerRef.current),
+    };
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    useEffect(function () {
+        if (_visible && togglerRef.current && popoverRef.current) {
+            initPopper(togglerRef.current, popoverRef.current, popperConfig);
+        }
+        return function () {
+            destroyPopper();
+        };
+    }, [_visible]);
+    var toggleVisible = function (visible) {
+        if (visible) {
+            setTimeout(function () { return setVisible(true); }, _delay.show);
+            return;
+        }
+        setTimeout(function () { return setVisible(false); }, _delay.hide);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.cloneElement(children, __assign(__assign(__assign({ ref: togglerRef }, ((trigger === 'click' || trigger.includes('click')) && {
+            onClick: function () { return toggleVisible(!_visible); },
+        })), ((trigger === 'focus' || trigger.includes('focus')) && {
+            onFocus: function () { return toggleVisible(true); },
+            onBlur: function () { return toggleVisible(false); },
+        })), ((trigger === 'hover' || trigger.includes('hover')) && {
+            onMouseEnter: function () { return toggleVisible(true); },
+            onMouseLeave: function () { return toggleVisible(false); },
+        }))),
+        React.createElement(CConditionalPortal, { container: container, portal: true },
+            React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
+                    enter: 0,
+                    exit: popoverRef.current
+                        ? getTransitionDurationFromElement(popoverRef.current) + 50
+                        : 200,
+                }, unmountOnExit: true }, function (state) { return (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', {
+                    fade: animation,
+                    show: state === 'entered',
+                }, className), ref: forkedRef, role: "tooltip" }, rest),
+                React.createElement("div", { className: "popover-arrow" }),
+                React.createElement("div", { className: "popover-header" }, title),
+                React.createElement("div", { className: "popover-body" }, content))); }))));
+});
+CPopover.propTypes = {
+    animation: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    container: PropTypes.any,
+    content: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    delay: PropTypes.oneOfType([
+        PropTypes.number,
+        PropTypes.shape({
+            show: PropTypes.number.isRequired,
+            hide: PropTypes.number.isRequired,
+        }),
+    ]),
+    fallbackPlacements: fallbackPlacementsPropType,
+    offset: PropTypes.any,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    trigger: triggerPropType,
+    visible: PropTypes.bool,
+};
+CPopover.displayName = 'CPopover';
+
+export { CPopover };
+//# sourceMappingURL=CPopover.js.map

package/dist/esm/components/popover/CPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CPopover.js","sources":["../../../../src/components/popover/CPopover.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/esm/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+import { CPopover } from './CPopover';
+export { CPopover };

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

@@ -0,0 +1,31 @@
+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.
+     */
+    className?: string;
+    /**
+     * Sets the height of the component. If you set that value the inner `<CProgressBar>` will automatically resize accordingly.
+     */
+    height?: number;
+    /**
+     * A string of all className you want applied to the <CProgressBar/> component.
+     *
+     * @since 4.9.0
+     */
+    progressBarClassName?: string;
+    /**
+     * Makes progress bar thinner.
+     */
+    thin?: boolean;
+    /**
+     * The percent to progress the ProgressBar (out of 100).
+     */
+    value?: number;
+    /**
+     * Change the default color to white.
+     */
+    white?: boolean;
+}
+export declare const CProgress: React.ForwardRefExoticComponent<CProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/progress/CProgress.js

@@ -0,0 +1,41 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useContext } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CProgressStackedContext } from './CProgressStacked.js';
+import { CProgressBar } from './CProgressBar.js';
+
+var CProgress = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, height = _a.height, progressBarClassName = _a.progressBarClassName, thin = _a.thin, value = _a.value, white = _a.white, rest = __rest(_a, ["children", "className", "height", "progressBarClassName", "thin", "value", "white"]);
+    var stacked = useContext(CProgressStackedContext).stacked;
+    return (React.createElement("div", __assign({ className: classNames('progress', {
+            'progress-thin': thin,
+            'progress-white': white,
+        }, className) }, (value !== undefined && {
+        role: 'progressbar',
+        'aria-valuenow': value,
+        'aria-valuemin': 0,
+        'aria-valuemax': 100,
+    }), { style: __assign(__assign({}, (height ? { height: "".concat(height, "px") } : {})), (stacked ? { width: "".concat(value, "%") } : {})), ref: ref }), React.Children.toArray(children).some(
+    // @ts-expect-error displayName is set in the CProgressBar component
+    function (child) { return child.type && child.type.displayName === 'CProgressBar'; }) ? (React.Children.map(children, function (child) {
+        // @ts-expect-error displayName is set in the CProgressBar component
+        if (React.isValidElement(child) && child.type.displayName === 'CProgressBar') {
+            return React.cloneElement(child, __assign(__assign({}, (value && { value: value })), rest));
+        }
+        return;
+    })) : (React.createElement(CProgressBar, __assign({}, (progressBarClassName && { className: progressBarClassName }), { value: value }, rest), children))));
+});
+CProgress.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    height: PropTypes.number,
+    progressBarClassName: PropTypes.string,
+    thin: PropTypes.bool,
+    value: PropTypes.number,
+    white: PropTypes.bool,
+};
+CProgress.displayName = 'CProgress';
+
+export { CProgress };
+//# sourceMappingURL=CProgress.js.map

package/dist/esm/components/progress/CProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CProgress.js","sources":["../../../../src/components/progress/CProgress.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;IAsCa,SAAS,GAAG,UAAU,CACjC,UAAC,EAAkF,EAAE,GAAG,EAAA;IAArF,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,oBAAoB,GAAA,EAAA,CAAA,oBAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAAhF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAkF,CAAF,CAAA;AACvE,IAAA,IAAA,OAAO,GAAK,UAAU,CAAC,uBAAuB,CAAC,QAAxC,CAAwC;AAEvD,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,UAAU,EACV;AACE,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,gBAAgB,EAAE,KAAK;AACxB,SAAA,EACD,SAAS,CACV,EAAA,GACI,KAAK,KAAK,SAAS,IAAI;AAC1B,QAAA,IAAI,EAAE,aAAa;AACnB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,eAAe,EAAE,CAAC;AAClB,QAAA,eAAe,EAAE,GAAG;KACrB,GAAC,EACF,KAAK,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,GACC,MAAM,GAAG,EAAE,MAAM,EAAE,EAAA,CAAA,MAAA,CAAG,MAAM,EAAI,IAAA,CAAA,EAAE,GAAG,EAAE,EACxC,GAAC,OAAO,GAAG,EAAE,KAAK,EAAE,EAAG,CAAA,MAAA,CAAA,KAAK,EAAG,GAAA,CAAA,EAAE,GAAG,EAAE,EAE3C,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI;;AAEpC,IAAA,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,cAAc,CAAA,EAAA,CACnE,IACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;;AAEjC,QAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AAC5E,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAA,QAAA,CAAA,QAAA,CAAA,EAAA,GACzB,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAC1B,EAAA,IAAI,EACP,CAAA;AACH,SAAA;QAED,OAAM;AACR,KAAC,CAAC,KAEF,KAAC,CAAA,aAAA,CAAA,YAAY,EACP,QAAA,CAAA,EAAA,GAAC,oBAAoB,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,GAAC,EACjE,KAAK,EAAE,KAAK,EAAA,EACR,IAAI,CAAA,EAEP,QAAQ,CACI,CAChB,CACG,EACP;AACH,CAAC,EACF;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,oBAAoB,EAAE,SAAS,CAAC,MAAM;IACtC,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -0,0 +1,27 @@
+import React, { HTMLAttributes } from 'react';
+import type { Colors, Gradients } from '../../types';
+export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Use to animate the stripes right to left via CSS3 animations.
+     */
+    animated?: boolean;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @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.
+     */
+    value?: number;
+    /**
+     * Set the progress bar variant to optional striped.
+     */
+    variant?: 'striped';
+}
+export declare const CProgressBar: React.ForwardRefExoticComponent<CProgressBarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/progress/CProgressBar.js

@@ -0,0 +1,29 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useContext } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CProgressStackedContext } from './CProgressStacked.js';
+import { colorPropType, gradientsPropType } from '../../props.js';
+
+var CProgressBar = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, animated = _a.animated, className = _a.className, color = _a.color, _c = _a.value, value = _c === void 0 ? 0 : _c, variant = _a.variant, rest = __rest(_a, ["children", "animated", "className", "color", "value", "variant"]);
+    var stacked = useContext(CProgressStackedContext).stacked;
+    return (React.createElement("div", __assign({ className: classNames('progress-bar', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b["progress-bar-".concat(variant)] = variant,
+            _b['progress-bar-animated'] = animated,
+            _b), className) }, (!stacked && { style: { width: "".concat(value, "%") } }), rest, { ref: ref }), children));
+});
+CProgressBar.propTypes = {
+    animated: PropTypes.bool,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    color: PropTypes.oneOfType([colorPropType, gradientsPropType]),
+    value: PropTypes.number,
+    variant: PropTypes.oneOf(['striped']),
+};
+CProgressBar.displayName = 'CProgressBar';
+
+export { CProgressBar };
+//# sourceMappingURL=CProgressBar.js.map

package/dist/esm/components/progress/CProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CProgressBar.js","sources":["../../../../src/components/progress/CProgressBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;IAiCa,YAAY,GAAG,UAAU,CACpC,UAAC,EAAqE,EAAE,GAAG,EAAA;;IAAxE,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,aAAS,EAAT,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAK,IAAI,GAAnE,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,CAAqE,CAAF,CAAA;AAC1D,IAAA,IAAA,OAAO,GAAK,UAAU,CAAC,uBAAuB,CAAC,QAAxC,CAAwC;AAEvD,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,cAAc,GAAA,EAAA,GAAA,EAAA;AAEZ,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,eAAgB,CAAA,MAAA,CAAA,OAAO,CAAE,CAAA,GAAG,OAAO;AACpC,YAAA,EAAA,CAAA,uBAAA,CAAuB,GAAE,QAAQ;AAEnC,YAAA,EAAA,GAAA,SAAS,CACV,EAAA,GACI,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAG,CAAA,MAAA,CAAA,KAAK,EAAG,GAAA,CAAA,EAAE,EAAE,GAC9C,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AACD,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAC9D,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC;CACtC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/progress/CProgressStacked.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CProgressStackedProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+}
+export interface CProgressStackedContextProps {
+    stacked?: boolean;
+}
+export declare const CProgressStackedContext: React.Context<CProgressStackedContextProps>;
+export declare const CProgressStacked: React.ForwardRefExoticComponent<CProgressStackedProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/progress/CProgressStacked.js

@@ -0,0 +1,21 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { createContext, forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CProgressStackedContext = createContext({});
+var CProgressStacked = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('progress-stacked', className), ref: ref }, rest),
+        React.createElement(CProgressStackedContext.Provider, { value: {
+                stacked: true,
+            } }, children)));
+});
+CProgressStacked.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CProgressStacked.displayName = 'CProgressStacked';
+
+export { CProgressStacked, CProgressStackedContext };
+//# sourceMappingURL=CProgressStacked.js.map

package/dist/esm/components/progress/CProgressStacked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CProgressStacked.js","sources":["../../../../src/components/progress/CProgressStacked.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,uBAAuB,GAAG,aAAa,CAAC,EAAkC,EAAC;IAE3E,gBAAgB,GAAG,UAAU,CACxC,UAAC,EAAgC,EAAE,GAAG,EAAA;IAAnC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,GAA9B,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAAgC,CAAF,CAAA;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI,CAAA;AAC3E,QAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,CAAC,QAAQ,EAAA,EAC/B,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,IAAI;AACd,aAAA,EAAA,EAEA,QAAQ,CACwB,CAC/B,EACP;AACH,CAAC,EACF;AAED,gBAAgB,CAAC,SAAS,GAAG;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/components/progress/index.d.ts

@@ -0,0 +1,4 @@
+import { CProgress } from './CProgress';
+import { CProgressBar } from './CProgressBar';
+import { CProgressStacked } from './CProgressStacked';
+export { CProgress, CProgressBar, CProgressStacked };

package/dist/esm/components/sidebar/CSidebar.d.ts

@@ -0,0 +1,55 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     *
+     * @type 'dark' | 'light'
+     */
+    colorScheme?: 'dark' | 'light';
+    /**
+     * Make sidebar narrow.
+     */
+    narrow?: boolean;
+    /**
+     * Callback fired when the component requests to be hidden.
+     */
+    onHide?: () => void;
+    /**
+     * Callback fired when the component requests to be shown.
+     */
+    onShow?: () => void;
+    /**
+     * Event emitted after visibility of component changed.
+     */
+    onVisibleChange?: (visible: boolean) => void;
+    /**
+     * Set sidebar to overlaid variant.
+     */
+    overlaid?: boolean;
+    /**
+     * Components placement, there’s no default placement.
+     * @type 'start' | 'end'
+     */
+    placement?: 'start' | 'end';
+    /**
+     * Place sidebar in non-static positions.
+     */
+    position?: 'fixed' | 'sticky';
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    /**
+     * Expand narrowed sidebar on hover.
+     */
+    unfoldable?: boolean;
+    /**
+     * Toggle the visibility of sidebar component.
+     */
+    visible?: boolean;
+}
+export declare const CSidebar: React.ForwardRefExoticComponent<CSidebarProps & React.RefAttributes<HTMLDivElement>>;