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

package/dist/cjs/components/tooltip/CTooltip.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var index = require('../../node_modules/classnames/index.js');
+var PropTypes = require('prop-types');
+var CConditionalPortal = require('../conditional-portal/CConditionalPortal.js');
+var useForkedRef = require('../../hooks/useForkedRef.js');
+var usePopper = require('../../hooks/usePopper.js');
+var props = require('../../props.js');
+var getTransitionDurationFromElement = require('../../utils/getTransitionDurationFromElement.js');
+var getRTLPlacement = require('../../utils/getRTLPlacement.js');
+var Transition = require('../../node_modules/react-transition-group/esm/Transition.js');
+
+var CTooltip = React.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, 6] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, _g = _a.trigger, trigger = _g === void 0 ? ['hover', 'focus'] : _g, visible = _a.visible, rest = tslib_es6.__rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "trigger", "visible"]);
+    var tooltipRef = React.useRef(null);
+    var togglerRef = React.useRef(null);
+    var forkedRef = useForkedRef.useForkedRef(ref, tooltipRef);
+    var _h = usePopper.usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
+    var _j = React.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: '.tooltip-arrow',
+                },
+            },
+            {
+                name: 'flip',
+                options: {
+                    fallbackPlacements: fallbackPlacements,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: offset,
+                },
+            },
+        ],
+        placement: getRTLPlacement.default(placement, togglerRef.current),
+    };
+    React.useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    React.useEffect(function () {
+        if (_visible && togglerRef.current && tooltipRef.current) {
+            initPopper(togglerRef.current, tooltipRef.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, tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__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.CConditionalPortal, { container: container, portal: true },
+            React.createElement(Transition.default, { in: _visible, mountOnEnter: true, nodeRef: tooltipRef, onEnter: onShow, onExit: onHide, timeout: {
+                    enter: 0,
+                    exit: tooltipRef.current
+                        ? getTransitionDurationFromElement.default(tooltipRef.current) + 50
+                        : 200,
+                }, unmountOnExit: true }, function (state) { return (React.createElement("div", tslib_es6.__assign({ className: index.default('tooltip', 'bs-tooltip-auto', {
+                    fade: animation,
+                    show: state === 'entered',
+                }, className), ref: forkedRef, role: "tooltip" }, rest),
+                React.createElement("div", { className: "tooltip-arrow" }),
+                React.createElement("div", { className: "tooltip-inner" }, content))); }))));
+});
+CTooltip.propTypes = {
+    animation: PropTypes.bool,
+    children: PropTypes.node,
+    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: props.fallbackPlacementsPropType,
+    offset: PropTypes.any,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['auto', 'top', 'right', 'bottom', 'left']),
+    trigger: props.triggerPropType,
+    visible: PropTypes.bool,
+};
+CTooltip.displayName = 'CTooltip';
+
+exports.CTooltip = CTooltip;
+//# sourceMappingURL=CTooltip.js.map

package/dist/cjs/components/tooltip/CTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTooltip.js","sources":["../../../../src/components/tooltip/CTooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useRef","useForkedRef","usePopper","useState","getRTLPlacement","useEffect","CConditionalPortal","Transition","getTransitionDurationFromElement","__assign","classNames","fallbackPlacementsPropType","triggerPropType"],"mappings":"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"}

