@coreui/react 4.5.0 → 4.5.2

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

@@ -0,0 +1,28 @@
+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 { CFormControlWrapper } from './CFormControlWrapper.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormSelect = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, htmlSize = _a.htmlSize, id = _a.id, invalid = _a.invalid, label = _a.label, options = _a.options, size = _a.size, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "htmlSize", "id", "invalid", "label", "options", "size", "text", "tooltipFeedback", "valid"]);
+    var _className = classNames('form-select', (_b = {},
+        _b["form-select-".concat(size)] = size,
+        _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("select", __assign({ id: id, className: _className, size: htmlSize }, rest, { ref: ref }), options
+            ? options.map(function (option, index) {
+                return (React__default.createElement("option", __assign({}, (typeof option === 'object' &&
+                    option.disabled && { disabled: option.disabled }), (typeof option === 'object' && option.value && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
+            })
+            : children)));
+});
+CFormSelect.propTypes = __assign({ className: propTypesExports.string, htmlSize: propTypesExports.number, options: propTypesExports.array }, CFormControlWrapper.propTypes);
+CFormSelect.displayName = 'CFormSelect';
+
+export { CFormSelect };
+//# sourceMappingURL=CFormSelect.js.map

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

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

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

@@ -0,0 +1,32 @@
+import React, { InputHTMLAttributes, ReactNode } from 'react';
+export interface CFormSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     */
+    id?: string;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * The element represents a caption for a component.
+     */
+    label?: string | ReactNode;
+    /**
+     * Size the component large or extra large. Works only with `switch` [docs]
+     */
+    size?: 'lg' | 'xl';
+    /**
+     * Specifies the type of component.
+     */
+    type?: 'checkbox' | 'radio';
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormSwitch: React.ForwardRefExoticComponent<CFormSwitchProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,37 @@
+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 { CFormLabel } from './CFormLabel.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormSwitch = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, id = _a.id, invalid = _a.invalid, label = _a.label, size = _a.size, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest(_a, ["className", "id", "invalid", "label", "size", "type", "valid"]);
+    var _className = classNames('form-check form-switch', (_b = {},
+        _b["form-switch-".concat(size)] = size,
+        _b['is-invalid'] = invalid,
+        _b['is-valid'] = valid,
+        _b), className);
+    var inputClassName = classNames('form-check-input', {
+        'is-invalid': invalid,
+        'is-valid': valid,
+    });
+    var labelClassName = classNames('form-check-label');
+    return (React__default.createElement("div", { className: _className },
+        React__default.createElement("input", __assign({ type: type, className: inputClassName, id: id }, rest, { ref: ref })),
+        label && (React__default.createElement(CFormLabel, __assign({ customClassName: labelClassName }, (id && { htmlFor: id })), label))));
+});
+CFormSwitch.propTypes = {
+    className: propTypesExports.string,
+    id: propTypesExports.string,
+    invalid: propTypesExports.bool,
+    label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.node]),
+    size: propTypesExports.oneOf(['lg', 'xl']),
+    type: propTypesExports.oneOf(['checkbox', 'radio']),
+    valid: propTypesExports.bool,
+};
+CFormSwitch.displayName = 'CFormSwitch';
+
+export { CFormSwitch };
+//# sourceMappingURL=CFormSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormSwitch.js","sources":["../../../../../src/components/form/CFormSwitch.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;;IAqCa,WAAW,GAAG,UAAU,CACnC,UAAC,EAA0E,EAAE,GAAG,EAAA;;AAA7E,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAA,GAAA,EAAA,CAAA,IAAiB,EAAjB,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,UAAU,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAAxE,MAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,IAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAA0E,CAAF,CAAA;AACvE,IAAA,IAAM,UAAU,GAAG,UAAU,CAC3B,wBAAwB,GAAA,EAAA,GAAA,EAAA;AAEtB,QAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAC7B,QAAA,EAAA,CAAA,YAAA,CAAY,GAAE,OAAO;AACrB,QAAA,EAAA,CAAA,UAAA,CAAU,GAAE,KAAK;AAEnB,QAAA,EAAA,GAAA,SAAS,CACV,CAAA;AAED,IAAA,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;AACpD,QAAA,YAAY,EAAE,OAAO;AACrB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA,CAAC,CAAA;AACF,IAAA,IAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;AAErD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,EAAA;AACxB,QAAAA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAO,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,EAAE,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA;QAC3E,KAAK,KACJA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,eAAe,EAAE,cAAc,EAAM,GAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAC,EACrE,KAAK,CACK,CACd,CACG,EACP;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,SAAS,EAAEC,gBAAS,CAAC,MAAM;IAC3B,EAAE,EAAEA,gBAAS,CAAC,MAAM;IACpB,OAAO,EAAEA,gBAAS,CAAC,IAAI;AACvB,IAAA,KAAK,EAAEA,gBAAS,CAAC,SAAS,CAAC,CAACA,gBAAS,CAAC,MAAM,EAAEA,gBAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,IAAI,EAAEA,gBAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnC,IAAI,EAAEA,gBAAS,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5C,KAAK,EAAEA,gBAAS,CAAC,IAAI;CACtB,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -0,0 +1,12 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CFormTextProps 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;
+}
+export declare const CFormText: React.ForwardRefExoticComponent<CFormTextProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;

