@block-kit/plugin 1.0.0

package/dist/es/shared/modules/selection.d.ts

@@ -0,0 +1,12 @@
+import type { Editor, SelectionChangeEvent } from "@block-kit/core";
+import type { SelectionHOC } from "../components/selection";
+export declare class SelectionPlugin {
+    editor: Editor;
+    /** id <-> React.ReactNode */
+    protected idToView: Map<string, SelectionHOC>;
+    constructor(editor: Editor);
+    destroy(): void;
+    mountView(id: string, view: SelectionHOC): void;
+    unmountView(id: string): void;
+    protected onSelectionChange(e: SelectionChangeEvent): void;
+}

package/dist/es/shared/utils/dom.d.ts

@@ -0,0 +1,26 @@
+import type { Editor } from "@block-kit/core";
+import type { EventContext } from "@block-kit/utils";
+/**
+ * 设置挂载 DOM
+ * @param editor
+ * @param dom
+ */
+export declare const setMountDOM: (editor: Editor, dom: HTMLElement | null) => void;
+/**
+ * 获取挂载 DOM
+ * @param editor
+ * @param dom
+ */
+export declare const getMountDOM: (editor: Editor) => HTMLElement;
+/**
+ * 阻止所有编辑器分发的事件
+ * @param event
+ * @param context
+ */
+export declare const preventContextEvent: (event: Event, context: EventContext) => void;
+/**
+ * 滚动到指定元素
+ * @param container
+ * @param child
+ */
+export declare const scrollIfNeeded: (container: HTMLDivElement, child: Element, buffer?: number) => void;

package/dist/es/shared/utils/event.d.ts

@@ -0,0 +1,8 @@
+export declare const PLUGIN_EVENTS: {
+    readonly SHORTCUT_MARKS_CHANGE: "SHORTCUT_MARKS_CHANGE";
+};
+declare module "@block-kit/utils/dist/es/event-bus" {
+    interface EventBusType {
+        [PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE]: null;
+    }
+}

package/dist/es/shared/utils/is.d.ts

@@ -0,0 +1,4 @@
+import type { LineState } from "@block-kit/core";
+import type { P } from "@block-kit/utils/dist/es/types";
+export declare const isEmptyLine: (line: LineState | P.Nil) => boolean | null;
+export declare const isKeyCode: (event: KeyboardEvent, code: number) => boolean;

package/dist/es/shortcut/index.d.ts

@@ -0,0 +1,14 @@
+import type { Editor } from "@block-kit/core";
+import { CorePlugin } from "@block-kit/core";
+import type { O } from "@block-kit/utils/dist/es/types";
+import type { ShortcutFunc, ShortcutFuncMap } from "./types";
+export declare class Shortcut extends CorePlugin {
+    protected editor: Editor;
+    key: string;
+    protected config: ShortcutFunc[];
+    constructor(editor: Editor, config?: ShortcutFuncMap);
+    destroy(): void;
+    match(): boolean;
+    protected getKeys(): O.Map<string>;
+    protected onKeydown(event: KeyboardEvent): void;
+}

package/dist/es/shortcut/index.js