package/dist/cjs/components/widgets/CWidgetStatsA.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var index = require('../../node_modules/classnames/index.js');
+var CCard = require('../card/CCard.js');
+var CCardBody = require('../card/CCardBody.js');
+require('../card/CCardFooter.js');
+require('../card/CCardGroup.js');
+require('../card/CCardHeader.js');
+require('../card/CCardImage.js');
+require('../card/CCardImageOverlay.js');
+require('../card/CCardLink.js');
+require('../card/CCardSubtitle.js');
+require('../card/CCardText.js');
+require('../card/CCardTitle.js');
+var props = require('../../props.js');
+
+var CWidgetStatsA = React.forwardRef(function (_a, ref) {
+    var _b;
+    var action = _a.action, chart = _a.chart, className = _a.className, color = _a.color, title = _a.title, value = _a.value, rest = tslib_es6.__rest(_a, ["action", "chart", "className", "color", "title", "value"]);
+    return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: index.default((_b = {}, _b["bg-".concat(color)] = color, _b['text-white'] = color, _b), className) }, rest, { ref: ref }),
+        React.createElement(CCardBody.CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" },
+            React.createElement("div", null,
+                value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+                title && React.createElement("div", null, title)),
+            action),
+        chart));
+});
+CWidgetStatsA.propTypes = {
+    action: PropTypes.node,
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
+    color: props.colorPropType,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsA.displayName = 'CWidgetStatsA';
+
+exports.CWidgetStatsA = CWidgetStatsA;
+//# sourceMappingURL=CWidgetStatsA.js.map

package/dist/cjs/components/widgets/CWidgetStatsA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsA.js","sources":["../../../../src/components/widgets/CWidgetStatsA.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CCard","__assign","classNames","CCardBody","colorPropType"],"mappings":";;;;;;;;;;;;;;;;;;;IAsCa,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAA0D,EAAE,GAAG,EAAA;;IAA7D,IAAA,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAAxDC,gBAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,OAAA,EAAA,WAAA,EAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAA0D,CAAF,CAAA;IACvD,QACE,KAAC,CAAA,aAAA,CAAAC,WAAK,EACJC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,EACjB,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK,EAAE,EAAA,CAAA,YAAA,CAAY,GAAE,KAAK,EAC7C,EAAA,GAAA,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAS,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA;AAC1E,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACG,gBAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAA,EAAE,KAAK,CAAO;AACxD,gBAAA,KAAK,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAM,KAAK,CAAO,CACxB;AACL,YAAA,MAAM,CACG;QACX,KAAK,CACA,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;AACpB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/components/widgets/CWidgetStatsB.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var CCard = require('../card/CCard.js');
+var CCardBody = require('../card/CCardBody.js');
+require('../card/CCardFooter.js');
+require('../card/CCardGroup.js');
+require('../card/CCardHeader.js');
+require('../card/CCardImage.js');
+require('../card/CCardImageOverlay.js');
+require('../card/CCardLink.js');
+require('../card/CCardSubtitle.js');
+require('../card/CCardText.js');
+require('../card/CCardTitle.js');
+var CProgress = require('../progress/CProgress.js');
+var props = require('../../props.js');
+
+var CWidgetStatsB = React.forwardRef(function (_a, ref) {
+    var className = _a.className, color = _a.color, inverse = _a.inverse, progress = _a.progress, text = _a.text, title = _a.title, value = _a.value, rest = tslib_es6.__rest(_a, ["className", "color", "inverse", "progress", "text", "title", "value"]);
+    return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: className, color: color }, (inverse && { textColor: 'white' }), rest, { ref: ref }),
+        React.createElement(CCardBody.CCardBody, null,
+            value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+            title && React.createElement("div", null, title),
+            React.createElement(CProgress.CProgress, tslib_es6.__assign({ className: "my-2", height: 4 }, (inverse && { white: true }), progress)),
+            text && (React.createElement("small", { className: inverse ? 'text-white text-opacity-75' : 'text-body-secondary' }, text)))));
+});
+CWidgetStatsB.propTypes = {
+    className: PropTypes.string,
+    color: props.colorPropType,
+    inverse: PropTypes.bool,
+    progress: PropTypes.object,
+    text: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsB.displayName = 'CWidgetCWidgetStatsB';
+
+exports.CWidgetStatsB = CWidgetStatsB;
+//# sourceMappingURL=CWidgetStatsB.js.map

package/dist/cjs/components/widgets/CWidgetStatsB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsB.js","sources":["../../../../src/components/widgets/CWidgetStatsB.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CCard","__assign","CCardBody","CProgress","colorPropType"],"mappings":";;;;;;;;;;;;;;;;;;;IA4Ca,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAAoE,EAAE,GAAG,EAAA;IAAvE,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAAlEC,gBAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,OAAA,CAAoE,CAAF,CAAA;IACjE,QACE,KAAC,CAAA,aAAA,CAAAC,WAAK,EACJC,kBAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACR,GAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAClC,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAS,EAAA,IAAA;AACP,YAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAA,EAAE,KAAK,CAAO;YACxD,KAAK,IAAI,KAAM,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EAAA,KAAK,CAAO;YAC5B,KAAC,CAAA,aAAA,CAAAC,mBAAS,uBAAC,SAAS,EAAC,MAAM,EAAC,MAAM,EAAE,CAAC,EAAA,GAAO,OAAO,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAO,QAAQ,CAAI,CAAA;YACxF,IAAI,KACH,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,SAAS,EAAE,OAAO,GAAG,4BAA4B,GAAG,qBAAqB,EAC7E,EAAA,IAAI,CACC,CACT,CACS,CACN,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;IACpB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,IAAI,EAAE,SAAS,CAAC,MAAM;AACtB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/dist/cjs/components/widgets/CWidgetStatsC.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var CCard = require('../card/CCard.js');
+var CCardBody = require('../card/CCardBody.js');
+require('../card/CCardFooter.js');
+require('../card/CCardGroup.js');
+require('../card/CCardHeader.js');
+require('../card/CCardImage.js');
+require('../card/CCardImageOverlay.js');
+require('../card/CCardLink.js');
+require('../card/CCardSubtitle.js');
+require('../card/CCardText.js');
+require('../card/CCardTitle.js');
+var CProgress = require('../progress/CProgress.js');
+var props = require('../../props.js');
+
+var CWidgetStatsC = React.forwardRef(function (_a, ref) {
+    var className = _a.className, color = _a.color, icon = _a.icon, inverse = _a.inverse, progress = _a.progress, title = _a.title, value = _a.value, rest = tslib_es6.__rest(_a, ["className", "color", "icon", "inverse", "progress", "title", "value"]);
+    return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: className, color: color }, (inverse && { textColor: 'white' }), rest, { ref: ref }),
+        React.createElement(CCardBody.CCardBody, null,
+            icon && React.createElement("div", { className: "text-end mb-4" }, icon),
+            value && React.createElement("div", { className: "fs-4 fw-semibold" }, value),
+            title && (React.createElement("div", { className: inverse ? 'text-white text-opacity-75' : 'text-body-secondary' }, title)),
+            React.createElement(CProgress.CProgress, tslib_es6.__assign({ className: "mt-3 mb-0", height: 4 }, (inverse && { white: true }), progress)))));
+});
+CWidgetStatsC.propTypes = {
+    className: PropTypes.string,
+    color: props.colorPropType,
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    inverse: PropTypes.bool,
+    progress: PropTypes.object,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsC.displayName = 'CWidgetStatsCWidgetStatsC';
+
+exports.CWidgetStatsC = CWidgetStatsC;
+//# sourceMappingURL=CWidgetStatsC.js.map

package/dist/cjs/components/widgets/CWidgetStatsC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsC.js","sources":["../../../../src/components/widgets/CWidgetStatsC.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CCard","__assign","CCardBody","CProgress","colorPropType"],"mappings":";;;;;;;;;;;;;;;;;;;IA4Ca,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAAoE,EAAE,GAAG,EAAA;IAAvE,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAAlEC,gBAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,CAAoE,CAAF,CAAA;IACjE,QACE,KAAC,CAAA,aAAA,CAAAC,WAAK,EACJC,kBAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACR,GAAC,OAAO,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAClC,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAS,EAAA,IAAA;AACP,YAAA,IAAI,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAA,EAAE,IAAI,CAAO;AACnD,YAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,EAAA,EAAE,KAAK,CAAO;AACxD,YAAA,KAAK,KACJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,GAAG,4BAA4B,GAAG,qBAAqB,EAC3E,EAAA,KAAK,CACF,CACP;YACD,KAAC,CAAA,aAAA,CAAAC,mBAAS,EACRF,kBAAA,CAAA,EAAA,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,CAAC,EAAA,GACJ,OAAO,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAC3B,QAAQ,CACZ,CAAA,CACQ,CACN,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEG,mBAAa;AACpB,IAAA,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7D,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM;AAC1B,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/dist/cjs/components/widgets/CWidgetStatsD.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var index = require('../../node_modules/classnames/index.js');
+var CCard = require('../card/CCard.js');
+var CCardBody = require('../card/CCardBody.js');
+require('../card/CCardFooter.js');
+require('../card/CCardGroup.js');
+var CCardHeader = require('../card/CCardHeader.js');
+require('../card/CCardImage.js');
+require('../card/CCardImageOverlay.js');
+require('../card/CCardLink.js');
+require('../card/CCardSubtitle.js');
+require('../card/CCardText.js');
+require('../card/CCardTitle.js');
+var CCol = require('../grid/CCol.js');
+var props = require('../../props.js');
+
+var CWidgetStatsD = React.forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, chart = _a.chart, color = _a.color, icon = _a.icon, values = _a.values, rest = tslib_es6.__rest(_a, ["className", "chart", "color", "icon", "values"]);
+    return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: className }, rest, { ref: ref }),
+        React.createElement(CCardHeader.CCardHeader, { className: index.default('position-relative d-flex justify-content-center align-items-center', (_b = {},
+                _b["bg-".concat(color)] = color,
+                _b)) },
+            icon,
+            chart),
+        React.createElement(CCardBody.CCardBody, { className: "row text-center" }, values &&
+            values.map(function (value, index) {
+                return (React.createElement(React.Fragment, { key: index },
+                    index % 2 !== 0 && React.createElement("div", { className: "vr" }),
+                    React.createElement(CCol.CCol, null,
+                        React.createElement("div", { className: "fs-5 fw-semibold" }, value.value),
+                        React.createElement("div", { className: "text-uppercase text-body-secondary small" }, value.title))));
+            }))));
+});
+CWidgetStatsD.propTypes = {
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
+    color: props.colorPropType,
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    values: PropTypes.arrayOf(PropTypes.any),
+};
+CWidgetStatsD.displayName = 'CWidgetStatsD';
+
+exports.CWidgetStatsD = CWidgetStatsD;
+//# sourceMappingURL=CWidgetStatsD.js.map

