@wavv/ui 2.2.3 → 2.2.4

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/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/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/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/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/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/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 };

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.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/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/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/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/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/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.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 };

package/build/components/Slider.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { marginProps } from "./helpers/styledProps.js";
-const Slider_Slider = ({ value, max = 100, step = 1, width, height, disabled, onChange, ...props })=>{
+const Slider = ({ value, max = 100, step = 1, width, height, disabled, onChange, ...props })=>{
     const handleControlGrab = (event)=>{
         const { value: progressValue } = event.target;
         if (onChange) onChange(+progressValue);
@@ -46,5 +46,5 @@ const ProgressSlider = styled.input(({ theme, percent, width, height, disabled,
         }
     };
 }, marginProps);
-const Slider = Slider_Slider;
-export { Slider as default };
+const components_Slider = Slider;
+export { components_Slider as default };

package/build/components/Table/Body.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { TableBody, TableLoadMoreItem } from "react-aria-components";
 import Spinner from "../Spinner.js";
-const Body_Body = ({ children, emptyFallback, fetching, loading, scrollOffset, onLoadMore, ...rest })=>{
+const Body = ({ children, emptyFallback, fetching, loading, scrollOffset, onLoadMore, ...rest })=>{
     const emptyContent = loading ? /*#__PURE__*/ jsx(SpinnerContainer, {
         children: /*#__PURE__*/ jsx(Spinner, {})
     }) : emptyFallback;
@@ -45,5 +45,5 @@ const SpinnerContainer = styled.div(({ theme })=>({
         color: theme.scale6,
         paddingTop: 4
     }));
-const Body = Body_Body;
-export { Body as default };
+const Table_Body = Body;
+export { Table_Body as default };

package/build/components/Table/ColumnSort.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "@emotion/react";
-const ColumnSort_ColumnSort = ({ sortDirection })=>{
+const ColumnSort = ({ sortDirection })=>{
     const { accent, scale4 } = useTheme();
     const topColor = 'asc' === sortDirection ? accent : scale4;
     const bottomColor = 'desc' === sortDirection ? accent : scale4;
@@ -22,5 +22,5 @@ const ColumnSort_ColumnSort = ({ sortDirection })=>{
         ]
     });
 };
-const ColumnSort = ColumnSort_ColumnSort;
-export { ColumnSort as default };
+const Table_ColumnSort = ColumnSort;
+export { Table_ColumnSort as default };

package/build/components/Table/Header.js

@@ -6,7 +6,7 @@ import mergePadding from "../helpers/mergePadding.js";
 import Check from "./Check.js";
 import Column from "./Column.js";
 import context from "./context.js";
-const Header_Header = ({ children, backgroundColor, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, ...rest })=>{
+const Header = ({ children, backgroundColor, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, ...rest })=>{
     const { setHeaderPadding, selectionMode } = useContext(context);
     useEffect(()=>{
         const values = padding ?? paddingTop ?? paddingRight ?? paddingBottom ?? paddingLeft;
@@ -60,5 +60,5 @@ const TableHead = styled(TableHeader)(({ backgroundColor })=>({
             borderLeft: '2px solid transparent'
         }
     }));
-const Header = Header_Header;
-export { Header as default };
+const Table_Header = Header;
+export { Table_Header as default };

package/build/components/Table/Resizer.js

@@ -1,6 +1,6 @@
 import styled from "@emotion/styled";
 import { ColumnResizer } from "react-aria-components";
-const Resizer_Resizer = styled(ColumnResizer)(({ theme })=>({
+const Resizer = styled(ColumnResizer)(({ theme })=>({
         width: 9,
         height: 18,
         backgroundColor: theme.scale4,
@@ -21,5 +21,5 @@ const Resizer_Resizer = styled(ColumnResizer)(({ theme })=>({
             backgroundColor: theme.accent
         }
     }));
-const Resizer = Resizer_Resizer;
-export { Resizer as default };
+const Table_Resizer = Resizer;
+export { Table_Resizer as default };

package/build/components/Table/contentStyles.js

@@ -12,9 +12,9 @@ const baseStyles = ({ direction, justify, align = 'center', gap = 8 })=>({
         height: '100%',
         gap
     });
-const contentStyles_contentStyles = [
+const contentStyles = [
     baseStyles,
     paddingProps
 ];
-const contentStyles = contentStyles_contentStyles;
-export { contentStyles as default };
+const Table_contentStyles = contentStyles;
+export { Table_contentStyles as default };

package/build/components/ToggleButton/ToggleButton.js

@@ -6,7 +6,7 @@ import { ToggleButton } from "react-aria-components";
 import getIcon from "../helpers/getIcon.js";
 import { marginProps, paddingProps } from "../helpers/styledProps.js";
 import { ToggleContext } from "./context.js";
-const ToggleButton_ToggleButton_ToggleButton = ({ children, disabled, size, positive, negative, caution, secondary, iconLeft, iconRight, borderRadius, ...props })=>{
+const ToggleButton_ToggleButton = ({ children, disabled, size, positive, negative, caution, secondary, iconLeft, iconRight, borderRadius, ...props })=>{
     const { type, joined, size: toggleSize, height } = useContext(ToggleContext);
     const { button } = useTheme();
     const { iconSize } = button[size || toggleSize];
@@ -100,5 +100,5 @@ const Button = styled(ToggleButton)(({ theme, secondary, negative, positive, cau
         } : {}
     };
 }, marginProps, paddingProps);
-const ToggleButton_ToggleButton = ToggleButton_ToggleButton_ToggleButton;
-export { ToggleButton_ToggleButton as default };
+const components_ToggleButton_ToggleButton = ToggleButton_ToggleButton;
+export { components_ToggleButton_ToggleButton as default };

package/build/components/UnstyledButton.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { Button } from "react-aria-components";
-const UnstyledButton_UnstyledButton = ({ children, ...props })=>/*#__PURE__*/ jsx(Button, {
+const UnstyledButton = ({ children, ...props })=>/*#__PURE__*/ jsx(Button, {
         ...props,
         children: children
     });
-const UnstyledButton = UnstyledButton_UnstyledButton;
-export { UnstyledButton as default };
+const components_UnstyledButton = UnstyledButton;
+export { components_UnstyledButton as default };

package/build/components/helpers/mergePadding.js

@@ -3,7 +3,7 @@ const parseValue = (value)=>{
     if ('string' == typeof value) return Number.parseInt(value.replace('px', ''), 10);
     return 0;
 };
-const mergePadding_mergePadding = (paddingObj)=>{
+const mergePadding = (paddingObj)=>{
     const paddingValues = {
         top: 0,
         right: 0,
@@ -43,5 +43,5 @@ const mergePadding_mergePadding = (paddingObj)=>{
     if (void 0 !== paddingLeft) paddingValues.left = parseValue(paddingLeft);
     return paddingValues;
 };
-const mergePadding = mergePadding_mergePadding;
-export { mergePadding as default };
+const helpers_mergePadding = mergePadding;
+export { helpers_mergePadding as default };

package/build/global-styles/ResetStyles.js

@@ -12,7 +12,7 @@ const loadFonts = (fonts)=>{
         }
     });
 };
-const ResetStyles_ResetStyles = ({ families, fontFamily })=>{
+const ResetStyles = ({ families, fontFamily })=>{
     useEffect(()=>{
         loadFonts(families);
     }, [
@@ -29,5 +29,5 @@ const ResetStyles_ResetStyles = ({ families, fontFamily })=>{
         }
     });
 };
-const ResetStyles = ResetStyles_ResetStyles;
-export { ResetStyles as default };
+const global_styles_ResetStyles = ResetStyles;
+export { global_styles_ResetStyles as default };

package/build/hooks/useControlledOpenState.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-const useControlledOpenState_useControlledOpenState = ({ open, onOpenChange, afterShow, afterHide })=>{
+const useControlledOpenState = ({ open, onOpenChange, afterShow, afterHide })=>{
     const [isOpen, setIsOpen] = useState(false);
     useEffect(()=>{
         if (void 0 !== open && open !== isOpen) setIsOpen(open);
@@ -18,5 +18,5 @@ const useControlledOpenState_useControlledOpenState = ({ open, onOpenChange, aft
         handleOpenChange
     ];
 };
-const useControlledOpenState = useControlledOpenState_useControlledOpenState;
-export { useControlledOpenState as default };
+const hooks_useControlledOpenState = useControlledOpenState;
+export { hooks_useControlledOpenState as default };

package/build/hooks/useOnClickOutside.js

@@ -1,6 +1,6 @@
 import { useRef } from "react";
 import useEventListener from "./useEventListener.js";
-const useOnClickOutside_useOnClickOutside = (onClickOutside, condition, exclusions)=>{
+const useOnClickOutside = (onClickOutside, condition, exclusions)=>{
     const ref = useRef(null);
     const handleOutsideClick = (event)=>{
         if (ref?.current && null !== event) {
@@ -17,5 +17,5 @@ const useOnClickOutside_useOnClickOutside = (onClickOutside, condition, exclusio
     useEventListener(document, 'touchstart', handleOutsideClick, condition);
     return ref;
 };
-const useOnClickOutside = useOnClickOutside_useOnClickOutside;
-export { useOnClickOutside as default };
+const hooks_useOnClickOutside = useOnClickOutside;
+export { hooks_useOnClickOutside as default };

package/build/hooks/useWindowSize.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-const useWindowSize_useWindowSize = ()=>{
+const useWindowSize = ()=>{
     const initialState = {
         width: null,
         height: null
@@ -21,5 +21,5 @@ const useWindowSize_useWindowSize = ()=>{
     }, []);
     return windowSize;
 };
-const useWindowSize = useWindowSize_useWindowSize;
-export { useWindowSize as default };
+const hooks_useWindowSize = useWindowSize;
+export { hooks_useWindowSize as default };

package/build/theme/core/dark/dark.js

@@ -3,7 +3,7 @@ import colors from "../colors.js";
 import darkScale from "./darkScale.js";
 const white = '#FFFFFF';
 const accent = colors.brandDark;
-const dark_dark = {
+const dark = {
     ...common,
     ...darkScale,
     name: 'dark',
@@ -558,5 +558,5 @@ const dark_dark = {
         }
     }
 };
-const dark = dark_dark;
-export { dark as default };
+const dark_dark = dark;
+export { dark_dark as default };

package/build/theme/core/light/light.js

@@ -2,7 +2,7 @@ import common, { button as index_js_button } from "../../common/index.js";
 import colors from "../colors.js";
 import lightScale from "./lightScale.js";
 const white = '#FFFFFF';
-const light_light = {
+const light = {
     ...common,
     ...lightScale,
     name: 'light',
@@ -557,5 +557,5 @@ const light_light = {
         }
     }
 };
-const light = light_light;
-export { light as default };
+const light_light = light;
+export { light_light as default };

package/build/theme/eighties/dark/dark.js

@@ -3,7 +3,7 @@ import colors from "../colors.js";
 import darkScale from "./darkScale.js";
 const white = '#FFFFFF';
 const accent = colors.brandDark;
-const dark_dark = {
+const dark = {
     ...common,
     ...darkScale,
     name: 'dark',
@@ -558,5 +558,5 @@ const dark_dark = {
         }
     }
 };
-const dark = dark_dark;
-export { dark as default };
+const dark_dark = dark;
+export { dark_dark as default };

package/build/theme/eighties/light/light.js

@@ -2,7 +2,7 @@ import common, { button as index_js_button } from "../../common/index.js";
 import colors from "../colors.js";
 import lightScale from "./lightScale.js";
 const white = '#FFFFFF';
-const light_light = {
+const light = {
     ...common,
     ...lightScale,
     name: 'light',
@@ -557,5 +557,5 @@ const light_light = {
         }
     }
 };
-const light = light_light;
-export { light as default };
+const light_light = light;
+export { light_light as default };

package/build/utils/chunk.js

@@ -1,4 +1,4 @@
-const chunk_chunk = (array, chunkLength)=>{
+const chunk = (array, chunkLength)=>{
     const copy = [
         ...array
     ];
@@ -9,5 +9,5 @@ const chunk_chunk = (array, chunkLength)=>{
     }
     return chunkArray;
 };
-const chunk = chunk_chunk;
-export { chunk as default };
+const utils_chunk = chunk;
+export { utils_chunk as default };

package/build/utils/copyToClipboard.js

@@ -17,7 +17,7 @@ const legacyCopy = (text)=>{
         console.error('Failed to copy text to clipboard');
     }
 };
-const copyToClipboard_copyToClipboard = (text)=>{
+const copyToClipboard = (text)=>{
     if ('undefined' == typeof window || 'undefined' == typeof document) return;
     const canUseModernApi = 'undefined' != typeof navigator && navigator.clipboard && 'function' == typeof navigator.clipboard.writeText;
     if (canUseModernApi) return void navigator.clipboard.writeText(text).catch(()=>{
@@ -25,5 +25,5 @@ const copyToClipboard_copyToClipboard = (text)=>{
     });
     legacyCopy(text);
 };
-const copyToClipboard = copyToClipboard_copyToClipboard;
-export { copyToClipboard as default };
+const utils_copyToClipboard = copyToClipboard;
+export { utils_copyToClipboard as default };

package/build/utils/formatNumber.js

@@ -1,4 +1,4 @@
-const formatNumber_formatNumber = (value, decimals = 1)=>{
+const formatNumber = (value, decimals = 1)=>{
     if (0 === value) return '0';
     if (!Number.isFinite(value)) return String(value);
     const absValue = Math.abs(value);
@@ -28,5 +28,5 @@ const formatNumber_formatNumber = (value, decimals = 1)=>{
     }
     return String(value);
 };
-const formatNumber = formatNumber_formatNumber;
-export { formatNumber as default, formatNumber_formatNumber as formatNumber };
+const utils_formatNumber = formatNumber;
+export { utils_formatNumber as default, formatNumber };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.2.3",
+	"version": "2.2.4",
 	"type": "module",
 	"exports": {
 		".": {
@@ -31,22 +31,22 @@
 		"@emotion/styled": "^11.14.1",
 		"@internationalized/date": "3.10.0",
 		"@react-hook/resize-observer": "^2.0.2",
-		"@tiptap/core": "^3.9.1",
-		"@tiptap/extension-character-count": "^3.9.1",
-		"@tiptap/extension-highlight": "^3.9.1",
-		"@tiptap/extension-placeholder": "^3.9.1",
-		"@tiptap/extension-task-item": "^3.9.1",
-		"@tiptap/extension-task-list": "^3.9.1",
-		"@tiptap/markdown": "^3.9.1",
-		"@tiptap/pm": "^3.9.1",
-		"@tiptap/react": "^3.9.1",
-		"@tiptap/starter-kit": "^3.9.1",
+		"@tiptap/core": "^3.10.1",
+		"@tiptap/extension-character-count": "^3.10.1",
+		"@tiptap/extension-highlight": "^3.10.1",
+		"@tiptap/extension-placeholder": "^3.10.1",
+		"@tiptap/extension-task-item": "^3.10.1",
+		"@tiptap/extension-task-list": "^3.10.1",
+		"@tiptap/markdown": "^3.10.1",
+		"@tiptap/pm": "^3.10.1",
+		"@tiptap/react": "^3.10.1",
+		"@tiptap/starter-kit": "^3.10.1",
 		"cmdk": "^1.1.1",
 		"date-fns": "^4.1.0",
 		"draft-js": "^0.11.7",
 		"es-toolkit": "^1.41.0",
 		"libphonenumber-js": "^1.12.25",
-		"lucide-react": "^0.548.0",
+		"lucide-react": "^0.552.0",
 		"polished": "^4.1.4",
 		"prism-react-renderer": "^2.4.1",
 		"react-aria": "3.44.0",
@@ -61,26 +61,26 @@
 		"@babel/core": "^7.28.5",
 		"@babel/preset-env": "^7.28.5",
 		"@babel/preset-typescript": "^7.28.5",
-		"@biomejs/biome": "2.3.2",
-		"@chromatic-com/storybook": "^4.1.1",
+		"@biomejs/biome": "2.3.3",
+		"@chromatic-com/storybook": "^4.1.2",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@emotion/react": "^11.14.0",
-		"@rsbuild/core": "1.5.17",
+		"@rsbuild/core": "1.6.1",
 		"@rsbuild/plugin-react": "^1.4.1",
 		"@rsbuild/plugin-svgr": "^1.2.2",
-		"@rslib/core": "^0.16.1",
-		"@storybook/addon-docs": "^9.1.15",
-		"@storybook/addon-links": "^9.1.15",
-		"@storybook/addon-themes": "^9.1.15",
+		"@rslib/core": "^0.17.0",
+		"@storybook/addon-docs": "^9.1.16",
+		"@storybook/addon-links": "^9.1.16",
+		"@storybook/addon-themes": "^9.1.16",
 		"@storybook/test-runner": "^0.23.0",
 		"@svgr/core": "^8.1.0",
 		"@svgr/plugin-jsx": "^8.1.0",
 		"@svgr/plugin-prettier": "^8.1.0",
-		"@swc/plugin-emotion": "11.5.0",
+		"@swc/plugin-emotion": "12.0.0",
 		"@types/draft-js": "^0.11.18",
 		"@types/jest": "^30.0.0",
 		"@types/ncp": "^2.0.8",
-		"@types/node": "^24.9.2",
+		"@types/node": "^24.10.0",
 		"@types/prompts": "^2.4.9",
 		"@types/randomcolor": "^0.5.9",
 		"@types/react": "^19.2.2",
@@ -89,7 +89,7 @@
 		"@types/webfontloader": "^1.6.38",
 		"chalk": "^5.6.2",
 		"change-case": "^5.4.4",
-		"chromatic": "^13.3.2",
+		"chromatic": "^13.3.3",
 		"jest": "^30.2.0",
 		"lefthook": "^2.0.2",
 		"ncp": "^2.0.0",
@@ -104,8 +104,8 @@
 		"react-dom": "^19.2.0",
 		"replace": "^1.2.2",
 		"signale": "^1.4.0",
-		"storybook": "^9.1.15",
-		"storybook-react-rsbuild": "^2.1.2",
+		"storybook": "^9.1.16",
+		"storybook-react-rsbuild": "^2.1.4",
 		"tsc-files": "^1.1.4",
 		"tslib": "^2.8.1",
 		"tsx": "^4.20.6",