@coreui/react 5.0.0-beta.1 → 5.0.0-rc.1

package/dist/cjs/components/dropdown/CDropdownHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CDropdownHeader.js","sources":["../../../../src/components/dropdown/CDropdownHeader.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAea,eAAe,GAAGA,gBAAU,CACvC,UAAC,EAA6D,EAAE,GAAG,EAAA;AAAhE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA2B,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IAC1D,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAC/E,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;;;;"}
+{"version":3,"file":"CDropdownHeader.js","sources":["../../../../src/components/dropdown/CDropdownHeader.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAiBa,eAAe,GAC1BA,gBAAU,CACR,UAAC,EAAsD,EAAE,GAAG,EAAA;AAAzD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAoB,GAAA,EAAA,CAAA,EAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF,CAAA;IACnD,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAC/E,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAEH,eAAe,CAAC,SAAS,GAAG;IAC1B,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/cjs/components/dropdown/CDropdownItem.d.ts

@@ -1,13 +1,9 @@
-import React, { ElementType } from 'react';
 import { CLinkProps } from '../link/CLink';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CDropdownItemProps extends CLinkProps {
     /**
      * 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 CDropdownItem: React.ForwardRefExoticComponent<CDropdownItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare const CDropdownItem: PolymorphicRefForwardingComponent<'a', CDropdownItemProps>;

package/dist/cjs/components/dropdown/CDropdownItem.js

@@ -7,13 +7,13 @@ var index = require('../../node_modules/classnames/index.js');
 var CLink = require('../link/CLink.js');
 
 var CDropdownItem = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, component = _b === void 0 ? 'a' : _b, rest = tslib_es6.__rest(_a, ["children", "className", "component"]);
-    return (React.createElement(CLink.CLink, tslib_es6.__assign({ className: index.default('dropdown-item', className), component: component }, rest, { ref: ref }), children));
+    var children = _a.children, _b = _a.as, as = _b === void 0 ? 'a' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
+    return (React.createElement(CLink.CLink, tslib_es6.__assign({ className: index.default('dropdown-item', className), as: as }, rest, { ref: ref }), children));
 });
 CDropdownItem.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CDropdownItem.displayName = 'CDropdownItem';
 

package/dist/cjs/components/dropdown/CDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CDropdownItem.js","sources":["../../../../src/components/dropdown/CDropdownItem.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CLink","__assign","classNames"],"mappings":";;;;;;;;IAiBa,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAAiD,EAAE,GAAG,EAAA;AAApD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAe,GAAA,EAAA,CAAA,SAAA,EAAf,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA/C,sCAAiD,CAAF,CAAA;IAC9C,QACE,KAAC,CAAA,aAAA,CAAAC,WAAK,EACJC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EACjD,SAAS,EAAE,SAAS,EAChB,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACH,EACT;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"CDropdownItem.js","sources":["../../../../src/components/dropdown/CDropdownItem.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","CLink","__assign","classNames"],"mappings":";;;;;;;;IAea,aAAa,GAA+DA,gBAAU,CAGjG,UAAC,EAA0C,EAAE,GAAG,EAAA;AAA7C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAQ,GAAA,EAAA,CAAA,EAAA,EAAR,EAAE,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAxC,+BAA0C,CAAF,CAAA;IACzC,QACE,KAAC,CAAA,aAAA,CAAAC,WAAK,EAACC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EACjF,CAAA,EAAA,QAAQ,CACH,EACT;AACH,CAAC,EAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/components/dropdown/CDropdownItemPlain.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CDropdownItemPlainProps extends HTMLAttributes<HTMLSpanElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
 }
-export declare const CDropdownItemPlain: React.ForwardRefExoticComponent<CDropdownItemPlainProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const CDropdownItemPlain: PolymorphicRefForwardingComponent<'span', CDropdownItemPlainProps>;

package/dist/cjs/components/dropdown/CDropdownItemPlain.js

@@ -6,13 +6,13 @@ var PropTypes = require('prop-types');
 var index = require('../../node_modules/classnames/index.js');
 
 var CDropdownItemPlain = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = tslib_es6.__rest(_a, ["children", "className", "component"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'span' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default('dropdown-item-text', className) }, rest, { ref: ref }), children));
 });
 CDropdownItemPlain.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CDropdownItemPlain.displayName = 'CDropdownItemPlain';
 

package/dist/cjs/components/dropdown/CDropdownItemPlain.js.map

@@ -1 +1 @@
-{"version":3,"file":"CDropdownItemPlain.js","sources":["../../../../src/components/dropdown/CDropdownItemPlain.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAea,kBAAkB,GAAGA,gBAAU,CAC1C,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,GAAAC,gBAAA,CAAA,EAAA,EAA7D,sCAA+D,CAAF,CAAA;IAC5D,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAClF,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"CDropdownItemPlain.js","sources":["../../../../src/components/dropdown/CDropdownItemPlain.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAiBa,kBAAkB,GAG3BA,gBAAU,CACZ,UAAC,EAAwD,EAAE,GAAG,EAAA;AAA3D,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAsB,GAAA,EAAA,CAAA,EAAA,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAtD,+BAAwD,CAAF,CAAA;IACrD,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAClF,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/dist/cjs/components/dropdown/CDropdownMenu.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CDropdownMenuProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
     /**
-     * A string of all className you want applied to the base component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the base component.
      */
-    component?: string | ElementType;
+    className?: string;
 }
-export declare const CDropdownMenu: React.ForwardRefExoticComponent<CDropdownMenuProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;
+export declare const CDropdownMenu: PolymorphicRefForwardingComponent<'ul', CDropdownMenuProps>;

package/dist/cjs/components/dropdown/CDropdownMenu.js

@@ -11,7 +11,7 @@ require('@popperjs/core');
 var utils = require('./utils.js');
 
 var CDropdownMenu = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, rest = tslib_es6.__rest(_a, ["children", "className", "component"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
     var _c = React.useContext(CDropdown.CDropdownContext), alignment = _c.alignment, container = _c.container, dark = _c.dark, dropdownMenuRef = _c.dropdownMenuRef, popper = _c.popper, portal = _c.portal, visible = _c.visible;
     var forkedRef = useForkedRef.useForkedRef(ref, dropdownMenuRef);
     return (React.createElement(CConditionalPortal.CConditionalPortal, { container: container, portal: portal !== null && portal !== void 0 ? portal : false },
@@ -27,9 +27,9 @@ var CDropdownMenu = React.forwardRef(function (_a, ref) {
             : children)));
 });
 CDropdownMenu.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CDropdownMenu.displayName = 'CDropdownMenu';
 

package/dist/cjs/components/dropdown/CDropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CDropdownMenu.js","sources":["../../../../src/components/dropdown/CDropdownMenu.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CDropdownContext","useForkedRef","CConditionalPortal","__assign","classNames","getAlignmentClassNames"],"mappings":";;;;;;;;;;;;IAuBa,aAAa,GAAGA,gBAAU,CACrC,UAAC,EAA6D,EAAE,GAAG,EAAA;AAAhE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA2B,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IACpD,IAAA,EAAA,GACJC,gBAAU,CAACC,0BAAgB,CAAC,EADtB,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAC9C,CAAA;IAE9B,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAEpD,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,qCAAkB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,KAAK,EAAA;AAC/D,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACRC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,eAAe,EACf;AACE,gBAAA,IAAI,EAAE,OAAO;aACd,EACD,SAAS,IAAIC,4BAAsB,CAAC,SAAS,CAAC,EAC9C,SAAS,CACV,EACD,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,MAAM,EACE,aAAA,EAAA,CAAC,OAAO,EAAA,GAChB,CAAC,MAAM,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,IAC7C,IAAI,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,GACxC,IAAI,CAAA,EAEP,SAAS,KAAK,IAAI;AACjB,cAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA;AACxC,gBAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAC/B,oBAAA,OAAO,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAG,EAAA,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAM,CAAA;AACxD,iBAAA;gBACD,OAAM;AACR,aAAC,CAAC;AACJ,cAAE,QAAQ,CACF,CACO,EACtB;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"CDropdownMenu.js","sources":["../../../../src/components/dropdown/CDropdownMenu.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","useContext","CDropdownContext","useForkedRef","CConditionalPortal","__assign","classNames","getAlignmentClassNames"],"mappings":";;;;;;;;;;;;IAuBa,aAAa,GACxBA,gBAAU,CACR,UAAC,EAAsD,EAAE,GAAG,EAAA;AAAzD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAoB,GAAA,EAAA,CAAA,EAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF,CAAA;IAC7C,IAAA,EAAA,GACJC,gBAAU,CAACC,0BAAgB,CAAC,EADtB,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,IAAI,UAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAC9C,CAAA;IAE9B,IAAM,SAAS,GAAGC,yBAAY,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAEpD,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,qCAAkB,EAAC,EAAA,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,KAAA,CAAA,GAAA,MAAM,GAAI,KAAK,EAAA;AAC/D,QAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACRC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CACnB,eAAe,EACf;AACE,gBAAA,IAAI,EAAE,OAAO;aACd,EACD,SAAS,IAAIC,4BAAsB,CAAC,SAAS,CAAC,EAC9C,SAAS,CACV,EACD,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,MAAM,EACE,aAAA,EAAA,CAAC,OAAO,EAAA,GAChB,CAAC,MAAM,IAAI,EAAE,oBAAoB,EAAE,QAAQ,EAAE,IAC7C,IAAI,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,GACxC,IAAI,CAAA,EAEP,SAAS,KAAK,IAAI;AACjB,cAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA;AACxC,gBAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAC/B,oBAAA,OAAO,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAG,EAAA,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAM,CAAA;AACxD,iBAAA;gBACD,OAAM;AACR,aAAC,CAAC;AACJ,cAAE,QAAQ,CACF,CACO,EACtB;AACH,CAAC,EACF;AAEH,aAAa,CAAC,SAAS,GAAG;IACxB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/cjs/components/dropdown/CDropdownToggle.d.ts

@@ -13,7 +13,7 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
     /**
      * If a dropdown `variant` is set to `nav-item` then render the toggler as a link instead of a button.
      *
-     * @since v5.0.0-beta.1
+     * @since v5.0.0-rc.1
      */
     navLink?: boolean;
     /**

package/dist/cjs/components/dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/dropdown/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIO,IAAM,sBAAsB,GAAG,UAAC,SAAqB,EAAA;IAC1D,IAAM,UAAU,GAAa,EAAE,CAAA;AAC/B,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AAEjC,QAAA,KAAK,IAAM,GAAG,IAAI,SAAS,EAAE;YAC3B,UAAU,CAAC,IAAI,CAAC,eAAgB,CAAA,MAAA,CAAA,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG,GAAA,CAAA,MAAA,CAAI,GAAG,CAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,SAAS,CAAC,GAAwB,CAAC,CAAE,CAAC,CAAA;AACxG,SAAA;AACF,KAAA;AAED,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,UAAU,CAAC,IAAI,CAAC,wBAAiB,SAAS,CAAE,CAAC,CAAA;AAC9C,KAAA;AAED,IAAA,OAAO,UAAU,CAAA;AACnB,EAAC;AAEY,IAAA,oBAAoB,GAAG,UAClC,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,EAAA;AAEvB,IAAA,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;AAEvC,IAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;AACzE,KAAA;IAED,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU,CAAA;AAC1C,KAAA;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAC;AAEY,IAAA,YAAY,GAAG,UAC1B,SAAoB,EACpB,SAA6B,EAC7B,SAA0C,EAC1C,KAAc,EAAA;IAEd,IAAI,UAAU,GAAG,SAAS,CAAA;IAE1B,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAA;AAC7C,KAAA;IAED,IAAI,SAAS,KAAK,eAAe,EAAE;QACjC,UAAU,GAAG,KAAK,CAAA;AACnB,KAAA;IAED,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,UAAU,GAAG,KAAK,GAAG,YAAY,GAAG,aAAa,CAAA;AAClD,KAAA;IAED,IAAI,SAAS,KAAK,WAAW,EAAE;QAC7B,UAAU,GAAG,KAAK,GAAG,aAAa,GAAG,YAAY,CAAA;AAClD,KAAA;IAED,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,UAAU,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAA;AACnD,KAAA;AAED,IAAA,OAAO,UAAU,CAAA;AACnB;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/dropdown/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAIO,IAAM,sBAAsB,GAAG,UAAC,SAAqB,EAAA;IAC1D,IAAM,UAAU,GAAa,EAAE,CAAA;AAC/B,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,KAAK,IAAM,GAAG,IAAI,SAAS,EAAE;YAC3B,UAAU,CAAC,IAAI,CACb,eAAgB,CAAA,MAAA,CAAA,GAAG,KAAK,IAAI,GAAG,EAAE,GAAG,GAAA,CAAA,MAAA,CAAI,GAAG,CAAE,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,SAAS,CAAC,GAAwB,CAAC,CAAE,CACvF,CAAA;AACF,SAAA;AACF,KAAA;AAED,IAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,QAAA,UAAU,CAAC,IAAI,CAAC,wBAAiB,SAAS,CAAE,CAAC,CAAA;AAC9C,KAAA;AAED,IAAA,OAAO,UAAU,CAAA;AACnB,EAAC;AAEY,IAAA,oBAAoB,GAAG,UAClC,IAAmB,EACnB,aAA0B,EAC1B,aAAsB,EACtB,cAAuB,EAAA;AAEvB,IAAA,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAA;IAC9B,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAA;AAEvC,IAAA,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,CAAC,aAAa,IAAI,cAAc,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;AACzE,KAAA;IAED,KAAK,IAAI,aAAa,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAE/B,IAAA,IAAI,cAAc,EAAE;QAClB,KAAK,GAAG,CAAC,KAAK,GAAG,UAAU,IAAI,UAAU,CAAA;AAC1C,KAAA;IAED,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAC3D,EAAC;AAEY,IAAA,YAAY,GAAG,UAC1B,SAAoB,EACpB,SAA6B,EAC7B,SAA0C,EAC1C,KAAc,EAAA;IAEd,IAAI,UAAU,GAAG,SAAS,CAAA;IAE1B,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,UAAU,GAAG,KAAK,GAAG,SAAS,GAAG,WAAW,CAAA;AAC7C,KAAA;IAED,IAAI,SAAS,KAAK,eAAe,EAAE;QACjC,UAAU,GAAG,KAAK,CAAA;AACnB,KAAA;IAED,IAAI,SAAS,KAAK,SAAS,EAAE;QAC3B,UAAU,GAAG,KAAK,GAAG,YAAY,GAAG,aAAa,CAAA;AAClD,KAAA;IAED,IAAI,SAAS,KAAK,WAAW,EAAE;QAC7B,UAAU,GAAG,KAAK,GAAG,aAAa,GAAG,YAAY,CAAA;AAClD,KAAA;IAED,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,UAAU,GAAG,KAAK,GAAG,cAAc,GAAG,YAAY,CAAA;AACnD,KAAA;AAED,IAAA,OAAO,UAAU,CAAA;AACnB;;;;;;"}

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

@@ -1,13 +1,14 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CFormFeedbackProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
     /**
      * Method called immediately after the `value` prop changes.
      */
@@ -21,4 +22,4 @@ export interface CFormFeedbackProps extends HTMLAttributes<HTMLDivElement | HTML
      */
     valid?: boolean;
 }
-export declare const CFormFeedback: React.ForwardRefExoticComponent<CFormFeedbackProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+export declare const CFormFeedback: PolymorphicRefForwardingComponent<'div', CFormFeedbackProps>;

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

@@ -7,16 +7,16 @@ var index = require('../../node_modules/classnames/index.js');
 
 var CFormFeedback = React.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 = tslib_es6.__rest(_a, ["children", "className", "component", "invalid", "tooltip", "valid"]);
+    var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'div' : _c, className = _a.className, invalid = _a.invalid, tooltip = _a.tooltip, valid = _a.valid, rest = tslib_es6.__rest(_a, ["children", "as", "className", "invalid", "tooltip", "valid"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default((_b = {},
             _b["invalid-".concat(tooltip ? 'tooltip' : 'feedback')] = invalid,
             _b["valid-".concat(tooltip ? 'tooltip' : 'feedback')] = valid,
             _b), className) }, rest, { ref: ref }), children));
 });
 CFormFeedback.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
     invalid: PropTypes.bool,
     tooltip: PropTypes.bool,
     valid: PropTypes.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"CFormFeedback.js","sources":["../../../../src/components/form/CFormFeedback.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IA2Ba,aAAa,GAAGA,gBAAU,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,GAArFC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,CAAuF,CAAF,CAAA;AAGrF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACRC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,EAAA,EAAA,GAAA,EAAA;AAEjB,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,OAAO;AACxD,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,KAAK;iBAEtD,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"CFormFeedback.js","sources":["../../../../src/components/form/CFormFeedback.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IA8Ba,aAAa,GACxBA,gBAAU,CACR,UAAC,EAAgF,EAAE,GAAG,EAAA;;IAAnF,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAqB,GAAA,EAAA,CAAA,EAAA,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAK,IAAI,GAA9EC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,OAAA,CAAgF,CAAF,CAAA;AAC7E,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACRC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,EAAA,EAAA,GAAA,EAAA;AAEjB,YAAA,EAAA,CAAC,UAAW,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,OAAO;AACxD,YAAA,EAAA,CAAC,QAAS,CAAA,MAAA,CAAA,OAAO,GAAG,SAAS,GAAG,UAAU,CAAE,CAAA,GAAG,KAAK;iBAEtD,SAAS,CACV,EACG,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAEH,aAAa,CAAC,SAAS,GAAG;IACxB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,KAAK,EAAE,SAAS,CAAC,IAAI;CACtB,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

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

@@ -1,12 +1,13 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CFormTextProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
 }
