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

package/dist/esm/components/navbar/CNavbarNav.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CNavbarNavProps 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 CNavbarNav: React.ForwardRefExoticComponent<CNavbarNavProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;
+export declare const CNavbarNav: PolymorphicRefForwardingComponent<'ul', CNavbarNavProps>;

package/dist/esm/components/navbar/CNavbarNav.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CNavbarNav = 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"]);
-    return (React.createElement(Component, __assign({ className: classNames('navbar-nav', className), role: "navigation" }, rest, { ref: ref }), children));
+    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('navbar-nav', className), role: "navigation", ref: ref }, rest), children));
 });
 CNavbarNav.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CNavbarNav.displayName = 'CNavbarNav';
 

package/dist/esm/components/navbar/CNavbarNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CNavbarNav.js","sources":["../../../../src/components/navbar/CNavbarNav.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":"CNavbarNav.js","sources":["../../../../src/components/navbar/CNavbarNav.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,EACjB,GAAG,EAAE,GAAG,EACJ,EAAA,IAAI,CAEP,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/offcanvas/COffcanvasTitle.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface COffcanvasTitleProps extends HTMLAttributes<HTMLHeadingElement> {
     /**
-     * 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 COffcanvasTitle: React.ForwardRefExoticComponent<COffcanvasTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const COffcanvasTitle: PolymorphicRefForwardingComponent<'h5', COffcanvasTitleProps>;

package/dist/esm/components/offcanvas/COffcanvasTitle.js

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

package/dist/esm/components/offcanvas/COffcanvasTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"COffcanvasTitle.js","sources":["../../../../src/components/offcanvas/COffcanvasTitle.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAea,eAAe,GAAG,UAAU,CACvC,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,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":"COffcanvasTitle.js","sources":["../../../../src/components/offcanvas/COffcanvasTitle.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/pagination/CPaginationItem.d.ts

@@ -1,4 +1,5 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CPaginationItemProps extends HTMLAttributes<HTMLAnchorElement> {
     /**
      * Toggle the active state for the component.
@@ -7,10 +8,10 @@ export interface CPaginationItemProps extends HTMLAttributes<HTMLAnchorElement>
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component?: string | ElementType;
+    as?: string | ElementType;
     /**
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
 }
-export declare const CPaginationItem: React.ForwardRefExoticComponent<CPaginationItemProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const CPaginationItem: PolymorphicRefForwardingComponent<'a', CPaginationItemProps>;

package/dist/esm/components/pagination/CPaginationItem.js

@@ -5,17 +5,17 @@ import classNames from '../../node_modules/classnames/index.js';
 import { CLink } from '../link/CLink.js';
 
 var CPaginationItem = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, component = _a.component, rest = __rest(_a, ["children", "className", "component"]);
-    var Component = component !== null && component !== void 0 ? component : (rest.active ? 'span' : 'a');
+    var children = _a.children, as = _a.as, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
+    var Component = as !== null && as !== void 0 ? as : (rest.active ? 'span' : 'a');
     return (React.createElement("li", __assign({ className: classNames('page-item', {
             active: rest.active,
             disabled: rest.disabled,
-        }, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React.createElement(CLink, __assign({ className: "page-link", component: Component }, rest, { ref: ref }), children)) : (React.createElement(Component, { className: "page-link", ref: ref }, children))));
+        }, className) }, (rest.active && { 'aria-current': 'page' })), Component === 'a' ? (React.createElement(CLink, __assign({ className: "page-link", as: Component }, rest, { ref: ref }), children)) : (React.createElement(Component, { className: "page-link", ref: ref }, children))));
 });
 CPaginationItem.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
-    component: PropTypes.elementType,
 };
 CPaginationItem.displayName = 'CPaginationItem';
 

package/dist/esm/components/pagination/CPaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CPaginationItem.js","sources":["../../../../src/components/pagination/CPaginationItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAqBa,eAAe,GAAG,UAAU,CACvC,UAAC,EAA2C,EAAE,GAAG,EAAA;AAA9C,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAzC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,CAA2C,CAAF,CAAA;IACxC,IAAM,SAAS,GAAG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,IAAK,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,CAAA;AAE3D,IAAA,QACE,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,WAAW,EACX;YACE,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,SAAA,EACD,SAAS,CACV,EACG,GAAC,IAAI,CAAC,MAAM,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,EAE7C,EAAA,SAAS,KAAK,GAAG,IAChB,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,QAAA,CAAA,EAAA,SAAS,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,EAClE,QAAQ,CACH,KAER,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,EAAA,EACtC,QAAQ,CACC,CACb,CACE,EACN;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":"CPaginationItem.js","sources":["../../../../src/components/pagination/CPaginationItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAuBa,eAAe,GAC1B,UAAU,CACR,UAAC,EAAoC,EAAE,GAAG,EAAA;AAAvC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,EAAE,GAAA,EAAA,CAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,IAAI,GAAlC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,WAAA,CAAoC,CAAF,CAAA;IACjC,IAAM,SAAS,GAAG,EAAE,KAAA,IAAA,IAAF,EAAE,KAAF,KAAA,CAAA,GAAA,EAAE,IAAK,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,CAAA;AAEpD,IAAA,QACE,KACE,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,WAAW,EACX;YACE,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACxB,SAAA,EACD,SAAS,CACV,EACG,GAAC,IAAI,CAAC,MAAM,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,EAE7C,EAAA,SAAS,KAAK,GAAG,IAChB,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,QAAA,CAAA,EAAA,SAAS,EAAC,WAAW,EAAC,EAAE,EAAE,SAAS,EAAA,EAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,EAC3D,QAAQ,CACH,KAER,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,EAAA,EACtC,QAAQ,CACC,CACb,CACE,EACN;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/placeholder/CPlaceholder.d.ts

@@ -1,10 +1,15 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 import type { Colors } from '../../types';
 export interface CPlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Set animation type to better convey the perception of something being actively loaded.
      */
     animation?: 'glow' | 'wave';
+    /**
+     * 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.
      */
@@ -15,10 +20,6 @@ export interface CPlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
      * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
      */
     color?: Colors;
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ElementType;
     /**
      * Size the component extra small, small, or large.
      */
@@ -48,4 +49,4 @@ export interface CPlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
      */
     xxl?: number;
 }
