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

package/dist/esm/components/nav/CNavGroup.js.map

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

package/dist/esm/components/nav/CNavGroupItems.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavGroupItemsProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+}
+export declare const CNavGroupItems: React.ForwardRefExoticComponent<CNavGroupItemsProps & React.RefAttributes<HTMLUListElement>>;

package/dist/esm/components/nav/CNavGroupItems.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CNavGroupItems = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("ul", __assign({ className: classNames('nav-group-items', className) }, rest, { ref: ref }), children));
+});
+CNavGroupItems.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CNavGroupItems.displayName = 'CNavGroupItems';
+
+export { CNavGroupItems };
+//# sourceMappingURL=CNavGroupItems.js.map

package/dist/esm/components/nav/CNavGroupItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavGroupItems.js","sources":["../../../../src/components/nav/CNavGroupItems.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,cAAc,GAAG,UAAU,CACtC,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,qCAAI,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACxE,QAAQ,CACN,EACN;AACH,CAAC,EACF;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/esm/components/nav/CNavItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CNavLinkProps } from './CNavLink';
+export declare const CNavItem: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLLIElement>>;

package/dist/esm/components/nav/CNavItem.js

@@ -0,0 +1,18 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CNavLink } from './CNavLink.js';
+
+var CNavItem = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("li", { className: classNames('nav-item', className), ref: ref }, rest.href || rest.to ? (React.createElement(CNavLink, __assign({ className: className }, rest), children)) : (children)));
+});
+CNavItem.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CNavItem.displayName = 'CNavItem';
+
+export { CNavItem };
+//# sourceMappingURL=CNavItem.js.map

package/dist/esm/components/nav/CNavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavItem.js","sources":["../../../../src/components/nav/CNavItem.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAMa,QAAQ,GAAG,UAAU,CAChC,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,4BAAI,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,EACvD,EAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,IACnB,oBAAC,QAAQ,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,SAAS,IAAM,IAAI,CAAA,EACrC,QAAQ,CACA,KAEX,QAAQ,CACT,CACE,EACN;AACH,CAAC,EACF;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/components/nav/CNavLink.d.ts

@@ -0,0 +1,29 @@
+import React, { ElementType } from 'react';
+import { CLinkProps } from '../link/CLink';
+export interface CNavLinkProps extends Omit<CLinkProps, 'idx'> {
+    /**
+     * Toggle the active state for the component.
+     */
+    active?: boolean;
+    /**
+     * 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;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * @ignore
+     */
+    idx?: string;
+    /**
+     * @ignore
+     */
+    to?: string;
+}
+export declare const CNavLink: React.ForwardRefExoticComponent<CNavLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

package/dist/esm/components/nav/CNavLink.js

@@ -0,0 +1,30 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useRef, useContext, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CLink } from '../link/CLink.js';
+import { CNavContext } from '../sidebar/CSidebarNav.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+
+var CNavLink = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, idx = _a.idx, rest = __rest(_a, ["children", "className", "idx"]);
+    var navLinkRef = useRef(null);
+    var forkedRef = useForkedRef(ref, navLinkRef);
+    var setVisibleGroup = useContext(CNavContext).setVisibleGroup;
+    useEffect(function () {
+        var _a;
+        rest.active = (_a = navLinkRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains('active');
+        idx && rest.active && setVisibleGroup(idx);
+    }, [rest.active, className]);
+    return (React.createElement(CLink, __assign({ className: classNames('nav-link', className) }, rest, { ref: forkedRef }), children));
+});
+CNavLink.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    idx: PropTypes.string,
+};
+CNavLink.displayName = 'CNavLink';
+
+export { CNavLink };
+//# sourceMappingURL=CNavLink.js.map

