@coreui/react 5.0.0-alpha.3 → 5.0.0-beta.1

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>>;

package/dist/esm/components/sidebar/CSidebar.js

@@ -0,0 +1,127 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CBackdrop } from '../backdrop/CBackdrop.js';
+import isInViewport from '../../utils/isInViewport.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+
+var isOnMobile = function (element) {
+    return Boolean(getComputedStyle(element).getPropertyValue('--cui-is-mobile'));
+};
+var CSidebar = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, colorScheme = _a.colorScheme, narrow = _a.narrow, onHide = _a.onHide, onShow = _a.onShow, onVisibleChange = _a.onVisibleChange, overlaid = _a.overlaid, placement = _a.placement, position = _a.position, size = _a.size, unfoldable = _a.unfoldable, visible = _a.visible, rest = __rest(_a, ["children", "className", "colorScheme", "narrow", "onHide", "onShow", "onVisibleChange", "overlaid", "placement", "position", "size", "unfoldable", "visible"]);
+    var sidebarRef = useRef(null);
+    var forkedRef = useForkedRef(ref, sidebarRef);
+    var _c = useState(), inViewport = _c[0], setInViewport = _c[1];
+    var _d = useState(false), mobile = _d[0], setMobile = _d[1];
+    var _e = useState(false), visibleMobile = _e[0], setVisibleMobile = _e[1];
+    var _f = useState(visible !== undefined ? visible : overlaid ? false : true), visibleDesktop = _f[0], setVisibleDesktop = _f[1];
+    useEffect(function () {
+        sidebarRef.current && setMobile(isOnMobile(sidebarRef.current));
+        visible !== undefined && handleVisibleChange(visible);
+    }, [visible]);
+    useEffect(function () {
+        inViewport !== undefined && onVisibleChange && onVisibleChange(inViewport);
+        !inViewport && onHide && onHide();
+        inViewport && onShow && onShow();
+    }, [inViewport]);
+    useEffect(function () {
+        mobile && setVisibleMobile(false);
+    }, [mobile]);
+    useEffect(function () {
+        var _a, _b;
+        sidebarRef.current && setMobile(isOnMobile(sidebarRef.current));
+        sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
+        window.addEventListener('resize', handleResize);
+        window.addEventListener('mouseup', handleClickOutside);
+        window.addEventListener('keyup', handleKeyup);
+        (_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseup', handleOnClick);
+        (_b = sidebarRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('transitionend', function () {
+            sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
+        });
+        return function () {
+            var _a, _b;
+            window.removeEventListener('resize', handleResize);
+            window.removeEventListener('mouseup', handleClickOutside);
+            window.removeEventListener('keyup', handleKeyup);
+            (_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('mouseup', handleOnClick);
+            (_b = sidebarRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', function () {
+                sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
+            });
+        };
+    });
+    var handleVisibleChange = function (visible) {
+        if (mobile) {
+            setVisibleMobile(visible);
+            return;
+        }
+        setVisibleDesktop(visible);
+    };
+    var handleHide = function () {
+        handleVisibleChange(false);
+    };
+    var handleResize = function () {
+        sidebarRef.current && setMobile(isOnMobile(sidebarRef.current));
+        sidebarRef.current && setInViewport(isInViewport(sidebarRef.current));
+    };
+    var handleKeyup = function (event) {
+        if (mobile &&
+            sidebarRef.current &&
+            !sidebarRef.current.contains(event.target)) {
+            handleHide();
+        }
+    };
+    var handleClickOutside = function (event) {
+        if (mobile &&
+            sidebarRef.current &&
+            !sidebarRef.current.contains(event.target)) {
+            handleHide();
+        }
+    };
+    var handleOnClick = function (event) {
+        var target = event.target;
+        target &&
+            target.classList.contains('nav-link') &&
+            !target.classList.contains('nav-group-toggle') &&
+            mobile &&
+            handleHide();
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", __assign({ className: classNames('sidebar', (_b = {},
+                _b["sidebar-".concat(colorScheme)] = colorScheme,
+                _b['sidebar-narrow'] = narrow,
+                _b['sidebar-overlaid'] = overlaid,
+                _b["sidebar-".concat(placement)] = placement,
+                _b["sidebar-".concat(position)] = position,
+                _b["sidebar-".concat(size)] = size,
+                _b['sidebar-narrow-unfoldable'] = unfoldable,
+                _b.show = (mobile && visibleMobile) || (overlaid && visibleDesktop),
+                _b.hide = visibleDesktop === false && !mobile && !overlaid,
+                _b), className) }, rest, { ref: forkedRef }), children),
+        typeof window !== 'undefined' &&
+            mobile &&
+            createPortal(React.createElement(CBackdrop, { className: "sidebar-backdrop", visible: mobile && visibleMobile }), document.body)));
+});
+CSidebar.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    colorScheme: PropTypes.oneOf(['dark', 'light']),
+    narrow: PropTypes.bool,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    onVisibleChange: PropTypes.func,
+    overlaid: PropTypes.bool,
+    placement: PropTypes.oneOf(['start', 'end']),
+    position: PropTypes.oneOf(['fixed', 'sticky']),
+    size: PropTypes.oneOf(['sm', 'lg', 'xl']),
+    unfoldable: PropTypes.bool,
+    visible: PropTypes.bool,
+};
+CSidebar.displayName = 'CSidebar';
+
+export { CSidebar };
+//# sourceMappingURL=CSidebar.js.map

