@wavv/ui 2.2.3 → 2.2.5

package/build/components/typeDefs/reactAriaTypes.d.ts

@@ -0,0 +1,126 @@
+import type { ComboBoxProps as AriaComboBoxProps, MenuProps as AriaMenuProps, SelectProps as AriaSelectProps, NumberFieldProps as NumberProps, SearchFieldProps as SearchProps, TextFieldProps as TextProps, TimeFieldProps as TimeBaseProps, TimeValue } from 'react-aria-components';
+import type { ListOption, SelectItem } from './selectionTypes';
+/** INPUTS */
+type TimeProps = TimeBaseProps<TimeValue>;
+export type TextFieldProps = {
+    value?: TextProps['value'];
+    defaultValue?: TextProps['defaultValue'];
+    enterKeyHint?: TextProps['enterKeyHint'];
+    validate?: TextProps['validate'];
+    autoFocus?: TextProps['autoFocus'];
+    autoComplete?: TextProps['autoComplete'];
+    maxLength?: TextProps['maxLength'];
+    minLength?: TextProps['minLength'];
+    pattern?: TextProps['pattern'];
+    type?: TextProps['type'];
+    inputMode?: TextProps['inputMode'];
+    autoCorrect?: TextProps['autoCorrect'];
+    spellCheck?: TextProps['spellCheck'];
+    name?: TextProps['name'];
+    form?: TextProps['form'];
+    validationBehavior?: TextProps['validationBehavior'];
+    className?: TextProps['className'];
+    style?: TextProps['style'];
+    onChange?: TextProps['onChange'];
+    onInput?: TextProps['onInput'];
+} & Omit<TextProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired' | 'children'>;
+export type SearchFieldProps = {
+    value?: SearchProps['value'];
+    defaultValue?: SearchProps['defaultValue'];
+    enterKeyHint?: SearchProps['enterKeyHint'];
+    validate?: SearchProps['validate'];
+    autoFocus?: SearchProps['autoFocus'];
+    autoComplete?: SearchProps['autoComplete'];
+    maxLength?: SearchProps['maxLength'];
+    minLength?: SearchProps['minLength'];
+    pattern?: SearchProps['pattern'];
+    type?: SearchProps['type'];
+    inputMode?: SearchProps['inputMode'];
+    autoCorrect?: SearchProps['autoCorrect'];
+    spellCheck?: SearchProps['spellCheck'];
+    name?: SearchProps['name'];
+    form?: SearchProps['form'];
+    validationBehavior?: SearchProps['validationBehavior'];
+    className?: SearchProps['className'];
+    style?: SearchProps['style'];
+    onChange?: SearchProps['onChange'];
+    onInput?: SearchProps['onInput'];
+} & Omit<SearchProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired' | 'children'>;
+export type NumberFieldProps = {
+    value?: NumberProps['value'];
+    defaultValue?: NumberProps['defaultValue'];
+    isWheelDisabled?: NumberProps['isWheelDisabled'];
+    formatOptions?: NumberProps['formatOptions'];
+    validate?: NumberProps['validate'];
+    autoFocus?: NumberProps['autoFocus'];
+    minValue?: NumberProps['minValue'];
+    maxValue?: NumberProps['maxValue'];
+    step?: NumberProps['step'];
+    name?: NumberProps['name'];
+    form?: NumberProps['form'];
+    validationBehavior?: NumberProps['validationBehavior'];
+    className?: NumberProps['className'];
+    style?: NumberProps['style'];
+    onChange?: NumberProps['onChange'];
+    onInput?: NumberProps['onInput'];
+} & Omit<NumberProps, 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired' | 'children'>;
+export type TimeFieldProps = {
+    hourCycle?: TimeProps['hourCycle'];
+    granularity?: TimeProps['granularity'];
+    minValue?: TimeProps['minValue'];
+    maxValue?: TimeProps['maxValue'];
+    validate?: TimeProps['validate'];
+    autoFocus?: TimeProps['autoFocus'];
+    name?: TimeProps['name'];
+    form?: TimeProps['form'];
+    validationBehavior?: TimeProps['validationBehavior'];
+    className?: TimeProps['className'];
+    style?: TimeProps['style'];
+} & Omit<TimeProps, 'value' | 'defaultValue' | 'isDisabled' | 'isReadOnly' | 'isInvalid' | 'isRequired' | 'children' | 'onChange'>;
+/** SELECTS */
+type Combo = AriaComboBoxProps<object>;
+export type ComboBoxProps = {
+    defaultFilter?: Combo['defaultFilter'];
+    formValue?: Combo['formValue'];
+    allowsEmptyCollection?: Combo['allowsEmptyCollection'];
+    shouldFocusWrap?: Combo['shouldFocusWrap'];
+    allowsCustomValue?: Combo['allowsCustomValue'];
+    menuTrigger?: Combo['menuTrigger'];
+    disabledKeys?: Combo['disabledKeys'];
+    validate?: Combo['validate'];
+    autoFocus?: Combo['autoFocus'];
+    name?: Combo['name'];
+    form?: Combo['form'];
+    validationBehavior?: Combo['validationBehavior'];
+    className?: Combo['className'];
+    style?: Combo['style'];
+    onOpenChange?: Combo['onOpenChange'];
+} & Omit<Combo, 'children' | 'defaultItems' | 'items' | 'onSelectionChange' | 'onInputChange' | 'selectedKey' | 'defaultSelectedKey' | 'inputValue' | 'defaultInputValue' | 'isOpen' | 'isDisabled' | 'isInvalid' | 'isRequired'>;
+type Select = AriaSelectProps<SelectItem>;
+export type SelectProps = {
+    autoComplete?: Select['autoComplete'];
+    name?: Select['name'];
+    form?: Select['form'];
+    defaultOpen?: Select['defaultOpen'];
+    disabledKeys?: Select['disabledKeys'];
+    defaultValue?: Select['defaultValue'];
+    autoFocus?: Select['autoFocus'];
+    validationBehavior?: Select['validationBehavior'];
+    className?: Select['className'];
+    style?: Select['style'];
+    onOpenChange?: Select['onOpenChange'];
+} & Omit<Select, 'placeholder' | 'selectionMode' | 'value' | 'children' | 'isOpen' | 'isDisabled' | 'isInvalid' | 'isRequired' | 'defaultSelectedKey' | 'selectionMode' | 'onChange' | 'validate' | 'onSelectionChange'>;
+type MenuProps = AriaMenuProps<ListOption>;
+export type DropdownMenuProps = {
+    renderEmptyState?: MenuProps['renderEmptyState'];
+    escapeKeyBehavior?: MenuProps['escapeKeyBehavior'];
+    autoFocus?: MenuProps['autoFocus'];
+    shouldFocusWrap?: MenuProps['shouldFocusWrap'];
+    disabledKeys?: MenuProps['disabledKeys'];
+    disallowEmptySelection?: MenuProps['disallowEmptySelection'];
+    className?: MenuProps['className'];
+    style?: MenuProps['style'];
+    onAction?: MenuProps['onAction'];
+    onClose?: MenuProps['onClose'];
+} & Omit<MenuProps, 'items' | 'selectionMode' | 'selectedKeys' | 'defaultSelectedKeys' | 'children' | 'dependencies' | 'onSelectionChange'>;
+export {};