package/dist/cjs/components/widgets/CWidgetStatsD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsD.js","sources":["../../../../src/components/widgets/CWidgetStatsD.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CCard","__assign","CCardHeader","classNames","CCardBody","CCol","colorPropType"],"mappings":";;;;;;;;;;;;;;;;;;;;IAwCa,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAAkD,EAAE,GAAG,EAAA;;AAArD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAhD,iDAAkD,CAAF,CAAA;AAC/C,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAE,SAAS,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;AAC7C,QAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EACV,EAAA,SAAS,EAAEC,aAAU,CACnB,oEAAoE,GAAA,EAAA,GAAA,EAAA;AAElE,gBAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AAEzB,gBAAA,EAAA,EAAA,EAAA;YAEA,IAAI;AACJ,YAAA,KAAK,CACM;AACd,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAS,EAAC,EAAA,SAAS,EAAC,iBAAiB,IACnC,MAAM;AACL,YAAA,MAAM,CAAC,GAAG,CAAC,UAAC,KAAY,EAAE,KAAa,EAAA;gBACrC,QACE,oBAAC,KAAK,CAAC,QAAQ,EAAC,EAAA,GAAG,EAAE,KAAK,EAAA;oBACvB,KAAK,GAAG,CAAC,KAAK,CAAC,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,IAAI,EAAO,CAAA;AAC9C,oBAAA,KAAA,CAAA,aAAA,CAACC,SAAI,EAAA,IAAA;AACH,wBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAO;wBACrD,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,0CAA0C,EAAE,EAAA,KAAK,CAAC,KAAK,CAAO,CACxE,CACQ,EAClB;AACH,aAAC,CAAC,CACM,CACN,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;AACxB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;AACpB,IAAA,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CACzC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/components/widgets/CWidgetStatsE.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var index = require('../../node_modules/classnames/index.js');
+var CCard = require('../card/CCard.js');
+var CCardBody = require('../card/CCardBody.js');
+require('../card/CCardFooter.js');
+require('../card/CCardGroup.js');
+require('../card/CCardHeader.js');
+require('../card/CCardImage.js');
+require('../card/CCardImageOverlay.js');
+require('../card/CCardLink.js');
+require('../card/CCardSubtitle.js');
+require('../card/CCardText.js');
+require('../card/CCardTitle.js');
+
+var CWidgetStatsE = React.forwardRef(function (_a, ref) {
+    var chart = _a.chart, className = _a.className, title = _a.title, value = _a.value, rest = tslib_es6.__rest(_a, ["chart", "className", "title", "value"]);
+    return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: index.default(className) }, rest, { ref: ref }),
+        React.createElement(CCardBody.CCardBody, { className: "text-center" },
+            title && (React.createElement("div", { className: "text-body-secondary small text-uppercase fw-semibold" }, title)),
+            value && React.createElement("div", { className: "fs-6 fw-semibold py-3" }, value),
+            chart)));
+});
+CWidgetStatsE.propTypes = {
+    children: PropTypes.node,
+    chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    className: PropTypes.string,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsE.displayName = 'CWidgetStatsE';
+
+exports.CWidgetStatsE = CWidgetStatsE;
+//# sourceMappingURL=CWidgetStatsE.js.map

package/dist/cjs/components/widgets/CWidgetStatsE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsE.js","sources":["../../../../src/components/widgets/CWidgetStatsE.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CCard","__assign","classNames","CCardBody"],"mappings":";;;;;;;;;;;;;;;;;;IAyBa,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAA2C,EAAE,GAAG,EAAA;AAA9C,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,SAAS,eAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAzC,wCAA2C,CAAF,CAAA;AACxC,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,SAAS,CAAC,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA;AACzD,QAAA,KAAA,CAAA,aAAA,CAACC,mBAAS,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA;YAC/B,KAAK,KACJ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sDAAsD,EAAA,EAAE,KAAK,CAAO,CACpF;AACA,YAAA,KAAK,IAAI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA,EAAE,KAAK,CAAO;YAC7D,KAAK,CACI,CACN,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;AACxB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/components/widgets/CWidgetStatsF.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var React = require('react');
+var PropTypes = require('prop-types');
+var CCard = require('../card/CCard.js');
+var CCardBody = require('../card/CCardBody.js');
+var CCardFooter = require('../card/CCardFooter.js');
+require('../card/CCardGroup.js');
+require('../card/CCardHeader.js');
+require('../card/CCardImage.js');
+require('../card/CCardImageOverlay.js');
+require('../card/CCardLink.js');
+require('../card/CCardSubtitle.js');
+require('../card/CCardText.js');
+require('../card/CCardTitle.js');
+var props = require('../../props.js');
+
+var CWidgetStatsF = React.forwardRef(function (_a, ref) {
+    var className = _a.className, color = _a.color, footer = _a.footer, icon = _a.icon, _b = _a.padding, padding = _b === void 0 ? true : _b, title = _a.title, value = _a.value, rest = tslib_es6.__rest(_a, ["className", "color", "footer", "icon", "padding", "title", "value"]);
+    return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: className }, rest, { ref: ref }),
+        React.createElement(CCardBody.CCardBody, { className: "d-flex align-items-center ".concat(padding === false && 'p-0') },
+            React.createElement("div", { className: "me-3 text-white bg-".concat(color, " ").concat(padding ? 'p-3' : 'p-4') }, icon),
+            React.createElement("div", null,
+                React.createElement("div", { className: "fs-6 fw-semibold text-".concat(color) }, value),
+                React.createElement("div", { className: "text-body-secondary text-uppercase fw-semibold small" }, title))),
+        footer && React.createElement(CCardFooter.CCardFooter, null, footer)));
+});
+CWidgetStatsF.propTypes = {
+    className: PropTypes.string,
+    color: props.colorPropType,
+    footer: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    padding: PropTypes.bool,
+    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]),
+};
+CWidgetStatsF.displayName = 'CWidgetStatsF';
+
+exports.CWidgetStatsF = CWidgetStatsF;
+//# sourceMappingURL=CWidgetStatsF.js.map

