@coreui/react 4.1.2 → 4.2.2

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.1.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.2.2.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,7 @@
+import { CAccordion } from './CAccordion';
+import { CAccordionBody } from './CAccordionBody';
+import { CAccordionButton } from './CAccordionButton';
+import { CAccordionCollapse } from './CAccordionCollapse';
+import { CAccordionHeader } from './CAccordionHeader';
+import { CAccordionItem } from './CAccordionItem';
+export { CAccordion, CAccordionBody, CAccordionButton, CAccordionCollapse, CAccordionHeader, CAccordionItem, };

package/dist/components/alert/index.d.ts

@@ -0,0 +1,4 @@
+import { CAlert } from './CAlert';
+import { CAlertHeading } from './CAlertHeading';
+import { CAlertLink } from './CAlertLink';
+export { CAlert, CAlertHeading, CAlertLink };

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,2 @@
+import { CAvatar } from './CAvatar';
+export { CAvatar };

package/dist/components/backdrop/index.d.ts

@@ -0,0 +1,2 @@
+import { CBackdrop } from './CBackdrop';
+export { CBackdrop };

package/dist/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+import { CBadge } from './CBadge';
+export { CBadge };

package/dist/components/breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+import { CBreadcrumb } from './CBreadcrumb';
+import { CBreadcrumbItem } from './CBreadcrumbItem';
+export { CBreadcrumb, CBreadcrumbItem };

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+import { CButton } from './CButton';
+export { CButton };

package/dist/components/button-group/index.d.ts

@@ -0,0 +1,3 @@
+import { CButtonToolbar } from './CButtonToolbar';
+import { CButtonGroup } from './CButtonGroup';
+export { CButtonToolbar, CButtonGroup };

package/dist/components/callout/index.d.ts

@@ -0,0 +1,2 @@
+import { CCallout } from './CCallout';
+export { CCallout };

package/dist/components/card/CCardImage.d.ts