package/build/components/typeDefs/selectionTypes.d.ts

@@ -68,6 +68,7 @@ export type SelectInputProps = {
     after?: ReactNode;
     /** The function to be called when an option is selected */
     onChange?: (key: string) => void;
+    maxHeight?: PopoverProps['maxHeight'];
 } & Omit<InputProps, 'iconRight'> & ShowHideCallbacks & Pick<PopoverProps, 'maxHeight'>;
 export type CalendarBaseProps = {
     /** Prevents selection of dates in the past (relative to the set date or current date). */

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.5",
 	"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",

package/build/components/Table/Check.d.ts

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

package/build/components/Table/Check.js

@@ -1,35 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import styled from "@emotion/styled";
-import { Checkbox } from "react-aria-components";
-import icons_Checkbox from "../../assets/icons/Checkbox.js";
-import CheckboxOff from "../../assets/icons/CheckboxOff.js";
-import CheckboxPartial from "../../assets/icons/CheckboxPartial.js";
-import Icon from "../Icon/index.js";
-const Check = ({ ...props })=>/*#__PURE__*/ jsx(CheckContainer, {
-        ...props,
-        children: ({ isIndeterminate, isSelected, isDisabled })=>{
-            let svg = /*#__PURE__*/ jsx(CheckboxOff, {});
-            if (isIndeterminate) svg = /*#__PURE__*/ jsx(CheckboxPartial, {});
-            else if (isSelected) svg = /*#__PURE__*/ jsx(icons_Checkbox, {});
-            return /*#__PURE__*/ jsx(Icon, {
-                svg: svg,
-                pointer: !isDisabled
-            });
-        }
-    });
-const CheckContainer = styled(Checkbox)(({ theme: { formControl }, isDisabled })=>({
-        '&[data-hovered] > div': {
-            color: isDisabled ? void 0 : formControl.color.hover
-        },
-        '&[data-selected] > div, &[data-indeterminate] > div': {
-            color: formControl.color.active
-        },
-        '&[data-hovered][data-selected] > div': {
-            color: isDisabled ? void 0 : formControl.color.activeHover
-        },
-        '&[data-disabled] > div': {
-            color: formControl.color.disabled
-        }
-    }));
-const Table_Check = Check;
-export { Table_Check as default };