-export declare const CFormText: React.ForwardRefExoticComponent<CFormTextProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+export declare const CFormText: PolymorphicRefForwardingComponent<'div', CFormTextProps>;

package/dist/cjs/components/form/CFormText.js

@@ -6,13 +6,13 @@ var PropTypes = require('prop-types');
 var index = require('../../node_modules/classnames/index.js');
 
 var CFormText = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'div' : _b, rest = tslib_es6.__rest(_a, ["children", "className", "component"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'div' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default('form-text', className) }, rest, { ref: ref }), children));
 });
 CFormText.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CFormText.displayName = 'CFormText';
 

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

@@ -1 +1 @@
-{"version":3,"file":"CFormText.js","sources":["../../../../src/components/form/CFormText.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAea,SAAS,GAAGA,gBAAU,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,GAAAC,gBAAA,CAAA,EAAA,EAA5D,sCAA8D,CAAF,CAAA;IAC3D,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,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;;;;"}
+{"version":3,"file":"CFormText.js","sources":["../../../../src/components/form/CFormText.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAiBa,SAAS,GAA6DA,gBAAU,CAG3F,UAAC,EAAuD,EAAE,GAAG,EAAA;AAA1D,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAqB,GAAA,EAAA,CAAA,EAAA,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAArD,+BAAuD,CAAF,CAAA;IACtD,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,WAAW,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EACzE,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -1,12 +1,13 @@
-import React, { ElementType, LabelHTMLAttributes } from 'react';
+import { ElementType, LabelHTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CInputGroupTextProps extends LabelHTMLAttributes<HTMLLabelElement | HTMLSpanElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
 }
-export declare const CInputGroupText: React.ForwardRefExoticComponent<CInputGroupTextProps & React.RefAttributes<HTMLLabelElement | HTMLSpanElement>>;
+export declare const CInputGroupText: PolymorphicRefForwardingComponent<'span', CInputGroupTextProps>;

package/dist/cjs/components/form/CInputGroupText.js

@@ -6,13 +6,13 @@ var PropTypes = require('prop-types');
 var index = require('../../node_modules/classnames/index.js');
 
 var CInputGroupText = React.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'span' : _b, rest = tslib_es6.__rest(_a, ["children", "className", "component"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'span' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default('input-group-text', className) }, rest, { ref: ref }), children));
 });
 CInputGroupText.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CInputGroupText.displayName = 'CInputGroupText';
 

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

