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

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

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

@@ -0,0 +1,27 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CFormControlWrapper } from './CFormControlWrapper.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"]);
+    return (React.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.createElement("select", __assign({ id: id, className: classNames('form-select', (_b = {},
+                _b["form-select-".concat(size)] = size,
+                _b['is-invalid'] = invalid,
+                _b['is-valid'] = valid,
+                _b), className), size: htmlSize }, rest, { ref: ref }), options
+            ? options.map(function (option, index) {
+                return (React.createElement("option", __assign({}, (typeof option === 'object' &&
+                    option.disabled && { disabled: option.disabled }), (typeof option === 'object' &&
+                    option.value !== undefined && { value: option.value }), { key: index }), typeof option === 'string' ? option : option.label));
+            })
+            : children)));
+});
+CFormSelect.propTypes = __assign({ className: PropTypes.string, htmlSize: PropTypes.number, options: PropTypes.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":[],"mappings":"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"}

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

@@ -0,0 +1,38 @@
+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;
+    /**
+     * Put switch on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
+    /**
+     * Size the component large or extra large. Works only with `switch`.
+     */
+    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,36 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CFormLabel } from './CFormLabel.js';
+
+var CFormSwitch = forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, id = _a.id, invalid = _a.invalid, label = _a.label, reverse = _a.reverse, size = _a.size, _c = _a.type, type = _c === void 0 ? 'checkbox' : _c, valid = _a.valid, rest = __rest(_a, ["className", "id", "invalid", "label", "reverse", "size", "type", "valid"]);
+    return (React.createElement("div", { className: classNames('form-check form-switch', (_b = {
+                'form-check-reverse': reverse
+            },
+            _b["form-switch-".concat(size)] = size,
+            _b['is-invalid'] = invalid,
+            _b['is-valid'] = valid,
+            _b), className) },
+        React.createElement("input", __assign({ type: type, className: classNames('form-check-input', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }), id: id }, rest, { ref: ref })),
+        label && (React.createElement(CFormLabel, __assign({ customClassName: "form-check-label" }, (id && { htmlFor: id })), label))));
+});
+CFormSwitch.propTypes = {
+    className: PropTypes.string,
+    id: PropTypes.string,
+    invalid: PropTypes.bool,
+    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+    reverse: PropTypes.bool,
+    size: PropTypes.oneOf(['lg', 'xl']),
+    type: PropTypes.oneOf(['checkbox', 'radio']),
+    valid: PropTypes.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":[],"mappings":";;;;;;IA2Ca,WAAW,GAAG,UAAU,CACnC,UAAC,EAAmF,EAAE,GAAG,EAAA;;AAAtF,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,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,EAAA,GAAA,EAAA,CAAA,IAAiB,EAAjB,IAAI,mBAAG,UAAU,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAAA,MAAA,CAAA,EAAA,EAAjF,2EAAmF,CAAF,CAAA;AAChF,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CACnB,wBAAwB,GAAA,EAAA,GAAA;AAEtB,gBAAA,oBAAoB,EAAE,OAAO;;AAC7B,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAC7B,YAAA,EAAA,CAAA,YAAA,CAAY,GAAE,OAAO;AACrB,YAAA,EAAA,CAAA,UAAA,CAAU,GAAE,KAAK;AAEnB,YAAA,EAAA,GAAA,SAAS,CACV,EAAA;QAED,KACE,CAAA,aAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE;AACxC,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,UAAU,EAAE,KAAK;aAClB,CAAC,EACF,EAAE,EAAE,EAAE,EAAA,EACF,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EACR,CAAA,CAAA;QACD,KAAK,KACJ,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAC,eAAe,EAAC,kBAAkB,EAAK,GAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAC,EACvE,KAAK,CACK,CACd,CACG,EACP;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,OAAO,EAAE,SAAS,CAAC,IAAI;AACvB,IAAA,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9D,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC5C,KAAK,EAAE,SAAS,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,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 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"]);
+    return (React.createElement(Component, __assign({ className: classNames('form-text', className) }, rest, { ref: ref }), children));
+});
+CFormText.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.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":[],"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,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EACzE,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,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,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';
+import { CFormControlWrapper } from './CFormControlWrapper.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"]);
+    return (React.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.createElement("textarea", __assign({ className: classNames(plainText ? 'form-control-plaintext' : 'form-control', {
+                'is-invalid': invalid,
+                'is-valid': valid,
+            }, className), id: id }, rest, { ref: ref }), children)));
+});
+CFormTextarea.propTypes = __assign({ className: PropTypes.string, id: PropTypes.string, plainText: PropTypes.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":[],"mappings":";;;;;;IAqCa,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;IAIT,QACE,KAAC,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,QAAA,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,UAAU,CACnB,SAAS,GAAG,wBAAwB,GAAG,cAAc,EACrD;AACE,gBAAA,YAAY,EAAE,OAAO;AACrB,gBAAA,UAAU,EAAE,KAAK;AAClB,aAAA,EACD,SAAS,CACV,EACD,EAAE,EAAE,EAAE,EACF,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACA,CACS,EACvB;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAA,QAAA,CAAA,EACrB,SAAS,EAAE,SAAS,CAAC,MAAM,EAC3B,EAAE,EAAE,SAAS,CAAC,MAAM,EACpB,SAAS,EAAE,SAAS,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,21 @@
+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 CInputGroup = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, size = _a.size, rest = __rest(_a, ["children", "className", "size"]);
+    return (React.createElement("div", __assign({ className: classNames('input-group', (_b = {},
+            _b["input-group-".concat(size)] = size,
+            _b), className) }, rest, { ref: ref }), children));
+});
+CInputGroup.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    size: PropTypes.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":[],"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,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,aAAa,GAAA,EAAA,GAAA,EAAA;AAEX,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;iBAE/B,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,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,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 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"]);
+    return (React.createElement(Component, __assign({ className: classNames('input-group-text', className) }, rest, { ref: ref }), children));
+});
+CInputGroupText.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.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":[],"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,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAChF,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,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,75 @@
+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 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));
+            }
+        }
+    });
+    return (React.createElement("div", __assign({ className: classNames(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'col', className) }, rest, { ref: ref }), children));
+});
+var span = PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.number,
+    PropTypes.string,
+    PropTypes.oneOf(['auto']),
+]);
+var col = PropTypes.oneOfType([
+    span,
+    PropTypes.shape({
+        span: span,
+        offset: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+        order: PropTypes.oneOfType([
+            PropTypes.oneOf(['first', 'last']),
+            PropTypes.number,
+            PropTypes.string,
+        ]),
+    }),
+]);
+CCol.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    xs: col,
+    sm: col,
+    md: col,
+    lg: col,
+    xl: col,
+    xxl: 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":[],"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,37 @@
+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 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));
+    });
+    return (React.createElement("div", __assign({ className: classNames(repsonsiveClassNames.length > 0 ? repsonsiveClassNames : 'container', className) }, rest, { ref: ref }), children));
+});
+CContainer.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    sm: PropTypes.bool,
+    md: PropTypes.bool,
+    lg: PropTypes.bool,
+    xl: PropTypes.bool,
+    xxl: PropTypes.bool,
+    fluid: PropTypes.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":[],"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,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,UAAU,CACnB,oBAAoB,CAAC,MAAM,GAAG,CAAC,GAAG,oBAAoB,GAAG,WAAW,EACpE,SAAS,CACV,IACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,SAAS,CAAC,IAAI;IAClB,EAAE,EAAE,SAAS,CAAC,IAAI;IAClB,EAAE,EAAE,SAAS,CAAC,IAAI;IAClB,EAAE,EAAE,SAAS,CAAC,IAAI;IAClB,GAAG,EAAE,SAAS,CAAC,IAAI;IACnB,KAAK,EAAE,SAAS,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>>;