refactor(editor): orgnize exports (#10709)

blocksuite/affine/all/package.json

@@ -73,7 +73,6 @@
     "./inline/consts": "./src/inline/consts.ts",
     "./inline/effects": "./src/inline/effects.ts",
     "./inline/types": "./src/inline/types.ts",
-    "./blocks": "./src/blocks/index.ts",
     "./blocks/attachment": "./src/blocks/attachment.ts",
     "./blocks/bookmark": "./src/blocks/bookmark.ts",
     "./blocks/callout": "./src/blocks/callout.ts",
@@ -141,6 +140,7 @@
     "./shared/theme": "./src/shared/theme.ts",
     "./shared/types": "./src/shared/types.ts",
     "./shared/utils": "./src/shared/utils.ts",
+    "./shared/viewport-renderer": "./src/shared/viewport-renderer.ts",
     "./schemas": "./src/schemas.ts",
     "./model": "./src/model/index.ts",
     "./sync": "./src/sync/index.ts",

blocksuite/affine/all/src/blocks/index.ts

@@ -1,37 +0,0 @@
-export * from '../adapters/index.js';
-export * from '../extensions/index.js';
-export * from '@blocksuite/affine-block-attachment';
-export * from '@blocksuite/affine-block-bookmark';
-export * from '@blocksuite/affine-block-code';
-export * from '@blocksuite/affine-block-data-view';
-export * from '@blocksuite/affine-block-database';
-export * from '@blocksuite/affine-block-divider';
-export * from '@blocksuite/affine-block-edgeless-text';
-export * from '@blocksuite/affine-block-embed';
-export * from '@blocksuite/affine-block-frame';
-export * from '@blocksuite/affine-block-image';
-export * from '@blocksuite/affine-block-latex';
-export * from '@blocksuite/affine-block-list';
-export * from '@blocksuite/affine-block-note';
-export * from '@blocksuite/affine-block-paragraph';
-export * from '@blocksuite/affine-block-root';
-export * from '@blocksuite/affine-block-surface';
-export * from '@blocksuite/affine-block-surface-ref';
-export * from '@blocksuite/affine-block-table';
-export {
-  DocTitle,
-  getDocTitleByEditorHost,
-} from '@blocksuite/affine-fragment-doc-title';
-export * from '@blocksuite/affine-fragment-frame-panel';
-export * from '@blocksuite/affine-fragment-outline';
-export * from '@blocksuite/affine-model';
-export * from '@blocksuite/affine-rich-text';
-export * from '@blocksuite/affine-shared/adapters';
-export * from '@blocksuite/affine-shared/commands';
-export {
-  ViewportTurboRendererExtension,
-  ViewportTurboRendererIdentifier,
-} from '@blocksuite/affine-shared/viewport-renderer';
-export type { DragBlockPayload } from '@blocksuite/affine-widget-drag-handle';
-export * from '@blocksuite/affine-widget-slash-menu';
-export { toolbarWidget } from '@blocksuite/affine-widget-toolbar';

blocksuite/affine/all/src/shared/viewport-renderer.ts

@@ -0,0 +1 @@
+export * from '@blocksuite/affine-shared/viewport-renderer';

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

@@ -662,9 +662,3 @@ export class EdgelessAutoCompletePanel extends WithDisposable(LitElement) {
   })
   accessor std!: BlockStdScope;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-auto-complete-panel': EdgelessAutoCompletePanel;
-  }
-}

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

@@ -750,9 +750,3 @@ export class EdgelessAutoComplete extends WithDisposable(LitElement) {
   })
   accessor std!: BlockStdScope;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-auto-complete': EdgelessAutoComplete;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/buttons/tool-icon-button.ts

@@ -190,9 +190,3 @@ export class EdgelessToolIconButton extends LitElement {
   @property({ attribute: false })
   accessor withHover: boolean | undefined = undefined;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-tool-icon-button': EdgelessToolIconButton;
-  }
-}

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

@@ -37,9 +37,3 @@ export class EdgelessToolbarButton extends EdgelessToolIconButton {
     return html` ${super.render()} `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-toolbar-button': EdgelessToolbarButton;
-  }
-}

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

@@ -162,9 +162,3 @@ export class EdgelessConnectorHandle extends WithDisposable(LitElement) {
   })
   accessor std!: BlockStdScope;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-connector-handle': EdgelessConnectorHandle;
-  }
-}

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

@@ -238,9 +238,3 @@ export class FramePreview extends WithDisposable(ShadowlessElement) {
   @property({ attribute: false })
   accessor surfaceWidth: number = DEFAULT_PREVIEW_CONTAINER_WIDTH;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'frame-preview': FramePreview;
-  }
-}

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

@@ -433,9 +433,3 @@ export class NoteSlicer extends WidgetComponent<
   @state()
   private accessor _isResizing = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'note-slicer': NoteSlicer;
-  }
-}

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

@@ -68,9 +68,3 @@ export class EdgelessAlignPanel extends LitElement {
   @property({ attribute: false })
   accessor value: TextAlign = TextAlign.Left;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-align-panel': EdgelessAlignPanel;
-  }
-}

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

@@ -63,9 +63,3 @@ export class CardStylePanel extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor value: EmbedCardStyle | undefined = undefined;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'card-style-panel': CardStylePanel;
-  }
-}

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