package/dist/cjs/components/widgets/CWidgetStatsF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CWidgetStatsF.js","sources":["../../../../src/components/widgets/CWidgetStatsF.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CCard","__assign","CCardBody","CCardFooter","colorPropType"],"mappings":";;;;;;;;;;;;;;;;;;IAyCa,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAAyE,EAAE,GAAG,EAAA;AAA5E,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAc,GAAA,EAAA,CAAA,OAAA,EAAd,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAAvEC,gBAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,CAAyE,CAAF,CAAA;AACtE,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAE,SAAS,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;QAC7C,KAAC,CAAA,aAAA,CAAAC,mBAAS,EAAC,EAAA,SAAS,EAAE,4BAAA,CAAA,MAAA,CAA6B,OAAO,KAAK,KAAK,IAAI,KAAK,CAAE,EAAA;AAC7E,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,qBAAA,CAAA,MAAA,CAAsB,KAAK,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,OAAO,GAAG,KAAK,GAAG,KAAK,CAAE,EAAA,EAAG,IAAI,CAAO;AACtF,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,wBAAA,CAAA,MAAA,CAAyB,KAAK,CAAE,EAAA,EAAG,KAAK,CAAO;AAC/D,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,IAAE,KAAK,CAAO,CAC/E,CACI;QACX,MAAM,IAAI,oBAACC,uBAAW,EAAA,IAAA,EAAE,MAAM,CAAe,CACxC,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEC,mBAAa;AACpB,IAAA,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC/D,IAAA,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC7D,OAAO,EAAE,SAAS,CAAC,IAAI;AACvB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9D,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/hooks/useColorModes.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+
+var getStoredTheme = function (localStorageItemName) {
+    return typeof window !== 'undefined' && localStorage.getItem(localStorageItemName);
+};
+var setStoredTheme = function (localStorageItemName, colorMode) {
+    return localStorage.setItem(localStorageItemName, colorMode);
+};
+var getPreferredColorScheme = function (localStorageItemName) {
+    if (typeof window === 'undefined') {
+        return 'light';
+    }
+    var storedTheme = getStoredTheme(localStorageItemName);
+    if (storedTheme) {
+        return storedTheme;
+    }
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+};
+var setTheme = function (colorMode) {
+    document.documentElement.dataset.coreuiTheme =
+        colorMode === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches
+            ? 'dark'
+            : colorMode;
+    var event = new Event('ColorSchemeChange');
+    document.documentElement.dispatchEvent(event);
+};
+var useColorModes = function (localStorageItemName) {
+    if (localStorageItemName === void 0) { localStorageItemName = 'coreui-react-color-scheme'; }
+    var _a = React.useState(getPreferredColorScheme(localStorageItemName)), colorMode = _a[0], setColorMode = _a[1];
+    React.useEffect(function () {
+        if (colorMode) {
+            setStoredTheme(localStorageItemName, colorMode);
+            setTheme(colorMode);
+        }
+    }, [colorMode]);
+    React.useEffect(function () {
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function () {
+            var storedTheme = getStoredTheme(localStorageItemName);
+            if (storedTheme !== 'light' && storedTheme !== 'dark' && colorMode) {
+                setTheme(colorMode);
+            }
+        });
+    });
+    return {
+        colorMode: colorMode,
+        isColorModeSet: function () { return Boolean(getStoredTheme(localStorageItemName)); },
+        setColorMode: setColorMode,
+    };
+};
+
+exports.useColorModes = useColorModes;
+//# sourceMappingURL=useColorModes.js.map