@@ -0,0 +1,85 @@
+import { _ as __decorate } from '../tslib.es6-83956cc1.js';
+import { CorePlugin, EDITOR_EVENT } from '@block-kit/core';
+import { CTRL_KEY, KEY_CODE, NIL, TRULY, Bind } from '@block-kit/utils';
+import { f as filterLineMarkMap, a as filterMarkMap, P as PLUGIN_EVENTS } from '../marks-ac0ec630.js';
+import { BOLD_KEY } from '../bold/types/index.js';
+import { ITALIC_KEY } from '../italic/types/index.js';
+import { a as isKeyCode } from '../is-3de778e2.js';
+import { SHORTCUT_KEY } from './types/index.js';
+import '@block-kit/delta';
+
+const PRESET_SHORTCUT = {
+    [BOLD_KEY]: (event, payload) => {
+        if (event[CTRL_KEY] && isKeyCode(event, KEY_CODE.B) && payload.sel) {
+            const { editor, keys, sel } = payload;
+            editor.perform.applyMarks(sel, { [BOLD_KEY]: keys[BOLD_KEY] ? NIL : TRULY });
+            return true;
+        }
+    },
+    [ITALIC_KEY]: (event, payload) => {
+        if (event[CTRL_KEY] && isKeyCode(event, KEY_CODE.I) && payload.sel) {
+            const { editor, keys, sel } = payload;
+            editor.perform.applyMarks(sel, { [ITALIC_KEY]: keys[ITALIC_KEY] ? NIL : TRULY });
+            return true;
+        }
+    },
+};
+
+class Shortcut extends CorePlugin {
+    constructor(editor, config) {
+        super();
+        this.editor = editor;
+        this.key = SHORTCUT_KEY;
+        this.config = Object.values(Object.assign(Object.assign({}, PRESET_SHORTCUT), config));
+        this.editor.event.on(EDITOR_EVENT.KEY_DOWN, this.onKeydown, 1000);
+    }
+    destroy() {
+        this.editor.event.off(EDITOR_EVENT.KEY_DOWN, this.onKeydown);
+    }
+    match() {
+        return false;
+    }
+    getKeys() {
+        const current = this.editor.selection.get();
+        if (!current) {
+            return {};
+        }
+        const lines = this.editor.state.block.getLines();
+        const { start, end } = current;
+        const lineMarkMap = filterLineMarkMap(lines.slice(start.line, end.line + 1).map(line => line.attributes));
+        if (current.isCollapsed) {
+            return Object.assign(Object.assign({}, this.editor.collect.marks), lineMarkMap);
+        }
+        const ops = [];
+        if (current.isCollapsed) {
+            const op = this.editor.collect.getOpAtPoint(current.start);
+            op && ops.push(op);
+        }
+        else {
+            const fragment = this.editor.collect.getFragment();
+            fragment && ops.push(...fragment);
+        }
+        const markMap = filterMarkMap(ops);
+        return Object.assign(Object.assign({}, markMap), lineMarkMap);
+    }
+    onKeydown(event) {
+        const keys = this.getKeys();
+        const payload = {
+            keys,
+            editor: this.editor,
+            sel: this.editor.selection.get(),
+        };
+        for (const func of this.config) {
+            const result = func(event, payload);
+            if (!result)
+                continue;
+            this.editor.event.trigger(PLUGIN_EVENTS.SHORTCUT_MARKS_CHANGE, null);
+            break;
+        }
+    }
+}
+__decorate([
+    Bind
+], Shortcut.prototype, "onKeydown", null);
+
+export { Shortcut };

package/dist/es/shortcut/modules/preset.d.ts

@@ -0,0 +1,2 @@
+import type { ShortcutFuncMap } from "../types";
+export declare const PRESET_SHORTCUT: ShortcutFuncMap;

package/dist/es/shortcut/types/index.d.ts

@@ -0,0 +1,10 @@
+import type { Editor } from "@block-kit/core";
+import type { Range } from "@block-kit/core";
+import type { O, P } from "@block-kit/utils/dist/es/types";
+export declare const SHORTCUT_KEY = "SHORTCUT_KEY";
+export type ShortcutFunc = (event: KeyboardEvent, payload: {
+    editor: Editor;
+    keys: O.Map<string>;
+    sel: Range | null;
+}) => true | P.Nil;
+export type ShortcutFuncMap = O.Map<ShortcutFunc>;

package/dist/es/shortcut/types/index.js

@@ -0,0 +1,3 @@
+const SHORTCUT_KEY = "SHORTCUT_KEY";
+
+export { SHORTCUT_KEY };

package/dist/es/strike/index.d.ts

@@ -0,0 +1,15 @@
+import type { DeserializeContext, SerializeContext } from "@block-kit/core";
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class StrikePlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    serialize(context: SerializeContext): SerializeContext;
+    deserialize(context: DeserializeContext): DeserializeContext;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/es/strike/index.js