@@ -1 +1 @@
-{"version":3,"file":"CInputGroupText.js","sources":["../../../../src/components/form/CInputGroupText.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAgBa,eAAe,GAAGA,gBAAU,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,GAAAC,gBAAA,CAAA,EAAA,EAA7D,sCAA+D,CAAF,CAAA;IAC5D,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,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;;;;"}
+{"version":3,"file":"CInputGroupText.js","sources":["../../../../src/components/form/CInputGroupText.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAkBa,eAAe,GAC1BA,gBAAU,CACR,UAAC,EAAwD,EAAE,GAAG,EAAA;AAA3D,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAsB,GAAA,EAAA,CAAA,EAAA,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAtD,+BAAwD,CAAF,CAAA;IACrD,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAChF,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAEH,eAAe,CAAC,SAAS,GAAG;IAC1B,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/cjs/components/header/CHeaderBrand.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType, AnchorHTMLAttributes } from 'react';
+import { ElementType, AnchorHTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CHeaderBrandProps extends AnchorHTMLAttributes<HTMLAnchorElement | HTMLSpanElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
 }
-export declare const CHeaderBrand: React.ForwardRefExoticComponent<CHeaderBrandProps & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>>;
+export declare const CHeaderBrand: PolymorphicRefForwardingComponent<'a', CHeaderBrandProps>;

package/dist/cjs/components/header/CHeaderBrand.js

@@ -6,13 +6,13 @@ var PropTypes = require('prop-types');
 var index = require('../../node_modules/classnames/index.js');
 
 var CHeaderBrand = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "component", "className"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default('header-brand', className) }, rest, { ref: ref }), children));
 });
 CHeaderBrand.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CHeaderBrand.displayName = 'CHeaderBrand';
 