package/dist/esm/components/sidebar/CSidebar.js.map

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

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

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

package/dist/esm/components/sidebar/CSidebarBrand.js

@@ -0,0 +1,17 @@
+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';
+
+var CSidebarBrand = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('sidebar-brand', className), ref: ref }, rest), children));
+});
+CSidebarBrand.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CSidebarBrand.displayName = 'CSidebarBrand';
+
+export { CSidebarBrand };
+//# sourceMappingURL=CSidebarBrand.js.map

package/dist/esm/components/sidebar/CSidebarBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarBrand.js","sources":["../../../../src/components/sidebar/CSidebarBrand.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,aAAa,GAAG,UAAU,CACrC,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;IAC7B,QACE,sCAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,IAAI,GACvE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

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

package/dist/esm/components/sidebar/CSidebarFooter.js

@@ -0,0 +1,17 @@
+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';
+
+var CSidebarFooter = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('sidebar-footer', className), ref: ref }, rest), children));
+});
+CSidebarFooter.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CSidebarFooter.displayName = 'CSidebarFooter';
+
+export { CSidebarFooter };
+//# sourceMappingURL=CSidebarFooter.js.map

package/dist/esm/components/sidebar/CSidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarFooter.js","sources":["../../../../src/components/sidebar/CSidebarFooter.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,cAAc,GAAG,UAAU,CACtC,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;IAC7B,QACE,sCAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,IAAI,GACxE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

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

package/dist/esm/components/sidebar/CSidebarHeader.js

@@ -0,0 +1,17 @@
+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';
+
+var CSidebarHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('sidebar-header', className), ref: ref }, rest), children));
+});
+CSidebarHeader.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CSidebarHeader.displayName = 'CSidebarHeader';
+
+export { CSidebarHeader };
+//# sourceMappingURL=CSidebarHeader.js.map

package/dist/esm/components/sidebar/CSidebarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarHeader.js","sources":["../../../../src/components/sidebar/CSidebarHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,cAAc,GAAG,UAAU,CACtC,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;IAC7B,QACE,sCAAK,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,IAAI,GACxE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+export interface CSidebarNavProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+}
+interface ContextProps {
+    visibleGroup: string;
+    setVisibleGroup: React.Dispatch<React.SetStateAction<string | undefined>>;
+}
+export declare const CNavContext: React.Context<ContextProps>;
+export declare const CSidebarNav: React.ForwardRefExoticComponent<CSidebarNavProps & React.RefAttributes<HTMLUListElement>>;
+export {};

package/dist/esm/components/sidebar/CSidebarNav.js

@@ -0,0 +1,32 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { createContext, forwardRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CNavContext = createContext({});
+var CSidebarNav = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var _b = useState(''), visibleGroup = _b[0], setVisibleGroup = _b[1];
+    var CNavContextValues = {
+        visibleGroup: visibleGroup,
+        setVisibleGroup: setVisibleGroup,
+    };
+    return (React.createElement("ul", __assign({ className: classNames('sidebar-nav', className), ref: ref }, rest),
+        React.createElement(CNavContext.Provider, { value: CNavContextValues }, React.Children.map(children, function (child, index) {
+            if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
+                    key: index,
+                    idx: "".concat(index),
+                });
+            }
+            return;
+        }))));
+});
+CSidebarNav.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CSidebarNav.displayName = 'CSidebarNav';
+
+export { CNavContext, CSidebarNav };
+//# sourceMappingURL=CSidebarNav.js.map