package/dist/cjs/hooks/useColorModes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorModes.js","sources":["../../../src/hooks/useColorModes.ts"],"sourcesContent":[null],"names":["useState","useEffect"],"mappings":";;;;AAQA,IAAM,cAAc,GAAG,UAAC,oBAA4B,EAAA;IAClD,OAAA,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAA;AAA3E,CAA2E,CAAA;AAE7E,IAAM,cAAc,GAAG,UAAC,oBAA4B,EAAE,SAAiB,EAAA;AACrE,IAAA,OAAA,YAAY,CAAC,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAA;AAArD,CAAqD,CAAA;AAEvD,IAAM,uBAAuB,GAAG,UAAC,oBAA4B,EAAA;AAC3D,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,QAAA,OAAO,OAAO,CAAA;AACf,KAAA;AAED,IAAA,IAAM,WAAW,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAA;AAExD,IAAA,IAAI,WAAW,EAAE;AACf,QAAA,OAAO,WAAW,CAAA;AACnB,KAAA;AAED,IAAA,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;AACrF,CAAC,CAAA;AAED,IAAM,QAAQ,GAAG,UAAC,SAAiB,EAAA;AACjC,IAAA,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,WAAW;QAC1C,SAAS,KAAK,MAAM,IAAI,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO;AAC/E,cAAE,MAAM;cACN,SAAS,CAAA;AAEf,IAAA,IAAM,KAAK,GAAG,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAA;AAC5C,IAAA,QAAQ,CAAC,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AAC/C,CAAC,CAAA;AAEM,IAAM,aAAa,GAAG,UAC3B,oBAAkD,EAAA;AAAlD,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,EAAA,EAAA,oBAAkD,GAAA,2BAAA,CAAA,EAAA;AAE5C,IAAA,IAAA,EAA4B,GAAAA,cAAQ,CACxC,uBAAuB,CAAC,oBAAoB,CAAC,CAC9C,EAFM,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,QAE7B,CAAA;AAED,IAAAC,eAAS,CAAC,YAAA;AACR,QAAA,IAAI,SAAS,EAAE;AACb,YAAA,cAAc,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAA;YAC/C,QAAQ,CAAC,SAAS,CAAC,CAAA;AACpB,SAAA;AACH,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;AAEf,IAAAA,eAAS,CAAC,YAAA;QACR,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAA;AAC3E,YAAA,IAAM,WAAW,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAA;YACxD,IAAI,WAAW,KAAK,OAAO,IAAI,WAAW,KAAK,MAAM,IAAI,SAAS,EAAE;gBAClE,QAAQ,CAAC,SAAS,CAAC,CAAA;AACpB,aAAA;AACH,SAAC,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;IAEF,OAAO;AACL,QAAA,SAAS,EAAA,SAAA;QACT,cAAc,EAAE,YAAM,EAAA,OAAA,OAAO,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,CAAA,EAAA;AACnE,QAAA,YAAY,EAAA,YAAA;KACb,CAAA;AACH;;;;"}

