@coreui/react 4.0.0-rc.1

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

@@ -0,0 +1,37 @@
+import React, { InputHTMLAttributes, ReactNode } from 'react';
+export interface CFormSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document. [docs]
+     */
+    id?: string;
+    /**
+     * Set component validation state to invalid. [docs]
+     */
+    invalid?: boolean;
+    /**
+     * The element represents a caption for a component. [docs]
+     */
+    label?: string | ReactNode;
+    /**
+     * Size the component large or extra large. Works only with `switch` [docs]
+     *
+     * @type 'lg' | 'xl'
+     */
+    size?: 'lg' | 'xl';
+    /**
+     * Specifies the type of component. [docs]
+     *
+     * @type checkbox' | 'radio'
+     * @default 'checkbox'
+     */
+    type?: 'checkbox' | 'radio';
+    /**
+     * Set component validation state to valid. [docs]
+     */
+    valid?: boolean;
+}
+export declare const CFormSwitch: React.ForwardRefExoticComponent<CFormSwitchProps & React.RefAttributes<HTMLInputElement>>;

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

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

package/dist/components/form/CFormTextarea.d.ts

@@ -0,0 +1,38 @@
+import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+export interface CFormTextareaProps extends InputHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+    /**
+     * Set component validation state to invalid. [docs]
+     */
+    invalid?: boolean;
+    /**
+     * Method called immediately after the `value` prop changes. [docs]
+     */
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    /**
+     * Render the component styled as plain text. Removes the default form field styling and preserve the correct margin and padding. Recommend to use only along side `readonly`. [docs]
+     */
+    plainText?: boolean;
+    /**
+     * Toggle the readonly state for the component. [docs]
+     */
+    readOnly?: boolean;
+    /**
+     * Set component validation state to valid. [docs]
+     */
+    valid?: boolean;
+    /**
+     * The `value` attribute of component. [docs]
+     *
+     * @controllable onChange
+     * */
+    value?: string | string[] | number;
+}
+export declare const CFormTextarea: React.ForwardRefExoticComponent<CFormTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/form/CInputGroup.d.ts

@@ -0,0 +1,14 @@
+import React, { HTMLAttributes } from 'react';
+export interface CInputGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Size the component small or large. [docs]
+     *
+     * @type 'sm' | 'lg'
+     */
+    size?: 'sm' | 'lg';
+}
+export declare const CInputGroup: React.ForwardRefExoticComponent<CInputGroupProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/grid/CCol.d.ts

@@ -0,0 +1,52 @@
+import React, { HTMLAttributes } from 'react';
+declare type Span = 'auto' | number | string | boolean | null;
+declare type BPObject = {
+    span?: Span;
+    offset?: number | string | null;
+    order?: 'first' | 'last' | number | string | null;
+};
+declare type Col = Span | BPObject;
+export interface CColProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * The number of columns/offset/order on extra small devices (<576px). [docs]
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xs?: Col;
+    /**
+     * The number of columns/offset/order on small devices (<768px). [docs]
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    sm?: Col;
+    /**
+     * The number of columns/offset/order on medium devices (<992px). [docs]
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    md?: Col;
+    /**
+     * The number of columns/offset/order on large devices (<1200px). [docs]
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    lg?: Col;
+    /**
+     * The number of columns/offset/order on X-Large devices (<1400px). [docs]
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xl?: Col;
+    /**
+     * The number of columns/offset/order on XX-Large devices (≥1400px). [docs]
+     *
+     * @type { 'auto' | number | string | boolean | { span: 'auto' | number | string | boolean } | { offset: number | string } | { order: 'first' | 'last' | number | string }}
+     */
+    xxl?: Col;
+}
+export declare const CCol: React.ForwardRefExoticComponent<CColProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/grid/CContainer.d.ts

@@ -0,0 +1,32 @@
+import React, { HTMLAttributes } from 'react';
+export interface CContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Set container 100% wide until small breakpoint. [docs]
+     */
+    sm?: boolean;
+    /**
+     * Set container 100% wide until medium breakpoint. [docs]
+     */
+    md?: boolean;
+    /**
+     * Set container 100% wide until large breakpoint. [docs]
+     */
+    lg?: boolean;
+    /**
+     * Set container 100% wide until X-large breakpoint. [docs]
+     */
+    xl?: boolean;
+    /**
+     * Set container 100% wide until XX-large breakpoint. [docs]
+     */
+    xxl?: boolean;
+    /**
+     * Set container 100% wide, spanning the entire width of the viewport. [docs]
+     */
+    fluid?: boolean;
+}
+export declare const CContainer: React.ForwardRefExoticComponent<CContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/grid/CRow.d.ts