package/dist/cjs/components/header/CHeaderBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"CHeaderBrand.js","sources":["../../../../src/components/header/CHeaderBrand.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAgBa,YAAY,GAAGA,gBAAU,CACpC,UAAC,EAA4D,EAAE,GAAG,EAAA;AAA/D,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAA0B,GAAA,EAAA,CAAA,SAAA,EAAf,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA1D,sCAA4D,CAAF,CAAA;IACzD,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAC5E,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"CHeaderBrand.js","sources":["../../../../src/components/header/CHeaderBrand.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAkBa,YAAY,GAA8DA,gBAAU,CAG/F,UAAC,EAAqD,EAAE,GAAG,EAAA;AAAxD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAmB,GAAA,EAAA,CAAA,EAAA,EAAf,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAAnD,+BAAqD,CAAF,CAAA;IACpD,QACE,oBAAC,SAAS,EAAAC,kBAAA,CAAA,EAAC,SAAS,EAAEC,aAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,GAAG,EAC5E,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/cjs/components/header/CHeaderNav.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CHeaderNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
 }
-export declare const CHeaderNav: React.ForwardRefExoticComponent<CHeaderNavProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;
+export declare const CHeaderNav: PolymorphicRefForwardingComponent<'ul', CHeaderNavProps>;

