@coreui/react-pro 4.9.0-next.0 → 4.9.0

package/README.md

@@ -42,7 +42,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.9.0-next.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.9.0.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/alert/CAlert.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CAlertProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors, Shapes, TextColors } from '../Types';
+import type { Colors, Shapes, TextColors } from '../../types';
 export interface CAvatarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors, Gradients, Shapes, TextColors } from '../Types';
+import type { Colors, Gradients, Shapes, TextColors } from '../../types';
 export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,6 +1,6 @@
 import React, { ElementType } from 'react';
-import { Colors, Shapes } from '../Types';
 import { CLinkProps } from '../link/CLink';
+import type { Colors, Shapes } from '../../types';
 export interface CButtonProps extends Omit<CLinkProps, 'size'> {
     /**
      * Toggle the active state for the component.

package/dist/components/calendar/utils.d.ts

@@ -3,7 +3,6 @@ export declare const convertToLocalTime: (d: Date, locale: string, options?: {})
 export declare const createGroupsInArray: <T>(arr: T[], numberOfGroups: number) => T[][];
 export declare const getCurrentYear: () => number;
 export declare const getCurrentMonth: () => number;
-export declare const getLocalDateFromString: (string: string, locale: string, time?: boolean) => Date | undefined;
 export declare const getMonthName: (month: number, locale: string) => string;
 export declare const getMonthsNames: (locale: string) => string[];
 export declare const getYears: (year: number) => number[];

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CCalloutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the base component.

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors, Gradients } from '../Types';
+import type { Colors, Gradients } from '../../types';
 export interface CCardProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/conditional-portal/CConditionalPortal.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+export interface CConditionalPortalProps {
+    /**
+     * @ignore
+     */
+    children: ReactNode;
+    /**
+     * Render some children into a different part of the DOM
+     */
+    portal: boolean;
+}
+export declare const CConditionalPortal: FC<CConditionalPortalProps>;

package/dist/components/conditional-portal/index.d.ts

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

package/dist/components/date-range-picker/CDateRangePicker.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from 'react';
 import { CCalendarProps } from '../calendar/CCalendar';
 import { CFormControlWrapperProps } from '../form/CFormControlWrapper';
 import { CPickerProps } from '../picker/CPicker';