package/dist/esm/components/form/CFormText.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 CFormText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'div' : _b, rest = __rest(_a, ["children", "className", "component"]);
+    var _className = classNames('form-text', className);
+    return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CFormText.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+};
+CFormText.displayName = 'CFormText';
+
+export { CFormText };
+//# sourceMappingURL=CFormText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormText.js","sources":["../../../../../src/components/form/CFormText.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAea,SAAS,GAAG,UAAU,CACjC,UAAC,EAA8D,EAAE,GAAG,EAAA;AAAjE,IAAA,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,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA5D,sCAA8D,CAAF,CAAA;IAC3D,IAAM,UAAU,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;AACrD,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,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,SAAS,EAAEA,gBAAS,CAAC,WAAW;CACjC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -0,0 +1,31 @@
+import React, { ChangeEventHandler, TextareaHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+export interface CFormTextareaProps extends CFormControlWrapperProps, TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * Method called immediately after the `value` prop changes.
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * 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;
+    /**
+     * The `value` attribute of component.
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormTextarea: React.ForwardRefExoticComponent<CFormTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,21 @@
+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 { CFormControlWrapper } from './CFormControlWrapper.js';
+import { exports as propTypesExports } from '../../_virtual/index.js';
+
+var CFormTextarea = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, feedback = _a.feedback, feedbackInvalid = _a.feedbackInvalid, feedbackValid = _a.feedbackValid, floatingClassName = _a.floatingClassName, floatingLabel = _a.floatingLabel, id = _a.id, invalid = _a.invalid, label = _a.label, plainText = _a.plainText, text = _a.text, tooltipFeedback = _a.tooltipFeedback, valid = _a.valid, rest = __rest(_a, ["children", "className", "feedback", "feedbackInvalid", "feedbackValid", "floatingClassName", "floatingLabel", "id", "invalid", "label", "plainText", "text", "tooltipFeedback", "valid"]);
+    var _className = classNames(plainText ? 'form-control-plaintext' : 'form-control', {
+        'is-invalid': invalid,
+        'is-valid': valid,
+    }, 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("textarea", __assign({ className: _className, id: id }, rest, { ref: ref }), children)));
+});
+CFormTextarea.propTypes = __assign({ className: propTypesExports.string, id: propTypesExports.string, plainText: propTypesExports.bool }, CFormControlWrapper.propTypes);
+CFormTextarea.displayName = 'CFormTextarea';
+
+export { CFormTextarea };
+//# sourceMappingURL=CFormTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CFormTextarea.js","sources":["../../../../../src/components/form/CFormTextarea.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;;IAsCa,aAAa,GAAG,UAAU,CACrC,UACE,EAgBC,EACD,GAAG,EAAA;IAhBD,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,aAAa,mBAAA,EACb,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,EAAE,QAAA,EACF,OAAO,aAAA,EACP,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,KAAK,WAAA,EACF,IAAI,GAfT,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,SAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,OAAA,CAgBC,CADQ,CAAA;AAIT,IAAA,IAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,GAAG,wBAAwB,GAAG,cAAc,EACrD;AACE,QAAA,YAAY,EAAE,OAAO;AACrB,QAAA,UAAU,EAAE,KAAK;KAClB,EACD,SAAS,CACV,CAAA;IACD,QACEA,cAAC,CAAA,aAAA,CAAA,mBAAmB,EAClB,EAAA,WAAW,EAAE,IAAI,CAAC,kBAAkB,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EAAU,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EACxD,QAAQ,CACA,CACS,EACvB;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAA,QAAA,CAAA,EACrB,SAAS,EAAEC,gBAAS,CAAC,MAAM,EAC3B,EAAE,EAAEA,gBAAS,CAAC,MAAM,EACpB,SAAS,EAAEA,gBAAS,CAAC,IAAI,EAAA,EACtB,mBAAmB,CAAC,SAAS,CACjC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CInputGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+}
+export declare const CInputGroup: React.ForwardRefExoticComponent<CInputGroupProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+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 CInputGroup = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, size = _a.size, rest = __rest(_a, ["children", "className", "size"]);
+    var _className = classNames('input-group', (_b = {},
+        _b["input-group-".concat(size)] = size,
+        _b), className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CInputGroup.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    size: propTypesExports.oneOf(['sm', 'lg']),
+};
+CInputGroup.displayName = 'CInputGroup';
+
+export { CInputGroup };
+//# sourceMappingURL=CInputGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CInputGroup.js","sources":["../../../../../src/components/form/CInputGroup.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAea,WAAW,GAAG,UAAU,CACnC,UAAC,EAAsC,EAAE,GAAG,EAAA;;AAAzC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAApC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,MAAA,CAAsC,CAAF,CAAA;AACnC,IAAA,IAAM,UAAU,GAAG,UAAU,CAC3B,aAAa,GAAA,EAAA,GAAA,EAAA;AAEX,QAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAE/B,QAAA,EAAA,GAAA,SAAS,CACV,CAAA;AACD,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,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,IAAI,EAAEA,gBAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;CACpC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

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

@@ -0,0 +1,12 @@
+import React, { ElementType, LabelHTMLAttributes } from 'react';
+export interface CInputGroupTextProps extends LabelHTMLAttributes<HTMLLabelElement | 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;
+}
+export declare const CInputGroupText: React.ForwardRefExoticComponent<CInputGroupTextProps & React.RefAttributes<HTMLLabelElement | HTMLSpanElement>>;

package/dist/esm/components/form/CInputGroupText.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 CInputGroupText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = __rest(_a, ["children", "className", "component"]);
+    var _className = classNames('input-group-text', className);
+    return (React__default.createElement(Component, __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CInputGroupText.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    component: propTypesExports.elementType,
+};
+CInputGroupText.displayName = 'CInputGroupText';
+
+export { CInputGroupText };
+//# sourceMappingURL=CInputGroupText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CInputGroupText.js","sources":["../../../../../src/components/form/CInputGroupText.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;IAgBa,eAAe,GAAG,UAAU,CACvC,UAAC,EAA+D,EAAE,GAAG,EAAA;AAAlE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA6B,GAAA,EAAA,CAAA,SAAA,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAA7D,sCAA+D,CAAF,CAAA;IAC5D,IAAM,UAAU,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAA;AAC5D,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,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,SAAS,EAAEA,gBAAS,CAAC,WAAW;CACjC,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

@@ -0,0 +1,16 @@
+import { CForm } from './CForm';
+import { CFormCheck } from './CFormCheck';
+import { CFormControlValidation } from './CFormControlValidation';
+import { CFormControlWrapper } from './CFormControlWrapper';
+import { CFormFeedback } from './CFormFeedback';
+import { CFormFloating } from './CFormFloating';
+import { CFormInput } from './CFormInput';
+import { CFormLabel } from './CFormLabel';
+import { CFormRange } from './CFormRange';
+import { CFormSelect } from './CFormSelect';
+import { CFormSwitch } from './CFormSwitch';
+import { CFormText } from './CFormText';
+import { CFormTextarea } from './CFormTextarea';
+import { CInputGroup } from './CInputGroup';
+import { CInputGroupText } from './CInputGroupText';
+export { CForm, CFormCheck, CFormControlValidation, CFormControlWrapper, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };

package/dist/esm/components/grid/CCol.d.ts

@@ -0,0 +1,52 @@
+import React, { HTMLAttributes } from 'react';
+type Span = 'auto' | number | string | boolean | null;
+type BPObject = {
+    span?: Span;
+    offset?: number | string | null;
+    order?: 'first' | 'last' | number | string | null;
+};
+type Col = Span | BPObject;
+export interface CColProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * The number of columns/offset/order on extra small devices (<576px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xs?: Col;
+    /**
+     * The number of columns/offset/order on small devices (<768px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    sm?: Col;
+    /**
+     * The number of columns/offset/order on medium devices (<992px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    md?: Col;
+    /**
+     * The number of columns/offset/order on large devices (<1200px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    lg?: Col;
+    /**
+     * The number of columns/offset/order on X-Large devices (<1400px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xl?: Col;
+    /**
+     * The number of columns/offset/order on XX-Large devices (≥1400px).
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xxl?: Col;
+}
+export declare const CCol: React.ForwardRefExoticComponent<CColProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/components/grid/CCol.js

@@ -0,0 +1,73 @@
+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 BREAKPOINTS = [
+    'xxl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'xs',
+];
+var CCol = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var repsonsiveClassNames = [];
+    BREAKPOINTS.forEach(function (bp) {
+        var breakpoint = rest[bp];
+        delete rest[bp];
+        var infix = bp === 'xs' ? '' : "-".concat(bp);
+        if (typeof breakpoint === 'number' || typeof breakpoint === 'string') {
+            repsonsiveClassNames.push("col".concat(infix, "-").concat(breakpoint));
+        }
+        if (typeof breakpoint === 'boolean') {
+            repsonsiveClassNames.push("col".concat(infix));
+        }
+        if (breakpoint && typeof breakpoint === 'object') {
+            if (typeof breakpoint.span === 'number' || typeof breakpoint.span === 'string') {
+                repsonsiveClassNames.push("col".concat(infix, "-").concat(breakpoint.span));
+            }
+            if (typeof breakpoint.span === 'boolean') {
+                repsonsiveClassNames.push("col".concat(infix));
+            }
+            if (typeof breakpoint.order === 'number' || typeof breakpoint.order === 'string') {
+                repsonsiveClassNames.push("order".concat(infix, "-").concat(breakpoint.order));
+            }
+            if (typeof breakpoint.offset === 'number') {
+                repsonsiveClassNames.push("offset".concat(infix, "-").concat(breakpoint.offset));
+            }
+        }
+    });
+    var _className = classNames(repsonsiveClassNames.length ? repsonsiveClassNames : 'col', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+var span = propTypesExports.oneOfType([
+    propTypesExports.bool,
+    propTypesExports.number,
+    propTypesExports.string,
+    propTypesExports.oneOf(['auto']),
+]);
+var col = propTypesExports.oneOfType([
+    span,
+    propTypesExports.shape({
+        span: span,
+        offset: propTypesExports.oneOfType([propTypesExports.number, propTypesExports.string]),
+        order: propTypesExports.oneOfType([
+            propTypesExports.oneOf(['first', 'last']),
+            propTypesExports.number,
+            propTypesExports.string,
+        ]),
+    }),
+]);
+CCol.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    xs: col,
+    sm: col,
+};
+CCol.displayName = 'CCol';
+
+export { CCol };
+//# sourceMappingURL=CCol.js.map

package/dist/esm/components/grid/CCol.js.map

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

package/dist/esm/components/grid/CContainer.d.ts

@@ -0,0 +1,32 @@
+import React, { HTMLAttributes } from 'react';
+export interface CContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Set container 100% wide until small breakpoint.
+     */
+    sm?: boolean;
+    /**
+     * Set container 100% wide until medium breakpoint.
+     */
+    md?: boolean;
+    /**
+     * Set container 100% wide until large breakpoint.
+     */
+    lg?: boolean;
+    /**
+     * Set container 100% wide until X-large breakpoint.
+     */
+    xl?: boolean;
+    /**
+     * Set container 100% wide until XX-large breakpoint.
+     */
+    xxl?: boolean;
+    /**
+     * Set container 100% wide, spanning the entire width of the viewport.
+     */
+    fluid?: boolean;
+}
+export declare const CContainer: React.ForwardRefExoticComponent<CContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/grid/CContainer.js