package/dist/cjs/hooks/useForkedRef.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var React = require('react');
+
+// code borrowed from https://github.com/reach/reach-ui
+// problem described https://github.com/facebook/react/issues/13029
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function useForkedRef() {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return React.useMemo(function () {
+        if (refs.every(function (ref) { return ref == null; })) {
+            return null;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return function (node) {
+            refs.forEach(function (ref) {
+                assignRef(ref, node);
+            });
+        };
+    }, refs);
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function assignRef(ref, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+value) {
+    if (ref == null)
+        return;
+    if (isFunction(ref)) {
+        ref(value);
+    }
+    else {
+        try {
+            ref.current = value;
+        }
+        catch (_a) {
+            throw new Error("Cannot assign value \"".concat(value, "\" to ref \"").concat(ref, "\""));
+        }
+    }
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+function isFunction(value) {
+    return !!(value && {}.toString.call(value) == '[object Function]');
+}
+
+exports.assignRef = assignRef;
+exports.isFunction = isFunction;
+exports.useForkedRef = useForkedRef;
+//# sourceMappingURL=useForkedRef.js.map

package/dist/cjs/hooks/useForkedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForkedRef.js","sources":["../../../src/hooks/useForkedRef.ts"],"sourcesContent":[null],"names":["useMemo"],"mappings":";;;;AAAA;AACA;AAUA;SACgB,YAAY,GAAA;IAC1B,IAA2D,IAAA,GAAA,EAAA,CAAA;SAA3D,IAA2D,EAAA,GAAA,CAAA,EAA3D,EAA2D,GAAA,SAAA,CAAA,MAAA,EAA3D,EAA2D,EAAA,EAAA;QAA3D,IAA2D,CAAA,EAAA,CAAA,GAAA,SAAA,CAAA,EAAA,CAAA,CAAA;;AAE3D,IAAA,OAAOA,aAAO,CAAC,YAAA;AACb,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,UAAC,GAAG,EAAA,EAAK,OAAA,GAAG,IAAI,IAAI,CAAX,EAAW,CAAC,EAAE;AACpC,YAAA,OAAO,IAAI,CAAA;AACZ,SAAA;;AAED,QAAA,OAAO,UAAC,IAAS,EAAA;AACf,YAAA,IAAI,CAAC,OAAO,CAAC,UAAC,GAAG,EAAA;AACf,gBAAA,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;AACtB,aAAC,CAAC,CAAA;AACJ,SAAC,CAAA;KACF,EAAE,IAAI,CAAC,CAAA;AACV,CAAC;AAED;AACM,SAAU,SAAS,CACvB,GAAmD;AACnD;AACA,KAAU,EAAA;IAEV,IAAI,GAAG,IAAI,IAAI;QAAE,OAAM;AACvB,IAAA,IAAI,UAAU,CAAC,GAAG,CAAC,EAAE;QACnB,GAAG,CAAC,KAAK,CAAC,CAAA;AACX,KAAA;AAAM,SAAA;QACL,IAAI;AACF,YAAA,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;AACpB,SAAA;QAAC,OAAM,EAAA,EAAA;YACN,MAAM,IAAI,KAAK,CAAC,wBAAA,CAAA,MAAA,CAAwB,KAAK,EAAa,cAAA,CAAA,CAAA,MAAA,CAAA,GAAG,EAAG,IAAA,CAAA,CAAC,CAAA;AAClE,SAAA;AACF,KAAA;AACH,CAAC;AAED;AACM,SAAU,UAAU,CAAC,KAAU,EAAA;AACnC,IAAA,OAAO,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,mBAAmB,CAAC,CAAA;AACpE;;;;;;"}

package/dist/cjs/hooks/usePopper.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var React = require('react');
+var core = require('@popperjs/core');
+var executeAfterTransition = require('../utils/executeAfterTransition.js');
+
+var usePopper = function () {
+    var _popper = React.useRef();
+    var el = React.useRef();
+    var initPopper = function (reference, popper, options) {
+        _popper.current = core.createPopper(reference, popper, options);
+        el.current = popper;
+    };
+    var destroyPopper = function () {
+        var popperInstance = _popper.current;
+        if (popperInstance && el.current) {
+            executeAfterTransition.default(function () {
+                popperInstance.destroy();
+            }, el.current);
+        }
+        _popper.current = undefined;
+    };
+    return {
+        popper: _popper.current,
+        initPopper: initPopper,
+        destroyPopper: destroyPopper,
+    };
+};
+
+exports.usePopper = usePopper;
+//# sourceMappingURL=usePopper.js.map

package/dist/cjs/hooks/usePopper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopper.js","sources":["../../../src/hooks/usePopper.ts"],"sourcesContent":[null],"names":["useRef","createPopper","executeAfterTransition"],"mappings":";;;;;;AAYa,IAAA,SAAS,GAAG,YAAA;AACvB,IAAA,IAAM,OAAO,GAAGA,YAAM,EAAY,CAAA;AAClC,IAAA,IAAM,EAAE,GAAGA,YAAM,EAAe,CAAA;AAEhC,IAAA,IAAM,UAAU,GAAG,UAAC,SAAsB,EAAE,MAAmB,EAAE,OAAyB,EAAA;QACxF,OAAO,CAAC,OAAO,GAAGC,iBAAY,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;AAC1D,QAAA,EAAE,CAAC,OAAO,GAAG,MAAM,CAAA;AACrB,KAAC,CAAA;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;AACpB,QAAA,IAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAA;AAEtC,QAAA,IAAI,cAAc,IAAI,EAAE,CAAC,OAAO,EAAE;AAChC,YAAAC,8BAAsB,CAAC,YAAA;gBACrB,cAAc,CAAC,OAAO,EAAE,CAAA;AAC1B,aAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAA;AACf,SAAA;AAED,QAAA,OAAO,CAAC,OAAO,GAAG,SAAS,CAAA;AAC7B,KAAC,CAAA;IAED,OAAO;QACL,MAAM,EAAE,OAAO,CAAC,OAAO;AACvB,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,aAAa,EAAA,aAAA;KACd,CAAA;AACH;;;;"}