-export declare const CPlaceholder: React.ForwardRefExoticComponent<CPlaceholderProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const CPlaceholder: PolymorphicRefForwardingComponent<'span', CPlaceholderProps>;

package/dist/esm/components/placeholder/CPlaceholder.js

@@ -14,7 +14,7 @@ var BREAKPOINTS = [
 ];
 var CPlaceholder = forwardRef(function (_a, ref) {
     var _b;
-    var children = _a.children, animation = _a.animation, className = _a.className, color = _a.color, _c = _a.component, Component = _c === void 0 ? 'span' : _c, size = _a.size, rest = __rest(_a, ["children", "animation", "className", "color", "component", "size"]);
+    var children = _a.children, animation = _a.animation, _c = _a.as, Component = _c === void 0 ? 'span' : _c, className = _a.className, color = _a.color, size = _a.size, rest = __rest(_a, ["children", "animation", "as", "className", "color", "size"]);
     var repsonsiveClassNames = [];
     BREAKPOINTS.forEach(function (bp) {
         var breakpoint = rest[bp];
@@ -34,10 +34,10 @@ var CPlaceholder = forwardRef(function (_a, ref) {
 });
 CPlaceholder.propTypes = {
     animation: PropTypes.oneOf(['glow', 'wave']),
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
     color: colorPropType,
-    component: PropTypes.elementType,
     size: PropTypes.oneOf(['xs', 'sm', 'lg']),
 };
 CPlaceholder.displayName = 'CPlaceholder';

package/dist/esm/components/placeholder/CPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"CPlaceholder.js","sources":["../../../../src/components/placeholder/CPlaceholder.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAwDA,IAAM,WAAW,GAAG;IAClB,KAAc;IACd,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;CACd,CAAA;IAEY,YAAY,GAAG,UAAU,CACpC,UACE,EAAuF,EACvF,GAAG,EAAA;;IADD,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,iBAA6B,EAAlB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAArF,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,CAAuF,CAAF,CAAA;IAGrF,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAA,WAAW,CAAC,OAAO,CAAC,UAAC,EAAE,EAAA;AACrB,QAAA,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,CAAA;AAEf,QAAA,IAAM,KAAK,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,GAAI,CAAA,MAAA,CAAA,EAAE,CAAE,CAAA;AAEzC,QAAA,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,oBAAoB,CAAC,IAAI,CAAC,KAAA,CAAA,MAAA,CAAM,KAAK,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,UAAU,CAAE,CAAC,CAAA;AACvD,SAAA;AAED,QAAA,IAAI,OAAO,UAAU,KAAK,SAAS,EAAE;AACnC,YAAA,oBAAoB,CAAC,IAAI,CAAC,aAAM,KAAK,CAAE,CAAC,CAAA;AACzC,SAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,aACR,SAAS,EAAE,UAAU,CACnB,SAAS,GAAG,cAAe,CAAA,MAAA,CAAA,SAAS,CAAE,GAAG,aAAa,GAAA,EAAA,GAAA,EAAA;AAEpD,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAE/B,YAAA,EAAA,GAAA,oBAAoB,EACpB,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,SAAS,CAAC,WAAW;AAChC,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;CAC1C,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"CPlaceholder.js","sources":["../../../../src/components/placeholder/CPlaceholder.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAyDA,IAAM,WAAW,GAAG;IAClB,KAAc;IACd,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;IACb,IAAa;CACd,CAAA;IAEY,YAAY,GACvB,UAAU,CACR,UAAC,EAAgF,EAAE,GAAG,EAAA;;IAAnF,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,EAAsB,GAAA,EAAA,CAAA,EAAA,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAK,IAAI,GAA9E,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,IAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,CAAgF,CAAF,CAAA;IAC7E,IAAM,oBAAoB,GAAa,EAAE,CAAA;AAEzC,IAAA,WAAW,CAAC,OAAO,CAAC,UAAC,EAAE,EAAA;AACrB,QAAA,IAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,CAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,EAAE,CAAC,CAAA;AAEf,QAAA,IAAM,KAAK,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,GAAG,GAAI,CAAA,MAAA,CAAA,EAAE,CAAE,CAAA;AAEzC,QAAA,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,oBAAoB,CAAC,IAAI,CAAC,KAAA,CAAA,MAAA,CAAM,KAAK,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,UAAU,CAAE,CAAC,CAAA;AACvD,SAAA;AAED,QAAA,IAAI,OAAO,UAAU,KAAK,SAAS,EAAE;AACnC,YAAA,oBAAoB,CAAC,IAAI,CAAC,aAAM,KAAK,CAAE,CAAC,CAAA;AACzC,SAAA;AACH,KAAC,CAAC,CAAA;AAEF,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,aACR,SAAS,EAAE,UAAU,CACnB,SAAS,GAAG,cAAe,CAAA,MAAA,CAAA,SAAS,CAAE,GAAG,aAAa,GAAA,EAAA,GAAA,EAAA;AAEpD,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,cAAe,CAAA,MAAA,CAAA,IAAI,CAAE,CAAA,GAAG,IAAI;AAE/B,YAAA,EAAA,GAAA,oBAAoB,EACpB,SAAS,CACV,EAAA,EACG,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,QAAQ,CACC,EACb;AACH,CAAC,EACF;AAEH,YAAY,CAAC,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;CAC1C,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/components/popover/CPopover.js

@@ -11,10 +11,11 @@ import getRTLPlacement from '../../utils/getRTLPlacement.js';
 import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
 
 var CPopover = forwardRef(function (_a, ref) {
-    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 8] : _e, onHide = _a.onHide, onShow = _a.onShow, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, title = _a.title, _g = _a.trigger, trigger = _g === void 0 ? 'click' : _g, visible = _a.visible, rest = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
+    var children = _a.children, _b = _a.animation, animation = _b === void 0 ? true : _b, className = _a.className, container = _a.container, content = _a.content, _c = _a.delay, delay = _c === void 0 ? 0 : _c, _d = _a.fallbackPlacements, fallbackPlacements = _d === void 0 ? ['top', 'right', 'bottom', 'left'] : _d, _e = _a.offset, offset = _e === void 0 ? [0, 8] : _e, onHide = _a.onHide; _a.onShow; var _f = _a.placement, placement = _f === void 0 ? 'top' : _f, title = _a.title, _g = _a.trigger, trigger = _g === void 0 ? 'click' : _g, visible = _a.visible, rest = __rest(_a, ["children", "animation", "className", "container", "content", "delay", "fallbackPlacements", "offset", "onHide", "onShow", "placement", "title", "trigger", "visible"]);
     var popoverRef = useRef(null);
     var togglerRef = useRef(null);
     var forkedRef = useForkedRef(ref, popoverRef);
+    var uID = useRef("popover".concat(Math.floor(Math.random() * 1000000)));
     var _h = usePopper(), initPopper = _h.initPopper, destroyPopper = _h.destroyPopper;
     var _j = useState(visible), _visible = _j[0], setVisible = _j[1];
     var _delay = typeof delay === 'number' ? { show: delay, hide: delay } : delay;
@@ -44,14 +45,6 @@ var CPopover = forwardRef(function (_a, ref) {
     useEffect(function () {
         setVisible(visible);
     }, [visible]);
-    useEffect(function () {
-        if (_visible && togglerRef.current && popoverRef.current) {
-            initPopper(togglerRef.current, popoverRef.current, popperConfig);
-        }
-        return function () {
-            destroyPopper();
-        };
-    }, [_visible]);
     var toggleVisible = function (visible) {
         if (visible) {
             setTimeout(function () { return setVisible(true); }, _delay.show);
@@ -60,7 +53,9 @@ var CPopover = forwardRef(function (_a, ref) {
         setTimeout(function () { return setVisible(false); }, _delay.hide);
     };
     return (React.createElement(React.Fragment, null,
-        React.cloneElement(children, __assign(__assign(__assign({ ref: togglerRef }, ((trigger === 'click' || trigger.includes('click')) && {
+        React.cloneElement(children, __assign(__assign(__assign(__assign(__assign({}, (_visible && {
+            'aria-describedby': uID.current,
+        })), { ref: togglerRef }), ((trigger === 'click' || trigger.includes('click')) && {
             onClick: function () { return toggleVisible(!_visible); },
         })), ((trigger === 'focus' || trigger.includes('focus')) && {
             onFocus: function () { return toggleVisible(true); },
@@ -70,7 +65,17 @@ var CPopover = forwardRef(function (_a, ref) {
             onMouseLeave: function () { return toggleVisible(false); },
         }))),
         React.createElement(CConditionalPortal, { container: container, portal: true },
-            React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: onShow, onExit: onHide, timeout: {
+            React.createElement(Transition, { in: _visible, mountOnEnter: true, nodeRef: popoverRef, onEnter: function () {
+                    if (togglerRef.current && popoverRef.current) {
+                        initPopper(togglerRef.current, popoverRef.current, popperConfig);
+                    }
+                }, onEntering: function () {
+                    if (togglerRef.current && popoverRef.current) {
+                        popoverRef.current.style.display = 'initial';
+                    }
+                }, onExit: onHide, onExited: function () {
+                    destroyPopper();
+                }, timeout: {
                     enter: 0,
                     exit: popoverRef.current
                         ? getTransitionDurationFromElement(popoverRef.current) + 50
@@ -78,7 +83,9 @@ var CPopover = forwardRef(function (_a, ref) {
                 }, unmountOnExit: true }, function (state) { return (React.createElement("div", __assign({ className: classNames('popover', 'bs-popover-auto', {
                     fade: animation,
                     show: state === 'entered',
-                }, className), ref: forkedRef, role: "tooltip" }, rest),
+                }, className), id: uID.current, ref: forkedRef, role: "tooltip", style: {
+                    display: 'none',
+                } }, rest),
                 React.createElement("div", { className: "popover-arrow" }),
                 React.createElement("div", { className: "popover-header" }, title),
                 React.createElement("div", { className: "popover-body" }, content))); }))));

package/dist/esm/components/popover/CPopover.js.map

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

package/dist/esm/components/sidebar/CSidebarBrand.d.ts

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

package/dist/esm/components/sidebar/CSidebarBrand.js

@@ -4,10 +4,11 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CSidebarBrand = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", __assign({ className: classNames('sidebar-brand', className), ref: ref }, rest), children));
+    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('sidebar-brand', className), ref: ref }, rest), children));
 });
 CSidebarBrand.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
 };

package/dist/esm/components/sidebar/CSidebarBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSidebarBrand.js","sources":["../../../../src/components/sidebar/CSidebarBrand.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,aAAa,GAAG,UAAU,CACrC,UAAC,EAAgC,EAAE,GAAG,EAAA;IAAnC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,GAA9B,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAAgC,CAAF,CAAA;IAC7B,QACE,sCAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAM,EAAA,IAAI,GACvE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"CSidebarBrand.js","sources":["../../../../src/components/sidebar/CSidebarBrand.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAmBa,aAAa,GAA+D,UAAU,CAGjG,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,eAAe,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EAAM,IAAI,CAC7E,EAAA,QAAQ,CACC,EACb;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/sidebar/CSidebarNav.d.ts

@@ -1,5 +1,12 @@
-import React, { HTMLAttributes } from 'react';
+import React, { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 export interface CSidebarNavProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     * @since 5.0.0-rc.1
+     */
+    as?: ElementType;
     /**
      * A string of all className you want applied to the component.
      */
@@ -10,5 +17,5 @@ interface ContextProps {
     setVisibleGroup: React.Dispatch<React.SetStateAction<string | undefined>>;
 }
 export declare const CNavContext: React.Context<ContextProps>;
-export declare const CSidebarNav: React.ForwardRefExoticComponent<CSidebarNavProps & React.RefAttributes<HTMLUListElement>>;
+export declare const CSidebarNav: PolymorphicRefForwardingComponent<'ul', CSidebarNavProps>;
 export {};

package/dist/esm/components/sidebar/CSidebarNav.js

@@ -4,25 +4,43 @@ import PropTypes from 'prop-types';
 import classNames from '../../node_modules/classnames/index.js';
 
 var CNavContext = createContext({});
+var recursiveClone = function (children, id, updateId) {
+    return React.Children.map(children, function (child, index) {
+        if (!React.isValidElement(child) ||
+            // @ts-expect-error the `children` exist in each component. TODO: resolve
+            (child.type.displayName !== 'CNavGroup' &&
+                // @ts-expect-error the `children` exist in each component. TODO: resolve
+                child.type.displayName !== 'CNavLink' &&
+                // @ts-expect-error the `children` exist in each component. TODO: resolve
+                child.type.displayName !== 'CNavItem')) {
+            return child;
+        }
+        var _id = id ? (updateId ? "".concat(id, ".").concat(index) : "".concat(id)) : "".concat(index);
+        if (child.props && child.props.children) {
+            return React.cloneElement(child, {
+                idx: _id,
+                children: recursiveClone(child.props.children, _id, 
+                // @ts-expect-error the `displayName` exist in each component. TODO: resolve
+                child.type.displayName === 'CNavItem' ? false : true),
+            });
+        }
+        return React.cloneElement(child, {
+            idx: _id,
+        });
+    });
+};
 var CSidebarNav = forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
-    var _b = useState(''), visibleGroup = _b[0], setVisibleGroup = _b[1];
+    var children = _a.children, _b = _a.as, Component = _b === void 0 ? 'ul' : _b, className = _a.className, rest = __rest(_a, ["children", "as", "className"]);
+    var _c = useState(''), visibleGroup = _c[0], setVisibleGroup = _c[1];
     var CNavContextValues = {
         visibleGroup: visibleGroup,
         setVisibleGroup: setVisibleGroup,
     };
-    return (React.createElement("ul", __assign({ className: classNames('sidebar-nav', className), ref: ref }, rest),
-        React.createElement(CNavContext.Provider, { value: CNavContextValues }, React.Children.map(children, function (child, index) {
-            if (React.isValidElement(child)) {
-                return React.cloneElement(child, {
-                    key: index,
-                    idx: "".concat(index),
-                });
-            }
-            return;
-        }))));
+    return (React.createElement(CNavContext.Provider, { value: CNavContextValues },
+        React.createElement(Component, __assign({ className: classNames('sidebar-nav', className), ref: ref }, rest), recursiveClone(children))));
 });
 CSidebarNav.propTypes = {
+    as: PropTypes.elementType,
     children: PropTypes.node,
     className: PropTypes.string,
 };

package/dist/esm/components/sidebar/CSidebarNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSidebarNav.js","sources":["../../../../src/components/sidebar/CSidebarNav.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAgBa,WAAW,GAAG,aAAa,CAAC,EAAkB,EAAC;IAE/C,WAAW,GAAG,UAAU,CACnC,UAAC,EAAgC,EAAE,GAAG,EAAA;IAAnC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,GAA9B,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAAgC,CAAF,CAAA;IACvB,IAAA,EAAA,GAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAA;AACpD,IAAA,IAAM,iBAAiB,GAAG;AACxB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,eAAe,EAAA,eAAA;KAChB,CAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,QAAA,CAAA,EAAI,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,IAAI,CAAA;AACrE,QAAA,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAC3C,EAAA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA;AACzC,YAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;AAC/B,gBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAgC,EAAE;AAC1D,oBAAA,GAAG,EAAE,KAAK;oBACV,GAAG,EAAE,EAAG,CAAA,MAAA,CAAA,KAAK,CAAE;AAChB,iBAAA,CAAC,CAAA;AACH,aAAA;YACD,OAAM;AACR,SAAC,CAAC,CACmB,CACpB,EACN;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"CSidebarNav.js","sources":["../../../../src/components/sidebar/CSidebarNav.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAgCa,WAAW,GAAG,aAAa,CAAC,EAAkB,EAAC;AAE5D,IAAM,cAAc,GAAG,UAAC,QAAmB,EAAE,EAAW,EAAE,QAAkB,EAAA;IAC1E,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAgB,EAAE,KAAa,EAAA;AAClE,QAAA,IACE,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;AAE5B,aAAC,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,WAAW;;AAErC,gBAAA,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,UAAU;;AAErC,gBAAA,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,EACxC;AACA,YAAA,OAAO,KAAK,CAAA;AACb,SAAA;AAED,QAAA,IAAM,GAAG,GAAG,EAAE,IAAI,QAAQ,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,CAAE,GAAG,EAAA,CAAA,MAAA,CAAG,EAAE,CAAE,IAAI,EAAG,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA;QAErE,IAAI,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvC,YAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAA0B,EAAE;AACpD,gBAAA,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,cAAc,CACtB,KAAK,CAAC,KAAK,CAAC,QAAQ,EACpB,GAAG;;AAEH,gBAAA,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,UAAU,GAAG,KAAK,GAAG,IAAI,CACrD;AACF,aAAA,CAAC,CAAA;AACH,SAAA;AAED,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAA0B,EAAE;AACpD,YAAA,GAAG,EAAE,GAAG;AACT,SAAA,CAAC,CAAA;AACJ,KAAC,CAAC,CAAA;AACJ,CAAC,CAAA;IAEY,WAAW,GAA8D,UAAU,CAG9F,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;IAC/C,IAAA,EAAA,GAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAgB,CAAA;AACpD,IAAA,IAAM,iBAAiB,GAAG;AACxB,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,eAAe,EAAA,eAAA;KAChB,CAAA;IAED,QACE,oBAAC,WAAW,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,iBAAiB,EAAA;QAC5C,KAAC,CAAA,aAAA,CAAA,SAAS,EAAC,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EAAM,IAAI,CAAA,EAC3E,cAAc,CAAC,QAAQ,CAAC,CACf,CACS,EACxB;AACH,CAAC,EAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IACtB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/esm/components/spinner/CSpinner.d.ts

@@ -1,6 +1,11 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import { ElementType, HTMLAttributes } from 'react';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 import type { Colors } from '../../types';
 export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
+    /**
+     * 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.
      */
@@ -11,10 +16,6 @@ export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanE
      * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
      */
     color?: Colors;
-    /**
-     * Component used for the root node. Either a string to use a HTML element or a component.
-     */
-    component?: string | ElementType;
     /**
      * Size the component small.
      */
@@ -28,4 +29,4 @@ export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanE
      */
     visuallyHiddenLabel?: string;
 }
-export declare const CSpinner: React.ForwardRefExoticComponent<CSpinnerProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+export declare const CSpinner: PolymorphicRefForwardingComponent<'div', CSpinnerProps>;

package/dist/esm/components/spinner/CSpinner.js

@@ -6,7 +6,7 @@ import { colorPropType } from '../../props.js';
 
 var CSpinner = forwardRef(function (_a, ref) {
     var _b;
-    var className = _a.className, color = _a.color, _c = _a.component, Component = _c === void 0 ? 'div' : _c, size = _a.size, _d = _a.variant, variant = _d === void 0 ? 'border' : _d, _e = _a.visuallyHiddenLabel, visuallyHiddenLabel = _e === void 0 ? 'Loading...' : _e, rest = __rest(_a, ["className", "color", "component", "size", "variant", "visuallyHiddenLabel"]);
+    var _c = _a.as, Component = _c === void 0 ? 'div' : _c, className = _a.className, color = _a.color, size = _a.size, _d = _a.variant, variant = _d === void 0 ? 'border' : _d, _e = _a.visuallyHiddenLabel, visuallyHiddenLabel = _e === void 0 ? 'Loading...' : _e, rest = __rest(_a, ["as", "className", "color", "size", "variant", "visuallyHiddenLabel"]);
     return (React.createElement(Component, __assign({ className: classNames("spinner-".concat(variant), (_b = {},
             _b["spinner-".concat(variant, "-").concat(size)] = size,
             _b["text-".concat(color)] = color,
@@ -14,9 +14,9 @@ var CSpinner = forwardRef(function (_a, ref) {
         React.createElement("span", { className: "visually-hidden" }, visuallyHiddenLabel)));
 });
 CSpinner.propTypes = {
+    as: PropTypes.string,
     className: PropTypes.string,
     color: colorPropType,
-    component: PropTypes.string,
     size: PropTypes.oneOf(['sm']),
     variant: PropTypes.oneOf(['border', 'grow']),
     visuallyHiddenLabel: PropTypes.string,

package/dist/esm/components/spinner/CSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSpinner.js","sources":["../../../../src/components/spinner/CSpinner.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAoCa,QAAQ,GAAG,UAAU,CAChC,UACE,EAQC,EACD,GAAG,EAAA;;AARD,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAA4B,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAC5B,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,OAAA,EAAlB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EAClB,EAAkC,GAAA,EAAA,CAAA,mBAAA,EAAlC,mBAAmB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,YAAY,GAAA,EAAA,EAC/B,IAAI,GAAA,MAAA,CAAA,EAAA,EAPT,6EAQC,CADQ,CAAA;IAIT,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,UAAW,CAAA,MAAA,CAAA,OAAO,CAAE,GAAA,EAAA,GAAA,EAAA;AAElB,YAAA,EAAA,CAAC,kBAAW,OAAO,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,IAAI,CAAE,IAAG,IAAI;AACpC,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;iBAE1B,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,IACT,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;QAER,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,EAAA,EAAE,mBAAmB,CAAQ,CACpD,EACb;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5C,mBAAmB,EAAE,SAAS,CAAC,MAAM;CACtC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"CSpinner.js","sources":["../../../../src/components/spinner/CSpinner.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAqCa,QAAQ,GAA4D,UAAU,CAIzF,UACE,EAQC,EACD,GAAG,EAAA;;AARD,IAAA,IAAA,EAAqB,GAAA,EAAA,CAAA,EAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACrB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,OAAA,EAAlB,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EAClB,EAAkC,GAAA,EAAA,CAAA,mBAAA,EAAlC,mBAAmB,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,YAAY,GAAA,EAAA,EAC/B,IAAI,GAAA,MAAA,CAAA,EAAA,EAPT,sEAQC,CADQ,CAAA;IAIT,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,EACR,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,CACnB,UAAW,CAAA,MAAA,CAAA,OAAO,CAAE,GAAA,EAAA,GAAA,EAAA;AAElB,YAAA,EAAA,CAAC,kBAAW,OAAO,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,IAAI,CAAE,IAAG,IAAI;AACpC,YAAA,EAAA,CAAC,OAAQ,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;iBAE1B,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,IACT,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA;QAER,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,iBAAiB,EAAA,EAAE,mBAAmB,CAAQ,CACpD,EACb;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC5C,mBAAmB,EAAE,SAAS,CAAC,MAAM;CACtC,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/components/toast/CToastClose.d.ts

@@ -1,12 +1,13 @@
-import React, { ElementType } from 'react';
+import { ElementType } from 'react';
 import { CButtonProps } from '../button/CButton';
 import { CCloseButtonProps } from '../close-button/CCloseButton';
+import { PolymorphicRefForwardingComponent } from '../../helpers';
 type CombineButtonProps = CCloseButtonProps & CButtonProps;
-export interface CToastCloseProps extends CombineButtonProps {
+export interface CToastCloseProps extends Omit<CombineButtonProps, 'as'> {
     /**
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
-    component?: string | ElementType;
+    as?: string | ElementType;
 }
-export declare const CToastClose: React.ForwardRefExoticComponent<CToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const CToastClose: PolymorphicRefForwardingComponent<'button', CToastCloseProps>;
 export {};

package/dist/esm/components/toast/CToastClose.js

@@ -5,11 +5,11 @@ import { CCloseButton } from '../close-button/CCloseButton.js';
 import { CToastContext } from './CToast.js';
 
 var CToastClose = forwardRef(function (_a, ref) {
-    var children = _a.children, Component = _a.component, rest = __rest(_a, ["children", "component"]);
+    var children = _a.children, Component = _a.as, rest = __rest(_a, ["children", "as"]);
     var setVisible = useContext(CToastContext).setVisible;
     return Component ? (React.createElement(Component, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref }), children)) : (React.createElement(CCloseButton, __assign({ onClick: function () { return setVisible(false); } }, rest, { ref: ref })));
 });
-CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { component: PropTypes.elementType });
+CToastClose.propTypes = __assign(__assign({}, CCloseButton.propTypes), { as: PropTypes.elementType });
 CToastClose.displayName = 'CToastClose';
 
 export { CToastClose };

package/dist/esm/components/toast/CToastClose.js.map

@@ -1 +1 @@
-{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAiBa,WAAW,GAAG,UAAU,CACnC,UAAC,EAA2C,EAAE,GAAG,EAAA;IAA9C,IAAA,QAAQ,cAAA,EAAa,SAAS,eAAA,EAAK,IAAI,GAAzC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,CAA2C,CAAF,CAAA;AAChC,IAAA,IAAA,UAAU,GAAK,UAAU,CAAC,aAAa,CAAC,WAA9B,CAA8B;IAChD,OAAO,SAAS,IACd,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,KAAK,CAAC,CAAA,EAAA,EAAA,EAAM,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAC5D,CAAA,EAAA,QAAQ,CACC,KAEZ,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,CAAC,CAAjB,EAAiB,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA,CACvE,CAAA;AACH,CAAC,EACF;AAED,WAAW,CAAC,SAAS,GAChB,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,YAAY,CAAC,SAAS,CACzB,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,WAAW,GACjC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"CToastClose.js","sources":["../../../../src/components/toast/CToastClose.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAmBa,WAAW,GACtB,UAAU,CAAsC,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,QAAQ,cAAA,EAAM,SAAS,QAAA,EAAK,IAAI,GAAlC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,IAAA,CAAoC,CAAF,CAAA;AACzE,IAAA,IAAA,UAAU,GAAK,UAAU,CAAC,aAAa,CAAC,WAA9B,CAA8B;IAChD,OAAO,SAAS,IACd,oBAAC,SAAS,EAAA,QAAA,CAAA,EAAC,OAAO,EAAE,YAAM,EAAA,OAAA,UAAU,CAAC,KAAK,CAAC,CAAA,EAAA,EAAA,EAAM,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAC5D,CAAA,EAAA,QAAQ,CACC,KAEZ,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,QAAA,CAAA,EAAA,OAAO,EAAE,YAAA,EAAM,OAAA,UAAU,CAAC,KAAK,CAAC,CAAjB,EAAiB,EAAM,EAAA,IAAI,EAAE,EAAA,GAAG,EAAE,GAAG,EAAI,CAAA,CAAA,CACvE,CAAA;AACH,CAAC,EAAC;AAEJ,WAAW,CAAC,SAAS,GAChB,QAAA,CAAA,QAAA,CAAA,EAAA,EAAA,YAAY,CAAC,SAAS,CACzB,EAAA,EAAA,EAAE,EAAE,SAAS,CAAC,WAAW,GAC1B,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}