@wavv/ui 2.0.0-alpha.2 → 2.0.0-alpha.4

package/build/cjs/types/components/Inputs/helpers/Label.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ThemeProp } from '../../types';
+declare const Label: import("@emotion/styled").StyledComponent<import("react-aria-components").LabelProps & import("react").RefAttributes<HTMLLabelElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    filled?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & ThemeProp, {}, {}>;
+export default Label;

package/build/cjs/types/components/Inputs/helpers/LabelWrapper.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const LabelWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    readOnly?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default LabelWrapper;

package/build/cjs/types/components/Inputs/helpers/PickerToggle.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ThemeProp } from '../../types';
+declare const PickerToggle: import("@emotion/styled").StyledComponent<import("react-aria-components").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ThemeProp, {}, {}>;
+export default PickerToggle;

package/build/cjs/types/components/Inputs/helpers/useInputFocus.d.ts

@@ -0,0 +1,8 @@
+import { FocusEvent } from 'react';
+type FocusCallBack = (event: FocusEvent) => void;
+declare const useInputFocus: (onFocus?: FocusCallBack, onBlur?: FocusCallBack, focusCondition?: boolean) => {
+    focused: boolean;
+    handleFocus: (event: FocusEvent) => void;
+    handleBlur: (event: FocusEvent) => void;
+};
+export default useInputFocus;

package/build/cjs/types/components/ListBoxParts/ListBox.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const ListBox: import("@emotion/styled").StyledComponent<import("react-aria-components").ListBoxProps<object> & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    zIndex?: number | undefined;
+    autoWidth?: boolean | undefined;
+} & import("../types").Width & import("../types").ThemeProp, {}, {}>;
+export default ListBox;

package/build/cjs/types/components/ListBoxParts/ListBoxItem.d.ts

