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

package/dist/esm/components/element-cover/CElementCover.d.ts

@@ -0,0 +1,22 @@
+import React, { HTMLAttributes } from 'react';
+interface CElementCoverProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Array of custom boundaries. Use to create custom cover area (instead of parent element area). Area is defined by four sides: 'top', 'bottom', 'right', 'left'. If side is not defined by any custom boundary it is equal to parent element boundary. Each custom boundary is object with keys:
+     * - sides (array) - select boundaries of element to define boundaries. Sides names: 'top', 'bottom', 'right', 'left'.
+     * - query (string) - query used to get element which define boundaries. Search will be done only inside parent element, by parent.querySelector(query) function.
+     */
+    boundaries?: {
+        sides: string[];
+        query: string;
+    }[];
+    /**
+     * Opacity of the cover.
+     */
+    opacity?: number;
+}
+export declare const CElementCover: React.ForwardRefExoticComponent<CElementCoverProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/element-cover/CElementCover.js

@@ -0,0 +1,61 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import PropTypes from 'prop-types';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
+import classNames from '../../node_modules/classnames/index.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+import { CSpinner } from '../spinner/CSpinner.js';
+
+var CElementCover = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, boundaries = _a.boundaries, _b = _a.opacity, opacity = _b === void 0 ? 0.4 : _b, rest = __rest(_a, ["children", "className", "boundaries", "opacity"]);
+    var elementCoverRef = useRef(null);
+    var forkedRef = useForkedRef(ref, elementCoverRef);
+    var _c = useState({}), customBoundaries = _c[0], setCustomBoundaries = _c[1];
+    var getCustomBoundaries = function () {
+        if (!elementCoverRef || !elementCoverRef.current || !boundaries) {
+            return {};
+        }
+        var parent = elementCoverRef.current.parentElement;
+        if (!parent) {
+            return {};
+        }
+        var parentCoords = parent.getBoundingClientRect();
+        var customBoundaries = {};
+        boundaries.forEach(function (_a) {
+            var sides = _a.sides, query = _a.query;
+            var element = parent.querySelector(query);
+            if (!element || !sides) {
+                return;
+            }
+            var coords = element.getBoundingClientRect();
+            sides.forEach(function (side) {
+                var sideMargin = Math.abs(coords[side] - parentCoords[side]);
+                customBoundaries[side] = "".concat(sideMargin, "px");
+            });
+        });
+        return customBoundaries;
+    };
+    useEffect(function () {
+        setCustomBoundaries(getCustomBoundaries());
+    }, [JSON.stringify(getCustomBoundaries())]);
+    var classes = classNames(className);
+    var containerCoords = __assign({ top: 0, left: 0, right: 0, bottom: 0 }, customBoundaries);
+    var coverStyles = __assign(__assign({}, containerCoords), { position: 'absolute', zIndex: 2, backgroundColor: "rgba(255,255,255,".concat(opacity, ")") });
+    return (React.createElement("div", __assign({ className: classes, style: coverStyles }, rest, { ref: forkedRef }),
+        React.createElement("div", { style: {
+                position: 'absolute',
+                top: '50%',
+                left: '50%',
+                transform: 'translateX(-50%) translateY(-50%)',
+            } }, children || React.createElement(CSpinner, { variant: "grow", color: "primary" }))));
+});
+CElementCover.propTypes = {
+    boundaries: PropTypes.array,
+    children: PropTypes.node,
+    className: PropTypes.string,
+    opacity: PropTypes.number,
+};
+CElementCover.displayName = 'CElementCover';
+
+export { CElementCover };
+//# sourceMappingURL=CElementCover.js.map

package/dist/esm/components/element-cover/CElementCover.js.map

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

package/dist/esm/components/element-cover/index.d.ts

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

package/dist/esm/components/footer/CFooter.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Place footer in non-static positions.
+     */
+    position?: 'fixed' | 'sticky';
+}
+export declare const CFooter: React.ForwardRefExoticComponent<CFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/footer/CFooter.js

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