@@ -0,0 +1,39 @@
+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 BREAKPOINTS = [
+    'xxl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'fluid',
+];
+var CContainer = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var repsonsiveClassNames = [];
+    BREAKPOINTS.forEach(function (bp) {
+        var breakpoint = rest[bp];
+        delete rest[bp];
+        breakpoint && repsonsiveClassNames.push("container-".concat(bp));
+    });
+    var _className = classNames(repsonsiveClassNames.length ? repsonsiveClassNames : 'container', className);
+    return (React__default.createElement("div", __assign({ className: _className }, rest, { ref: ref }), children));
+});
+CContainer.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    sm: propTypesExports.bool,
+    md: propTypesExports.bool,
+    lg: propTypesExports.bool,
+    xl: propTypesExports.bool,
+    xxl: propTypesExports.bool,
+    fluid: propTypesExports.bool,
+};
+CContainer.displayName = 'CContainer';
+
+export { CContainer };
+//# sourceMappingURL=CContainer.js.map

package/dist/esm/components/grid/CContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CContainer.js","sources":["../../../../../src/components/grid/CContainer.tsx"],"sourcesContent":[null],"names":["React","PropTypes"],"mappings":";;;;;;AAmCA,IAAM,WAAW,GAAG;IAClB,KAAc;IACd,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;IACb,OAAgB;CACjB,CAAA;IAEY,UAAU,GAAG,UAAU,CAClC,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,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAA,WAAW,CAAC,OAAO,CAAC,UAAC,EAAE,EAAA;AACrB,QAAA,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,CAAA;QAEf,UAAU,IAAI,oBAAoB,CAAC,IAAI,CAAC,YAAa,CAAA,MAAA,CAAA,EAAE,CAAE,CAAC,CAAA;AAC5D,KAAC,CAAC,CAAA;AAEF,IAAA,IAAM,UAAU,GAAG,UAAU,CAC3B,oBAAoB,CAAC,MAAM,GAAG,oBAAoB,GAAG,WAAW,EAChE,SAAS,CACV,CAAA;AAED,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,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAEC,gBAAS,CAAC,IAAI;IACxB,SAAS,EAAEA,gBAAS,CAAC,MAAM;IAC3B,EAAE,EAAEA,gBAAS,CAAC,IAAI;IAClB,EAAE,EAAEA,gBAAS,CAAC,IAAI;IAClB,EAAE,EAAEA,gBAAS,CAAC,IAAI;IAClB,EAAE,EAAEA,gBAAS,CAAC,IAAI;IAClB,GAAG,EAAEA,gBAAS,CAAC,IAAI;IACnB,KAAK,EAAEA,gBAAS,CAAC,IAAI;CACtB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/grid/CRow.d.ts