package/dist/cjs/components/header/CHeaderNav.js

@@ -6,13 +6,13 @@ var PropTypes = require('prop-types');
 var index = require('../../node_modules/classnames/index.js');
 
 var CHeaderNav = React.forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "component", "className"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = tslib_es6.__rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, tslib_es6.__assign({ className: index.default('header-nav', className), role: "navigation" }, rest, { ref: ref }), children));
 });
 CHeaderNav.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CHeaderNav.displayName = 'CHeaderNav';
 

package/dist/cjs/components/header/CHeaderNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CHeaderNav.js","sources":["../../../../src/components/header/CHeaderNav.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAea,UAAU,GAAGA,gBAAU,CAClC,UAAC,EAA6D,EAAE,GAAG,EAAA;AAAhE,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAA2B,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IAC1D,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACRC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,IAAI,EAAC,YAAY,EACb,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;CACjC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"CHeaderNav.js","sources":["../../../../src/components/header/CHeaderNav.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","__assign","classNames"],"mappings":";;;;;;;IAiBa,UAAU,GAA6DA,gBAAU,CAG5F,UAAC,EAAsD,EAAE,GAAG,EAAA;AAAzD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAoB,GAAA,EAAA,CAAA,EAAA,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAAC,gBAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF,CAAA;IACrD,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACRC,kBAAA,CAAA,EAAA,SAAS,EAAEC,aAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,IAAI,EAAC,YAAY,EACb,EAAA,IAAI,EACR,EAAA,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/components/link/CLink.d.ts