@@ -312,11 +312,3 @@ export class EdgelessTextColorIcon extends LitElement {
   @property({ attribute: false })
   accessor color!: string;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-color-panel': EdgelessColorPanel;
-    'edgeless-color-button': EdgelessColorButton;
-    'edgeless-text-color-icon': EdgelessTextColorIcon;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/panel/font-family-panel.ts

@@ -55,9 +55,3 @@ export class EdgelessFontFamilyPanel extends LitElement {
   @property({ attribute: false })
   accessor value: FontFamily = FontFamily.Inter;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-font-family-panel': EdgelessFontFamilyPanel;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/panel/font-weight-and-style-panel.ts

@@ -161,9 +161,3 @@ export class EdgelessFontWeightAndStylePanel extends LitElement {
     | ((fontWeight: FontWeight, fontStyle: FontStyle) => void)
     | undefined;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-font-weight-and-style-panel': EdgelessFontWeightAndStylePanel;
-  }
-}

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

@@ -251,9 +251,3 @@ export class EdgelessLineWidthPanel extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor selectedSize: LineWidth = LineWidth.Two;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-line-width-panel': EdgelessLineWidthPanel;
-  }
-}

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

@@ -102,9 +102,3 @@ export class NoteDisplayModePanel extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor panelWidth = 240;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'note-display-mode-panel': NoteDisplayModePanel;
-  }
-}

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

@@ -142,9 +142,3 @@ export class EdgelessNoteShadowPanel extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor value!: string;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-note-shadow-panel': EdgelessNoteShadowPanel;
-  }
-}

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

@@ -129,9 +129,3 @@ export class EdgelessScalePanel extends LitElement {
   @property({ attribute: false })
   accessor scaleList: readonly number[] = SCALE_LIST;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-scale-panel': EdgelessScalePanel;
-  }
-}

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

@@ -63,9 +63,3 @@ export class EdgelessShapePanel extends LitElement {
   @property({ attribute: false })
   accessor shapeStyle: ShapeStyle = ShapeStyle.Scribbled;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-shape-panel': EdgelessShapePanel;
-  }
-}

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

@@ -57,9 +57,3 @@ export class EdgelessShapeStylePanel extends LitElement {
   @property({ attribute: false })
   accessor value!: ShapeStyle;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-shape-style-panel': EdgelessShapeStylePanel;
-  }
-}

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

@@ -160,9 +160,3 @@ export class EdgelessSizePanel extends LitElement {
   @property({ attribute: 'data-type' })
   accessor type: 'normal' | 'check' = 'normal';
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-size-panel': EdgelessSizePanel;
-  }
-}

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

@@ -68,9 +68,3 @@ export class StrokeStylePanel extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor theme!: ColorScheme;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'stroke-style-panel': StrokeStylePanel;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/presentation/edgeless-navigator-black-background.ts

@@ -114,9 +114,3 @@ export class EdgelessNavigatorBlackBackgroundWidget extends WidgetComponent<
   @state()
   private accessor show = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-navigator-black-background': EdgelessNavigatorBlackBackgroundWidget;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/rects/edgeless-dragging-area-rect.ts

@@ -56,9 +56,3 @@ export class EdgelessDraggingAreaRectWidget extends WidgetComponent<
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-dragging-area-rect': EdgelessDraggingAreaRectWidget;
-  }
-}

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

@@ -1554,9 +1554,3 @@ export class EdgelessSelectedRectWidget extends WidgetComponent<
   @state()
   accessor autoCompleteOff = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-selected-rect': EdgelessSelectedRectWidget;
-  }
-}

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

@@ -321,9 +321,3 @@ export class EdgelessConnectorLabelEditor extends WithDisposable(
   @query('rich-text')
   accessor richText!: RichText;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-connector-label-editor': EdgelessConnectorLabelEditor;
-  }
-}

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

@@ -175,9 +175,3 @@ export class EdgelessFrameTitleEditor extends WithDisposable(
   @query('rich-text')
   accessor richText: RichText | null = null;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-frame-title-editor': EdgelessFrameTitleEditor;
-  }
-}

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

@@ -145,9 +145,3 @@ export class EdgelessGroupTitleEditor extends WithDisposable(
   @query('rich-text')
   accessor richText!: RichText;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-group-title-editor': EdgelessGroupTitleEditor;
-  }
-}

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

@@ -360,9 +360,3 @@ export class EdgelessShapeTextEditor extends WithDisposable(ShadowlessElement) {
   @query('rich-text')
   accessor richText!: RichText;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-shape-text-editor': EdgelessShapeTextEditor;
-  }
-}

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

@@ -413,9 +413,3 @@ export class EdgelessTextEditor extends WithDisposable(ShadowlessElement) {
   @query('rich-text')
   accessor richText!: RichText;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-text-editor': EdgelessTextEditor;
-  }
-}

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

@@ -80,9 +80,3 @@ export class EdgelessBrushMenu extends EdgelessToolbarToolMixin(
   @property({ attribute: false })
   accessor onChange!: (props: Record<string, unknown>) => void;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-brush-menu': EdgelessBrushMenu;
-  }
-}

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

@@ -89,9 +89,3 @@ export class EdgelessBrushToolButton extends EdgelessToolbarToolMixin(
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-brush-tool-button': EdgelessBrushToolButton;
-  }
-}

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