@@ -0,0 +1,47 @@
+import { isMatchHTMLTag, applyMarker } from '@block-kit/core';
+import { EditorPlugin } from '@block-kit/react';
+import { isHTMLElement, TRULY } from '@block-kit/utils';
+import { STRIKE_KEY } from './types/index.js';
+
+class StrikePlugin extends EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = STRIKE_KEY;
+        editor.command.register(STRIKE_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [STRIKE_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[STRIKE_KEY];
+    }
+    serialize(context) {
+        const { op, html } = context;
+        if (op.attributes && op.attributes[STRIKE_KEY]) {
+            const strong = document.createElement("del");
+            strong.appendChild(html);
+            context.html = strong;
+        }
+        return context;
+    }
+    deserialize(context) {
+        const { delta, html } = context;
+        if (!isHTMLElement(html))
+            return context;
+        if (isMatchHTMLTag(html, "s") ||
+            isMatchHTMLTag(html, "del") ||
+            html.style.textDecorationLine === "line-through") {
+            applyMarker(delta, { [STRIKE_KEY]: TRULY });
+        }
+        return context;
+    }
+    renderLeaf(context) {
+        context.style.textDecoration = context.style.textDecoration
+            ? context.style.textDecoration + " line-through"
+            : "line-through";
+        return context.children;
+    }
+}
+
+export { StrikePlugin };

package/dist/es/strike/types/index.d.ts

@@ -0,0 +1 @@
+export declare const STRIKE_KEY = "strike";

package/dist/es/strike/types/index.js

@@ -0,0 +1,3 @@
+const STRIKE_KEY = "strike";
+
+export { STRIKE_KEY };

package/dist/es/toolbar/context/basic.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "../styles/index.scss";
+import type { ToolbarProps } from "../types";
+export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/es/toolbar/context/float.d.ts

@@ -0,0 +1,13 @@
+import "../styles/float.scss";
+import type { FC } from "react";
+export declare const FloatToolbar: FC<{
+    className?: string;
+    /**
+     * Top 偏移
+     */
+    offsetTop?: number;
+    /**
+     * Left 偏移
+     */
+    offsetLeft?: number;
+}>;

package/dist/es/toolbar/context/provider.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from "@block-kit/core";
+import type { Range } from "@block-kit/core";
+import React from "react";
+export type ToolbarContextType = {
+    editor: Editor;
+    refreshMarks: () => void;
+    keys: Record<string, string>;
+    setKeys: (v: Record<string, string>) => void;
+    selection: Range | null;
+};
+export declare const ToolbarContext: React.Context<ToolbarContextType>;
+export declare const useToolbarContext: () => ToolbarContextType;

package/dist/es/toolbar/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+export { Toolbar } from "./context/basic";
+export { FloatToolbar } from "./context/float";
+export declare const Mixin: {
+    Cut: import("react").FC;
+    Bold: import("react").FC;
+    Link: import("react").FC<{
+        filterXSS?: ((v: string) => string) | undefined;
+    }>;
+    Quote: import("react").FC;
+    Image: import("react").FC;
+    Align: import("react").FC;
+    Emoji: import("react").FC;
+    Italic: import("react").FC;
+    Strike: import("react").FC;
+    History: import("react").FC;
+    Heading: import("react").FC;
+    Divider: import("react").FC;
+    FontSize: import("react").FC;
+    FontColor: import("react").FC;
+    OrderList: import("react").FC;
+    Underline: import("react").FC;
+    BulletList: import("react").FC;
+    InlineCode: import("react").FC;
+    LineHeight: import("react").FC;
+};

package/dist/es/toolbar/index.js