@@ -1,17 +1,18 @@
-import React, { AllHTMLAttributes, ElementType } from 'react';
-export interface CLinkProps extends AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> {
+import { AllHTMLAttributes, ElementType } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
+export interface CLinkProps extends Omit<AllHTMLAttributes<HTMLButtonElement | HTMLAnchorElement>, 'as'> {
     /**
      * Toggle the active state for the component.
      */
     active?: boolean;
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
     /**
      * Toggle the disabled state for the component.
      */
@@ -21,4 +22,4 @@ export interface CLinkProps extends AllHTMLAttributes<HTMLButtonElement | HTMLAn
      */
     href?: string;
 }
-export declare const CLink: React.ForwardRefExoticComponent<CLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare const CLink: PolymorphicRefForwardingComponent<'a', CLinkProps>;

package/dist/cjs/components/link/CLink.js

@@ -6,7 +6,7 @@ var PropTypes = require('prop-types');
 var index = require('../../node_modules/classnames/index.js');
 
 var CLink = React.forwardRef(function (_a, ref) {
-    var children = _a.children, active = _a.active, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'a' : _b, disabled = _a.disabled, rest = tslib_es6.__rest(_a, ["children", "active", "className", "component", "disabled"]);
+    var children = _a.children, active = _a.active, _b = _a.as, Component = _b === void 0 ? 'a' : _b, className = _a.className, disabled = _a.disabled, rest = tslib_es6.__rest(_a, ["children", "active", "as", "className", "disabled"]);
     return (React.createElement(Component
     // TODO: remove duplicated classes ex. `active active` in `<CListGroupItem>`
     , tslib_es6.__assign({ 
@@ -20,9 +20,9 @@ var CLink = React.forwardRef(function (_a, ref) {
 });
 CLink.propTypes = {
     active: PropTypes.bool,
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
     disabled: PropTypes.bool,
 };
 CLink.displayName = 'CLink';

package/dist/cjs/components/link/CLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CLink.js","sources":["../../../../src/components/link/CLink.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","classNames"],"mappings":";;;;;;;IA2Ba,KAAK,GAAGA,gBAAU,CAC7B,UAAC,EAA8E,EAAE,GAAG,EAAA;IAAjF,IAAA,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAA0B,GAAA,EAAA,CAAA,SAAA,EAAf,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,GAA5EC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,CAA8E,CAAF,CAAA;IAC3E,QACE,oBAAC,SAAS;;;;QAER,SAAS,EAAEC,aAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAA,MAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC,EAClD,GAAC,MAAM,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,IACpC,SAAS,KAAK,GAAG,IAAI,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IACxE,CAAC,SAAS,KAAK,GAAG,IAAI,SAAS,KAAK,QAAQ,KAAK;QACpD,OAAO,EAAE,UAAC,KAAwD,EAAA;YAChE,KAAK,CAAC,cAAc,CAAA;AACpB,YAAA,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;SACjD;AACF,KAAA,GACD,EAAA,QAAQ,EAAE,QAAQ,IACd,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,KAAK,CAAC,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"CLink.js","sources":["../../../../src/components/link/CLink.tsx"],"sourcesContent":[null],"names":["forwardRef","__rest","classNames"],"mappings":";;;;;;;IA8Ba,KAAK,GAAuDA,gBAAU,CAGjF,UAAC,EAAuE,EAAE,GAAG,EAAA;IAA1E,IAAA,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAmB,EAAf,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,GAAG,KAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,GAArEC,gBAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAA,UAAA,CAAuE,CAAF,CAAA;IACtE,QACE,oBAAC,SAAS;;;;QAER,SAAS,EAAEC,aAAU,CAAC,SAAS,EAAE,EAAE,MAAM,EAAA,MAAA,EAAE,QAAQ,EAAA,QAAA,EAAE,CAAC,EAClD,GAAC,MAAM,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,IACpC,SAAS,KAAK,GAAG,IAAI,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,IACxE,CAAC,SAAS,KAAK,GAAG,IAAI,SAAS,KAAK,QAAQ,KAAK;QACpD,OAAO,EAAE,UAAC,KAAwD,EAAA;YAChE,KAAK,CAAC,cAAc,CAAA;AACpB,YAAA,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;SACjD;AACF,KAAA,GACD,EAAA,QAAQ,EAAE,QAAQ,IACd,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/cjs/components/list-group/CListGroup.d.ts

@@ -1,13 +1,14 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CListGroupProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
     /**
-     * A string of all className you want applied to the component.
+     * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    className?: string;
+    as?: ElementType;
     /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
+     * A string of all className you want applied to the component.
      */
-    component?: string | ElementType;
+    className?: string;
     /**
      * Remove some borders and rounded corners to render list group items edge-to-edge in a parent component (e.g., `<CCard>`).
      */
@@ -17,4 +18,4 @@ export interface CListGroupProps extends HTMLAttributes<HTMLDivElement | HTMLULi
      */
     layout?: 'horizontal' | 'horizontal-sm' | 'horizontal-md' | 'horizontal-lg' | 'horizontal-xl' | 'horizontal-xxl';
 }
-export declare const CListGroup: React.ForwardRefExoticComponent<CListGroupProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;
+export declare const CListGroup: PolymorphicRefForwardingComponent<'ul', CListGroupProps>;

package/dist/cjs/components/list-group/CListGroup.js

@@ -6,7 +6,7 @@ var index = require('../../node_modules/classnames/index.js');
 
 var CListGroup = React.forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, className = _a.className, _c = _a.component, Component = _c === void 0 ? 'ul' : _c, flush = _a.flush, layout = _a.layout;
+    var children = _a.children, _c = _a.as, Component = _c === void 0 ? 'ul' : _c, className = _a.className, flush = _a.flush, layout = _a.layout;
     return (React.createElement(Component, { className: index.default('list-group', (_b = {
                 'list-group-flush': flush
             },
@@ -14,9 +14,9 @@ var CListGroup = React.forwardRef(function (_a, ref) {
             _b), className), ref: ref }, children));
 });
 CListGroup.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
     flush: PropTypes.bool,
     layout: PropTypes.oneOf([
         'horizontal',

package/dist/cjs/components/list-group/CListGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","classNames"],"mappings":";;;;;;IA6Ba,UAAU,GAAGA,gBAAU,CAClC,UAAC,EAAmE,EAAE,GAAG,EAAA;;AAAtE,IAAA,IAAA,QAAQ,cAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,iBAA2B,EAAhB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,KAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAChE,QACE,oBAAC,SAAS,EAAA,EACR,SAAS,EAAEC,aAAU,CACnB,YAAY,GAAA,EAAA,GAAA;AAEV,gBAAA,kBAAkB,EAAE,KAAK;;AACzB,YAAA,EAAA,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;iBAElC,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EAEP,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,WAAW;IAChC,KAAK,EAAE,SAAS,CAAC,IAAI;AACrB,IAAA,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,eAAe;QACf,eAAe;QACf,gBAAgB;KACjB,CAAC;CACH,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":["forwardRef","classNames"],"mappings":";;;;;;IA+Ba,UAAU,GAA6DA,gBAAU,CAG5F,UAAC,EAA4D,EAAE,GAAG,EAAA;;AAA/D,IAAA,IAAA,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,EAAoB,EAAhB,SAAS,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,eAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,CAAA;IAC3D,QACE,oBAAC,SAAS,EAAA,EACR,SAAS,EAAEC,aAAU,CACnB,YAAY,GAAA,EAAA,GAAA;AAEV,gBAAA,kBAAkB,EAAE,KAAK;;AACzB,YAAA,EAAA,CAAC,aAAc,CAAA,MAAA,CAAA,MAAM,CAAE,CAAA,GAAG,MAAM;iBAElC,SAAS,CACV,EACD,GAAG,EAAE,GAAG,EAEP,EAAA,QAAQ,CACC,EACb;AACH,CAAC,EAAC;AAEF,UAAU,CAAC,SAAS,GAAG;IACrB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,IAAI;AACrB,IAAA,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC;QACtB,YAAY;QACZ,eAAe;QACf,eAAe;QACf,eAAe;QACf,eAAe;QACf,gBAAgB;KACjB,CAAC;CACH,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/cjs/components/list-group/CListGroupItem.d.ts

@@ -1,10 +1,15 @@
-import React, { ElementType, AnchorHTMLAttributes } from 'react';
+import { ElementType, AnchorHTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 import type { Colors } from '../../types';
 export interface CListGroupItemProps extends AnchorHTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement> {
     /**
      * Toggle the active state for the component.
      */
     active?: boolean;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    as?: ElementType;
     /**
      * A string of all className you want applied to the component.
      */
@@ -19,9 +24,5 @@ export interface CListGroupItemProps extends AnchorHTMLAttributes<HTMLLIElement
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ElementType;
 }
-export declare const CListGroupItem: React.ForwardRefExoticComponent<CListGroupItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;
+export declare const CListGroupItem: PolymorphicRefForwardingComponent<'li', CListGroupItemProps>;