refactor(editor): add gfx entry in bs global package (#10612)

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

@@ -49,15 +49,19 @@ import {
   SortOrder,
 } from '@blocksuite/block-std/gfx';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
-import type { IBound, IVec, SerializedXYWH } from '@blocksuite/global/utils';
+import {
+  Bound,
+  getCommonBound,
+  type IBound,
+  type IVec,
+  type SerializedXYWH,
+  Vec,
+} from '@blocksuite/global/gfx';
 import {
   assertExists,
   assertType,
-  Bound,
   DisposableGroup,
-  getCommonBound,
   nToLast,
-  Vec,
 } from '@blocksuite/global/utils';
 import {
   type BlockSnapshot,

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

@@ -29,17 +29,16 @@ import {
 import { captureEventTarget } from '@blocksuite/affine-shared/utils';
 import { type BlockStdScope, stdContext } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import type { XYWH } from '@blocksuite/global/utils';
+import type { XYWH } from '@blocksuite/global/gfx';
 import {
-  assertInstanceOf,
   Bound,
   clamp,
   normalizeDegAngle,
   serializeXYWH,
   toDegree,
   Vec,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/gfx';
+import { assertInstanceOf, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -25,11 +25,11 @@ import {
 import { handleNativeRangeAtPoint } from '@blocksuite/affine-shared/utils';
 import { type BlockStdScope, stdContext } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import type { Bound, IVec } from '@blocksuite/global/utils';
+import type { Bound, IVec } from '@blocksuite/global/gfx';
+import { Vec } from '@blocksuite/global/gfx';
 import {
   assertExists,
   DisposableGroup,
-  Vec,
   WithDisposable,
 } from '@blocksuite/global/utils';
 import {

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

@@ -15,8 +15,8 @@ import {
 } from '@blocksuite/affine-model';
 import type { GfxController, GfxModel } from '@blocksuite/block-std/gfx';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
-import type { XYWH } from '@blocksuite/global/utils';
-import { assertType, Bound, normalizeDegAngle } from '@blocksuite/global/utils';
+import { Bound, normalizeDegAngle, type XYWH } from '@blocksuite/global/gfx';
+import { assertType } from '@blocksuite/global/utils';
 import * as Y from 'yjs';
 
 import type { EdgelessRootBlockComponent } from '../../edgeless-root-block.js';

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

@@ -9,7 +9,8 @@ import {
   stdContext,
 } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import { DisposableGroup, Vec, WithDisposable } from '@blocksuite/global/utils';
+import { Vec } from '@blocksuite/global/gfx';
+import { DisposableGroup, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -7,10 +7,9 @@ import {
   ShadowlessElement,
 } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
+import { Bound, deserializeXYWH } from '@blocksuite/global/gfx';
 import {
-  Bound,
   debounce,
-  deserializeXYWH,
   DisposableGroup,
   WithDisposable,
 } from '@blocksuite/global/utils';

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

@@ -10,12 +10,8 @@ import { TelemetryProvider } from '@blocksuite/affine-shared/services';
 import { getRectByBlockComponent } from '@blocksuite/affine-shared/utils';
 import { WidgetComponent } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import {
-  deserializeXYWH,
-  DisposableGroup,
-  Point,
-  serializeXYWH,
-} from '@blocksuite/global/utils';
+import { deserializeXYWH, Point, serializeXYWH } from '@blocksuite/global/gfx';
+import { DisposableGroup } from '@blocksuite/global/utils';
 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/presentation/edgeless-navigator-black-background.ts

@@ -2,7 +2,7 @@ import type { FrameBlockModel, RootBlockModel } from '@blocksuite/affine-model';
 import { EditPropsStore } from '@blocksuite/affine-shared/services';
 import { WidgetComponent } from '@blocksuite/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/block-std/gfx';
-import { Bound } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
 import { effect } from '@preact/signals-core';
 import { css, html, nothing } from 'lit';
 import { state } from 'lit/decorators.js';

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

@@ -49,20 +49,14 @@ import {
   type GfxModel,
   type GfxPrimitiveElementModel,
 } from '@blocksuite/block-std/gfx';
-import type {
-  Disposable,
-  IPoint,
-  IVec,
-  PointLocation,
-} from '@blocksuite/global/utils';
+import type { IPoint, IVec, PointLocation } from '@blocksuite/global/gfx';
 import {
-  assertType,
   Bound,
   deserializeXYWH,
   normalizeDegAngle,
-  pickValues,
-  Slot,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/gfx';
+import type { Disposable } from '@blocksuite/global/utils';
+import { assertType, pickValues, Slot } 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/resize/resize-handles.ts

@@ -1,4 +1,4 @@
-import type { IVec } from '@blocksuite/global/utils';
+import type { IVec } from '@blocksuite/global/gfx';
 import { html, nothing } from 'lit';
 
 export enum HandleDirection {

blocksuite/affine/block-root/src/edgeless/components/resize/resize-manager.ts

@@ -1,13 +1,13 @@
 import { NOTE_MIN_WIDTH } from '@blocksuite/affine-model';
 import {
-  assertExists,
   Bound,
   getQuadBoundWithRotation,
   type IPoint,
   type IVec,
   type PointLocation,
   rotatePoints,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/gfx';
+import { assertExists } from '@blocksuite/global/utils';
 
 import type { SelectableProps } from '../../utils/query.js';
 import { HandleDirection, type ResizeMode } from './resize-handles.js';

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

@@ -10,12 +10,8 @@ import {
   RANGE_SYNC_EXCLUDE_ATTR,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import {
-  assertExists,
-  Bound,
-  Vec,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { Bound, Vec } from '@blocksuite/global/gfx';
+import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -9,7 +9,8 @@ import {
   RANGE_SYNC_EXCLUDE_ATTR,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import { assertExists, Bound, WithDisposable } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -9,7 +9,8 @@ import {
   RANGE_SYNC_EXCLUDE_ATTR,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import { assertExists, Bound, WithDisposable } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -11,13 +11,8 @@ import {
   RANGE_SYNC_EXCLUDE_ATTR,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import {
-  assertExists,
-  Bound,
-  toRadian,
-  Vec,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { Bound, toRadian, Vec } from '@blocksuite/global/gfx';
+import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -10,13 +10,8 @@ import {
   RANGE_SYNC_EXCLUDE_ATTR,
   ShadowlessElement,
 } from '@blocksuite/block-std';
-import {
-  assertExists,
-  Bound,
-  toRadian,
-  Vec,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { Bound, toRadian, Vec } from '@blocksuite/global/gfx';
+import { assertExists, WithDisposable } from '@blocksuite/global/utils';
 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/common/draggable/draggable-element.controller.ts

@@ -2,7 +2,8 @@ import {
   EditPropsStore,
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
-import { assertExists, Bound } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertExists } from '@blocksuite/global/utils';
 import {
   type ReactiveController,
   type ReactiveControllerHost,

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

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

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

@@ -12,7 +12,8 @@ import {
   TelemetryProvider,
 } from '@blocksuite/affine-shared/services';
 import { openFileOrFiles } from '@blocksuite/affine-shared/utils';
-import { assertInstanceOf, Bound } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertInstanceOf } from '@blocksuite/global/utils';
 import type { TemplateResult } from 'lit';
 import * as Y from 'yjs';
 

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

@@ -8,7 +8,7 @@ import {
 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/utils';
+import type { Bound } from '@blocksuite/global/gfx';
 import { SignalWatcher } from '@blocksuite/global/utils';
 import type { BlockModel } from '@blocksuite/store';
 import { consume } from '@lit/context';

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

@@ -8,7 +8,7 @@ import {
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
 import type { GfxToolsFullOptionValue } from '@blocksuite/block-std/gfx';
-import type { Bound } from '@blocksuite/global/utils';
+import type { Bound } from '@blocksuite/global/gfx';
 import { SignalWatcher } from '@blocksuite/global/utils';
 import { computed } from '@preact/signals-core';
 import { css, html, LitElement, nothing } from 'lit';

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

@@ -1,6 +1,6 @@
 import { openFileOrFiles } from '@blocksuite/affine-shared/utils';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
-import type { Bound } from '@blocksuite/global/utils';
+import type { Bound } from '@blocksuite/global/gfx';
 import c from 'simple-xml-to-json';
 
 type MindMapNode = {

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

@@ -6,7 +6,8 @@ import { toast } from '@blocksuite/affine-components/toast';
 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, SignalWatcher } from '@blocksuite/global/utils';
+import { Bound, clamp } from '@blocksuite/global/gfx';
+import { SignalWatcher } from '@blocksuite/global/utils';
 import {
   EndPointArrowIcon,
   ExpandCloseIcon,

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

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

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

@@ -10,7 +10,8 @@ import {
   requestConnectedFrame,
   stopPropagation,
 } from '@blocksuite/affine-shared/utils';
-import { type Bound, WithDisposable } from '@blocksuite/global/utils';
+import type { Bound } from '@blocksuite/global/gfx';
+import { WithDisposable } from '@blocksuite/global/utils';
 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/components/utils.ts

@@ -1,9 +1,9 @@
 import type { CursorType, StandardCursor } from '@blocksuite/block-std/gfx';
-import type { IVec } from '@blocksuite/global/utils';
-import { assertExists, normalizeDegAngle, Vec } from '@blocksuite/global/utils';
+import type { IVec } from '@blocksuite/global/gfx';
+import { normalizeDegAngle, Vec } from '@blocksuite/global/gfx';
+import { assertExists } from '@blocksuite/global/utils';
 import { css, html } from 'lit';
 
-// "<svg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path fill='white' d='M13.7,18.5h3.9l0-1.5c0-1.4-1.2-2.6-2.6-2.6h-1.5v3.9l-5.8-5.8l5.8-5.8v3.9h2.3c3.1,0,5.6,2.5,5.6,5.6v2.3h3.9l-5.8,5.8L13.7,18.5z'/><path d='M20.4,19.4v-3.2c0-2.6-2.1-4.7-4.7-4.7h-3.2l0,0V9L9,12.6l3.6,3.6v-2.6l0,0H15c1.9,0,3.5,1.6,3.5,3.5v2.4l0,0h-2.6l3.6,3.6l3.6-3.6L20.4,19.4L20.4,19.4z'/></g></svg>";
 export function generateCursorUrl(
   angle = 0,
   fallback: StandardCursor = 'default'

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

@@ -29,7 +29,7 @@ import {
   isGfxGroupCompatibleModel,
 } from '@blocksuite/block-std/gfx';
 import { IS_MAC } from '@blocksuite/global/env';
-import { Bound, getCommonBound } from '@blocksuite/global/utils';
+import { Bound, getCommonBound } from '@blocksuite/global/gfx';
 
 import { PageKeyboardManager } from '../keyboard/keyboard-manager.js';
 import type { EdgelessRootBlockComponent } from './edgeless-root-block.js';

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

@@ -39,7 +39,8 @@ import {
   type GfxViewportElement,
 } from '@blocksuite/block-std/gfx';
 import { IS_WINDOWS } from '@blocksuite/global/env';
-import { assertExists, Bound, Point, Vec } from '@blocksuite/global/utils';
+import { Bound, Point, Vec } from '@blocksuite/global/gfx';
+import { assertExists } from '@blocksuite/global/utils';
 import { effect } from '@preact/signals-core';
 import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';

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

@@ -32,7 +32,7 @@ import {
   ZOOM_STEP,
 } from '@blocksuite/block-std/gfx';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
-import { Bound, getCommonBound } from '@blocksuite/global/utils';
+import { Bound, getCommonBound } from '@blocksuite/global/gfx';
 import { effect } from '@preact/signals-core';
 import clamp from 'lodash-es/clamp';
 

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

@@ -3,7 +3,7 @@ import type { BrushElementModel } from '@blocksuite/affine-model';
 import { TelemetryProvider } from '@blocksuite/affine-shared/services';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BaseTool } from '@blocksuite/block-std/gfx';
-import type { IVec } from '@blocksuite/global/utils';
+import type { IVec } from '@blocksuite/global/gfx';
 import { assertExists } from '@blocksuite/global/utils';
 
 export class BrushTool extends BaseTool {

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

@@ -19,8 +19,8 @@ import {
 import { TelemetryProvider } from '@blocksuite/affine-shared/services';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BaseTool, type GfxModel } from '@blocksuite/block-std/gfx';
-import type { IBound, IVec } from '@blocksuite/global/utils';
-import { Bound } from '@blocksuite/global/utils';
+import type { IBound, IVec } from '@blocksuite/global/gfx';
+import { Bound } from '@blocksuite/global/gfx';
 
 enum ConnectorToolMode {
   // Dragging connect

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

@@ -1,6 +1,7 @@
 import type { PointerEventState } from '@blocksuite/block-std';
 import type { GfxElementModelView } from '@blocksuite/block-std/gfx';
-import { Bound, last } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { last } from '@blocksuite/global/utils';
 
 import { DefaultModeDragType, DefaultToolExt } from './ext.js';
 

blocksuite/affine/block-root/src/edgeless/gfx-tool/default-tool-ext/mind-map-ext/drag-utils.ts

@@ -8,7 +8,8 @@ import {
   type MindmapNode,
   type MindmapRoot,
 } from '@blocksuite/affine-model';
-import { Bound, last } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { last } from '@blocksuite/global/utils';
 
 const isOnEdge = (node: MindmapNode, direction: 'tail' | 'head') => {
   let current = node;

blocksuite/affine/block-root/src/edgeless/gfx-tool/default-tool-ext/mind-map-ext/indicator-overlay.ts

@@ -15,11 +15,11 @@ import {
   type Bound,
   isVecZero,
   type IVec,
-  last,
   PointLocation,
   toRadian,
   Vec,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/gfx';
+import { last } from '@blocksuite/global/utils';
 
 export class MindMapIndicatorOverlay extends Overlay {
   static INDICATOR_SIZE = [48, 22];

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

@@ -17,7 +17,7 @@ import {
   type GfxPrimitiveElementModel,
   isGfxGroupCompatibleModel,
 } from '@blocksuite/block-std/gfx';
-import type { Bound, IVec } from '@blocksuite/global/utils';
+import type { Bound, IVec } from '@blocksuite/global/gfx';
 
 import { isSingleMindMapNode } from '../../../utils/mindmap.js';
 import { isMindmapNode } from '../../../utils/query.js';

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

@@ -41,15 +41,9 @@ import {
   isGfxGroupCompatibleModel,
   type PointTestOptions,
 } from '@blocksuite/block-std/gfx';
-import type { IVec } from '@blocksuite/global/utils';
-import {
-  Bound,
-  DisposableGroup,
-  getCommonBoundWithRotation,
-  last,
-  noop,
-  Vec,
-} from '@blocksuite/global/utils';
+import type { IVec } from '@blocksuite/global/gfx';
+import { Bound, getCommonBoundWithRotation, Vec } from '@blocksuite/global/gfx';
+import { DisposableGroup, last, noop } from '@blocksuite/global/utils';
 import { effect } from '@preact/signals-core';
 import clamp from 'lodash-es/clamp';
 

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

@@ -12,7 +12,7 @@ import {
   getSvgPathFromStroke,
   type IVec,
   linePolygonIntersects,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/gfx';
 
 class EraserOverlay extends Overlay {
   d = '';

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

@@ -14,8 +14,8 @@ import {
   getTopElements,
   GfxExtensionIdentifier,
 } from '@blocksuite/block-std/gfx';
-import type { IPoint, IVec } from '@blocksuite/global/utils';
-import { Bound, Vec } from '@blocksuite/global/utils';
+import type { IPoint, IVec } from '@blocksuite/global/gfx';
+import { Bound, Vec } from '@blocksuite/global/gfx';
 import { Text } from '@blocksuite/store';
 import * as Y from 'yjs';
 

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

@@ -6,7 +6,7 @@ import { ThemeProvider } from '@blocksuite/affine-shared/services';
 import { LassoMode } from '@blocksuite/affine-shared/types';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BaseTool } from '@blocksuite/block-std/gfx';
-import type { IPoint, IVec } from '@blocksuite/global/utils';
+import type { IPoint, IVec } from '@blocksuite/global/gfx';
 import {
   Bound,
   getBoundFromPoints,
@@ -16,7 +16,7 @@ import {
   pointInPolygon,
   rotatePoints,
   Vec,
-} from '@blocksuite/global/utils';
+} from '@blocksuite/global/gfx';
 
 class LassoOverlay extends Overlay {
   d = '';

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

@@ -9,7 +9,7 @@ import type { NoteChildrenFlavour } from '@blocksuite/affine-shared/types';
 import { hasClassNameInList } from '@blocksuite/affine-shared/utils';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BaseTool } from '@blocksuite/block-std/gfx';
-import { Point } from '@blocksuite/global/utils';
+import { Point } from '@blocksuite/global/gfx';
 import { effect } from '@preact/signals-core';
 
 import { EXCLUDING_MOUSE_OUT_CLASS_LIST } from '../utils/consts.js';

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

@@ -12,8 +12,8 @@ import {
 import { hasClassNameInList } from '@blocksuite/affine-shared/utils';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BaseTool } from '@blocksuite/block-std/gfx';
-import type { IBound } from '@blocksuite/global/utils';
-import { Bound } from '@blocksuite/global/utils';
+import type { IBound } from '@blocksuite/global/gfx';
+import { Bound } from '@blocksuite/global/gfx';
 import { effect } from '@preact/signals-core';
 
 import {

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

@@ -6,7 +6,7 @@ import {
 } from '@blocksuite/affine-shared/services';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BaseTool, type GfxController } from '@blocksuite/block-std/gfx';
-import { Bound } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
 import * as Y from 'yjs';
 
 import type { EdgelessRootBlockComponent } from '../edgeless-root-block.js';

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

@@ -1,6 +1,7 @@
 import { generateElementId, sortIndex } from '@blocksuite/affine-block-surface';
 import type { ConnectorElementModel } from '@blocksuite/affine-model';
-import { assertExists, assertType, Bound } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertExists, assertType } from '@blocksuite/global/utils';
 import type { BlockSnapshot, SnapshotNode } from '@blocksuite/store';
 
 import type { SlotBlockPayload, TemplateJob } from './template.js';

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

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

blocksuite/affine/block-root/src/edgeless/utils/bound-utils.ts

@@ -1,5 +1,5 @@
 import type { SerializedElement } from '@blocksuite/block-std/gfx';
-import { Bound, getBoundWithRotation } from '@blocksuite/global/utils';
+import { Bound, getBoundWithRotation } from '@blocksuite/global/gfx';
 import { type BlockSnapshot, BlockSnapshotSchema } from '@blocksuite/store';
 
 export function getBoundFromSerializedElement(element: SerializedElement) {

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

@@ -18,7 +18,8 @@ import {
   type GfxModel,
   type SerializedElement,
 } from '@blocksuite/block-std/gfx';
-import { getCommonBoundWithRotation, groupBy } from '@blocksuite/global/utils';
+import { getCommonBoundWithRotation } from '@blocksuite/global/gfx';
+import { groupBy } from '@blocksuite/global/utils';
 import { type BlockSnapshot, BlockSnapshotSchema } from '@blocksuite/store';
 
 import type { EdgelessRootBlockComponent } from '../edgeless-root-block.js';

blocksuite/affine/block-root/src/edgeless/utils/panning-utils.ts

@@ -1,6 +1,6 @@
 import type { PointerEventState } from '@blocksuite/block-std';
 import type { Viewport } from '@blocksuite/block-std/gfx';
-import type { IVec } from '@blocksuite/global/utils';
+import type { IVec } from '@blocksuite/global/gfx';
 
 const PANNING_DISTANCE = 30;
 

blocksuite/affine/block-root/src/edgeless/utils/query.ts

@@ -29,8 +29,8 @@ import type {
   GfxToolsFullOptionValue,
   Viewport,
 } from '@blocksuite/block-std/gfx';
-import type { PointLocation } from '@blocksuite/global/utils';
-import { Bound } from '@blocksuite/global/utils';
+import type { PointLocation } from '@blocksuite/global/gfx';
+import { Bound } from '@blocksuite/global/gfx';
 import type { BlockModel } from '@blocksuite/store';
 
 export function isMindmapNode(element: GfxBlockElementModel | GfxModel | null) {

blocksuite/affine/block-root/src/edgeless/utils/snap-manager.ts

@@ -1,7 +1,7 @@
 import { Overlay } from '@blocksuite/affine-block-surface';
 import { ConnectorElementModel } from '@blocksuite/affine-model';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
-import { almostEqual, Bound, Point } from '@blocksuite/global/utils';
+import { almostEqual, Bound, Point } from '@blocksuite/global/gfx';
 
 interface Distance {
   horiz?: {

blocksuite/affine/block-root/src/edgeless/utils/text.ts

@@ -12,8 +12,9 @@ import type {
 import { ShapeElementModel, TextElementModel } from '@blocksuite/affine-model';
 import type { PointerEventState } from '@blocksuite/block-std';
 import { BlockSuiteError, ErrorCode } from '@blocksuite/global/exceptions';
-import type { IVec } from '@blocksuite/global/utils';
-import { assertInstanceOf, Bound } from '@blocksuite/global/utils';
+import type { IVec } from '@blocksuite/global/gfx';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertInstanceOf } from '@blocksuite/global/utils';
 import * as Y from 'yjs';
 
 import { EdgelessConnectorLabelEditor } from '../components/text/edgeless-connector-label-editor.js';

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

@@ -12,10 +12,10 @@ import {
 } from '@blocksuite/affine-model';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';
 import type { GfxController, GfxToolsMap } from '@blocksuite/block-std/gfx';
-import type { XYWH } from '@blocksuite/global/utils';
+import type { XYWH } from '@blocksuite/global/gfx';
+import { Bound } from '@blocksuite/global/gfx';
 import {
   assertType,
-  Bound,
   DisposableGroup,
   noop,
   Slot,

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

@@ -23,7 +23,7 @@ import {
   BlockSelection,
   TextSelection,
 } from '@blocksuite/block-std';
-import { Point } from '@blocksuite/global/utils';
+import { Point } from '@blocksuite/global/gfx';
 import type { BlockModel, Text } from '@blocksuite/store';
 import { css, html } from 'lit';
 import { query } from 'lit/decorators.js';

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

@@ -1,7 +1,8 @@
 import { MindmapElementModel } from '@blocksuite/affine-model';
 import { TelemetryProvider } from '@blocksuite/affine-shared/services';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
-import { Bound, WithDisposable } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { WithDisposable } from '@blocksuite/global/utils';
 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/align-button.ts

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

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

@@ -18,7 +18,8 @@ import {
   EMBED_CARD_WIDTH,
 } from '@blocksuite/affine-shared/consts';
 import { ThemeProvider } from '@blocksuite/affine-shared/services';
-import { Bound, WithDisposable } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { WithDisposable } from '@blocksuite/global/utils';
 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-embed-card-button.ts

@@ -54,7 +54,8 @@ import {
 } from '@blocksuite/affine-shared/services';
 import { getHostName, referenceToNode } from '@blocksuite/affine-shared/utils';
 import type { BlockStdScope } from '@blocksuite/block-std';
-import { Bound, WithDisposable } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { WithDisposable } from '@blocksuite/global/utils';
 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

@@ -22,13 +22,8 @@ import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
 import { matchModels } from '@blocksuite/affine-shared/utils';
 import { GfxExtensionIdentifier } from '@blocksuite/block-std/gfx';
-import {
-  countBy,
-  deserializeXYWH,
-  maxBy,
-  serializeXYWH,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { deserializeXYWH, serializeXYWH } from '@blocksuite/global/gfx';
+import { countBy, maxBy, WithDisposable } from '@blocksuite/global/utils';
 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

@@ -7,11 +7,8 @@ import {
   NoteDisplayMode,
 } from '@blocksuite/affine-model';
 import { matchModels } from '@blocksuite/affine-shared/utils';
-import {
-  deserializeXYWH,
-  serializeXYWH,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { deserializeXYWH, serializeXYWH } from '@blocksuite/global/gfx';
+import { WithDisposable } from '@blocksuite/global/utils';
 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-note-button.ts

@@ -30,12 +30,8 @@ import {
   TelemetryProvider,
   ThemeProvider,
 } from '@blocksuite/affine-shared/services';
-import {
-  Bound,
-  countBy,
-  maxBy,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { countBy, maxBy, WithDisposable } from '@blocksuite/global/utils';
 import {
   AutoHeightIcon,
   CornerIcon,

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

@@ -31,12 +31,8 @@ import {
 } from '@blocksuite/affine-model';
 import { FeatureFlagService } from '@blocksuite/affine-shared/services';
 import type { ColorEvent } from '@blocksuite/affine-shared/utils';
-import {
-  Bound,
-  countBy,
-  maxBy,
-  WithDisposable,
-} from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { countBy, maxBy, WithDisposable } from '@blocksuite/global/utils';
 import {
   TextAlignCenterIcon,
   TextAlignLeftIcon,

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

@@ -30,13 +30,8 @@ import { ThemeProvider } from '@blocksuite/affine-shared/services';
 import { requestConnectedFrame } from '@blocksuite/affine-shared/utils';
 import { WidgetComponent } from '@blocksuite/block-std';
 import type { GfxModel } from '@blocksuite/block-std/gfx';
-import {
-  atLeastNMatches,
-  clamp,
-  getCommonBoundWithRotation,
-  groupBy,
-  pickValues,
-} from '@blocksuite/global/utils';
+import { clamp, getCommonBoundWithRotation } from '@blocksuite/global/gfx';
+import { atLeastNMatches, groupBy, pickValues } from '@blocksuite/global/utils';
 import { ConnectorCIcon } from '@blocksuite/icons/lit';
 import { css, html, nothing, type TemplateResult, unsafeCSS } from 'lit';
 import { property, state } from 'lit/decorators.js';

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

@@ -16,7 +16,7 @@ import {
   OpenDocExtensionIdentifier,
   TelemetryProvider,
 } from '@blocksuite/affine-shared/services';
-import { Bound, getCommonBoundWithRotation } from '@blocksuite/global/utils';
+import { Bound, getCommonBoundWithRotation } from '@blocksuite/global/gfx';
 import {
   ArrowDownBigBottomIcon,
   ArrowDownBigIcon,

blocksuite/affine/block-root/src/widgets/surface-ref-toolbar/utils.ts

@@ -7,7 +7,8 @@ import {
   GfxControllerIdentifier,
   type GfxModel,
 } from '@blocksuite/block-std/gfx';
-import { assertExists, Bound } from '@blocksuite/global/utils';
+import { Bound } from '@blocksuite/global/gfx';
+import { assertExists } from '@blocksuite/global/utils';
 
 export const edgelessToBlob = async (
   host: EditorHost,