@@ -0,0 +1,5 @@
+import { ListBoxItemProps } from 'react-aria-components';
+import { SelectItem } from '../componentTypes';
+type Props = SelectItem & Omit<ListBoxItemProps, 'value' | 'id'>;
+declare const ListBoxItem: ({ id, value, header, body, leftElement, rightElement, inline, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ListBoxItem;

package/build/cjs/types/components/ListHelpers/ItemHeaderBody.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    header: string;
+    body: string;
+    inline?: boolean;
+};
+declare const ItemHeaderBody: ({ header, body, inline }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ItemHeaderBody;

package/build/cjs/types/components/ListHelpers/ListHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ThemeProp } from '../types';
+declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ThemeProp, {}, {}>;
+export default ListHeader;

package/build/cjs/types/components/ListHelpers/ListItemStyles.d.ts

@@ -0,0 +1,16 @@
+import { CSSObject } from '@emotion/styled';
+import { FlexPosition, ThemeProp } from '../types';
+export declare const preventProps: {
+    shouldForwardProp: (prop: string) => boolean;
+};
+export type ListItemStyleProps = {
+    selected?: boolean;
+    noSelect?: boolean;
+    disabled?: boolean;
+    contentPosition?: FlexPosition;
+    color?: string;
+    accented?: boolean;
+} & ThemeProp;
+type Props = ListItemStyleProps & Required<ThemeProp>;
+declare const listItemStyles: (({ theme: { optionItem, scale4 }, color, accented, selected, disabled, noSelect, }: Props) => CSSObject)[];
+export default listItemStyles;

package/build/cjs/types/components/ListHelpers/ListSection.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type SecProps = {
+    id?: string;
+    title?: string;
+    children: ReactNode;
+};
+declare const ListSection: ({ id, title, children }: SecProps) => import("react/jsx-runtime").JSX.Element;
+export default ListSection;

package/build/cjs/types/components/ListHelpers/ListStyles.d.ts

@@ -0,0 +1,11 @@
+import { CSSObject } from '@emotion/styled';
+import { ThemeProp, Width } from '../types';
+export declare const preventProps: {
+    shouldForwardProp: (prop: string) => boolean;
+};
+export type ListProps = {
+    zIndex?: number;
+    autoWidth?: boolean;
+} & Width & ThemeProp;
+declare const listStyles: (({ theme, width, zIndex, autoWidth }: ListProps & Required<ThemeProp>) => CSSObject)[];
+export default listStyles;

package/build/cjs/types/components/Modal.d.ts

@@ -13,6 +13,8 @@ type ModalProps = {
     closeIcon?: boolean;
     /** Prevents the Modal from closing if the overlay outside the modal is clicked */
     preventOverlayClose?: boolean;
+    /** Blurs the background behind the modal */
+    overlayBlur?: boolean | number;
     /** Sets the color of the modal overlay */
     overlayColor?: string;
     /** Overrides the backgroundColor of the modal container */
@@ -39,7 +41,7 @@ type ModalProps = {
     zIndex?: number;
 } & WidthHeight & Padding;
 declare const Modal: {
-    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
+    ({ children, rootSelector, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, small, noOverlay, centerX, centerY, position, top, bottom, right, left, padding, paddingTop, paddingBottom, paddingRight, paddingLeft, zIndex, }: ModalProps): import("react").ReactPortal | null;
     Header: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
         as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/build/cjs/types/components/MultiSelect.d.ts

@@ -1,6 +1,6 @@
-import React, { ReactNode } from 'react';
-import { DropdownOption, InputProps } from './Dropdown';
-import { Width, Margin, MultiSelectRef } from './types';
+import { ReactNode } from 'react';
+import { InputProps } from './Dropdown';
+import { OptionItem as DropdownOption, Margin, MultiSelectRef, Width } from './types';
 type DropdownProps = Omit<InputProps, 'children'>;
 type MultiSelectProps = {
     /** The list of dropdown options to display */
@@ -42,5 +42,5 @@ type MultiSelectProps = {
     /** The function to be called when the input is updated */
     onTextChange?: (text: string) => void;
 } & Width & Margin & DropdownProps;
-declare const MultiSelect: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & React.RefAttributes<MultiSelectRef>>;
+declare const MultiSelect: import("react").ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & import("react").RefAttributes<MultiSelectRef>>;
 export default MultiSelect;

package/build/cjs/types/components/OptionHelpers/Item.d.ts

@@ -7,6 +7,7 @@ export type ItemProps = {
     contentPosition?: FlexPosition;
     color?: string;
     accented?: boolean;
+    section?: boolean;
 } & ThemeProp;
 declare const Item: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -18,5 +19,6 @@ declare const Item: import("@emotion/styled").StyledComponent<{
     contentPosition?: FlexPosition | undefined;
     color?: string | undefined;
     accented?: boolean | undefined;
+    section?: boolean | undefined;
 } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Item;

package/build/cjs/types/components/OptionHelpers/types.d.ts

@@ -18,4 +18,6 @@ export type OptionsItemProps = {
     color?: string;
     /** Sets the Option text color to theme.accent */
     accented?: boolean;
+    /** Sets the Option as a section separator */
+    section?: boolean;
 };

package/build/cjs/types/components/Options.d.ts

@@ -24,6 +24,6 @@ type OptionsProps = {
 } & Width;
 declare const Options: {
     ({ id, children, containerRef, parentSelector, width, maxHeight, offsetY, offsetX, centerY, centerX, direction, }: OptionsProps): import("react/jsx-runtime").JSX.Element;
-    Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, ...props }: OptionsItemProps): import("react/jsx-runtime").JSX.Element;
+    Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, section, ...props }: OptionsItemProps): import("react/jsx-runtime").JSX.Element;
 };
 export default Options;

package/build/cjs/types/components/RangeCalendar.d.ts

