@coreui/react 4.5.1 → 4.5.2

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

@@ -0,0 +1,68 @@
+import React, { InputHTMLAttributes, ReactNode } from 'react';
+import { Colors, Shapes } from '../Types';
+import { CFormControlValidationProps } from './CFormControlValidation';
+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 by adding.
+     */
+    inline?: boolean;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * The element represents a caption for a component.
+     */
+    label?: string | ReactNode;
+    /**
+     * 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,58 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef, useRef, useEffect } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { useForkedRef } from '../../utils/hooks/useForkedRef.js';
+import { CFormControlValidation } from './CFormControlValidation.js';
+import { CFormLabel } from './CFormLabel.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormCheck = forwardRef(function (_a, ref) {
+    var _b;
+    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, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest(_a, ["className", "button", "feedback", "feedbackInvalid", "feedbackValid", "floatingLabel", "tooltipFeedback", "hitArea", "id", "indeterminate", "inline", "invalid", "label", "type", "valid"]);
+    var inputRef = useRef(null);
+    var forkedRef = useForkedRef(ref, inputRef);
+    useEffect(function () {
+        if (inputRef.current && indeterminate) {
+            inputRef.current.indeterminate = indeterminate;
+        }
+    }, [indeterminate]);
+    var _className = classNames('form-check', {
+        'form-check-inline': inline,
+        'is-invalid': invalid,
+        'is-valid': valid,
+    }, className);
+    var inputClassName = classNames(button ? 'btn-check' : 'form-check-input', {
+        'is-invalid': invalid,
+        'is-valid': valid,
+        'me-2': hitArea,
+    });
+    var labelClassName = classNames(button
+        ? classNames('btn', button.variant ? "btn-".concat(button.variant, "-").concat(button.color) : "btn-".concat(button.color), (_b = {},
+            _b["btn-".concat(button.size)] = button.size,
+            _b), "".concat(button.shape))
+        : 'form-check-label');
+    var formControl = function () {
+        return React__default.createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: forkedRef }));
+    };
+    var formValidation = function () { return (React__default.createElement(CFormControlValidation, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    var formLabel = function () {
+        return (React__default.createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label));
+    };
+    return button ? (React__default.createElement(React__default.Fragment, null,
+        formControl(),
+        label && formLabel(),
+        formValidation())) : label ? (hitArea ? (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(CFormLabel, __assign({ customClassName: className }, (id && { htmlFor: id })),
+            formControl(),
+            label),
+        formValidation())) : (React__default.createElement("div", { className: _className },
+        formControl(),
+        formLabel(),
+        formValidation()))) : (formControl());
+});
+CFormCheck.propTypes = __assign({ button: propTypesExports.object, className: propTypesExports.string, hitArea: propTypesExports.oneOf(['full']), id: propTypesExports.string, indeterminate: propTypesExports.bool, inline: propTypesExports.bool, label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]), type: propTypesExports.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":["React","PropTypes"],"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,26 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import '../../node_modules/prop-types/index.js';
+import { CFormFeedback } from './CFormFeedback.js';
+import { exports as propTypesExports } from '../../_virtual/index.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__default.createElement(React__default.Fragment, null,
+        feedback && (valid || invalid) && (React__default.createElement(CFormFeedback, __assign({}, (invalid && { id: describedby }), { invalid: invalid, tooltip: tooltipFeedback, valid: valid }), feedback)),
+        feedbackInvalid && (React__default.createElement(CFormFeedback, { id: describedby, invalid: true, tooltip: tooltipFeedback }, feedbackInvalid)),
+        feedbackValid && (React__default.createElement(CFormFeedback, { valid: true, tooltip: tooltipFeedback }, feedbackValid))));
+};
+CFormControlValidation.propTypes = {
+    describedby: propTypesExports.string,
+    feedback: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    feedbackValid: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    feedbackInvalid: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+    invalid: propTypesExports.bool,
+    tooltipFeedback: propTypesExports.bool,
+    valid: propTypesExports.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":["React","PropTypes"],"mappings":";;;;;;AAmDO,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,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,QAAQ,KAAK,KAAK,IAAI,OAAO,CAAC,KAC7BA,cAAA,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,KACdA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,OAAO,QAAC,OAAO,EAAE,eAAe,EAC7D,EAAA,eAAe,CACF,CACjB;AACA,QAAA,aAAa,KACZA,cAAA,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,EAAEC,gBAAS,CAAC,MAAM;AAC7B,IAAA,QAAQ,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,CAAC,MAAM,CAAC,CAAC;AACjE,IAAA,aAAa,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,CAAC,MAAM,CAAC,CAAC;AACtE,IAAA,eAAe,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,CAAC,MAAM,CAAC,CAAC;IACxE,OAAO,EAAEA,gBAAS,CAAC,IAAI;IACvB,eAAe,EAAEA,gBAAS,CAAC,IAAI;IAC/B,KAAK,EAAEA,gBAAS,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,27 @@
+import { __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default from 'react';
+import '../../node_modules/prop-types/index.js';
+import { CFormControlValidation } from './CFormControlValidation.js';
+import { CFormFloating } from './CFormFloating.js';
+import { CFormLabel } from './CFormLabel.js';
+import { CFormText } from './CFormText.js';
+import { exports as propTypesExports } from '../../_virtual/index.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__default.createElement(CFormControlValidation, { describedby: describedby, feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingLabel: floatingLabel, invalid: invalid, tooltipFeedback: tooltipFeedback, valid: valid })); };
+    return floatingLabel ? (React__default.createElement(CFormFloating, { className: floatingClassName },
+        children,
+        React__default.createElement(CFormLabel, { htmlFor: id }, label || floatingLabel),
+        text && React__default.createElement(CFormText, { id: describedby }, text),
+        formControlValidation())) : (React__default.createElement(React__default.Fragment, null,
+        label && React__default.createElement(CFormLabel, { htmlFor: id }, label),
+        children,
+        text && React__default.createElement(CFormText, { id: describedby }, text),
+        formControlValidation()));
+};
+CFormControlWrapper.propTypes = __assign({ children: propTypesExports.node, floatingClassName: propTypesExports.string, floatingLabel: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]), text: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.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":["React","PropTypes"],"mappings":";;;;;;;;;AA4CO,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,QAClCA,cAAA,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,IAClBA,6BAAC,aAAa,EAAA,EAAC,SAAS,EAAE,iBAAiB,EAAA;QACxC,QAAQ;QACTA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,EAAE,EAAG,EAAA,KAAK,IAAI,aAAa,CAAc;QAC7D,IAAI,IAAIA,6BAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAG,EAAA,IAAI,CAAa;AACtD,QAAA,qBAAqB,EAAE,CACV,KAEhBA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,KAAK,IAAIA,6BAAC,UAAU,EAAA,EAAC,OAAO,EAAE,EAAE,EAAG,EAAA,KAAK,CAAc;QACtD,QAAQ;QACR,IAAI,IAAIA,6BAAC,SAAS,EAAA,EAAC,EAAE,EAAE,WAAW,EAAG,EAAA,IAAI,CAAa;QACtD,qBAAqB,EAAE,CACvB,CACJ,CAAA;AACH,EAAC;AAED,mBAAmB,CAAC,SAAS,GAC3B,QAAA,CAAA,EAAA,QAAQ,EAAEC,gBAAS,CAAC,IAAI,EACxB,iBAAiB,EAAEA,gBAAS,CAAC,MAAM,EACnC,aAAa,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,CAAC,MAAM,CAAC,CAAC,EACtE,KAAK,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,CAAC,MAAM,CAAC,CAAC,EAC9D,IAAI,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,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,27 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/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"]);
+    var _className = classNames((_b = {},
+        _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
+        _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
+        _b), className);
+    return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CFormFeedback.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+    invalid: propTypesExports.bool,
+    tooltip: propTypesExports.bool,
+    valid: propTypesExports.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":["React","PropTypes"],"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;IAGrF,IAAM,UAAU,GAAG,UAAU,EAAA,EAAA,GAAA,EAAA;AAEzB,QAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,OAAO;AACxD,QAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,KAAK;AAEtD,QAAA,EAAA,GAAA,SAAS,CACV,CAAA;AACD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACjD,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,SAAS,EAAEA,gBAAS,CAAC,WAAW;IAChC,OAAO,EAAEA,gBAAS,CAAC,IAAI;IACvB,OAAO,EAAEA,gBAAS,CAAC,IAAI;IACvB,KAAK,EAAEA,gBAAS,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,19 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormFloating = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var _className = classNames('form-floating', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CFormFloating.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.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":["React","PropTypes"],"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,IAAM,UAAU,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,CAAA;AACzD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,UAAU,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAC3C,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,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` [docs]
+     */
+    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>>;

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