package/dist/esm/components/footer/CFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFooter.js","sources":["../../../../src/components/footer/CFooter.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,OAAO,GAAG,UAAU,CAC/B,UAAC,EAA0C,EAAE,GAAG,EAAA;;AAA7C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAK,IAAI,GAAxC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,CAA0C,CAAF,CAAA;IACvC,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAAC,SAAU,CAAA,MAAA,CAAA,QAAQ,CAAE,CAAA,GAAG,QAAQ,EAAA,EAAA,GAAI,SAAS,CAAC,EAC5E,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,OAAO,CAAC,SAAS,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;CAC/C,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

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

package/dist/esm/components/form/CForm.d.ts

@@ -0,0 +1,12 @@
+import React, { FormHTMLAttributes } from 'react';
+export interface CFormProps extends FormHTMLAttributes<HTMLFormElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Mark a form as validated. If you set it `true`, all validation styles will be applied to the forms component.
+     */
+    validated?: boolean;
+}
+export declare const CForm: React.ForwardRefExoticComponent<CFormProps & React.RefAttributes<HTMLFormElement>>;

package/dist/esm/components/form/CForm.js

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

package/dist/esm/components/form/CForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CForm.js","sources":["../../../../src/components/form/CForm.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,KAAK,GAAG,UAAU,CAC7B,UAAC,EAA2C,EAAE,GAAG,EAAA;AAA9C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAzC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,CAA2C,CAAF,CAAA;IACxC,QACE,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,EAAE,SAAS,CAAC,IAAI,SAAS,EACzE,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACJ,EACR;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,IAAI;CAC1B,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/esm/components/form/CFormCheck.d.ts

@@ -0,0 +1,74 @@
+import React, { InputHTMLAttributes, ReactNode } from 'react';
+import { CFormControlValidationProps } from './CFormControlValidation';
+import type { Colors, Shapes } from '../../types';
+export type ButtonObject = {
+    /**
+     * 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;
+    /**
+     * Select the shape of the component.
+     *
+     * @type 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string
+     */
+    shape?: Shapes;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Set the button variant to an outlined button or a ghost button.
+     */
+    variant?: 'outline' | 'ghost';
+};
+export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * Create button-like checkboxes and radio buttons.
+     */
+    button?: ButtonObject;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Sets hit area to the full area of the component.
+     */
+    hitArea?: 'full';
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id?: string;
+    /**
+     * Input Checkbox indeterminate Property.
+     */
+    indeterminate?: boolean;
+    /**
+     * Group checkboxes or radios on the same horizontal row.
+     */
+    inline?: boolean;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * The element represents a caption for a component.
+     */
+    label?: string | ReactNode;
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
+    /**
+     * Specifies the type of component.
+     */
+    type?: 'checkbox' | 'radio';
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormCheck: React.ForwardRefExoticComponent<CFormCheckProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/form/CFormCheck.js