package/dist/esm/components/nav/CNavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavLink.js","sources":["../../../../src/components/nav/CNavLink.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;IAoCa,QAAQ,GAAG,UAAU,CAGhC,UAAC,EAAqC,EAAE,GAAG,EAAA;AAAxC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAK,IAAI,GAAnC,MAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,WAAA,EAAA,KAAA,CAAqC,CAAF,CAAA;AACpC,IAAA,IAAM,UAAU,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAClD,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;AAEvC,IAAA,IAAA,eAAe,GAAK,UAAU,CAAC,WAAW,CAAC,gBAA5B,CAA4B;AAEnD,IAAA,SAAS,CAAC,YAAA;;AACR,QAAA,IAAI,CAAC,MAAM,GAAG,CAAA,EAAA,GAAA,UAAU,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAC9D,GAAG,IAAI,IAAI,CAAC,MAAM,IAAI,eAAe,CAAC,GAAG,CAAC,CAAA;KAC3C,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IAE5B,QACE,oBAAC,KAAK,EAAA,QAAA,CAAA,EAAC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAAM,EAAA,IAAI,IAAE,GAAG,EAAE,SAAS,EAC1E,CAAA,EAAA,QAAQ,CACH,EACT;AACH,CAAC,EAAC;AAEF,QAAQ,CAAC,SAAS,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,GAAG,EAAE,SAAS,CAAC,MAAM;CACtB,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/esm/components/nav/CNavTitle.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavTitleProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+}
+export declare const CNavTitle: React.ForwardRefExoticComponent<CNavTitleProps & React.RefAttributes<HTMLLIElement>>;

package/dist/esm/components/nav/CNavTitle.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CNavTitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("li", __assign({ className: classNames('nav-title', className) }, rest, { ref: ref }), children));
+});
+CNavTitle.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CNavTitle.displayName = 'CNavTitle';
+
+export { CNavTitle };
+//# sourceMappingURL=CNavTitle.js.map

package/dist/esm/components/nav/CNavTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CNavTitle.js","sources":["../../../../src/components/nav/CNavTitle.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,SAAS,GAAG,UAAU,CACjC,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,qCAAI,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KAClE,QAAQ,CACN,EACN;AACH,CAAC,EACF;AAED,SAAS,CAAC,SAAS,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

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

@@ -0,0 +1,7 @@
+import { CNav } from './CNav';
+import { CNavGroupItems } from './CNavGroupItems';
+import { CNavGroup } from './CNavGroup';
+import { CNavItem } from './CNavItem';
+import { CNavLink } from './CNavLink';
+import { CNavTitle } from './CNavTitle';
+export { CNav, CNavGroup, CNavGroupItems, CNavItem, CNavLink, CNavTitle };

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

@@ -0,0 +1,35 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import type { Colors } from '../../types';
+export interface CNavbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Sets if the color of text should be colored for a light or dark background.
+     */
+    colorScheme?: 'dark' | 'light';
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     */
+    component?: string | ElementType;
+    /**
+     * Defines optional container wrapping children elements.
+     */
+    container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
+    /**
+     * Defines the responsive breakpoint to determine when content collapses.
+     */
+    expand?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Place component in non-static positions.
+     */
+    placement?: 'fixed-top' | 'fixed-bottom' | 'sticky-top';
+}
+export declare const CNavbar: React.ForwardRefExoticComponent<CNavbarProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,41 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { colorPropType } from '../../props.js';
+
+var CNavbar = forwardRef(function (_a, ref) {
+    var _b;
+    var children = _a.children, className = _a.className, color = _a.color, colorScheme = _a.colorScheme, _c = _a.component, Component = _c === void 0 ? 'nav' : _c, container = _a.container, expand = _a.expand, placement = _a.placement, rest = __rest(_a, ["children", "className", "color", "colorScheme", "component", "container", "expand", "placement"]);
+    return (React.createElement(Component, __assign({ className: classNames('navbar', (_b = {},
+            _b["bg-".concat(color)] = color,
+            _b[typeof expand === 'boolean' ? 'navbar-expand' : "navbar-expand-".concat(expand)] = expand,
+            _b), placement, className) }, (colorScheme && { 'data-coreui-theme': colorScheme }), rest, { ref: ref }), container ? (React.createElement("div", { className: typeof container === 'string' ? "container-".concat(container) : 'container' }, children)) : (React.createElement(React.Fragment, null, children))));
+});
+CNavbar.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    color: colorPropType,
+    colorScheme: PropTypes.oneOf(['dark', 'light']),
+    component: PropTypes.elementType,
+    container: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf([
+            'sm',
+            'md',
+            'lg',
+            'xl',
+            'xxl',
+            'fluid',
+        ]),
+    ]),
+    expand: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
+    placement: PropTypes.oneOf(['fixed-top', 'fixed-bottom', 'sticky-top']),
+};
+CNavbar.displayName = 'CNavbar';
+
+export { CNavbar };
+//# sourceMappingURL=CNavbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbar.js","sources":["../../../../src/components/navbar/CNavbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;IAwCa,OAAO,GAAG,UAAU,CAC/B,UACE,EAUC,EACD,GAAG,EAAA;;AAVD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,iBAA4B,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EAC5B,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACN,IAAI,GAAA,MAAA,CAAA,EAAA,EATT,kGAUC,CADQ,CAAA;IAIT,QACE,oBAAC,SAAS,EAAA,QAAA,CAAA,EACR,SAAS,EAAE,UAAU,CACnB,QAAQ,GAAA,EAAA,GAAA,EAAA;AAEN,YAAA,EAAA,CAAC,KAAM,CAAA,MAAA,CAAA,KAAK,CAAE,CAAA,GAAG,KAAK;AACtB,YAAA,EAAA,CAAC,OAAO,MAAM,KAAK,SAAS,GAAG,eAAe,GAAG,gBAAA,CAAA,MAAA,CAAiB,MAAM,CAAE,IAAG,MAAM;iBAErF,SAAS,EACT,SAAS,CACV,EACG,GAAC,WAAW,IAAI,EAAE,mBAAmB,EAAE,WAAW,EAAE,GACpD,IAAI,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,CAAA,EAEP,SAAS,IACR,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,SAAS,KAAK,QAAQ,GAAG,YAAa,CAAA,MAAA,CAAA,SAAS,CAAE,GAAG,WAAW,EAAA,EACnF,QAAQ,CACL,KAEN,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,CAAI,CAChB,CACS,EACb;AACH,CAAC,EACF;AAED,OAAO,CAAC,SAAS,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;AAC3B,IAAA,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/C,SAAS,EAAE,SAAS,CAAC,WAAW;AAChC,IAAA,SAAS,EAAE,SAAS,CAAC,SAAS,CAAC;AAC7B,QAAA,SAAS,CAAC,IAAI;QACd,SAAS,CAAC,KAAK,CAA8C;YAC3D,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,KAAK;YACL,OAAO;SACR,CAAC;KACH,CAAC;AACF,IAAA,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC;AAC1B,QAAA,SAAS,CAAC,IAAI;AACd,QAAA,SAAS,CAAC,KAAK,CAAoC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KACpF,CAAC;AACF,IAAA,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;CACxE,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

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

@@ -0,0 +1,17 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavbarBrandProps extends HTMLAttributes<HTMLAnchorElement | HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component.
+     *
+     */
+    component?: string | ElementType;
+    /**
+     * The href attribute specifies the URL of the page the link goes to.
+     */
+    href?: string;
+}
+export declare const CNavbarBrand: React.ForwardRefExoticComponent<CNavbarBrandProps & React.RefAttributes<HTMLAnchorElement | HTMLSpanElement>>;

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

@@ -0,0 +1,19 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CNavbarBrand = forwardRef(function (_a, ref) {
+    var children = _a.children, component = _a.component, className = _a.className, rest = __rest(_a, ["children", "component", "className"]);
+    var Component = component !== null && component !== void 0 ? component : (rest.href ? 'a' : 'span');
+    return (React.createElement(Component, __assign({ className: classNames('navbar-brand', className) }, rest, { ref: ref }), children));
+});
+CNavbarBrand.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+};
+CNavbarBrand.displayName = 'CNavbarBrand';
+
+export { CNavbarBrand };
+//# sourceMappingURL=CNavbarBrand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarBrand.js","sources":["../../../../src/components/navbar/CNavbarBrand.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAoBa,YAAY,GAAG,UAAU,CACpC,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,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC,CAAA;IAEzD,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;;;;"}

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

