refactor(editor): separate lit and slot in global (#10666)

blocksuite/affine/all/package.json

@@ -32,6 +32,8 @@
     "./global/di": "./src/global/di.ts",
     "./global/types": "./src/global/types.ts",
     "./global/gfx": "./src/global/gfx.ts",
+    "./global/slot": "./src/global/slot.ts",
+    "./global/lit": "./src/global/lit.ts",
     "./store": "./src/store/index.ts",
     "./store/test": "./src/store/test.ts",
     "./inline": "./src/inline/index.ts",

blocksuite/affine/all/src/global/lit.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/global/lit';

blocksuite/affine/all/src/global/slot.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/global/slot';

blocksuite/affine/block-bookmark/src/components/bookmark-card.ts

@@ -3,7 +3,7 @@ import { WebIcon16 } from '@blocksuite/affine-components/icons';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';
 import { getHostName } from '@blocksuite/affine-shared/utils';
 import { BlockSelection, ShadowlessElement } from '@blocksuite/block-std';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { OpenInNewIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-callout/src/emoji-menu.ts

@@ -1,4 +1,4 @@
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import data from '@emoji-mart/data';
 import { Picker } from 'emoji-mart';
 import { html, LitElement, type PropertyValues } from 'lit';

blocksuite/affine/block-code/src/clipboard/index.ts

@@ -14,7 +14,7 @@ import {
   Clipboard,
   type UIEventHandler,
 } from '@blocksuite/block-std';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 
 export class CodeClipboardController {
   private _clipboard!: Clipboard;

blocksuite/affine/block-code/src/code-toolbar/components/code-toolbar.ts

@@ -4,7 +4,8 @@ import type {
   MenuItemGroup,
 } from '@blocksuite/affine-components/toolbar';
 import { renderGroups } from '@blocksuite/affine-components/toolbar';
-import { noop, WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
+import { noop } from '@blocksuite/global/utils';
 import { MoreVerticalIcon } from '@blocksuite/icons/lit';
 import { flip, offset } from '@floating-ui/dom';
 import { css, html, LitElement } from 'lit';

blocksuite/affine/block-code/src/code-toolbar/components/lang-button.ts

@@ -5,7 +5,8 @@ import {
 } from '@blocksuite/affine-components/filterable-list';
 import { ArrowDownIcon } from '@blocksuite/affine-components/icons';
 import { unsafeCSSVarV2 } from '@blocksuite/affine-shared/theme';
-import { noop, SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
+import { noop } from '@blocksuite/global/utils';
 import { css, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-data-view/src/block-meta/base.ts

@@ -1,5 +1,5 @@
 import type { PropertyMetaConfig } from '@blocksuite/data-view';
-import type { Disposable } from '@blocksuite/global/utils';
+import type { Disposable } from '@blocksuite/global/slot';
 import type { Block, BlockModel } from '@blocksuite/store';
 
 type PropertyMeta<

blocksuite/affine/block-data-view/src/data-source.ts

@@ -11,7 +11,7 @@ import type { EditorHost } from '@blocksuite/block-std';
 import { DataSourceBase, type PropertyMetaConfig } from '@blocksuite/data-view';
 import { propertyPresets } from '@blocksuite/data-view/property-presets';
 import { BlockSuiteError } from '@blocksuite/global/exceptions';
-import { Slot } from '@blocksuite/global/utils';
+import { Slot } from '@blocksuite/global/slot';
 import type { Block, Store } from '@blocksuite/store';
 
 import type { BlockMeta } from './block-meta/base.js';

blocksuite/affine/block-database/src/components/title/index.ts

@@ -1,6 +1,6 @@
 import { stopPropagation } from '@blocksuite/affine-shared/utils';
 import { ShadowlessElement } from '@blocksuite/block-std';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import type { Text } from '@blocksuite/store';
 import { css, html } from 'lit';
 import { property, query, state } from 'lit/decorators.js';

blocksuite/affine/block-database/src/detail-panel/block-renderer.ts

@@ -6,7 +6,7 @@ import type {
   KanbanSingleView,
   TableSingleView,
 } from '@blocksuite/data-view/view-presets';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 

blocksuite/affine/block-database/src/detail-panel/note-renderer.ts

@@ -11,7 +11,7 @@ import type { AffineTextAttributes } from '@blocksuite/affine-shared/types';
 import { createDefaultDoc, matchModels } from '@blocksuite/affine-shared/utils';
 import { type EditorHost, ShadowlessElement } from '@blocksuite/block-std';
 import type { DetailSlotProps, SingleView } from '@blocksuite/data-view';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import type { BaseTextAttributes } from '@blocksuite/inline';
 import { computed } from '@preact/signals-core';
 import { css, html } from 'lit';

blocksuite/affine/block-embed/src/embed-synced-doc-block/components/embed-synced-doc-card.ts

@@ -4,7 +4,7 @@ import {
   isGfxBlockComponent,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { html, nothing } from 'lit';
 import { property, queryAsync } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';

blocksuite/affine/block-frame/src/frame-manager.ts

@@ -20,7 +20,7 @@ import {
   type IVec,
   type SerializedXYWH,
 } from '@blocksuite/global/gfx';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { type BlockModel, Text } from '@blocksuite/store';
 import * as Y from 'yjs';
 

blocksuite/affine/block-image/src/components/image-block-fallback.ts

@@ -1,7 +1,7 @@
 import type { ImageBlockModel } from '@blocksuite/affine-model';
 import { humanFileSize } from '@blocksuite/affine-shared/utils';
 import { modelContext, ShadowlessElement } from '@blocksuite/block-std';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { consume } from '@lit/context';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-image/src/components/page-image-block.ts

@@ -13,7 +13,7 @@ import {
   ShadowlessElement,
   TextSelection,
 } from '@blocksuite/block-std';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import type { BaseSelection } from '@blocksuite/store';
 import { css, html, type PropertyValues } from 'lit';
 import { property, query, state } from 'lit/decorators.js';

blocksuite/affine/block-note/src/components/edgeless-note-background.ts

@@ -23,7 +23,7 @@ import {
 } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
 import { clamp, Point } from '@blocksuite/global/gfx';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import type { BlockModel } from '@blocksuite/store';
 import { consume } from '@lit/context';
 import { computed } from '@preact/signals-core';

blocksuite/affine/block-note/src/components/edgeless-note-mask.ts

@@ -1,7 +1,7 @@
 import type { NoteBlockModel } from '@blocksuite/affine-model';
 import { type EditorHost, ShadowlessElement } from '@blocksuite/block-std';
 import { almostEqual, Bound } from '@blocksuite/global/gfx';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-note/src/components/edgeless-page-block-title.ts

@@ -6,7 +6,7 @@ import {
   ShadowlessElement,
   stdContext,
 } from '@blocksuite/block-std';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { consume } from '@lit/context';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-paragraph/src/heading-icon.ts

@@ -8,7 +8,7 @@ import {
 } from '@blocksuite/affine-components/icons';
 import type { ParagraphBlockModel } from '@blocksuite/affine-model';
 import { ShadowlessElement } from '@blocksuite/block-std';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { css, html, nothing, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/clipboard/page-clipboard.ts

@@ -15,7 +15,7 @@ import {
   retainFirstModelCommand,
 } from '@blocksuite/affine-shared/commands';
 import type { UIEventHandler } from '@blocksuite/block-std';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import type { BlockSnapshot, Store } from '@blocksuite/store';
 
 import { ReadOnlyClipboard } from './readonly-clipboard';

blocksuite/affine/block-root/src/clipboard/readonly-clipboard.ts

@@ -14,7 +14,7 @@ import {
   getSelectedModelsCommand,
 } from '@blocksuite/affine-shared/commands';
 import type { BlockComponent, UIEventHandler } from '@blocksuite/block-std';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 
 import { ClipboardAdapter } from './adapter.js';
 

blocksuite/affine/block-root/src/edgeless/clipboard/clipboard.ts

@@ -57,7 +57,8 @@ import {
   type SerializedXYWH,
   Vec,
 } from '@blocksuite/global/gfx';
-import { assertType, DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
+import { assertType } from '@blocksuite/global/utils';
 import {
   type BlockSnapshot,
   BlockSnapshotSchema,

blocksuite/affine/block-root/src/edgeless/components/auto-complete/auto-complete-panel.ts

@@ -41,7 +41,7 @@ import {
   toDegree,
   Vec,
 } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { FrameIcon, PageIcon } from '@blocksuite/icons/lit';
 import { consume } from '@lit/context';
 import { baseTheme } from '@toeverything/theme';

blocksuite/affine/block-root/src/edgeless/components/auto-complete/edgeless-auto-complete.ts

@@ -27,7 +27,8 @@ import { type BlockStdScope, stdContext } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
 import type { Bound, IVec } from '@blocksuite/global/gfx';
 import { Vec } from '@blocksuite/global/gfx';
-import { DisposableGroup, WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import {
   ArrowUpBigIcon,
   PlusIcon,

blocksuite/affine/block-root/src/edgeless/components/connector/connector-handle.ts

@@ -10,7 +10,8 @@ import {
 } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
 import { Vec } from '@blocksuite/global/gfx';
-import { DisposableGroup, WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import type { Store } from '@blocksuite/store';
 import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';

blocksuite/affine/block-root/src/edgeless/components/frame/frame-preview.ts

@@ -8,7 +8,8 @@ import {
 } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
 import { Bound, deserializeXYWH } from '@blocksuite/global/gfx';
-import { DisposableGroup, WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { type Query, type Store } from '@blocksuite/store';
 import { css, html, nothing, type PropertyValues } from 'lit';
 import { property, query, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/note-slicer/index.ts

@@ -11,7 +11,7 @@ import { getRectByBlockComponent } from '@blocksuite/affine-shared/utils';
 import { WidgetComponent } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
 import { deserializeXYWH, Point, serializeXYWH } from '@blocksuite/global/gfx';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { ScissorsIcon } from '@blocksuite/icons/lit';
 import { css, html, nothing, type PropertyValues } from 'lit';
 import { state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/panel/card-style-panel.ts

@@ -1,5 +1,5 @@
 import type { EmbedCardStyle } from '@blocksuite/affine-model';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, LitElement, nothing, type TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';

blocksuite/affine/block-root/src/edgeless/components/panel/line-width-panel.ts

@@ -1,6 +1,6 @@
 import { LINE_WIDTHS, LineWidth } from '@blocksuite/affine-model';
 import { on, once } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, LitElement, nothing, type PropertyValues } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

blocksuite/affine/block-root/src/edgeless/components/panel/note-display-mode-panel.ts

@@ -1,6 +1,6 @@
 import { NoteDisplayMode } from '@blocksuite/affine-model';
 import { stopPropagation } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { EdgelessIcon, PageIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/panel/note-shadow-panel.ts

@@ -1,5 +1,5 @@
 import { ColorScheme, NoteShadow } from '@blocksuite/affine-model';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

blocksuite/affine/block-root/src/edgeless/components/panel/shape-panel.ts

@@ -1,5 +1,5 @@
 import { ShapeStyle } from '@blocksuite/affine-model';
-import { Slot } from '@blocksuite/global/utils';
+import { Slot } from '@blocksuite/global/slot';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

blocksuite/affine/block-root/src/edgeless/components/panel/stroke-style-panel.ts

@@ -1,6 +1,6 @@
 import { type ColorScheme, type StrokeStyle } from '@blocksuite/affine-model';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 

blocksuite/affine/block-root/src/edgeless/components/rects/edgeless-selected-rect.ts

@@ -55,8 +55,8 @@ import {
   deserializeXYWH,
   normalizeDegAngle,
 } from '@blocksuite/global/gfx';
-import type { Disposable } from '@blocksuite/global/utils';
-import { assertType, Slot } from '@blocksuite/global/utils';
+import { type Disposable, Slot } from '@blocksuite/global/slot';
+import { assertType } from '@blocksuite/global/utils';
 import { css, html, nothing } from 'lit';
 import { state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';

blocksuite/affine/block-root/src/edgeless/components/text/edgeless-connector-label-editor.ts

@@ -11,7 +11,7 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { Bound, Vec } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-root/src/edgeless/components/text/edgeless-frame-title-editor.ts

@@ -10,7 +10,7 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { cssVarV2 } from '@toeverything/theme/v2';
 import { css, html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/text/edgeless-group-title-editor.ts

@@ -10,7 +10,7 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-root/src/edgeless/components/text/edgeless-shape-text-editor.ts

@@ -12,7 +12,7 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { Bound, toRadian, Vec } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-root/src/edgeless/components/text/edgeless-text-editor.ts

@@ -11,7 +11,7 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { Bound, toRadian, Vec } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/brush/brush-menu.ts

@@ -6,7 +6,7 @@ import {
 } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
 import type { GfxToolsFullOptionValue } from '@blocksuite/block-std/gfx';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import { computed } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/brush/brush-tool-button.ts

@@ -2,7 +2,7 @@ import {
   EditPropsStore,
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import { computed } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/common/draggable/types.ts

@@ -1,5 +1,5 @@
 import type { Bound } from '@blocksuite/global/gfx';
-import type { DisposableClass } from '@blocksuite/global/utils';
+import type { DisposableClass } from '@blocksuite/global/lit';
 import type { TemplateResult } from 'lit';
 
 import type { EdgelessRootBlockComponent } from '../../../../edgeless-root-block.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/common/slide-menu.ts

@@ -1,4 +1,4 @@
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { ArrowRightSmallIcon } from '@blocksuite/icons/lit';
 import { consume } from '@lit/context';
 import { css, html, LitElement } from 'lit';

blocksuite/affine/block-root/src/edgeless/components/toolbar/connector/connector-menu.ts

@@ -6,7 +6,7 @@ import {
 } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
 import type { GfxToolsFullOptionValue } from '@blocksuite/block-std/gfx';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import {
   ConnectorCIcon,
   ConnectorEIcon,

blocksuite/affine/block-root/src/edgeless/components/toolbar/connector/connector-tool-button.ts

@@ -1,6 +1,6 @@
 import { ConnectorMode, getConnectorModeName } from '@blocksuite/affine-model';
 import { EditPropsStore } from '@blocksuite/affine-shared/services';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import {
   ConnectorCIcon,
   ConnectorEIcon,

blocksuite/affine/block-root/src/edgeless/components/toolbar/context.ts

@@ -1,5 +1,5 @@
 import type { ColorScheme } from '@blocksuite/affine-model';
-import type { Slot } from '@blocksuite/global/utils';
+import type { Slot } from '@blocksuite/global/slot';
 import { createContext } from '@lit/context';
 
 import type { EdgelessToolbarWidget } from './edgeless-toolbar.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/edgeless-toolbar.ts

@@ -16,7 +16,7 @@ import {
 import { stopPropagation } from '@blocksuite/affine-shared/utils';
 import { WidgetComponent } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import { Slot } from '@blocksuite/global/utils';
+import { Slot } from '@blocksuite/global/slot';
 import {
   ArrowLeftSmallIcon,
   ArrowRightSmallIcon,

blocksuite/affine/block-root/src/edgeless/components/toolbar/lasso/lasso-tool-button.ts

@@ -1,5 +1,5 @@
 import { LassoMode } from '@blocksuite/affine-shared/types';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { effect } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { query, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/mindmap/mindmap-menu.ts

@@ -9,7 +9,7 @@ import type { BlockStdScope } from '@blocksuite/block-std';
 import { modelContext, stdContext } from '@blocksuite/block-std';
 import { ErrorCode } from '@blocksuite/global/exceptions';
 import type { Bound } from '@blocksuite/global/gfx';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import type { BlockModel } from '@blocksuite/store';
 import { consume } from '@lit/context';
 import { computed } from '@preact/signals-core';

blocksuite/affine/block-root/src/edgeless/components/toolbar/mindmap/mindmap-tool-button.ts

@@ -9,7 +9,7 @@ import {
 } from '@blocksuite/affine-shared/services';
 import type { GfxToolsFullOptionValue } from '@blocksuite/block-std/gfx';
 import type { Bound } from '@blocksuite/global/gfx';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import { computed } from '@preact/signals-core';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/mixins/tool.mixin.ts

@@ -5,11 +5,11 @@ import type {
   ToolController,
 } from '@blocksuite/block-std/gfx';
 import {
-  type Constructor,
   // oxlint-disable-next-line no-unused-vars
   type DisposableClass,
   WithDisposable,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/lit';
+import type { Constructor } from '@blocksuite/global/utils';
 import { consume } from '@lit/context';
 import { effect } from '@preact/signals-core';
 import { cssVar } from '@toeverything/theme';

blocksuite/affine/block-root/src/edgeless/components/toolbar/note/note-senior-button.ts

@@ -7,7 +7,7 @@ import {
   EditPropsStore,
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import { computed } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';
 import { state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/present/frame-order-button.ts

@@ -1,6 +1,6 @@
 import type { FrameBlockModel } from '@blocksuite/affine-model';
 import { createButtonPopper } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { LayerIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/present/frame-order-menu.ts

@@ -1,10 +1,7 @@
 import { EdgelessCRUDIdentifier } from '@blocksuite/affine-block-surface';
 import { generateKeyBetweenV2 } from '@blocksuite/block-std/gfx';
-import {
-  DisposableGroup,
-  SignalWatcher,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/present/navigator-setting-button.ts

@@ -1,6 +1,6 @@
 import { EditPropsStore } from '@blocksuite/affine-shared/services';
 import { createButtonPopper } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { SettingsIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/presentation-toolbar.ts

@@ -7,7 +7,7 @@ import type { FrameBlockModel } from '@blocksuite/affine-model';
 import { EditPropsStore } from '@blocksuite/affine-shared/services';
 import type { GfxToolsFullOptionValue } from '@blocksuite/block-std/gfx';
 import { Bound, clamp } from '@blocksuite/global/gfx';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import {
   EndPointArrowIcon,
   ExpandCloseIcon,

blocksuite/affine/block-root/src/edgeless/components/toolbar/shape/shape-draggable.ts

@@ -12,7 +12,7 @@ import {
   TelemetryProvider,
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import { css, html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/shape/shape-menu.ts

@@ -12,7 +12,7 @@ import {
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { StyleGeneralIcon, StyleScribbleIcon } from '@blocksuite/icons/lit';
 import { computed, effect, type Signal, signal } from '@preact/signals-core';
 import { css, html, LitElement } from 'lit';

blocksuite/affine/block-root/src/edgeless/components/toolbar/shape/shape-tool-button.ts

@@ -1,5 +1,5 @@
 import { type ShapeName, ShapeType } from '@blocksuite/affine-model';
-import { SignalWatcher } from '@blocksuite/global/utils';
+import { SignalWatcher } from '@blocksuite/global/lit';
 import { css, html, LitElement } from 'lit';
 
 import { ShapeTool } from '../../../gfx-tool/shape-tool.js';

blocksuite/affine/block-root/src/edgeless/components/toolbar/shape/shape-tool-element.ts

@@ -9,7 +9,8 @@ import {
   type ShapeStyle,
 } from '@blocksuite/affine-model';
 import { Bound } from '@blocksuite/global/gfx';
-import { sleep, WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
+import { sleep } from '@blocksuite/global/utils';
 import {
   css,
   html,

blocksuite/affine/block-root/src/edgeless/components/toolbar/template/overlay-scrollbar.ts

@@ -3,7 +3,7 @@ import {
   once,
   requestConnectedFrame,
 } from '@blocksuite/affine-shared/utils';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { css, html, LitElement } from 'lit';
 import { query } from 'lit/decorators.js';
 

blocksuite/affine/block-root/src/edgeless/components/toolbar/template/template-panel.ts

@@ -11,7 +11,7 @@ import {
   stopPropagation,
 } from '@blocksuite/affine-shared/utils';
 import type { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { baseTheme } from '@toeverything/theme';
 import { css, html, LitElement, nothing, unsafeCSS } from 'lit';
 import { property, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/edgeless/gfx-tool/default-tool.ts

@@ -43,7 +43,8 @@ import {
 } from '@blocksuite/block-std/gfx';
 import type { IVec } from '@blocksuite/global/gfx';
 import { Bound, getCommonBoundWithRotation, Vec } from '@blocksuite/global/gfx';
-import { DisposableGroup, noop } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
+import { noop } from '@blocksuite/global/utils';
 import { effect } from '@preact/signals-core';
 import clamp from 'lodash-es/clamp';
 import last from 'lodash-es/last';

blocksuite/affine/block-root/src/edgeless/services/template.ts

@@ -4,7 +4,8 @@ import type {
 } from '@blocksuite/affine-block-surface';
 import type { ConnectorElementModel } from '@blocksuite/affine-model';
 import { Bound, getCommonBound } from '@blocksuite/global/gfx';
-import { assertType, Slot } from '@blocksuite/global/utils';
+import { Slot } from '@blocksuite/global/slot';
+import { assertType } from '@blocksuite/global/utils';
 import {
   type BlockModel,
   type BlockSnapshot,

blocksuite/affine/block-root/src/edgeless/utils/tool-overlay.ts

@@ -14,12 +14,8 @@ import { ThemeProvider } from '@blocksuite/affine-shared/services';
 import type { GfxController, GfxToolsMap } from '@blocksuite/block-std/gfx';
 import type { XYWH } from '@blocksuite/global/gfx';
 import { Bound } from '@blocksuite/global/gfx';
-import {
-  assertType,
-  DisposableGroup,
-  noop,
-  Slot,
-} from '@blocksuite/global/utils';
+import { DisposableGroup, Slot } from '@blocksuite/global/slot';
+import { assertType, noop } from '@blocksuite/global/utils';
 import { effect } from '@preact/signals-core';
 
 import type { ShapeTool } from '../gfx-tool/shape-tool.js';

blocksuite/affine/block-root/src/widgets/edgeless-zoom-toolbar/zoom-bar-toggle-button.ts

@@ -1,6 +1,6 @@
 import { createLitPortal } from '@blocksuite/affine-components/portal';
 import { stopPropagation } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { MoreHorizontalIcon } from '@blocksuite/icons/lit';
 import { offset } from '@floating-ui/dom';
 import { css, html, LitElement, nothing } from 'lit';

blocksuite/affine/block-root/src/widgets/edgeless-zoom-toolbar/zoom-toolbar.ts

@@ -1,6 +1,6 @@
 import { stopPropagation } from '@blocksuite/affine-shared/utils';
 import { ZOOM_STEP } from '@blocksuite/block-std/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { MinusIcon, PlusIcon, ViewBarIcon } from '@blocksuite/icons/lit';
 import { effect } from '@preact/signals-core';
 import { baseTheme } from '@toeverything/theme';

blocksuite/affine/block-root/src/widgets/element-toolbar/add-frame-button.ts

@@ -2,7 +2,7 @@ import { MindmapElementModel } from '@blocksuite/affine-model';
 import { TelemetryProvider } from '@blocksuite/affine-shared/services';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { FrameIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/add-group-button.ts

@@ -3,7 +3,7 @@ import {
   MindmapElementModel,
 } from '@blocksuite/affine-model';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { GroupingIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/align-button.ts

@@ -7,7 +7,7 @@ import {
 import { MindmapElementModel } from '@blocksuite/affine-model';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import {
   AlignBottomIcon,
   AlignHorizontalCenterIcon,

blocksuite/affine/block-root/src/widgets/element-toolbar/change-attachment-button.ts

@@ -22,7 +22,7 @@ import {
   ToolbarContext,
 } from '@blocksuite/affine-shared/services';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import type { TemplateResult } from 'lit';
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/change-brush-button.ts

@@ -19,7 +19,7 @@ import {
 } from '@blocksuite/affine-model';
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { html, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/change-connector-button.ts

@@ -25,7 +25,7 @@ import {
 } from '@blocksuite/affine-model';
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import {
   AddTextIcon,
   ConnectorCIcon,

blocksuite/affine/block-root/src/widgets/element-toolbar/change-embed-card-button.ts

@@ -55,7 +55,7 @@ import {
 import { getHostName, referenceToNode } from '@blocksuite/affine-shared/utils';
 import type { BlockStdScope } from '@blocksuite/block-std';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { css, html, LitElement, nothing, type TemplateResult } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/change-frame-button.ts

@@ -23,7 +23,7 @@ import type { ColorEvent } from '@blocksuite/affine-shared/utils';
 import { matchModels } from '@blocksuite/affine-shared/utils';
 import { GfxExtensionIdentifier } from '@blocksuite/block-std/gfx';
 import { deserializeXYWH, serializeXYWH } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { EditIcon, PageIcon, UngroupIcon } from '@blocksuite/icons/lit';
 import { html, LitElement, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/change-group-button.ts

@@ -8,7 +8,7 @@ import {
 } from '@blocksuite/affine-model';
 import { matchModels } from '@blocksuite/affine-shared/utils';
 import { deserializeXYWH, serializeXYWH } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { EditIcon, PageIcon, UngroupIcon } from '@blocksuite/icons/lit';
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/change-image-button.ts

@@ -4,7 +4,7 @@ import {
 } from '@blocksuite/affine-block-image';
 import { CaptionIcon, DownloadIcon } from '@blocksuite/affine-components/icons';
 import type { ImageBlockModel } from '@blocksuite/affine-model';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 

blocksuite/affine/block-root/src/widgets/element-toolbar/change-mindmap-button.ts

@@ -11,7 +11,7 @@ import type {
 } from '@blocksuite/affine-model';
 import { LayoutType, MindmapStyle } from '@blocksuite/affine-model';
 import { EditPropsStore } from '@blocksuite/affine-shared/services';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { RadiantIcon, RightLayoutIcon, StyleIcon } from '@blocksuite/icons/lit';
 import { css, html, LitElement, nothing, type TemplateResult } from 'lit';
 import { property, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/change-note-button.ts

@@ -31,7 +31,7 @@ import {
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import {
   AutoHeightIcon,
   CornerIcon,

blocksuite/affine/block-root/src/widgets/element-toolbar/change-shape-button.ts

@@ -29,7 +29,7 @@ import {
 } from '@blocksuite/affine-model';
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import {
   AddTextIcon,
   ShapeIcon,

blocksuite/affine/block-root/src/widgets/element-toolbar/change-text-menu.ts

@@ -32,7 +32,7 @@ import {
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import {
   TextAlignCenterIcon,
   TextAlignLeftIcon,

blocksuite/affine/block-root/src/widgets/element-toolbar/lock-button.ts

@@ -8,7 +8,7 @@ import {
 } from '@blocksuite/affine-shared/services';
 import type { BlockStdScope } from '@blocksuite/block-std';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { LockIcon, UnlockIcon } from '@blocksuite/icons/lit';
 import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/more-menu/button.ts

@@ -1,7 +1,7 @@
 import type { MenuItemGroup } from '@blocksuite/affine-components/toolbar';
 import { renderGroups } from '@blocksuite/affine-components/toolbar';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { MoreHorizontalIcon, MoreVerticalIcon } from '@blocksuite/icons/lit';
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/element-toolbar/release-from-group-button.ts

@@ -1,5 +1,5 @@
 import { GroupElementModel } from '@blocksuite/affine-model';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { ReleaseFromGroupIcon } from '@blocksuite/icons/lit';
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/keyboard-toolbar/keyboard-tool-panel.ts

@@ -3,7 +3,7 @@ import {
   requiredProperties,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { html, nothing, type PropertyValues } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

blocksuite/affine/block-root/src/widgets/keyboard-toolbar/keyboard-toolbar.ts

@@ -5,7 +5,7 @@ import {
   requiredProperties,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { ArrowLeftBigIcon, KeyboardIcon } from '@blocksuite/icons/lit';
 import { effect, type Signal, signal } from '@preact/signals-core';
 import { html } from 'lit';

blocksuite/affine/block-root/src/widgets/keyboard-toolbar/position-controller.ts

@@ -1,6 +1,6 @@
 import { type VirtualKeyboardProvider } from '@blocksuite/affine-shared/services';
 import type { BlockStdScope, ShadowlessElement } from '@blocksuite/block-std';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { effect, type Signal } from '@preact/signals-core';
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
 

blocksuite/affine/block-root/src/widgets/linked-doc/import-doc/import-doc.ts

@@ -7,7 +7,7 @@ import {
   NotionIcon,
 } from '@blocksuite/affine-components/icons';
 import { openFileOrFiles } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import type { Schema, Workspace } from '@blocksuite/store';
 import { html, LitElement, type PropertyValues } from 'lit';
 import { query, state } from 'lit/decorators.js';

blocksuite/affine/block-root/src/widgets/linked-doc/linked-doc-popover.ts

@@ -12,7 +12,7 @@ import {
 } from '@blocksuite/affine-shared/utils';
 import { PropTypes, requiredProperties } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { MoreHorizontalIcon } from '@blocksuite/icons/lit';
 import { effect } from '@preact/signals-core';
 import { css, html, LitElement, nothing } from 'lit';

blocksuite/affine/block-root/src/widgets/linked-doc/mobile-linked-doc-menu.ts

@@ -8,7 +8,7 @@ import {
   getViewportElement,
 } from '@blocksuite/affine-shared/utils';
 import { PropTypes, requiredProperties } from '@blocksuite/block-std';
-import { SignalWatcher, WithDisposable } from '@blocksuite/global/utils';
+import { SignalWatcher, WithDisposable } from '@blocksuite/global/lit';
 import { MoreHorizontalIcon } from '@blocksuite/icons/lit';
 import { signal } from '@preact/signals-core';
 import { html, LitElement, nothing } from 'lit';

blocksuite/affine/block-root/src/widgets/slash-menu/index.ts

@@ -4,7 +4,8 @@ import {
 } from '@blocksuite/affine-components/rich-text';
 import type { UIEventStateContext } from '@blocksuite/block-std';
 import { TextSelection, WidgetComponent } from '@blocksuite/block-std';
-import { assertType, DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
+import { assertType } from '@blocksuite/global/utils';
 import { InlineEditor } from '@blocksuite/inline';
 import debounce from 'lodash-es/debounce';
 

blocksuite/affine/block-root/src/widgets/slash-menu/slash-menu-popover.ts

@@ -13,7 +13,7 @@ import {
   isFuzzyMatch,
   substringMatchScore,
 } from '@blocksuite/affine-shared/utils';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { autoPlacement, offset } from '@floating-ui/dom';
 import { html, LitElement, nothing, type PropertyValues } from 'lit';
 import { property, state } from 'lit/decorators.js';

blocksuite/affine/block-surface-ref/src/portal/generic-block.ts

@@ -12,7 +12,7 @@ import type {
 } from '@blocksuite/affine-model';
 import { ShadowlessElement } from '@blocksuite/block-std';
 import { Bound } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import type { BlockModel } from '@blocksuite/store';
 import { css, type TemplateResult } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-surface-ref/src/portal/note.ts

@@ -18,7 +18,7 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { deserializeXYWH } from '@blocksuite/global/gfx';
-import { WithDisposable } from '@blocksuite/global/utils';
+import { WithDisposable } from '@blocksuite/global/lit';
 import { type BlockModel, type Query } from '@blocksuite/store';
 import { css, nothing } from 'lit';
 import { property } from 'lit/decorators.js';

blocksuite/affine/block-surface-ref/src/surface-ref-block.ts

@@ -41,7 +41,7 @@ import {
   deserializeXYWH,
   type SerializedXYWH,
 } from '@blocksuite/global/gfx';
-import { DisposableGroup } from '@blocksuite/global/utils';
+import { DisposableGroup } from '@blocksuite/global/slot';
 import { DeleteIcon, EdgelessIcon, FrameIcon } from '@blocksuite/icons/lit';
 import type { BaseSelection, Store } from '@blocksuite/store';
 import { css, html, nothing, type TemplateResult } from 'lit';

blocksuite/affine/block-surface/src/extensions/legacy-slot-extension.ts

@@ -1,6 +1,6 @@
 import type { FrameBlockModel } from '@blocksuite/affine-model';
 import { createIdentifier } from '@blocksuite/global/di';
-import { Slot } from '@blocksuite/global/utils';
+import { Slot } from '@blocksuite/global/slot';
 import type { ExtensionType } from '@blocksuite/store';
 
 export const EdgelessLegacySlotIdentifier = createIdentifier<{

blocksuite/affine/block-surface/src/renderer/canvas-renderer.ts

@@ -8,7 +8,7 @@ import type {
 } from '@blocksuite/block-std/gfx';
 import type { IBound } from '@blocksuite/global/gfx';
 import { getBoundWithRotation, intersects } from '@blocksuite/global/gfx';
-import { DisposableGroup, Slot } from '@blocksuite/global/utils';
+import { DisposableGroup, Slot } from '@blocksuite/global/slot';
 import last from 'lodash-es/last';
 
 import type { SurfaceElementModel } from '../element-model/base.js';

blocksuite/affine/block-surface/src/surface-block.ts

@@ -7,7 +7,7 @@ import {
   type Viewport,
 } from '@blocksuite/block-std/gfx';
 import { Bound } from '@blocksuite/global/gfx';
-import type { Slot } from '@blocksuite/global/utils';
+import type { Slot } from '@blocksuite/global/slot';
 import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';