@@ -0,0 +1,13 @@
+import { CalendarDate } from '@internationalized/date';
+import { RangeCalendarProps } from 'react-aria-components';
+import type { CalendarBaseProps } from './componentTypes';
+type Props = {
+    /** Optional date the initial selected calendar range should start from. */
+    startDate?: Date;
+    /** Optional date the initial selected calendar range should end on. */
+    endDate?: Date;
+    /** The function to be called when a date range is selected */
+    onChange: (start: Date, end: Date) => void;
+} & CalendarBaseProps & Omit<RangeCalendarProps<CalendarDate>, 'onChange'>;
+declare const RangeCalendar: ({ startDate, endDate, onChange, preventPast, preventFuture, noShadow, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default RangeCalendar;

package/build/cjs/types/components/Select.d.ts

@@ -1,65 +1,14 @@
 /// <reference types="react" />
-import { OptionItem } from './Dropdown/DropdownUtils';
-import { Margin, WidthHeight } from './types';
-type SelectProps<OptionType> = {
-    /** The function to be called when an option is selected */
-    onChange?: (item: OptionType | null) => void;
-    /** The value of the Select */
-    value?: string;
-    /** The function to be called when the Select is opened */
-    afterShow?: () => void;
-    /** The function to be called when the Select is closed */
-    afterHide?: () => void;
-    /** Sets the input placeholder text */
-    placeholder?: string;
-    /** Sets the input placeholder color */
-    placeholderColor?: string;
-    /** The options to be displayed */
-    options?: OptionType[];
-    /** Removes the border from the Select input */
-    borderless?: boolean;
-    /** Sets the input borderColor */
-    borderColor?: string;
-    /** Sets the input backgroundColor */
-    backgroundColor?: string;
-    /** Removes the border and background-color from the Select input */
-    textOnly?: boolean;
-    /** Adds a label to the Select input */
-    label?: string;
-    /** Sets the id of the Select input or trigger */
-    id?: string;
-    /** Sets the Select fontSize */
-    fontSize?: number | string;
-    /** Places a description message below the Select */
-    description?: string;
-    /** Disables the Select */
-    disabled?: boolean;
-    /** Sets the Select's bottom border and description text to red */
-    invalid?: boolean;
-    /** zIndex of the menu's portal container */
-    zIndex?: number;
-    /** Controls the open state of the menu */
-    open?: boolean;
-} & WidthHeight & Margin;
-declare const Select: <OptionType extends OptionItem>({ onChange, afterShow, afterHide, placeholder, placeholderColor, value, options, borderless, borderColor, backgroundColor, textOnly, width, label, id, fontSize, description, disabled, invalid, zIndex, open, ...props }: SelectProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
-export declare const Trigger: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    backgroundColor?: string | undefined;
-    borderRadius?: string | number | undefined;
-    borderless?: boolean | undefined;
-    borderColor?: string | undefined;
-    fontSize?: string | number | undefined;
-    placeholderColor?: string | undefined;
-    pointer?: boolean | undefined;
-    readOnly?: boolean | undefined;
-    textOnly?: boolean | undefined;
-    focused?: boolean | undefined;
-    invalid?: boolean | undefined;
-    disabled?: boolean | undefined;
-    hasLabel?: boolean | undefined;
-} & import("./types").Width & import("./types").Height & Margin & import("./types").Padding & import("./types").ThemeProp & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
+import { SelectProps } from 'react-aria-components';
+import { SelectInputProps } from './componentTypes';
+type Props = SelectInputProps & Omit<SelectProps<object>, 'children' | 'onSelectionChange'>;
+declare const Select: {
+    ({ backgroundColor, children, fontSize, isDisabled, label, open, options, placeholder, placeholderColor, textOnly, value, width, onChange, afterShow, afterHide, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    Item: ({ id, value, header, body, leftElement, rightElement, inline, ...props }: import("./componentTypes").SelectItem & Omit<import("react-aria-components").ListBoxItemProps<object>, "value" | "id">) => import("react/jsx-runtime").JSX.Element;
+    Section: ({ id, title, children }: {
+        id?: string | undefined;
+        title?: string | undefined;
+        children: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
 export default Select;

package/build/cjs/types/components/componentTypes.d.ts

@@ -0,0 +1,61 @@
+import { ReactElement, ReactNode } from 'react';
+import { Key } from 'react-aria-components';
+import { InputProps, Margin, Width } from './types';
+export type ListItem = {
+    /** The id of the option that will be returned on selection */
+    id?: number | string;
+    /** The value displayed within the input after selection */
+    value: string;
+    /** The header text displayed above the body text */
+    header?: string;
+    /** The body text displayed below the header text */
+    body?: string;
+    /** An element to be displayed on the left side of the item */
+    leftElement?: ReactElement;
+    /** An element to be displayed on the right side of the item */
+    rightElement?: ReactElement;
+    /** Displays the header & body inline rather than column */
+    inline?: boolean;
+    /** Disables the Item from being clicked */
+    isDisabled?: boolean;
+    /** The function to be called when the item is clicked */
+    onClick?: () => void;
+};
+export type SelectItem = Omit<ListItem, 'onClick'>;
+export type SelectInputProps = {
+    /** The option Items to be displayed in the menu */
+    children?: ReactNode;
+    /** The options to be displayed in the menu */
+    options?: SelectItem[];
+    /** The controlled value of the input */
+    value?: Key;
+    /** Adds a label to the input */
+    label?: string;
+    /** Sets the placeholder text */
+    placeholder?: string;
+    /** Sets the placeholder color */
+    placeholderColor?: string;
+    /** Sets the input's backgroundColor */
+    backgroundColor?: string;
+    /** Removes the background color from the input */
+    textOnly?: boolean;
+    /** Sets the fontSize */
+    fontSize?: number | string;
+    /** Controls the open state of the menu */
+    open?: boolean;
+    /** The function to be called when an option is selected */
+    onChange?: (key: Key) => void;
+    /** The function to be called when the menu is opened */
+    afterShow?: () => void;
+    /** The function to be called when the menu is closed */
+    afterHide?: () => void;
+} & Width & Margin;
+export type CalendarBaseProps = {
+    /** Prevents selection of dates in the past (relative to the set date or current date). */
+    preventPast?: boolean | Date;
+    /** Prevents selection of dates in the future (relative to the set date or current date). */
+    preventFuture?: boolean | Date;
+    /** Removes the Calendar's boxShadow */
+    noShadow?: boolean;
+};
+export type DateInputProps = Pick<SelectInputProps, 'open' | 'afterShow' | 'afterHide'> & Omit<CalendarBaseProps, 'noShadow'> & Omit<InputProps, 'placeholder'>;

package/build/cjs/types/components/helpers/styledProps.d.ts

@@ -1,26 +1,6 @@
-import type { Position, Margin, Padding, WidthHeight } from '../types';
-export declare const widthHeightProps: ({ width, height }: WidthHeight) => {
-    width: string | number | undefined;
-    height: string | number | undefined;
-};
-export declare const paddingProps: ({ padding, paddingTop, paddingBottom, paddingRight, paddingLeft }: Padding) => {
-    padding: string | number | undefined;
-    paddingTop: string | number | undefined;
-    paddingBottom: string | number | undefined;
-    paddingRight: string | number | undefined;
-    paddingLeft: string | number | undefined;
-};
-export declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marginLeft }: Margin) => {
-    margin: string | number | undefined;
-    marginTop: string | number | undefined;
-    marginBottom: string | number | undefined;
-    marginRight: string | number | undefined;
-    marginLeft: string | number | undefined;
-};
-export declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
-    position: import("../types").PositionType | undefined;
-    top: string | number | undefined;
-    bottom: string | number | undefined;
-    right: string | number | undefined;
-    left: string | number | undefined;
-};
+import { CSSObject } from '@emotion/react';
+import type { Margin, Padding, Position, WidthHeight } from '../types';
+export declare const widthHeightProps: ({ width, height }: WidthHeight) => CSSObject;
+export declare const paddingProps: ({ padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: Padding) => CSSObject;
+export declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marginLeft }: Margin) => CSSObject;
+export declare const positionProps: ({ position, top, bottom, right, left }: Position) => CSSObject;

package/build/cjs/types/components/types.d.ts

@@ -1,4 +1,6 @@
-import { ComponentPropsWithoutRef, ElementType, FocusEvent } from 'react';
+import { ComponentPropsWithoutRef, ElementType, FocusEvent, MouseEvent, ReactElement, RefObject } from 'react';
+import { ValidationResult } from 'react-aria-components';
+import type { IconType } from './helpers/getIcon';
 export type { ThemeProp } from '../theme';
 export type Margin = {
     margin?: number | string;
@@ -54,7 +56,7 @@ export type MergeWithAs<Component extends As, Props extends object> = Omit<Props
     as?: Component;
 };
 export type ComponentPropsWithAs<Component extends As, Props extends object> = Omit<ComponentPropsWithoutRef<Component>, keyof MergeWithAs<Component, Props>> & MergeWithAs<Component, Props>;
-export type InputFocusEvent = FocusEvent<HTMLInputElement>;
+export type InputFocusEvent = FocusEvent | FocusEvent<HTMLInputElement>;
 export type MergeField = {
     id: string;
     label: string;
@@ -82,4 +84,59 @@ type Left = 'left center' | 'left top' | 'left bottom';
 type Right = 'right center' | 'right top' | 'right bottom';
 export type PopSide = 'top' | 'bottom' | 'right' | 'left';
 export type PopPosition = PopSide | Top | Bottom | Left | Right;
+export type Placement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
 export type ArrowAlign = 'center' | 'start' | 'end';
+export type OptionItem = {
+    id: number | string;
+    label: string;
+    header?: string;
+    body?: string;
+    type?: 'section';
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+    onClick?: (event?: MouseEvent | Event) => void;
+    value?: unknown;
+    [key: string]: unknown;
+};
+export type Section<T> = {
+    id: string;
+    label?: string;
+    options: T[];
+};
+export type ListItem<T> = T | Section<T>;
+export type InputContainerStyleProps = {
+    /** Sets the input backgroundColor */
+    backgroundColor?: string;
+    /** Sets the input borderRadius */
+    borderRadius?: number | string;
+    /** Sets the input borderColor */
+    borderColor?: string;
+    /** Removes the background and padding from the input */
+    textOnly?: boolean;
+} & Width & MarginPadding;
+export type InputElementStyleProps = {
+    /** Sets the input fontSize */
+    fontSize?: number | string;
+    /** Sets the color of the input placeholder */
+    placeholderColor?: string;
+    /** Sets the disabled styles of the input */
+    isDisabled?: boolean;
+} & Width;
+export type InputProps = {
+    /** Places a label element above the input. The value will set the text of the label */
+    label?: string;
+    /** Sets the input placeholder text */
+    placeholder?: string;
+    /** A ref to the input element */
+    inputRef?: RefObject<HTMLInputElement>;
+    /** Places a description message below the input */
+    description?: string;
+    /** Places an error message below the input */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** The name of the icon that should appear on the left side of the input */
+    iconLeft?: IconType;
+    /** The name of the icon that should appear on the right side of the input */
+    iconRight?: IconType;
+    /** Displays a spinner icon on the right side of the input */
+    isLoading?: boolean;
+} & InputContainerStyleProps & InputElementStyleProps;

package/build/cjs/types/hooks/useSelect.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { OptionItem, SetValueFunc } from '../components/Dropdown/DropdownUtils';
+import { SetValueFunc } from '../components/Dropdown/DropdownUtils';
+import { OptionItem } from '../components/types';
 type UseSelectProps<OptionType> = {
     /** The options that will be displayed in the list */
     options: OptionType[];
@@ -13,7 +14,7 @@ type UseSelectProps<OptionType> = {
     isOpen: boolean;
     /** The condition for when the select element is focused */
     isFocused?: boolean;
-    /** The text from a search Droppdown */
+    /** The text from a search Dropdown */
     searchText?: string;
 };
 declare const useSelect: <OptionType extends OptionItem>({ options, select, close, open, searchText, isOpen, isFocused, }: UseSelectProps<OptionType>) => readonly [number, import("react").RefObject<HTMLDivElement>];

package/build/cjs/types/index.d.ts

@@ -5,6 +5,7 @@ export { default as Button } from './components/Button';
 export { default as Calendar } from './components/Calendar';
 export { default as Checkbox } from './components/Checkbox';
 export { default as Code } from './components/Code';
+export { default as ComboBox } from './components/ComboBox';
 export { default as DocTable } from './components/DocTable';
 export { default as DraftEditor } from './components/DraftEditor';
 export { default as Dropdown } from './components/Dropdown';
@@ -16,6 +17,10 @@ export { default as ImageViewer } from './components/ImageViewer';
 export { default as InlineCode } from './components/InlineCode';
 export { default as Input } from './components/Input';
 export { default as InputUtils } from './components/InputHelpers';
+export { default as DatePicker } from './components/Inputs/DatePicker';
+export { default as DateRangePicker } from './components/Inputs/DateRangePicker';
+export { default as NumberInput } from './components/Inputs/NumberInput';
+export { default as TextInput } from './components/Inputs/TextInput';
 export { default as Label } from './components/Label';
 export { default as LineChart } from './components/LineChart';
 export { default as Menu } from './components/Menu';
@@ -29,6 +34,7 @@ export { default as Pagination } from './components/Pagination';
 export { default as PieChart } from './components/PieChart';
 export { default as Progress } from './components/Progress';
 export { default as Radio } from './components/Radio';
+export { default as RangeCalendar } from './components/RangeCalendar';
 export { default as Select } from './components/Select';
 export { default as Slider } from './components/Slider';
 export { default as Spacer } from './components/Spacer';
@@ -45,11 +51,10 @@ export { default as theme } from './theme';
 export { default as colors } from './theme/colors';
 export { default as darkScale } from './theme/darkScale';
 export { default as lightScale } from './theme/lightScale';
-export type { DropdownOption } from './components/Dropdown';
 export type { IconNames } from './components/Icon/icons';
 export type { TabItem } from './components/Tabs';
 export type { Action as TransferAction, Item as TransferItem, Next as TransferNext } from './components/TransferList';
-export type { AsProp as As, AudioRef, DraftEditorRef, FlexPosition, Height, InputRef, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, MinHeight, MinWidth, MinWidthHeight, MultiSelectRef, Padding, Position, Width, WidthHeight, } from './components/types';
+export type { AsProp as As, AudioRef, DraftEditorRef, OptionItem as DropdownOption, FlexPosition, Height, InputRef, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, MinHeight, MinWidth, MinWidthHeight, MultiSelectRef, Padding, Position, Width, WidthHeight, } from './components/types';
 export type { ITheme, ThemeProp } from './theme/ThemeTypes';
 export { default as useConfirm } from './hooks/useConfirm';
 export { default as useElementObserver } from './hooks/useElementObserver';

package/build/cjs/types/theme/ThemeTypes.d.ts

@@ -110,6 +110,7 @@ export interface ITheme {
             hover: string;
             active: string;
             activeHover: string;
+            activeRange: string;
         };
         color: {
             disabled: string;
@@ -120,6 +121,7 @@ export interface ITheme {
             weekday: string;
             monthYear: string;
             iconDefault: string;
+            iconDisabled: string;
             iconHover: string;
         };
     };