-import { Colors } from '../Types';
+import { Colors } from '../../types';
 export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'floatingLabel'>, Omit<CPickerProps, 'autoClose' | 'component' | 'dark' | 'placeholder' | 'variant'>, Omit<CCalendarProps, 'onCalendarCellHover' | 'onCalendarDateChange'> {
     /**
      * The number of calendars that render on desktop devices.

package/dist/components/date-range-picker/utils.d.ts

@@ -0,0 +1 @@
+export declare const getLocalDateFromString: (string: string, locale: string, time?: boolean) => Date | undefined;

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

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes, RefObject } from 'react';
-import { Placements } from '../Types';
+import type { Placements } from '../../types';
 export type Directions = 'start' | 'end';
 export type Breakpoints = {
     xs: Directions;

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

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { Triggers } from '../Types';
 import { CButtonProps } from '../button/CButton';
+import type { Triggers } from '../../types';
 export interface CDropdownToggleProps extends Omit<CButtonProps, 'type'> {
     /**
      * Enables pseudo element caret on toggler.

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

@@ -1,6 +1,6 @@
 import React, { InputHTMLAttributes, ReactNode } from 'react';
-import { Colors, Shapes } from '../Types';
 import { CFormControlValidationProps } from './CFormControlValidation';
+import type { Colors, Shapes } from '../../types';
 export type ButtonObject = {
     /**
      * Sets the color context of the component to one of CoreUI’s themed colors.
@@ -45,7 +45,7 @@ export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLA
      */
     indeterminate?: boolean;
     /**
-     * Group checkboxes or radios on the same horizontal row by adding.
+     * Group checkboxes or radios on the same horizontal row.
      */
     inline?: boolean;
     /**
@@ -56,6 +56,12 @@ export interface CFormCheckProps extends CFormControlValidationProps, InputHTMLA
      * The element represents a caption for a component.
      */
     label?: string | ReactNode;
+    /**
+     * Put checkboxes or radios on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
     /**
      * Specifies the type of component.
      */

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

@@ -16,6 +16,12 @@ export interface CFormSwitchProps extends Omit<InputHTMLAttributes<HTMLInputElem
      * The element represents a caption for a component.
      */
     label?: string | ReactNode;
+    /**
+     * Put switch on the opposite side.
+     *
+     * @sinve 4.7.0
+     */
+    reverse?: boolean;
     /**
      * Size the component large or extra large. Works only with `switch`.
      */

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './card';
 export * from './carousel';
 export * from './close-button';
 export * from './collapse';
+export * from './conditional-portal';
 export * from './date-picker';
 export * from './date-range-picker';
 export * from './dropdown';

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

@@ -1,6 +1,6 @@
-import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
-export interface CListGroupItemProps extends HTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement | HTMLLinkElement> {
+import React, { ElementType, AnchorHTMLAttributes } from 'react';
+import type { Colors } from '../../types';
+export interface CListGroupItemProps extends AnchorHTMLAttributes<HTMLLIElement | HTMLAnchorElement | HTMLButtonElement> {
     /**
      * Toggle the active state for the component.
      */
@@ -23,6 +23,5 @@ export interface CListGroupItemProps extends HTMLAttributes<HTMLLIElement | HTML
      * Component used for the root node. Either a string to use a HTML element or a component.
      */
     component?: string | ElementType;
-    href?: string;
 }
-export declare const CListGroupItem: React.ForwardRefExoticComponent<CListGroupItemProps & React.RefAttributes<HTMLButtonElement | HTMLLinkElement | HTMLAnchorElement | HTMLLIElement>>;
+export declare const CListGroupItem: React.ForwardRefExoticComponent<CListGroupItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement>>;

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -1,5 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
 import { CFormControlWrapperProps } from './../form/CFormControlWrapper';
+import type { Option } from './types';
 export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'floatingClassName' | 'floatingLabel'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * A string of all className you want applied to the base component.
@@ -89,17 +90,4 @@ export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'float
      */
     visibleItems?: number;
 }
-export interface Option {
-    disabled?: boolean;
-    label?: string;
-    options?: Option[];
-    selected?: boolean;
-    text?: string;
-    value?: number | string;
-}
-export interface SelectedOption {
-    disabled?: boolean;
-    text: string;
-    value: number | string;
-}
 export declare const CMultiSelect: React.ForwardRefExoticComponent<CMultiSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Option } from './CMultiSelect';