package/dist/esm/components/sidebar/CSidebarNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarNav.js","sources":["../../../../src/components/sidebar/CSidebarNav.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAgBa,WAAW,GAAG,aAAa,CAAC,EAAkB,EAAC;IAE/C,WAAW,GAAG,UAAU,CACnC,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;IACvB,IAAA,EAAA,GAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAA;AACpD,IAAA,IAAM,iBAAiB,GAAG;AACxB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,eAAe,EAAA,eAAA;KAChB,CAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAI,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI,CAAA;AACrE,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAC3C,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA;AACzC,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAC/B,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAgC,EAAE;AAC1D,oBAAA,GAAG,EAAE,KAAK;oBACV,GAAG,EAAE,EAAG,CAAA,MAAA,CAAA,KAAK,CAAE;AAChB,iBAAA,CAAC,CAAA;AACH,aAAA;YACD,OAAM;AACR,SAAC,CAAC,CACmB,CACpB,EACN;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

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

package/dist/esm/components/sidebar/CSidebarToggler.js

@@ -0,0 +1,17 @@
+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';
+
+var CSidebarToggler = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("button", __assign({ className: classNames('sidebar-toggler', className), ref: ref }, rest), children));
+});
+CSidebarToggler.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CSidebarToggler.displayName = 'CSidebarToggler';
+
+export { CSidebarToggler };
+//# sourceMappingURL=CSidebarToggler.js.map

package/dist/esm/components/sidebar/CSidebarToggler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSidebarToggler.js","sources":["../../../../src/components/sidebar/CSidebarToggler.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,eAAe,GAAG,UAAU,CACvC,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;IAC7B,QACE,yCAAQ,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,IAAI,GAC5E,QAAQ,CACF,EACV;AACH,CAAC,EACF;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

@@ -0,0 +1,7 @@
+import { CSidebar } from './CSidebar';
+import { CSidebarBrand } from './CSidebarBrand';
+import { CSidebarFooter } from './CSidebarFooter';
+import { CSidebarToggler } from './CSidebarToggler';
+import { CSidebarHeader } from './CSidebarHeader';
+import { CSidebarNav } from './CSidebarNav';
+export { CSidebar, CSidebarBrand, CSidebarFooter, CSidebarToggler, CSidebarHeader, CSidebarNav };

package/dist/esm/components/spinner/CSpinner.d.ts

@@ -0,0 +1,31 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import type { Colors } from '../../types';
+export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+    /**
+     * 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 small.
+     */
+    size?: 'sm';
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     */
+    variant?: 'border' | 'grow';
+    /**
+     * Set visually hidden label for accessibility purposes.
+     */
+    visuallyHiddenLabel?: string;
+}
+export declare const CSpinner: React.ForwardRefExoticComponent<CSpinnerProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/esm/components/spinner/CSpinner.js

@@ -0,0 +1,27 @@
+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 CSpinner = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, color = _a.color, _c = _a.component, Component = _c === void 0 ? 'div' : _c, size = _a.size, _d = _a.variant, variant = _d === void 0 ? 'border' : _d, _e = _a.visuallyHiddenLabel, visuallyHiddenLabel = _e === void 0 ? 'Loading...' : _e, rest = __rest(_a, ["className", "color", "component", "size", "variant", "visuallyHiddenLabel"]);
+    return (React.createElement(Component, __assign({ className: classNames("spinner-".concat(variant), (_b = {},
+            _b["spinner-".concat(variant, "-").concat(size)] = size,
+            _b["text-".concat(color)] = color,
+            _b), className), role: "status" }, rest, { ref: ref }),
+        React.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
+});
+CSpinner.propTypes = {
+    className: PropTypes.string,
+    color: colorPropType,
+    component: PropTypes.string,
+    size: PropTypes.oneOf(['sm']),
+    variant: PropTypes.oneOf(['border', 'grow']),
+    visuallyHiddenLabel: PropTypes.string,
+};
+CSpinner.displayName = 'CSpinner';
+
+export { CSpinner };
+//# sourceMappingURL=CSpinner.js.map