@@ -0,0 +1,34 @@
+export { F as FloatToolbar, M as Mixin, T as Toolbar } from '../index-ddc2e5ac.js';
+import 'react/jsx-runtime';
+import '@arco-design/web-react';
+import '@arco-design/web-react/icon';
+import '@block-kit/utils';
+import '../align/types/index.js';
+import 'react';
+import '../bold/types/index.js';
+import '../bullet-list/types/index.js';
+import '../is-2b264ec8.js';
+import '../divider/types/index.js';
+import '@emoji-mart/react';
+import '../emoji/types/index.js';
+import '../background/types/index.js';
+import '../font-color/types/index.js';
+import '../font-size/types/index.js';
+import '../heading/types/index.js';
+import '@block-kit/core';
+import '@block-kit/utils/dist/es/hooks';
+import '../image/types/index.js';
+import '../inline-code/types/index.js';
+import '../italic/types/index.js';
+import '../line-height/types/index.js';
+import '@arco-design/web-react/es/Form/useForm';
+import '../link/types/index.js';
+import '../order-list/types/index.js';
+import '../is-7f3ae820.js';
+import '../quote/types/index.js';
+import '../strike/types/index.js';
+import '../underline/types/index.js';
+import '@block-kit/react';
+import '../marks-ac0ec630.js';
+import 'react-dom';
+import '../dom-71a99400.js';

package/dist/es/toolbar/modules/align.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Align: FC;

package/dist/es/toolbar/modules/bold.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Bold: FC;

package/dist/es/toolbar/modules/bullet-list.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const BulletList: FC;

package/dist/es/toolbar/modules/cut.d.ts

@@ -0,0 +1,3 @@
+import "../styles/cut.scss";
+import type { FC } from "react";
+export declare const Cut: FC;

package/dist/es/toolbar/modules/divider.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Divider: FC;

package/dist/es/toolbar/modules/emoji.d.ts

@@ -0,0 +1,3 @@
+import "../styles/emoji.scss";
+import type { FC } from "react";
+export declare const Emoji: FC;

package/dist/es/toolbar/modules/font-color.d.ts

@@ -0,0 +1,3 @@
+import "../styles/font-color.scss";
+import type { FC } from "react";
+export declare const FontColor: FC;

package/dist/es/toolbar/modules/font-size.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const FontSize: FC;

package/dist/es/toolbar/modules/heading.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Heading: FC;

package/dist/es/toolbar/modules/history.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const History: FC;

package/dist/es/toolbar/modules/image.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Image: FC;

package/dist/es/toolbar/modules/inline-code.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const InlineCode: FC;

package/dist/es/toolbar/modules/italic.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Italic: FC;

package/dist/es/toolbar/modules/line-height.d.ts

@@ -0,0 +1,3 @@
+import "../styles/line-height.scss";
+import type { FC } from "react";
+export declare const LineHeight: FC;

package/dist/es/toolbar/modules/link.d.ts

@@ -0,0 +1,5 @@
+import "../styles/link.scss";
+import type { FC } from "react";
+export declare const Link: FC<{
+    filterXSS?: (v: string) => string;
+}>;

package/dist/es/toolbar/modules/order-list.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const OrderList: FC;

package/dist/es/toolbar/modules/quote.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Quote: FC;

package/dist/es/toolbar/modules/strike.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Strike: FC;

package/dist/es/toolbar/modules/underline.d.ts

@@ -0,0 +1,2 @@
+import type { FC } from "react";
+export declare const Underline: FC;

package/dist/es/toolbar/types/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const TOOLBAR_TYPES: readonly ["bold", "inline-code"];
+export declare const TOOLBAR_KEY_SET: Set<"bold" | "inline-code">;
+export type ToolbarProps = {
+    className?: string;
+    children: React.ReactNode;
+    styles?: React.CSSProperties;
+};

package/dist/es/toolbar/types/index.js

@@ -0,0 +1,7 @@
+import { BOLD_KEY } from '../../bold/types/index.js';
+import { INLINE_CODE } from '../../inline-code/types/index.js';
+
+const TOOLBAR_TYPES = [BOLD_KEY, INLINE_CODE];
+const TOOLBAR_KEY_SET = new Set(TOOLBAR_TYPES);
+
+export { TOOLBAR_KEY_SET, TOOLBAR_TYPES };

package/dist/es/toolbar/utils/marks.d.ts

@@ -0,0 +1,4 @@
+import type { Op } from "@block-kit/delta";
+import type { AttributeMap } from "@block-kit/delta";
+export declare const filterMarkMap: (ops: Op[]) => Record<string, string>;
+export declare const filterLineMarkMap: (attrs: AttributeMap[]) => Record<string, string>;