@@ -0,0 +1,62 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CFormControlValidation } from './CFormControlValidation.js';
+import { CFormLabel } from './CFormLabel.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+
+var CFormCheck = forwardRef(function (_a, ref) {
+    var className = _a.className, button = _a.button, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingLabel = _a.floatingLabel, tooltipFeedback = _a.tooltipFeedback, hitArea = _a.hitArea, id = _a.id, indeterminate = _a.indeterminate, inline = _a.inline, invalid = _a.invalid, label = _a.label, reverse = _a.reverse, _b = _a.type, type = _b === void 0 ? 'checkbox' : _b, valid = _a.valid, rest = __rest(_a, ["className", "button", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "tooltipFeedback", "hitArea", "id", "indeterminate", "inline", "invalid", "label", "reverse", "type", "valid"]);
+    var inputRef = useRef(null);
+    var forkedRef = useForkedRef(ref, inputRef);
+    useEffect(function () {
+        if (inputRef.current && indeterminate) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate, inputRef.current]);
+    var FormControl = function () { return (React.createElement("input", __assign({ type: type, className: classNames(button ? 'btn-check' : 'form-check-input', {
+            'is-invalid': invalid,
+            'is-valid': valid,
+            'me-2': hitArea,
+        }), id: id }, rest, { ref: forkedRef }))); };
+    var FormValidation = function () { return (React.createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    var FormLabel = function () {
+        var _a;
+        return (React.createElement(CFormLabel, __assign({ customClassName: classNames(button
+                ? classNames('btn', button.variant ? "btn-".concat(button.variant, "-").concat(button.color) : "btn-".concat(button.color), (_a = {},
+                    _a["btn-".concat(button.size)] = button.size,
+                    _a), "".concat(button.shape))
+                : 'form-check-label') }, (id && { htmlFor: id })), label));
+    };
+    var FormCheck = function () {
+        if (button) {
+            return (React.createElement(React.Fragment, null,
+                React.createElement(FormControl, null),
+                label && React.createElement(FormLabel, null),
+                React.createElement(FormValidation, null)));
+        }
+        if (label) {
+            return hitArea ? (React.createElement(React.Fragment, null,
+                React.createElement(FormControl, null),
+                React.createElement(CFormLabel, __assign({ customClassName: classNames('form-check-label stretched-link', className) }, (id && { htmlFor: id })), label),
+                React.createElement(FormValidation, null))) : (React.createElement("div", { className: classNames('form-check', {
+                    'form-check-inline': inline,
+                    'form-check-reverse': reverse,
+                    'is-invalid': invalid,
+                    'is-valid': valid,
+                }, className) },
+                React.createElement(FormControl, null),
+                React.createElement(FormLabel, null),
+                React.createElement(FormValidation, null)));
+        }
+        return React.createElement(FormControl, null);
+    };
+    return React.createElement(FormCheck, null);
+});
+CFormCheck.propTypes = __assign({ button: PropTypes.object, className: PropTypes.string, hitArea: PropTypes.oneOf(['full']), id: PropTypes.string, indeterminate: PropTypes.bool, inline: PropTypes.bool, label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), reverse: PropTypes.bool, type: PropTypes.oneOf(['checkbox', 'radio']) }, CFormControlValidation.propTypes);
+CFormCheck.displayName = 'CFormCheck';
+
+export { CFormCheck };
+//# sourceMappingURL=CFormCheck.js.map

package/dist/esm/components/form/CFormCheck.js.map

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

package/dist/esm/components/form/CFormControlValidation.d.ts

@@ -0,0 +1,46 @@
+import { FC, ReactNode } from 'react';
+export interface CFormControlValidationProps {
+    /**
+     * @ignore
+     */
+    describedby?: string;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.2.0
+     */
+    feedback?: ReactNode | string;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.2.0
+     */
+    feedbackInvalid?: ReactNode | string;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    feedbackValid?: ReactNode | string;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    floatingLabel?: ReactNode | string;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.2.0
+     */
+    tooltipFeedback?: boolean;
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormControlValidation: FC<CFormControlValidationProps>;

package/dist/esm/components/form/CFormControlValidation.js

@@ -0,0 +1,25 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CFormFeedback } from './CFormFeedback.js';
+
+var CFormControlValidation = function (_a) {
+    var describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, invalid = _a.invalid, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
+    return (React.createElement(React.Fragment, null,
+        feedback && (valid || invalid) && (React.createElement(CFormFeedback, __assign({}, (invalid && { id: describedby }), { invalid: invalid, tooltip: tooltipFeedback, valid: valid }), feedback)),
+        feedbackInvalid && (React.createElement(CFormFeedback, { id: describedby, invalid: true, tooltip: tooltipFeedback }, feedbackInvalid)),
+        feedbackValid && (React.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
+};
+CFormControlValidation.propTypes = {
+    describedby: PropTypes.string,
+    feedback: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    feedbackValid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    feedbackInvalid: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+    invalid: PropTypes.bool,
+    tooltipFeedback: PropTypes.bool,
+    valid: PropTypes.bool,
+};
+CFormControlValidation.displayName = 'CFormControlValidation';
+
+export { CFormControlValidation };
+//# sourceMappingURL=CFormControlValidation.js.map

package/dist/esm/components/form/CFormControlValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormControlValidation.js","sources":["../../../../src/components/form/CFormControlValidation.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAkDO,IAAM,sBAAsB,GAAoC,UAAC,EAQvE,EAAA;AAPC,IAAA,IAAA,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAEL,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,QAAQ,KAAK,KAAK,IAAI,OAAO,CAAC,KAC7B,KAAA,CAAA,aAAA,CAAC,aAAa,EACR,QAAA,CAAA,EAAA,GAAC,OAAO,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GACnC,EAAA,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EAEX,CAAA,EAAA,QAAQ,CACK,CACjB;AACA,QAAA,eAAe,KACd,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,OAAO,QAAC,OAAO,EAAE,eAAe,EAC7D,EAAA,eAAe,CACF,CACjB;AACA,QAAA,aAAa,KACZ,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAC,IAAA,EAAA,OAAO,EAAE,eAAe,IAC1C,aAAa,CACA,CACjB,CACA,EACJ;AACH,EAAC;AAED,sBAAsB,CAAC,SAAS,GAAG;IACjC,WAAW,EAAE,SAAS,CAAC,MAAM;AAC7B,IAAA,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACjE,IAAA,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;AACtE,IAAA,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxE,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,eAAe,EAAE,SAAS,CAAC,IAAI;IAC/B,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,sBAAsB,CAAC,WAAW,GAAG,wBAAwB;;;;"}

package/dist/esm/components/form/CFormControlWrapper.d.ts

@@ -0,0 +1,37 @@
+import { FC, ReactNode } from 'react';
+import { CFormControlValidationProps } from './CFormControlValidation';
+export interface CFormControlWrapperProps extends CFormControlValidationProps {
+    /**
+     * @ignore
+     */
+    children?: ReactNode;
+    /**
+     * A string of all className you want applied to the floating label wrapper.
+     *
+     * @since 4.5.0
+     */
+    floatingClassName?: string;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    floatingLabel?: ReactNode | string;
+    /**
+     * @ignore
+     */
+    id?: string;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.2.0
+     */
+    label?: ReactNode | string;
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.2.0
+     */
+    text?: ReactNode | string;
+}
+export declare const CFormControlWrapper: FC<CFormControlWrapperProps>;

package/dist/esm/components/form/CFormControlWrapper.js

@@ -0,0 +1,26 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CFormControlValidation } from './CFormControlValidation.js';
+import { CFormFloating } from './CFormFloating.js';
+import { CFormLabel } from './CFormLabel.js';
+import { CFormText } from './CFormText.js';
+
+var CFormControlWrapper = function (_a) {
+    var children = _a.children, describedby = _a.describedby, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid;
+    var FormControlValidation = function () { return (React.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    return floatingLabel ? (React.createElement(CFormFloating, { className: floatingClassName },
+        children,
+        React.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
+        text && React.createElement(CFormText, { id: describedby }, text),
+        React.createElement(FormControlValidation, null))) : (React.createElement(React.Fragment, null,
+        label && React.createElement(CFormLabel, { htmlFor: id }, label),
+        children,
+        text && React.createElement(CFormText, { id: describedby }, text),
+        React.createElement(FormControlValidation, null)));
+};
+CFormControlWrapper.propTypes = __assign({ children: PropTypes.node, floatingClassName: PropTypes.string, floatingLabel: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]), text: PropTypes.oneOfType([PropTypes.node, PropTypes.string]) }, CFormControlValidation.propTypes);
+CFormControlWrapper.displayName = 'CFormControlWrapper';
+
+export { CFormControlWrapper };
+//# sourceMappingURL=CFormControlWrapper.js.map

package/dist/esm/components/form/CFormControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormControlWrapper.js","sources":["../../../../src/components/form/CFormControlWrapper.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AA2CO,IAAM,mBAAmB,GAAiC,UAAC,EAcjE,EAAA;AAbC,IAAA,IAAA,QAAQ,cAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,iBAAiB,uBAAA,EACjB,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,UAAA,EACJ,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,CAAA;AAEL,IAAA,IAAM,qBAAqB,GAAG,YAAA,EAAM,QAClC,KAAA,CAAA,aAAA,CAAC,sBAAsB,EACrB,EAAA,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,GACZ,EACH,EAAA,CAAA;IACD,OAAO,aAAa,IAClB,oBAAC,aAAa,EAAA,EAAC,SAAS,EAAE,iBAAiB,EAAA;QACxC,QAAQ;QACT,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,EAAE,EAAG,EAAA,KAAK,IAAI,aAAa,CAAc;QAC7D,IAAI,IAAI,oBAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAG,EAAA,IAAI,CAAa;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAG,IAAA,CAAA,CACX,KAEhB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,KAAK,IAAI,oBAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAG,EAAA,KAAK,CAAc;QACtD,QAAQ;QACR,IAAI,IAAI,oBAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAG,EAAA,IAAI,CAAa;AACvD,QAAA,KAAA,CAAA,aAAA,CAAC,qBAAqB,EAAA,IAAA,CAAG,CACxB,CACJ,CAAA;AACH,EAAC;AAED,mBAAmB,CAAC,SAAS,GAC3B,QAAA,CAAA,EAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,EACxB,iBAAiB,EAAE,SAAS,CAAC,MAAM,EACnC,aAAa,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EACtE,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAC9D,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAC1D,EAAA,sBAAsB,CAAC,SAAS,CACpC,CAAA;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/esm/components/form/CFormFeedback.d.ts

@@ -0,0 +1,24 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CFormFeedbackProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ElementType;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    invalid?: boolean;
+    /**
+     * If your form layout allows it, you can display validation feedback in a styled tooltip.
+     */
+    tooltip?: boolean;
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormFeedback: React.ForwardRefExoticComponent<CFormFeedbackProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/esm/components/form/CFormFeedback.js

@@ -0,0 +1,25 @@
+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 CFormFeedback = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.component, Component = _c === void 0 ? 'div' : _c, invalid = _a.invalid, tooltip = _a.tooltip, valid = _a.valid, rest = __rest(_a, ["children", "className", "component", "invalid", "tooltip", "valid"]);
+    return (React.createElement(Component, __assign({ className: classNames((_b = {},
+            _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
+            _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
+            _b), className) }, rest, { ref: ref }), children));
+});
+CFormFeedback.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+    invalid: PropTypes.bool,
+    tooltip: PropTypes.bool,
+    valid: PropTypes.bool,
+};
+CFormFeedback.displayName = 'CFormFeedback';
+
+export { CFormFeedback };
+//# sourceMappingURL=CFormFeedback.js.map

