@wavv/ui 2.2.3 → 2.2.5

package/build/components/Editor/RichTextToolbar.js

@@ -9,7 +9,7 @@ import { marginProps } from "../helpers/styledProps.js";
 import Icon from "../Icon/index.js";
 import Popover from "../Popover.js";
 import { getEditorCharacterCount } from "./editorUtils.js";
-const RichTextToolbar_RichTextToolbar = ({ editor, insertField, mergeFields, maxLength })=>{
+const RichTextToolbar = ({ editor, insertField, mergeFields, maxLength })=>{
     const { accent, editor: { highlight } } = useTheme();
     const [showMergeFields, setShowMergeFields] = useState(false);
     const [isListsOpen, setIsListsOpen] = useState(false);
@@ -511,5 +511,5 @@ const RemoveHighlightButton = styled.button(({ theme })=>({
             outlineOffset: 2
         }
     }));
-const RichTextToolbar = RichTextToolbar_RichTextToolbar;
-export { RichTextToolbar as default };
+const Editor_RichTextToolbar = RichTextToolbar;
+export { Editor_RichTextToolbar as default };

package/build/components/Focusable.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { useRef } from "react";
 import { useFocusable } from "react-aria";
-const Focusable_Focusable = ({ children, ref, ...props })=>{
+const Focusable = ({ children, ref, ...props })=>{
     const backupRef = useRef(null);
     const determinedRef = ref || backupRef;
     const { focusableProps } = useFocusable(props, determinedRef);
@@ -16,5 +16,5 @@ const Focusable_Focusable = ({ children, ref, ...props })=>{
 const Trigger = styled.span({
     display: 'grid'
 });
-const Focusable = Focusable_Focusable;
-export { Focusable as default };
+const components_Focusable = Focusable;
+export { components_Focusable as default };

package/build/components/Form.d.ts

@@ -40,8 +40,10 @@ declare const Form: {
         checked?: boolean;
         partial?: boolean;
         gap?: number;
-        onChange?: (val: boolean) => void;
-    } & Margin & Omit<import("react-aria-components").CheckboxProps, "value" | "isDisabled" | "isReadOnly" | "isSelected">) => import("react/jsx-runtime").JSX.Element;
+        onChange?: import("react-aria-components").CheckboxProps["onChange"];
+        className?: import("react-aria-components").CheckboxProps["className"];
+        style?: import("react-aria-components").CheckboxProps["style"];
+    } & Margin & Omit<import("react-aria-components").CheckboxProps, "value" | "isDisabled" | "isIndeterminate" | "isSelected" | "isReadOnly">) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, iconLeft, iconRight, disabled, pill, ...rest }: {
         children?: ReactNode;
         iconLeft?: import("./helpers/getIcon").IconType;

package/build/components/Form.js

@@ -6,7 +6,7 @@ import { marginProps } from "./helpers/styledProps.js";
 import Label from "./Label.js";
 import Radio from "./Radio.js";
 import Toggle from "./Toggle.js";
-const Form_Form = ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest })=>{
+const Form = ({ children, rows, columns, rowGap, columnGap, onSubmit, ...rest })=>{
     const handleSubmit = (event)=>{
         event.preventDefault();
         if (onSubmit) onSubmit(event);
@@ -22,7 +22,7 @@ const Form_Form = ({ children, rows, columns, rowGap, columnGap, onSubmit, ...re
         children: children
     });
 };
-Form_Form.Group = ({ children, rows, columns, rowGap, columnGap, disabled, ...rest })=>/*#__PURE__*/ jsx(FormGroup, {
+Form.Group = ({ children, rows, columns, rowGap, columnGap, disabled, ...rest })=>/*#__PURE__*/ jsx(FormGroup, {
         rows: rows,
         columns: columns,
         rowGap: rowGap,
@@ -31,17 +31,17 @@ Form_Form.Group = ({ children, rows, columns, rowGap, columnGap, disabled, ...re
         ...rest,
         children: children
     });
-Form_Form.Field = ({ children, inline, align, disabled, ...props })=>/*#__PURE__*/ jsx(FormField, {
+Form.Field = ({ children, inline, align, disabled, ...props })=>/*#__PURE__*/ jsx(FormField, {
         ...props,
         inline: inline,
         align: align,
         disabled: disabled,
         children: children
     });
-Form_Form.Radio = Radio;
-Form_Form.Toggle = Toggle;
-Form_Form.Checkbox = Checkbox;
-Form_Form.Label = Label;
+Form.Radio = Radio;
+Form.Toggle = Toggle;
+Form.Checkbox = Checkbox;
+Form.Label = Label;
 const FormContainer = styled(Grid)({
     boxSizing: 'border-box'
 });
@@ -64,5 +64,5 @@ const FormField = styled.div(({ inline, align })=>{
         opacity: 0.3,
         pointerEvents: 'none'
     }, marginProps);
-const Form = Form_Form;
-export { Form as default };
+const components_Form = Form;
+export { components_Form as default };

package/build/components/Grid.js

@@ -38,7 +38,7 @@ const GridItem = styled.div(({ row, rowStart, rowEnd, column, columnStart, colum
         placeSelf,
         border
     }), paddingProps, marginProps);
-const Grid_Grid = ({ children, ...props })=>/*#__PURE__*/ jsx(StyledGrid, {
+const Grid = ({ children, ...props })=>/*#__PURE__*/ jsx(StyledGrid, {
         ...props,
         children: children
     });
@@ -47,7 +47,7 @@ const Item = ({ children, ...props })=>/*#__PURE__*/ jsx(GridItem, {
         children: children
     });
 Item.displayName = 'Grid.Item';
-const Grid = Object.assign(Grid_Grid, {
+const components_Grid = Object.assign(Grid, {
     Item
 });
-export { Item, Grid as default };
+export { Item, components_Grid as default };

package/build/components/Icon/customIcons.js

@@ -21,7 +21,7 @@ import ShieldWavv from "../../assets/icons/ShieldWavv.js";
 import Spotify from "../../assets/icons/Spotify.js";
 import SubArrow from "../../assets/icons/SubArrow.js";
 import TransferCancel from "../../assets/icons/TransferCancel.js";
-const customIcons_customIcons = {
+const customIcons = {
     'caret-down': CaretDown,
     'caret-up': CaretUp,
     dialpad: Dialpad,
@@ -46,5 +46,5 @@ const customIcons_customIcons = {
     'sub-arrow': SubArrow,
     'transfer-cancel': TransferCancel
 };
-const customIcons = customIcons_customIcons;
-export { customIcons as default };
+const Icon_customIcons = customIcons;
+export { Icon_customIcons as default };

package/build/components/ImageViewer.js

@@ -3,7 +3,7 @@ import styled from "@emotion/styled";
 import { useEffect, useState } from "react";
 import { useOnClickOutside } from "../hooks/index.js";
 import Icon from "./Icon/index.js";
-const ImageViewer_ImageViewer = ({ visible, close, images, startIndex, alt, maxWidth, maxHeight, opacity, ...rest })=>{
+const ImageViewer = ({ visible, close, images, startIndex, alt, maxWidth, maxHeight, opacity, ...rest })=>{
     const [currentIndex, setCurrentIndex] = useState(startIndex);
     const exclusions = [
         '#viewer-prev',
@@ -138,5 +138,5 @@ const Media = styled.img(({ maxWidth, maxHeight })=>({
         maxWidth: maxWidth || '100%',
         maxHeight: maxHeight || '100%'
     }));
-const ImageViewer = ImageViewer_ImageViewer;
-export { ImageViewer as default };
+const components_ImageViewer = ImageViewer;
+export { components_ImageViewer as default };

package/build/components/InlineCode.js

@@ -1,10 +1,10 @@
 import styled from "@emotion/styled";
-const InlineCode_InlineCode = styled.code(({ theme })=>({
+const InlineCode = styled.code(({ theme })=>({
         fontFamily: "source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace",
         color: theme.scale10,
         backgroundColor: theme.scale1,
         borderRadius: theme.size.xs,
         padding: '2px 4px'
     }));
-const InlineCode = InlineCode_InlineCode;
-export { InlineCode as default };
+const components_InlineCode = InlineCode;
+export { components_InlineCode as default };

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

@@ -1,10 +1,14 @@
 import { type DatePickerProps, type DateValue } from 'react-aria-components';
 import type { DateInputProps } from '../typeDefs/selectionTypes';
-type PickerProps = Omit<DatePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
+type PickerProps = Pick<DatePickerProps<DateValue>, 'autoFocus' | 'firstDayOfWeek' | 'className' | 'style'>;
 type Props = {
     value?: Date;
     onChange: (date: Date) => void;
     ref?: React.Ref<HTMLInputElement>;
+    autoFocus?: PickerProps['autoFocus'];
+    firstDayOfWeek?: PickerProps['firstDayOfWeek'];
+    className?: PickerProps['className'];
+    style?: PickerProps['style'];
 } & DateInputProps & PickerProps;
 declare const DatePicker: ({ value, label, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, preventPast, preventFuture, hidePicker, onChange, afterShow, afterHide, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DatePicker;

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

@@ -1,11 +1,15 @@
 import { type DateRangePickerProps, type DateValue } from 'react-aria-components';
 import type { DateInputProps } from '../typeDefs/selectionTypes';
-type PickerProps = Omit<DateRangePickerProps<DateValue>, 'value' | 'onChange' | 'isOpen' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
+type PickerProps = Pick<DateRangePickerProps<DateValue>, 'autoFocus' | 'firstDayOfWeek' | 'className' | 'style'>;
 type Props = {
     startValue?: Date;
     endValue?: Date;
     onChange: (start: Date, end: Date) => void;
     ref?: React.Ref<HTMLInputElement>;
+    autoFocus?: PickerProps['autoFocus'];
+    firstDayOfWeek?: PickerProps['firstDayOfWeek'];
+    className?: PickerProps['className'];
+    style?: PickerProps['style'];
 } & DateInputProps & PickerProps;
 declare const DateRangePicker: ({ startValue, endValue, label, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, preventPast, preventFuture, hidePicker, onChange, afterShow, afterHide, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DateRangePicker;

package/build/components/Inputs/InlineInput.js

@@ -10,7 +10,7 @@ import InputContainerStyles from "./helpers/InputContainerStyles.js";
 import InputMessage from "./helpers/InputMessage.js";
 import isAcceptable from "./helpers/isAcceptable.js";
 import useDynamicWidth from "./helpers/useDynamicWidth.js";
-const InlineInput_InlineInput = ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props })=>{
+const InlineInput = ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props })=>{
     const [inputValue, setInputValue] = useState('');
     const [inputWidth, HiddenWidthEl] = useDynamicWidth({
         value: inputValue,
@@ -67,5 +67,5 @@ const InlineInput_InlineInput = ({ value, label, placeholder, iconLeft, iconRigh
     });
 };
 const InputContainer = styled(TextField)(InputContainerStyles);
-const InlineInput = InlineInput_InlineInput;
-export { InlineInput as default };
+const Inputs_InlineInput = InlineInput;
+export { Inputs_InlineInput as default };

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

@@ -1,10 +1,10 @@
-import { type NumberFieldProps } from 'react-aria-components';
 import type { InputProps } from '../typeDefs/inputTypes';
+import type { NumberFieldProps } from '../typeDefs/reactAriaTypes';
 type Props = {
     /** Hides the increment/decrement arrow controls */
     hideControls?: boolean;
     /** Display a comma separator for large numbers (default true) */
     separator?: boolean;
-} & InputProps & Omit<NumberFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
+} & InputProps & NumberFieldProps;
 declare const NumberInput: ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, hideControls, separator, onChange, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default NumberInput;

package/build/components/Inputs/PhoneInput.d.ts

@@ -1,7 +1,7 @@
-import { type TextFieldProps } from 'react-aria-components';
 import type { InputProps } from '../typeDefs/inputTypes';
+import type { TextFieldProps } from '../typeDefs/reactAriaTypes';
 type Props = {
     onChange?: (formatted: string, raw: string) => void;
-} & InputProps & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired' | 'onChange'>;
+} & InputProps & Omit<TextFieldProps, 'onChange'>;
 declare const PhoneInput: ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, onChange, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default PhoneInput;

package/build/components/Inputs/PhoneInput.js

@@ -10,7 +10,7 @@ import Input from "./helpers/Input.js";
 import InputContainerStyles from "./helpers/InputContainerStyles.js";
 import InputMessage from "./helpers/InputMessage.js";
 import Label from "./helpers/Label.js";
-const PhoneInput_PhoneInput = ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, onChange, ref, ...props })=>{
+const PhoneInput = ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, onChange, ref, ...props })=>{
     const [inputValue, setInputValue] = useState('');
     const internalRef = useRef(null);
     useImperativeHandle(ref, ()=>internalRef.current);
@@ -92,5 +92,5 @@ const PhoneInput_PhoneInput = ({ value, label, placeholder, iconLeft, iconRight,
     });
 };
 const InputContainer = styled(TextField)(InputContainerStyles);
-const PhoneInput = PhoneInput_PhoneInput;
-export { PhoneInput as default };
+const Inputs_PhoneInput = PhoneInput;
+export { Inputs_PhoneInput as default };

package/build/components/Inputs/SearchInput.d.ts

@@ -1,5 +1,5 @@
-import { type SearchFieldProps } from 'react-aria-components';
 import type { InputProps, TextInputProps } from '../typeDefs/inputTypes';
-type Props = TextInputProps & InputProps & Omit<SearchFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
+import type { SearchFieldProps } from '../typeDefs/reactAriaTypes';
+type Props = TextInputProps & InputProps & SearchFieldProps;
 declare const SearchInput: ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, onChange, onInput, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SearchInput;

package/build/components/Inputs/TextArea.d.ts

@@ -1,7 +1,5 @@
-import { type TextFieldProps } from 'react-aria-components';
 import type { InputProps, TextAreaProps } from '../typeDefs/inputTypes';
-type Props = TextAreaProps & InputProps & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'> & {
-    asTrigger?: boolean;
-};
+import type { TextFieldProps } from '../typeDefs/reactAriaTypes';
+type Props = TextAreaProps & InputProps & TextFieldProps;
 declare const TextAreaComponent: ({ value, label, placeholder, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, asTrigger, height, maxHeight, onChange, onInput, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TextAreaComponent;

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

@@ -1,7 +1,5 @@
-import { type TextFieldProps } from 'react-aria-components';
 import type { InputProps, TextInputProps } from '../typeDefs/inputTypes';
-type Props = TextInputProps & InputProps & Omit<TextFieldProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'> & {
-    asTrigger?: boolean;
-};
+import type { TextFieldProps } from '../typeDefs/reactAriaTypes';
+type Props = TextFieldProps & TextInputProps & InputProps;
 declare const TextInput: ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, asTrigger, onChange, onInput, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/build/components/Inputs/TextInput.js

@@ -10,7 +10,7 @@ import InputContainerStyles from "./helpers/InputContainerStyles.js";
 import InputMessage from "./helpers/InputMessage.js";
 import isAcceptable from "./helpers/isAcceptable.js";
 import Label from "./helpers/Label.js";
-const TextInput_TextInput = ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, asTrigger, onChange, onInput, ref, ...props })=>{
+const TextInput = ({ value, label, placeholder, iconLeft, iconRight, leftElement, rightElement, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, accepts, asTrigger, onChange, onInput, ref, ...props })=>{
     const [inputValue, setInputValue] = useState('');
     useEffect(()=>{
         if (null != value && inputValue !== value) setInputValue(value);
@@ -70,5 +70,5 @@ const TextInput_TextInput = ({ value, label, placeholder, iconLeft, iconRight, l
 const InputContainer = styled(TextField)(InputContainerStyles, ({ asTrigger })=>({
         pointerEvents: asTrigger ? 'none' : void 0
     }));
-const TextInput = TextInput_TextInput;
-export { TextInput as default };
+const Inputs_TextInput = TextInput;
+export { Inputs_TextInput as default };

package/build/components/Inputs/TimeInput.d.ts

@@ -1,9 +1,8 @@
-import { type TimeFieldProps, type TimeValue } from 'react-aria-components';
 import type { InputProps } from '../typeDefs/inputTypes';
-type FieldProps = Omit<TimeFieldProps<TimeValue>, 'value' | 'onChange' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired'>;
+import type { TimeFieldProps } from '../typeDefs/reactAriaTypes';
 type Props = {
     value?: string;
     onChange: (time: string) => void;
-} & InputProps & FieldProps;
+} & InputProps & TimeFieldProps;
 declare const TimeInput: ({ value, label, iconLeft, iconRight, loading, fontSize, placeholderColor, disabled, readOnly, invalid, required, description, errorMessage, onChange, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default TimeInput;

package/build/components/Inputs/helpers/LabelWrapper.js

@@ -1,5 +1,5 @@
 import styled from "@emotion/styled";
-const LabelWrapper_LabelWrapper = styled.div(({ readOnly })=>({
+const LabelWrapper = styled.div(({ readOnly })=>({
         display: 'flex',
         flexDirection: 'column',
         boxSizing: 'border-box',
@@ -10,5 +10,5 @@ const LabelWrapper_LabelWrapper = styled.div(({ readOnly })=>({
             caretColor: readOnly ? 'transparent' : void 0
         }
     }));
-const LabelWrapper = LabelWrapper_LabelWrapper;
-export { LabelWrapper as default };
+const helpers_LabelWrapper = LabelWrapper;
+export { helpers_LabelWrapper as default };

package/build/components/Inputs/helpers/useDynamicWidth.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { useLayoutEffect, useRef, useState } from "react";
-const useDynamicWidth_useDynamicWidth = ({ value, placeholder, fontSize, active = true })=>{
+const useDynamicWidth = ({ value, placeholder, fontSize, active = true })=>{
     const textWidthRef = useRef(null);
     const [inputWidth, setInputWidth] = useState(active ? 50 : void 0);
     useLayoutEffect(()=>{
@@ -35,5 +35,5 @@ const HiddenWidthRef = styled.div(({ theme: { font }, fontSize })=>({
         fontSize: fontSize || font.size.lg,
         zIndex: -1
     }));
-const useDynamicWidth = useDynamicWidth_useDynamicWidth;
-export { useDynamicWidth as default };
+const helpers_useDynamicWidth = useDynamicWidth;
+export { helpers_useDynamicWidth as default };

package/build/components/ListHelpers/ItemHeaderBody.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { Text } from "react-aria-components";
-const ItemHeaderBody_ItemHeaderBody = ({ header, body, inline, disabled, isGridItem })=>/*#__PURE__*/ jsxs(HeaderBodyContainer, {
+const ItemHeaderBody = ({ header, body, inline, disabled, isGridItem })=>/*#__PURE__*/ jsxs(HeaderBodyContainer, {
         inline: inline,
         children: [
             /*#__PURE__*/ jsx(ItemHeader, {
@@ -32,5 +32,5 @@ const ItemSubtext = styled(Text)(({ theme, disabled })=>({
         color: disabled ? theme.scale4 : theme.scale6,
         cursor: disabled ? 'inherit' : void 0
     }));
-const ItemHeaderBody = ItemHeaderBody_ItemHeaderBody;
-export { ItemHeaderBody as default };
+const ListHelpers_ItemHeaderBody = ItemHeaderBody;
+export { ListHelpers_ItemHeaderBody as default };

package/build/components/ListHelpers/ListSection.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ListBoxSection } from "react-aria-components";
 import ListHeader from "./ListHeader.js";
-const ListSection_ListSection = ({ id, title, children })=>/*#__PURE__*/ jsxs(ListBoxSection, {
+const ListSection = ({ id, title, children })=>/*#__PURE__*/ jsxs(ListBoxSection, {
         id: id,
         children: [
             title && /*#__PURE__*/ jsx(ListHeader, {
@@ -10,5 +10,5 @@ const ListSection_ListSection = ({ id, title, children })=>/*#__PURE__*/ jsxs(Li
             children
         ]
     });
-const ListSection = ListSection_ListSection;
-export { ListSection as default };
+const ListHelpers_ListSection = ListSection;
+export { ListHelpers_ListSection as default };

package/build/components/Modal.d.ts

@@ -1,6 +1,5 @@
 import { type CSSProperties, type ReactNode, type RefObject } from 'react';
 import { type HeadingProps } from 'react-aria-components';
-import type { ThemeProp } from '../theme';
 import type { Attributes } from './typeDefs/elementTypes';
 import type { FlexPosition, Height, Margin, MaxWidthHeight, MinWidthHeight, Padding, PositionType, WidthHeight } from './types';
 type ModalContainerAttributes = Attributes<HTMLDivElement>;
@@ -58,27 +57,42 @@ type ModalProps = {
 declare const Modal: {
     ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, small, noOverlay, inert, drawer, drawerDirection, scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
     Header: {
-        ({ children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Text: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    } & {
-        primary?: boolean;
-        fontSize?: number | string;
-    } & ThemeProp, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Body: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    } & Height & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-    Footer: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    } & {
-        justify?: FlexPosition;
-        inline?: boolean;
-        gap?: number | string;
-    } & Margin, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    Text: {
+        ({ children, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ children, ...props }: BodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+type HeaderProps = {
+    className?: HeadingProps['className'];
+    style?: HeadingProps['style'];
+} & HeadingProps;
+type TextProps = {
+    children: ReactNode;
+    primary?: boolean;
+    fontSize?: number | string;
+    className?: string;
+    style?: CSSProperties;
 };
+type BodyProps = {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+} & Height & Margin;
+type FooterProps = {
+    children: ReactNode;
+    justify?: FlexPosition;
+    inline?: boolean;
+    gap?: number | string;
+} & Margin;
 export default Modal;

package/build/components/Modal.js

@@ -88,15 +88,27 @@ const ModalHeader = styled(Heading)(({ theme })=>({
         margin: 0,
         marginBottom: 8
     }));
-const Text = styled.div(({ theme, primary, fontSize })=>({
+const Text = ({ children, ...props })=>/*#__PURE__*/ jsx(ModalText, {
+        ...props,
+        children: children
+    });
+const ModalText = styled.div(({ theme, primary, fontSize })=>({
         color: primary ? theme.modal.color.header : theme.modal.color.body,
         fontSize: fontSize || theme.font.size.lg
     }));
-const Body = styled.div(({ height })=>({
+const Body = ({ children, ...props })=>/*#__PURE__*/ jsx(ModalBody, {
+        ...props,
+        children: children
+    });
+const ModalBody = styled.div(({ height })=>({
         height,
         overflow: height ? 'auto' : void 0
     }), marginProps);
-const Footer = styled.div(({ justify = 'end', inline, gap })=>{
+const Footer = ({ children, ...props })=>/*#__PURE__*/ jsx(ModalFooter, {
+        ...props,
+        children: children
+    });
+const ModalFooter = styled.div(({ justify = 'end', inline, gap })=>{
     const justifyOptions = {
         start: 'flex-start',
         end: 'flex-end',

package/build/components/MultiSelect/SearchDropdown.d.ts

@@ -1,4 +1,4 @@
-import { type ComboBoxProps } from 'react-aria-components';
+import type { ComboBoxProps } from '../typeDefs/reactAriaTypes';
 import type { MultiSelectItem, MultiSelectOption, SelectInputProps } from '../typeDefs/selectionTypes';
 import type { TagItem } from '../typeDefs/tagTypes';
 type Props = {
@@ -12,6 +12,6 @@ type Props = {
     onTextChange?: (text: string) => void;
     onValidChange?: (valid: boolean) => void;
     ref?: React.Ref<HTMLInputElement>;
-} & Omit<SelectInputProps, 'options'> & Omit<ComboBoxProps<object>, 'children' | 'onSelectionChange' | 'onInputChange' | 'isOpen' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'defaultSelectedKey'>;
+} & Omit<SelectInputProps, 'options'> & ComboBoxProps;
 declare const SearchDropdown: ({ options, items, triggerRef, placeholder, placeholderColor, fontSize, position, fixedPosition, maxHeight, disabled, accepts, addItem, removeItem, afterShow, afterHide, onTextChange, onValidChange, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default SearchDropdown;

package/build/components/MultiSelect/SearchDropdown.js

@@ -9,7 +9,7 @@ import isAcceptable from "../Inputs/helpers/isAcceptable.js";
 import useDynamicWidth from "../Inputs/helpers/useDynamicWidth.js";
 import ListOptions from "../ListBoxParts/ListOptions.js";
 import MotionPopover from "../MotionPopover.js";
-const SearchDropdown_SearchDropdown = ({ options, items, triggerRef, placeholder, placeholderColor, fontSize, position, fixedPosition, maxHeight, disabled, accepts, addItem, removeItem, afterShow, afterHide, onTextChange, onValidChange, ref, ...props })=>{
+const SearchDropdown = ({ options, items, triggerRef, placeholder, placeholderColor, fontSize, position, fixedPosition, maxHeight, disabled, accepts, addItem, removeItem, afterShow, afterHide, onTextChange, onValidChange, ref, ...props })=>{
     const [isOpen, setIsOpen] = useState(false);
     const [filteredOptions, setFilteredOptions] = useState([]);
     const [inputText, setInputText] = useState('');
@@ -151,5 +151,5 @@ const InputShakeContainer = styled.div(({ shake })=>({
             animation: shake ? `${shakeAnimation} .5s linear` : void 0
         }
     }));
-const SearchDropdown = SearchDropdown_SearchDropdown;
-export { SearchDropdown as default };
+const MultiSelect_SearchDropdown = SearchDropdown;
+export { MultiSelect_SearchDropdown as default };

package/build/components/Pagination.js

@@ -5,7 +5,7 @@ import { chunk, range } from "../utils/index.js";
 import { marginProps } from "./helpers/styledProps.js";
 import Icon from "./Icon/index.js";
 const toNum = (val)=>val ? +val : 0;
-const Pagination_Pagination = ({ onPageNav, page, totalPages, maxVisibleNumbers, width, ...props })=>{
+const Pagination = ({ onPageNav, page, totalPages, maxVisibleNumbers, width, ...props })=>{
     const [currentPage, setCurrentPage] = useState(toNum(page) || 1);
     const [currentChunk, setCurrentChunk] = useState(0);
     const numbers = range(1, totalPages);
@@ -117,5 +117,5 @@ const Page = styled(Control)(({ theme, selected })=>({
 const Ellipses = styled.span(({ theme })=>({
         color: theme.scale6
     }));
-const Pagination = Pagination_Pagination;
-export { Pagination as default };
+const components_Pagination = Pagination;
+export { components_Pagination as default };

package/build/components/Popover.d.ts

@@ -9,8 +9,18 @@ type Props = {
     isTriggerButton?: boolean;
     /** Props to pass to the trigger's container (unless isTriggerButton is true) */
     triggerProps?: ButtonProps;
-    /** Offset of the menu from the trigger */
-    offset?: number;
-} & Omit<PopoverProps, 'trigger' | 'isOpen'> & SelectProps & OpenStateProps;
+    children?: PopoverProps['children'];
+    offset?: PopoverProps['offset'];
+    crossOffset?: PopoverProps['crossOffset'];
+    isNonModal?: PopoverProps['isNonModal'];
+    isKeyboardDismissDisabled?: PopoverProps['isKeyboardDismissDisabled'];
+    shouldCloseOnInteractOutside?: PopoverProps['shouldCloseOnInteractOutside'];
+    boundaryElement?: PopoverProps['boundaryElement'];
+    scrollRef?: PopoverProps['scrollRef'];
+    shouldUpdatePosition?: PopoverProps['shouldUpdatePosition'];
+    defaultOpen?: PopoverProps['defaultOpen'];
+    className?: PopoverProps['className'];
+    style?: PopoverProps['style'];
+} & Omit<PopoverProps, 'trigger' | 'placement' | 'isOpen' | 'onOpenChange' | 'shouldFlip'> & SelectProps & OpenStateProps;
 declare const Popover: ({ children, position, fixedPosition, trigger, isTriggerButton, triggerProps, offset, afterShow, afterHide, open, onOpenChange, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Popover;

package/build/components/Popover.js

@@ -4,7 +4,7 @@ import { DialogTrigger } from "react-aria-components";
 import { useControlledOpenState } from "../hooks/index.js";
 import AriaButton from "./Inputs/helpers/AriaButton.js";
 import MotionPopover from "./MotionPopover.js";
-const Popover_Popover = ({ children, position = 'bottom', fixedPosition, trigger, isTriggerButton, triggerProps, offset = 4, afterShow, afterHide, open, onOpenChange, ...props })=>{
+const Popover = ({ children, position = 'bottom', fixedPosition, trigger, isTriggerButton, triggerProps, offset = 4, afterShow, afterHide, open, onOpenChange, ...props })=>{
     const [isOpen, handleOpenChange] = useControlledOpenState({
         open,
         onOpenChange,
@@ -36,5 +36,5 @@ const Popover_Popover = ({ children, position = 'bottom', fixedPosition, trigger
         ]
     });
 };
-const Popover = Popover_Popover;
-export { Popover as default };
+const components_Popover = Popover;
+export { components_Popover as default };

package/build/components/Radio.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import RadioButton from "../assets/icons/RadioButton.js";
 import { ControlContainer, ControlInput, ControlLabel } from "./FormControl.js";
 import Icon from "./Icon/index.js";
-const Radio_Radio = ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, className, readOnly, iconColor, ...props })=>{
+const Radio = ({ id, label, labelPosition, checked, disabled, margin, marginTop, marginBottom, marginRight, marginLeft, className, readOnly, iconColor, ...props })=>{
     const labelRight = 'right' === labelPosition;
     const marginProps = {
         margin,
@@ -41,5 +41,5 @@ const Radio_Radio = ({ id, label, labelPosition, checked, disabled, margin, marg
         ]
     });
 };
-const Radio = Radio_Radio;
-export { Radio as default };
+const components_Radio = Radio;
+export { components_Radio as default };