@@ -0,0 +1,50 @@
+import React, { HTMLAttributes } from 'react';
+export declare type BPObject = {
+    cols?: 'auto' | number | string | null;
+    gutter?: number | string | null;
+    gutterX?: number | string | null;
+    gutterY?: number | string | null;
+};
+export interface CRowProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * The number of columns/offset/order on extra small devices (<576px). [docs]
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    xs?: BPObject;
+    /**
+     * The number of columns/offset/order on small devices (<768px). [docs]
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    sm?: BPObject;
+    /**
+     * The number of columns/offset/order on medium devices (<992px). [docs]
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    md?: BPObject;
+    /**
+     * The number of columns/offset/order on large devices (<1200px). [docs]
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    lg?: BPObject;
+    /**
+     * The number of columns/offset/order on X-Large devices (<1400px). [docs]
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    xl?: BPObject;
+    /**
+     * The number of columns/offset/order on XX-Large devices (≥1400px). [docs]
+     *
+     * @type {{ cols: 'auto' | number | string } | { gutter: number | string } | { gutterX: number | string } | { gutterY: number | string }}
+     */
+    xxl?: BPObject;
+}
+export declare const CRow: React.ForwardRefExoticComponent<CRowProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/header/CHeader.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+export interface CHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Defines optional container wrapping children elements.
+     *
+     * @type boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid'
+     */
+    container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
+    /**
+     * Place header in non-static positions. [docs]
+     */
+    position?: 'fixed' | 'sticky';
+}
+export declare const CHeader: React.ForwardRefExoticComponent<CHeaderProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/header/CHeaderDivider.d.ts

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

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

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

package/dist/components/header/CHeaderText.d.ts

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

package/dist/components/header/CHeaderToggler.d.ts

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

package/dist/components/image/CImage.d.ts

@@ -0,0 +1,24 @@
+import React, { ImgHTMLAttributes } from 'react';
+export interface CImageProps extends ImgHTMLAttributes<HTMLOrSVGImageElement> {
+    /**
+     * Set the horizontal aligment.
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Make image responsive. [docs]
+     */
+    fluid?: boolean;
+    /**
+     * Make image rounded. [docs]
+     */
+    rounded?: boolean;
+    /**
+     * Give an image a rounded 1px border appearance. [docs]
+     */
+    thumbnail?: boolean;
+}
+export declare const CImage: React.ForwardRefExoticComponent<CImageProps & React.RefAttributes<HTMLImageElement>>;

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './widgets';

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

@@ -0,0 +1,26 @@
+import React, { AllHTMLAttributes, ElementType } from 'react';
+export interface CLinkProps extends AllHTMLAttributes<HTMLElement> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'a'
+     */
+    component?: string | ElementType;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+    /**
+     * The href attribute specifies the URL of the page the link goes to. [docs]
+     */
+    href?: string;
+}
+export declare const CLink: React.ForwardRefExoticComponent<CLinkProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;

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

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

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

@@ -0,0 +1,29 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+import { Colors } from '../Types';
+export interface CListGroupItemProps extends HTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement> {
+    /**
+     * Toggle the active state for the component. [docs]
+     */
+    active?: boolean;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors. [docs]
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    color?: Colors;
+    /**
+     * Toggle the disabled state for the component. [docs]
+     */
+    disabled?: boolean;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'li'
+     */
+    component?: string | ElementType;
+}
+export declare const CListGroupItem: React.ForwardRefExoticComponent<CListGroupItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

package/dist/components/modal/CModal.d.ts

