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

package/build/cjs/types/assets/icons/Dash.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const Dash: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Dash;

package/build/cjs/types/assets/icons/Funnel.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const Funnel: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Funnel;

package/build/cjs/types/assets/icons/LocalArea.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const LocalArea: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LocalArea;

package/build/cjs/types/assets/icons/Location.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const Location: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Location;

package/build/cjs/types/assets/icons/Notes.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const Notes: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Notes;

package/build/cjs/types/assets/icons/Shield.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const Shield: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Shield;

package/build/cjs/types/assets/icons/ShieldHealth.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from 'react';
+declare const ShieldHealth: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ShieldHealth;

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

@@ -7,7 +7,7 @@ declare const Button: {
     Group: ({ children, disabled, outline, size, small, large, secondary, negative, positive, caution, collapse, ...props }: ({
         children: (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").TooltipProps, string | import("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;

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

@@ -1,10 +1,11 @@
-import { HTMLProps, MouseEvent, ReactNode } from 'react';
-import { OptionItem } from '../Dropdown/DropdownUtils';
+import { HTMLProps, ReactNode } from 'react';
+import type { ButtonProps, PressEvent } from 'react-aria-components';
 import { IconNames } from '../Icon/icons';
-import { Margin, AsProp } from '../types';
-type ButtonAttributes = Omit<HTMLProps<HTMLButtonElement>, 'as' | 'type' | 'size'> & {
+import { ListItem } from '../componentTypes';
+import { AsProp, Margin } from '../types';
+type ButtonAttributes = Omit<HTMLProps<HTMLButtonElement>, 'as' | 'type' | 'size' | 'onClick'> & {
     type?: 'button' | 'reset' | 'submit';
-} & AsProp;
+} & AsProp & ButtonProps;
 type ButtonBaseProps = {
     children?: ReactNode;
     joined?: 'left' | 'right' | 'middle';
@@ -36,7 +37,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) => void;
+    onClick?: (event: PressEvent) => void;
     /** Sets the text backgroundColor of the button */
     backgroundColor?: string;
     /** Sets the text color of the button */
@@ -110,7 +111,7 @@ export type DropdownProps = {
     /** 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 */
@@ -131,7 +132,7 @@ export type DropdownProps = {
     optionsDisabled?: boolean;
 };
 export type ButtonDropdownProps = {
-    options: OptionItem[];
+    options: ListItem[];
     direction?: 'top' | 'bottom';
     afterShow?: () => void;
     afterHide?: () => void;

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

@@ -1,2 +1 @@
-import Button from './Button';
-export default Button;
+export { default } from './Button';

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

@@ -1,14 +1,11 @@
-type CalendarProps = {
+import { CalendarDate } from '@internationalized/date';
+import { CalendarProps } from 'react-aria-components';
+import type { CalendarBaseProps } from './componentTypes';
+type Props = {
     /** 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) => import("react/jsx-runtime").JSX.Element;
+} & CalendarBaseProps & Omit<CalendarProps<CalendarDate>, 'onChange'>;
+declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Calendar;

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

@@ -0,0 +1,7 @@
+import { CSSObject } from '@emotion/styled';
+import { ThemeProp } from '../types';
+export type CalendarContainerProps = {
+    noShadow?: boolean;
+} & ThemeProp;
+declare const calendarContainerStyles: (({ theme, noShadow }: CalendarContainerProps & Required<ThemeProp>) => CSSObject)[];
+export default calendarContainerStyles;

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

@@ -0,0 +1,7 @@
+import { CalendarDate } from '@internationalized/date';
+type Props = {
+    range?: boolean;
+    initialDate?: CalendarDate;
+};
+declare const CalendarContent: ({ range, initialDate }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CalendarContent;

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

@@ -0,0 +1,2 @@
+declare const CalendarHeader: () => import("react/jsx-runtime").JSX.Element;
+export default CalendarHeader;

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

@@ -0,0 +1,12 @@
+import type { CalendarDate } from '@internationalized/date';
+type PastFuture = boolean | Date;
+type Params = {
+    past?: PastFuture;
+    future?: PastFuture;
+    rel: CalendarDate;
+};
+declare const useMinMax: ({ past, future, rel }: Params) => {
+    min: CalendarDate | undefined;
+    max: CalendarDate | undefined;
+};
+export default useMinMax;

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

@@ -0,0 +1,4 @@
+import type { DateValue } from 'react-aria-components';
+export declare const getNow: () => import("@internationalized/date").CalendarDate;
+export declare const getDateFromObj: (val: DateValue) => Date;
+export declare const getObjFromDate: (val: Date) => import("@internationalized/date").CalendarDate;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ComboBoxProps } from 'react-aria-components';
+import { SelectInputProps } from './componentTypes';
+type Props = {
+    /** 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): 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 ComboBox;

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

@@ -1,5 +1,5 @@
-import { KeyboardEvent, CSSProperties as CSS } from 'react';
 import { EditorChangeType } from 'draft-js';
+import { CSSProperties as CSS, KeyboardEvent } from 'react';
 import { DraftEditorRef, InputFocusEvent, Margin, MergeField } from './types';
 declare const DraftEditor: import("react").ForwardRefExoticComponent<{
     /** Controlled text value of the editor */
@@ -26,8 +26,6 @@ declare const DraftEditor: import("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 */

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

@@ -1,7 +1,7 @@
 import { ReactNode, RefObject } from 'react';
 import { InputProps } from '../Input';
-import { InputFocusEvent, InputRef, Margin, WidthHeight } from '../types';
-import { DropdownItemProps, OptionItem } from './DropdownUtils';
+import { InputFocusEvent, InputRef, Margin, OptionItem, WidthHeight } from '../types';
+import { DropdownItemProps } from './DropdownUtils';
 export type RestInputProps = Omit<InputProps, 'value' | 'onChange' | 'onError'>;
 type DropdownProps<OptionType> = {
     children?: ReactNode;
@@ -79,7 +79,7 @@ type DropdownProps<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<OptionType>): import("react/jsx-runtime").JSX.Element;
-    Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
+    <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<OptionType>): import("react/jsx-runtime").JSX.Element;
+    Item<OptionType_1 extends OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, section, }: DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
 };
 export default Dropdown;

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

@@ -1,16 +1,5 @@
 import { ChangeEvent, MouseEvent, ReactElement, ReactNode } from 'react';
-import { FlexPosition, ThemeProp } from '../types';
-export type OptionItem = {
-    id: number | string;
-    label: string;
-    header?: string;
-    body?: string;
-    leftElement?: ReactElement;
-    rightElement?: ReactElement;
-    onClick?: (event?: MouseEvent | Event) => void;
-    value?: unknown;
-    [key: string]: unknown;
-};
+import { FlexPosition, OptionItem, ThemeProp } from '../types';
 export type DropdownItemProps<OptionType> = {
     setValue?: (v: OptionType, event: MouseEvent | Event) => void;
     close?: () => void;
@@ -29,6 +18,8 @@ export type DropdownItemProps<OptionType> = {
     onClick?: (event: MouseEvent | Event) => void;
     /** The id of the Item element */
     id: number | string;
+    /** Sets the Item as a section separator */
+    section?: boolean;
 };
 export type SetEvent = MouseEvent | ChangeEvent | KeyboardEvent | Event;
 export type SetValueFunc = <OptionType extends OptionItem>(selection: OptionType | string | null, event?: SetEvent) => void;
@@ -41,7 +32,7 @@ type StatePieces = {
 };
 type FilterState = Omit<StatePieces, 'selected'>;
 export declare const getFilteredOptions: <OptionType extends OptionItem>(options: OptionType[], state: FilterState) => OptionType[];
-export declare const getItemContentFromOption: <OptionType extends OptionItem>(option: OptionType) => import("react/jsx-runtime").JSX.Element;
+export declare const getItemContentFromOption: <OptionType extends OptionItem>(option: Partial<OptionType>) => import("react/jsx-runtime").JSX.Element;
 export declare const getOptionsFromArray: <OptionType extends OptionItem>(options: OptionType[], setValue: SetValueFunc, toggle: toggleFunc, state: FilterState) => import("react/jsx-runtime").JSX.Element[];
 export declare const getOptionsFromChildren: <OptionType extends OptionItem>(children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc) => (ReactElement<DropdownItemProps<OptionType>, string | import("react").JSXElementConstructor<any>> | null)[];
 export declare const getCombinedChildren: <OptionType extends OptionItem>(options: OptionType[], children: ReactNode, setValue: SetValueFunc, toggle: toggleFunc, state: StatePieces) => (ReactElement<any, string | import("react").JSXElementConstructor<any>> | null)[];

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

@@ -1,4 +1,3 @@
 import Dropdown from './Dropdown';
 export default Dropdown;
 export type { RestInputProps as InputProps } from './Dropdown';
-export type { OptionItem as DropdownOption } from './DropdownUtils';

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

@@ -1,67 +1,28 @@
-import { HTMLProps, MouseEvent, ReactNode } from 'react';
-import { OptionItem } from './Dropdown/DropdownUtils';
-import { ItemProps } from './OptionHelpers/Item';
-import type { OptionsItemProps } from './OptionHelpers/types';
-import type { AsProp, PopPosition } from './types';
-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 | 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;
+import type { ReactElement, ReactNode } from 'react';
+import { ListItem, SelectInputProps } from './componentTypes';
+import type { Placement } from './types';
+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>): import("react/jsx-runtime").JSX.Element;
-    Item: ({ children, id, disabled, onClick, ...props }: OptionsItemProps) => import("react/jsx-runtime").JSX.Element;
-    Sub({ children, id, label, zIndex, disabled, container, ...props }: SubProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, position, trigger, open, options, offset, afterShow, afterHide, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ id, value, header, body, leftElement, rightElement, inline, onClick, ...props }: ListItem & Omit<import("react-aria-components").MenuItemProps<object>, "value" | "id" | "onAction">) => import("react/jsx-runtime").JSX.Element;
+    Sub({ children, label, isDisabled }: SubProps): import("react/jsx-runtime").JSX.Element;
     Separator(): import("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;
+    isDisabled?: boolean;
+};
 export default DropdownMenu;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const Menu: import("@emotion/styled").StyledComponent<import("react-aria-components").MenuProps<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 Menu;

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

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

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

@@ -22,7 +22,6 @@ declare const Form: {
         iconLeft?: import("./helpers/getIcon").IconType | undefined;
         iconRight?: import("./helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
-        borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
         borderColor?: string | undefined;
         backgroundColor?: string | undefined;
@@ -55,7 +54,6 @@ declare const Form: {
         iconLeft?: import("./helpers/getIcon").IconType | undefined;
         iconRight?: import("./helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
-        borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
         borderColor?: string | undefined;
         backgroundColor?: string | undefined;
@@ -80,7 +78,7 @@ declare const Form: {
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, formatted: string, raw: string) => void) | undefined;
     } & Margin & import("./types").Padding, "ref">) & import("react").RefAttributes<import("./types").InputRef>>;
     Dropdown: {
-        <OptionType extends import("./Dropdown").DropdownOption>({ 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 import("./types").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;
@@ -119,7 +117,7 @@ declare const Form: {
             inputRef?: import("react").RefObject<import("./types").InputRef> | undefined;
             optionsParent?: string | undefined;
         } & import("./types").Width & import("./types").Height & Margin & import("./Dropdown").InputProps): import("react/jsx-runtime").JSX.Element;
-        Item<OptionType_1 extends import("./Dropdown").DropdownOption>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: import("./Dropdown/DropdownUtils").DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
+        Item<OptionType_1 extends import("./types").OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, section, }: import("./Dropdown/DropdownUtils").DropdownItemProps<OptionType_1>): import("react/jsx-runtime").JSX.Element;
     };
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;

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

@@ -134,6 +134,7 @@ declare const icons: {
     'close-circle-outline': typeof CloseCircleOutline;
     copy: typeof Copy;
     cycle: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    dash: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     devices: typeof Devices;
     dialpad: typeof Dialpad;
     'double-arrow-left': typeof DoubleArrowLeft;
@@ -148,6 +149,7 @@ declare const icons: {
     filter: typeof Filter;
     flag: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     flask: typeof Flask;
+    funnel: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     group: typeof Group;
     hash: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     heart: typeof Heart;
@@ -161,6 +163,8 @@ declare const icons: {
     link: typeof Link;
     linkedin: typeof Linkedin;
     loading: typeof Loading;
+    'local-area': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    location: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     logout: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     maximize: typeof Maximize;
     menu: typeof Menu;
@@ -172,6 +176,7 @@ declare const icons: {
     minimize: typeof Minimize;
     mobile: typeof Mobile;
     'not-allowed': typeof NotAllowed;
+    notes: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     open: typeof Open;
     pause: typeof Pause;
     'pause-outline': typeof PauseOutline;
@@ -200,7 +205,9 @@ declare const icons: {
     search: typeof Search;
     settings: typeof Settings;
     share: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    shield: (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     'shield-check': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    'shield-health': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     'shield-slash': (props: import("react").SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     sort: typeof Sort;
     spotify: typeof Spotify;

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

@@ -35,8 +35,6 @@ export 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 */
@@ -95,8 +93,6 @@ declare const Input: import("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 */
@@ -154,8 +150,6 @@ declare const Input: import("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 */

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

@@ -10,7 +10,6 @@ export declare const isInputFilled: (value?: string | number) => boolean;
 export type InputContainerProps = {
     backgroundColor?: string;
     borderRadius?: number | string;
-    borderless?: boolean;
     borderColor?: string;
     fontSize?: number | string;
     placeholderColor?: string;
@@ -28,7 +27,6 @@ export declare const InputContainer: import("@emotion/styled").StyledComponent<{
 } & {
     backgroundColor?: string | undefined;
     borderRadius?: string | number | undefined;
-    borderless?: boolean | undefined;
     borderColor?: string | undefined;
     fontSize?: string | number | undefined;
     placeholderColor?: string | undefined;
@@ -67,7 +65,6 @@ declare const _default: {
     } & {
         backgroundColor?: string | undefined;
         borderRadius?: string | number | undefined;
-        borderless?: boolean | undefined;
         borderColor?: string | undefined;
         fontSize?: string | number | undefined;
         placeholderColor?: string | undefined;

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

@@ -0,0 +1,9 @@
+import { DatePickerProps, DateValue } from 'react-aria-components';
+import { DateInputProps } from '../componentTypes';
+type PickerProps = Omit<DatePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen'>;
+type Props = {
+    value?: Date;
+    onChange: (date: Date) => void;
+} & DateInputProps & PickerProps;
+declare const DatePicker: ({ value, label, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, preventPast, preventFuture, open, onChange, afterShow, afterHide, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DatePicker;

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

@@ -0,0 +1,10 @@
+import { DateRangePickerProps, DateValue } from 'react-aria-components';
+import { DateInputProps } from '../componentTypes';
+type PickerProps = Omit<DateRangePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen'>;
+type Props = {
+    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) => import("react/jsx-runtime").JSX.Element;
+export default DateRangePicker;

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

@@ -0,0 +1,5 @@
+import { NumberFieldProps } from 'react-aria-components';
+import { InputProps } from '../types';
+type Props = InputProps & NumberFieldProps;
+declare const NumberInput: ({ value, label, placeholder, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default NumberInput;

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

@@ -0,0 +1,5 @@
+import { TextFieldProps } from 'react-aria-components';
+import { InputProps } from '../types';
+type Props = InputProps & TextFieldProps;
+declare const TextInput: ({ value, label, placeholder, inputRef, iconLeft, iconRight, isLoading, fontSize, placeholderColor, isDisabled, description, errorMessage, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default TextInput;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const Input: import("@emotion/styled").StyledComponent<import("react-aria-components").InputProps & import("react").RefAttributes<HTMLInputElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    hide?: boolean | undefined;
+} & {
+    fontSize?: string | number | undefined;
+    placeholderColor?: string | undefined;
+    isDisabled?: boolean | undefined;
+} & import("../../types").Width & import("../../types").ThemeProp, {}, {}>;
+export default Input;

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

@@ -0,0 +1,13 @@
+import { CSSObject } from '@emotion/styled';
+import { InputContainerStyleProps, ThemeProp } from '../../types';
+type StateProps = {
+    pointer?: boolean;
+    focused?: boolean;
+    hasLabel?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+};
+export type ContainerProps = InputContainerStyleProps & StateProps & ThemeProp;
+type Props = ContainerProps & Required<ThemeProp>;
+declare const styles: ((({ width, height }: import("../../types").WidthHeight) => CSSObject) | (({ theme: { input, accent }, backgroundColor, borderRadius, borderColor, textOnly, isDisabled, hasLabel, pointer, }: Props) => CSSObject))[];
+export default styles;

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

@@ -0,0 +1,9 @@
+import { ValidationResult } from 'react-aria-components';
+type Props = {
+    /** Places a description message below the input */
+    description?: string;
+    /** Places an error message below the input */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+};
+declare const InputMessage: ({ description, errorMessage }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default InputMessage;

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

@@ -0,0 +1,11 @@
+import { CSSObject } from '@emotion/styled';
+import { InputElementStyleProps, ThemeProp } from '../../types';
+export declare const preventProps: {
+    shouldForwardProp: (prop: string) => boolean;
+};
+export type InputStyleProps = {
+    hide?: boolean;
+} & InputElementStyleProps & ThemeProp;
+type Props = InputStyleProps & Required<ThemeProp>;
+declare const inputStyles: (({ theme: { font, input, size, accent }, fontSize, hide, isDisabled, width, placeholderColor, }: Props) => CSSObject)[];
+export default inputStyles;