@@ -0,0 +1,12 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavbarNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement> {
+    /**
+     * 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 CNavbarNav: React.ForwardRefExoticComponent<CNavbarNavProps & React.RefAttributes<HTMLDivElement | HTMLUListElement>>;

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

@@ -0,0 +1,18 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var 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));
+});
+CNavbarNav.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+    component: PropTypes.elementType,
+};
+CNavbarNav.displayName = 'CNavbarNav';
+
+export { CNavbarNav };
+//# sourceMappingURL=CNavbarNav.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavbarTextProps extends HTMLAttributes<HTMLSpanElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+}
+export declare const CNavbarText: React.ForwardRefExoticComponent<CNavbarTextProps & React.RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CNavbarText = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("span", __assign({ className: classNames('navbar-text', className) }, rest, { ref: ref }), children));
+});
+CNavbarText.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CNavbarText.displayName = 'CNavbarText';
+
+export { CNavbarText };
+//# sourceMappingURL=CNavbarText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarText.js","sources":["../../../../src/components/navbar/CNavbarText.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,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;IAC7B,QACE,uCAAM,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACtE,QAAQ,CACJ,EACR;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;;;;"}

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

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface CNavbarTogglerProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+}
+export declare const CNavbarToggler: React.ForwardRefExoticComponent<CNavbarTogglerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var CNavbarToggler = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("button", __assign({ type: "button", className: classNames('navbar-toggler', className) }, rest, { ref: ref }), children !== null && children !== void 0 ? children : React.createElement("span", { className: "navbar-toggler-icon" })));
+});
+CNavbarToggler.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+CNavbarToggler.displayName = 'CNavbarToggler';
+
+export { CNavbarToggler };
+//# sourceMappingURL=CNavbarToggler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CNavbarToggler.js","sources":["../../../../src/components/navbar/CNavbarToggler.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,cAAc,GAAG,UAAU,CACtC,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;AAC7B,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,EACzF,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,KAAA,CAAA,GAAA,QAAQ,GAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,EAAQ,CAAA,CACnD,EACV;AACH,CAAC,EACF;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -0,0 +1,6 @@
+import { CNavbar } from './CNavbar';
+import { CNavbarBrand } from './CNavbarBrand';
+import { CNavbarNav } from './CNavbarNav';
+import { CNavbarText } from './CNavbarText';
+import { CNavbarToggler } from './CNavbarToggler';
+export { CNavbar, CNavbarBrand, CNavbarNav, CNavbarText, CNavbarToggler };

package/dist/esm/components/offcanvas/COffcanvas.d.ts

@@ -0,0 +1,50 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Apply a backdrop on body while offcanvas is open.
+     */
+    backdrop?: boolean | 'static';
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Sets a darker color scheme.
+     */
+    dark?: boolean;
+    /**
+     * Closes the offcanvas when escape key is pressed.
+     */
+    keyboard?: boolean;
+    /**
+     * Callback fired when the component requests to be hidden.
+     */
+    onHide?: () => void;
+    /**
+     * Callback fired when the component requests to be shown.
+     */
+    onShow?: () => void;
+    /**
+     * Components placement, there’s no default placement.
+     */
+    placement: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Generates modal using createPortal.
+     */
+    portal?: boolean;
+    /**
+     * Responsive offcanvas property hide content outside the viewport from a specified breakpoint and down.
+     *
+     * @since 4.6.0
+     */
+    responsive?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Allow body scrolling while offcanvas is open
+     */
+    scroll?: boolean;
+    /**
+     * Toggle the visibility of offcanvas component.
+     */
+    visible?: boolean;
+}
+export declare const COffcanvas: React.ForwardRefExoticComponent<COffcanvasProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,79 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+import { CBackdrop } from '../backdrop/CBackdrop.js';
+import { CConditionalPortal } from '../conditional-portal/CConditionalPortal.js';
+import { useForkedRef } from '../../hooks/useForkedRef.js';
+import '@popperjs/core';
+import Transition from '../../node_modules/react-transition-group/esm/Transition.js';
+
+var COffcanvas = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.backdrop, backdrop = _b === void 0 ? true : _b, className = _a.className, dark = _a.dark, _c = _a.keyboard, keyboard = _c === void 0 ? true : _c, onHide = _a.onHide, onShow = _a.onShow, placement = _a.placement, _d = _a.portal, portal = _d === void 0 ? false : _d, _e = _a.responsive, responsive = _e === void 0 ? true : _e, _f = _a.scroll, scroll = _f === void 0 ? false : _f, _g = _a.visible, visible = _g === void 0 ? false : _g, rest = __rest(_a, ["children", "backdrop", "className", "dark", "keyboard", "onHide", "onShow", "placement", "portal", "responsive", "scroll", "visible"]);
+    var _h = useState(visible), _visible = _h[0], setVisible = _h[1];
+    var offcanvasRef = useRef(null);
+    var forkedRef = useForkedRef(ref, offcanvasRef);
+    useEffect(function () {
+        setVisible(visible);
+    }, [visible]);
+    useEffect(function () {
+        if (_visible && !scroll) {
+            document.body.style.overflow = 'hidden';
+            document.body.style.paddingRight = '0px';
+            return;
+        }
+        if (!scroll) {
+            document.body.style.removeProperty('overflow');
+            document.body.style.removeProperty('padding-right');
+        }
+    }, [_visible]);
+    var handleDismiss = function () {
+        setVisible(false);
+    };
+    var handleBackdropDismiss = function () {
+        if (backdrop !== 'static') {
+            setVisible(false);
+        }
+    };
+    var handleKeyDown = function (event) {
+        if (event.key === 'Escape' && keyboard) {
+            return handleDismiss();
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Transition, { in: _visible, nodeRef: offcanvasRef, onEnter: onShow, onEntered: function () { var _a; return (_a = offcanvasRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, onExit: onHide, timeout: 300 }, function (state) {
+            var _a;
+            return (React.createElement(CConditionalPortal, { portal: portal },
+                React.createElement("div", __assign({ className: classNames((_a = {},
+                        _a["offcanvas".concat(typeof responsive === 'string' ? '-' + responsive : '')] = responsive,
+                        _a["offcanvas-".concat(placement)] = placement,
+                        _a.showing = state === 'entering',
+                        _a.show = state === 'entered',
+                        _a['show hiding'] = state === 'exiting',
+                        _a), className), role: "dialog", tabIndex: -1, onKeyDown: handleKeyDown }, (dark && { 'data-coreui-theme': 'dark' }), rest, { ref: forkedRef }), children)));
+        }),
+        backdrop && (React.createElement(CConditionalPortal, { portal: portal },
+            React.createElement(CBackdrop, { className: "offcanvas-backdrop", onClick: handleBackdropDismiss, visible: _visible })))));
+});
+COffcanvas.propTypes = {
+    backdrop: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['static'])]),
+    children: PropTypes.node,
+    className: PropTypes.string,
+    dark: PropTypes.bool,
+    keyboard: PropTypes.bool,
+    onHide: PropTypes.func,
+    onShow: PropTypes.func,
+    placement: PropTypes.oneOf(['start', 'end', 'top', 'bottom'])
+        .isRequired,
+    portal: PropTypes.bool,
+    responsive: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.oneOf(['sm', 'md', 'lg', 'xl', 'xxl']),
+    ]),
+    scroll: PropTypes.bool,
+    visible: PropTypes.bool,
+};
+COffcanvas.displayName = 'COffcanvas';
+
+export { COffcanvas };
+//# sourceMappingURL=COffcanvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"COffcanvas.js","sources":["../../../../src/components/offcanvas/COffcanvas.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;IA2Da,UAAU,GAAG,UAAU,CAClC,UACE,EAcC,EACD,GAAG,EAAA;AAdD,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,QAAe,EAAf,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EACf,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAe,GAAA,EAAA,CAAA,QAAA,EAAf,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACf,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAA,GAAA,EAAA,CAAA,MAAc,EAAd,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACd,EAAiB,GAAA,EAAA,CAAA,UAAA,EAAjB,UAAU,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,IAAI,GAAA,EAAA,EACjB,EAAc,GAAA,EAAA,CAAA,MAAA,EAAd,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACd,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACZ,IAAI,GAAA,MAAA,CAAA,EAAA,EAbT,uIAcC,CADQ,CAAA;IAIH,IAAA,EAAA,GAAyB,QAAQ,CAAU,OAAO,CAAC,EAAlD,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,UAAU,GAAA,EAAA,CAAA,CAAA,CAA8B,CAAA;AACzD,IAAA,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACjD,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAA;AAEjD,IAAA,SAAS,CAAC,YAAA;QACR,UAAU,CAAC,OAAO,CAAC,CAAA;AACrB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AAEb,IAAA,SAAS,CAAC,YAAA;AACR,QAAA,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE;YACvB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;YACvC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,KAAK,CAAA;YACxC,OAAM;AACP,SAAA;QAED,IAAI,CAAC,MAAM,EAAE;YACX,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAA;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AACpD,SAAA;AACH,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEd,IAAA,IAAM,aAAa,GAAG,YAAA;QACpB,UAAU,CAAC,KAAK,CAAC,CAAA;AACnB,KAAC,CAAA;AAED,IAAA,IAAM,qBAAqB,GAAG,YAAA;QAC5B,IAAI,QAAQ,KAAK,QAAQ,EAAE;YACzB,UAAU,CAAC,KAAK,CAAC,CAAA;AAClB,SAAA;AACH,KAAC,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,KAA0C,EAAA;AAC/D,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,QAAQ,EAAE;YACtC,OAAO,aAAa,EAAE,CAAA;AACvB,SAAA;AACH,KAAC,CAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,EAAE,EAAE,QAAQ,EACZ,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,EAAE,CAAA,EAAA,EAC9C,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAA,EAEX,UAAC,KAAK,EAAA;;AAAK,YAAA,QACV,KAAC,CAAA,aAAA,CAAA,kBAAkB,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;gBAChC,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,SAAS,EAAE,UAAU,EAAA,EAAA,GAAA,EAAA;AAEjB,wBAAA,EAAA,CAAC,mBAAY,OAAO,UAAU,KAAK,QAAQ,GAAG,GAAG,GAAG,UAAU,GAAG,EAAE,CAAE,IACnE,UAAU;AACZ,wBAAA,EAAA,CAAC,YAAa,CAAA,MAAA,CAAA,SAAS,CAAE,CAAA,GAAG,SAAS;wBACrC,EAAO,CAAA,OAAA,GAAE,KAAK,KAAK,UAAU;wBAC7B,EAAI,CAAA,IAAA,GAAE,KAAK,KAAK,SAAS;wBACzB,EAAa,CAAA,aAAA,CAAA,GAAE,KAAK,KAAK,SAAS;AAEpC,wBAAA,EAAA,GAAA,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,aAAa,KACnB,IAAI,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,GACxC,IAAI,EACR,EAAA,GAAG,EAAE,SAAS,EAAA,CAAA,EAEb,QAAQ,CACL,CACa,EACtB;AAxBW,SAwBX,CACU;AACZ,QAAA,QAAQ,KACP,KAAA,CAAA,aAAA,CAAC,kBAAkB,EAAC,EAAA,MAAM,EAAE,MAAM,EAAA;AAChC,YAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EACR,EAAA,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,qBAAqB,EAC9B,OAAO,EAAE,QAAQ,EAAA,CACjB,CACiB,CACtB,CACA,EACJ;AACH,CAAC,EACF;AAED,UAAU,CAAC,SAAS,GAAG;AACrB,IAAA,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtF,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,IAAI;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,SAAS,EAAE,SAAS,CAAC,KAAK,CAAqC,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;SAC9F,UAAU;IACb,MAAM,EAAE,SAAS,CAAC,IAAI;AACtB,IAAA,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC;AAC9B,QAAA,SAAS,CAAC,IAAI;AACd,QAAA,SAAS,CAAC,KAAK,CAAoC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;KACpF,CAAC;IACF,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/esm/components/offcanvas/COffcanvasBody.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasBodyProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+}
+export declare const COffcanvasBody: React.ForwardRefExoticComponent<COffcanvasBodyProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var COffcanvasBody = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('offcanvas-body', className) }, rest, { ref: ref }), children));
+});
+COffcanvasBody.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+COffcanvasBody.displayName = 'COffcanvasBody';
+
+export { COffcanvasBody };
+//# sourceMappingURL=COffcanvasBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"COffcanvasBody.js","sources":["../../../../src/components/offcanvas/COffcanvasBody.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;IAWa,cAAc,GAAG,UAAU,CACtC,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,gBAAgB,EAAE,SAAS,CAAC,IAAM,IAAI,EAAA,EAAE,GAAG,EAAE,GAAG,KACxE,QAAQ,CACL,EACP;AACH,CAAC,EACF;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;CAC5B,CAAA;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/esm/components/offcanvas/COffcanvasHeader.d.ts

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from 'react';
+export interface COffcanvasHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+}
+export declare const COffcanvasHeader: React.ForwardRefExoticComponent<COffcanvasHeaderProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
+import React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import classNames from '../../node_modules/classnames/index.js';
+
+var COffcanvasHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: classNames('offcanvas-header', className) }, rest, { ref: ref }), children));
+});
+COffcanvasHeader.propTypes = {
+    children: PropTypes.node,
+    className: PropTypes.string,
+};
+COffcanvasHeader.displayName = 'COffcanvasHeader';
+
+export { COffcanvasHeader };
+//# sourceMappingURL=COffcanvasHeader.js.map