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

package/build/index.d.ts

@@ -1,12 +1,439 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { ElementType, FocusEvent, ReactNode, ChangeEvent, HTMLProps, ReactElement, MouseEvent as MouseEvent$1, KeyboardEvent as KeyboardEvent$1, CSSProperties, MutableRefObject, RefObject, FormEvent } from 'react';
+import { HTMLProps, ReactNode, ReactElement, MouseEvent as MouseEvent$1, ElementType, FocusEvent, RefObject, ChangeEvent, KeyboardEvent as KeyboardEvent$1, CSSProperties, MutableRefObject, FormEvent } from 'react';
+import * as react_aria_components from 'react-aria-components';
+import { ValidationResult, Key, PressEvent, ButtonProps, CalendarProps, ComboBoxProps, DatePickerProps, DateValue, DateRangePickerProps, NumberFieldProps, TextFieldProps, RangeCalendarProps, SelectProps as SelectProps$1 } from 'react-aria-components';
 import * as _emotion_styled from '@emotion/styled';
 import { StyledComponent } from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
+import { CSSObject } from '@emotion/react';
+import { CalendarDate } from '@internationalized/date';
 import { EditorChangeType } from 'draft-js';
 
+declare function ActivityHistory(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Add(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function AddCircle(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function AddCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function AddPerson(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ArrowDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ArrowLeft(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ArrowRight(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ArrowUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Attachment(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Calendar$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Camera(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Card(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CaretDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CaretUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CheckCircle(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CheckCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Checkbox$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CheckboxOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CheckboxPartial(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ChevronDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ChevronLeft(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ChevronRight(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ChevronUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Clapperboard(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ClapperboardOpen(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Close(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CloseCircle(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function CloseCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Copy(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Devices(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Dialpad(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function DoubleArrowLeft(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function DoubleArrowRight(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Download(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Edit(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Emoji(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function EyeOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function EyeOn(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Facebook(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function DonerMenu(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Flask(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Group(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Heart(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function HeartOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Help(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Hourglass(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Info(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Instagram(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function KebabMenu(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Link(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Linkedin(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Loading(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Maximize(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Menu$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function MergeField$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Message$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Mic(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function MicOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Minimize(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Mobile(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function NotAllowed(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Open(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PauseOutline$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PauseOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Person(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Phone$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PhoneBlocked(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PhoneEnd(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PhoneHistory(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PhoneTalk(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Play(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function PlayOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ProfileUser(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function RadioButton(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function RadioButtonOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Record(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Refresh(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Rocket(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Schedule(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ScheduleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Search(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Settings(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Sort(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Spotify(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Star(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function StarOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Stop(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function StopOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Template(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ToggleOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function ToggleOn(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Trash(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Twitter(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Upload(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Video(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Voicemail(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function VolOn(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Warning(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function WarningCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare function Youtube(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+
+declare const icons: {
+    'activity-history': typeof ActivityHistory;
+    add: typeof Add;
+    'add-circle': typeof AddCircle;
+    'add-circle-outline': typeof AddCircleOutline;
+    'add-person': typeof AddPerson;
+    'arrow-down': typeof ArrowDown;
+    'arrow-left': typeof ArrowLeft;
+    'arrow-right': typeof ArrowRight;
+    'arrow-up': typeof ArrowUp;
+    attachment: typeof Attachment;
+    calendar: typeof Calendar$1;
+    camera: typeof Camera;
+    card: typeof Card;
+    'caret-down': typeof CaretDown;
+    'caret-up': typeof CaretUp;
+    check: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'check-badge': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'check-circle': typeof CheckCircle;
+    'check-circle-outline': typeof CheckCircleOutline;
+    checkbox: typeof Checkbox$1;
+    'checkbox-off': typeof CheckboxOff;
+    'checkbox-partial': typeof CheckboxPartial;
+    'chevron-down': typeof ChevronDown;
+    'chevron-left': typeof ChevronLeft;
+    'chevron-right': typeof ChevronRight;
+    'chevron-up': typeof ChevronUp;
+    clapperboard: typeof Clapperboard;
+    'clapperboard-open': typeof ClapperboardOpen;
+    close: typeof Close;
+    'close-circle': typeof CloseCircle;
+    'close-circle-outline': typeof CloseCircleOutline;
+    copy: typeof Copy;
+    cycle: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    dash: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    devices: typeof Devices;
+    dialpad: typeof Dialpad;
+    'double-arrow-left': typeof DoubleArrowLeft;
+    'double-arrow-right': typeof DoubleArrowRight;
+    download: typeof Download;
+    drag: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    edit: typeof Edit;
+    emoji: typeof Emoji;
+    'eye-off': typeof EyeOff;
+    'eye-on': typeof EyeOn;
+    facebook: typeof Facebook;
+    filter: typeof DonerMenu;
+    flag: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    flask: typeof Flask;
+    funnel: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    group: typeof Group;
+    hash: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    heart: typeof Heart;
+    'heart-outline': typeof HeartOutline;
+    help: typeof Help;
+    home: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    hourglass: typeof Hourglass;
+    info: typeof Info;
+    instagram: typeof Instagram;
+    'kebab-menu': typeof KebabMenu;
+    link: typeof Link;
+    linkedin: typeof Linkedin;
+    loading: typeof Loading;
+    'local-area': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    location: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    logout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    maximize: typeof Maximize;
+    menu: typeof Menu$1;
+    merge: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'merge-field': typeof MergeField$1;
+    message: typeof Message$1;
+    mic: typeof Mic;
+    'mic-off': typeof MicOff;
+    minimize: typeof Minimize;
+    mobile: typeof Mobile;
+    'not-allowed': typeof NotAllowed;
+    notes: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    open: typeof Open;
+    pause: typeof PauseOutline$1;
+    'pause-outline': typeof PauseOutline;
+    person: typeof Person;
+    phone: typeof Phone$1;
+    'phone-add': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'phone-blocked': typeof PhoneBlocked;
+    'phone-callback': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'phone-end': typeof PhoneEnd;
+    'phone-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'phone-history': typeof PhoneHistory;
+    'phone-hold': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'phone-talk': typeof PhoneTalk;
+    'phone-transfer': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    play: typeof Play;
+    'play-outline': typeof PlayOutline;
+    'profile-user': typeof ProfileUser;
+    'radio-button': typeof RadioButton;
+    'radio-button-off': typeof RadioButtonOff;
+    record: typeof Record;
+    refresh: typeof Refresh;
+    rocket: typeof Rocket;
+    schedule: typeof Schedule;
+    'schedule-outline': typeof ScheduleOutline;
+    screenshot: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    search: typeof Search;
+    settings: typeof Settings;
+    share: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    shield: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'shield-check': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'shield-health': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'shield-slash': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    sort: typeof Sort;
+    spotify: typeof Spotify;
+    star: typeof Star;
+    'star-outline': typeof StarOutline;
+    stars: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    stats: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    stop: typeof Stop;
+    'stop-outline': typeof StopOutline;
+    team: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    template: typeof Template;
+    'toggle-off': typeof ToggleOff;
+    'toggle-on': typeof ToggleOn;
+    transfer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'transfer-cancel': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    trash: typeof Trash;
+    trophy: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    twitter: typeof Twitter;
+    upload: typeof Upload;
+    video: typeof Video;
+    voicemail: typeof Voicemail;
+    'vol-on': typeof VolOn;
+    warning: typeof Warning;
+    'warning-circle-outline': typeof WarningCircleOutline;
+    youtube: typeof Youtube;
+};
+type IconNames = keyof typeof icons;
+
+type Sizes = number | 'small' | 'medium' | 'large';
+type DivAttributes = Omit<HTMLProps<HTMLDivElement>, 'size'>;
+type ConditionalProps = {
+    /** Name of the specific icon to use */
+    name: IconNames;
+    svg?: never;
+} | {
+    /** The SVG element to wrap with the Icon component */
+    svg: ReactNode | (() => JSX.Element);
+    name?: never;
+};
+type IconProps = {
+    /** Sets the width and height of the icon */
+    size?: Sizes;
+    /** Sets the width of the icon */
+    width?: number | string;
+    /** Sets the height of the icon */
+    height?: number | string;
+    /** Sets the color of the icon */
+    color?: string;
+    /** Sets the color of the icon when hovered */
+    hoverColor?: string;
+    /** Sets the cursor as a pointer when hovered */
+    pointer?: boolean;
+    /** Sets the color of the icon to the parent element's color */
+    inheritColor?: boolean;
+    /** CSS Animation shorthand property */
+    animation?: string;
+    /** Sets the style prop of the Icon wrapper element */
+    style?: {
+        [key: string]: string | number;
+    };
+} & ConditionalProps & MarginPadding & AsProp & DivAttributes;
+declare const Icon: ({ name, svg, size, width, height, color, hoverColor, pointer, inheritColor, animation, style, onClick, ...props }: IconProps) => react_jsx_runtime.JSX.Element | null;
+
+type DivProps = Omit<HTMLProps<HTMLDivElement>, 'as'> & AsProp;
+type TooltipProps = {
+    children?: ReactNode;
+    /** The element that will trigger the opening of the Tooltip */
+    trigger: ReactNode;
+    /** The text content of the Tooltip */
+    content?: string;
+    /** The position of the Tooltip body and arrow in relation to the trigger */
+    position?: PopPosition;
+    /** Offset of the Tooltip from the trigger */
+    offset?: number;
+    /** zIndex of the Tooltip's portal container */
+    zIndex?: number;
+    /** The width of the Tooltip element */
+    width?: number | string;
+    /** The maxWidth of the Tooltip element */
+    maxWidth?: number | string;
+    /** The textAlignment of the Tooltip text */
+    textAlign?: 'left' | 'right' | 'center';
+    /** Controls the open state of the Tooltip */
+    open?: boolean;
+    /** Prevents the Tooltip from opening */
+    disabled?: boolean;
+    /** The id of the Tooltip element */
+    id?: string;
+    /** The backgroundColor of the Tooltip element */
+    bgColor?: string;
+    /** The text color of the Tooltip element */
+    color?: string;
+    /** Specify a container element to portal the content into */
+    container?: HTMLElement;
+    /** The function called after the Tooltip opens */
+    afterShow?: () => void;
+    /** The function called after the Tooltip closes */
+    afterHide?: () => void;
+} & DivProps;
+declare const Tooltip: {
+    ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+    Header: _emotion_styled.StyledComponent<{
+        theme?: _emotion_react.Theme | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
+    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Body: _emotion_styled.StyledComponent<{
+        theme?: _emotion_react.Theme | undefined;
+        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
+    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+
+type IconType = IconNames | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
+
 declare const colors: {
     logo1: string;
     logo2: string;
@@ -320,6 +747,7 @@ interface ITheme {
             hover: string;
             active: string;
             activeHover: string;
+            activeRange: string;
         };
         color: {
             disabled: string;
@@ -330,6 +758,7 @@ interface ITheme {
             weekday: string;
             monthYear: string;
             iconDefault: string;
+            iconDisabled: string;
             iconHover: string;
         };
     };
@@ -553,520 +982,264 @@ type MaxWidthHeight = MaxWidth & MaxHeight;
 type MinWidthHeight = MinWidth & MinHeight;
 type MarginPadding = Margin & Padding;
 type FlexPosition = 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
-type As = ElementType;
-type AsProp = {
-    as?: As;
-};
-type InputFocusEvent = FocusEvent<HTMLInputElement>;
-type MergeField$1 = {
-    id: string;
-    label: string;
-    value?: string;
-};
-type InputRef = {
-    focus: () => void;
-    blur: () => void;
-    select: () => void;
-    hasFocus: boolean;
-};
-type MultiSelectRef = Omit<InputRef, 'hasFocus' | 'select'>;
-type AudioRef = {
-    play?: () => void;
-    pause?: () => void;
-    stop?: () => void;
-};
-type DraftEditorRef = {
-    insertField: (field: MergeField$1) => void;
-    focusAtEnd: () => void;
-};
-type Top = 'top center' | 'top left' | 'top right';
-type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
-type Left = 'left center' | 'left top' | 'left bottom';
-type Right = 'right center' | 'right top' | 'right bottom';
-type PopSide = 'top' | 'bottom' | 'right' | 'left';
-type PopPosition = PopSide | Top | Bottom | Left | Right;
-
-type TriggerProp = {
-    reversed?: boolean;
-    spaced?: boolean;
-};
-type AccordionProps = {
-    children: ReactNode;
-    /** The id of the Item that should be open by default */
-    defaultItem?: string;
-    /** Prevents all Items from being closed at the same time */
-    preventCollapse?: boolean;
-    /** Config options to customize the Accordion's trigger elements */
-    triggers?: TriggerProp;
-    /** Adds space between Items as well as rounded styles */
-    spaced?: boolean;
-    /** The background color of Items */
-    background?: string;
-    /** The background color of Item drawers */
-    innerBackground?: string;
-    /** The width of the Accordion */
-    width?: number | string;
-    /** The maxHeight of the Accordion. Drawers will scroll to accommodate */
-    maxHeight?: number | string;
-    /** The height of the Accordion. Drawers will scroll to accommodate */
-    height?: number | string;
-} & Margin;
-declare const Accordion: {
-    ({ children, defaultItem, preventCollapse, triggers, spaced, background, innerBackground, width, maxHeight, height, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
-    Item({ children, id, text, content, trigger, spaced, background, innerBackground }: ItemProps$2): react_jsx_runtime.JSX.Element;
-};
-type ItemProps$2 = {
-    /** The id of the Item */
-    id: string;
-    /** The text to display on the Item */
-    text?: string;
-    /** Any other UI that needs to be displayed alongside the trigger */
-    content?: ReactNode;
-    children: ReactNode;
-    trigger?: TriggerProp;
-    spaced?: boolean;
-    background?: string;
-    innerBackground?: string;
-};
-
-type AudioProps = {
-    /** The filepath of the audio source */
-    src: string;
-    /** The title of the audio source to be displayed */
-    title?: string;
-    /** Sets the position of the display info in relation to the duration slider */
-    infoPosition?: 'top' | 'bottom';
-    /** Center aligns the slider and info elements with the button */
-    centerAlignContent?: boolean;
-    /** Hides the slider control while not playing */
-    hideSliderOnStop?: boolean;
-    /** Hides the time display while not playing */
-    hideTimeOnStop?: boolean;
-    /** Reduces the size of the Audio play button */
-    small?: boolean;
-    /** Hides the duration slider */
-    collapsed?: boolean;
-    /** Font size of the audio title */
-    fontSizeTitle?: number | string;
-    /** Font size of the audio time */
-    fontSizeTime?: number | string;
-    onPlay?: (event: ChangeEvent<HTMLAudioElement>) => void;
-    onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
-    onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
-} & Margin & Width & AsProp & HTMLProps<HTMLDivElement>;
-declare const Audio: react.ForwardRefExoticComponent<Omit<AudioProps, "ref"> & react.RefAttributes<AudioRef>>;
-
-type ChartData$1 = {
-    name: string;
-};
-type KeyData = {
-    key: string;
-    color: string;
-    hidden?: boolean;
-};
-type ChartProps = {
-    /** The chart data array */
-    data: ChartData$1[];
-    /** Designates the chart colors corresponding to the chart's data properties */
-    keys: KeyData[];
-    /** Displays a data legend beneath the chart */
-    legend?: boolean;
-    /** Allows the chart to grow and shrink (default if no explicit width) */
-    responsive?: boolean;
-} & Margin & WidthHeight & MaxWidthHeight;
-
-type Props$3 = {
-    /** Stacks multiple data points within a single bar */
-    stacked?: boolean;
-    /** Orients the bars outward from the Y axis */
-    vertical?: boolean;
-    /** The gap between two bars in the same category */
-    barGap?: number;
-    /** The gap between two bar categories */
-    barCategoryGap?: number;
-    /** The thickness of each bar */
-    barSize?: number;
-    /** The maximum thickness of each bar */
-    maxBarSize?: number;
-    /** Removes the labels from the Y axis */
-    hideYLabels?: boolean;
-    /** Removes the labels from the X axis */
-    hideXLabels?: boolean;
-    /** The height of the X axis */
-    xAxisHeight?: number;
-    /** The width of the Y axis */
-    yAxisWidth?: number;
-} & ChartProps;
-declare const BarChart: ({ data, legend, keys, stacked, barGap, barCategoryGap, barSize, maxBarSize, vertical, hideYLabels, hideXLabels, xAxisHeight, yAxisWidth, ...rest }: Props$3) => react_jsx_runtime.JSX.Element;
-
+type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+type As = ElementType;
+type AsProp = {
+    as?: As;
+};
+type InputFocusEvent = FocusEvent | FocusEvent<HTMLInputElement>;
+type MergeField = {
+    id: string;
+    label: string;
+    value?: string;
+};
+type InputRef = {
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+    hasFocus: boolean;
+};
+type MultiSelectRef = Omit<InputRef, 'hasFocus' | 'select'>;
+type AudioRef = {
+    play?: () => void;
+    pause?: () => void;
+    stop?: () => void;
+};
+type DraftEditorRef = {
+    insertField: (field: MergeField) => void;
+    focusAtEnd: () => void;
+};
+type Top = 'top center' | 'top left' | 'top right';
+type Bottom = 'bottom center' | 'bottom left' | 'bottom right';
+type Left = 'left center' | 'left top' | 'left bottom';
+type Right = 'right center' | 'right top' | 'right bottom';
+type PopSide = 'top' | 'bottom' | 'right' | 'left';
+type PopPosition = PopSide | Top | Bottom | Left | Right;
+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';
 type OptionItem = {
     id: number | string;
     label: string;
     header?: string;
     body?: string;
+    type?: 'section';
     leftElement?: ReactElement;
     rightElement?: ReactElement;
     onClick?: (event?: MouseEvent$1 | Event) => void;
     value?: unknown;
     [key: string]: unknown;
 };
-type DropdownItemProps<OptionType> = {
-    setValue?: (v: OptionType, event: MouseEvent$1 | Event) => void;
-    close?: () => void;
-    children: ReactNode;
-    /** Sets the value of the option that will be returned in the object */
-    value?: number | string;
-    /** Sets the label property of the object to be returned. Only required if the content of the Item is anything other than a string (icons, other elements) */
-    displayText?: string;
-    /** The flex positioning of the Item contents */
-    contentPosition?: FlexPosition;
-    /** The color of the Option text */
-    color?: string;
-    /** Sets the Option text color to theme.accent */
-    accented?: boolean;
-    /** Callback function to override the default onChange function of Dropdown. */
-    onClick?: (event: MouseEvent$1 | Event) => void;
-    /** The id of the Item element */
-    id: number | string;
-};
-type SetEvent = MouseEvent$1 | ChangeEvent | KeyboardEvent | Event;
-type SetValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null, event?: SetEvent) => void;
-
-declare function ActivityHistory(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Add(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function AddCircle(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function AddCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function AddPerson(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ArrowDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ArrowLeft(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ArrowRight(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ArrowUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Attachment(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Calendar$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Camera(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Card(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CaretDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CaretUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CheckCircle(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CheckCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Checkbox$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CheckboxOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CheckboxPartial(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ChevronDown(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ChevronLeft(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ChevronRight(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ChevronUp(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Clapperboard(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ClapperboardOpen(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Close(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CloseCircle(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function CloseCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Copy(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Devices(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Dialpad(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function DoubleArrowLeft(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function DoubleArrowRight(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Download(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Edit(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Emoji(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function EyeOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function EyeOn(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Facebook(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function DonerMenu(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Flask(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Group(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Heart(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function HeartOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Help(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Hourglass(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Info(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Instagram(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function KebabMenu(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Link(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Linkedin(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Loading(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Maximize(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Menu$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function MergeField(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Message$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Mic(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function MicOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Minimize(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Mobile(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function NotAllowed(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Open(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PauseOutline$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PauseOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Person(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Phone$1(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PhoneBlocked(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PhoneEnd(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PhoneHistory(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PhoneTalk(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Play(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function PlayOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ProfileUser(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function RadioButton(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function RadioButtonOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Record(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Refresh(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Rocket(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Schedule(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ScheduleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Search(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Settings(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Sort(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Spotify(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Star(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function StarOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Stop(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function StopOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Template(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ToggleOff(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function ToggleOn(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Trash(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Twitter(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Upload(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Video(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
-
-declare function Voicemail(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+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;
+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;
+type InputProps$1 = {
+    /** 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;
 
-declare function VolOn(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+type TriggerProp = {
+    reversed?: boolean;
+    spaced?: boolean;
+};
+type AccordionProps = {
+    children: ReactNode;
+    /** The id of the Item that should be open by default */
+    defaultItem?: string;
+    /** Prevents all Items from being closed at the same time */
+    preventCollapse?: boolean;
+    /** Config options to customize the Accordion's trigger elements */
+    triggers?: TriggerProp;
+    /** Adds space between Items as well as rounded styles */
+    spaced?: boolean;
+    /** The background color of Items */
+    background?: string;
+    /** The background color of Item drawers */
+    innerBackground?: string;
+    /** The width of the Accordion */
+    width?: number | string;
+    /** The maxHeight of the Accordion. Drawers will scroll to accommodate */
+    maxHeight?: number | string;
+    /** The height of the Accordion. Drawers will scroll to accommodate */
+    height?: number | string;
+} & Margin;
+declare const Accordion: {
+    ({ children, defaultItem, preventCollapse, triggers, spaced, background, innerBackground, width, maxHeight, height, ...rest }: AccordionProps): react_jsx_runtime.JSX.Element;
+    Item({ children, id, text, content, trigger, spaced, background, innerBackground }: ItemProps$1): react_jsx_runtime.JSX.Element;
+};
+type ItemProps$1 = {
+    /** The id of the Item */
+    id: string;
+    /** The text to display on the Item */
+    text?: string;
+    /** Any other UI that needs to be displayed alongside the trigger */
+    content?: ReactNode;
+    children: ReactNode;
+    trigger?: TriggerProp;
+    spaced?: boolean;
+    background?: string;
+    innerBackground?: string;
+};
 
-declare function Warning(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+type AudioProps = {
+    /** The filepath of the audio source */
+    src: string;
+    /** The title of the audio source to be displayed */
+    title?: string;
+    /** Sets the position of the display info in relation to the duration slider */
+    infoPosition?: 'top' | 'bottom';
+    /** Center aligns the slider and info elements with the button */
+    centerAlignContent?: boolean;
+    /** Hides the slider control while not playing */
+    hideSliderOnStop?: boolean;
+    /** Hides the time display while not playing */
+    hideTimeOnStop?: boolean;
+    /** Reduces the size of the Audio play button */
+    small?: boolean;
+    /** Hides the duration slider */
+    collapsed?: boolean;
+    /** Font size of the audio title */
+    fontSizeTitle?: number | string;
+    /** Font size of the audio time */
+    fontSizeTime?: number | string;
+    onPlay?: (event: ChangeEvent<HTMLAudioElement>) => void;
+    onPause?: (event: ChangeEvent<HTMLAudioElement>) => void;
+    onStop?: (event: ChangeEvent<HTMLAudioElement>) => void;
+} & Margin & Width & AsProp & HTMLProps<HTMLDivElement>;
+declare const Audio: react.ForwardRefExoticComponent<Omit<AudioProps, "ref"> & react.RefAttributes<AudioRef>>;
 
-declare function WarningCircleOutline(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+type ChartData$1 = {
+    name: string;
+};
+type KeyData = {
+    key: string;
+    color: string;
+    hidden?: boolean;
+};
+type ChartProps = {
+    /** The chart data array */
+    data: ChartData$1[];
+    /** Designates the chart colors corresponding to the chart's data properties */
+    keys: KeyData[];
+    /** Displays a data legend beneath the chart */
+    legend?: boolean;
+    /** Allows the chart to grow and shrink (default if no explicit width) */
+    responsive?: boolean;
+} & Margin & WidthHeight & MaxWidthHeight;
 
-declare function Youtube(props: react.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
+type Props$b = {
+    /** Stacks multiple data points within a single bar */
+    stacked?: boolean;
+    /** Orients the bars outward from the Y axis */
+    vertical?: boolean;
+    /** The gap between two bars in the same category */
+    barGap?: number;
+    /** The gap between two bar categories */
+    barCategoryGap?: number;
+    /** The thickness of each bar */
+    barSize?: number;
+    /** The maximum thickness of each bar */
+    maxBarSize?: number;
+    /** Removes the labels from the Y axis */
+    hideYLabels?: boolean;
+    /** Removes the labels from the X axis */
+    hideXLabels?: boolean;
+    /** The height of the X axis */
+    xAxisHeight?: number;
+    /** The width of the Y axis */
+    yAxisWidth?: number;
+} & ChartProps;
+declare const BarChart: ({ data, legend, keys, stacked, barGap, barCategoryGap, barSize, maxBarSize, vertical, hideYLabels, hideXLabels, xAxisHeight, yAxisWidth, ...rest }: Props$b) => react_jsx_runtime.JSX.Element;
 
-declare const icons: {
-    'activity-history': typeof ActivityHistory;
-    add: typeof Add;
-    'add-circle': typeof AddCircle;
-    'add-circle-outline': typeof AddCircleOutline;
-    'add-person': typeof AddPerson;
-    'arrow-down': typeof ArrowDown;
-    'arrow-left': typeof ArrowLeft;
-    'arrow-right': typeof ArrowRight;
-    'arrow-up': typeof ArrowUp;
-    attachment: typeof Attachment;
-    calendar: typeof Calendar$1;
-    camera: typeof Camera;
-    card: typeof Card;
-    'caret-down': typeof CaretDown;
-    'caret-up': typeof CaretUp;
-    check: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'check-badge': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'check-circle': typeof CheckCircle;
-    'check-circle-outline': typeof CheckCircleOutline;
-    checkbox: typeof Checkbox$1;
-    'checkbox-off': typeof CheckboxOff;
-    'checkbox-partial': typeof CheckboxPartial;
-    'chevron-down': typeof ChevronDown;
-    'chevron-left': typeof ChevronLeft;
-    'chevron-right': typeof ChevronRight;
-    'chevron-up': typeof ChevronUp;
-    clapperboard: typeof Clapperboard;
-    'clapperboard-open': typeof ClapperboardOpen;
-    close: typeof Close;
-    'close-circle': typeof CloseCircle;
-    'close-circle-outline': typeof CloseCircleOutline;
-    copy: typeof Copy;
-    cycle: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    devices: typeof Devices;
-    dialpad: typeof Dialpad;
-    'double-arrow-left': typeof DoubleArrowLeft;
-    'double-arrow-right': typeof DoubleArrowRight;
-    download: typeof Download;
-    drag: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    edit: typeof Edit;
-    emoji: typeof Emoji;
-    'eye-off': typeof EyeOff;
-    'eye-on': typeof EyeOn;
-    facebook: typeof Facebook;
-    filter: typeof DonerMenu;
-    flag: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    flask: typeof Flask;
-    group: typeof Group;
-    hash: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    heart: typeof Heart;
-    'heart-outline': typeof HeartOutline;
-    help: typeof Help;
-    home: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    hourglass: typeof Hourglass;
-    info: typeof Info;
-    instagram: typeof Instagram;
-    'kebab-menu': typeof KebabMenu;
-    link: typeof Link;
-    linkedin: typeof Linkedin;
-    loading: typeof Loading;
-    logout: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    maximize: typeof Maximize;
-    menu: typeof Menu$1;
-    merge: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'merge-field': typeof MergeField;
-    message: typeof Message$1;
-    mic: typeof Mic;
-    'mic-off': typeof MicOff;
-    minimize: typeof Minimize;
-    mobile: typeof Mobile;
-    'not-allowed': typeof NotAllowed;
-    open: typeof Open;
-    pause: typeof PauseOutline$1;
-    'pause-outline': typeof PauseOutline;
-    person: typeof Person;
-    phone: typeof Phone$1;
-    'phone-add': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-blocked': typeof PhoneBlocked;
-    'phone-callback': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-end': typeof PhoneEnd;
-    'phone-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-history': typeof PhoneHistory;
-    'phone-hold': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'phone-talk': typeof PhoneTalk;
-    'phone-transfer': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    play: typeof Play;
-    'play-outline': typeof PlayOutline;
-    'profile-user': typeof ProfileUser;
-    'radio-button': typeof RadioButton;
-    'radio-button-off': typeof RadioButtonOff;
-    record: typeof Record;
-    refresh: typeof Refresh;
-    rocket: typeof Rocket;
-    schedule: typeof Schedule;
-    'schedule-outline': typeof ScheduleOutline;
-    screenshot: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    search: typeof Search;
-    settings: typeof Settings;
-    share: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'shield-check': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'shield-slash': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    sort: typeof Sort;
-    spotify: typeof Spotify;
-    star: typeof Star;
-    'star-outline': typeof StarOutline;
-    stars: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    stats: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    stop: typeof Stop;
-    'stop-outline': typeof StopOutline;
-    team: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    template: typeof Template;
-    'toggle-off': typeof ToggleOff;
-    'toggle-on': typeof ToggleOn;
-    transfer: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    'transfer-cancel': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    trash: typeof Trash;
-    trophy: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-    twitter: typeof Twitter;
-    upload: typeof Upload;
-    video: typeof Video;
-    voicemail: typeof Voicemail;
-    'vol-on': typeof VolOn;
-    warning: typeof Warning;
-    'warning-circle-outline': typeof WarningCircleOutline;
-    youtube: typeof Youtube;
+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;
+};
+type SelectItem = Omit<ListItem, 'onClick'>;
+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;
+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;
 };
-type IconNames = keyof typeof icons;
+type DateInputProps = Pick<SelectInputProps, 'open' | 'afterShow' | 'afterHide'> & Omit<CalendarBaseProps, 'noShadow'> & Omit<InputProps$1, 'placeholder'>;
 
-type ButtonAttributes = Omit<HTMLProps<HTMLButtonElement>, 'as' | 'type' | 'size'> & {
+type ButtonAttributes = Omit<HTMLProps<HTMLButtonElement>, 'as' | 'type' | 'size' | 'onClick'> & {
     type?: 'button' | 'reset' | 'submit';
-} & AsProp;
+} & AsProp & ButtonProps;
 type ButtonBaseProps = {
     children?: ReactNode;
     joined?: 'left' | 'right' | 'middle';
@@ -1098,7 +1271,7 @@ type ButtonBaseProps = {
     /** CSS Animation shorthand property for the icon */
     iconAnimation?: string;
     /** The function to be called when the button is clicked */
-    onClick?: (event: MouseEvent$1) => void;
+    onClick?: (event: PressEvent) => void;
     /** Sets the text backgroundColor of the button */
     backgroundColor?: string;
     /** Sets the text color of the button */
@@ -1172,7 +1345,7 @@ type DropdownProps$2 = {
     /** Adds a dropdown button to the main button, allowing for multiple button options */
     dropdown: true;
     /** The dropdown options array of { id: string; label: string; action: () => void; } */
-    options: OptionItem[];
+    options: ListItem[];
     /** The direction the options should open in relation to the button  */
     direction?: 'top' | 'bottom';
     /** The function to be called when the options are opened */
@@ -1198,61 +1371,13 @@ type ButtonComponentProps = {
     joined?: never;
 } & BasicButtonProps & DropdownProps$2 & Margin;
 
-type DivProps$1 = Omit<HTMLProps<HTMLDivElement>, 'as'> & AsProp;
-type TooltipProps = {
-    children?: ReactNode;
-    /** The element that will trigger the opening of the Tooltip */
-    trigger: ReactNode;
-    /** The text content of the Tooltip */
-    content?: string;
-    /** The position of the Tooltip body and arrow in relation to the trigger */
-    position?: PopPosition;
-    /** Offset of the Tooltip from the trigger */
-    offset?: number;
-    /** zIndex of the Tooltip's portal container */
-    zIndex?: number;
-    /** The width of the Tooltip element */
-    width?: number | string;
-    /** The maxWidth of the Tooltip element */
-    maxWidth?: number | string;
-    /** The textAlignment of the Tooltip text */
-    textAlign?: 'left' | 'right' | 'center';
-    /** Controls the open state of the Tooltip */
-    open?: boolean;
-    /** Prevents the Tooltip from opening */
-    disabled?: boolean;
-    /** The id of the Tooltip element */
-    id?: string;
-    /** The backgroundColor of the Tooltip element */
-    bgColor?: string;
-    /** The text color of the Tooltip element */
-    color?: string;
-    /** Specify a container element to portal the content into */
-    container?: HTMLElement;
-    /** The function called after the Tooltip opens */
-    afterShow?: () => void;
-    /** The function called after the Tooltip closes */
-    afterHide?: () => void;
-} & DivProps$1;
-declare const Tooltip: {
-    ({ trigger, children, content, position, offset, zIndex, width, maxWidth, textAlign, open, disabled, id, bgColor, color, container, afterShow, afterHide, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
-    Header: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Body: _emotion_styled.StyledComponent<{
-        theme?: _emotion_react.Theme | undefined;
-        as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
-    } & ThemeProp, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-};
-
 /** Button Component */
 declare const Button: {
     (props: ButtonComponentProps): react_jsx_runtime.JSX.Element;
     Group: ({ children, disabled, outline, size, small, large, secondary, negative, positive, caution, collapse, ...props }: ({
         children: (react.ReactElement<BasicButtonProps | ButtonComponentProps, string | react.JSXElementConstructor<any>> | react.ReactElement<TooltipProps, string | react.JSXElementConstructor<any>>) | (react.ReactElement<BasicButtonProps | ButtonComponentProps, string | react.JSXElementConstructor<any>> | react.ReactElement<TooltipProps, string | react.JSXElementConstructor<any>>)[];
         disabled?: boolean | undefined;
-        size?: "small" | "large" | "medium" | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         small?: boolean | undefined;
         large?: boolean | undefined;
         outline?: boolean | undefined;
@@ -1260,19 +1385,13 @@ declare const Button: {
     } & ButtonStyles) & Margin & Width) => react_jsx_runtime.JSX.Element | null;
 };
 
-type CalendarProps = {
+type Props$a = {
     /** Optional date the initial selected calendar day should be set to. */
     date?: Date;
     /** The function to be called when a date is selected */
     onChange: (date: Date) => void;
-    /** 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;
-};
-declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow }: CalendarProps) => react_jsx_runtime.JSX.Element;
+} & CalendarBaseProps & Omit<CalendarProps<CalendarDate>, 'onChange'>;
+declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow, ...props }: Props$a) => react_jsx_runtime.JSX.Element;
 
 type CheckboxAttributes = Omit<HTMLProps<HTMLInputElement>, 'onChange'>;
 
@@ -1296,7 +1415,7 @@ declare const Checkbox: ({ id, label, labelPosition, checked, partial, disabled,
 
 type RestLanguage = 'rest-get' | 'rest-post' | 'rest-put' | 'rest-delete' | 'rest-options';
 type BaseLanguages = 'jsx' | 'tsx' | 'swift' | 'kotlin' | 'objectivec' | 'js-extras' | 'reason' | 'rust' | 'graphql' | 'yaml' | 'go' | 'cpp' | 'markdown';
-type WithChildren$1 = {
+type WithChildren = {
     /** The string to be rendered in the code snippet */
     children: string;
     /** The alternative to passing the code snippet in as a child */
@@ -1306,7 +1425,7 @@ type WithCode = {
     code: string;
     children?: never;
 };
-type Children = WithChildren$1 | WithCode;
+type Children = WithChildren | WithCode;
 type CodeProps = {
     /** The metadata string passed in by MDX */
     className?: string;
@@ -1319,6 +1438,20 @@ type CodeProps = {
 } & Children & Margin;
 declare const Code: ({ children, code, className: metaData, lang: langProp, lineHighlights: lineHighlightsProp, noNumbers: noNumbersProp, margin, marginTop, marginBottom, marginRight, marginLeft, }: CodeProps) => react_jsx_runtime.JSX.Element;
 
+type Props$9 = {
+    /** The function to be called when the search input is updated */
+    onTextChange?: (text: string) => void;
+} & SelectInputProps & Omit<ComboBoxProps<object>, 'children' | 'onSelectionChange'>;
+declare const ComboBox: {
+    ({ backgroundColor, children, fontSize, isDisabled, label, open, options, placeholder, placeholderColor, textOnly, value, width, onChange, afterShow, afterHide, onTextChange, ...props }: Props$9): react_jsx_runtime.JSX.Element;
+    Item: ({ id, value, header, body, leftElement, rightElement, inline, ...props }: SelectItem & Omit<react_aria_components.ListBoxItemProps<object>, "value" | "id">) => react_jsx_runtime.JSX.Element;
+    Section: ({ id, title, children }: {
+        id?: string | undefined;
+        title?: string | undefined;
+        children: react.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+};
+
 declare const Table$1: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
     as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
@@ -1336,7 +1469,7 @@ declare const DraftEditor: react.ForwardRefExoticComponent<{
     /** Callback run after onBlur event */
     onBlur?: ((event?: InputFocusEvent) => void) | undefined;
     /** Array of MergeFields ({ id: string, label: string, value?: string }) for the editor to use/parse */
-    mergeFields?: MergeField$1[] | undefined;
+    mergeFields?: MergeField[] | undefined;
     /** Placeholder text of editor when value is empty */
     placeholder?: string | undefined;
     /** Places a description message below the editor */
@@ -1349,8 +1482,6 @@ declare const DraftEditor: react.ForwardRefExoticComponent<{
     height?: number | undefined;
     /** Max Height of the editor. Editor contents will scroll after this height is reached */
     maxHeight?: number | undefined;
-    /** Removes the border from the editor */
-    borderless?: boolean | undefined;
     /** Removes the padding from the editor */
     noPadding?: boolean | undefined;
     /** Disables any editing capability of the editor */
@@ -1377,43 +1508,6 @@ declare const DraftEditor: react.ForwardRefExoticComponent<{
     textOnly?: boolean | undefined;
 } & Margin & react.RefAttributes<DraftEditorRef>>;
 
-type Sizes = number | 'small' | 'medium' | 'large';
-type DivAttributes = Omit<HTMLProps<HTMLDivElement>, 'size'>;
-type ConditionalProps = {
-    /** Name of the specific icon to use */
-    name: IconNames;
-    svg?: never;
-} | {
-    /** The SVG element to wrap with the Icon component */
-    svg: ReactNode | (() => JSX.Element);
-    name?: never;
-};
-type IconProps = {
-    /** Sets the width and height of the icon */
-    size?: Sizes;
-    /** Sets the width of the icon */
-    width?: number | string;
-    /** Sets the height of the icon */
-    height?: number | string;
-    /** Sets the color of the icon */
-    color?: string;
-    /** Sets the color of the icon when hovered */
-    hoverColor?: string;
-    /** Sets the cursor as a pointer when hovered */
-    pointer?: boolean;
-    /** Sets the color of the icon to the parent element's color */
-    inheritColor?: boolean;
-    /** CSS Animation shorthand property */
-    animation?: string;
-    /** Sets the style prop of the Icon wrapper element */
-    style?: {
-        [key: string]: string | number;
-    };
-} & ConditionalProps & MarginPadding & AsProp & DivAttributes;
-declare const Icon: ({ name, svg, size, width, height, color, hoverColor, pointer, inheritColor, animation, style, onClick, ...props }: IconProps) => react_jsx_runtime.JSX.Element | null;
-
-type IconType = IconNames | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
-
 type OnClear = () => void;
 type OnChangeDefault = (event: ChangeEvent<HTMLInputElement>) => void;
 type OnChangePhone = (event: ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void;
@@ -1448,8 +1542,6 @@ type InputProps = {
     iconRight?: IconType;
     /** Sets the Input's bottom border and description text to red */
     invalid?: boolean;
-    /** Removes the input border */
-    borderless?: boolean;
     /** Sets the input borderRadius */
     borderRadius?: number | string;
     /** Sets the input borderColor */
@@ -1508,8 +1600,6 @@ declare const Input: react.ForwardRefExoticComponent<(Omit<{
     iconRight?: IconType | undefined;
     /** Sets the Input's bottom border and description text to red */
     invalid?: boolean | undefined;
-    /** Removes the input border */
-    borderless?: boolean | undefined;
     /** Sets the input borderRadius */
     borderRadius?: string | number | undefined;
     /** Sets the input borderColor */
@@ -1567,8 +1657,6 @@ declare const Input: react.ForwardRefExoticComponent<(Omit<{
     iconRight?: IconType | undefined;
     /** Sets the Input's bottom border and description text to red */
     invalid?: boolean | undefined;
-    /** Removes the input border */
-    borderless?: boolean | undefined;
     /** Sets the input borderRadius */
     borderRadius?: string | number | undefined;
     /** Sets the input borderColor */
@@ -1609,6 +1697,30 @@ declare const Input: react.ForwardRefExoticComponent<(Omit<{
     onClear?: OnClear | undefined;
 } & Omit<HTMLProps<HTMLInputElement>, "as" | "onChange"> & AsProp & Phone & Margin & Padding, "ref">) & react.RefAttributes<InputRef>>;
 
+type DropdownItemProps<OptionType> = {
+    setValue?: (v: OptionType, event: MouseEvent$1 | Event) => void;
+    close?: () => void;
+    children: ReactNode;
+    /** Sets the value of the option that will be returned in the object */
+    value?: number | string;
+    /** Sets the label property of the object to be returned. Only required if the content of the Item is anything other than a string (icons, other elements) */
+    displayText?: string;
+    /** The flex positioning of the Item contents */
+    contentPosition?: FlexPosition;
+    /** The color of the Option text */
+    color?: string;
+    /** Sets the Option text color to theme.accent */
+    accented?: boolean;
+    /** Callback function to override the default onChange function of Dropdown. */
+    onClick?: (event: MouseEvent$1 | Event) => void;
+    /** The id of the Item element */
+    id: number | string;
+    /** Sets the Item as a section separator */
+    section?: boolean;
+};
+type SetEvent = MouseEvent$1 | ChangeEvent | KeyboardEvent | Event;
+type SetValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null, event?: SetEvent) => void;
+
 type RestInputProps = Omit<InputProps, 'value' | 'onChange' | 'onError'>;
 type DropdownProps$1<OptionType> = {
     children?: ReactNode;
@@ -1686,100 +1798,34 @@ type DropdownProps$1<OptionType> = {
     optionsParent?: string;
 } & WidthHeight & Margin & RestInputProps;
 declare const Dropdown: {
-    <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: DropdownProps$1<OptionType>): react_jsx_runtime.JSX.Element;
-    Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): react_jsx_runtime.JSX.Element;
-};
-
-type ItemProps$1 = {
-    selected?: boolean;
-    noSelect?: boolean;
-    disabled?: boolean;
-    contentPosition?: FlexPosition;
-    color?: string;
-    accented?: boolean;
-} & ThemeProp;
-
-type OptionsItemProps = {
-    children?: ReactNode;
-    /** The id of the Option item */
-    id?: number | string;
-    /** The function to be called when the Option item is clicked */
-    onClick: (event: MouseEvent$1 | Event) => void;
-    /** Controls whether the Option appears to be hovered */
-    selected?: boolean;
-    /** Prevents the Option from appearing to be hovered */
-    noSelect?: boolean;
-    /** Prevents the Option from being selected */
-    disabled?: boolean;
-    /** The flex positioning of the Option contents */
-    contentPosition?: FlexPosition;
-    /** The color of the Option text */
-    color?: string;
-    /** Sets the Option text color to theme.accent */
-    accented?: boolean;
+    <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: DropdownProps$1<OptionType>): react_jsx_runtime.JSX.Element;
+    Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, section, }: DropdownItemProps<OptionType_1>): react_jsx_runtime.JSX.Element;
 };
 
-type DivProps = Omit<HTMLProps<HTMLDivElement>, 'onChange' | 'as'> & AsProp;
-type WithChildren = {
-    children: ReactNode;
-    onChange?: never;
-};
-type WithOptions<OptionType> = {
-    options: OptionType[];
-    /** The function called after an option from the options array is selected */
-    onChange?: (option: OptionType, event: MouseEvent$1 | Event) => void;
-};
-type EitherChildrenOrOptions<OptionType> = WithChildren | WithOptions<OptionType>;
-type DropdownMenuProps<OptionType> = {
-    children?: ReactNode;
-    /** The options to be displayed */
-    options?: OptionType[];
-    /** The id of the menu container */
-    id?: string | number;
+type SelectProps = Pick<SelectInputProps, 'children' | 'open' | 'afterShow' | 'afterHide'>;
+type DropdownMenuProps = {
+    /** The options to be displayed in the menu */
+    options?: ListItem[];
     /** The position of the menu body and arrow in relation to the trigger */
-    position?: PopPosition;
+    position?: Placement;
     /** The element that will trigger the opening of the menu */
-    trigger: ReactNode;
-    /** Controls the open state of the menu */
-    open?: boolean;
+    trigger: ReactElement;
     /** Offset of the menu from the trigger */
     offset?: number;
-    /** Controls the visibility of the the menu arrow */
-    arrow?: boolean;
-    /** The width of the menu */
-    width?: number | string;
-    /** Overrides the default maxHeight of 200px */
-    maxHeight?: number;
-    /** Specify a container element to portal the content into */
-    container?: HTMLElement;
-    /** zIndex of the menu's portal container */
-    zIndex?: number;
-    /** Enables the page to scroll when the menu is open */
-    disableScrollLock?: boolean;
-    /** The function called after the menu opens */
-    afterShow?: () => void;
-    /** The function called after the menu closes */
-    afterHide?: () => void;
-} & EitherChildrenOrOptions<OptionType> & DivProps;
+} & SelectProps;
 declare const DropdownMenu: {
-    <OptionType extends OptionItem>({ children, options, id, position, trigger, open, offset, arrow, width, maxHeight, container, zIndex, disableScrollLock, onChange, afterShow, afterHide, ...props }: DropdownMenuProps<OptionType>): react_jsx_runtime.JSX.Element;
-    Item: ({ children, id, disabled, onClick, ...props }: OptionsItemProps) => react_jsx_runtime.JSX.Element;
-    Sub({ children, id, label, zIndex, disabled, container, ...props }: SubProps): react_jsx_runtime.JSX.Element;
+    ({ children, position, trigger, open, options, offset, afterShow, afterHide, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+    Item: ({ id, value, header, body, leftElement, rightElement, inline, onClick, ...props }: ListItem & Omit<react_aria_components.MenuItemProps<object>, "value" | "id" | "onAction">) => react_jsx_runtime.JSX.Element;
+    Sub({ children, label, isDisabled }: SubProps): react_jsx_runtime.JSX.Element;
     Separator(): react_jsx_runtime.JSX.Element;
 };
 type SubProps = {
     children?: ReactNode;
-    /** The id of the sub menu's content container */
-    id?: string;
     /** The text or element to display as the sub menu item's trigger */
-    label: string | ReactNode;
-    /** zIndex of the sub menu's portal container */
-    zIndex?: number;
-    /** Specify a container element to portal the sub menu content into */
-    container?: HTMLElement;
+    label: string;
     /** Prevents the Sub menu from being triggered */
-    disabled?: boolean;
-} & ItemProps$1;
+    isDisabled?: boolean;
+};
 
 type GridProps = {
     /** If a number, rows creates n number rows of an equal size. If a string, rows sets the gridTemplateRows property   */
@@ -1854,7 +1900,6 @@ declare const Form: {
         iconLeft?: IconType | undefined;
         iconRight?: IconType | undefined;
         invalid?: boolean | undefined;
-        borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
         borderColor?: string | undefined;
         backgroundColor?: string | undefined;
@@ -1887,7 +1932,6 @@ declare const Form: {
         iconLeft?: IconType | undefined;
         iconRight?: IconType | undefined;
         invalid?: boolean | undefined;
-        borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
         borderColor?: string | undefined;
         backgroundColor?: string | undefined;
@@ -1912,7 +1956,7 @@ declare const Form: {
         onChange?: ((event: react.ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
     } & Margin & Padding, "ref">) & react.RefAttributes<InputRef>>;
     Dropdown: {
-        <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderless, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
+        <OptionType extends OptionItem>({ onChange, onTextChange, afterShow, afterHide, onFocus, onBlur, onError, placeholder, placeholderColor, value, options, children, borderColor, backgroundColor, hideIcon, clearOnSelect, textOnly, width, height, isLoading, margin, marginTop, marginBottom, marginRight, marginLeft, label, id, name, trigger, centerY, centerX, offsetY, offsetX, direction, fontSize, description, disabled, invalid, search, filter, restrictInput, inputRef, optionsParent, ...props }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
             onTextChange?: ((text: string) => void) | undefined;
@@ -1951,7 +1995,7 @@ declare const Form: {
             inputRef?: react.RefObject<InputRef> | undefined;
             optionsParent?: string | undefined;
         } & Width & Height & Margin & RestInputProps): react_jsx_runtime.JSX.Element;
-        Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): react_jsx_runtime.JSX.Element;
+        Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, section, }: DropdownItemProps<OptionType_1>): react_jsx_runtime.JSX.Element;
     };
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
@@ -2032,7 +2076,6 @@ declare const _default: {
     } & {
         backgroundColor?: string | undefined;
         borderRadius?: string | number | undefined;
-        borderless?: boolean | undefined;
         borderColor?: string | undefined;
         fontSize?: string | number | undefined;
         placeholderColor?: string | undefined;
@@ -2072,6 +2115,27 @@ declare const _default: {
     isInputFilled: (value?: string | number | undefined) => boolean;
 };
 
+type PickerProps$1 = Omit<DatePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen'>;
+type Props$8 = {
+    value?: Date;
+    onChange: (date: Date) => void;
+} & DateInputProps & PickerProps$1;
+declare const DatePicker: ({ value, label, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, preventPast, preventFuture, open, onChange, afterShow, afterHide, ...props }: Props$8) => react_jsx_runtime.JSX.Element;
+
+type PickerProps = Omit<DateRangePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen'>;
+type Props$7 = {
+    startValue?: Date;
+    endValue?: Date;
+    onChange: (start: Date, end: Date) => void;
+} & DateInputProps & PickerProps;
+declare const DateRangePicker: ({ startValue, endValue, label, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, preventPast, preventFuture, open, onChange, afterShow, afterHide, ...props }: Props$7) => react_jsx_runtime.JSX.Element;
+
+type Props$6 = InputProps$1 & NumberFieldProps;
+declare const NumberInput: ({ value, label, placeholder, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, ...props }: Props$6) => react_jsx_runtime.JSX.Element;
+
+type Props$5 = InputProps$1 & TextFieldProps;
+declare const TextInput: ({ value, label, placeholder, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, ...props }: Props$5) => react_jsx_runtime.JSX.Element;
+
 type LabelProps = {
     children?: ReactNode;
     /** The name of the icon that should appear on the left side of the input */
@@ -2184,6 +2248,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 */
@@ -2210,7 +2276,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): 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): react.ReactPortal | null;
     Header: _emotion_styled.StyledComponent<{
         theme?: _emotion_react.Theme | undefined;
         as?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
@@ -2276,7 +2342,7 @@ type MultiSelectProps = {
     /** The function to be called when the input is updated */
     onTextChange?: (text: string) => void;
 } & Width & Margin & DropdownProps;
-declare const MultiSelect: react__default.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & react__default.RefAttributes<MultiSelectRef>>;
+declare const MultiSelect: react.ForwardRefExoticComponent<Omit<MultiSelectProps, "ref"> & react.RefAttributes<MultiSelectRef>>;
 
 declare const Notification: _emotion_styled.StyledComponent<{
     theme?: _emotion_react.Theme | undefined;
@@ -2290,6 +2356,28 @@ declare const Notification: _emotion_styled.StyledComponent<{
     number?: boolean | undefined;
 } & ThemeProp & Margin & Position, react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 
+type OptionsItemProps = {
+    children?: ReactNode;
+    /** The id of the Option item */
+    id?: number | string;
+    /** The function to be called when the Option item is clicked */
+    onClick: (event: MouseEvent$1 | Event) => void;
+    /** Controls whether the Option appears to be hovered */
+    selected?: boolean;
+    /** Prevents the Option from appearing to be hovered */
+    noSelect?: boolean;
+    /** Prevents the Option from being selected */
+    disabled?: boolean;
+    /** The flex positioning of the Option contents */
+    contentPosition?: FlexPosition;
+    /** The color of the Option text */
+    color?: string;
+    /** Sets the Option text color to theme.accent */
+    accented?: boolean;
+    /** Sets the Option as a section separator */
+    section?: boolean;
+};
+
 type OptionsProps = {
     children: ReactNode;
     /** The id of the Options container */
@@ -2313,7 +2401,7 @@ type OptionsProps = {
 } & Width;
 declare const Options: {
     ({ id, children, containerRef, parentSelector, width, maxHeight, offsetY, offsetX, centerY, centerX, direction, }: OptionsProps): react_jsx_runtime.JSX.Element;
-    Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, ...props }: OptionsItemProps): react_jsx_runtime.JSX.Element;
+    Item({ children, id, onClick, selected, noSelect, contentPosition, color, accented, section, ...props }: OptionsItemProps): react_jsx_runtime.JSX.Element;
 };
 
 type PaginationProps = {
@@ -2333,7 +2421,7 @@ type ChartData = {
     value: number;
     color?: string;
 };
-type Props$2 = {
+type Props$4 = {
     /** The chart data array  */
     data: ChartData[];
     /** The width & height of the chart */
@@ -2343,7 +2431,7 @@ type Props$2 = {
     /** Displays a gray chart if no data is present */
     showWhenEmpty?: boolean;
 } & Margin;
-declare const PieChart: ({ size, data, innerRadius, showWhenEmpty, ...rest }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const PieChart: ({ size, data, innerRadius, showWhenEmpty, ...rest }: Props$4) => react_jsx_runtime.JSX.Element;
 
 type CircleProps = ({
     circle?: false;
@@ -2380,47 +2468,26 @@ type RadioProps = {
 } & Margin & AsProp & HTMLProps<HTMLInputElement>;
 declare const Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: RadioProps) => react_jsx_runtime.JSX.Element;
 
-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>) => react_jsx_runtime.JSX.Element;
+type Props$3 = {
+    /** 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$3) => react_jsx_runtime.JSX.Element;
+
+type Props$2 = SelectInputProps & Omit<SelectProps$1<object>, 'children' | 'onSelectionChange'>;
+declare const Select: {
+    ({ backgroundColor, children, fontSize, isDisabled, label, open, options, placeholder, placeholderColor, textOnly, value, width, onChange, afterShow, afterHide, ...props }: Props$2): react_jsx_runtime.JSX.Element;
+    Item: ({ id, value, header, body, leftElement, rightElement, inline, ...props }: SelectItem & Omit<react_aria_components.ListBoxItemProps<object>, "value" | "id">) => react_jsx_runtime.JSX.Element;
+    Section: ({ id, title, children }: {
+        id?: string | undefined;
+        title?: string | undefined;
+        children: react.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+};
 
 type SliderProps = {
     /** The current position of the slider knob */
@@ -2704,7 +2771,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, react.RefObject<HTMLDivElement>];
@@ -2727,31 +2794,10 @@ declare const useWindowSize: () => {
     height: number | null;
 };
 
-declare const widthHeightProps: ({ width, height }: WidthHeight) => {
-    width: string | number | undefined;
-    height: string | number | undefined;
-};
-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;
-};
-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;
-};
-declare const positionProps: ({ position, top, bottom, right, left }: Position) => {
-    position: PositionType | undefined;
-    top: string | number | undefined;
-    bottom: string | number | undefined;
-    right: string | number | undefined;
-    left: string | number | undefined;
-};
+declare const widthHeightProps: ({ width, height }: WidthHeight) => CSSObject;
+declare const paddingProps: ({ padding, paddingTop, paddingBottom, paddingRight, paddingLeft, }: Padding) => CSSObject;
+declare const marginProps: ({ margin, marginTop, marginBottom, marginRight, marginLeft }: Margin) => CSSObject;
+declare const positionProps: ({ position, top, bottom, right, left }: Position) => CSSObject;
 
 declare const copyToClipboard: (text: string) => void;
 
@@ -2764,4 +2810,4 @@ declare const formatDate: (value: Date, option?: TimeSpec | TimeOptions) => stri
 
 declare const numberWithCommas: (number: number) => string;
 
-export { Accordion, type AsProp as As, Audio, type AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, type DraftEditorRef, Dropdown, DropdownMenu, type OptionItem as DropdownOption, type FlexPosition, Form, Grid, type Height, type ITheme, Icon, type IconNames, ImageViewer, InlineCode, Input, type InputRef, _default as InputUtils, Label, LineChart, type Margin, type MarginPadding, type MaxHeight, type MaxWidth, type MaxWidthHeight, Menu, Message, MessageHr, type MinHeight, type MinWidth, type MinWidthHeight, Modal, MultiSelect, type MultiSelectRef, Notification, Options, type Padding, Pagination, PieChart, type Position, Progress, Radio, ResetStyles, ScrollbarStyles, Select, Slider, Spacer, Spinner, type TabItem, Table, Tabs, type ThemeProp, ToastStyles, Toggle, Tooltip, type Action as TransferAction, type Item as TransferItem, TransferList, type Next as TransferNext, type Width, type WidthHeight, colors, copyToClipboard, darkScale, formatDate, lightScale, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };
+export { Accordion, type AsProp as As, Audio, type AudioRef, BarChart, Button, Calendar, Checkbox, Code, ComboBox, DatePicker, DateRangePicker, Table$1 as DocTable, DraftEditor, type DraftEditorRef, Dropdown, DropdownMenu, type OptionItem as DropdownOption, type FlexPosition, Form, Grid, type Height, type ITheme, Icon, type IconNames, ImageViewer, InlineCode, Input, type InputRef, _default as InputUtils, Label, LineChart, type Margin, type MarginPadding, type MaxHeight, type MaxWidth, type MaxWidthHeight, Menu, Message, MessageHr, type MinHeight, type MinWidth, type MinWidthHeight, Modal, MultiSelect, type MultiSelectRef, Notification, NumberInput, Options, type Padding, Pagination, PieChart, type Position, Progress, Radio, RangeCalendar, ResetStyles, ScrollbarStyles, Select, Slider, Spacer, Spinner, type TabItem, Table, Tabs, TextInput, type ThemeProp, ToastStyles, Toggle, Tooltip, type Action as TransferAction, type Item as TransferItem, TransferList, type Next as TransferNext, type Width, type WidthHeight, colors, copyToClipboard, darkScale, formatDate, lightScale, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };