@wavv/ui 1.9.13 → 1.9.14

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

@@ -5,7 +5,7 @@ import { BasicButtonProps, ButtonComponentProps } from './ButtonTypes';
 declare const Button: {
     (props: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
     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>>)[];
+        children: (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("src/lib/components/Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("src/lib/components/Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>)[];
         disabled?: boolean | undefined;
         size?: "small" | "large" | "medium" | undefined;
         small?: boolean | undefined;

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

@@ -5,7 +5,7 @@ type CalendarProps = {
     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 futurepast (relative to the set date or current 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;

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

@@ -26,8 +26,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
+        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -59,8 +59,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
+        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -87,7 +87,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("src/lib/components/Dropdown/DropdownUtils").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 }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
             onTextChange?: ((text: string) => void) | undefined;
@@ -125,8 +125,8 @@ declare const Form: {
             restrictInput?: boolean | ((text: string) => boolean) | undefined;
             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;
+        } & import("./types").Width & import("./types").Height & Margin & import("src/lib/components/Dropdown/Dropdown").RestInputProps): import("react/jsx-runtime").JSX.Element;
+        Item<OptionType_1 extends import("src/lib/components/Dropdown/DropdownUtils").OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: import("src/lib/components/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;
@@ -142,7 +142,7 @@ declare const Form: {
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
+    } & Margin & import("./types").As & import("src/lib/components/FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
@@ -151,11 +151,11 @@ declare const Form: {
         checked?: boolean | undefined;
         partial?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
+    } & Margin & import("./types").As & import("src/lib/components/FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
         children?: ReactNode;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
+        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
         pill?: boolean | undefined;
         disabled?: boolean | undefined;
     } & Margin) => import("react/jsx-runtime").JSX.Element;

package/build/index.d.ts

@@ -2,10 +2,15 @@
 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 * as src_lib_components_Tooltip from 'src/lib/components/Tooltip';
 import * as _emotion_styled from '@emotion/styled';
 import { StyledComponent } from '@emotion/styled';
 import * as _emotion_react from '@emotion/react';
 import { EditorChangeType } from 'draft-js';
+import * as src_lib_components_FormControl from 'src/lib/components/FormControl';
+import * as src_lib_components_Dropdown_Dropdown from 'src/lib/components/Dropdown/Dropdown';
+import * as src_lib_components_Dropdown_DropdownUtils from 'src/lib/components/Dropdown/DropdownUtils';
+import * as src_lib_components_helpers_getIcon from 'src/lib/components/helpers/getIcon';
 
 declare const colors: {
     logo1: string;
@@ -1197,59 +1202,11 @@ type ButtonComponentProps = {
     joined?: never;
 } & BasicButtonProps & DropdownProps$2 & Margin;
 
-type DivProps$1 = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
-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>>)[];
+        children: (react.ReactElement<BasicButtonProps | ButtonComponentProps, string | react.JSXElementConstructor<any>> | react.ReactElement<src_lib_components_Tooltip.TooltipProps, string | react.JSXElementConstructor<any>>) | (react.ReactElement<BasicButtonProps | ButtonComponentProps, string | react.JSXElementConstructor<any>> | react.ReactElement<src_lib_components_Tooltip.TooltipProps, string | react.JSXElementConstructor<any>>)[];
         disabled?: boolean | undefined;
         size?: "small" | "large" | "medium" | undefined;
         small?: boolean | undefined;
@@ -1266,7 +1223,7 @@ type CalendarProps = {
     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 futurepast (relative to the set date or current 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;
@@ -1411,6 +1368,54 @@ type IconProps = {
 } & ConditionalProps & MarginPadding & As & 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$1 = Omit<HTMLProps<HTMLDivElement>, 'as'> & As;
+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>, {}>;
+};
+
 type IconType = IconNames | IconProps | ReactElement<IconProps> | ReactElement<TooltipProps>;
 
 type OnClear = () => void;
@@ -1841,8 +1846,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: IconType | undefined;
-        iconRight?: IconType | undefined;
+        iconLeft?: src_lib_components_helpers_getIcon.IconType | undefined;
+        iconRight?: src_lib_components_helpers_getIcon.IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -1874,8 +1879,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: IconType | undefined;
-        iconRight?: IconType | undefined;
+        iconLeft?: src_lib_components_helpers_getIcon.IconType | undefined;
+        iconRight?: src_lib_components_helpers_getIcon.IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -1902,7 +1907,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 src_lib_components_Dropdown_DropdownUtils.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 }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
             onTextChange?: ((text: string) => void) | undefined;
@@ -1940,8 +1945,8 @@ declare const Form: {
             restrictInput?: boolean | ((text: string) => boolean) | undefined;
             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;
+        } & Width & Height & Margin & src_lib_components_Dropdown_Dropdown.RestInputProps): react_jsx_runtime.JSX.Element;
+        Item<OptionType_1 extends src_lib_components_Dropdown_DropdownUtils.OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: src_lib_components_Dropdown_DropdownUtils.DropdownItemProps<OptionType_1>): react_jsx_runtime.JSX.Element;
     };
     Radio: ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
@@ -1957,7 +1962,7 @@ declare const Form: {
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & As & CheckboxAttributes) => react_jsx_runtime.JSX.Element;
+    } & Margin & As & src_lib_components_FormControl.CheckboxAttributes) => react_jsx_runtime.JSX.Element;
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
@@ -1966,11 +1971,11 @@ declare const Form: {
         checked?: boolean | undefined;
         partial?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & As & CheckboxAttributes) => react_jsx_runtime.JSX.Element;
+    } & Margin & As & src_lib_components_FormControl.CheckboxAttributes) => react_jsx_runtime.JSX.Element;
     Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
         children?: ReactNode;
-        iconLeft?: IconType | undefined;
-        iconRight?: IconType | undefined;
+        iconLeft?: src_lib_components_helpers_getIcon.IconType | undefined;
+        iconRight?: src_lib_components_helpers_getIcon.IconType | undefined;
         pill?: boolean | undefined;
         disabled?: boolean | undefined;
     } & Margin) => react_jsx_runtime.JSX.Element;
@@ -2717,4 +2722,4 @@ declare const positionProps: ({ position, top, bottom, right, left }: Position)
     left: string | number | undefined;
 };
 
-export { Accordion, As, Audio, AudioRef, BarChart, Button, Calendar, Checkbox, Code, Table$1 as DocTable, DraftEditor, DraftEditorRef, Dropdown, DropdownMenu, OptionItem as DropdownOption, FlexPosition, Form, Grid, Height, ITheme, Icon, IconNames, ImageViewer, InlineCode, Input, InputRef, _default as InputUtils, Label, LineChart, Margin, MarginPadding, MaxHeight, MaxWidth, MaxWidthHeight, Menu, Message, MessageHr, MinHeight, MinWidth, MinWidthHeight, Modal, MultiSelect, MultiSelectRef, Notification, Options, Padding, Pagination, PieChart, Position, Progress, Radio, ResetStyles, ScrollbarStyles, Slider, Spacer, Spinner, TabItem, Table, Tabs, ThemeProp, ToastStyles, Toggle, Tooltip, Action as TransferAction, Item as TransferItem, TransferList, Next as TransferNext, Width, WidthHeight, colors, copyToClipboard, darkScale, formatDate, lightScale, marginProps, numberWithCommas, paddingProps, positionProps, theme, useConfirm, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelect, useSelectAll, useWindowSize, widthHeightProps };
+export { Accordion, type 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, 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 };

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

@@ -5,7 +5,7 @@ import { BasicButtonProps, ButtonComponentProps } from './ButtonTypes';
 declare const Button: {
     (props: ButtonComponentProps): import("react/jsx-runtime").JSX.Element;
     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>>)[];
+        children: (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("src/lib/components/Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("src/lib/components/Tooltip").TooltipProps, string | import("react").JSXElementConstructor<any>>)[];
         disabled?: boolean | undefined;
         size?: "small" | "large" | "medium" | undefined;
         small?: boolean | undefined;

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

@@ -5,7 +5,7 @@ type CalendarProps = {
     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 futurepast (relative to the set date or current 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;

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

@@ -26,8 +26,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
+        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -59,8 +59,8 @@ declare const Form: {
         placeholderColor?: string | undefined;
         description?: string | undefined;
         isLoading?: boolean | undefined;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
+        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
         invalid?: boolean | undefined;
         borderless?: boolean | undefined;
         borderRadius?: string | number | undefined;
@@ -87,7 +87,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("src/lib/components/Dropdown/DropdownUtils").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 }: {
             children?: ReactNode;
             onChange?: ((item: OptionType | null) => void) | undefined;
             onTextChange?: ((text: string) => void) | undefined;
@@ -125,8 +125,8 @@ declare const Form: {
             restrictInput?: boolean | ((text: string) => boolean) | undefined;
             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;
+        } & import("./types").Width & import("./types").Height & Margin & import("src/lib/components/Dropdown/Dropdown").RestInputProps): import("react/jsx-runtime").JSX.Element;
+        Item<OptionType_1 extends import("src/lib/components/Dropdown/DropdownUtils").OptionItem>({ value, displayText, setValue, close, children, contentPosition, color, accented, onClick, id, }: import("src/lib/components/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;
@@ -142,7 +142,7 @@ declare const Form: {
         disabled?: boolean | undefined;
         checked?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
+    } & Margin & import("./types").As & import("src/lib/components/FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
     Checkbox: ({ id, label, labelPosition, checked, partial, disabled, onChange, margin, marginTop, marginBottom, marginRight, marginLeft, ...props }: {
         id?: string | undefined;
         label?: string | undefined;
@@ -151,11 +151,11 @@ declare const Form: {
         checked?: boolean | undefined;
         partial?: boolean | undefined;
         onChange: (val: boolean) => void;
-    } & Margin & import("./types").As & import("./FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
+    } & Margin & import("./types").As & import("src/lib/components/FormControl").CheckboxAttributes) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
         children?: ReactNode;
-        iconLeft?: import("./helpers/getIcon").IconType | undefined;
-        iconRight?: import("./helpers/getIcon").IconType | undefined;
+        iconLeft?: import("src/lib/components/helpers/getIcon").IconType | undefined;
+        iconRight?: import("src/lib/components/helpers/getIcon").IconType | undefined;
         pill?: boolean | undefined;
         disabled?: boolean | undefined;
     } & Margin) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "1.9.13",
+	"version": "1.9.14",
 	"files": [
 		"build/**/*"
 	],
@@ -19,33 +19,33 @@
 	"author": "Raleigh Wayland",
 	"license": "MIT",
 	"dependencies": {
-		"@emotion/styled": "^11.11.0",
+		"@emotion/styled": "^11.11.5",
 		"@radix-ui/react-accordion": "^1.1.2",
 		"@radix-ui/react-dropdown-menu": "^2.0.6",
 		"@radix-ui/react-tooltip": "^1.0.7",
 		"@react-hook/resize-observer": "^1.2.6",
-		"date-fns": "^2.30.0",
+		"date-fns": "^3.6.0",
 		"draft-js": "^0.11.7",
 		"lodash": "^4.17.21",
 		"millify": "^6.1.0",
 		"polished": "^4.1.4",
 		"prism-react-renderer": "^2.3.1",
-		"react-keyed-flatten-children": "^2.2.1",
+		"react-keyed-flatten-children": "^3.0.0",
 		"react-phone-input-auto-format": "^0.1.0",
-		"recharts": "^2.10.4",
+		"recharts": "^2.12.3",
 		"sanitize.css": "^13.0.0",
 		"uuid": "^9.0.1",
 		"webfontloader": "^1.6.28"
 	},
 	"devDependencies": {
-		"@babel/core": "^7.23.7",
-		"@babel/preset-env": "^7.23.8",
-		"@babel/preset-typescript": "^7.23.3",
+		"@babel/core": "^7.24.3",
+		"@babel/preset-env": "^7.24.3",
+		"@babel/preset-typescript": "^7.24.1",
 		"@emotion/babel-plugin": "^11.11.0",
 		"@emotion/babel-preset-css-prop": "^11.11.0",
-		"@emotion/react": "^11.11.3",
-		"@mdx-js/react": "^2.2.1",
-		"@mdx-js/rollup": "^2.2.1",
+		"@emotion/react": "^11.11.4",
+		"@mdx-js/react": "^3.0.1",
+		"@mdx-js/rollup": "^3.0.1",
 		"@rollup/plugin-commonjs": "^25.0.7",
 		"@rollup/plugin-node-resolve": "^15.2.3",
 		"@rollup/plugin-terser": "^0.4.4",
@@ -54,67 +54,66 @@
 		"@svgr/plugin-jsx": "^8.1.0",
 		"@svgr/plugin-prettier": "^8.1.0",
 		"@types/dashify": "^1.0.3",
-		"@types/draft-js": "^0.11.17",
+		"@types/draft-js": "^0.11.18",
 		"@types/jest": "^29.5.11",
-		"@types/lodash": "^4.14.202",
+		"@types/lodash": "^4.17.0",
 		"@types/ncp": "^2.0.8",
-		"@types/node": "^20.11.0",
+		"@types/node": "^20.12.2",
 		"@types/prompts": "^2.4.9",
 		"@types/randomcolor": "^0.5.9",
-		"@types/react": "^18.2.47",
-		"@types/react-dom": "^18.2.18",
-		"@types/rollup-plugin-peer-deps-external": "^2.2.4",
+		"@types/react": "^18.2.73",
+		"@types/react-dom": "^18.2.23",
+		"@types/rollup-plugin-peer-deps-external": "^2.2.5",
 		"@types/signale": "^1.4.7",
 		"@types/uuid": "^9.0.7",
 		"@types/webfontloader": "^1.6.38",
-		"@typescript-eslint/eslint-plugin": "^5.60.1",
-		"@typescript-eslint/parser": "^5.60.1",
+		"@typescript-eslint/eslint-plugin": "^7.4.0",
+		"@typescript-eslint/parser": "^7.4.0",
 		"@vitejs/plugin-react": "^4.2.1",
 		"babel-plugin-lodash": "^3.3.4",
 		"chalk": "^5.3.0",
-		"dashify": "^2.0.0",
-		"eslint": "^8.56.0",
+		"change-case": "^5.4.3",
+		"eslint": "^8.57.0",
 		"eslint-config-airbnb": "^19.0.4",
-		"eslint-config-prettier": "^8.8.0",
+		"eslint-config-prettier": "^9.1.0",
 		"eslint-config-storm": "^1.0.3",
 		"eslint-import-resolver-alias": "^1.1.2",
 		"eslint-import-resolver-typescript": "^3.6.1",
 		"eslint-plugin-import": "^2.29.1",
-		"eslint-plugin-jest": "^27.6.2",
+		"eslint-plugin-jest": "^27.9.0",
 		"eslint-plugin-jsx-a11y": "^6.8.0",
-		"eslint-plugin-react": "^7.33.2",
+		"eslint-plugin-react": "^7.34.1",
 		"eslint-plugin-react-hooks": "^4.6.0",
 		"esm": "^3.2.25",
-		"husky": "^8.0.2",
+		"husky": "^9.0.11",
 		"jest": "^29.7.0",
-		"lint-staged": "^13.2.1",
+		"lint-staged": "^15.2.2",
 		"ncp": "^2.0.0",
-		"pascal-case": "^3.1.2",
 		"path": "^0.12.7",
 		"phone": "^3.1.42",
-		"postcss": "^8.4.33",
-		"prettier": "^2.8.8",
+		"postcss": "^8.4.38",
+		"prettier": "^3.2.5",
 		"prompts": "^2.4.2",
 		"randomcolor": "^0.6.2",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-ga4": "^2.1.0",
-		"react-helmet-async": "^1.3.0",
-		"react-router-dom": "^6.21.2",
-		"react-toastify": "^9.1.3",
-		"remark-gfm": "^3.0.1",
+		"react-helmet-async": "^2.0.4",
+		"react-router-dom": "^6.22.3",
+		"react-toastify": "^10.0.5",
+		"remark-gfm": "^4.0.0",
 		"replace": "^1.2.2",
-		"rollup": "^3.25.3",
-		"rollup-plugin-dts": "^5.3.0",
+		"rollup": "^4.13.2",
+		"rollup-plugin-dts": "^6.1.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
 		"signale": "^1.4.0",
 		"ts-node": "^10.9.2",
 		"tslib": "^2.6.2",
-		"typescript": "^5.3.3",
-		"vite": "^4.4.9",
+		"typescript": "5.4.3",
+		"vite": "^5.2.7",
 		"vite-plugin-eslint": "^1.8.1",
-		"vite-plugin-svgr": "^3.2.0"
+		"vite-plugin-svgr": "^4.2.0"
 	},
 	"peerDependencies": {
 		"@emotion/react": ">=11",