@@ -174,9 +174,3 @@ export class EdgelessSlideMenu extends WithDisposable(LitElement) {
   @consume({ context: edgelessToolbarSlotsContext })
   accessor toolbarSlots!: EdgelessToolbarSlots;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-slide-menu': EdgelessSlideMenu;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/common/toolbar-arrow-up-icon.ts

@@ -15,9 +15,3 @@ export class ToolbarArrowUpIcon extends ShadowlessElement {
     return html`<span class="arrow-up-icon"> ${ArrowUpSmallIcon()} </span>`;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'toolbar-arrow-up-icon': ToolbarArrowUpIcon;
-  }
-}

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

@@ -148,9 +148,3 @@ export class EdgelessConnectorMenu extends EdgelessToolbarToolMixin(
   @property({ attribute: false })
   accessor onChange!: (props: Record<string, unknown>) => void;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-connector-menu': EdgelessConnectorMenu;
-  }
-}

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

@@ -74,9 +74,3 @@ export class EdgelessConnectorToolButton extends QuickToolMixin(
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-connector-tool-button': EdgelessConnectorToolButton;
-  }
-}

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

@@ -97,9 +97,3 @@ export class EdgelessDefaultToolButton extends QuickToolMixin(LitElement) {
   @query('.current-icon')
   accessor currentIcon!: HTMLInputElement;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-default-tool-button': EdgelessDefaultToolButton;
-  }
-}

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

@@ -693,9 +693,3 @@ export class EdgelessToolbarWidget extends WidgetComponent<
   @query('.edgeless-toolbar-container')
   accessor toolbarContainer!: HTMLElement;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-toolbar-widget': EdgelessToolbarWidget;
-  }
-}

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

@@ -70,9 +70,3 @@ export class EdgelessEraserToolButton extends EdgelessToolbarToolMixin(
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-eraser-tool-button': EdgelessEraserToolButton;
-  }
-}

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

@@ -96,9 +96,3 @@ export class EdgelessFrameMenu extends EdgelessToolbarToolMixin(LitElement) {
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-frame-menu': EdgelessFrameMenu;
-  }
-}

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

@@ -43,9 +43,3 @@ export class EdgelessFrameToolButton extends QuickToolMixin(LitElement) {
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-frame-tool-button': EdgelessFrameToolButton;
-  }
-}

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

@@ -95,9 +95,3 @@ export class EdgelessLassoToolButton extends QuickToolMixin(
   @query('.current-icon')
   accessor currentIcon!: HTMLInputElement;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-lasso-tool-button': EdgelessLassoToolButton;
-  }
-}

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

@@ -62,9 +62,3 @@ export class EdgelessLinkToolButton extends QuickToolMixin(LitElement) {
     </edgeless-tool-icon-button>`;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-link-tool-button': EdgelessLinkToolButton;
-  }
-}

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/mindmap/mindmap-importing-placeholder.ts

@@ -52,9 +52,3 @@ export class MindMapPlaceholder extends ShadowlessElement {
     </div>`;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'mindmap-import-placeholder': MindMapPlaceholder;
-  }
-}

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

@@ -395,9 +395,3 @@ export class EdgelessMindmapMenu extends EdgelessToolbarToolMixin(
   @consume({ context: stdContext })
   accessor std!: BlockStdScope;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-mindmap-menu': EdgelessMindmapMenu;
-  }
-}

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

@@ -446,9 +446,3 @@ export class EdgelessMindmapToolButton extends EdgelessToolbarToolMixin(
   @state()
   accessor readyToDrop = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-mindmap-tool-button': EdgelessMindmapToolButton;
-  }
-}

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

@@ -204,9 +204,3 @@ export class EdgelessNoteMenu extends EdgelessToolbarToolMixin(LitElement) {
   @property({ attribute: false })
   accessor tip!: string;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-note-menu': EdgelessNoteMenu;
-  }
-}

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

@@ -112,9 +112,3 @@ export class EdgelessNoteToolButton extends QuickToolMixin(LitElement) {
   @state()
   accessor tip = 'Text';
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-note-tool-button': EdgelessNoteToolButton;
-  }
-}

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

@@ -257,9 +257,3 @@ export class EdgelessFrameOrderMenu extends SignalWatcher(
   @property({ attribute: false })
   accessor embed = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-frame-order-menu': EdgelessFrameOrderMenu;
-  }
-}

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

@@ -195,9 +195,3 @@ export class EdgelessNavigatorSettingButton extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor setPopperShow: (show: boolean) => void = () => {};
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-navigator-setting-button': EdgelessNavigatorSettingButton;
-  }
-}

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

@@ -38,9 +38,3 @@ export class EdgelessPresentButton extends QuickToolMixin(
   </div>`;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-present-button': EdgelessPresentButton;
-  }
-}

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

@@ -447,9 +447,3 @@ export class PresentationToolbar extends EdgelessToolbarToolMixin(
   @property({ type: Boolean })
   accessor settingMenuShow = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'presentation-toolbar': PresentationToolbar;
-  }
-}

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

@@ -350,9 +350,3 @@ export class EdgelessToolbarShapeDraggable extends EdgelessToolbarToolMixin(
   @query('.edgeless-shape-draggable')
   accessor shapeContainer!: HTMLDivElement;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-toolbar-shape-draggable': EdgelessToolbarShapeDraggable;
-  }
-}

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

@@ -188,9 +188,3 @@ export class EdgelessShapeMenu extends SignalWatcher(
   @property({ attribute: false })
   accessor onChange!: (name: ShapeName) => void;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-shape-menu': EdgelessShapeMenu;
-  }
-}

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

@@ -84,9 +84,3 @@ export class EdgelessShapeToolButton extends EdgelessToolbarToolMixin(
     `;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-shape-tool-button': EdgelessShapeToolButton;
-  }
-}

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