package/dist/esm/components/form/CFormFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormFeedback.js","sources":["../../../../src/components/form/CFormFeedback.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IA2Ba,aAAa,GAAG,UAAU,CACrC,UACE,EAAuF,EACvF,GAAG,EAAA;;IADD,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA4B,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAArF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,CAAuF,CAAF,CAAA;AAGrF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,EAAA,EAAA,GAAA,EAAA;AAEjB,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,OAAO;AACxD,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,KAAK;iBAEtD,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/esm/components/form/CFormFloating.d.ts

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

package/dist/esm/components/form/CFormFloating.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 CFormFloating = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('form-floating', className) }, rest, { ref: ref }), children));
+});
+CFormFloating.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CFormFloating.displayName = 'CFormFloating';
+
+export { CFormFloating };
+//# sourceMappingURL=CFormFloating.js.map

package/dist/esm/components/form/CFormFloating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CFormFloating.js","sources":["../../../../src/components/form/CFormFloating.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,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACvE,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/form/CFormInput.d.ts

@@ -0,0 +1,43 @@
+import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+export interface CFormInputProps extends CFormControlWrapperProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Delay onChange event while typing. If set to true onChange event will be delayed 500ms, you can also provide the number of milliseconds you want to delay the onChange event.
+     */
+    delay?: boolean | number;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`.
+     */
+    plainText?: boolean;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readOnly?: boolean;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Specifies the type of component.
+     */
+    type?: 'color' | 'file' | 'text' | string;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormInput: React.ForwardRefExoticComponent<CFormInputProps & React.RefAttributes<HTMLInputElement>>;