feat: bump more deps (#14079)

packages/frontend/component/package.json

@@ -16,8 +16,8 @@
   "peerDependencies": {
     "@blocksuite/affine": "*",
     "@swc/core": "^1.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1"
   },
   "dependencies": {
     "@affine/debug": "workspace:*",
@@ -25,8 +25,8 @@
     "@affine/error": "workspace:*",
     "@affine/graphql": "workspace:*",
     "@affine/i18n": "workspace:*",
-    "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@blocksuite/icons": "^2.2.17",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
@@ -53,21 +53,21 @@
     "dayjs": "^1.11.13",
     "emoji-mart": "^5.6.0",
     "emojibase-data": "^16.0.3",
-    "foxact": "^0.2.45",
+    "foxact": "^0.2.49",
     "jotai": "^2.10.3",
     "lit": "^3.2.1",
     "lodash-es": "^4.17.21",
     "lottie-react": "^2.4.0",
     "lottie-web": "^5.12.2",
-    "nanoid": "^5.0.9",
+    "nanoid": "^5.1.6",
     "next-themes": "^0.4.4",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-paginate": "^8.2.0",
-    "react-router-dom": "^6.28.0",
+    "react": "^19.2.1",
+    "react-dom": "19.2.1",
+    "react-paginate": "^8.3.0",
+    "react-router-dom": "^6.30.2",
     "react-transition-state": "^2.2.0",
-    "sonner": "^2.0.0",
-    "swr": "^2.2.5",
+    "sonner": "^2.0.7",
+    "swr": "^2.3.7",
     "zod": "^3.25.76"
   },
   "devDependencies": {
@@ -82,10 +82,10 @@
     "@types/react": "^19.0.1",
     "@types/react-dom": "^19.0.2",
     "@vanilla-extract/css": "^1.17.0",
-    "storybook": "^10.0.0",
+    "storybook": "^10.1.5",
     "typescript": "^5.7.2",
-    "unplugin-swc": "^1.5.1",
-    "vite": "^7.0.0",
+    "unplugin-swc": "^1.5.9",
+    "vite": "^7.2.7",
     "vitest": "^3.2.4"
   },
   "version": "0.25.7"

packages/frontend/component/src/components/resize-panel/resize-panel.tsx

@@ -7,8 +7,7 @@ import { useDropTarget } from '../../ui/dnd';
 import { Tooltip, type TooltipProps } from '../../ui/tooltip';
 import * as styles from './resize-panel.css';
 
-export interface ResizeHandleProps
-  extends React.HtmlHTMLAttributes<HTMLDivElement> {
+export interface ResizeHandleProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
   resizing: boolean;
   open: boolean;
   minWidth: number;
@@ -27,8 +26,7 @@ export interface ResizeHandleProps
   dropTargetOptions?: Parameters<typeof useDropTarget>[0];
 }
 
-export interface ResizePanelProps
-  extends React.HtmlHTMLAttributes<HTMLDivElement> {
+export interface ResizePanelProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
   resizing: boolean;
   open: boolean;
   floating?: boolean;

packages/frontend/component/src/components/setting-components/setting-header.tsx

@@ -2,8 +2,10 @@ import type { HTMLAttributes, ReactNode } from 'react';
 
 import { settingHeader, settingHeaderBeta } from './share.css';
 
-interface SettingHeaderProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+interface SettingHeaderProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'title'
+> {
   title: ReactNode;
   subtitle?: ReactNode;
   beta?: boolean;

packages/frontend/component/src/ui/button/button.tsx

@@ -22,8 +22,10 @@ export type ButtonType =
   | 'custom';
 export type ButtonSize = 'default' | 'large' | 'extraLarge' | 'custom';
 
-export interface ButtonProps
-  extends Omit<HTMLAttributes<HTMLButtonElement>, 'type' | 'prefix'> {
+export interface ButtonProps extends Omit<
+  HTMLAttributes<HTMLButtonElement>,
+  'type' | 'prefix'
+> {
   /**
    * Preset color scheme
    * @default 'secondary'

packages/frontend/component/src/ui/button/icon-button.tsx

@@ -10,20 +10,19 @@ import {
 import { Button, type ButtonProps } from './button';
 import { iconButton, iconSizeVar } from './button.css';
 
-export interface IconButtonProps
-  extends Omit<
-    ButtonProps,
-    | 'variant'
-    | 'size'
-    | 'prefix'
-    | 'suffix'
-    | 'children'
-    | 'prefixClassName'
-    | 'prefixStyle'
-    | 'suffix'
-    | 'suffixClassName'
-    | 'suffixStyle'
-  > {
+export interface IconButtonProps extends Omit<
+  ButtonProps,
+  | 'variant'
+  | 'size'
+  | 'prefix'
+  | 'suffix'
+  | 'children'
+  | 'prefixClassName'
+  | 'prefixStyle'
+  | 'suffix'
+  | 'suffixClassName'
+  | 'suffixStyle'
+> {
   /**  Icon element */
   children?: ReactElement<SVGAttributes<SVGElement>>;
   /** Same as `children`, compatibility of the old API */

packages/frontend/component/src/ui/date-picker/calendar/types.tsx

@@ -108,7 +108,8 @@ export const defaultDatePickerProps = {
 export type DefaultDatePickerProps = typeof defaultDatePickerProps;
 
 export interface DatePickerModePanelProps
-  extends DefaultDatePickerProps,
+  extends
+    DefaultDatePickerProps,
     Omit<DatePickerProps, keyof DefaultDatePickerProps> {
   cursor: dayjs.Dayjs;
   onCursorChange?: (cursor: dayjs.Dayjs) => void;

packages/frontend/component/src/ui/date-picker/week-date-picker.tsx

@@ -22,8 +22,10 @@ export interface WeekDatePickerHandle {
   setCursor?: (cursor: dayjs.Dayjs) => void;
 }
 
-export interface WeekDatePickerProps
-  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface WeekDatePickerProps extends Omit<
+  HTMLAttributes<HTMLDivElement>,
+  'onChange'
+> {
   value?: string;
   onChange?: (value: string) => void;
   handleRef?: ForwardedRef<WeekDatePickerHandle>;

packages/frontend/component/src/ui/editable/inline-edit.tsx

@@ -22,8 +22,10 @@ export interface InlineEditHandle {
   triggerEdit: () => void;
 }
 
-export interface InlineEditProps
-  extends Omit<HTMLAttributes<HTMLSpanElement>, 'onChange' | 'onInput'> {
+export interface InlineEditProps extends Omit<
+  HTMLAttributes<HTMLSpanElement>,
+  'onChange' | 'onInput'
+> {
   /**
    * Content to be displayed
    */
@@ -220,8 +222,7 @@ export const InlineEdit = ({
 };
 
 interface PlaceholderProps
-  extends PropsWithChildren,
-    HTMLAttributes<HTMLSpanElement> {
+  extends PropsWithChildren, HTMLAttributes<HTMLSpanElement> {
   label?: string;
 }
 const Placeholder = ({

packages/frontend/component/src/ui/icon-name-editor/icon-name-editor.tsx

@@ -25,8 +25,7 @@ export interface IconAndNameEditorContentProps extends IconEditorProps {
 }
 
 export interface IconAndNameEditorMenuProps
-  extends Omit<MenuProps, 'items'>,
-    IconAndNameEditorContentProps {
+  extends Omit<MenuProps, 'items'>, IconAndNameEditorContentProps {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
 

packages/frontend/component/src/ui/menu/menu.types.ts

@@ -24,8 +24,10 @@ export interface MenuProps {
   ref?: React.Ref<MenuRef>;
 }
 
-export interface MenuItemProps
-  extends Omit<MenuItemPropsPrimitive, 'asChild' | 'textValue' | 'prefix'> {
+export interface MenuItemProps extends Omit<
+  MenuItemPropsPrimitive,
+  'asChild' | 'textValue' | 'prefix'
+> {
   type?: 'default' | 'warning' | 'danger';
   prefix?: ReactNode;
   suffix?: ReactNode;

packages/frontend/component/src/ui/resize-panel/resize-panel.tsx

@@ -5,8 +5,7 @@ import { useEffect, useRef } from 'react';
 import * as styles from './styles.css';
 
 export interface ResizePanelProps
-  extends PropsWithChildren,
-    HTMLAttributes<HTMLDivElement> {
+  extends PropsWithChildren, HTMLAttributes<HTMLDivElement> {
   horizontal?: boolean;
   vertical?: boolean;
   width?: number;

packages/frontend/component/src/ui/skeleton/types.ts

@@ -4,8 +4,7 @@ import type { HTMLAttributes, PropsWithChildren } from 'react';
  * @reference These props are migrated from [MUI Skeleton props](https://mui.com/material-ui/api/skeleton/#props)
  */
 export interface SkeletonProps
-  extends PropsWithChildren,
-    HTMLAttributes<HTMLElement> {
+  extends PropsWithChildren, HTMLAttributes<HTMLElement> {
   /**
    * The animation. If `false` the animation effect is disabled.
    */

packages/frontend/component/src/ui/themed-img/index.tsx

@@ -1,8 +1,10 @@
 import { useTheme } from 'next-themes';
 import { forwardRef, type HTMLAttributes } from 'react';
 
-export interface ThemedImgProps
-  extends Omit<HTMLAttributes<HTMLImageElement>, 'src'> {
+export interface ThemedImgProps extends Omit<
+  HTMLAttributes<HTMLImageElement>,
+  'src'
+> {
   lightSrc: string;
   darkSrc?: string;
 }