@wavv/ui 2.3.2 → 2.3.4

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

@@ -37,6 +37,7 @@ declare const Accordion: {
             style?: React.CSSProperties;
         } & import("../types").Padding & import("../types").Height & {
             download?: any;
+            form?: string | undefined | undefined;
             key?: import("react").Key | null | undefined;
             list?: string | undefined | undefined;
             rows?: number | undefined | undefined;
@@ -52,7 +53,6 @@ declare const Accordion: {
             ref?: import("react").Ref<HTMLDivElement> | undefined;
             cite?: string | undefined | undefined;
             data?: string | undefined | undefined;
-            form?: string | undefined | undefined;
             label?: string | undefined | undefined;
             slot?: string | undefined | undefined;
             span?: number | undefined | undefined;

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

@@ -12,6 +12,7 @@ declare const _default: (({ content, children, dropdown, options, ref, ...rest }
         collapse?: boolean;
     } & import("./ButtonTypes").ButtonStyles) & Margin & import("../types").Width & {
         download?: any;
+        form?: string | undefined | undefined;
         key?: import("react").Key | null | undefined;
         list?: string | undefined | undefined;
         rows?: number | undefined | undefined;
@@ -27,7 +28,6 @@ declare const _default: (({ content, children, dropdown, options, ref, ...rest }
         ref?: import("react").Ref<HTMLDivElement> | undefined;
         cite?: string | undefined | undefined;
         data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
         label?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         span?: number | undefined | undefined;

package/build/components/ComboBox.js

@@ -116,6 +116,7 @@ const ComboBox_ComboBox = ({ backgroundColor, menuBackground, children, fontSize
                         label: label,
                         filled: hasValue,
                         disabled: disabled,
+                        required: required,
                         children: [
                             /*#__PURE__*/ jsx(Input, {
                                 placeholder: placeholder,

package/build/components/DropZone.d.ts

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-import { type DropZoneProps } from 'react-aria-components';
+import { type DropZoneProps, type FileTriggerProps } from 'react-aria-components';
 import type { MarginPadding, WidthHeight } from './types';
 type Props = {
-    children?: ReactNode;
     /** The label to display inside the drop zone */
     label?: string;
+    /** Whether to show the file names in the drop zone */
+    showFileNames?: boolean;
     /** Whether the drop target is disabled. If true, the drop target will not accept any drops. */
     disabled?: DropZoneProps['isDisabled'];
     className?: DropZoneProps['className'];
@@ -18,6 +18,11 @@ type Props = {
     onHoverChange?: DropZoneProps['onHoverChange'];
     onHoverStart?: DropZoneProps['onHoverStart'];
     onHoverEnd?: DropZoneProps['onHoverEnd'];
-} & MarginPadding & WidthHeight & Omit<DropZoneProps, 'isDisabled' | 'children'>;
-declare const DropZone: ({ children, label, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+    acceptedFileTypes?: FileTriggerProps['acceptedFileTypes'];
+    allowsMultiple?: FileTriggerProps['allowsMultiple'];
+    defaultCamera?: FileTriggerProps['defaultCamera'];
+    acceptDirectory?: FileTriggerProps['acceptDirectory'];
+    onSelect?: FileTriggerProps['onSelect'];
+} & MarginPadding & WidthHeight & Omit<DropZoneProps, 'isDisabled' | 'children'> & Omit<FileTriggerProps, 'children'>;
+declare const DropZone: ({ label, showFileNames, disabled, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, onDrop, onSelect, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DropZone;

package/build/components/DropZone.js

@@ -1,18 +1,57 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
+import { useState } from "react";
 import { DropZone, Text } from "react-aria-components";
+import matchesFileTypes from "../utils/matchesFileTypes.js";
+import Ellipsis from "./Ellipsis.js";
+import FileTrigger from "./FileTrigger.js";
 import { marginProps, paddingProps, widthHeightProps } from "./helpers/styledProps.js";
-const DropZone_DropZone = ({ children, label = 'Drop here', disabled, ...rest })=>/*#__PURE__*/ jsxs(StyledDropZone, {
+const DropZone_DropZone = ({ label = 'Drop here', showFileNames = true, disabled, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, onDrop, onSelect, ...rest })=>{
+    const [displayFiles, setDisplayFiles] = useState('');
+    const showFileTrigger = !!acceptedFileTypes || !!allowsMultiple || !!defaultCamera || !!acceptDirectory || !!onSelect;
+    const handleFileDrop = (event)=>{
+        let files = event.items.filter((file)=>'file' === file.kind);
+        if (acceptedFileTypes && acceptedFileTypes.length > 0) files = files.filter((file)=>matchesFileTypes(file, acceptedFileTypes));
+        if (!allowsMultiple && files.length > 1) files = files.slice(0, 1);
+        const fileNames = files.map(({ name })=>name).join(', ');
+        setDisplayFiles(fileNames);
+        if (onDrop) onDrop(event);
+    };
+    const handleFileSelect = (selected)=>{
+        if (!selected) return;
+        const files = Array.from(selected);
+        const fileNames = files.map(({ name })=>name).join(', ');
+        setDisplayFiles(fileNames);
+        if (onSelect) onSelect(selected);
+    };
+    return /*#__PURE__*/ jsxs(StyledDropZone, {
         isDisabled: disabled,
+        onDrop: showFileTrigger ? handleFileDrop : onDrop,
         ...rest,
         children: [
             /*#__PURE__*/ jsx(StyledText, {
                 slot: "label",
                 children: label
             }),
-            children
+            showFileTrigger && /*#__PURE__*/ jsx(SeparatorText, {
+                children: "or"
+            }),
+            showFileTrigger && /*#__PURE__*/ jsx(FileTrigger, {
+                acceptedFileTypes: acceptedFileTypes,
+                allowsMultiple: allowsMultiple,
+                defaultCamera: defaultCamera,
+                acceptDirectory: acceptDirectory,
+                onSelect: handleFileSelect
+            }),
+            displayFiles && showFileNames && /*#__PURE__*/ jsx(FilesContainer, {
+                title: displayFiles,
+                children: /*#__PURE__*/ jsx(Ellipsis, {
+                    children: displayFiles
+                })
+            })
         ]
     });
+};
 const StyledDropZone = styled(DropZone)(({ theme })=>({
         display: 'flex',
         flexDirection: 'column',
@@ -47,7 +86,22 @@ const StyledDropZone = styled(DropZone)(({ theme })=>({
     }), widthHeightProps, marginProps, paddingProps);
 const StyledText = styled(Text)(({ theme })=>({
         fontSize: theme.font.size.md,
-        fontWeight: theme.font.weight.medium
+        fontWeight: theme.font.weight.medium,
+        lineHeight: '14px',
+        textAlign: 'center'
+    }));
+const SeparatorText = styled(Text)(({ theme })=>({
+        fontSize: theme.font.size.md,
+        color: theme.scale6,
+        lineHeight: '14px'
+    }));
+const FilesContainer = styled.div(({ theme })=>({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: theme.font.size.sm,
+        color: theme.scale6,
+        width: '100%'
     }));
 const components_DropZone = DropZone_DropZone;
 export { components_DropZone as default };

package/build/components/Dropdown.d.ts

@@ -4,7 +4,7 @@ type Props = {
     /** The options to be displayed in the dropdown */
     options?: ListOption[];
 } & Omit<SelectInputProps, 'options' | 'textOnly'> & OpenStateProps & Omit<ButtonProps, 'ref' | 'isDisabled'>;
-declare const _default: (({ children, before, after, open, label, placeholder, 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 }: Props) => import("react/jsx-runtime").JSX.Element) & {
+declare const _default: (({ children, before, after, open, label, placeholder, options, width, height, value, defaultValue, loading, hideCaret, color, disabled, readOnly, required, invalid, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props }: Props) => import("react/jsx-runtime").JSX.Element) & {
     Item: ({ children, id, value, header, body, leftElement, rightElement, inline, disabled, ...props }: {
         children?: import("react").ReactNode;
     } & Partial<SelectItem> & Omit<import("react-aria-components").GridListItemProps<object>, "id" | "value" | "isDisabled">) => import("react/jsx-runtime").JSX.Element;

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 = ({ 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, required, invalid, placeholderColor, fontSize, fontWeight, description, errorMessage, position, backgroundColor, menuBackground, iconLeft, leftElement, rightElement, onChange, onOpenChange, afterShow, afterHide, ...props })=>{
     const [isOpen, handleOpenChange] = useControlledOpenState({
         open,
         onOpenChange,
@@ -44,6 +44,8 @@ const Dropdown = ({ children, before, after, open, label, placeholder = 'Select'
                     value: selectedOption?.value || currentValue,
                     disabled: disabled,
                     readOnly: readOnly || loading,
+                    required: required,
+                    invalid: invalid,
                     placeholder: placeholder,
                     placeholderColor: placeholderColor,
                     loading: loading,

package/build/components/Ellipsis.js

@@ -12,7 +12,8 @@ const EllipsisContainer = styled.div(({ clampLines })=>({
         WebkitLineClamp: clampLines,
         display: clampLines ? '-webkit-box' : void 0,
         WebkitBoxOrient: clampLines ? 'vertical' : void 0,
-        wordBreak: clampLines ? 'break-word' : void 0
+        wordBreak: clampLines ? 'break-word' : void 0,
+        minWidth: 0
     }), ({ width })=>({
         width: width || 'auto'
     }), ({ textAlign })=>({

package/build/components/FileTrigger.js

@@ -5,6 +5,7 @@ const FileTrigger_FileTrigger = (props)=>/*#__PURE__*/ jsx(FileTrigger, {
         ...props,
         children: /*#__PURE__*/ jsx(Button, {
             small: true,
+            outline: true,
             children: "Select files"
         })
     });

package/build/components/Inputs/DatePicker.js

@@ -64,6 +64,7 @@ const DatePicker_DatePicker = ({ value, label, iconLeft, iconRight, loading, fon
                 label: label,
                 filled: !!selectedDate,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(Input, {
                     ref: ref,
                     hide: inputHidden,

package/build/components/Inputs/DateRangePicker.js

@@ -81,6 +81,7 @@ const DateRangePicker_DateRangePicker = ({ startValue, endValue, label, iconLeft
                 label: label,
                 filled: hasValue,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsxs(InputsWrapper, {
                     fontSize: fontSize,
                     hide: inputHidden,

package/build/components/Inputs/NumberInput.js

@@ -43,6 +43,7 @@ const NumberInput = ({ value, label, placeholder, iconLeft, iconRight, loading,
                 label: label,
                 filled: hasValue,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(Input, {
                     ref: ref,
                     placeholder: placeholder,

package/build/components/Inputs/PhoneInput.js

@@ -72,6 +72,7 @@ const PhoneInput = ({ value, label, placeholder, iconLeft, iconRight, leftElemen
                 label: label,
                 filled: !!inputValue,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(Input, {
                     ref: internalRef,
                     placeholder: placeholder,

package/build/components/Inputs/SearchInput.js

@@ -54,6 +54,7 @@ const SearchInput = ({ value, label, placeholder, iconLeft, iconRight, leftEleme
                 label: label,
                 filled: !!inputValue,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(Input, {
                     ref: ref,
                     placeholder: placeholder,

package/build/components/Inputs/TextArea.js

@@ -75,6 +75,7 @@ const TextArea_TextArea = ({ value, label, placeholder, iconLeft, iconRight, loa
                 label: label,
                 filled: !!inputValue,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(TextArea, {
                     ref: textAreaRef,
                     placeholder: placeholder,

package/build/components/Inputs/TextInput.js

@@ -47,6 +47,7 @@ const TextInput = ({ value, label, placeholder, iconLeft, iconRight, leftElement
                 label: label,
                 filled: !!inputValue,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(Input, {
                     ref: ref,
                     placeholder: placeholder,

package/build/components/Inputs/TimeInput.js

@@ -45,6 +45,7 @@ const TimeInput = ({ value, label, iconLeft, iconRight, loading, fontSize, place
                 label: label,
                 filled: !!selectedTime,
                 disabled: disabled,
+                required: required,
                 children: /*#__PURE__*/ jsx(Input, {
                     ref: ref,
                     hide: inputHidden,

package/build/components/Inputs/helpers/Label.d.ts

@@ -2,11 +2,12 @@ import type { ReactNode } from 'react';
 type LabelProps = {
     filled?: boolean;
     disabled?: boolean;
+    required?: boolean;
     disablePointerEvents?: boolean;
 };
 type LabelWrapperProps = {
     children: ReactNode;
     label?: string;
 } & LabelProps;
-declare const LabelWrapper: ({ children, label, ...props }: LabelWrapperProps) => import("react/jsx-runtime").JSX.Element;
+declare const LabelWrapper: ({ children, label, required, ...props }: LabelWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default LabelWrapper;

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

@@ -3,12 +3,18 @@ import styled from "@emotion/styled";
 import { Label } from "react-aria-components";
 import Ellipsis from "../../Ellipsis.js";
 import isPropAllowed from "../../helpers/isPropAllowed.js";
-const LabelWrapper = ({ children, label, ...props })=>/*#__PURE__*/ jsxs(Label_Label, {
+const LabelWrapper = ({ children, label, required, ...props })=>/*#__PURE__*/ jsxs(Label_Label, {
         ...props,
         children: [
-            label && /*#__PURE__*/ jsx(Ellipsis, {
-                width: "100%",
-                children: label
+            label && /*#__PURE__*/ jsxs(LabelContainer, {
+                children: [
+                    /*#__PURE__*/ jsx(Ellipsis, {
+                        children: label
+                    }),
+                    required && /*#__PURE__*/ jsx(Required, {
+                        children: "*"
+                    })
+                ]
             }),
             children
         ]
@@ -19,6 +25,13 @@ const preventProps = {
             'disablePointerEvents'
         ])
 };
+const LabelContainer = styled.div({
+    display: 'flex',
+    alignItems: 'center',
+    gap: 2,
+    width: 'inherit',
+    minWidth: 0
+});
 const Label_Label = styled(Label, preventProps)(({ theme: { font, input }, filled, disablePointerEvents })=>({
         display: 'flex',
         flexDirection: 'column',
@@ -38,5 +51,8 @@ const Label_Label = styled(Label, preventProps)(({ theme: { font, input }, fille
     }), ({ theme: { input }, disabled })=>({
         color: disabled ? input.labelColor.disabled : void 0
     }));
+const Required = styled.span(({ theme })=>({
+        color: theme.color.error
+    }));
 const helpers_Label = LabelWrapper;
 export { helpers_Label as default };

package/build/components/Select.js

@@ -92,6 +92,7 @@ const Select_Select = ({ backgroundColor, menuBackground, children, fontSize, fo
                         filled: hasValue,
                         disabled: disabled,
                         disablePointerEvents: true,
+                        required: required,
                         children: /*#__PURE__*/ jsx(DisplayValue, {
                             fontSize: fontSize,
                             fontWeight: fontWeight,

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

@@ -69,6 +69,7 @@ declare const Table: {
         emphasis?: boolean | string;
     } & Padding & import("../types").Height & {
         download?: any;
+        form?: string | undefined | undefined;
         key?: import("react").Key | null | undefined;
         list?: string | undefined | undefined;
         rows?: number | undefined | undefined;
@@ -84,7 +85,6 @@ declare const Table: {
         ref?: import("react").Ref<HTMLTableRowElement> | undefined;
         cite?: string | undefined | undefined;
         data?: string | undefined | undefined;
-        form?: string | undefined | undefined;
         label?: string | undefined | undefined;
         slot?: string | undefined | undefined;
         span?: number | undefined | undefined;

package/build/index.d.ts

@@ -75,6 +75,7 @@ export type { ITheme, ThemeProp } from './theme/ThemeTypes';
 export type { ThemeOption } from './theme';
 export type { EditorValue } from './components/Editor';
 export type { Selection } from 'react-aria-components';
+export type { DropEvent, DropItem } from 'react-aria';
 export type { DotType } from './components/Dot';
 export { default as useConfirm } from './hooks/useConfirm';
 export { default as useElementObserver } from './hooks/useElementObserver';
@@ -90,3 +91,4 @@ export { default as formatDate } from './utils/formatDate';
 export { default as formatNumber } from './utils/formatNumber';
 export { default as numberWithCommas } from './utils/numberWithCommas';
 export { createEditorContent, editorContentToText } from './components/Editor';
+export { default as matchesFileTypes } from './utils/matchesFileTypes';

package/build/index.js

@@ -79,4 +79,5 @@ import copyToClipboard from "./utils/copyToClipboard.js";
 import formatDate from "./utils/formatDate.js";
 import formatNumber from "./utils/formatNumber.js";
 import numberWithCommas from "./utils/numberWithCommas.js";
-export { Accordion, Audio, BarChart, Button, Calendar, Checkbox, Code, ComboBox, CommandMenu, DatePicker, DateRangePicker, DateRangeSelect, DocTable, Dot, DraftEditor, DropZone, Dropdown, DropdownMenu, DropdownSelect, Editor, Ellipsis, FileTrigger, Form, Grid, Icon, ImageViewer, InlineCode, InlineInput, InputHelpers as InputUtils, Label, LineChart, Menu, Message, MessageHr, Modal, MultiSelect, NumberInput, Pagination, PhoneInput, PieChart, Popover, PortalScope, Progress, Radio, RangeCalendar, ResetStyles, ScrollbarStyles, SearchInput, Select, Slider, Spinner, Table, Tabs, Tag, TextArea, TextInput, TimeInput, ToastStyles, Toggle, ToggleButton, ToggleButtonGroup, Tooltip, TransferList, Tree, UnstyledButton, colors, copyToClipboard, createEditorContent, darkScale, editorContentToText, formatDate, formatNumber, lightScale, marginProps, numberWithCommas, paddingProps, positionProps, theme, themeClasses, themeOptions, useConfirm, useCopy, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelectAll, useWindowSize, widthHeightProps };
+import matchesFileTypes from "./utils/matchesFileTypes.js";
+export { Accordion, Audio, BarChart, Button, Calendar, Checkbox, Code, ComboBox, CommandMenu, DatePicker, DateRangePicker, DateRangeSelect, DocTable, Dot, DraftEditor, DropZone, Dropdown, DropdownMenu, DropdownSelect, Editor, Ellipsis, FileTrigger, Form, Grid, Icon, ImageViewer, InlineCode, InlineInput, InputHelpers as InputUtils, Label, LineChart, Menu, Message, MessageHr, Modal, MultiSelect, NumberInput, Pagination, PhoneInput, PieChart, Popover, PortalScope, Progress, Radio, RangeCalendar, ResetStyles, ScrollbarStyles, SearchInput, Select, Slider, Spinner, Table, Tabs, Tag, TextArea, TextInput, TimeInput, ToastStyles, Toggle, ToggleButton, ToggleButtonGroup, Tooltip, TransferList, Tree, UnstyledButton, colors, copyToClipboard, createEditorContent, darkScale, editorContentToText, formatDate, formatNumber, lightScale, marginProps, matchesFileTypes, numberWithCommas, paddingProps, positionProps, theme, themeClasses, themeOptions, useConfirm, useCopy, useElementObserver, useEventListener, useOnClickOutside, usePrevious, useSelectAll, useWindowSize, widthHeightProps };

package/build/utils/matchesFileTypes.d.ts

@@ -0,0 +1,9 @@
+import type { FileDropItem } from 'react-aria';
+/**
+ * Checks if a file matches any of the accepted file types
+ * @param file - The file to check
+ * @param acceptedFileTypes - The accepted file types
+ * @returns True if the file matches any of the accepted file types, false otherwise
+ */
+declare const matchesFileTypes: (file: FileDropItem, acceptedFileTypes?: readonly string[]) => boolean;
+export default matchesFileTypes;

package/build/utils/matchesFileTypes.js

@@ -0,0 +1,16 @@
+const matchesFileTypes = (file, acceptedFileTypes)=>{
+    if (!acceptedFileTypes || 0 === acceptedFileTypes.length) return true;
+    const fileType = file.type || '';
+    const fileName = file.name || '';
+    return acceptedFileTypes.some((acceptedType)=>{
+        if (acceptedType === fileType) return true;
+        if (acceptedType.endsWith('/*')) {
+            const baseType = acceptedType.slice(0, -2);
+            return fileType.startsWith(`${baseType}/`);
+        }
+        if (acceptedType.startsWith('.')) return fileName.toLowerCase().endsWith(acceptedType.toLowerCase());
+        return false;
+    });
+};
+const utils_matchesFileTypes = matchesFileTypes;
+export { utils_matchesFileTypes as default };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.3.2",
+	"version": "2.3.4",
 	"type": "module",
 	"exports": {
 		".": {
@@ -31,29 +31,29 @@
 		"@emotion/styled": "^11.14.1",
 		"@internationalized/date": "3.10.0",
 		"@react-hook/resize-observer": "^2.0.2",
-		"@tiptap/core": "^3.11.0",
-		"@tiptap/extension-character-count": "^3.11.0",
-		"@tiptap/extension-highlight": "^3.11.0",
-		"@tiptap/extension-placeholder": "^3.11.0",
-		"@tiptap/extension-task-item": "^3.11.0",
-		"@tiptap/extension-task-list": "^3.11.0",
-		"@tiptap/markdown": "^3.11.0",
-		"@tiptap/pm": "^3.11.0",
-		"@tiptap/react": "^3.11.0",
-		"@tiptap/starter-kit": "^3.11.0",
+		"@tiptap/core": "^3.11.1",
+		"@tiptap/extension-character-count": "^3.11.1",
+		"@tiptap/extension-highlight": "^3.11.1",
+		"@tiptap/extension-placeholder": "^3.11.1",
+		"@tiptap/extension-task-item": "^3.11.1",
+		"@tiptap/extension-task-list": "^3.11.1",
+		"@tiptap/markdown": "^3.11.1",
+		"@tiptap/pm": "^3.11.1",
+		"@tiptap/react": "^3.11.1",
+		"@tiptap/starter-kit": "^3.11.1",
 		"cmdk": "^1.1.1",
 		"date-fns": "^4.1.0",
 		"draft-js": "^0.11.7",
 		"es-toolkit": "^1.42.0",
-		"libphonenumber-js": "^1.12.27",
-		"lucide-react": "^0.554.0",
+		"libphonenumber-js": "^1.12.30",
+		"lucide-react": "^0.555.0",
 		"polished": "^4.1.4",
 		"prism-react-renderer": "^2.4.1",
 		"react-aria": "3.44.0",
 		"react-aria-components": "1.13.0",
-		"react-keyed-flatten-children": "^5.0.1",
+		"react-keyed-flatten-children": "^5.1.1",
 		"react-phone-input-auto-format": "^0.1.0",
-		"recharts": "^3.4.1",
+		"recharts": "^3.5.1",
 		"sanitize.css": "^13.0.0",
 		"webfontloader": "^1.6.28"
 	},
@@ -65,10 +65,10 @@
 		"@chromatic-com/storybook": "^4.1.3",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@emotion/react": "^11.14.0",
-		"@rsbuild/core": "1.6.7",
+		"@rsbuild/core": "1.6.11",
 		"@rsbuild/plugin-react": "^1.4.2",
 		"@rsbuild/plugin-svgr": "^1.2.2",
-		"@rslib/core": "^0.18.0",
+		"@rslib/core": "^0.18.2",
 		"@storybook/addon-docs": "^9.1.16",
 		"@storybook/addon-links": "^9.1.16",
 		"@storybook/addon-themes": "^9.1.16",
@@ -83,7 +83,7 @@
 		"@types/node": "^24.10.1",
 		"@types/prompts": "^2.4.9",
 		"@types/randomcolor": "^0.5.9",
-		"@types/react": "^19.2.6",
+		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
 		"@types/signale": "^1.4.7",
 		"@types/webfontloader": "^1.6.38",
@@ -95,9 +95,9 @@
 		"ncp": "^2.0.0",
 		"path": "^0.12.7",
 		"phone": "^3.1.67",
-		"playwright": "^1.56.1",
+		"playwright": "^1.57.0",
 		"postcss": "^8.5.6",
-		"prettier": "^3.6.2",
+		"prettier": "^3.7.3",
 		"prompts": "^2.4.2",
 		"randomcolor": "^0.6.2",
 		"react": "^19.2.0",
@@ -108,7 +108,7 @@
 		"storybook-react-rsbuild": "^2.1.6",
 		"tsc-files": "^1.1.4",
 		"tslib": "^2.8.1",
-		"tsx": "^4.20.6",
+		"tsx": "^4.21.0",
 		"typescript": "5.9.3",
 		"uuid": "^13.0.0"
 	},