package/dist/esm/components/spinner/CSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSpinner.js","sources":["../../../../src/components/spinner/CSpinner.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAoCa,QAAQ,GAAG,UAAU,CAChC,UACE,EAQC,EACD,GAAG,EAAA;;AARD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAA4B,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAC5B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,OAAA,EAAlB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EAClB,EAAkC,GAAA,EAAA,CAAA,mBAAA,EAAlC,mBAAmB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,YAAY,GAAA,EAAA,EAC/B,IAAI,GAAA,MAAA,CAAA,EAAA,EAPT,6EAQC,CADQ,CAAA;IAIT,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,UAAW,CAAA,MAAA,CAAA,OAAO,CAAE,GAAA,EAAA,GAAA,EAAA;AAElB,YAAA,EAAA,CAAC,kBAAW,OAAO,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,IAAI,CAAE,IAAG,IAAI;AACpC,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;iBAE1B,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,IACT,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;QAER,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,EAAA,EAAE,mBAAmB,CAAQ,CACpD,EACb;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5C,mBAAmB,EAAE,SAAS,CAAC,MAAM;CACtC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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

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

package/dist/esm/components/table/CTable.d.ts

@@ -0,0 +1,116 @@
+import React, { TableHTMLAttributes } from 'react';
+import { CTableHeadProps } from './CTableHead';
+import { CTableFootProps } from './CTableFoot';
+import type { Colors } from '../../types';
+import type { Column, FooterItem, Item } from './types';
+export interface CTableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'align'> {
+    /**
+     * Set the vertical aligment.
+     */
+    align?: 'bottom' | 'middle' | 'top' | string;
+    /**
+     * Sets the border color of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    borderColor?: Colors;
+    /**
+     * Add borders on all sides of the table and cells.
+     */
+    bordered?: boolean;
+    /**
+     * Remove borders on all sides of the table and cells.
+     */
+    borderless?: boolean;
+    /**
+     * Put the caption on the top if you set `caption="top"` of the table or set the text of the table caption.
+     */
+    caption?: 'top' | string;
+    /**
+     * Set the text of the table caption and the caption on the top of the table.
+     *
+     * @since 4.3.0
+     */
+    captionTop?: string;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
+     *
+     * In columns prop each array item represents one column. Item might be specified in two ways:
+     * String: each item define column name equal to item value.
+     * Object: item is object with following keys available as column configuration:
+     * - key (required)(String) - define column name equal to item key.
+     * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
+     * - _props (Object) - adds classes to all cels in column, ex. `_props: { scope: 'col', className: 'custom-class' }`,
+     * - _style (Object) - adds styles to the column header (useful for defining widths)
+     *
+     * @since 4.3.0
+     */
+    columns?: (string | Column)[];
+    /**
+     * 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;
+    /**
+     * Array of objects or strings, where each element represents one cell in the table footer.
+     *
+     * Example items:
+     * `['FooterCell', 'FooterCell', 'FooterCell']`
+     * or
+     * `[{ label: 'FooterCell', _props: { color: 'success' }, ...]`
+     *
+     * @since 4.3.0
+     */
+    footer?: (FooterItem | string)[];
+    /**
+     * Enable a hover state on table rows within a `<CTableBody>`.
+     */
+    hover?: boolean;
+    /**
+     * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_props' key and to single cell by '_cellProps'.
+     *
+     * Example item:
+     * `{ name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}`
+     *
+     * @since 4.3.0
+     */
+    items?: Item[];
+    /**
+     * Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
+     */
+    responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Make table more compact by cutting all cell `padding` in half.
+     */
+    small?: boolean;
+    /**
+     * Add zebra-striping to any table row within the `<CTableBody>`.
+     */
+    striped?: boolean;
+    /**
+     * Add zebra-striping to any table column.
+     *
+     * @since 4.3.0
+     */
+    stripedColumns?: boolean;
+    /**
+     * Properties that will be passed to the table footer component.
+     *
+     * @link https://coreui.io/react/docs/components/table/#ctablefoot
+     * @since 4.3.0
+     */
+    tableFootProps?: CTableFootProps;
+    /**
+     * Properties that will be passed to the table head component.
+     *
+     * @link https://coreui.io/react/docs/components/table/#ctablehead
+     * @since 4.3.0
+     */
+    tableHeadProps?: CTableHeadProps;
+}
+export declare const CTable: React.ForwardRefExoticComponent<CTableProps & React.RefAttributes<HTMLTableElement>>;