@@ -0,0 +1,29 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef, useState, useEffect } from 'react';
+import classNames from '../../node_modules/classnames/index.js';
+import '../../node_modules/prop-types/index.js';
+import { CFormControlWrapper } from './CFormControlWrapper.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormInput = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.delay, delay = _c === void 0 ? false : _c, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, onChange = _a.onChange, plainText = _a.plainText, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, _d = _a.type, type = _d === void 0 ? 'text' : _d, valid = _a.valid, rest = __rest(_a, ["children", "className", "delay", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "onChange", "plainText", "size", "text", "tooltipFeedback", "type", "valid"]);
+    var _e = useState(), value = _e[0], setValue = _e[1];
+    useEffect(function () {
+        var timeOutId = setTimeout(function () { return value && onChange && onChange(value); }, typeof delay === 'number' ? delay : 500);
+        return function () { return clearTimeout(timeOutId); };
+    }, [value]);
+    var _className = classNames(plainText ? 'form-control-plaintext' : 'form-control', (_b = {},
+        _b["form-control-".concat(size)] = size,
+        _b['form-control-color'] = type === 'color',
+        _b['is-invalid'] = invalid,
+        _b['is-valid'] = valid,
+        _b), className);
+    return (React__default.createElement(CFormControlWrapper, { describedby: rest['aria-describedby'], feedback: feedback, feedbackInvalid: feedbackInvalid, feedbackValid: feedbackValid, floatingClassName: floatingClassName, floatingLabel: floatingLabel, id: id, invalid: invalid, label: label, text: text, tooltipFeedback: tooltipFeedback, valid: valid },
+        React__default.createElement("input", __assign({ className: _className, id: id, type: type, onChange: function (event) { return (delay ? setValue(event) : onChange && onChange(event)); } }, rest, { ref: ref }), children)));
+});
+CFormInput.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, delay: propTypesExports.oneOfType([propTypesExports.bool, propTypesExports.number]), plainText: propTypesExports.bool, size: propTypesExports.oneOf(['sm', 'lg']), type: propTypesExports.oneOfType([propTypesExports.oneOf(['color', 'file', 'text']), propTypesExports.string]) }, CFormControlWrapper.propTypes);
+CFormInput.displayName = 'CFormInput';
+
+export { CFormInput };
+//# sourceMappingURL=CFormInput.js.map

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

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

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

