chore: bump up @blocksuite/icons version (#7233)

packages/frontend/component/package.json

@@ -78,7 +78,7 @@
     "@blocksuite/block-std": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/blocks": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/global": "0.15.0-canary-202406180357-838ef08",
-    "@blocksuite/icons": "2.1.55",
+    "@blocksuite/icons": "2.1.58",
     "@blocksuite/presets": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/store": "0.15.0-canary-202406180357-838ef08",
     "@storybook/addon-actions": "^7.6.17",

packages/frontend/component/src/components/affine-banner/browser-warning.tsx

@@ -1,4 +1,4 @@
-import { CloseIcon } from '@blocksuite/icons';
+import { CloseIcon } from '@blocksuite/icons/rc';
 import type { ReactNode } from 'react';
 
 import {

packages/frontend/component/src/components/affine-banner/local-demo-tips.tsx

@@ -1,6 +1,6 @@
 import { Button, IconButton } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon } from '@blocksuite/icons';
+import { CloseIcon } from '@blocksuite/icons/rc';
 import { useCallback } from 'react';
 
 import * as styles from './index.css';

packages/frontend/component/src/components/affine-other-page-layout/layout.tsx

@@ -1,6 +1,6 @@
 import { Button } from '@affine/component/ui/button';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Logo1Icon } from '@blocksuite/icons';
+import { Logo1Icon } from '@blocksuite/icons/rc';
 import { useCallback } from 'react';
 
 import { DesktopNavbar } from './desktop-navbar';

packages/frontend/component/src/components/affine-other-page-layout/mobile-navbar.tsx

@@ -1,6 +1,6 @@
 import { IconButton } from '@affine/component/ui/button';
 import { Menu, MenuItem } from '@affine/component/ui/menu';
-import { CloseIcon, PropertyIcon } from '@blocksuite/icons';
+import { CloseIcon, PropertyIcon } from '@blocksuite/icons/rc';
 import { useState } from 'react';
 
 import * as styles from './index.css';

packages/frontend/component/src/components/auth-components/back-button.tsx

@@ -1,5 +1,5 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowLeftSmallIcon } from '@blocksuite/icons';
+import { ArrowLeftSmallIcon } from '@blocksuite/icons/rc';
 import type { FC } from 'react';
 
 import type { ButtonProps } from '../../ui/button';

packages/frontend/component/src/components/auth-components/modal-header.tsx

@@ -1,4 +1,4 @@
-import { Logo1Icon } from '@blocksuite/icons';
+import { Logo1Icon } from '@blocksuite/icons/rc';
 import type { FC } from 'react';
 
 import { modalHeaderWrapper } from './share.css';

packages/frontend/component/src/components/auth-components/onboarding-page.tsx

@@ -1,5 +1,5 @@
 import { apis } from '@affine/electron-api';
-import { ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { useEffect, useMemo, useState } from 'react';
 import type { Location } from 'react-router-dom';

packages/frontend/component/src/components/card/workspace-card/index.tsx

@@ -1,7 +1,7 @@
 import { WorkspaceAvatar } from '@affine/component/workspace-avatar';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { WorkspaceFlavour } from '@affine/env/workspace';
-import { CollaborationIcon, SettingsIcon } from '@blocksuite/icons';
+import { CollaborationIcon, SettingsIcon } from '@blocksuite/icons/rc';
 import type { WorkspaceMetadata } from '@toeverything/infra';
 import clsx from 'clsx';
 import { type MouseEvent, useCallback } from 'react';

packages/frontend/component/src/components/import-page/index.tsx

@@ -5,7 +5,7 @@ import {
   HelpIcon,
   NewIcon,
   NotionIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 
 import { IconButton } from '../../ui/button';
 import { Tooltip } from '../../ui/tooltip';

packages/frontend/component/src/components/member-components/pagination.tsx

@@ -1,4 +1,4 @@
-import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { useCallback, useMemo } from 'react';
 import ReactPaginate from 'react-paginate';

packages/frontend/component/src/components/not-found-page/not-found-page.tsx

@@ -1,5 +1,5 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SignOutIcon } from '@blocksuite/icons';
+import { SignOutIcon } from '@blocksuite/icons/rc';
 
 import { Avatar } from '../../ui/avatar';
 import { Button, IconButton } from '../../ui/button';

packages/frontend/component/src/components/notification-center/index.tsx

@@ -3,7 +3,7 @@
 // https://github.com/emilkowalski/sonner/blob/5cb703edc108a23fd74979235c2f3c4005edd2a7/src/index.tsx
 
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon, InformationFillDuotoneIcon } from '@blocksuite/icons';
+import { CloseIcon, InformationFillDuotoneIcon } from '@blocksuite/icons/rc';
 import * as Toast from '@radix-ui/react-toast';
 import clsx from 'clsx';
 import { useAtom, useAtomValue, useSetAtom } from 'jotai';