@@ -1,5 +1,5 @@
-import React, { ElementType, HTMLAttributes } from 'react';
-export interface CCardImageProps extends HTMLAttributes<HTMLImageElement | HTMLOrSVGElement | HTMLOrSVGImageElement> {
+import React, { ElementType, ImgHTMLAttributes } from 'react';
+export interface CCardImageProps extends ImgHTMLAttributes<HTMLImageElement | HTMLOrSVGElement | HTMLOrSVGImageElement> {
     /**
      * A string of all className you want applied to the base component.
      */

package/dist/components/card/index.d.ts

@@ -0,0 +1,12 @@
+import { CCard } from './CCard';
+import { CCardBody } from './CCardBody';
+import { CCardFooter } from './CCardFooter';
+import { CCardGroup } from './CCardGroup';
+import { CCardHeader } from './CCardHeader';
+import { CCardImage } from './CCardImage';
+import { CCardImageOverlay } from './CCardImageOverlay';
+import { CCardLink } from './CCardLink';
+import { CCardSubtitle } from './CCardSubtitle';
+import { CCardText } from './CCardText';
+import { CCardTitle } from './CCardTitle';
+export { CCard, CCardBody, CCardFooter, CCardGroup, CCardHeader, CCardImage, CCardImageOverlay, CCardLink, CCardSubtitle, CCardText, CCardTitle, };

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,4 @@
+import { CCarousel } from './CCarousel';
+import { CCarouselCaption } from './CCarouselCaption';
+import { CCarouselItem } from './CCarouselItem';
+export { CCarousel, CCarouselCaption, CCarouselItem };

package/dist/components/close-button/index.d.ts

@@ -0,0 +1,2 @@
+import { CCloseButton } from './CCloseButton';
+export { CCloseButton };

package/dist/components/collapse/index.d.ts

@@ -0,0 +1,2 @@
+import { CCollapse } from './CCollapse';
+export { CCollapse };

package/dist/components/dropdown/CDropdown.d.ts

@@ -1,4 +1,4 @@
-import React, { ElementType, HTMLAttributes } from 'react';
+import React, { ElementType, HTMLAttributes, RefObject } from 'react';
 import { Placements } from '../Types';
 export declare type Directions = 'start' | 'end';
 export declare type Breakpoints = {
@@ -22,6 +22,14 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
      * @type 'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'}
      */
     alignment?: Alignments;
+    /**
+     * Configure the auto close behavior of the dropdown:
+     * - `true` - the dropdown will be closed by clicking outside or inside the dropdown menu.
+     * - `false` - the dropdown will be closed by clicking the toggle button and manually calling hide or toggle method. (Also will not be closed by pressing esc key)
+     * - `'inside'` - the dropdown will be closed (only) by clicking inside the dropdown menu.
+     * - `'outside'` - the dropdown will be closed (only) by clicking outside the dropdown menu.
+     */
+    autoClose?: 'inside' | 'outside' | boolean;
     /**
      * A string of all className you want applied to the base component.
      */
@@ -68,6 +76,7 @@ export interface CDropdownProps extends HTMLAttributes<HTMLDivElement | HTMLLIEl
     visible?: boolean;
 }
 interface ContextProps extends CDropdownProps {
+    dropdownToggleRef: RefObject<any> | undefined;
     setVisible: React.Dispatch<React.SetStateAction<boolean | undefined>>;
 }
 export declare const CDropdownContext: React.Context<ContextProps>;

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

@@ -6,6 +6,10 @@ export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
      * Enables pseudo element caret on toggler.
      */
     caret?: boolean;
+    /**
+     * Create a custom toggler which accepts any content.
+     */
+    custom?: boolean;
     /**
      * Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` className for proper spacing around the dropdown caret.
      */

package/dist/components/dropdown/index.d.ts

@@ -0,0 +1,8 @@
+import { CDropdown } from './CDropdown';
+import { CDropdownDivider } from './CDropdownDivider';
+import { CDropdownHeader } from './CDropdownHeader';
+import { CDropdownItem } from './CDropdownItem';
+import { CDropdownItemPlain } from './CDropdownItemPlain';
+import { CDropdownMenu } from './CDropdownMenu';
+import { CDropdownToggle } from './CDropdownToggle';
+export { CDropdown, CDropdownDivider, CDropdownHeader, CDropdownItem, CDropdownItemPlain, CDropdownMenu, CDropdownToggle, };

package/dist/components/footer/index.d.ts

@@ -0,0 +1,2 @@
+import { CFooter } from './CFooter';
+export { CFooter };

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

@@ -1,5 +1,5 @@
-import React, { HTMLAttributes } from 'react';
-export interface CFormProps extends HTMLAttributes<HTMLFormElement> {
+import React, { FormHTMLAttributes } from 'react';
+export interface CFormProps extends FormHTMLAttributes<HTMLFormElement> {
     /**
      * A string of all className you want applied to the component.
      */

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

@@ -1,5 +1,6 @@
 import React, { InputHTMLAttributes, ReactNode } from 'react';
 import { Colors, Shapes } from '../Types';
+import { CFormControlValidationProps } from './CFormControlValidation';
 export declare type ButtonObject = {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -22,7 +23,7 @@ export declare type ButtonObject = {
      */
     variant?: 'outline' | 'ghost';
 };
-export interface CFormCheckProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLAttributes<HTMLInputElement> {
     /**
      * Create button-like checkboxes and radio buttons.
      */

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

@@ -0,0 +1,46 @@
+import { FC, ReactNode } from 'react';
+export interface CFormControlValidationProps {
+    /**
+     * @ignore
+     */
+    describedby?: string;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.2.0
+     */
+    feedback?: ReactNode | string;
+    /**
+     * Provide valuable, actionable feedback.
+     *
+     * @since 4.2.0
+     */
+    feedbackInvalid?: ReactNode | string;
+    /**
+     * Provide valuable, actionable invalid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    feedbackValid?: ReactNode | string;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    floatingLabel?: ReactNode | string;
+    /**
+     * Set component validation state to invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Display validation feedback in a styled tooltip.
+     *
+     * @since 4.2.0
+     */
+    tooltipFeedback?: boolean;
+    /**
+     * Set component validation state to valid.
+     */
+    valid?: boolean;
+}
+export declare const CFormControlValidation: FC<CFormControlValidationProps>;

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

@@ -0,0 +1,31 @@
+import { FC, ReactNode } from 'react';
+import { CFormControlValidationProps } from './CFormControlValidation';
+export interface CFormControlWrapperProps extends CFormControlValidationProps {
+    /**
+     * @ignore
+     */
+    children?: ReactNode;
+    /**
+     * Provide valuable, actionable valid feedback when using standard HTML form validation which applied two CSS pseudo-classes, `:invalid` and `:valid`.
+     *
+     * @since 4.2.0
+     */
+    floatingLabel?: ReactNode | string;
+    /**
+     * @ignore
+     */
+    id?: string;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.2.0
+     */
+    label?: ReactNode | string;
+    /**
+     * Add helper text to the component.
+     *
+     * @since 4.2.0
+     */
+    text?: ReactNode | string;
+}
+export declare const CFormControlWrapper: FC<CFormControlWrapperProps>;

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

@@ -1,17 +1,18 @@
 import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
-export interface CFormInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+export interface CFormInputProps extends CFormControlWrapperProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /**
      * A string of all className you want applied to the component.
      */
     className?: string;
     /**
-     * Toggle the disabled state for the component.
+     * Delay onChange event while typing. If set to true onChange event will be delayed 500ms, you can also provide the number of milliseconds you want to delay the onChange event.
      */
-    disabled?: boolean;
+    delay?: boolean | number;
     /**
-     * Set component validation state to invalid.
+     * Toggle the disabled state for the component.
      */
-    invalid?: boolean;
+    disabled?: boolean;
     /**
      * Method called immediately after the `value` prop changes.
      */
@@ -32,10 +33,6 @@ export interface CFormInputProps extends Omit<InputHTMLAttributes<HTMLInputEleme
      * Specifies the type of component.
      */
     type?: 'color' | 'file' | 'text' | string;
-    /**
-     * Set component validation state to valid.
-     */
-    valid?: boolean;
     /**
      * The `value` attribute of component.
      *

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

@@ -1,4 +1,4 @@
-import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import React, { ChangeEventHandler, InputHTMLAttributes, ReactNode } from 'react';
 export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {
     /**
      * A string of all className you want applied to the component.
@@ -8,6 +8,12 @@ export interface CFormRangeProps extends InputHTMLAttributes<HTMLInputElement> {
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
+    /**
+     * Add a caption for a component.
+     *
+     * @since 4.2.0
+     */
+    label?: ReactNode | string;
     /**
      * Specifies the maximum value for the component.
      */

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

@@ -1,10 +1,11 @@
 import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
+import { CFormControlWrapperProps } from './CFormControlWrapper';
 declare type Option = {
     disabled?: boolean;
     label?: string;
     value?: string;
 };
-export interface CFormSelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size'> {
+export interface CFormSelectProps extends CFormControlWrapperProps, Omit<InputHTMLAttributes<HTMLSelectElement>, 'size'> {
     /**
      * A string of all className you want applied to the component.
      */
@@ -13,10 +14,6 @@ export interface CFormSelectProps extends Omit<InputHTMLAttributes<HTMLSelectEle
      * Specifies the number of visible options in a drop-down list.
      */
     htmlSize?: number;
-    /**
-     * Set component validation state to invalid.
-     */
-    invalid?: boolean;
     /**
      * Method called immediately after the `value` prop changes.
      */
@@ -32,15 +29,11 @@ export interface CFormSelectProps extends Omit<InputHTMLAttributes<HTMLSelectEle
      * Size the component small or large.
      */
     size?: 'sm' | 'lg';
-    /**
-     * Set component validation state to valid.
-     */
-    valid?: boolean;
     /**
      * The `value` attribute of component.
      *
      * @controllable onChange
-     * */
+     */
     value?: string | string[] | number;
 }
 export declare const CFormSelect: React.ForwardRefExoticComponent<CFormSelectProps & React.RefAttributes<HTMLSelectElement>>;

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

@@ -1,5 +1,6 @@
 import React, { ChangeEventHandler, InputHTMLAttributes } from 'react';
-export interface CFormTextareaProps extends InputHTMLAttributes<HTMLTextAreaElement> {
+import { CFormControlWrapperProps } from './CFormControlWrapper';
+export interface CFormTextareaProps extends CFormControlWrapperProps, InputHTMLAttributes<HTMLTextAreaElement> {
     /**
      * A string of all className you want applied to the component.
      */
@@ -8,10 +9,6 @@ export interface CFormTextareaProps extends InputHTMLAttributes<HTMLTextAreaElem
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
-    /**
-     * Set component validation state to invalid.
-     */
-    invalid?: boolean;
     /**
      * Method called immediately after the `value` prop changes.
      */
@@ -24,10 +21,6 @@ export interface CFormTextareaProps extends InputHTMLAttributes<HTMLTextAreaElem
      * Toggle the readonly state for the component.
      */
     readOnly?: boolean;
-    /**
-     * Set component validation state to valid.
-     */
-    valid?: boolean;
     /**
      * The `value` attribute of component.
      *

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

@@ -0,0 +1,14 @@
+import { CForm } from './CForm';
+import { CFormCheck } from './CFormCheck';
+import { CFormFeedback } from './CFormFeedback';
+import { CFormFloating } from './CFormFloating';
+import { CFormInput } from './CFormInput';
+import { CFormLabel } from './CFormLabel';
+import { CFormRange } from './CFormRange';
+import { CFormSelect } from './CFormSelect';
+import { CFormSwitch } from './CFormSwitch';
+import { CFormText } from './CFormText';
+import { CFormTextarea } from './CFormTextarea';
+import { CInputGroup } from './CInputGroup';
+import { CInputGroupText } from './CInputGroupText';
+export { CForm, CFormCheck, CFormFeedback, CFormFloating, CFormInput, CFormLabel, CFormRange, CFormSelect, CFormSwitch, CFormText, CFormTextarea, CInputGroup, CInputGroupText, };

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

@@ -0,0 +1,4 @@
+import { CCol } from './CCol';
+import { CContainer } from './CContainer';
+import { CRow } from './CRow';
+export { CCol, CContainer, CRow };

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

@@ -0,0 +1,7 @@
+import { CHeader } from './CHeader';
+import { CHeaderBrand } from './CHeaderBrand';
+import { CHeaderDivider } from './CHeaderDivider';
+import { CHeaderNav } from './CHeaderNav';
+import { CHeaderText } from './CHeaderText';
+import { CHeaderToggler } from './CHeaderToggler';
+export { CHeader, CHeaderBrand, CHeaderDivider, CHeaderNav, CHeaderText, CHeaderToggler };

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

@@ -0,0 +1,2 @@
+import { CImage } from './CImage';
+export { CImage };

package/dist/components/index.d.ts

@@ -1 +1,36 @@
+export * from './accordion';
+export * from './alert';
+export * from './avatar';
+export * from './backdrop';
+export * from './badge';
+export * from './breadcrumb';
+export * from './button';
+export * from './button-group';
+export * from './callout';
+export * from './card';
+export * from './carousel';
+export * from './close-button';
+export * from './collapse';
+export * from './dropdown';
+export * from './footer';
+export * from './form';
+export * from './grid';
+export * from './header';
+export * from './image';
+export * from './link';
+export * from './list-group';
+export * from './modal';
+export * from './nav';
+export * from './navbar';
+export * from './offcanvas';
+export * from './pagination';
+export * from './placeholder';
+export * from './progress';
+export * from './popover';
+export * from './sidebar';
+export * from './spinner';
+export * from './table';
+export * from './tabs';
+export * from './toast';
+export * from './tooltip';
 export * from './widgets';

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

@@ -0,0 +1,2 @@
+import { CLink } from './CLink';
+export { CLink };

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

@@ -0,0 +1,3 @@
+import { CListGroup } from './CListGroup';
+import { CListGroupItem } from './CListGroupItem';
+export { CListGroup, CListGroupItem };

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

@@ -52,6 +52,9 @@ export interface CModalProps extends HTMLAttributes<HTMLDivElement> {
      * Remove animation to create modal that simply appear rather than fade in to view.
      */
     transition?: boolean;
+    /**
+     * By default the component is unmounted after close animation, if you want to keep the component mounted set this property to false.
+     */
     unmountOnClose?: boolean;
     /**
      * Toggle the visibility of modal component.

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

@@ -0,0 +1,8 @@
+import { CModal } from './CModal';
+import { CModalBody } from './CModalBody';
+import { CModalContent } from './CModalContent';
+import { CModalDialog } from './CModalDialog';
+import { CModalFooter } from './CModalFooter';
+import { CModalHeader } from './CModalHeader';
+import { CModalTitle } from './CModalTitle';
+export { CModal, CModalBody, CModalContent, CModalDialog, CModalFooter, CModalHeader, CModalTitle };

package/dist/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/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/components/offcanvas/index.d.ts

@@ -0,0 +1,5 @@
+import { COffcanvas } from './COffcanvas';
+import { COffcanvasBody } from './COffcanvasBody';
+import { COffcanvasHeader } from './COffcanvasHeader';
+import { COffcanvasTitle } from './COffcanvasTitle';
+export { COffcanvas, COffcanvasBody, COffcanvasHeader, COffcanvasTitle };

package/dist/components/pagination/index.d.ts

@@ -0,0 +1,3 @@
+import { CPagination } from './CPagination';
+import { CPaginationItem } from './CPaginationItem';
+export { CPagination, CPaginationItem };

package/dist/components/placeholder/index.d.ts

@@ -0,0 +1,2 @@
+import { CPlaceholder } from './CPlaceholder';
+export { CPlaceholder };

package/dist/components/popover/CPopover.d.ts

@@ -1,7 +1,7 @@
-import { FC, ReactElement, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 import { Triggers } from '../Types';
 export interface CPopoverProps {
-    children: ReactElement;
+    children: any;
     /**
      * Content node for your component.
      */

package/dist/components/popover/index.d.ts

@@ -0,0 +1,2 @@
+import { CPopover } from './CPopover';
+export { CPopover };

package/dist/components/progress/index.d.ts

@@ -0,0 +1,3 @@
+import { CProgress } from './CProgress';
+import { CProgressBar } from './CProgressBar';
+export { CProgress, CProgressBar };

package/dist/components/sidebar/index.d.ts

@@ -0,0 +1,7 @@
+import { CSidebar } from './CSidebar';
+import { CSidebarBrand } from './CSidebarBrand';
+import { CSidebarFooter } from './CSidebarFooter';
+import { CSidebarToggler } from './CSidebarToggler';
+import { CSidebarHeader } from './CSidebarHeader';
+import { CSidebarNav } from './CSidebarNav';
+export { CSidebar, CSidebarBrand, CSidebarFooter, CSidebarToggler, CSidebarHeader, CSidebarNav };

package/dist/components/spinner/index.d.ts

@@ -0,0 +1,2 @@
+import { CSpinner } from './CSpinner';
+export { CSpinner };

package/dist/components/table/index.d.ts

@@ -0,0 +1,9 @@
+import { CTable } from './CTable';
+import { CTableBody } from './CTableBody';
+import { CTableCaption } from './CTableCaption';
+import { CTableDataCell } from './CTableDataCell';
+import { CTableFoot } from './CTableFoot';
+import { CTableHead } from './CTableHead';
+import { CTableHeaderCell } from './CTableHeaderCell';
+import { CTableRow } from './CTableRow';
+export { CTable, CTableBody, CTableCaption, CTableDataCell, CTableFoot, CTableHead, CTableHeaderCell, CTableRow, };

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,3 @@
+import { CTabContent } from './CTabContent';
+import { CTabPane } from './CTabPane';
+export { CTabContent, CTabPane };

package/dist/components/toast/index.d.ts

@@ -0,0 +1,6 @@
+import { CToast } from './CToast';
+import { CToastBody } from './CToastBody';
+import { CToastClose } from './CToastClose';
+import { CToastHeader } from './CToastHeader';
+import { CToaster } from './CToaster';
+export { CToast, CToastBody, CToastClose, CToastHeader, CToaster };

package/dist/components/tooltip/CTooltip.d.ts

@@ -1,11 +1,15 @@
-import { FC, ReactElement, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 import { Triggers } from '../Types';
 export interface CTooltipProps {
-    children: ReactElement;
+    children: any;
     /**
      * Content node for your component.
      */
     content: ReactNode | string;
+    /**
+     * Offset of the popover relative to its target.
+     */
+    offset?: [number, number];
     /**
      * Callback fired when the component requests to be hidden.
      */

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+import { CTooltip } from './CTooltip';
+export { CTooltip };