@@ -0,0 +1,12 @@
+import React, { LabelHTMLAttributes } from 'react';
+export interface CFormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * A string of all className you want to be applied to the component, and override standard className value.
+     */
+    customClassName?: string;
+}
+export declare const CFormLabel: React.ForwardRefExoticComponent<CFormLabelProps & React.RefAttributes<HTMLLabelElement>>;

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

@@ -0,0 +1,20 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import '../../node_modules/prop-types/index.js';
+import classNames from '../../node_modules/classnames/index.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormLabel = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, customClassName = _a.customClassName, rest = __rest(_a, ["children", "className", "customClassName"]);
+    var _className = customClassName ? customClassName : classNames('form-label', className);
+    return (React__default.createElement("label", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CFormLabel.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    customClassName: propTypesExports.string,
+};
+CFormLabel.displayName = 'CFormLabel';
+
+export { CFormLabel };
+//# sourceMappingURL=CFormLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormLabel.js","sources":["../../../../../src/components/form/CFormLabel.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAea,UAAU,GAAG,UAAU,CAClC,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAK,IAAI,GAA/C,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,iBAAA,CAAiD,CAAF,CAAA;AAC9C,IAAA,IAAM,UAAU,GAAG,eAAe,GAAG,eAAe,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AAC1F,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAO,SAAS,EAAE,UAAU,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAC7C,QAAQ,CACH,EACT;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,eAAe,EAAEA,gBAAS,CAAC,MAAM;CAClC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,44 @@
+import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
+export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.2.0
+     */
+    label?: ReactNode | string;
+    /**
+     * Specifies the maximum value for the component.
+     */
+    max?: number;
+    /**
+     * Specifies the minimum value for the component.
+     */
+    min?: number;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    readOnly?: boolean;
+    /**
+     * Specifies the interval between legal numbers in the component.
+     */
+    step?: number;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormRange: React.ForwardRefExoticComponent<CFormRangeProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,22 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React__default, { forwardRef } from 'react';
+import classNames from '../../node_modules/classnames/index.js';
+import '../../node_modules/prop-types/index.js';
+import { CFormLabel } from './CFormLabel.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormRange = forwardRef(function (_a, ref) {
+    var className = _a.className, label = _a.label, rest = __rest(_a, ["className", "label"]);
+    var _className = classNames('form-range', className);
+    return (React__default.createElement(React__default.Fragment, null,
+        label && React__default.createElement(CFormLabel, { htmlFor: rest.id }, label),
+        React__default.createElement("input", __assign({ type: "range", className: _className }, rest, { ref: ref }))));
+});
+CFormRange.propTypes = {
+    className: propTypesExports.string,
+    label: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.string]),
+};
+CFormRange.displayName = 'CFormRange';
+
+export { CFormRange };
+//# sourceMappingURL=CFormRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormRange.js","sources":["../../../../../src/components/form/CFormRange.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;;IAiDa,UAAU,GAAG,UAAU,CAClC,UAAC,EAA6B,EAAE,GAAG,EAAA;IAAhC,IAAA,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,IAAI,GAA3B,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,OAAA,CAA6B,CAAF,CAAA;IAC1B,IAAM,UAAU,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;AACtD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;QACG,KAAK,IAAIA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,OAAO,EAAE,IAAI,CAAC,EAAE,EAAG,EAAA,KAAK,CAAc;AAC5D,QAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,UAAU,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA,CAChE,EACJ;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,SAAS,EAAEC,gBAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,IAAI,EAAEA,gBAAS,CAAC,MAAM,CAAC,CAAC;CAC/D,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,40 @@
+import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+type Option = {
+    disabled?: boolean;
+    label?: string;
+    value?: string;
+};
+export interface CFormSelectProps extends CFormControlWrapperProps, Omit<InputHTMLAttributes<HTMLSelectElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Specifies the number of visible options in a drop-down list.
+     */
+    htmlSize?: number;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLSelectElement>;
+    /**
+     * Options list of the select component. Available keys: `label`, `value`, `disabled`.
+     * Examples:
+     * - `options={[{ value: 'js', label: 'JavaScript' }, { value: 'html', label: 'HTML', disabled: true }]}`
+     * - `options={['js', 'html']}`
+     */
+    options?: Option[] | string[];
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     */
+    value?: string | string[] | number;
+}
+export declare const CFormSelect: React.ForwardRefExoticComponent<CFormSelectProps & React.RefAttributes<HTMLSelectElement>>;
+export {};