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

package/dist/esm/components/dropdown/CDropdownHeader.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CDropdownHeader = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'h6' : _b, rest = __rest(_a, ["children", "className", "component"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'h6' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, __assign({ className: classNames('dropdown-header', className) }, rest, { ref: ref }), children));
 });
 CDropdownHeader.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CDropdownHeader.displayName = 'CDropdownHeader';
 

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

@@ -1 +1 @@
-{"version":3,"file":"CDropdownHeader.js","sources":["../../../../src/components/dropdown/CDropdownHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,eAAe,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IAC1D,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,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":[],"mappings":";;;;;IAiBa,eAAe,GAC1B,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF,CAAA;IACnD,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,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/esm/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/esm/components/dropdown/CDropdownItem.js

@@ -5,13 +5,13 @@ import classNames from '../../node_modules/classnames/index.js';
 import { CLink } from '../link/CLink.js';
 
 var CDropdownItem = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, component = _b === void 0 ? 'a' : _b, rest = __rest(_a, ["children", "className", "component"]);
-    return (React.createElement(CLink, __assign({ className: classNames('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 = __rest(_a, ["children", "as", "className"]);
+    return (React.createElement(CLink, __assign({ className: classNames('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/esm/components/dropdown/CDropdownItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CDropdownItem.js","sources":["../../../../src/components/dropdown/CDropdownItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiBa,aAAa,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA/C,sCAAiD,CAAF,CAAA;IAC9C,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,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":[],"mappings":";;;;;;IAea,aAAa,GAA+D,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAAxC,+BAA0C,CAAF,CAAA;IACzC,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,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/esm/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/esm/components/dropdown/CDropdownItemPlain.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CDropdownItemPlain = 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 children = _a.children, _b = _a.as, Component = _b === void 0 ? 'span' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, __assign({ className: classNames('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/esm/components/dropdown/CDropdownItemPlain.js.map

@@ -1 +1 @@
-{"version":3,"file":"CDropdownItemPlain.js","sources":["../../../../src/components/dropdown/CDropdownItemPlain.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,kBAAkB,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA7D,sCAA+D,CAAF,CAAA;IAC5D,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,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":[],"mappings":";;;;;IAiBa,kBAAkB,GAG3B,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAAtD,+BAAwD,CAAF,CAAA;IACrD,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,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/esm/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/esm/components/dropdown/CDropdownMenu.js

@@ -9,7 +9,7 @@ import '@popperjs/core';
 import { getAlignmentClassNames } from './utils.js';
 
 var CDropdownMenu = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, rest = __rest(_a, ["children", "className", "component"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     var _c = useContext(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(ref, dropdownMenuRef);
     return (React.createElement(CConditionalPortal, { container: container, portal: portal !== null && portal !== void 0 ? portal : false },
@@ -25,9 +25,9 @@ var CDropdownMenu = forwardRef(function (_a, ref) {
             : children)));
 });
 CDropdownMenu.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CDropdownMenu.displayName = 'CDropdownMenu';
 

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

@@ -1 +1 @@
-{"version":3,"file":"CDropdownMenu.js","sources":["../../../../src/components/dropdown/CDropdownMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;IAsBa,aAAa,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IACpD,IAAA,EAAA,GACJ,UAAU,CAAC,gBAAgB,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,GAAG,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAEpD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,kBAAkB,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,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,eAAe,EACf;AACE,gBAAA,IAAI,EAAE,OAAO;aACd,EACD,SAAS,IAAI,sBAAsB,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":[],"mappings":";;;;;;;;;;IAuBa,aAAa,GACxB,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF,CAAA;IAC7C,IAAA,EAAA,GACJ,UAAU,CAAC,gBAAgB,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,GAAG,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,CAAA;AAEpD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,kBAAkB,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,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,eAAe,EACf;AACE,gBAAA,IAAI,EAAE,OAAO;aACd,EACD,SAAS,IAAI,sBAAsB,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/esm/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-rc.0
+     * @since v5.0.0-rc.1
      */
     navLink?: boolean;
     /**

package/dist/esm/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/esm/components/form/CFormFeedback.js

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

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

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

@@ -4,13 +4,13 @@ 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"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'div' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, __assign({ className: classNames('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/esm/components/form/CFormText.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"CFormText.js","sources":["../../../../src/components/form/CFormText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAiBa,SAAS,GAA6D,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAArD,+BAAuD,CAAF,CAAA;IACtD,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,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/esm/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/esm/components/form/CInputGroupText.js

@@ -4,13 +4,13 @@ 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"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'span' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, __assign({ className: classNames('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/esm/components/form/CInputGroupText.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"CInputGroupText.js","sources":["../../../../src/components/form/CInputGroupText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAkBa,eAAe,GAC1B,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAAtD,+BAAwD,CAAF,CAAA;IACrD,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;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/esm/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/esm/components/header/CHeaderBrand.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CHeaderBrand = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'a' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, __assign({ className: classNames('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/esm/components/header/CHeaderBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"CHeaderBrand.js","sources":["../../../../src/components/header/CHeaderBrand.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAgBa,YAAY,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA1D,sCAA4D,CAAF,CAAA;IACzD,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,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":[],"mappings":";;;;;IAkBa,YAAY,GAA8D,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAAnD,+BAAqD,CAAF,CAAA;IACpD,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,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/esm/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/esm/components/header/CHeaderNav.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CHeaderNav = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.component, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
     return (React.createElement(Component, __assign({ className: classNames('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/esm/components/header/CHeaderNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CHeaderNav.js","sources":["../../../../src/components/header/CHeaderNav.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,UAAU,GAAG,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAA3D,sCAA6D,CAAF,CAAA;IAC1D,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,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":[],"mappings":";;;;;IAiBa,UAAU,GAA6D,UAAU,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,GAAA,MAAA,CAAA,EAAA,EAApD,+BAAsD,CAAF,CAAA;IACrD,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,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/esm/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/esm/components/link/CLink.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CLink = 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 = __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 = __rest(_a, ["children", "active", "as", "className", "disabled"]);
     return (React.createElement(Component
     // TODO: remove duplicated classes ex. `active active` in `<CListGroupItem>`
     , __assign({ 
@@ -18,9 +18,9 @@ var CLink = 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/esm/components/link/CLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"CLink.js","sources":["../../../../src/components/link/CLink.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IA2Ba,KAAK,GAAG,UAAU,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,GAA5E,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,CAA8E,CAAF,CAAA;IAC3E,QACE,oBAAC,SAAS;;;;QAER,SAAS,EAAE,UAAU,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":[],"mappings":";;;;;IA8Ba,KAAK,GAAuD,UAAU,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,GAArE,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAA,UAAA,CAAuE,CAAF,CAAA;IACtE,QACE,oBAAC,SAAS;;;;QAER,SAAS,EAAE,UAAU,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/esm/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/esm/components/list-group/CListGroup.js

@@ -4,7 +4,7 @@ import classNames from '../../node_modules/classnames/index.js';
 
 var CListGroup = 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: classNames('list-group', (_b = {
                 'list-group-flush': flush
             },
@@ -12,9 +12,9 @@ var CListGroup = 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/esm/components/list-group/CListGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CListGroup.js","sources":["../../../../src/components/list-group/CListGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;IA6Ba,UAAU,GAAG,UAAU,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,EAAE,UAAU,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":[],"mappings":";;;;IA+Ba,UAAU,GAA6D,UAAU,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,EAAE,UAAU,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/esm/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>;