@@ -0,0 +1,50 @@
+import React, { HTMLAttributes } from 'react';
+export type BPObject = {
+    cols?: 'auto' | number | string | null;
+    gutter?: number | string | null;
+    gutterX?: number | string | null;
+    gutterY?: number | string | null;
+};
+export interface CRowProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * The number of columns/offset/order on extra small devices (<576px).
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    xs?: BPObject;
+    /**
+     * The number of columns/offset/order on small devices (<768px).
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    sm?: BPObject;
+    /**
+     * The number of columns/offset/order on medium devices (<992px).
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    md?: BPObject;
+    /**
+     * The number of columns/offset/order on large devices (<1200px).
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    lg?: BPObject;
+    /**
+     * The number of columns/offset/order on X-Large devices (<1400px).
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    xl?: BPObject;
+    /**
+     * The number of columns/offset/order on XX-Large devices (≥1400px).
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    xxl?: BPObject;
+}
+export declare const CRow: React.ForwardRefExoticComponent<CRowProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/grid/CRow.js

@@ -0,0 +1,59 @@
+import { __rest } 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 BREAKPOINTS = [
+    'xxl',
+    'xl',
+    'lg',
+    'md',
+    'sm',
+    'xs',
+];
+var CRow = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    var repsonsiveClassNames = [];
+    BREAKPOINTS.forEach(function (bp) {
+        var breakpoint = rest[bp];
+        delete rest[bp];
+        var infix = bp === 'xs' ? '' : "-".concat(bp);
+        if (typeof breakpoint === 'object') {
+            if (breakpoint.cols) {
+                repsonsiveClassNames.push("row-cols".concat(infix, "-").concat(breakpoint.cols));
+            }
+            if (typeof breakpoint.gutter === 'number') {
+                repsonsiveClassNames.push("g".concat(infix, "-").concat(breakpoint.gutter));
+            }
+            if (typeof breakpoint.gutterX === 'number') {
+                repsonsiveClassNames.push("gx".concat(infix, "-").concat(breakpoint.gutterX));
+            }
+            if (typeof breakpoint.gutterY === 'number') {
+                repsonsiveClassNames.push("gy".concat(infix, "-").concat(breakpoint.gutterY));
+            }
+        }
+    });
+    var _className = classNames('row', repsonsiveClassNames, className);
+    return (React__default.createElement("div", { className: _className, ref: ref }, children));
+});
+var bp = propTypesExports.shape({
+    cols: propTypesExports.oneOfType([propTypesExports.oneOf(['auto']), propTypesExports.number, propTypesExports.string]),
+    gutter: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+    gutterX: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+    gutterY: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
+});
+CRow.propTypes = {
+    children: propTypesExports.node,
+    className: propTypesExports.string,
+    xs: bp,
+    sm: bp,
+    md: bp,
+    lg: bp,
+    xl: bp,
+    xxl: bp,
+};
+CRow.displayName = 'CRow';
+
+export { CRow };
+//# sourceMappingURL=CRow.js.map