@wavv/ui 2.2.3 → 2.2.5

package/build/assets/icons/Checkbox.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-function Checkbox_Checkbox(props) {
+function Checkbox(props) {
     return /*#__PURE__*/ jsx("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
@@ -11,5 +11,5 @@ function Checkbox_Checkbox(props) {
         })
     });
 }
-const Checkbox = Checkbox_Checkbox;
-export { Checkbox as default };
+const icons_Checkbox = Checkbox;
+export { icons_Checkbox as default };

package/build/assets/icons/Exclamation.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const Exclamation_Exclamation = (props)=>/*#__PURE__*/ jsxs("svg", {
+const Exclamation = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -21,5 +21,5 @@ const Exclamation_Exclamation = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const Exclamation = Exclamation_Exclamation;
-export { Exclamation as default };
+const icons_Exclamation = Exclamation;
+export { icons_Exclamation as default };

package/build/assets/icons/PhoneEnd.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const PhoneEnd_PhoneEnd = (props)=>/*#__PURE__*/ jsxs("svg", {
+const PhoneEnd = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -24,5 +24,5 @@ const PhoneEnd_PhoneEnd = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const PhoneEnd = PhoneEnd_PhoneEnd;
-export { PhoneEnd as default };
+const icons_PhoneEnd = PhoneEnd;
+export { icons_PhoneEnd as default };

package/build/assets/icons/PhoneForward.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const PhoneForward_PhoneForward = (props)=>/*#__PURE__*/ jsxs("svg", {
+const PhoneForward = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -18,5 +18,5 @@ const PhoneForward_PhoneForward = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const PhoneForward = PhoneForward_PhoneForward;
-export { PhoneForward as default };
+const icons_PhoneForward = PhoneForward;
+export { icons_PhoneForward as default };

package/build/assets/icons/PhoneHold.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const PhoneHold_PhoneHold = (props)=>/*#__PURE__*/ jsxs("svg", {
+const PhoneHold = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -18,5 +18,5 @@ const PhoneHold_PhoneHold = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const PhoneHold = PhoneHold_PhoneHold;
-export { PhoneHold as default };
+const icons_PhoneHold = PhoneHold;
+export { icons_PhoneHold as default };

package/build/assets/icons/Record.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-function Record_Record(props) {
+function Record(props) {
     return /*#__PURE__*/ jsx("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
@@ -14,5 +14,5 @@ function Record_Record(props) {
         })
     });
 }
-const Record = Record_Record;
-export { Record as default };
+const icons_Record = Record;
+export { icons_Record as default };

package/build/assets/icons/ShieldWavv.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const ShieldWavv_ShieldWavv = (props)=>/*#__PURE__*/ jsxs("svg", {
+const ShieldWavv = (props)=>/*#__PURE__*/ jsxs("svg", {
         viewBox: "0 0 24 24",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -26,5 +26,5 @@ const ShieldWavv_ShieldWavv = (props)=>/*#__PURE__*/ jsxs("svg", {
             })
         ]
     });
-const ShieldWavv = ShieldWavv_ShieldWavv;
-export { ShieldWavv as default };
+const icons_ShieldWavv = ShieldWavv;
+export { icons_ShieldWavv as default };

package/build/components/Accordion/Accordion.d.ts

@@ -1,10 +1,28 @@
 import { type DisclosureGroupProps } from 'react-aria-components';
 import type { Margin, MaxHeight, Width } from '../types';
-type Props = Width & MaxHeight & Margin & DisclosureGroupProps;
+type Props = {
+    allowsMultipleExpanded?: DisclosureGroupProps['allowsMultipleExpanded'];
+    expandedKeys?: DisclosureGroupProps['expandedKeys'];
+    defaultExpandedKeys?: DisclosureGroupProps['defaultExpandedKeys'];
+    onExpandedChange?: DisclosureGroupProps['onExpandedChange'];
+    /** Disables all items in the accordion */
+    disabled?: DisclosureGroupProps['isDisabled'];
+    className?: DisclosureGroupProps['className'];
+    style?: DisclosureGroupProps['style'];
+} & Width & MaxHeight & Margin & Omit<DisclosureGroupProps, 'isDisabled'>;
 declare const Accordion: {
-    ({ children, maxHeight, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    ({ children, maxHeight, disabled, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     Item: {
-        ({ children, ...props }: import("react-aria-components").DisclosureProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, disabled, ...props }: {
+            id?: import("react-aria-components").DisclosureProps["id"];
+            isExpanded?: import("react-aria-components").DisclosureProps["isExpanded"];
+            defaultExpanded?: import("react-aria-components").DisclosureProps["defaultExpanded"];
+            onExpandedChange?: import("react-aria-components").DisclosureProps["onExpandedChange"];
+            disabled?: import("react-aria-components").DisclosureProps["isDisabled"];
+            children?: import("react-aria-components").DisclosureProps["children"];
+            className?: import("react-aria-components").DisclosureProps["className"];
+            style?: import("react-aria-components").DisclosureProps["style"];
+        } & Omit<import("react-aria-components").DisclosureProps, "isDisabled">): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Header: {
@@ -404,6 +422,9 @@ declare const Accordion: {
     };
     Panel: {
         ({ children, maxHeight, ...props }: {
+            children: import("react-aria-components").DisclosurePanelProps["children"];
+            className?: import("react-aria-components").DisclosurePanelProps["className"];
+            style?: import("react-aria-components").DisclosurePanelProps["style"];
             background?: string;
         } & MaxHeight & import("react-aria-components").DisclosurePanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/build/components/Accordion/Accordion.js

@@ -5,10 +5,11 @@ import { marginProps, maxWidthHeightProps, widthHeightProps } from "../helpers/s
 import Header from "./Header.js";
 import Item from "./Item.js";
 import Panel from "./Panel.js";
-const Accordion = ({ children, maxHeight, ...props })=>/*#__PURE__*/ jsx(Container, {
+const Accordion = ({ children, maxHeight, disabled, ...props })=>/*#__PURE__*/ jsx(Container, {
         style: {
             maxHeight
         },
+        isDisabled: disabled,
         ...props,
         children: children
     });

package/build/components/Accordion/Header.js

@@ -8,7 +8,7 @@ import isPropAllowed from "../helpers/isPropAllowed.js";
 import { paddingProps } from "../helpers/styledProps.js";
 import Icon from "../Icon/index.js";
 import AriaButton from "../Inputs/helpers/AriaButton.js";
-const Header_Header = ({ children, triggerIconPosition = 'right', background, title, iconLeft, iconRight, ...props })=>{
+const Header = ({ children, triggerIconPosition = 'right', background, title, iconLeft, iconRight, ...props })=>{
     const triggerRef = useRef(null);
     return /*#__PURE__*/ jsxs(HeaderContainer, {
         onClick: ()=>triggerRef.current?.click(),
@@ -81,6 +81,6 @@ const Content = styled.div({
     alignItems: 'center',
     flexGrow: 1
 });
-Header_Header.displayName = 'Accordion.Header';
-const Header = Header_Header;
-export { Header as default };
+Header.displayName = 'Accordion.Header';
+const Accordion_Header = Header;
+export { Accordion_Header as default };

package/build/components/Accordion/Item.d.ts

@@ -1,6 +1,17 @@
 import { type DisclosureProps } from 'react-aria-components';
+type Props = {
+    id?: DisclosureProps['id'];
+    isExpanded?: DisclosureProps['isExpanded'];
+    defaultExpanded?: DisclosureProps['defaultExpanded'];
+    onExpandedChange?: DisclosureProps['onExpandedChange'];
+    /** Disables the item */
+    disabled?: DisclosureProps['isDisabled'];
+    children?: DisclosureProps['children'];
+    className?: DisclosureProps['className'];
+    style?: DisclosureProps['style'];
+} & Omit<DisclosureProps, 'isDisabled'>;
 declare const Item: {
-    ({ children, ...props }: DisclosureProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, disabled, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Item;

package/build/components/Accordion/Item.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { Disclosure } from "react-aria-components";
-const Item = ({ children, ...props })=>/*#__PURE__*/ jsx(ItemContainer, {
+const Item = ({ children, disabled, ...props })=>/*#__PURE__*/ jsx(ItemContainer, {
+        isDisabled: disabled,
         ...props,
         children: children
     });
@@ -18,6 +19,16 @@ const ItemContainer = styled(Disclosure)(({ theme })=>({
                     transform: 'rotate(90deg)'
                 }
             }
+        },
+        '&[data-disabled="true"]': {
+            cursor: 'not-allowed',
+            '& > div:first-of-type': {
+                pointerEvents: 'none',
+                userSelect: 'none',
+                '& > *': {
+                    opacity: 0.4
+                }
+            }
         }
     }));
 Item.displayName = 'Accordion.Item';

package/build/components/Accordion/Panel.d.ts

@@ -1,6 +1,9 @@
 import { type DisclosurePanelProps } from 'react-aria-components';
 import type { MaxHeight } from '../types';
 type PanelProps = {
+    children: DisclosurePanelProps['children'];
+    className?: DisclosurePanelProps['className'];
+    style?: DisclosurePanelProps['style'];
     background?: string;
 } & MaxHeight & DisclosurePanelProps;
 declare const Panel: {

package/build/components/Audio.js

@@ -5,7 +5,7 @@ import Button from "./Button/index.js";
 import { marginProps } from "./helpers/styledProps.js";
 import Slider from "./Slider.js";
 import Waveform from "./Waveform.js";
-const Audio_Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tiny, iconOnly, buttonProps, collapsed, hideSliderOnStop, hideTimeOnStop, hideCurrentTime, fontSizeTitle, fontSizeTime, fallbackDuration, waveform, onPlay, onPause, onStop, ref, ...rest })=>{
+const Audio = ({ src, title, width, infoPosition, centerAlignContent, small, tiny, iconOnly, buttonProps, collapsed, hideSliderOnStop, hideTimeOnStop, hideCurrentTime, fontSizeTitle, fontSizeTime, fallbackDuration, waveform, onPlay, onPause, onStop, ref, ...rest })=>{
     const [isPlaying, setIsPlaying] = useState(false);
     const [isCleared, setIsCleared] = useState(true);
     const [progress, setProgress] = useState(0);
@@ -244,5 +244,5 @@ const Data = styled.div(({ theme, secondary, fontSize })=>({
         color: secondary ? theme.scale6 : theme.scale10,
         fontSize: fontSize || 10
     }), marginProps);
-const Audio = Audio_Audio;
-export { Audio as default };
+const components_Audio = Audio;
+export { components_Audio as default };

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

@@ -2,7 +2,7 @@ import type { Margin } from '../types';
 import type { BasicButtonProps, ButtonComponentProps } from './ButtonTypes';
 declare const _default: (({ content, children, dropdown, options, ref, ...rest }: ButtonComponentProps) => import("react/jsx-runtime").JSX.Element) & {
     Group: ({ children, disabled, outline, size, tiny, 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("../Tooltip").Props, string | import("react").JSXElementConstructor<any>>) | (import("react").ReactElement<BasicButtonProps | ButtonComponentProps, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<import("../Tooltip").Props, string | import("react").JSXElementConstructor<any>>)[];
         disabled?: boolean;
         size?: import("../types").Sizes;
         tiny?: boolean;

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

@@ -1,5 +1,5 @@
 import { type ReactElement } from 'react';
-import type { TooltipProps } from '../Tooltip';
+import type { Props as TooltipProps } from '../Tooltip';
 import type { Attributes } from '../typeDefs/elementTypes';
 import type { Margin, Sizes, Width } from '../types';
 import type { BasicButtonProps, ButtonComponentProps, ButtonStyles } from './ButtonTypes';

package/build/components/Calendar.d.ts

@@ -6,6 +6,9 @@ type Props = {
     date?: Date;
     /** The function to be called when a date is selected */
     onChange: (date: Date) => void;
-} & CalendarBaseProps & Omit<CalendarProps<CalendarDate>, 'onChange'>;
+    firstDayOfWeek?: CalendarProps<CalendarDate>['firstDayOfWeek'];
+    className?: CalendarProps<CalendarDate>['className'];
+    style?: CalendarProps<CalendarDate>['style'];
+} & CalendarBaseProps & Pick<CalendarProps<CalendarDate>, 'firstDayOfWeek' | 'className' | 'style'>;
 declare const Calendar: ({ date, onChange, preventPast, preventFuture, noShadow, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Calendar;

package/build/components/CalendarParts/CalendarHeader.js

@@ -6,7 +6,7 @@ import { range } from "es-toolkit";
 import Icon from "../Icon/index.js";
 import AriaButton from "../Inputs/helpers/AriaButton.js";
 import Select from "../Select.js";
-const CalendarHeader_CalendarHeader = ({ date, setDate })=>{
+const CalendarHeader = ({ date, setDate })=>{
     const { calendar } = useTheme();
     const months = [
         {
@@ -142,5 +142,5 @@ const NavButton = styled(AriaButton)(({ theme })=>({
             cursor: 'not-allowed'
         }
     }));
-const CalendarHeader = CalendarHeader_CalendarHeader;
-export { CalendarHeader as default };
+const CalendarParts_CalendarHeader = CalendarHeader;
+export { CalendarParts_CalendarHeader as default };

package/build/components/CalendarParts/useMinMax.js

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { getNow, getObjFromDate } from "./utils.js";
 const now = getNow();
-const useMinMax_useMinMax = ({ past, future })=>{
+const useMinMax = ({ past, future })=>{
     const min = useMemo(()=>{
         if (true === past) return now;
         if (past instanceof Date) return getObjFromDate(past);
@@ -19,5 +19,5 @@ const useMinMax_useMinMax = ({ past, future })=>{
         max
     };
 };
-const useMinMax = useMinMax_useMinMax;
-export { useMinMax as default };
+const CalendarParts_useMinMax = useMinMax;
+export { CalendarParts_useMinMax as default };

package/build/components/Checkbox.d.ts

@@ -17,9 +17,10 @@ type Props = {
     partial?: boolean;
     /** Sets the gap between the label and the checkbox */
     gap?: number;
-    /** The function called with the checkbox value after the checkbox is changed */
-    onChange?: (val: boolean) => void;
-} & Margin & Omit<CheckboxProps, 'value' | 'isDisabled' | 'isReadOnly' | 'isSelected'>;
+    onChange?: CheckboxProps['onChange'];
+    className?: CheckboxProps['className'];
+    style?: CheckboxProps['style'];
+} & Margin & Omit<CheckboxProps, 'value' | 'isDisabled' | 'isReadOnly' | 'isSelected' | 'isIndeterminate'>;
 declare const Checkbox: ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export declare const ControlContainer: import("@emotion/styled").StyledComponent<CheckboxProps & import("react").RefAttributes<HTMLLabelElement> & {
     theme?: import("@emotion/react").Theme;

package/build/components/Checkbox.js

@@ -1,6 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
-import { useEffect, useState } from "react";
 import { Checkbox } from "react-aria-components";
 import icons_Checkbox from "../assets/icons/Checkbox.js";
 import CheckboxOff from "../assets/icons/CheckboxOff.js";
@@ -9,33 +8,26 @@ import { ControlLabel } from "./FormControl.js";
 import { marginProps } from "./helpers/styledProps.js";
 import Icon from "./Icon/index.js";
 const Checkbox_Checkbox = ({ label, labelPosition, checked, partial, disabled, readOnly, onChange, ...props })=>{
-    const [on, setOn] = useState(checked || false);
     const labelRight = 'right' === labelPosition;
-    const handleChange = ()=>{
-        const value = partial ? true : !on;
-        setOn(value);
-        if (onChange) onChange(value);
-    };
-    useEffect(()=>{
-        const checkedSet = 'boolean' == typeof checked;
-        const value = checkedSet ? checked : on;
-        setOn(value);
-    }, [
-        checked,
-        on
-    ]);
+    const isControlled = 'boolean' == typeof checked;
     return /*#__PURE__*/ jsx(ControlContainer, {
         labelRight: labelRight,
-        isSelected: on,
-        isIndeterminate: partial,
+        ...isControlled ? {
+            isSelected: checked
+        } : {},
+        ...true === partial ? {
+            isIndeterminate: true
+        } : {},
         isDisabled: disabled,
         isReadOnly: readOnly,
-        onChange: handleChange,
+        onChange: onChange,
         ...props,
         children: ({ isIndeterminate, isSelected })=>{
+            const isChecked = isSelected;
+            const isPartial = partial || isIndeterminate;
             let svg = /*#__PURE__*/ jsx(CheckboxOff, {});
-            if (partial || isIndeterminate) svg = /*#__PURE__*/ jsx(CheckboxPartial, {});
-            else if (on || isSelected) svg = /*#__PURE__*/ jsx(icons_Checkbox, {});
+            if (isPartial) svg = /*#__PURE__*/ jsx(CheckboxPartial, {});
+            else if (isChecked) svg = /*#__PURE__*/ jsx(icons_Checkbox, {});
             return /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     label && /*#__PURE__*/ jsx(ControlLabel, {

package/build/components/Code/Code.js

@@ -7,7 +7,7 @@ import { Highlight, themes } from "prism-react-renderer";
 import { marginProps } from "../helpers/styledProps.js";
 import Copy from "./Copy.js";
 import Endpoint from "./Endpoint.js";
-const Code_Code = ({ children, code, className: metaData, lang: langProp, lineHighlights: lineHighlightsProp, noNumbers: noNumbersProp, margin, marginTop, marginBottom, marginRight, marginLeft })=>{
+const Code = ({ children, code, className: metaData, lang: langProp, lineHighlights: lineHighlightsProp, noNumbers: noNumbersProp, margin, marginTop, marginBottom, marginRight, marginLeft })=>{
     const { name: themeName } = useTheme();
     const rest = {
         margin,
@@ -113,5 +113,5 @@ const LineNumber = styled.span(({ theme })=>({
         color: theme.scale6,
         userSelect: 'none'
     }));
-const Code = Code_Code;
-export { Code as default };
+const Code_Code = Code;
+export { Code_Code as default };

package/build/components/Code/Endpoint.js

@@ -32,7 +32,7 @@ const getStyles = (method, theme)=>{
             };
     }
 };
-const Endpoint_Endpoint = ({ method, url })=>{
+const Endpoint = ({ method, url })=>{
     const theme = useTheme();
     const styles = getStyles(method.toUpperCase(), theme);
     return /*#__PURE__*/ jsxs(Container, {
@@ -78,5 +78,5 @@ const Url = styled.div(({ theme })=>({
         fontSize: theme.font.size.lg,
         padding: theme.size.md
     }));
-const Endpoint = Endpoint_Endpoint;
-export { Endpoint as default };
+const Code_Endpoint = Endpoint;
+export { Code_Endpoint as default };

package/build/components/ComboBox.d.ts

@@ -1,4 +1,4 @@
-import { type ComboBoxProps } from 'react-aria-components';
+import type { ComboBoxProps } from './typeDefs/reactAriaTypes';
 import type { OpenStateProps, SelectInputProps } from './typeDefs/selectionTypes';
 type Props = {
     /** Use when loading options asynchronously with onTextChange */
@@ -8,7 +8,7 @@ type Props = {
     /** The function to be called when the input text does not match any options */
     onCreate?: (text: string) => void;
     ref?: React.Ref<HTMLInputElement>;
-} & SelectInputProps & OpenStateProps & Omit<ComboBoxProps<object>, 'children' | 'onSelectionChange' | 'isOpen' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'defaultSelectedKey'>;
+} & SelectInputProps & OpenStateProps & ComboBoxProps;
 declare const _default: (({ backgroundColor, menuBackground, children, fontSize, disabled, invalid, required, readOnly, loading, loadingResults, label, options, placeholder, placeholderColor, description, errorMessage, textOnly, value, defaultValue, width, height, maxHeight, iconLeft, leftElement, rightElement, allowRepeatSelection, allowsEmptyCollection, position, fixedPosition, open, onOpenChange, before, after, onChange, onCreate, afterShow, afterHide, onTextChange, ref, ...props }: Props) => import("react/jsx-runtime").JSX.Element) & {
     Item: ({ id, value, header, body, leftElement, rightElement, inline, disabled, ...props }: import("..").SelectItem & Omit<import("react-aria-components").ListBoxItemProps<object>, "id" | "value" | "isDisabled">) => import("react/jsx-runtime").JSX.Element;
     Section: ({ id, title, children }: {

package/build/components/CommandMenu/CommandMenu.js

@@ -10,7 +10,7 @@ import InputContainerStyles from "../Inputs/helpers/InputContainerStyles.js";
 import InputStyles from "../Inputs/helpers/InputStyles.js";
 import ListStyles from "../ListHelpers/ListStyles.js";
 import CommandOptions from "./CommandOptions.js";
-const CommandMenu_CommandMenu = ({ options, inputProps, modalProps, triggerRef, position, offset, open, onChange, setOpen, ...props })=>{
+const CommandMenu = ({ options, inputProps, modalProps, triggerRef, position, offset, open, onChange, setOpen, ...props })=>{
     const [search, setSearch] = useState('');
     const listRef = useRef(null);
     const scrollId = useRef(null);
@@ -132,5 +132,5 @@ const Overlay = styled(ModalOverlay)(({ overlayColor, overlayBlur = true, zIndex
         backgroundColor: overlayColor || 'rgba(0, 0, 0, 0.2)',
         backdropFilter: overlayBlur ? `blur(${'number' == typeof overlayBlur ? overlayBlur : 4}px)` : 'none'
     }));
-const CommandMenu = CommandMenu_CommandMenu;
-export { CommandMenu as default };
+const CommandMenu_CommandMenu = CommandMenu;
+export { CommandMenu_CommandMenu as default };

package/build/components/CommandMenu/CommandSection.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { Command } from "cmdk";
-const CommandSection_CommandSection = ({ id, title, children })=>/*#__PURE__*/ jsx(Section, {
+const CommandSection = ({ id, title, children })=>/*#__PURE__*/ jsx(Section, {
         id: id,
         heading: title,
         children: children
@@ -15,5 +15,5 @@ const Section = styled(Command.Group)(({ theme })=>({
             pointerEvents: 'none'
         }
     }));
-const CommandSection = CommandSection_CommandSection;
-export { CommandSection as default };
+const CommandMenu_CommandSection = CommandSection;
+export { CommandMenu_CommandSection as default };

package/build/components/Dot.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useTheme } from "@emotion/react";
 import styled from "@emotion/styled";
 import { marginProps, positionProps } from "./helpers/styledProps.js";
-const Dot_Dot = ({ children, type, color, size = 'tiny', ...props })=>{
+const Dot = ({ children, type, color, size = 'tiny', ...props })=>{
     const theme = useTheme();
     let dotColor = color || theme.color.brand;
     let dotSize = size;
@@ -56,5 +56,5 @@ const StyledDot = styled.div(({ theme: { font, scale10 }, color, size, textColor
         fontSize: font.size.sm,
         color: textColor || scale10
     }), marginProps, positionProps);
-const Dot = Dot_Dot;
-export { Dot as default };
+const components_Dot = Dot;
+export { components_Dot as default };

package/build/components/DraftEditor.js

@@ -5,7 +5,7 @@ import { isEqual } from "es-toolkit/predicate";
 import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { createStateWithContent, getEntities, getFocusStateAtEnd, getPastedState, getRawState, hasMissingEntities, insertFieldEntity } from "./draftUtils.js";
 import { Description, InputContainer, InputWrapper, Label, isInputFilled, useInputFocus } from "./InputHelpers.js";
-const DraftEditor_DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields = [], placeholder = 'Text...', description, invalid, width, height, maxHeight, noPadding = false, readOnly = false, displayMergedValues = false, color, overflow, clampLines, label, disabled, borderRadius, backgroundColor, fontSize, textOnly, margin, marginLeft, marginRight, marginTop, marginBottom, ref, className, ...rest })=>{
+const DraftEditor = ({ value, onChange, onEnterKey, onFocus, onBlur, mergeFields = [], placeholder = 'Text...', description, invalid, width, height, maxHeight, noPadding = false, readOnly = false, displayMergedValues = false, color, overflow, clampLines, label, disabled, borderRadius, backgroundColor, fontSize, textOnly, margin, marginLeft, marginRight, marginTop, marginBottom, ref, className, ...rest })=>{
     const [editorState, setEditorState] = useState(()=>createStateWithContent(value, mergeFields, displayMergedValues));
     const { focused, handleFocus, handleBlur } = useInputFocus(onFocus, onBlur);
     const [missingField, setMissingField] = useState(false);
@@ -184,5 +184,5 @@ const EditorContainer = styled(InputContainer)(({ theme, height, noPadding, disa
         }
     };
 });
-const DraftEditor = DraftEditor_DraftEditor;
-export { DraftEditor as default };
+const components_DraftEditor = DraftEditor;
+export { components_DraftEditor as default };

package/build/components/Dropdown.js

@@ -10,7 +10,7 @@ import GridListItem from "./ListBoxParts/GridListItem.js";
 import GridListSection from "./ListHelpers/GridListSection.js";
 import ListStyles from "./ListHelpers/ListStyles.js";
 import MotionPopover from "./MotionPopover.js";
-const Dropdown_Dropdown = ({ children, before, after, open, label, placeholder = 'Select', options = [], width, height, value, defaultValue, loading, hideCaret, color, disabled, readOnly, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props })=>{
+const Dropdown = ({ children, before, after, open, label, placeholder = 'Select', options = [], width, height, value, defaultValue, loading, hideCaret, color, disabled, readOnly, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props })=>{
     const [isOpen, handleOpenChange] = useControlledOpenState({
         open,
         onOpenChange,
@@ -124,7 +124,7 @@ const InputWrapper = styled(AriaButton)(({ theme: { input }, isDisabled, backgro
     }));
 const MenuContainer = styled.div(ListStyles);
 const Item = GridListItem;
-const Dropdown = Object.assign(Dropdown_Dropdown, {
+const components_Dropdown = Object.assign(Dropdown, {
     Item
 });
-export { Dropdown as default };
+export { components_Dropdown as default };

package/build/components/DropdownMenu.d.ts

@@ -1,9 +1,9 @@
 import { type ReactElement, type ReactNode } from 'react';
-import { type MenuProps as AriaMenuProps, type ButtonProps } from 'react-aria-components';
+import { type ButtonProps } from 'react-aria-components';
+import type { DropdownMenuProps } from './typeDefs/reactAriaTypes';
 import type { ListOption, OpenStateProps, SelectInputProps } from './typeDefs/selectionTypes';
 import type { ThemeProp } from './types';
 type SelectProps = Pick<SelectInputProps, 'children' | 'afterShow' | 'afterHide' | 'position' | 'fixedPosition' | 'before' | 'after' | 'menuBackground'>;
-type MenuProps = Omit<AriaMenuProps<ListOption>, 'selectionMode' | 'selectedKeys' | 'onSelectionChange'>;
 type NoSelection = {
     selectionMode?: never;
     selectedKeys?: never;
@@ -23,7 +23,7 @@ type MultiSelection = {
     onSelectionChange?: (items: 'all' | string[]) => void;
 };
 type SelectionProps = NoSelection | SingleSelection | MultiSelection;
-type DropdownMenuProps = {
+type Props = {
     /** The options to be displayed in the menu */
     options?: ListOption[];
     /** The element that will trigger the opening of the menu */
@@ -36,9 +36,9 @@ type DropdownMenuProps = {
     offset?: number;
     /** Opens the menu on right-click instead of left-click */
     triggerOnContextMenu?: boolean;
-} & SelectProps & MenuProps & SelectionProps & OpenStateProps;
+} & SelectProps & DropdownMenuProps & SelectionProps & OpenStateProps;
 declare const DropdownMenu: {
-    ({ children, position, fixedPosition, trigger, isTriggerButton, triggerProps, triggerOnContextMenu, menuBackground, options, offset, selectionMode, selectedKeys, before, after, open, afterShow, afterHide, onSelectionChange, onOpenChange, ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, position, fixedPosition, trigger, isTriggerButton, triggerProps, triggerOnContextMenu, menuBackground, options, offset, selectionMode, selectedKeys, before, after, open, afterShow, afterHide, onSelectionChange, onOpenChange, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     Item: {
         ({ id, value, children, header, body, leftElement, rightElement, inline, disabled, checkbox, onClick, ...props }: import("./DropdownMenuParts/MenuItem").Props): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/build/components/DropdownMenuParts/MenuOptions.js

@@ -4,7 +4,7 @@ import { Menu } from "react-aria-components";
 import ListSection from "../ListHelpers/ListSection.js";
 import ListStyles, { preventProps } from "../ListHelpers/ListStyles.js";
 import MenuItem from "./MenuItem.js";
-const MenuOptions_MenuOptions = ({ options, children, autoWidth, itemProps, width, ref, before, after, menuBackground, ...props })=>/*#__PURE__*/ jsxs(MenuContainer, {
+const MenuOptions = ({ options, children, autoWidth, itemProps, width, ref, before, after, menuBackground, ...props })=>/*#__PURE__*/ jsxs(MenuContainer, {
         autoWidth: autoWidth,
         width: width,
         background: menuBackground,
@@ -43,5 +43,5 @@ const MenuOptions_MenuOptions = ({ options, children, autoWidth, itemProps, widt
         ]
     });
 const MenuContainer = styled('div', preventProps)(ListStyles);
-const MenuOptions = MenuOptions_MenuOptions;
-export { MenuOptions as default };
+const DropdownMenuParts_MenuOptions = MenuOptions;
+export { DropdownMenuParts_MenuOptions as default };

package/build/components/DropdownSelect.js

@@ -35,7 +35,7 @@ const filterOptions = (options, searchTerm)=>{
         return acc;
     }, []);
 };
-const DropdownSelect_DropdownSelect = ({ label, options, width, search, onChange, ...props })=>{
+const DropdownSelect = ({ label, options, width, search, onChange, ...props })=>{
     const [selected, setSelected] = useState(new Set());
     const [isOpen, setIsOpen] = useState(false);
     const [searchVal, setSearchVal] = useState('');
@@ -167,5 +167,5 @@ const Empty = styled.div(({ theme })=>({
         paddingTop: 4,
         paddingBottom: 8
     }));
-const DropdownSelect = DropdownSelect_DropdownSelect;
-export { Label, DropdownSelect as default };
+const components_DropdownSelect = DropdownSelect;
+export { Label, components_DropdownSelect as default };