+import type { Option } from './types';
 export interface CMultiSelectNativeSelectProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'options'> {
     multiple?: boolean;
     options: Option[] | undefined;

package/dist/components/multi-select/CMultiSelectOptions.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Option } from './CMultiSelect';
+import type { Option } from './types';
 export interface CMultiSelectOptionsProps extends HTMLAttributes<HTMLDivElement> {
     handleOptionOnClick?: (option: Option) => void;
     options: Option[];

package/dist/components/multi-select/CMultiSelectSelection.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import type { SelectedOption } from './CMultiSelect';
+import type { SelectedOption } from './types';
 export interface CMultiSelectSelectionProps extends HTMLAttributes<HTMLSpanElement> {
     multiple?: boolean;
     onRemove?: (option: SelectedOption) => void;

package/dist/components/multi-select/types.d.ts

@@ -0,0 +1,14 @@
+export type Option = {
+    disabled?: boolean;
+    label?: string;
+    options?: Option[];
+    order?: number;
+    selected?: boolean;
+    text: string;
+    value: number | string;
+};
+export type SelectedOption = {
+    disabled?: boolean;
+    text: string;
+    value: number | string;
+};

package/dist/components/multi-select/utils.d.ts

@@ -0,0 +1,6 @@
+import type { Option, SelectedOption } from './types';
+export declare const filterOptionsList: (search: string, _options: Option[]) => Option[];
+export declare const flattenArray: (options: Option[]) => Option[];
+export declare const getNextSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
+export declare const getPreviousSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
+export declare const selectOptions: (options: Option[], selected: SelectedOption[], deselected?: Option[]) => SelectedOption[];

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

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CNavbarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/picker/CPicker.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { CDropdownProps } from '../dropdown/CDropdown';
-import { Colors } from '../Types';
+import { Colors } from '../../types';
 export interface CPickerProps extends Omit<CDropdownProps, 'variant'> {
     /**
      * Toggle visibility or set the content of cancel button.

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

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CPlaceholderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Set animation type to better convey the perception of something being actively loaded.

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

@@ -1,5 +1,5 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { Triggers } from '../Types';
+import type { Triggers } from '../../types';
 export interface CPopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors, Gradients } from '../Types';
+import type { Colors, Gradients } from '../../types';
 export interface CProgressBarProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Use to animate the stripes right to left via CSS3 animations.

package/dist/components/smart-table/CSmartTableHead.d.ts

@@ -1,6 +1,6 @@
 import React, { ElementType, ReactNode } from 'react';
-import type { ColumnFilter, ColumnFilterValue, Column, Item, Sorter, SorterValue } from './types';
 import { CTableHeadProps } from '../table/CTableHead';
+import type { ColumnFilter, ColumnFilterValue, Column, Item, Sorter, SorterValue } from './types';
 export interface CSmartTableHeadProps extends CTableHeadProps {
     columnFilter?: boolean | ColumnFilter;
     columnFilterState?: ColumnFilterValue;

package/dist/components/smart-table/CSmartTableInterface.d.ts

@@ -78,6 +78,8 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
      *
      * Example item:
      * `{ name: 'John' , age: 12, _props: { color: 'success' }, _cellProps: { age: { className: 'fw-bold'}}}`
+     *
+     * @since 4.9.0
      */
     items?: Item[];
     /**
@@ -133,6 +135,8 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
     onRowClick?: (item: Item, index: number, columnName: string, event: MouseEvent | boolean) => void;
     /**
      * Select all callback.
+     *
+     * @since 4.9.0
      */
     onSelectAll?: () => void;
     /**
@@ -168,6 +172,8 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
      *
      * Can be customized, by passing prop as object with additional options as keys. Available options:
      * - external (Boolean) - Disables automatic selection inside the component.
+     *
+     * @since 4.9.0
      */
     selectAll?: boolean | {
         external?: boolean;
@@ -176,6 +182,8 @@ export interface CSmartTableProps extends HTMLAttributes<HTMLDivElement> {
      * Array of selected objects, where each object represents one item - row in table.
      *
      * Example item: `{ name: 'John' , age: 12 }`
+     *
+     * @since 4.9.0
      */
     selected?: Item[];
     /**

package/dist/components/smart-table/types.d.ts

@@ -4,8 +4,8 @@ import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
 import { CTableRowProps } from '../table/CTableRow';
 export type Column = {
     filter?: boolean | ((values: any[], onChange: (value: any) => void) => ReactNode);
-    label?: string;
     key: string;
+    label?: string;
     sorter?: boolean;
     _style?: any;
     _props?: CTableHeaderCellProps;

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

@@ -1,5 +1,5 @@
 import React, { ElementType, HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CSpinnerProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,10 +1,8 @@
 import React, { TableHTMLAttributes } from 'react';
-import { Colors } from '../Types';
 import { CTableHeadProps } from './CTableHead';
-import { CTableHeaderCellProps } from './CTableHeaderCell';
-import { CTableDataCellProps } from './CTableDataCell';
-import { CTableRowProps } from './CTableRow';
 import { CTableFootProps } from './CTableFoot';
+import type { Colors } from '../../types';
+import type { Column, FooterItem, Item } from './types';
 export interface CTableProps extends Omit<TableHTMLAttributes<HTMLTableElement>, 'align'> {
     /**
      * Set the vertical aligment.
@@ -115,18 +113,4 @@ export interface CTableProps extends Omit<TableHTMLAttributes<HTMLTableElement>,
      */
     tableHeadProps?: CTableHeadProps;
 }
-export interface Column {
-    label?: string;
-    key: string;
-    _style?: any;
-    _props?: CTableHeaderCellProps;
-}
-export interface Item {
-    [key: string]: number | string | any;
-    _props?: CTableRowProps;
-}
-export interface FooterItem {
-    label?: string;
-    _props?: CTableDataCellProps;
-}
 export declare const CTable: React.ForwardRefExoticComponent<CTableProps & React.RefAttributes<HTMLTableElement>>;

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,5 +1,5 @@
 import React, { TdHTMLAttributes, ThHTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableDataCellProps extends Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>, Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'> {
     /**
      * Highlight a table row or cell.

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableHeadProps extends HTMLAttributes<HTMLTableSectionElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,5 +1,5 @@
 import React, { ThHTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
     /**
      * A string of all className you want applied to the component.

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

@@ -1,6 +1,5 @@
 import { FC, HTMLAttributes } from 'react';
 export interface CTableResponsiveWrapperProps extends HTMLAttributes<HTMLDivElement> {
-    children: any;
     /**
      * Make any table responsive across all viewports or pick a maximum breakpoint with which to have a responsive table up to.
      */

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CTableRowProps extends HTMLAttributes<HTMLTableRowElement> {
     /**
      * Highlight a table row or cell..

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

@@ -0,0 +1,17 @@
+import { CTableDataCellProps } from '../table/CTableDataCell';
+import { CTableHeaderCellProps } from '../table/CTableHeaderCell';
+import { CTableRowProps } from '../table/CTableRow';
+export type Column = {
+    label?: string;
+    key: string;
+    _style?: any;
+    _props?: CTableHeaderCellProps;
+};
+export type FooterItem = {
+    label?: string;
+    _props?: CTableDataCellProps;
+};
+export type Item = {
+    [key: string]: number | string | any;
+    _props?: CTableRowProps;
+};

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

@@ -0,0 +1,5 @@
+import type { Column, Item } from './types';
+export declare const pretifyName: (name: string) => string;
+export declare const getColumnLabel: (column: Column | string) => string;
+export declare const getColumnNames: (columns: (string | Column)[] | undefined, items?: Item[]) => string[] | undefined;
+export declare const getColumnNamesFromItems: (items: Item[]) => string[];

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

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * Apply a CSS fade transition to the toast.

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

@@ -1,6 +1,6 @@
 import React, { ElementType } from 'react';
+import { CButtonProps } from '../button/CButton';
 import { CCloseButtonProps } from '../close-button/CCloseButton';
-import type { CButtonProps } from '../button/CButton';
 type CombineButtonProps = CCloseButtonProps & CButtonProps;
 export interface CToastCloseProps extends CombineButtonProps {
     /**

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

@@ -1,5 +1,5 @@
 import { FC, HTMLAttributes, ReactNode } from 'react';
-import { Triggers } from '../Types';
+import type { Triggers } from '../../types';
 export interface CTooltipProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A string of all className you want applied to the component.

package/dist/components/virtual-scroller/CVirtualScroller.d.ts

@@ -4,14 +4,6 @@ export interface CVirtualScrollerProps extends Omit<HTMLAttributes<HTMLDivElemen
      * A string of all className you want applied to the base component.
      */
     className?: string;
-    /**
-     * Single item height.
-     */
-    itemHeight?: number | 'auto';
-    /**
-     * Number of items.
-     */
-    itemsNumber?: number;
     /**
      * Event fires when the component has been scrolled.
      */

package/dist/components/widgets/CWidgetStatsA.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CWidgetStatsAProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * Action node for your component.

package/dist/components/widgets/CWidgetStatsB.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
 import { CProgressProps } from '../progress/CProgress';
+import type { Colors } from '../../types';
 export interface CWidgetStatsBProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/widgets/CWidgetStatsC.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
 import { CProgressProps } from '../progress/CProgress';
+import type { Colors } from '../../types';
 export interface CWidgetStatsCProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the base component.

package/dist/components/widgets/CWidgetStatsD.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 type Value = {
     title?: string | ReactNode;
     value?: number | string | ReactNode;

package/dist/components/widgets/CWidgetStatsF.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { Colors } from '../Types';
+import type { Colors } from '../../types';
 export interface CWidgetStatsFProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /**
      * A string of all className you want applied to the base component.