packages/frontend/component/src/ui/avatar/avatar.stories.tsx

@@ -1,4 +1,4 @@
-import { CameraIcon } from '@blocksuite/icons';
+import { CameraIcon } from '@blocksuite/icons/rc';
 import type { Meta, StoryFn } from '@storybook/react';
 
 import type { AvatarProps } from './avatar';

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

@@ -1,4 +1,4 @@
-import { CloseIcon } from '@blocksuite/icons';
+import { CloseIcon } from '@blocksuite/icons/rc';
 import type {
   AvatarFallbackProps,
   AvatarImageProps,

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

@@ -1,4 +1,4 @@
-import { InformationIcon } from '@blocksuite/icons';
+import { InformationIcon } from '@blocksuite/icons/rc';
 import type { Meta, StoryFn } from '@storybook/react';
 
 import type { ButtonProps } from './button';

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

@@ -1,4 +1,4 @@
-import { ArrowDownSmallIcon } from '@blocksuite/icons';
+import { ArrowDownSmallIcon } from '@blocksuite/icons/rc';
 import type { ButtonHTMLAttributes, MouseEventHandler } from 'react';
 import { forwardRef } from 'react';
 

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

@@ -1,4 +1,4 @@
-import { InformationIcon } from '@blocksuite/icons';
+import { InformationIcon } from '@blocksuite/icons/rc';
 import type { Meta, StoryFn } from '@storybook/react';
 
 import type { IconButtonProps } from './icon-button';

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

@@ -1,4 +1,4 @@
-import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import clsx from 'clsx';
 import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';

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

@@ -1,4 +1,4 @@
-import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowLeftSmallIcon, ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import dayjs from 'dayjs';
 import type { ForwardedRef, HTMLAttributes } from 'react';

packages/frontend/component/src/ui/input/input.stories.tsx

@@ -1,4 +1,4 @@
-import { InformationIcon } from '@blocksuite/icons';
+import { InformationIcon } from '@blocksuite/icons/rc';
 import type { Meta, StoryFn } from '@storybook/react';
 
 import type { InputProps } from './index';

packages/frontend/component/src/ui/menu/menu-sub.tsx

@@ -1,4 +1,4 @@
-import { ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import type {
   DropdownMenuSubProps,
   MenuPortalProps,

packages/frontend/component/src/ui/menu/menu-trigger.tsx

@@ -1,4 +1,4 @@
-import { ArrowDownSmallIcon } from '@blocksuite/icons';
+import { ArrowDownSmallIcon } from '@blocksuite/icons/rc';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import clsx from 'clsx';
 import type {

packages/frontend/component/src/ui/menu/menu.stories.tsx

@@ -1,4 +1,4 @@
-import { InformationIcon } from '@blocksuite/icons';
+import { InformationIcon } from '@blocksuite/icons/rc';
 import type { Meta, StoryFn } from '@storybook/react';
 import type { ReactNode } from 'react';
 import { useCallback, useState } from 'react';

packages/frontend/component/src/ui/menu/use-menu-item.tsx

@@ -1,4 +1,4 @@
-import { DoneIcon } from '@blocksuite/icons';
+import { DoneIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { useMemo } from 'react';
 

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

@@ -1,4 +1,4 @@
-import { CloseIcon } from '@blocksuite/icons';
+import { CloseIcon } from '@blocksuite/icons/rc';
 import type {
   DialogContentProps,
   DialogOverlayProps,

packages/frontend/component/src/ui/notification/notification-card.tsx

@@ -1,4 +1,4 @@
-import { CloseIcon, InformationFillDuotoneIcon } from '@blocksuite/icons';
+import { CloseIcon, InformationFillDuotoneIcon } from '@blocksuite/icons/rc';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import clsx from 'clsx';
 import { type HTMLAttributes, useCallback } from 'react';

packages/frontend/component/src/ui/notification/notification-center.stories.tsx

@@ -1,4 +1,4 @@
-import { SingleSelectSelectSolidIcon } from '@blocksuite/icons';
+import { SingleSelectSelectSolidIcon } from '@blocksuite/icons/rc';
 import type { StoryFn } from '@storybook/react';
 import { cssVar } from '@toeverything/theme';
 import { type HTMLAttributes, useState } from 'react';

packages/frontend/component/src/ui/notification/notification-center.tsx

@@ -1,7 +1,7 @@
 import {
   InformationFillDuotoneIcon,
   SingleSelectSelectSolidIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { type CSSProperties, type FC, useMemo } from 'react';
 import { type ExternalToast, toast, Toaster } from 'sonner';

packages/frontend/core/package.json

@@ -25,7 +25,7 @@
     "@blocksuite/block-std": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/blocks": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/global": "0.15.0-canary-202406180357-838ef08",
-    "@blocksuite/icons": "2.1.55",
+    "@blocksuite/icons": "2.1.58",
     "@blocksuite/inline": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/presets": "0.15.0-canary-202406180357-838ef08",
     "@blocksuite/store": "0.15.0-canary-202406180357-838ef08",

packages/frontend/core/src/commands/affine-creation.tsx

@@ -1,5 +1,5 @@
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ImportIcon, PlusIcon } from '@blocksuite/icons';
+import { ImportIcon, PlusIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { openCreateWorkspaceModalAtom } from '../atoms';

packages/frontend/core/src/commands/affine-help.tsx

@@ -1,5 +1,5 @@
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ContactWithUsIcon, NewIcon } from '@blocksuite/icons';
+import { ContactWithUsIcon, NewIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { openSettingModalAtom } from '../atoms';

packages/frontend/core/src/commands/affine-layout.tsx

@@ -1,5 +1,5 @@
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SidebarIcon } from '@blocksuite/icons';
+import { SidebarIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { appSidebarOpenAtom } from '../components/app-sidebar';

packages/frontend/core/src/commands/affine-navigation.tsx

@@ -1,6 +1,6 @@
 import { WorkspaceSubPath } from '@affine/core/shared';
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowRightBigIcon } from '@blocksuite/icons';
+import { ArrowRightBigIcon } from '@blocksuite/icons/rc';
 import type { DocCollection } from '@blocksuite/store';
 import type { createStore } from 'jotai';
 

packages/frontend/core/src/commands/affine-settings.tsx

@@ -1,5 +1,5 @@
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SettingsIcon } from '@blocksuite/icons';
+import { SettingsIcon } from '@blocksuite/icons/rc';
 import type { AffineEditorContainer } from '@blocksuite/presets';
 import { appSettingAtom } from '@toeverything/infra';
 import type { createStore } from 'jotai';

packages/frontend/core/src/commands/affine-updates.tsx

@@ -1,7 +1,7 @@
 import { updateReadyAtom } from '@affine/core/hooks/use-app-updater';
 import { apis } from '@affine/electron-api';
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ResetIcon } from '@blocksuite/icons';
+import { ResetIcon } from '@blocksuite/icons/rc';
 import type { createStore } from 'jotai';
 
 import { registerAffineCommand } from './registry';

packages/frontend/core/src/components/admin-panel/admin-panel-header.tsx

@@ -1,6 +1,6 @@
 import { Button, useConfirmModal } from '@affine/component';
 import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
-import { ArrowRightBigIcon, Logo1Icon } from '@blocksuite/icons';
+import { ArrowRightBigIcon, Logo1Icon } from '@blocksuite/icons/rc';
 import { useCallback } from 'react';
 
 import * as styles from './index.css';

packages/frontend/core/src/components/admin-panel/collapsible-item.tsx

@@ -1,4 +1,4 @@
-import { ArrowDownSmallIcon } from '@blocksuite/icons';
+import { ArrowDownSmallIcon } from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { useCallback, useState } from 'react';
 

packages/frontend/core/src/components/affine/ai-onboarding/edgeless.dialog.tsx

@@ -3,7 +3,7 @@ import { openSettingModalAtom } from '@affine/core/atoms';
 import { SubscriptionService } from '@affine/core/modules/cloud';
 import { mixpanel } from '@affine/core/utils';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { AiIcon } from '@blocksuite/icons';
+import { AiIcon } from '@blocksuite/icons/rc';
 import {
   DocService,
   useLiveData,

packages/frontend/core/src/components/affine/ai-onboarding/general.dialog.tsx

@@ -5,7 +5,7 @@ import { AuthService, SubscriptionService } from '@affine/core/modules/cloud';
 import { mixpanel } from '@affine/core/utils';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowLeftSmallIcon } from '@blocksuite/icons';
+import { ArrowLeftSmallIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useServices } from '@toeverything/infra';
 import { useAtom } from 'jotai';
 import type { ReactNode } from 'react';

packages/frontend/core/src/components/affine/ai-onboarding/local.dialog.tsx

@@ -5,7 +5,7 @@ import {
 } from '@affine/core/hooks/use-navigate-helper';
 import { AuthService } from '@affine/core/modules/cloud';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { AiIcon } from '@blocksuite/icons';
+import { AiIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';
 import { useEffect, useRef } from 'react';

packages/frontend/core/src/components/affine/auth/oauth.tsx

@@ -2,7 +2,7 @@ import { notify, Skeleton } from '@affine/component';
 import { Button } from '@affine/component/ui/button';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { OAuthProviderType } from '@affine/graphql';
-import { GithubIcon, GoogleDuotoneIcon } from '@blocksuite/icons';
+import { GithubIcon, GoogleDuotoneIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import type { ReactElement } from 'react';
 import { useState } from 'react';

packages/frontend/core/src/components/affine/auth/sign-in.tsx

@@ -4,7 +4,7 @@ import { Button } from '@affine/component/ui/button';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowDownBigIcon } from '@blocksuite/icons';
+import { ArrowDownBigIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import type { FC } from 'react';
 import { useCallback, useEffect, useState } from 'react';

packages/frontend/core/src/components/affine/language-menu/index.tsx

@@ -1,5 +1,5 @@
 import { Menu, MenuItem, MenuTrigger } from '@affine/component/ui/menu';
-import { DoneIcon } from '@blocksuite/icons';
+import { DoneIcon } from '@blocksuite/icons/rc';
 import type { ReactElement } from 'react';
 import { memo } from 'react';
 

packages/frontend/core/src/components/affine/onboarding/switch-widgets/page-link.tsx

@@ -1,4 +1,4 @@
-import { LinkedPageIcon } from '@blocksuite/icons';
+import { LinkedPageIcon } from '@blocksuite/icons/rc';
 import type { PropsWithChildren } from 'react';
 
 import { pageLink, pageLinkIcon, pageLinkLabel } from '../articles/blocks.css';

packages/frontend/core/src/components/affine/page-history-modal/history-modal.tsx

@@ -8,7 +8,7 @@ import { WorkspacePermissionService } from '@affine/core/modules/permissions';
 import { WorkspaceQuotaService } from '@affine/core/modules/quota';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon, ToggleCollapseIcon } from '@blocksuite/icons';
+import { CloseIcon, ToggleCollapseIcon } from '@blocksuite/icons/rc';
 import type { Doc as BlockSuiteDoc, DocCollection } from '@blocksuite/store';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import type { DialogContentProps } from '@radix-ui/react-dialog';

packages/frontend/core/src/components/affine/page-properties/icons-mapping.tsx

@@ -1,5 +1,5 @@
 import { PagePropertyType } from '@affine/core/modules/properties/services/schema';
-import * as icons from '@blocksuite/icons';
+import * as icons from '@blocksuite/icons/rc';
 import type { SVGProps } from 'react';
 
 type IconType = (props: SVGProps<SVGSVGElement>) => JSX.Element;

packages/frontend/core/src/components/affine/page-properties/table.tsx

@@ -30,7 +30,7 @@ import {
   TagsIcon,
   ToggleExpandIcon,
   ViewIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { Doc } from '@blocksuite/store';
 import type { DragEndEvent, DraggableAttributes } from '@dnd-kit/core';
 import {

packages/frontend/core/src/components/affine/page-properties/tags-inline-editor.tsx

@@ -4,7 +4,7 @@ import { useNavigateHelper } from '@affine/core/hooks/use-navigate-helper';
 import { WorkspaceLegacyProperties } from '@affine/core/modules/properties';
 import { DeleteTagConfirmModal, TagService } from '@affine/core/modules/tag';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { DeleteIcon, MoreHorizontalIcon, TagsIcon } from '@blocksuite/icons';
+import { DeleteIcon, MoreHorizontalIcon, TagsIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import clsx from 'clsx';
 import type { HTMLAttributes, PropsWithChildren } from 'react';

packages/frontend/core/src/components/affine/reference-link/index.tsx

@@ -6,7 +6,7 @@ import {
 } from '@affine/core/modules/peek-view';
 import { WorkbenchLink } from '@affine/core/modules/workbench';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { LinkedPageIcon, TodayIcon } from '@blocksuite/icons';
+import { LinkedPageIcon, TodayIcon } from '@blocksuite/icons/rc';
 import type { DocCollection } from '@blocksuite/store';
 import { useService } from '@toeverything/infra';
 import { type PropsWithChildren, useCallback, useRef } from 'react';

packages/frontend/core/src/components/affine/setting-modal/account-setting/index.tsx

@@ -7,7 +7,7 @@ import { Avatar } from '@affine/component/ui/avatar';
 import { Button } from '@affine/component/ui/button';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowRightSmallIcon, CameraIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon, CameraIcon } from '@blocksuite/icons/rc';
 import {
   useEnsureLiveData,
   useLiveData,

packages/frontend/core/src/components/affine/setting-modal/general-setting/about/icons.tsx

@@ -1,6 +1,6 @@
-// The icons here have been specially adjusted, they’re different from the ones in the @blocksuite/icons.
+// The icons here have been specially adjusted, they’re different from the ones in the @blocksuite/icons/rc.
 
-export { TwitterIcon } from '@blocksuite/icons';
+export { TwitterIcon } from '@blocksuite/icons/rc';
 export const LogoIcon = () => {
   return (
     <svg

packages/frontend/core/src/components/affine/setting-modal/general-setting/about/index.tsx

@@ -6,7 +6,7 @@ import {
 } from '@affine/component/setting-components';
 import { useAppUpdater } from '@affine/core/hooks/use-app-updater';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowRightSmallIcon, OpenInNewIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon, OpenInNewIcon } from '@blocksuite/icons/rc';
 import { useCallback } from 'react';
 
 import { useAppSettingHelper } from '../../../../../hooks/affine/use-app-setting-helper';

packages/frontend/core/src/components/affine/setting-modal/general-setting/billing/index.tsx

@@ -20,7 +20,7 @@ import {
 } from '@affine/graphql';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import { useSetAtom } from 'jotai';
 import { Suspense, useCallback, useEffect, useState } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/index.tsx

@@ -5,7 +5,7 @@ import {
   ExperimentIcon,
   InformationIcon,
   KeyboardIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import { useLiveData, useServices } from '@toeverything/infra';
 import type { ReactElement, SVGProps } from 'react';
 import { useEffect } from 'react';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/actions/resume.tsx

@@ -8,7 +8,7 @@ import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { SubscriptionService } from '@affine/core/modules/cloud';
 import { SubscriptionPlan } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SingleSelectSelectSolidIcon } from '@blocksuite/icons';
+import { SingleSelectSelectSolidIcon } from '@blocksuite/icons/rc';
 import { useService } from '@toeverything/infra';
 import { cssVar } from '@toeverything/theme';
 import { nanoid } from 'nanoid';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/ai/benefits.tsx

@@ -1,5 +1,9 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CheckBoxCheckLinearIcon, PenIcon, TextIcon } from '@blocksuite/icons';
+import {
+  CheckBoxCheckLinearIcon,
+  PenIcon,
+  TextIcon,
+} from '@blocksuite/icons/rc';
 import { useMemo } from 'react';
 
 import * as styles from './ai-plan.css';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/cloud-plans.tsx

@@ -2,7 +2,7 @@
 // it's better to manage all equity at server side
 import { SubscriptionPlan, SubscriptionRecurring } from '@affine/graphql';
 import type { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { AfFiNeIcon } from '@blocksuite/icons';
+import { AfFiNeIcon } from '@blocksuite/icons/rc';
 import type { ReactNode } from 'react';
 
 import { planTitleTitleCaption } from './style.css';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/layout.tsx

@@ -6,7 +6,7 @@ import {
   ArrowDownBigIcon,
   ArrowRightBigIcon,
   ArrowUpSmallIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import * as ScrollArea from '@radix-ui/react-scroll-area';
 import { cssVar } from '@toeverything/theme';

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/plan-card.tsx

@@ -7,7 +7,7 @@ import type { SubscriptionRecurring } from '@affine/graphql';
 import { SubscriptionPlan, SubscriptionStatus } from '@affine/graphql';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { DoneIcon } from '@blocksuite/icons';
+import { DoneIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import { useAtom, useSetAtom } from 'jotai';
 import { nanoid } from 'nanoid';

packages/frontend/core/src/components/affine/setting-modal/index.tsx

@@ -8,7 +8,7 @@ import {
 } from '@affine/core/atoms';
 import { AuthService } from '@affine/core/modules/cloud';
 import { Trans } from '@affine/i18n';
-import { ContactWithUsIcon } from '@blocksuite/icons';
+import { ContactWithUsIcon } from '@blocksuite/icons/rc';
 import {
   useLiveData,
   useService,

packages/frontend/core/src/components/affine/setting-modal/setting-sidebar/index.tsx

@@ -10,7 +10,7 @@ import { AuthService } from '@affine/core/modules/cloud';
 import { UserFeatureService } from '@affine/core/modules/cloud/services/user-feature';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { Logo1Icon } from '@blocksuite/icons';
+import { Logo1Icon } from '@blocksuite/icons/rc';
 import type { WorkspaceMetadata } from '@toeverything/infra';
 import {
   useLiveData,

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/delete-leave-workspace/index.tsx

@@ -4,7 +4,7 @@ import { ConfirmModal } from '@affine/component/ui/modal';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { WorkspacePermissionService } from '@affine/core/modules/permissions';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import {
   GlobalContextService,
   useLiveData,

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/index.tsx

@@ -7,7 +7,7 @@ import { useWorkspace } from '@affine/core/hooks/use-workspace';
 import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowRightSmallIcon } from '@blocksuite/icons';
+import { ArrowRightSmallIcon } from '@blocksuite/icons/rc';
 import { FrameworkScope } from '@toeverything/infra';
 import { useCallback } from 'react';
 

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/members.tsx

@@ -27,7 +27,7 @@ import { mixpanel } from '@affine/core/utils';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { Permission } from '@affine/graphql';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { MoreVerticalIcon } from '@blocksuite/icons';
+import { MoreVerticalIcon } from '@blocksuite/icons/rc';
 import {
   useEnsureLiveData,
   useLiveData,

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/new-workspace-setting-detail/profile.tsx

@@ -7,7 +7,7 @@ import { WorkspacePermissionService } from '@affine/core/modules/permissions';
 import { validateAndReduceImage } from '@affine/core/utils/reduce-image';
 import { UNTITLED_WORKSPACE_NAME } from '@affine/env/constant';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CameraIcon } from '@blocksuite/icons';
+import { CameraIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService, WorkspaceService } from '@toeverything/infra';
 import type { KeyboardEvent, MouseEvent } from 'react';
 import { useCallback, useEffect, useState } from 'react';

packages/frontend/core/src/components/affine/setting-modal/workspace-setting/properties/index.tsx

@@ -4,7 +4,11 @@ import { useWorkspaceInfo } from '@affine/core/hooks/use-workspace-info';
 import type { PageInfoCustomPropertyMeta } from '@affine/core/modules/properties/services/schema';
 import { Trans } from '@affine/i18n';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { DeleteIcon, FilterIcon, MoreHorizontalIcon } from '@blocksuite/icons';
+import {
+  DeleteIcon,
+  FilterIcon,
+  MoreHorizontalIcon,
+} from '@blocksuite/icons/rc';
 import { FrameworkScope, type WorkspaceMetadata } from '@toeverything/infra';
 import type { MouseEvent } from 'react';
 import {

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-export.tsx

@@ -5,7 +5,7 @@ import { useExportPage } from '@affine/core/hooks/affine/use-export-page';
 import { useSharingUrl } from '@affine/core/hooks/affine/use-share-url';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CopyIcon } from '@blocksuite/icons';
+import { CopyIcon } from '@blocksuite/icons/rc';
 import { DocService, useLiveData, useService } from '@toeverything/infra';
 
 import * as styles from './index.css';

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-menu.tsx

@@ -5,7 +5,7 @@ import { useRegisterCopyLinkCommands } from '@affine/core/hooks/affine/use-regis
 import { useIsActiveView } from '@affine/core/modules/workbench';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { WebIcon } from '@blocksuite/icons';
+import { WebIcon } from '@blocksuite/icons/rc';
 import type { Doc } from '@blocksuite/store';
 import type { WorkspaceMetadata } from '@toeverything/infra';
 import clsx from 'clsx';

packages/frontend/core/src/components/affine/share-page-modal/share-menu/share-page.tsx

@@ -20,7 +20,7 @@ import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
   ArrowRightSmallIcon,
   SingleSelectSelectSolidIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import {
   type DocMode,
   DocService,

packages/frontend/core/src/components/app-sidebar/add-page-button/index.tsx

@@ -1,5 +1,5 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { PlusIcon } from '@blocksuite/icons';
+import { PlusIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import type React from 'react';
 

packages/frontend/core/src/components/app-sidebar/app-download-button/index.tsx

@@ -1,4 +1,4 @@
-import { CloseIcon, DownloadIcon } from '@blocksuite/icons';
+import { CloseIcon, DownloadIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { useCallback, useState } from 'react';
 

packages/frontend/core/src/components/app-sidebar/app-updater-button/index.tsx

@@ -2,7 +2,7 @@ import { Tooltip } from '@affine/component';
 import { popupWindow } from '@affine/core/utils';
 import { Unreachable } from '@affine/env/constant';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon, NewIcon, ResetIcon } from '@blocksuite/icons';
+import { CloseIcon, NewIcon, ResetIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { useCallback, useMemo } from 'react';
 

packages/frontend/core/src/components/app-sidebar/menu-item/index.stories.tsx

@@ -1,4 +1,4 @@
-import { SettingsIcon } from '@blocksuite/icons';
+import { SettingsIcon } from '@blocksuite/icons/rc';
 import type { Meta, StoryFn } from '@storybook/react';
 import { useState } from 'react';
 

packages/frontend/core/src/components/app-sidebar/menu-item/index.tsx

@@ -1,4 +1,4 @@
-import { ArrowDownSmallIcon } from '@blocksuite/icons';
+import { ArrowDownSmallIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import React from 'react';
 import type { To } from 'react-router-dom';

packages/frontend/core/src/components/app-sidebar/quick-search-input/index.tsx

@@ -1,5 +1,5 @@
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SearchIcon } from '@blocksuite/icons';
+import { SearchIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import type { HTMLAttributes } from 'react';
 

packages/frontend/core/src/components/app-sidebar/sidebar-header/sidebar-switch.tsx

@@ -1,6 +1,6 @@
 import { IconButton, Tooltip } from '@affine/component';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SidebarIcon } from '@blocksuite/icons';
+import { SidebarIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { useAtom } from 'jotai';
 

packages/frontend/core/src/components/blocksuite/block-suite-header/menu/index.tsx

@@ -24,7 +24,7 @@ import {
   HistoryIcon,
   ImportIcon,
   PageIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import {
   DocService,
   useLiveData,

packages/frontend/core/src/components/cloud/share-header-right-item/present.tsx

@@ -2,7 +2,7 @@ import { Button } from '@affine/component/ui/button';
 import { useActiveBlocksuiteEditor } from '@affine/core/hooks/use-block-suite-editor';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import type { EdgelessRootService } from '@blocksuite/blocks';
-import { PresentationIcon } from '@blocksuite/icons';
+import { PresentationIcon } from '@blocksuite/icons/rc';
 import { useCallback, useEffect, useState } from 'react';
 
 import * as styles from './styles.css';

packages/frontend/core/src/components/cloud/share-header-right-item/user-avatar.tsx

@@ -7,7 +7,7 @@ import {
 } from '@affine/component/ui/menu';
 import { useAsyncCallback } from '@affine/core/hooks/affine-async-hooks';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { SignOutIcon } from '@blocksuite/icons';
+import { SignOutIcon } from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import { useEffect, useMemo } from 'react';
 

packages/frontend/core/src/components/image-preview/index.tsx

@@ -12,7 +12,7 @@ import {
   MinusIcon,
   PlusIcon,
   ViewBarIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { BlockModel, DocCollection } from '@blocksuite/store';
 import clsx from 'clsx';
 import { useErrorBoundary } from 'foxact/use-error-boundary';

packages/frontend/core/src/components/page-list/components/favorite-tag.tsx

@@ -1,7 +1,7 @@
 import type { IconButtonProps } from '@affine/component';
 import { IconButton, Tooltip } from '@affine/component';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { FavoritedIcon, FavoriteIcon } from '@blocksuite/icons';
+import { FavoritedIcon, FavoriteIcon } from '@blocksuite/icons/rc';
 import Lottie from 'lottie-react';
 import { forwardRef, useCallback, useState } from 'react';
 

packages/frontend/core/src/components/page-list/components/list-floating-toolbar.tsx

@@ -3,7 +3,7 @@ import {
   DeleteIcon,
   DeletePermanentlyIcon,
   ResetIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { ReactNode } from 'react';
 
 import { FloatingToolbar } from './floating-toolbar';

packages/frontend/core/src/components/page-list/components/list-header-cell.tsx

@@ -1,4 +1,4 @@
-import { SortDownIcon, SortUpIcon } from '@blocksuite/icons';
+import { SortDownIcon, SortUpIcon } from '@blocksuite/icons/rc';
 import { useCallback } from 'react';
 
 import type { ColWrapperProps, ListItem } from '../types';

packages/frontend/core/src/components/page-list/components/new-page-button.tsx

@@ -2,7 +2,7 @@ import { DropdownButton, Menu } from '@affine/component';
 import { BlockCard } from '@affine/component/card/block-card';
 import { mixpanel } from '@affine/core/utils';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { EdgelessIcon, ImportIcon, PageIcon } from '@blocksuite/icons';
+import { EdgelessIcon, ImportIcon, PageIcon } from '@blocksuite/icons/rc';
 import type { PropsWithChildren } from 'react';
 import { useCallback, useState } from 'react';
 

packages/frontend/core/src/components/page-list/components/page-display-menu.tsx

@@ -6,7 +6,7 @@ import {
   MenuSub,
 } from '@affine/component';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ArrowDownSmallIcon, DoneIcon } from '@blocksuite/icons';
+import { ArrowDownSmallIcon, DoneIcon } from '@blocksuite/icons/rc';
 import { useCallback, useMemo } from 'react';
 
 import type { PageDisplayProperties, PageGroupByType } from '../types';

packages/frontend/core/src/components/page-list/docs/page-list-header.tsx

@@ -16,7 +16,7 @@ import {
   ArrowDownSmallIcon,
   SearchIcon,
   ViewLayersIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { Doc as BlockSuiteDoc } from '@blocksuite/store';
 import { useLiveData, useService, WorkspaceService } from '@toeverything/infra';
 import clsx from 'clsx';

packages/frontend/core/src/components/page-list/docs/page-tags.tsx

@@ -1,6 +1,6 @@
 import { Menu } from '@affine/component';
 import type { Tag } from '@affine/core/modules/tag';
-import { CloseIcon, MoreHorizontalIcon } from '@blocksuite/icons';
+import { CloseIcon, MoreHorizontalIcon } from '@blocksuite/icons/rc';
 import { LiveData, useLiveData } from '@toeverything/infra';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import clsx from 'clsx';

packages/frontend/core/src/components/page-list/filter/filter-list.tsx

@@ -1,7 +1,7 @@
 import { Button, IconButton, Menu } from '@affine/component';
 import type { Filter, PropertiesMeta } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon, PlusIcon } from '@blocksuite/icons';
+import { CloseIcon, PlusIcon } from '@blocksuite/icons/rc';
 
 import { Condition } from './condition';
 import * as styles from './index.css';

packages/frontend/core/src/components/page-list/filter/shared-types.tsx

@@ -10,7 +10,7 @@ import {
   FavoriteIcon,
   TagsIcon,
   UpdatedIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { ReactElement } from 'react';
 
 import { tBoolean, tDate, tTag } from './logical/custom-type';

packages/frontend/core/src/components/page-list/group-definitions.tsx

@@ -2,7 +2,7 @@ import { FavoriteItemsAdapter } from '@affine/core/modules/properties';
 import type { Tag } from '@affine/core/modules/tag';
 import { TagService } from '@affine/core/modules/tag';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { FavoritedIcon, FavoriteIcon } from '@blocksuite/icons';
+import { FavoritedIcon, FavoriteIcon } from '@blocksuite/icons/rc';
 import type { DocMeta } from '@blocksuite/store';
 import { LiveData, useLiveData, useService } from '@toeverything/infra';
 import { type ReactNode, useMemo } from 'react';

packages/frontend/core/src/components/page-list/operation-cell.tsx

@@ -29,7 +29,7 @@ import {
   PlusIcon,
   ResetIcon,
   SplitViewIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { DocMeta } from '@blocksuite/store';
 import { useLiveData, useService, WorkspaceService } from '@toeverything/infra';
 import { useCallback, useState } from 'react';

packages/frontend/core/src/components/page-list/operation-menu-items/disable-public-sharing.tsx

@@ -2,7 +2,7 @@ import type { MenuItemProps } from '@affine/component';
 import { MenuIcon, MenuItem } from '@affine/component';
 import { PublicLinkDisableModal } from '@affine/component/disable-public-link';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { ShareIcon } from '@blocksuite/icons';
+import { ShareIcon } from '@blocksuite/icons/rc';
 
 export const DisablePublicSharing = (props: MenuItemProps) => {
   const t = useAFFiNEI18N();

packages/frontend/core/src/components/page-list/operation-menu-items/export.tsx

@@ -6,7 +6,7 @@ import {
   ExportToMarkdownIcon,
   ExportToPdfIcon,
   ExportToPngIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { ReactNode } from 'react';
 import { useMemo } from 'react';
 

packages/frontend/core/src/components/page-list/operation-menu-items/move-to-trash.tsx

@@ -1,7 +1,7 @@
 import type { ConfirmModalProps, MenuItemProps } from '@affine/component';
 import { ConfirmModal, MenuIcon, MenuItem } from '@affine/component';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { DeleteIcon } from '@blocksuite/icons';
+import { DeleteIcon } from '@blocksuite/icons/rc';
 
 export const MoveToTrash = (props: MenuItemProps) => {
   const t = useAFFiNEI18N();

packages/frontend/core/src/components/page-list/page-group.tsx

@@ -8,7 +8,7 @@ import {
   TodayIcon,
   ToggleCollapseIcon,
   ViewLayersIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import type { DocCollection, DocMeta } from '@blocksuite/store';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { DocsService, useLiveData, useService } from '@toeverything/infra';

packages/frontend/core/src/components/page-list/page-header.tsx

@@ -1,7 +1,7 @@
 import type { CheckboxProps } from '@affine/component';
 import { Checkbox } from '@affine/component';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { MultiSelectIcon } from '@blocksuite/icons';
+import { MultiSelectIcon } from '@blocksuite/icons/rc';
 import clsx from 'clsx';
 import { selectAtom } from 'jotai/utils';
 import type { MouseEventHandler } from 'react';

packages/frontend/core/src/components/page-list/view/collection-list.tsx

@@ -1,7 +1,7 @@
 import { Button, FlexWrapper, Menu } from '@affine/component';
 import type { Collection, Filter, PropertiesMeta } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { FilterIcon } from '@blocksuite/icons';
+import { FilterIcon } from '@blocksuite/icons/rc';
 
 import { CreateFilterMenu } from '../filter/vars';
 import * as styles from './collection-list.css';

packages/frontend/core/src/components/page-list/view/collection-operations.tsx

@@ -14,7 +14,7 @@ import {
   FilterIcon,
   PlusIcon,
   SplitViewIcon,
-} from '@blocksuite/icons';
+} from '@blocksuite/icons/rc';
 import { useLiveData, useService } from '@toeverything/infra';
 import type { PropsWithChildren, ReactElement } from 'react';
 import { useCallback, useMemo } from 'react';

packages/frontend/core/src/components/page-list/view/edit-collection/pages-mode.tsx

@@ -2,7 +2,7 @@ import { Menu } from '@affine/component';
 import { FavoriteItemsAdapter } from '@affine/core/modules/properties';
 import type { Collection } from '@affine/env/filter';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { FilterIcon } from '@blocksuite/icons';
+import { FilterIcon } from '@blocksuite/icons/rc';
 import type { DocMeta } from '@blocksuite/store';
 import { useLiveData, useService } from '@toeverything/infra';
 import clsx from 'clsx';