@@ -0,0 +1,56 @@
+import React, { HTMLAttributes } from 'react';
+export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Align the modal in the center or top of the screen. [docs]
+     *
+     * @default 'top'
+     */
+    alignment?: 'top' | 'center';
+    /**
+     * Apply a backdrop on body while modal is open. [docs]
+     * @default true
+     */
+    backdrop?: boolean;
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * @ignore
+     */
+    duration?: number;
+    /**
+     * Set modal to covers the entire user viewport. [docs]
+     */
+    fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Closes the modal when escape key is pressed. [docs]
+     * @default true
+     */
+    keyboard?: boolean;
+    /**
+     * Method called before the dissmiss animation has started. [docs]
+     */
+    onDismiss?: () => void;
+    /**
+     * Generates modal using createPortal. [docs]
+     */
+    portal?: boolean;
+    /**
+     * Create a scrollable modal that allows scrolling the modal body. [docs]
+     */
+    scrollable?: boolean;
+    /**
+     * Size the component small, large, or extra large. [docs]
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    /**
+     * Remove animation to create modal that simply appear rather than fade in to view. [docs]
+     */
+    transition?: boolean;
+    /**
+     * Toggle the visibility of modal component. [docs]
+     */
+    visible?: boolean;
+}
+export declare const CModal: React.ForwardRefExoticComponent<CModalProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/modal/CModalBody.d.ts

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

package/dist/components/modal/CModalContent.d.ts

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

package/dist/components/modal/CModalDialog.d.ts

@@ -0,0 +1,26 @@
+import React, { HTMLAttributes } from 'react';
+export interface CModalDialogProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Align the modal in the center or top of the screen. [docs]
+     *
+     * @default 'top'
+     */
+    alignment?: 'top' | 'center';
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Set modal to covers the entire user viewport. [docs]
+     */
+    fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Does the modal dialog itself scroll, or does the whole dialog scroll within the window. [docs]
+     */
+    scrollable?: boolean;
+    /**
+     * Size the component small, large, or extra large. [docs]
+     */
+    size?: 'sm' | 'lg' | 'xl';
+}
+export declare const CModalDialog: React.ForwardRefExoticComponent<CModalDialogProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/modal/CModalFooter.d.ts

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

package/dist/components/modal/CModalHeader.d.ts

@@ -0,0 +1,12 @@
+import React, { HTMLAttributes } from 'react';
+export interface CModalHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Add a close button component to the header which will call the provided handler when clicked. [docs]
+     */
+    onDismiss?: () => void;
+}
+export declare const CModalHeader: React.ForwardRefExoticComponent<CModalHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/modal/CModalTitle.d.ts

@@ -0,0 +1,14 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CModalTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'h5'
+     */
+    component?: string | ElementType;
+}
+export declare const CModalTitle: React.ForwardRefExoticComponent<CModalTitleProps & React.RefAttributes<HTMLHeadElement>>;

package/dist/components/nav/CNav.d.ts

@@ -0,0 +1,22 @@
+import React, { ElementType, HTMLAttributes } from 'react';
+export interface CNavProps extends HTMLAttributes<HTMLDivElement | HTMLUListElement | HTMLOListElement> {
+    /**
+     * A string of all className you want applied to the base component. [docs]
+     */
+    className?: string;
+    /**
+     * Component used for the root node. Either a string to use a HTML element or a component. [docs]
+     *
+     * @default 'ul'
+     */
+    component?: string | ElementType;
+    /**
+     * Specify a layout type for component. [docs]
+     */
+    layout?: 'fill' | 'justified';
+    /**
+     * Set the nav variant to tabs or pills. [docs]
+     */
+    variant?: 'tabs' | 'pills';
+}
+export declare const CNav: React.ForwardRefExoticComponent<CNavProps & React.RefAttributes<HTMLDivElement | HTMLOListElement | HTMLUListElement>>;

package/dist/components/nav/CNavGroup.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface CNavGroupProps {
+    children?: ReactNode;
+    /**
+     * A string of all className you want applied to the component. [docs]
+     */
+    className?: string;
+    /**
+     * Make nav group more compact by cutting all `padding` in half. [docs]
+     */
+    compact?: boolean;
+    /**
+     * Set group toggler label. [docs]
+     */
+    toggler?: string | ReactNode;
+    /**
+     * Show nav group items. [docs]
+     */
+    visible?: boolean;
+    /**
+     * @ignore
+     */
+    idx?: string;
+}
+export declare const CNavGroup: React.ForwardRefExoticComponent<CNavGroupProps & React.RefAttributes<HTMLLIElement>>;

package/dist/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. [docs]
+     */
+    className?: string;
+}
+export declare const CNavGroupItems: React.ForwardRefExoticComponent<CNavGroupItemsProps & React.RefAttributes<HTMLUListElement>>;

package/dist/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>>;