@coreui/react-pro 4.2.0-beta.0 → 4.2.0

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.2.0-beta.0.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react/archive/v4.2.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/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/calendar/CCalendar.d.ts

@@ -4,6 +4,10 @@ export interface CCalendarProps {
      * Default date of the component
      */
     calendarDate?: Date | string;
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars?: number;
     /**
      * A string of all className you want applied to the component.
      */
@@ -18,21 +22,31 @@ export interface CCalendarProps {
     endDate?: Date | string | null;
     /**
      * Sets the day of start week.
-     * 0 - Sunday, 1 - Monday, 2 - Tuesday, 3 - Wednesday, 4 - Thursday, 5 - Friday, 6 - Saturday, 7 - Sunday
+     * - 0 - Sunday,
+     * - 1 - Monday,
+     * - 2 - Tuesday,
+     * - 3 - Wednesday,
+     * - 4 - Thursday,
+     * - 5 - Friday,
+     * - 6 - Saturday,
+     *
+     * @default 1
      */
     firstDayOfWeek?: number;
     /**
-     * Sets the default locale for components. If not set, it is inherited from the navigator.language.
+     * Sets the default locale for components. If not set, it is inherited from the browser.
+     *
+     * @default 'default'
      */
     locale?: string;
     /**
      * Max selectable date.
      */
-    maxDate?: Date;
+    maxDate?: Date | string | null;
     /**
      * Min selectable date.
      */
-    minDate?: Date;
+    minDate?: Date | string | null;
     /**
      * Show arrows navigation.
      */
@@ -40,19 +54,19 @@ export interface CCalendarProps {
     /**
      * The custom next icon.
      */
-    nextIcon?: ReactNode;
+    navNextIcon?: ReactNode;
     /**
      * The custom next double icon.
      */
-    nextDoubleIcon?: ReactNode;
+    navNextDoubleIcon?: ReactNode;
     /**
      * The custom prev icon.
      */
-    prevIcon?: ReactNode;
+    navPrevIcon?: ReactNode;
     /**
      * The custom prev double icon.
      */
-    prevDoubleIcon?: ReactNode;
+    navPrevDoubleIcon?: ReactNode;
     /**
      * Allow range selection.
      */
@@ -66,9 +80,11 @@ export interface CCalendarProps {
      */
     startDate?: Date | string | null;
     /**
-     * Set length of day name.
+     * Set length or format of day name.
+     *
+     * @default 2
      */
-    weekdayLength?: number;
+    weekdayFormat?: number | 'long' | 'narrow' | 'short';
     /**
      * Callback fired when the user hovers over the calendar cell.
      */
@@ -80,10 +96,18 @@ export interface CCalendarProps {
     /**
      * Callback fired when the start date changed.
      */
-    onStartDateChange?: (date: Date | null) => void;
+    onStartDateChange?: (date: Date | null, formatedDate?: string | undefined) => void;
     /**
      * Callback fired when the end date changed.
      */
-    onEndDateChange?: (date: Date | null) => void;
+    onEndDateChange?: (date: Date | null, formatedDate?: string | undefined) => void;
+    /**
+     * Callback fired when the selection type changed.
+     */
+    onSelectEndChange?: (value: boolean) => void;
+    /**
+     * Callback fired when the view type of calendar changed.
+     */
+    onViewChanged?: (view: string) => void;
 }
 export declare const CCalendar: React.ForwardRefExoticComponent<CCalendarProps & React.RefAttributes<HTMLDivElement>>;

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

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

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/date-picker/CDatePicker.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CDateRangePickerProps } from '../date-range-picker/CDateRangePicker';
+export interface CDatePickerProps extends Omit<CDateRangePickerProps, 'calendars' | 'endDate' | 'range' | 'onEndDateChange' | 'onStartDateChange' | 'ranges' | 'selectEndDate' | 'startDate'> {
+    /**
+     * Initial selected date.
+     */
+    date?: Date | string | null;
+    /**
+     * Callback fired when the date changed.
+     */
+    onDateChange?: (date: Date | null, formatedDate?: string | undefined) => void;
+}
+export declare const CDatePicker: React.ForwardRefExoticComponent<CDatePickerProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

package/dist/components/date-picker/index.d.ts

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

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

@@ -0,0 +1,93 @@
+import React, { ReactNode } from 'react';
+import { CCalendarProps } from '../calendar/CCalendar';
+import { CPickerProps } from '../picker/CPicker';
+import { Colors } from '../Types';
+export interface CDateRangePickerProps extends Omit<CPickerProps, 'autoClose' | 'component' | 'dark' | 'placeholder' | 'variant'>, Omit<CCalendarProps, 'onCalendarCellHover' | 'onCalendarDateChange'> {
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars?: number;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * Toggle visibility or set the content of the cleaner button.
+     */
+    cleaner?: boolean;
+    /**
+     * Set date format.
+     * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
+     */
+    format?: string;
+    /**
+     * Toggle visibility or set the content of the input indicator.
+     */
+    indicator?: ReactNode | boolean;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    inputReadOnly?: boolean;
+    /**
+     * Specifies short hints that are visible in start date and end date inputs.
+     */
+    placeholder?: string | string[];
+    /**
+     * @ignore
+     */
+    range?: boolean;
+    /**
+     * Predefined date ranges the user can select from.
+     */
+    ranges?: object;
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    rangesButtonsColor?: Colors;
+    /**
+     * Size the ranges button small or large.
+     */
+    rangesButtonsSize?: 'sm' | 'lg';
+    /**
+     * Set the ranges button variant to an outlined button or a ghost button.
+     */
+    rangesButtonsVariant?: 'outline' | 'ghost';
+    /**
+     * Default icon or character character that separates two dates.
+     */
+    separator?: ReactNode | boolean;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Provide an additional time selection by adding select boxes to choose times.
+     */
+    timepicker?: boolean;
+    /**
+     * Toggle visibility or set the content of today button.
+     *
+     * @default 'Today'
+     */
+    todayButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the today button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    todayButtonColor?: Colors;
+    /**
+     * Size the today button small or large.
+     *
+     * @default 'sm'
+     */
+    todayButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the today button variant to an outlined button or a ghost button.
+     */
+    todayButtonVariant?: 'outline' | 'ghost';
+}
+export declare const CDateRangePicker: React.ForwardRefExoticComponent<CDateRangePickerProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

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

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

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

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

package/dist/components/daterangepicker/CDateRangePicker.d.ts

@@ -1,27 +1,24 @@
 import React, { ReactNode } from 'react';
 import { CCalendarProps } from '../calendar/CCalendar';
-import { CPickerProps } from './../picker/CPicker';
+import { CPickerProps } from '../picker/CPicker';
+import { Colors } from '../Types';
 export interface CDateRangePickerProps extends Omit<CPickerProps, 'autoClose' | 'component' | 'dark' | 'placeholder' | 'variant'>, Omit<CCalendarProps, 'onCalendarCellHover' | 'onCalendarDateChange'> {
     /**
      * The number of calendars that render on desktop devices.
      */
     calendars?: number;
     /**
-     * Enables selection cleaner element.
+     * A string of all className you want applied to the component.
      */
-    cleaner?: boolean;
-    /**
-     * Cleaner icon.
-     */
-    cleanerIcon?: ReactNode | boolean;
+    className?: string;
     /**
-     * Default input icon.
+     * Toggle visibility or set the content of the cleaner button.
      */
-    defaultIcon?: ReactNode | boolean;
+    cleaner?: boolean;
     /**
-     * Default icon between date input fields.
+     * Toggle visibility or set the content of the input indicator.
      */
-    infixIcon?: ReactNode | boolean;
+    indicator?: ReactNode | boolean;
     /**
      * Toggle the readonly state for the component.
      */
@@ -38,6 +35,24 @@ export interface CDateRangePickerProps extends Omit<CPickerProps, 'autoClose' |
      * Predefined date ranges the user can select from.
      */
     ranges?: object;
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    rangesButtonsColor?: Colors;
+    /**
+     * Size the ranges button small or large.
+     */
+    rangesButtonsSize?: 'sm' | 'lg';
+    /**
+     * Set the ranges button variant to an outlined button or a ghost button.
+     */
+    rangesButtonsVariant?: 'outline' | 'ghost';
+    /**
+     * Default icon or character character that separates two dates.
+     */
+    separator?: ReactNode | boolean;
     /**
      * Size the component small or large.
      */

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

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

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 };