package/dist/es/tslib.es6-83956cc1.js

@@ -0,0 +1,38 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __decorate as _, __awaiter as a };

package/dist/es/underline/index.d.ts

@@ -0,0 +1,15 @@
+import type { DeserializeContext, SerializeContext } from "@block-kit/core";
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class UnderlinePlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    serialize(context: SerializeContext): SerializeContext;
+    deserialize(context: DeserializeContext): DeserializeContext;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}

package/dist/es/underline/index.js

@@ -0,0 +1,45 @@
+import { isMatchHTMLTag, applyMarker } from '@block-kit/core';
+import { EditorPlugin } from '@block-kit/react';
+import { isHTMLElement, TRULY } from '@block-kit/utils';
+import { UNDERLINE_KEY } from './types/index.js';
+
+class UnderlinePlugin extends EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = UNDERLINE_KEY;
+        editor.command.register(UNDERLINE_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyMarks(sel, { [UNDERLINE_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[UNDERLINE_KEY];
+    }
+    serialize(context) {
+        const { op, html } = context;
+        if (op.attributes && op.attributes[UNDERLINE_KEY]) {
+            const strong = document.createElement("u");
+            strong.appendChild(html);
+            context.html = strong;
+        }
+        return context;
+    }
+    deserialize(context) {
+        const { delta, html } = context;
+        if (!isHTMLElement(html))
+            return context;
+        if (isMatchHTMLTag(html, "u") || html.style.textDecoration === "underline") {
+            applyMarker(delta, { [UNDERLINE_KEY]: TRULY });
+        }
+        return context;
+    }
+    renderLeaf(context) {
+        context.style.textDecoration = context.style.textDecoration
+            ? context.style.textDecoration + " underline"
+            : "underline";
+        return context.children;
+    }
+}
+
+export { UnderlinePlugin };

package/dist/es/underline/types/index.d.ts

@@ -0,0 +1 @@
+export declare const UNDERLINE_KEY = "underline";

package/dist/es/underline/types/index.js

@@ -0,0 +1,3 @@
+const UNDERLINE_KEY = "underline";
+
+export { UNDERLINE_KEY };

package/dist/lib/align/index.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLineContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class AlignPlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    renderLine(context: ReactLineContext): ReactNode;
+}

package/dist/lib/align/index.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@block-kit/react');
+var align_types_index = require('./types/index.js');
+
+class AlignPlugin extends react.EditorPlugin {
+    destroy() { }
+    constructor(editor) {
+        super();
+        this.key = align_types_index.ALIGN_KEY;
+        editor.command.register(align_types_index.ALIGN_KEY, context => {
+            const sel = editor.selection.get();
+            sel && editor.perform.applyLineMarks(sel, { [align_types_index.ALIGN_KEY]: context.value });
+        });
+    }
+    match(attrs) {
+        return !!attrs[align_types_index.ALIGN_KEY];
+    }
+    renderLine(context) {
+        const attrs = context.attributes || {};
+        const align = attrs[align_types_index.ALIGN_KEY];
+        context.style.textAlign = align;
+        return context.children;
+    }
+}
+
+exports.AlignPlugin = AlignPlugin;

package/dist/lib/align/types/index.d.ts

@@ -0,0 +1 @@
+export declare const ALIGN_KEY = "align";

package/dist/lib/align/types/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const ALIGN_KEY = "align";
+
+exports.ALIGN_KEY = ALIGN_KEY;

package/dist/lib/background/index.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from "@block-kit/core";
+import type { AttributeMap } from "@block-kit/delta";
+import type { ReactLeafContext } from "@block-kit/react";
+import { EditorPlugin } from "@block-kit/react";
+import type { ReactNode } from "react";
+export declare class BackgroundPlugin extends EditorPlugin {
+    key: string;
+    destroy(): void;
+    constructor(editor: Editor);
+    match(attrs: AttributeMap): boolean;
+    renderLeaf(context: ReactLeafContext): ReactNode;
+}