@wavv/ui 2.3.11 → 2.3.13

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

@@ -26,8 +26,9 @@ declare const Accordion: {
         displayName: string;
     };
     Header: {
-        ({ children, triggerIconPosition, background, title, iconLeft, iconRight, ...props }: {
+        ({ children, triggerIconPosition, background, title, subtitle, iconLeft, iconRight, ...props }: {
             title: React.ReactNode;
+            subtitle?: React.ReactNode;
             children?: React.ReactNode;
             background?: string;
             triggerIconPosition?: "left" | "right";

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

@@ -5,6 +5,8 @@ type ElAttributes = Omit<Attributes<HTMLDivElement>, 'title'>;
 type HeaderProps = {
     /** The header title of the item */
     title: React.ReactNode;
+    /** The subtitle of the item */
+    subtitle?: React.ReactNode;
     /** The content of the item (displayed to the right of the title) */
     children?: React.ReactNode;
     /** The background color of the header */
@@ -19,7 +21,7 @@ type HeaderProps = {
     style?: React.CSSProperties;
 } & Padding & Height & ElAttributes;
 declare const Header: {
-    ({ children, triggerIconPosition, background, title, iconLeft, iconRight, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, triggerIconPosition, background, title, subtitle, iconLeft, iconRight, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Header;

package/build/components/Accordion/Header.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import styled from "@emotion/styled";
 import { useRef } from "react";
-import { Heading } from "react-aria-components";
+import { Heading, Text } from "react-aria-components";
 import Ellipsis from "../Ellipsis.js";
 import getIcon from "../helpers/getIcon.js";
 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 = ({ children, triggerIconPosition = 'right', background, title, iconLeft, iconRight, ...props })=>{
+const Header = ({ children, triggerIconPosition = 'right', background, title, subtitle, iconLeft, iconRight, ...props })=>{
     const triggerRef = useRef(null);
     return /*#__PURE__*/ jsxs(HeaderContainer, {
         onClick: ()=>triggerRef.current?.click(),
@@ -21,13 +21,20 @@ const Header = ({ children, triggerIconPosition = 'right', background, title, ic
             }),
             iconLeft && getIcon(iconLeft),
             /*#__PURE__*/ jsx(Title, {
-                children: /*#__PURE__*/ jsx(AriaButton, {
+                children: /*#__PURE__*/ jsxs(TitleButton, {
                     slot: "trigger",
                     ref: triggerRef,
                     width: "100%",
-                    children: /*#__PURE__*/ jsx(Ellipsis, {
-                        children: title
-                    })
+                    children: [
+                        /*#__PURE__*/ jsx(Ellipsis, {
+                            children: title
+                        }),
+                        subtitle && /*#__PURE__*/ jsx(Subtitle, {
+                            children: /*#__PURE__*/ jsx(Ellipsis, {
+                                children: subtitle
+                            })
+                        })
+                    ]
                 })
             }),
             /*#__PURE__*/ jsx(Content, {
@@ -58,6 +65,11 @@ const HeaderContainer = styled.div(({ theme, background, height })=>({
             transition: 'transform 300ms'
         }
     }), paddingProps);
+const TitleButton = styled(AriaButton)({
+    display: 'flex',
+    alignItems: 'flex-start',
+    gap: 8
+});
 const Title = styled(Heading, {
     shouldForwardProp: (prop)=>isPropAllowed(prop, [
             'reverse',
@@ -76,6 +88,10 @@ const Title = styled(Heading, {
         textAlign: 'left',
         overflow: 'hidden'
     }));
+const Subtitle = styled(Text)(({ theme })=>({
+        fontSize: theme.font.size.md,
+        color: theme.scale6
+    }));
 const Content = styled.div({
     display: 'flex',
     alignItems: 'center',

package/build/components/Avatar.js

@@ -35,6 +35,7 @@ const Avatar = ({ size = 32, url, icon, initials, acceptedFileTypes, onSelect, o
                 })
             }),
             hasUpload && /*#__PURE__*/ jsxs(ButtonContainer, {
+                className: "upload-container",
                 children: [
                     /*#__PURE__*/ jsx(FileTrigger, {
                         acceptedFileTypes: acceptedFileTypes,
@@ -95,11 +96,9 @@ const AvatarContainer = styled.div(({ theme, size, isImage, isPlaceholder })=>{
         ...isImage && {
             backgroundColor: 'transparent'
         },
-        '&:hover': {
-            [`${ButtonContainer}`]: {
-                opacity: 1,
-                visibility: 'visible'
-            }
+        '&:hover .upload-container': {
+            opacity: 1,
+            visibility: 'visible'
         }
     };
 }, marginProps, paddingProps);

package/build/components/DropdownMenu.d.ts

@@ -52,7 +52,7 @@ declare const DropdownMenu: {
         title?: string;
         children: ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Separator: import("@emotion/styled").StyledComponent<import("react-aria-components").SeparatorProps & import("react").RefAttributes<object> & {
+    Separator: import("@emotion/styled").StyledComponent<import("react-aria-components").SeparatorProps & import("react").RefAttributes<HTMLElement> & {
         theme?: import("@emotion/react").Theme;
     } & ThemeProp, {}, {}>;
 };

package/build/components/Icon/Icon.js

@@ -8,10 +8,10 @@ import icons from "./icons.js";
 const Icon = ({ name, svg, external, size, width, height, color, hoverColor, pointer = false, animation, style, onClick, ref, ...props })=>{
     let SvgComponent = null;
     let svgContent = null;
-    let iconName;
+    let WrappedIconComponent = null;
     if (name) {
         if (name in customIcons) SvgComponent = customIcons[name];
-        else if (name in icons) iconName = icons[name];
+        else if (name in icons) WrappedIconComponent = icons[name];
     } else if (svg) {
         let element = svg;
         if ('function' == typeof svg) element = svg();
@@ -29,10 +29,21 @@ const Icon = ({ name, svg, external, size, width, height, color, hoverColor, poi
     };
     let iconSize = 'number' == typeof size ? size : iconSizes.medium;
     if ('tiny' === size || 'small' === size || 'medium' === size || 'large' === size) iconSize = iconSizes[size];
-    const finalLucideName = external ?? iconName;
-    if (!SvgComponent && finalLucideName) return /*#__PURE__*/ jsx(DynamicIcon, {
+    if (external) return /*#__PURE__*/ jsx(DynamicIcon, {
+        ...props,
+        name: external,
+        size: iconSize,
+        pointer: pointer,
+        hoverColor: hoverColor,
+        color: color,
+        style: style,
+        onClick: onClick,
+        tabIndex: onClick ? 0 : void 0,
+        animation: animation,
+        ref: ref
+    });
+    if (WrappedIconComponent) return /*#__PURE__*/ jsx(WrappedIconComponent, {
         ...props,
-        name: finalLucideName,
         size: iconSize,
         pointer: pointer,
         hoverColor: hoverColor,

package/build/components/Icon/createWrappedIcon.d.ts

@@ -0,0 +1,22 @@
+import type { LucideProps } from 'lucide-react';
+import type { ComponentType, Ref } from 'react';
+import type { Margin } from '../types';
+export type WrappedIconProps = {
+    /** Sets the color of the icon */
+    color?: string;
+    /** Sets the color of the icon when hovered */
+    hoverColor?: string;
+    /** Sets the width and height of the icon */
+    size?: number;
+    /** Sets the cursor as a pointer when hovered */
+    pointer?: boolean;
+    /** CSS Animation shorthand property */
+    animation?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: () => void;
+    tabIndex?: number;
+    ref?: Ref<SVGSVGElement>;
+} & Margin;
+declare const createWrappedIcon: <T extends ComponentType<LucideProps>>(IconComponent: T) => ComponentType<WrappedIconProps>;
+export default createWrappedIcon;

package/build/components/Icon/createWrappedIcon.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+import isPropAllowed from "../helpers/isPropAllowed.js";
+import { marginProps } from "../helpers/styledProps.js";
+const createWrappedIcon = (IconComponent)=>{
+    const StyledIcon = styled(IconComponent, {
+        shouldForwardProp: (prop)=>isPropAllowed(prop, [
+                'pointer',
+                'hoverColor',
+                'margin',
+                'marginLeft',
+                'marginRight',
+                'marginTop',
+                'marginBottom'
+            ])
+    })(({ theme, hoverColor, pointer, animation, size })=>({
+            display: 'flex',
+            width: size,
+            height: size,
+            minWidth: size,
+            minHeight: size,
+            cursor: pointer ? 'pointer' : 'inherit',
+            animation,
+            outline: 'none',
+            '&:hover': {
+                stroke: hoverColor
+            },
+            '&:focus-visible': {
+                outline: `${theme.accent} solid 1px`,
+                outlineOffset: -1
+            }
+        }), marginProps);
+    const WrappedIcon = ({ size, onClick, color, ...props })=>{
+        const handleKeyDown = (event)=>{
+            if ('Enter' === event.key || ' ' === event.key) {
+                event.preventDefault();
+                onClick?.();
+            }
+        };
+        return /*#__PURE__*/ jsx(StyledIcon, {
+            ...props,
+            size: size,
+            strokeWidth: 1.5,
+            color: color,
+            onClick: onClick,
+            onKeyDown: onClick ? handleKeyDown : void 0
+        });
+    };
+    return WrappedIcon;
+};
+const Icon_createWrappedIcon = createWrappedIcon;
+export { Icon_createWrappedIcon as default };

package/build/components/Icon/icons.d.ts

@@ -1,145 +1,147 @@
+import type { ComponentType } from 'react';
+import type { WrappedIconProps } from './createWrappedIcon';
 declare const icons: {
-    readonly 'activity-history': "id-card";
-    readonly add: "plus";
-    readonly 'add-circle': "circle-plus";
-    readonly 'arrow-down': "arrow-down";
-    readonly 'arrow-left': "arrow-left";
-    readonly 'arrow-right': "arrow-right";
-    readonly 'arrow-up': "arrow-up";
-    readonly attachment: "paperclip";
-    readonly auto: "refresh-ccw-dot";
-    readonly bell: "bell";
-    readonly 'bell-dot': "bell-dot";
-    readonly blockquote: "text-quote";
-    readonly bold: "bold";
-    readonly bot: "bot";
-    readonly bug: "bug";
-    readonly bulb: "lightbulb";
-    readonly calendar: "calendar-days";
-    readonly camera: "camera";
-    readonly card: "credit-card";
-    readonly check: "check";
-    readonly 'check-badge': "badge-check";
-    readonly 'check-circle': "circle-check";
-    readonly 'chevron-down': "chevron-down";
-    readonly 'chevron-left': "chevron-left";
-    readonly 'chevron-right': "chevron-right";
-    readonly 'chevron-up': "chevron-up";
-    readonly circle: "circle";
-    readonly clapperboard: "clapperboard";
-    readonly close: "x";
-    readonly 'close-circle': "circle-x";
-    readonly copy: "copy";
-    readonly 'copy-check': "copy-check";
-    readonly 'copy-plus': "copy-plus";
-    readonly cycle: "refresh-cw";
-    readonly dash: "minus";
-    readonly devices: "monitor-smartphone";
-    readonly 'double-arrow-left': "chevrons-left";
-    readonly 'double-arrow-right': "chevrons-right";
-    readonly download: "download";
-    readonly drag: "grip-vertical";
-    readonly edit: "pencil";
-    readonly 'emoji-happy': "smile";
-    readonly 'emoji-neutral': "meh";
-    readonly 'emoji-sad': "frown";
-    readonly 'eye-off': "eye-off";
-    readonly 'eye-on': "eye";
-    readonly facebook: "facebook";
-    readonly filter: "list-filter";
-    readonly flag: "flag";
-    readonly flask: "flask-conical";
-    readonly funnel: "funnel";
-    readonly globe: "globe";
-    readonly group: "users";
-    readonly hash: "hash";
-    readonly heading: "heading";
-    readonly 'heading-1': "heading-1";
-    readonly 'heading-2': "heading-2";
-    readonly 'heading-3': "heading-3";
-    readonly 'heading-4': "heading-4";
-    readonly 'heading-5': "heading-5";
-    readonly 'heading-6': "heading-6";
-    readonly headset: "headset";
-    readonly hearing: "ear";
-    readonly heart: "heart";
-    readonly help: "circle-question-mark";
-    readonly highlight: "highlighter";
-    readonly home: "house";
-    readonly hourglass: "hourglass";
-    readonly info: "info";
-    readonly instagram: "instagram";
-    readonly italic: "italic";
-    readonly join: "log-in";
-    readonly 'kebab-menu': "ellipsis-vertical";
-    readonly kanban: "kanban";
-    readonly 'layout-dashboard': "layout-dashboard";
-    readonly link: "link";
-    readonly linkedin: "linkedin";
-    readonly 'list-bullet': "list";
-    readonly 'list-checks': "list-checks";
-    readonly 'list-ordered': "list-ordered";
-    readonly 'list-task': "list-todo";
-    readonly loading: "loader";
-    readonly 'local-area': "map-pinned";
-    readonly location: "map-pin";
-    readonly logout: "log-out";
-    readonly maximize: "maximize-2";
-    readonly menu: "menu";
-    readonly merge: "merge";
-    readonly 'merge-field': "braces";
-    readonly message: "message-square-more";
-    readonly mic: "mic";
-    readonly 'mic-off': "mic-off";
-    readonly minimize: "minimize-2";
-    readonly mobile: "smartphone";
-    readonly 'not-allowed': "ban";
-    readonly notes: "notebook-pen";
-    readonly open: "external-link";
-    readonly paragraph: "pilcrow";
-    readonly pause: "pause";
-    readonly 'pause-circle': "circle-pause";
-    readonly person: "user-round";
-    readonly 'person-add': "user-round-plus";
-    readonly play: "play";
-    readonly 'play-circle': "circle-play";
-    readonly priority: "arrow-up-wide-narrow";
-    readonly 'profile-user': "circle-user-round";
-    readonly redo: "redo";
-    readonly refresh: "rotate-cw";
-    readonly rocket: "rocket";
-    readonly schedule: "clock";
-    readonly search: "search";
-    readonly settings: "settings";
-    readonly share: "share-2";
-    readonly 'share-arrow': "share";
-    readonly shield: "shield";
-    readonly 'shield-check': "shield-check";
-    readonly 'shield-health': "shield-plus";
-    readonly 'shield-slash': "shield-off";
-    readonly sort: "arrow-down-wide-narrow";
-    readonly 'sort-arrows': "chevrons-up-down";
-    readonly 'square-stack': "square-stack";
-    readonly stack: "layers-2";
-    readonly star: "star";
-    readonly stars: "sparkles";
-    readonly stats: "chart-column";
-    readonly stop: "square";
-    readonly 'stop-circle': "circle-stop";
-    readonly strikethrough: "strikethrough";
-    readonly template: "file-text";
-    readonly transfer: "arrow-right-left";
-    readonly trash: "trash-2";
-    readonly trophy: "trophy";
-    readonly underline: "underline";
-    readonly undo: "undo";
-    readonly upload: "upload";
-    readonly video: "video";
-    readonly voicemail: "voicemail";
-    readonly 'vol-on': "volume-2";
-    readonly warning: "triangle-alert";
-    readonly 'warning-circle': "circle-alert";
-    readonly youtube: "youtube";
+    readonly 'activity-history': ComponentType<WrappedIconProps>;
+    readonly add: ComponentType<WrappedIconProps>;
+    readonly 'add-circle': ComponentType<WrappedIconProps>;
+    readonly 'arrow-down': ComponentType<WrappedIconProps>;
+    readonly 'arrow-left': ComponentType<WrappedIconProps>;
+    readonly 'arrow-right': ComponentType<WrappedIconProps>;
+    readonly 'arrow-up': ComponentType<WrappedIconProps>;
+    readonly attachment: ComponentType<WrappedIconProps>;
+    readonly auto: ComponentType<WrappedIconProps>;
+    readonly bell: ComponentType<WrappedIconProps>;
+    readonly 'bell-dot': ComponentType<WrappedIconProps>;
+    readonly blockquote: ComponentType<WrappedIconProps>;
+    readonly bold: ComponentType<WrappedIconProps>;
+    readonly bot: ComponentType<WrappedIconProps>;
+    readonly bug: ComponentType<WrappedIconProps>;
+    readonly bulb: ComponentType<WrappedIconProps>;
+    readonly calendar: ComponentType<WrappedIconProps>;
+    readonly camera: ComponentType<WrappedIconProps>;
+    readonly card: ComponentType<WrappedIconProps>;
+    readonly check: ComponentType<WrappedIconProps>;
+    readonly 'check-badge': ComponentType<WrappedIconProps>;
+    readonly 'check-circle': ComponentType<WrappedIconProps>;
+    readonly 'chevron-down': ComponentType<WrappedIconProps>;
+    readonly 'chevron-left': ComponentType<WrappedIconProps>;
+    readonly 'chevron-right': ComponentType<WrappedIconProps>;
+    readonly 'chevron-up': ComponentType<WrappedIconProps>;
+    readonly circle: ComponentType<WrappedIconProps>;
+    readonly clapperboard: ComponentType<WrappedIconProps>;
+    readonly close: ComponentType<WrappedIconProps>;
+    readonly 'close-circle': ComponentType<WrappedIconProps>;
+    readonly copy: ComponentType<WrappedIconProps>;
+    readonly 'copy-check': ComponentType<WrappedIconProps>;
+    readonly 'copy-plus': ComponentType<WrappedIconProps>;
+    readonly cycle: ComponentType<WrappedIconProps>;
+    readonly dash: ComponentType<WrappedIconProps>;
+    readonly devices: ComponentType<WrappedIconProps>;
+    readonly 'double-arrow-left': ComponentType<WrappedIconProps>;
+    readonly 'double-arrow-right': ComponentType<WrappedIconProps>;
+    readonly download: ComponentType<WrappedIconProps>;
+    readonly drag: ComponentType<WrappedIconProps>;
+    readonly edit: ComponentType<WrappedIconProps>;
+    readonly 'emoji-happy': ComponentType<WrappedIconProps>;
+    readonly 'emoji-neutral': ComponentType<WrappedIconProps>;
+    readonly 'emoji-sad': ComponentType<WrappedIconProps>;
+    readonly 'eye-off': ComponentType<WrappedIconProps>;
+    readonly 'eye-on': ComponentType<WrappedIconProps>;
+    readonly facebook: ComponentType<WrappedIconProps>;
+    readonly filter: ComponentType<WrappedIconProps>;
+    readonly flag: ComponentType<WrappedIconProps>;
+    readonly flask: ComponentType<WrappedIconProps>;
+    readonly funnel: ComponentType<WrappedIconProps>;
+    readonly globe: ComponentType<WrappedIconProps>;
+    readonly group: ComponentType<WrappedIconProps>;
+    readonly hash: ComponentType<WrappedIconProps>;
+    readonly heading: ComponentType<WrappedIconProps>;
+    readonly 'heading-1': ComponentType<WrappedIconProps>;
+    readonly 'heading-2': ComponentType<WrappedIconProps>;
+    readonly 'heading-3': ComponentType<WrappedIconProps>;
+    readonly 'heading-4': ComponentType<WrappedIconProps>;
+    readonly 'heading-5': ComponentType<WrappedIconProps>;
+    readonly 'heading-6': ComponentType<WrappedIconProps>;
+    readonly headset: ComponentType<WrappedIconProps>;
+    readonly hearing: ComponentType<WrappedIconProps>;
+    readonly heart: ComponentType<WrappedIconProps>;
+    readonly help: ComponentType<WrappedIconProps>;
+    readonly highlight: ComponentType<WrappedIconProps>;
+    readonly home: ComponentType<WrappedIconProps>;
+    readonly hourglass: ComponentType<WrappedIconProps>;
+    readonly info: ComponentType<WrappedIconProps>;
+    readonly instagram: ComponentType<WrappedIconProps>;
+    readonly italic: ComponentType<WrappedIconProps>;
+    readonly join: ComponentType<WrappedIconProps>;
+    readonly 'kebab-menu': ComponentType<WrappedIconProps>;
+    readonly kanban: ComponentType<WrappedIconProps>;
+    readonly 'layout-dashboard': ComponentType<WrappedIconProps>;
+    readonly link: ComponentType<WrappedIconProps>;
+    readonly linkedin: ComponentType<WrappedIconProps>;
+    readonly 'list-bullet': ComponentType<WrappedIconProps>;
+    readonly 'list-checks': ComponentType<WrappedIconProps>;
+    readonly 'list-ordered': ComponentType<WrappedIconProps>;
+    readonly 'list-task': ComponentType<WrappedIconProps>;
+    readonly loading: ComponentType<WrappedIconProps>;
+    readonly 'local-area': ComponentType<WrappedIconProps>;
+    readonly location: ComponentType<WrappedIconProps>;
+    readonly logout: ComponentType<WrappedIconProps>;
+    readonly maximize: ComponentType<WrappedIconProps>;
+    readonly menu: ComponentType<WrappedIconProps>;
+    readonly merge: ComponentType<WrappedIconProps>;
+    readonly 'merge-field': ComponentType<WrappedIconProps>;
+    readonly message: ComponentType<WrappedIconProps>;
+    readonly mic: ComponentType<WrappedIconProps>;
+    readonly 'mic-off': ComponentType<WrappedIconProps>;
+    readonly minimize: ComponentType<WrappedIconProps>;
+    readonly mobile: ComponentType<WrappedIconProps>;
+    readonly 'not-allowed': ComponentType<WrappedIconProps>;
+    readonly notes: ComponentType<WrappedIconProps>;
+    readonly open: ComponentType<WrappedIconProps>;
+    readonly paragraph: ComponentType<WrappedIconProps>;
+    readonly pause: ComponentType<WrappedIconProps>;
+    readonly 'pause-circle': ComponentType<WrappedIconProps>;
+    readonly person: ComponentType<WrappedIconProps>;
+    readonly 'person-add': ComponentType<WrappedIconProps>;
+    readonly play: ComponentType<WrappedIconProps>;
+    readonly 'play-circle': ComponentType<WrappedIconProps>;
+    readonly priority: ComponentType<WrappedIconProps>;
+    readonly 'profile-user': ComponentType<WrappedIconProps>;
+    readonly redo: ComponentType<WrappedIconProps>;
+    readonly refresh: ComponentType<WrappedIconProps>;
+    readonly rocket: ComponentType<WrappedIconProps>;
+    readonly schedule: ComponentType<WrappedIconProps>;
+    readonly search: ComponentType<WrappedIconProps>;
+    readonly settings: ComponentType<WrappedIconProps>;
+    readonly share: ComponentType<WrappedIconProps>;
+    readonly 'share-arrow': ComponentType<WrappedIconProps>;
+    readonly shield: ComponentType<WrappedIconProps>;
+    readonly 'shield-check': ComponentType<WrappedIconProps>;
+    readonly 'shield-health': ComponentType<WrappedIconProps>;
+    readonly 'shield-slash': ComponentType<WrappedIconProps>;
+    readonly sort: ComponentType<WrappedIconProps>;
+    readonly 'sort-arrows': ComponentType<WrappedIconProps>;
+    readonly 'square-stack': ComponentType<WrappedIconProps>;
+    readonly stack: ComponentType<WrappedIconProps>;
+    readonly star: ComponentType<WrappedIconProps>;
+    readonly stars: ComponentType<WrappedIconProps>;
+    readonly stats: ComponentType<WrappedIconProps>;
+    readonly stop: ComponentType<WrappedIconProps>;
+    readonly 'stop-circle': ComponentType<WrappedIconProps>;
+    readonly strikethrough: ComponentType<WrappedIconProps>;
+    readonly template: ComponentType<WrappedIconProps>;
+    readonly transfer: ComponentType<WrappedIconProps>;
+    readonly trash: ComponentType<WrappedIconProps>;
+    readonly trophy: ComponentType<WrappedIconProps>;
+    readonly underline: ComponentType<WrappedIconProps>;
+    readonly undo: ComponentType<WrappedIconProps>;
+    readonly upload: ComponentType<WrappedIconProps>;
+    readonly video: ComponentType<WrappedIconProps>;
+    readonly voicemail: ComponentType<WrappedIconProps>;
+    readonly 'vol-on': ComponentType<WrappedIconProps>;
+    readonly warning: ComponentType<WrappedIconProps>;
+    readonly 'warning-circle': ComponentType<WrappedIconProps>;
+    readonly youtube: ComponentType<WrappedIconProps>;
 };
 export type IconNames = keyof typeof icons;
 export default icons;

package/build/components/Icon/icons.js

@@ -1,145 +1,147 @@
+import { ArrowDown, ArrowDownWideNarrow, ArrowLeft, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpWideNarrow, BadgeCheck, Ban, Bell, BellDot, Bold, Bot, Braces, Bug, CalendarDays, Camera, ChartColumn, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleCheck, CirclePause, CirclePlay, CirclePlus, CircleQuestionMark, CircleStop, CircleUserRound, CircleX, Clapperboard, Clock, Copy, CopyCheck, CopyPlus, CreditCard, Download, Ear, EllipsisVertical, ExternalLink, Eye, EyeOff, Facebook, FileText, Flag, FlaskConical, Frown, Funnel, Globe, GripVertical, Hash, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Headset, Heart, Highlighter, Hourglass, House, IdCard, Info, Instagram, Italic, Kanban, Layers2, LayoutDashboard, Lightbulb, Link, Linkedin, List, ListChecks, ListFilter, ListOrdered, ListTodo, Loader, LogIn, LogOut, MapPin, MapPinned, Maximize2, Meh, Menu, Merge, MessageSquareMore, Mic, MicOff, Minimize2, Minus, MonitorSmartphone, NotebookPen, Paperclip, Pause, Pencil, Pilcrow, Play, Plus, Redo, RefreshCcwDot, RefreshCw, Rocket, RotateCw, Search, Settings, Share, Share2, Shield, ShieldCheck, ShieldOff, ShieldPlus, Smartphone, Smile, Sparkles, Square, SquareStack, Star, Strikethrough, TextQuote, Trash2, TriangleAlert, Trophy, Underline, Undo, Upload, UserRound, UserRoundPlus, Users, Video, Voicemail, Volume2, X, Youtube } from "lucide-react";
+import createWrappedIcon from "./createWrappedIcon.js";
 const icons = {
-    'activity-history': 'id-card',
-    add: 'plus',
-    'add-circle': 'circle-plus',
-    'arrow-down': 'arrow-down',
-    'arrow-left': 'arrow-left',
-    'arrow-right': 'arrow-right',
-    'arrow-up': 'arrow-up',
-    attachment: 'paperclip',
-    auto: 'refresh-ccw-dot',
-    bell: 'bell',
-    'bell-dot': 'bell-dot',
-    blockquote: 'text-quote',
-    bold: 'bold',
-    bot: 'bot',
-    bug: 'bug',
-    bulb: 'lightbulb',
-    calendar: 'calendar-days',
-    camera: 'camera',
-    card: 'credit-card',
-    check: 'check',
-    'check-badge': 'badge-check',
-    'check-circle': 'circle-check',
-    'chevron-down': 'chevron-down',
-    'chevron-left': 'chevron-left',
-    'chevron-right': 'chevron-right',
-    'chevron-up': 'chevron-up',
-    circle: 'circle',
-    clapperboard: 'clapperboard',
-    close: 'x',
-    'close-circle': 'circle-x',
-    copy: 'copy',
-    'copy-check': 'copy-check',
-    'copy-plus': 'copy-plus',
-    cycle: 'refresh-cw',
-    dash: 'minus',
-    devices: 'monitor-smartphone',
-    'double-arrow-left': 'chevrons-left',
-    'double-arrow-right': 'chevrons-right',
-    download: 'download',
-    drag: 'grip-vertical',
-    edit: 'pencil',
-    'emoji-happy': 'smile',
-    'emoji-neutral': 'meh',
-    'emoji-sad': 'frown',
-    'eye-off': 'eye-off',
-    'eye-on': 'eye',
-    facebook: 'facebook',
-    filter: 'list-filter',
-    flag: 'flag',
-    flask: 'flask-conical',
-    funnel: 'funnel',
-    globe: 'globe',
-    group: 'users',
-    hash: 'hash',
-    heading: 'heading',
-    'heading-1': 'heading-1',
-    'heading-2': 'heading-2',
-    'heading-3': 'heading-3',
-    'heading-4': 'heading-4',
-    'heading-5': 'heading-5',
-    'heading-6': 'heading-6',
-    headset: 'headset',
-    hearing: 'ear',
-    heart: 'heart',
-    help: 'circle-question-mark',
-    highlight: 'highlighter',
-    home: 'house',
-    hourglass: 'hourglass',
-    info: 'info',
-    instagram: 'instagram',
-    italic: 'italic',
-    join: 'log-in',
-    'kebab-menu': 'ellipsis-vertical',
-    kanban: 'kanban',
-    'layout-dashboard': 'layout-dashboard',
-    link: 'link',
-    linkedin: 'linkedin',
-    'list-bullet': 'list',
-    'list-checks': 'list-checks',
-    'list-ordered': 'list-ordered',
-    'list-task': 'list-todo',
-    loading: 'loader',
-    'local-area': 'map-pinned',
-    location: 'map-pin',
-    logout: 'log-out',
-    maximize: 'maximize-2',
-    menu: 'menu',
-    merge: 'merge',
-    'merge-field': 'braces',
-    message: 'message-square-more',
-    mic: 'mic',
-    'mic-off': 'mic-off',
-    minimize: 'minimize-2',
-    mobile: 'smartphone',
-    'not-allowed': 'ban',
-    notes: 'notebook-pen',
-    open: 'external-link',
-    paragraph: 'pilcrow',
-    pause: 'pause',
-    'pause-circle': 'circle-pause',
-    person: 'user-round',
-    'person-add': 'user-round-plus',
-    play: 'play',
-    'play-circle': 'circle-play',
-    priority: 'arrow-up-wide-narrow',
-    'profile-user': 'circle-user-round',
-    redo: 'redo',
-    refresh: 'rotate-cw',
-    rocket: 'rocket',
-    schedule: 'clock',
-    search: 'search',
-    settings: 'settings',
-    share: 'share-2',
-    'share-arrow': 'share',
-    shield: 'shield',
-    'shield-check': 'shield-check',
-    'shield-health': 'shield-plus',
-    'shield-slash': 'shield-off',
-    sort: 'arrow-down-wide-narrow',
-    'sort-arrows': 'chevrons-up-down',
-    'square-stack': 'square-stack',
-    stack: 'layers-2',
-    star: 'star',
-    stars: 'sparkles',
-    stats: 'chart-column',
-    stop: 'square',
-    'stop-circle': 'circle-stop',
-    strikethrough: 'strikethrough',
-    template: 'file-text',
-    transfer: 'arrow-right-left',
-    trash: 'trash-2',
-    trophy: 'trophy',
-    underline: 'underline',
-    undo: 'undo',
-    upload: 'upload',
-    video: 'video',
-    voicemail: 'voicemail',
-    'vol-on': 'volume-2',
-    warning: 'triangle-alert',
-    'warning-circle': 'circle-alert',
-    youtube: 'youtube'
+    'activity-history': createWrappedIcon(IdCard),
+    add: createWrappedIcon(Plus),
+    'add-circle': createWrappedIcon(CirclePlus),
+    'arrow-down': createWrappedIcon(ArrowDown),
+    'arrow-left': createWrappedIcon(ArrowLeft),
+    'arrow-right': createWrappedIcon(ArrowRight),
+    'arrow-up': createWrappedIcon(ArrowUp),
+    attachment: createWrappedIcon(Paperclip),
+    auto: createWrappedIcon(RefreshCcwDot),
+    bell: createWrappedIcon(Bell),
+    'bell-dot': createWrappedIcon(BellDot),
+    blockquote: createWrappedIcon(TextQuote),
+    bold: createWrappedIcon(Bold),
+    bot: createWrappedIcon(Bot),
+    bug: createWrappedIcon(Bug),
+    bulb: createWrappedIcon(Lightbulb),
+    calendar: createWrappedIcon(CalendarDays),
+    camera: createWrappedIcon(Camera),
+    card: createWrappedIcon(CreditCard),
+    check: createWrappedIcon(Check),
+    'check-badge': createWrappedIcon(BadgeCheck),
+    'check-circle': createWrappedIcon(CircleCheck),
+    'chevron-down': createWrappedIcon(ChevronDown),
+    'chevron-left': createWrappedIcon(ChevronLeft),
+    'chevron-right': createWrappedIcon(ChevronRight),
+    'chevron-up': createWrappedIcon(ChevronUp),
+    circle: createWrappedIcon(Circle),
+    clapperboard: createWrappedIcon(Clapperboard),
+    close: createWrappedIcon(X),
+    'close-circle': createWrappedIcon(CircleX),
+    copy: createWrappedIcon(Copy),
+    'copy-check': createWrappedIcon(CopyCheck),
+    'copy-plus': createWrappedIcon(CopyPlus),
+    cycle: createWrappedIcon(RefreshCw),
+    dash: createWrappedIcon(Minus),
+    devices: createWrappedIcon(MonitorSmartphone),
+    'double-arrow-left': createWrappedIcon(ChevronsLeft),
+    'double-arrow-right': createWrappedIcon(ChevronsRight),
+    download: createWrappedIcon(Download),
+    drag: createWrappedIcon(GripVertical),
+    edit: createWrappedIcon(Pencil),
+    'emoji-happy': createWrappedIcon(Smile),
+    'emoji-neutral': createWrappedIcon(Meh),
+    'emoji-sad': createWrappedIcon(Frown),
+    'eye-off': createWrappedIcon(EyeOff),
+    'eye-on': createWrappedIcon(Eye),
+    facebook: createWrappedIcon(Facebook),
+    filter: createWrappedIcon(ListFilter),
+    flag: createWrappedIcon(Flag),
+    flask: createWrappedIcon(FlaskConical),
+    funnel: createWrappedIcon(Funnel),
+    globe: createWrappedIcon(Globe),
+    group: createWrappedIcon(Users),
+    hash: createWrappedIcon(Hash),
+    heading: createWrappedIcon(Heading),
+    'heading-1': createWrappedIcon(Heading1),
+    'heading-2': createWrappedIcon(Heading2),
+    'heading-3': createWrappedIcon(Heading3),
+    'heading-4': createWrappedIcon(Heading4),
+    'heading-5': createWrappedIcon(Heading5),
+    'heading-6': createWrappedIcon(Heading6),
+    headset: createWrappedIcon(Headset),
+    hearing: createWrappedIcon(Ear),
+    heart: createWrappedIcon(Heart),
+    help: createWrappedIcon(CircleQuestionMark),
+    highlight: createWrappedIcon(Highlighter),
+    home: createWrappedIcon(House),
+    hourglass: createWrappedIcon(Hourglass),
+    info: createWrappedIcon(Info),
+    instagram: createWrappedIcon(Instagram),
+    italic: createWrappedIcon(Italic),
+    join: createWrappedIcon(LogIn),
+    'kebab-menu': createWrappedIcon(EllipsisVertical),
+    kanban: createWrappedIcon(Kanban),
+    'layout-dashboard': createWrappedIcon(LayoutDashboard),
+    link: createWrappedIcon(Link),
+    linkedin: createWrappedIcon(Linkedin),
+    'list-bullet': createWrappedIcon(List),
+    'list-checks': createWrappedIcon(ListChecks),
+    'list-ordered': createWrappedIcon(ListOrdered),
+    'list-task': createWrappedIcon(ListTodo),
+    loading: createWrappedIcon(Loader),
+    'local-area': createWrappedIcon(MapPinned),
+    location: createWrappedIcon(MapPin),
+    logout: createWrappedIcon(LogOut),
+    maximize: createWrappedIcon(Maximize2),
+    menu: createWrappedIcon(Menu),
+    merge: createWrappedIcon(Merge),
+    'merge-field': createWrappedIcon(Braces),
+    message: createWrappedIcon(MessageSquareMore),
+    mic: createWrappedIcon(Mic),
+    'mic-off': createWrappedIcon(MicOff),
+    minimize: createWrappedIcon(Minimize2),
+    mobile: createWrappedIcon(Smartphone),
+    'not-allowed': createWrappedIcon(Ban),
+    notes: createWrappedIcon(NotebookPen),
+    open: createWrappedIcon(ExternalLink),
+    paragraph: createWrappedIcon(Pilcrow),
+    pause: createWrappedIcon(Pause),
+    'pause-circle': createWrappedIcon(CirclePause),
+    person: createWrappedIcon(UserRound),
+    'person-add': createWrappedIcon(UserRoundPlus),
+    play: createWrappedIcon(Play),
+    'play-circle': createWrappedIcon(CirclePlay),
+    priority: createWrappedIcon(ArrowUpWideNarrow),
+    'profile-user': createWrappedIcon(CircleUserRound),
+    redo: createWrappedIcon(Redo),
+    refresh: createWrappedIcon(RotateCw),
+    rocket: createWrappedIcon(Rocket),
+    schedule: createWrappedIcon(Clock),
+    search: createWrappedIcon(Search),
+    settings: createWrappedIcon(Settings),
+    share: createWrappedIcon(Share2),
+    'share-arrow': createWrappedIcon(Share),
+    shield: createWrappedIcon(Shield),
+    'shield-check': createWrappedIcon(ShieldCheck),
+    'shield-health': createWrappedIcon(ShieldPlus),
+    'shield-slash': createWrappedIcon(ShieldOff),
+    sort: createWrappedIcon(ArrowDownWideNarrow),
+    'sort-arrows': createWrappedIcon(ChevronsUpDown),
+    'square-stack': createWrappedIcon(SquareStack),
+    stack: createWrappedIcon(Layers2),
+    star: createWrappedIcon(Star),
+    stars: createWrappedIcon(Sparkles),
+    stats: createWrappedIcon(ChartColumn),
+    stop: createWrappedIcon(Square),
+    'stop-circle': createWrappedIcon(CircleStop),
+    strikethrough: createWrappedIcon(Strikethrough),
+    template: createWrappedIcon(FileText),
+    transfer: createWrappedIcon(ArrowRightLeft),
+    trash: createWrappedIcon(Trash2),
+    trophy: createWrappedIcon(Trophy),
+    underline: createWrappedIcon(Underline),
+    undo: createWrappedIcon(Undo),
+    upload: createWrappedIcon(Upload),
+    video: createWrappedIcon(Video),
+    voicemail: createWrappedIcon(Voicemail),
+    'vol-on': createWrappedIcon(Volume2),
+    warning: createWrappedIcon(TriangleAlert),
+    'warning-circle': createWrappedIcon(CircleAlert),
+    youtube: createWrappedIcon(Youtube)
 };
 const Icon_icons = icons;
 export { Icon_icons as default };

package/build/components/ImageViewer.js

@@ -41,7 +41,7 @@ const ImageViewer = ({ visible, close, images, startIndex, alt, maxWidth, maxHei
         }
     };
     useEffect(()=>{
-        const ssr = 'undefined' == typeof window;
+        const ssr = "u" < typeof window;
         const cleanup = ssr ? ()=>null : ()=>window.removeEventListener('keydown', handleKeyPress);
         if (visible && !ssr) window.addEventListener('keydown', handleKeyPress);
         return cleanup;

package/build/components/ListHelpers/GridListHeader.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeProp } from '../types';
-declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<object> & {
+declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme;
 } & ThemeProp, {}, {}>;
 export default ListHeader;

package/build/components/ListHelpers/ListHeader.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeProp } from '../types';
-declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<object> & {
+declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme;
 } & ThemeProp, {}, {}>;
 export default ListHeader;

package/build/components/Modal.d.ts

@@ -24,9 +24,9 @@ type ModalProps = {
     /** Overrides the overflow of the modal container */
     overflow?: CSSProperties['overflow'];
     /** Removes the overlay background, and allows the modal to be positioned anywhere on the page */
-    noOverlay?: boolean;
+    showOverlay?: boolean;
     /** Removes the background color of the modal container */
-    noBackground?: boolean;
+    showBackground?: boolean;
     /** Prevents the modal from being interacted with */
     inert?: boolean;
     /** Renders the Modal as a full-height sliding drawer */
@@ -55,7 +55,7 @@ type ModalProps = {
     'aria-label'?: string;
 } & WidthHeight & MaxWidthHeight & MinWidthHeight & Padding & DivAttributes;
 declare const Modal: {
-    ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, noOverlay, noBackground, inert, drawer, drawerDirection, scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, showOverlay, showBackground, inert, drawer, drawerDirection, scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
     Header: {
         ({ children, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;

package/build/components/Modal.js

@@ -5,7 +5,7 @@ import { Dialog, Heading, Modal, ModalOverlay } from "react-aria-components";
 import { marginProps, maxWidthHeightProps, minWidthHeightProps, paddingProps } from "./helpers/styledProps.js";
 import Icon from "./Icon/index.js";
 import PortalScope from "./PortalScope.js";
-const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur = true, overlayColor, backgroundColor, noOverlay, noBackground, inert, drawer, drawerDirection = 'right', scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props })=>{
+const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur = true, overlayColor, backgroundColor, showOverlay = true, showBackground = true, inert, drawer, drawerDirection = 'right', scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props })=>{
     const { 'aria-label': ariaLabel, ...rest } = props;
     const handleOpenChange = (open)=>{
         if (!open) onClose();
@@ -15,7 +15,7 @@ const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, pre
         isOpen: visible,
         onOpenChange: handleOpenChange,
         color: overlayColor,
-        noOverlay: noOverlay,
+        noOverlay: !showOverlay,
         centerX: centerX,
         centerY: centerY,
         position: scopeRef ? 'absolute' : position,
@@ -41,8 +41,8 @@ const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, pre
                     width: width,
                     height: height,
                     backgroundColor: backgroundColor,
-                    noBackground: noBackground,
-                    noOverlay: noOverlay,
+                    noBackground: !showBackground,
+                    noOverlay: !showOverlay,
                     drawer: drawer,
                     drawerDirection: drawerDirection,
                     centerX: centerX,

package/build/hooks/useWindowSize.js

@@ -6,7 +6,7 @@ const useWindowSize = ()=>{
     };
     const [windowSize, setWindowSize] = useState(initialState);
     useEffect(()=>{
-        const ssr = 'undefined' == typeof window;
+        const ssr = "u" < typeof window;
         const handleResize = ()=>{
             if (ssr) return;
             setWindowSize({

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

@@ -198,9 +198,9 @@ const dark = {
         },
         link: {
             color: {
-                default: darkScale.accentShade2,
+                default: darkScale.accent,
                 hover: darkScale.accentShade1,
-                active: darkScale.accent
+                active: darkScale.accentShade2
             },
             outlineColor: {
                 default: colors.brandShade2,

package/build/theme/mono/dark/dark.js

@@ -198,9 +198,9 @@ const dark = {
         },
         link: {
             color: {
-                default: darkScale.accentShade2,
+                default: darkScale.accent,
                 hover: darkScale.accentShade1,
-                active: darkScale.accent
+                active: darkScale.accentShade2
             },
             outlineColor: {
                 default: colors.brandShade2,

package/build/utils/copyToClipboard.js

@@ -18,8 +18,8 @@ const legacyCopy = (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 ("u" < typeof window || "u" < typeof document) return;
+    const canUseModernApi = "u" > typeof navigator && navigator.clipboard && 'function' == typeof navigator.clipboard.writeText;
     if (canUseModernApi) return void navigator.clipboard.writeText(text).catch(()=>{
         legacyCopy(text);
     });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wavv/ui",
-	"version": "2.3.11",
+	"version": "2.3.13",
 	"type": "module",
 	"exports": {
 		".": {
@@ -29,28 +29,28 @@
 	"license": "MIT",
 	"dependencies": {
 		"@emotion/styled": "^11.14.1",
-		"@internationalized/date": "3.10.0",
+		"@internationalized/date": "3.10.1",
 		"@react-hook/resize-observer": "^2.0.2",
-		"@tiptap/core": "^3.13.0",
-		"@tiptap/extension-character-count": "^3.13.0",
-		"@tiptap/extension-highlight": "^3.13.0",
-		"@tiptap/extension-placeholder": "^3.13.0",
-		"@tiptap/extension-task-item": "^3.13.0",
-		"@tiptap/extension-task-list": "^3.13.0",
-		"@tiptap/markdown": "^3.13.0",
-		"@tiptap/pm": "^3.13.0",
-		"@tiptap/react": "^3.13.0",
-		"@tiptap/starter-kit": "^3.13.0",
+		"@tiptap/core": "^3.14.0",
+		"@tiptap/extension-character-count": "^3.14.0",
+		"@tiptap/extension-highlight": "^3.14.0",
+		"@tiptap/extension-placeholder": "^3.14.0",
+		"@tiptap/extension-task-item": "^3.14.0",
+		"@tiptap/extension-task-list": "^3.14.0",
+		"@tiptap/markdown": "^3.14.0",
+		"@tiptap/pm": "^3.14.0",
+		"@tiptap/react": "^3.14.0",
+		"@tiptap/starter-kit": "^3.14.0",
 		"cmdk": "^1.1.1",
 		"date-fns": "^4.1.0",
 		"draft-js": "^0.11.7",
 		"es-toolkit": "^1.43.0",
-		"libphonenumber-js": "^1.12.31",
-		"lucide-react": "^0.561.0",
+		"libphonenumber-js": "^1.12.33",
+		"lucide-react": "^0.562.0",
 		"polished": "^4.1.4",
 		"prism-react-renderer": "^2.4.1",
-		"react-aria": "3.44.0",
-		"react-aria-components": "1.13.0",
+		"react-aria": "3.45.0",
+		"react-aria-components": "1.14.0",
 		"react-keyed-flatten-children": "^5.1.1",
 		"react-phone-input-auto-format": "^0.1.0",
 		"recharts": "^3.6.0",
@@ -61,17 +61,17 @@
 		"@babel/core": "^7.28.5",
 		"@babel/preset-env": "^7.28.5",
 		"@babel/preset-typescript": "^7.28.5",
-		"@biomejs/biome": "2.3.9",
+		"@biomejs/biome": "2.3.10",
 		"@chromatic-com/storybook": "^4.1.3",
 		"@emotion/babel-plugin": "^11.13.5",
 		"@emotion/react": "^11.14.0",
-		"@rsbuild/core": "1.6.14",
+		"@rsbuild/core": "1.6.15",
 		"@rsbuild/plugin-react": "^1.4.2",
 		"@rsbuild/plugin-svgr": "^1.2.3",
-		"@rslib/core": "^0.18.4",
-		"@storybook/addon-docs": "^10.1.9",
-		"@storybook/addon-links": "^10.1.9",
-		"@storybook/addon-themes": "^10.1.9",
+		"@rslib/core": "^0.18.5",
+		"@storybook/addon-docs": "^10.1.10",
+		"@storybook/addon-links": "^10.1.10",
+		"@storybook/addon-themes": "^10.1.10",
 		"@storybook/test-runner": "^0.24.2",
 		"@svgr/core": "^8.1.0",
 		"@svgr/plugin-jsx": "^8.1.0",
@@ -80,7 +80,7 @@
 		"@types/draft-js": "^0.11.20",
 		"@types/jest": "^30.0.0",
 		"@types/ncp": "^2.0.8",
-		"@types/node": "^25.0.2",
+		"@types/node": "^25.0.3",
 		"@types/prompts": "^2.4.9",
 		"@types/randomcolor": "^0.5.9",
 		"@types/react": "^19.2.7",
@@ -94,7 +94,7 @@
 		"lefthook": "^2.0.12",
 		"ncp": "^2.0.0",
 		"path": "^0.12.7",
-		"phone": "^3.1.68",
+		"phone": "^3.1.69",
 		"playwright": "^1.57.0",
 		"postcss": "^8.5.6",
 		"prettier": "^3.7.4",
@@ -104,8 +104,8 @@
 		"react-dom": "^19.2.3",
 		"replace": "^1.2.2",
 		"signale": "^1.4.0",
-		"storybook": "^10.1.9",
-		"storybook-react-rsbuild": "^3.1.0",
+		"storybook": "^10.1.10",
+		"storybook-react-rsbuild": "^3.2.0",
 		"tsc-files": "^1.1.4",
 		"tslib": "^2.8.1",
 		"tsx": "^4.21.0",