@@ -318,9 +318,3 @@ export class EdgelessShapeToolElement extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor shapeType!: ShapeName;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-shape-tool-element': EdgelessShapeToolElement;
-  }
-}

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

@@ -172,9 +172,3 @@ export class OverlayScrollbar extends LitElement {
   @query('.overlay-handle')
   private accessor _handle!: HTMLDivElement;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'overlay-scrollbar': OverlayScrollbar;
-  }
-}

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

@@ -48,9 +48,3 @@ export class AffineTemplateLoading extends LitElement {
     </div>`;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-template-loading': AffineTemplateLoading;
-  }
-}

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

@@ -512,9 +512,3 @@ export class EdgelessTemplatePanel extends WithDisposable(LitElement) {
   @state()
   accessor isDragging = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-templates-panel': EdgelessTemplatePanel;
-  }
-}

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

@@ -47,9 +47,3 @@ export class EdgelessTextMenu extends EdgelessToolbarToolMixin(LitElement) {
   @property({ attribute: false })
   accessor onChange!: (props: Record<string, unknown>) => void;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-text-menu': EdgelessTextMenu;
-  }
-}

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

@@ -626,9 +626,3 @@ export class EdgelessRootBlockComponent extends BlockComponent<
   @query('affine-surface')
   accessor surface!: SurfaceBlockComponent;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-edgeless-root': EdgelessRootBlockComponent;
-  }
-}

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

@@ -283,9 +283,3 @@ export class EdgelessRootPreviewBlockComponent
   @query('affine-surface')
   accessor surface!: SurfaceBlockComponent;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-edgeless-root-preview': EdgelessRootPreviewBlockComponent;
-  }
-}

blocksuite/affine/blocks/block-root/src/effects.ts

@@ -317,3 +317,78 @@ function registerMiscComponents() {
   // Connector components
   customElements.define('edgeless-connector-handle', EdgelessConnectorHandle);
 }
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'affine-edgeless-root': EdgelessRootBlockComponent;
+    'affine-edgeless-root-preview': EdgelessRootPreviewBlockComponent;
+    'edgeless-auto-complete-panel': EdgelessAutoCompletePanel;
+    'edgeless-auto-complete': EdgelessAutoComplete;
+    'edgeless-tool-icon-button': EdgelessToolIconButton;
+    'edgeless-toolbar-button': EdgelessToolbarButton;
+    'edgeless-connector-handle': EdgelessConnectorHandle;
+    'frame-preview': FramePreview;
+    'note-slicer': NoteSlicer;
+    'edgeless-align-panel': EdgelessAlignPanel;
+    'card-style-panel': CardStylePanel;
+    'edgeless-color-panel': EdgelessColorPanel;
+    'edgeless-color-button': EdgelessColorButton;
+    'edgeless-text-color-icon': EdgelessTextColorIcon;
+    'edgeless-font-family-panel': EdgelessFontFamilyPanel;
+    'edgeless-font-weight-and-style-panel': EdgelessFontWeightAndStylePanel;
+    'edgeless-line-width-panel': EdgelessLineWidthPanel;
+    'note-display-mode-panel': NoteDisplayModePanel;
+    'edgeless-note-shadow-panel': EdgelessNoteShadowPanel;
+    'edgeless-scale-panel': EdgelessScalePanel;
+    'edgeless-shape-panel': EdgelessShapePanel;
+    'edgeless-shape-style-panel': EdgelessShapeStylePanel;
+    'edgeless-size-panel': EdgelessSizePanel;
+    'stroke-style-panel': StrokeStylePanel;
+    'edgeless-navigator-black-background': EdgelessNavigatorBlackBackgroundWidget;
+    'edgeless-dragging-area-rect': EdgelessDraggingAreaRectWidget;
+    'edgeless-selected-rect': EdgelessSelectedRectWidget;
+    'edgeless-connector-label-editor': EdgelessConnectorLabelEditor;
+    'edgeless-frame-title-editor': EdgelessFrameTitleEditor;
+    'edgeless-group-title-editor': EdgelessGroupTitleEditor;
+    'edgeless-shape-text-editor': EdgelessShapeTextEditor;
+    'edgeless-text-editor': EdgelessTextEditor;
+    'edgeless-toolbar-widget': EdgelessToolbarWidget;
+    'presentation-toolbar': PresentationToolbar;
+    'edgeless-brush-menu': EdgelessBrushMenu;
+    'edgeless-brush-tool-button': EdgelessBrushToolButton;
+    'edgeless-slide-menu': EdgelessSlideMenu;
+    'toolbar-arrow-up-icon': ToolbarArrowUpIcon;
+    'edgeless-connector-menu': EdgelessConnectorMenu;
+    'edgeless-connector-tool-button': EdgelessConnectorToolButton;
+    'edgeless-default-tool-button': EdgelessDefaultToolButton;
+    'edgeless-eraser-tool-button': EdgelessEraserToolButton;
+    'edgeless-frame-menu': EdgelessFrameMenu;
+    'edgeless-frame-tool-button': EdgelessFrameToolButton;
+    'edgeless-lasso-tool-button': EdgelessLassoToolButton;
+    'edgeless-link-tool-button': EdgelessLinkToolButton;
+    'mindmap-import-placeholder': MindMapPlaceholder;
+    'edgeless-mindmap-menu': EdgelessMindmapMenu;
+    'edgeless-mindmap-tool-button': EdgelessMindmapToolButton;
+    'edgeless-note-menu': EdgelessNoteMenu;
+    'edgeless-note-tool-button': EdgelessNoteToolButton;
+    'edgeless-frame-order-menu': EdgelessFrameOrderMenu;
+    'edgeless-navigator-setting-button': EdgelessNavigatorSettingButton;
+    'edgeless-present-button': EdgelessPresentButton;
+    'edgeless-toolbar-shape-draggable': EdgelessToolbarShapeDraggable;
+    'edgeless-shape-menu': EdgelessShapeMenu;
+    'edgeless-shape-tool-button': EdgelessShapeToolButton;
+    'edgeless-shape-tool-element': EdgelessShapeToolElement;
+    'overlay-scrollbar': OverlayScrollbar;
+    'affine-template-loading': AffineTemplateLoading;
+    'edgeless-templates-panel': EdgelessTemplatePanel;
+    'edgeless-text-menu': EdgelessTextMenu;
+    'affine-page-root': PageRootBlockComponent;
+    'zoom-bar-toggle-button': ZoomBarToggleButton;
+    'edgeless-zoom-toolbar': EdgelessZoomToolbar;
+    'affine-image-toolbar': AffineImageToolbar;
+
+    [AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET]: AffineEdgelessZoomToolbarWidget;
+    [AFFINE_IMAGE_TOOLBAR_WIDGET]: AffineImageToolbarWidget;
+    [AFFINE_INNER_MODAL_WIDGET]: AffineInnerModalWidget;
+  }
+}

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

@@ -452,9 +452,3 @@ export class PageRootBlockComponent extends BlockComponent<
   @query('.affine-page-root-block-container')
   accessor rootElementContainer!: HTMLDivElement;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-page-root': PageRootBlockComponent;
-  }
-}

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

@@ -87,9 +87,3 @@ export class AffineEdgelessZoomToolbarWidget extends WidgetComponent<
   @state()
   private accessor _hide = false;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    [AFFINE_EDGELESS_ZOOM_TOOLBAR_WIDGET]: AffineEdgelessZoomToolbarWidget;
-  }
-}

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

@@ -107,9 +107,3 @@ export class ZoomBarToggleButton extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor edgeless!: EdgelessRootBlockComponent;
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'zoom-bar-toggle-button': ZoomBarToggleButton;
-  }
-}

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

@@ -208,9 +208,3 @@ export class EdgelessZoomToolbar extends WithDisposable(LitElement) {
   @property({ attribute: false })
   accessor layout: 'horizontal' | 'vertical' = 'horizontal';
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'edgeless-zoom-toolbar': EdgelessZoomToolbar;
-  }
-}

blocksuite/affine/blocks/block-root/src/widgets/image-toolbar/components/image-toolbar.ts

@@ -136,9 +136,3 @@ export class AffineImageToolbar extends LitElement {
   @property({ attribute: false })
   accessor primaryGroups!: MenuItemGroup<ImageToolbarContext>[];
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'affine-image-toolbar': AffineImageToolbar;
-  }
-}

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

@@ -165,9 +165,3 @@ export class AffineImageToolbarWidget extends WidgetComponent<
     this._setHoverController();
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    [AFFINE_IMAGE_TOOLBAR_WIDGET]: AffineImageToolbarWidget;
-  }
-}

blocksuite/affine/blocks/block-root/src/widgets/inner-modal/inner-modal.ts

@@ -56,9 +56,3 @@ export class AffineInnerModalWidget extends WidgetComponent {
     this._getTarget = fn;
   }
 }
-
-declare global {
-  interface HTMLElementTagNameMap {
-    [AFFINE_INNER_MODAL_WIDGET]: AffineInnerModalWidget;
-  }
-}

blocksuite/integration-test/src/__tests__/edgeless/color-picker.spec.ts

@@ -1,9 +1,7 @@
 import '@toeverything/theme/style.css';
 
-import {
+import type { EdgelessRootBlockComponent } from '@blocksuite/affine/blocks/root';
-  ColorScheme,
+import { ColorScheme } from '@blocksuite/affine/model';
-  type EdgelessRootBlockComponent,
-} from '@blocksuite/affine/blocks';
 import { ThemeProvider } from '@blocksuite/affine/shared/services';
 import { beforeEach, describe, expect, test } from 'vitest';
 

blocksuite/integration-test/src/__tests__/edgeless/frame.spec.ts

@@ -1,9 +1,9 @@
+import type { FrameBlockComponent } from '@blocksuite/affine/blocks/frame';
 import type {
   AffineFrameTitleWidget,
   EdgelessRootBlockComponent,
-  FrameBlockComponent,
+} from '@blocksuite/affine/blocks/root';
-  FrameBlockModel,
+import type { FrameBlockModel } from '@blocksuite/affine/model';
-} from '@blocksuite/affine/blocks';
 import { assertType } from '@blocksuite/global/utils';
 import { Text } from '@blocksuite/store';
 import { beforeEach, describe, expect, test } from 'vitest';

blocksuite/integration-test/src/__tests__/edgeless/group.spec.ts

@@ -1,9 +1,9 @@
+import type { EdgelessRootBlockComponent } from '@blocksuite/affine/blocks/root';
 import {
-  type EdgelessRootBlockComponent,
   type GroupElementModel,
   LayoutType,
   NoteDisplayMode,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/model';
 import type { MindmapElementModel } from '@blocksuite/affine-model';
 import { beforeEach, describe, expect, test } from 'vitest';
 import * as Y from 'yjs';

blocksuite/integration-test/src/__tests__/edgeless/last-props.spec.ts

@@ -1,13 +1,13 @@
+import type { EdgelessRootBlockComponent } from '@blocksuite/affine/blocks/root';
+import { getSurfaceBlock } from '@blocksuite/affine/blocks/surface';
 import {
   type BrushElementModel,
   type ConnectorElementModel,
   DEFAULT_NOTE_SHADOW,
   DefaultTheme,
-  type EdgelessRootBlockComponent,
   type EdgelessTextBlockModel,
   FontFamily,
   type FrameBlockModel,
-  getSurfaceBlock,
   LayoutType,
   type MindmapElementModel,
   MindmapStyle,
@@ -16,7 +16,7 @@ import {
   type ShapeElementModel,
   ShapeType,
   type TextElementModel,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/model';
 import { EditPropsStore } from '@blocksuite/affine/shared/services';
 import type { BlockStdScope } from '@blocksuite/block-std';
 import { beforeEach, describe, expect, test } from 'vitest';

blocksuite/integration-test/src/__tests__/edgeless/layer.spec.ts

@@ -1,9 +1,9 @@
+import type { EdgelessRootBlockComponent } from '@blocksuite/affine/blocks/root';
+import type { SurfaceElementModel } from '@blocksuite/affine/blocks/surface';
 import type {
-  EdgelessRootBlockComponent,
   GroupElementModel,
   NoteBlockModel,
-  SurfaceElementModel,
+} from '@blocksuite/affine/model';
-} from '@blocksuite/affine/blocks';
 import type { BlockComponent } from '@blocksuite/block-std';
 import { generateKeyBetween } from '@blocksuite/block-std/gfx';
 import type { BlockModel, Store } from '@blocksuite/store';

blocksuite/integration-test/src/__tests__/edgeless/mindmap.spec.ts

@@ -1,5 +1,5 @@
-import { LayoutType, type MindMapView } from '@blocksuite/affine/blocks';
+import type { MindMapView } from '@blocksuite/affine/blocks/surface';
-import type { MindmapElementModel } from '@blocksuite/affine-model';
+import { LayoutType, type MindmapElementModel } from '@blocksuite/affine-model';
 import type { GfxController } from '@blocksuite/block-std/gfx';
 import { Bound } from '@blocksuite/global/gfx';
 import { beforeEach, describe, expect, test } from 'vitest';

blocksuite/integration-test/src/__tests__/edgeless/surface-model.spec.ts

@@ -1,10 +1,10 @@
+import type { SurfaceBlockModel } from '@blocksuite/affine/blocks/surface';
 import type {
   BrushElementModel,
   GroupElementModel,
   ShapeElementModel,
-  SurfaceBlockModel,
+} from '@blocksuite/affine/model';
-} from '@blocksuite/affine/blocks';
+import { DefaultTheme } from '@blocksuite/affine/model';
-import { DefaultTheme } from '@blocksuite/affine/blocks';
 import { beforeEach, describe, expect, test, vi } from 'vitest';
 
 import { wait } from '../utils/common.js';

blocksuite/integration-test/src/__tests__/edgeless/surface-ref.spec.ts

@@ -1,9 +1,7 @@
 import {
   type EdgelessRootBlockComponent,
   EdgelessRootService,
-  type FrameBlockComponent,
+} from '@blocksuite/affine/blocks/root';
-  type SurfaceRefBlockComponent,
-} from '@blocksuite/affine/blocks';
 import type { DocSnapshot } from '@blocksuite/store';
 import { beforeEach, describe, expect, test } from 'vitest';
 
@@ -276,6 +274,9 @@ describe('basic', () => {
   });
 });
 
+import type { FrameBlockComponent } from '@blocksuite/affine/blocks/frame';
+import type { SurfaceRefBlockComponent } from '@blocksuite/affine/blocks/surface-ref';
+
 import snapshot from '../snapshots/edgeless/surface-ref.spec.ts/surface-ref.json' assert { type: 'json' };
 
 describe('clipboard', () => {

blocksuite/integration-test/src/__tests__/edgeless/template.spec.ts

@@ -2,7 +2,7 @@ import {
   EdgelessTemplatePanel,
   type Template,
   type TemplateManager,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/blocks/root';
 import { beforeEach, expect, test } from 'vitest';
 
 import { setupEditor } from '../utils/setup.js';

blocksuite/integration-test/src/__tests__/edgeless/tools.spec.ts

@@ -1,7 +1,5 @@
-import type {
+import type { EdgelessRootBlockComponent } from '@blocksuite/affine/blocks/root';
-  EdgelessRootBlockComponent,
+import type { SurfaceBlockComponent } from '@blocksuite/affine/blocks/surface';
-  SurfaceBlockComponent,
-} from '@blocksuite/affine/blocks';
 import { beforeEach, describe, expect, test } from 'vitest';
 
 import { click, drag, wait } from '../utils/common.js';

blocksuite/integration-test/src/__tests__/main/snapshot.spec.ts

@@ -1,7 +1,5 @@
-import {
+import { ZipTransformer } from '@blocksuite/affine/blocks/root';
-  type SurfaceBlockModel,
+import type { SurfaceBlockModel } from '@blocksuite/affine/blocks/surface';
-  ZipTransformer,
-} from '@blocksuite/affine/blocks';
 import { AffineSchemas } from '@blocksuite/affine/schemas';
 import type { PointLocation } from '@blocksuite/global/gfx';
 import { Schema } from '@blocksuite/store';

blocksuite/integration-test/src/__tests__/utils/edgeless.ts

@@ -1,8 +1,8 @@
 import type {
   EdgelessRootBlockComponent,
   PageRootBlockComponent,
-  SurfaceBlockComponent,
+} from '@blocksuite/affine/blocks/root';
-} from '@blocksuite/affine/blocks';
+import type { SurfaceBlockComponent } from '@blocksuite/affine/blocks/surface';
 import type { Store } from '@blocksuite/store';
 
 import type { TestAffineEditorContainer } from '../../index.js';

blocksuite/integration-test/src/__tests__/utils/misc.ts

@@ -1,5 +1,5 @@
-import { replaceIdMiddleware } from '@blocksuite/affine/blocks';
 import { AffineSchemas } from '@blocksuite/affine/schemas';
+import { replaceIdMiddleware } from '@blocksuite/affine/shared/adapters';
 import {
   type DocSnapshot,
   Schema,

blocksuite/integration-test/src/__tests__/utils/setup.ts

@@ -10,11 +10,11 @@ blocksEffects();
 effects();
 
 import {
-  type DocMode,
   EdgelessEditorBlockSpecs,
   PageEditorBlockSpecs,
   StoreExtensions,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/extensions';
+import type { DocMode } from '@blocksuite/affine/model';
 import { AffineSchemas } from '@blocksuite/affine/schemas';
 import {
   CommunityCanvasTextFonts,

blocksuite/integration-test/src/editors/editor-container.ts

@@ -1,6 +1,6 @@
 import { BlockStdScope, ShadowlessElement } from '@blocksuite/affine/block-std';
-import type { DocMode } from '@blocksuite/affine/blocks';
 import { SignalWatcher, WithDisposable } from '@blocksuite/affine/global/lit';
+import type { DocMode } from '@blocksuite/affine/model';
 import { ThemeProvider } from '@blocksuite/affine/shared/services';
 import {
   type BlockModel,

blocksuite/playground/apps/_common/components/adapters-panel.ts

@@ -2,8 +2,9 @@
 import '@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.js';
 
 import { ShadowlessElement } from '@blocksuite/affine/block-std';
+import { defaultImageProxyMiddleware } from '@blocksuite/affine/blocks/image';
+import { WithDisposable } from '@blocksuite/affine/global/lit';
 import {
-  defaultImageProxyMiddleware,
   docLinkBaseURLMiddlewareBuilder,
   embedSyncedDocMiddleware,
   type HtmlAdapter,
@@ -13,8 +14,7 @@ import {
   type PlainTextAdapter,
   PlainTextAdapterFactoryIdentifier,
   titleMiddleware,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/shared/adapters';
-import { WithDisposable } from '@blocksuite/affine/global/lit';
 import type { DocSnapshot } from '@blocksuite/affine/store';
 import type { TestAffineEditorContainer } from '@blocksuite/integration-test';
 import { effect } from '@preact/signals-core';

blocksuite/playground/apps/_common/components/starter-debug-menu.ts

@@ -18,23 +18,16 @@ import './left-side-panel.js';
 
 import { ShadowlessElement } from '@blocksuite/affine/block-std';
 import { GfxControllerIdentifier } from '@blocksuite/affine/block-std/gfx';
+import { defaultImageProxyMiddleware } from '@blocksuite/affine/blocks/image';
 import {
-  ColorScheme,
   createAssetsArchive,
-  defaultImageProxyMiddleware,
-  docLinkBaseURLMiddleware,
-  type DocMode,
   download,
-  ExportManager,
-  HtmlAdapterFactoryIdentifier,
   HtmlTransformer,
-  MarkdownAdapterFactoryIdentifier,
   MarkdownTransformer,
   NotionHtmlTransformer,
-  PlainTextAdapterFactoryIdentifier,
-  titleMiddleware,
   ZipTransformer,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/blocks/root';
+import { ExportManager } from '@blocksuite/affine/blocks/surface';
 import { toast } from '@blocksuite/affine/components/toast';
 import {
   BlockSuiteError,
@@ -42,6 +35,14 @@ import {
 } from '@blocksuite/affine/global/exceptions';
 import type { SerializedXYWH } from '@blocksuite/affine/global/gfx';
 import type { DeltaInsert } from '@blocksuite/affine/inline/types';
+import { ColorScheme, type DocMode } from '@blocksuite/affine/model';
+import {
+  docLinkBaseURLMiddleware,
+  HtmlAdapterFactoryIdentifier,
+  MarkdownAdapterFactoryIdentifier,
+  PlainTextAdapterFactoryIdentifier,
+  titleMiddleware,
+} from '@blocksuite/affine/shared/adapters';
 import { DocModeProvider } from '@blocksuite/affine/shared/services';
 import {
   ColorVariables,

blocksuite/playground/apps/_common/mock-services.ts

@@ -1,10 +1,10 @@
+import { toast } from '@blocksuite/affine/components/toast';
+import { Slot } from '@blocksuite/affine/global/slot';
 import {
   ColorScheme,
   type DocMode,
   type ReferenceParams,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/model';
-import { toast } from '@blocksuite/affine/components/toast';
-import { Slot } from '@blocksuite/affine/global/slot';
 import {
   type DocModeProvider,
   type EditorSetting,

blocksuite/playground/apps/_common/setup.ts

@@ -2,8 +2,8 @@ import type {
   Template,
   TemplateCategory,
   TemplateManager,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/blocks/root';
-import { EdgelessTemplatePanel } from '@blocksuite/affine/blocks';
+import { EdgelessTemplatePanel } from '@blocksuite/affine/blocks/root';
 
 export function setupEdgelessTemplate() {
   const playgroundTemplates = [

blocksuite/playground/apps/comment/comment-input.ts

@@ -1,6 +1,6 @@
 import { ShadowlessElement, TextSelection } from '@blocksuite/affine/block-std';
-import type { RichText } from '@blocksuite/affine/blocks';
 import { WithDisposable } from '@blocksuite/affine/global/lit';
+import type { RichText } from '@blocksuite/affine/rich-text';
 import { css, html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import * as Y from 'yjs';

blocksuite/playground/apps/starter/data/affine-snapshot.ts

@@ -1,4 +1,4 @@
-import { ZipTransformer } from '@blocksuite/affine/blocks';
+import { ZipTransformer } from '@blocksuite/affine/blocks/root';
 import { AffineSchemas } from '@blocksuite/affine/schemas';
 import { Schema, Text, type Workspace } from '@blocksuite/affine/store';
 export async function affineSnapshot(collection: Workspace, id: string) {

blocksuite/playground/apps/starter/data/database.ts

@@ -1,10 +1,12 @@
 import {
   databaseBlockColumns,
   DatabaseBlockDataSource,
+} from '@blocksuite/affine/blocks/database';
+import {
   type DatabaseBlockModel,
   type ListType,
   type ParagraphType,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/model';
 import { Text, type Workspace } from '@blocksuite/affine/store';
 import { groupTraitKey } from '@blocksuite/data-view';
 import { propertyPresets } from '@blocksuite/data-view/property-presets';

blocksuite/playground/apps/starter/data/preset.ts

@@ -1,4 +1,4 @@
-import { MarkdownTransformer } from '@blocksuite/affine/blocks';
+import { MarkdownTransformer } from '@blocksuite/affine/blocks/root';
 import { Text, type Workspace } from '@blocksuite/affine/store';
 
 import type { InitFn } from './utils.js';

blocksuite/playground/apps/starter/data/synced.ts

@@ -1,4 +1,4 @@
-import { MarkdownTransformer } from '@blocksuite/affine/blocks';
+import { MarkdownTransformer } from '@blocksuite/affine/blocks/root';
 import { Text, type Workspace } from '@blocksuite/affine/store';
 
 import type { InitFn } from './utils';

blocksuite/playground/apps/starter/main.ts

@@ -1,7 +1,8 @@
 import '../../style.css';
 
 import * as blockStd from '@blocksuite/affine/block-std';
-import * as blocks from '@blocksuite/affine/blocks';
+import * as databaseBlocks from '@blocksuite/affine/blocks/database';
+import * as noteBlocks from '@blocksuite/affine/blocks/note';
 import { effects as blocksEffects } from '@blocksuite/affine/effects';
 import * as globalUtils from '@blocksuite/affine/global/utils';
 import * as services from '@blocksuite/affine/shared/services';
@@ -36,7 +37,10 @@ async function main() {
     Object.defineProperty(window, '$blocksuite', {
       value: Object.freeze({
         store,
-        blocks,
+        blocks: {
+          database: databaseBlocks,
+          note: noteBlocks,
+        },
         global: { utils: globalUtils },
         services,
         editor,

blocksuite/playground/apps/starter/utils/extensions.ts

@@ -1,8 +1,8 @@
 import {
   EdgelessEditorBlockSpecs,
   PageEditorBlockSpecs,
-  RefNodeSlotsProvider,
+} from '@blocksuite/affine/extensions';
-} from '@blocksuite/affine/blocks';
+import { RefNodeSlotsProvider } from '@blocksuite/affine/rich-text';
 import {
   CommunityCanvasTextFonts,
   DocModeProvider,

blocksuite/tests-legacy/e2e/database/actions.ts

@@ -1,7 +1,7 @@
 import type {
   RichTextCell,
   RichTextCellEditing,
-} from '@blocksuite/affine/blocks';
+} from '@blocksuite/affine/blocks/database';
 import { ZERO_WIDTH_SPACE } from '@blocksuite/affine/inline';
 import { expect, type Locator, type Page } from '@playwright/test';
 

blocksuite/tests-legacy/e2e/edgeless/edgeless-text.spec.ts

@@ -1,4 +1,4 @@
-import type { EdgelessTextBlockComponent } from '@blocksuite/affine/blocks';
+import type { EdgelessTextBlockComponent } from '@blocksuite/affine/blocks/edgeless-text';
 import { Bound } from '@blocksuite/affine/global/gfx';
 import { expect, type Page } from '@playwright/test';
 

blocksuite/tests-legacy/e2e/embed-synced-doc.spec.ts

@@ -1,4 +1,4 @@
-import type { DatabaseBlockModel } from '@blocksuite/affine/blocks';
+import type { DatabaseBlockModel } from '@blocksuite/affine/model';
 import { expect, type Page } from '@playwright/test';
 
 import { switchEditorMode } from './utils/actions/edgeless.js';
@@ -253,7 +253,7 @@ test.describe('Embed synced doc', () => {
         );
         const model = doc2.getBlockById(databaseId) as DatabaseBlockModel;
         const datasource =
-          new window.$blocksuite.blocks.DatabaseBlockDataSource(model);
+          new window.$blocksuite.blocks.database.DatabaseBlockDataSource(model);
         datasource.viewManager.viewAdd('table');
       });