@shelamkoff/rector 1.0.3 → 1.0.5

package/README.md

@@ -13,11 +13,17 @@ The complete guides, API reference, extension contracts, plugin catalog, and liv
 
 ## Installation
 
-```bash
-npm install @shelamkoff/rector
-```
-
-See the [getting started guide](https://shelamkoff.github.io/editor/guide/getting-started) for setup, required styles, plugin registration, document persistence, and lifecycle management.
+```bash
+npm install @shelamkoff/rector
+```
+
+See the [getting started guide](https://shelamkoff.github.io/editor/guide/getting-started) for setup, required styles, plugin registration, document persistence, and lifecycle management.
+
+## Styles
+
+`createEditor()` and `createEditorRenderer()` use `injectStyles: true` by default. They load only the styles declared by the registered extensions and release their reference-counted `<link>` elements on full destruction.
+
+Bundler-based applications can instead set `injectStyles: false` and import CSS explicitly. Use `@shelamkoff/rector/styles.css` for every built-in style, or combine `styles/editor.css` / `styles/renderer.css` with selected subpaths such as `plugins/image/styles.css`, `inline-plugins/color/styles.css`, and `renderer/renderers/carousel/styles.css`.
 
 ## Project
 

package/dist/core/PopupManager.js

@@ -32,7 +32,7 @@ export class PopupManager {
 
   /** @type {() => boolean} */
   #isReadOnly
-
+
   /**
    * @param {import('./types').IEventBus} events
    * @param {string} changedEvent
@@ -51,7 +51,7 @@ export class PopupManager {
   get readOnly() {
     return this.#isReadOnly()
   }
-
+
   /**
    * Set the editor root element (popup inherits CSS variables from it).
    * @param {HTMLElement} rootEl

package/dist/core/index.js

@@ -182,18 +182,25 @@ function wireInputTracking(rootEl, blocks, events) {
 }
 
 /**
- * Collect and inject plugin stylesheets via <link> tags (reference-counted).
+ * Collect and inject all editor stylesheets via <link> tags (reference-counted).
  *
  * Per-plugin config knobs (passed via plugin constructor):
  *  - `injectStyles: false`  — skip the default stylesheet for this plugin
  *  - `css: '/path/to.css'`  — inject an additional stylesheet AFTER the default
  *
- * @param {Map<string, import('./types').BlockPlugin>} plugins
- * @returns {{ destroy(): void } | null}
- */
-function injectPluginStyles(plugins) {
-  /** @type {string[]} */
-  const styleUrls = []
+ * @param {Map<string, import('./types').BlockPlugin>} plugins
+ * @param {import('./InlinePluginRegistry').InlinePluginRegistry} inlinePlugins
+ * @param {boolean} enabled
+ * @returns {{ destroy(): void } | null}
+ */
+function injectEditorStyles(plugins, inlinePlugins, enabled) {
+  if (!enabled) return null
+  /** @type {string[]} */
+  const styleUrls = [
+    new URL('./themes/variables.css', import.meta.url).href,
+    new URL('./themes/light.css', import.meta.url).href,
+    new URL('./themes/dark.css', import.meta.url).href,
+  ]
   for (const plugin of plugins.values()) {
     const cfg = typeof plugin.getPluginConfig === 'function'
       ? plugin.getPluginConfig()
@@ -202,11 +209,14 @@ function injectPluginStyles(plugins) {
       const constructor = /** @type {import('./types').BlockPluginConstructor} */ (plugin.constructor)
       const urls = constructor.styles
       if (urls) styleUrls.push(...urls)
-    }
-    if (cfg?.css) styleUrls.push(cfg.css)
-  }
-  return styleUrls.length > 0 ? injectStyleUrls(styleUrls) : null
-}
+    }
+    if (cfg?.css) styleUrls.push(cfg.css)
+  }
+  for (const plugin of inlinePlugins.values()) {
+    if (plugin.styles) styleUrls.push(...plugin.styles)
+  }
+  return styleUrls.length > 0 ? injectStyleUrls(styleUrls) : null
+}
 
 /**
  * @typedef {Object} EditModeDeps
@@ -452,9 +462,12 @@ export function createEditor(config) {
   if (!Array.isArray(config.plugins)) {
     throw new TypeError('createEditor() requires a plugins array')
   }
-  if (config.readOnly !== undefined && typeof config.readOnly !== 'boolean') {
-    throw new TypeError('createEditor() readOnly must be a boolean')
-  }
+  if (config.readOnly !== undefined && typeof config.readOnly !== 'boolean') {
+    throw new TypeError('createEditor() readOnly must be a boolean')
+  }
+  if (config.injectStyles !== undefined && typeof config.injectStyles !== 'boolean') {
+    throw new TypeError('createEditor() injectStyles must be a boolean')
+  }
   if (config.placeholder !== undefined && typeof config.placeholder !== 'string') {
     throw new TypeError('createEditor() placeholder must be a string')
   }
@@ -465,7 +478,8 @@ export function createEditor(config) {
     throw new RangeError('createEditor() minHeight must be a finite number greater than or equal to 0')
   }
 
-  let readOnly = config.readOnly ?? false
+  let readOnly = config.readOnly ?? false
+  const injectStyles = config.injectStyles ?? true
   const defaultBlockType = config.defaultBlock
     || (config.plugins?.some(plugin => plugin?.type === DEFAULT_BLOCK_TYPE)
       ? DEFAULT_BLOCK_TYPE
@@ -529,13 +543,13 @@ export function createEditor(config) {
 
     const crossBlockSelection = new CrossBlockSelection()
 
-    const inlinePluginCtx = new PopupManager(
-      events,
-      EditorEvent.CHANGED,
-      blocks,
-      commands,
-      () => readOnly,
-    )
+    const inlinePluginCtx = new PopupManager(
+      events,
+      EditorEvent.CHANGED,
+      blocks,
+      commands,
+      () => readOnly,
+    )
     inlinePluginCtx.setRoot(rootEl)
     inlinePluginRegistry.mount(rootEl, inlinePluginCtx)
 
@@ -657,7 +671,7 @@ export function createEditor(config) {
 
     if (!readOnly) mountEditMode()
 
-    const styleCleanup = injectPluginStyles(plugins)
+    const styleCleanup = injectEditorStyles(plugins, inlinePluginRegistry, injectStyles)
     if (styleCleanup) facade.registerDestroyable(styleCleanup)
 
     if (config.autofocus && !readOnly) {

package/dist/core/types.d.ts

@@ -386,9 +386,11 @@ export interface EditorDiagnostic {
   errorName?: string
 }
 
-export interface EditorConfig {
-  holder: HTMLElement
-  plugins: BlockPlugin[]
+export interface EditorConfig {
+  holder: HTMLElement
+  plugins: BlockPlugin[]
+  /** Automatically load registered block and inline-plugin styles through reference-counted link elements. Default: true. */
+  injectStyles?: boolean
   /** Custom inline tools. String types filter defaults, objects are used as-is. If omitted, all defaults are used. */
   inlineTools?: Array<string | InlineTool>
   /** Inline plugins (widgets inside text: color swatch, mention, etc.) */
@@ -686,6 +688,8 @@ export interface IEditor {
 // ── Inline Plugins ───────────────────────────────────────────────────────────
 
 export interface InlinePlugin extends BasePlugin {
+  /** Stylesheets declaratively owned by this plugin. */
+  readonly styles?: readonly string[]
   /** Optional activation trigger. Must contain exactly one Unicode code point. */
   readonly trigger?: string
   /** Patterns that auto-convert pasted/typed text into this widget. */

package/dist/inline-plugins/color/README.md

@@ -12,8 +12,6 @@ npm install @shelamkoff/rector @shelamkoff/color-picker
 import { createEditor } from '@shelamkoff/rector'
 import { Paragraph } from '@shelamkoff/rector/plugins/paragraph'
 import { createColorSwatchPlugin } from '@shelamkoff/rector/inline-plugins/color'
-import '@shelamkoff/rector/styles/editor.css'
-import '@shelamkoff/color-picker/styles.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),
@@ -54,7 +52,7 @@ In read-only mode the widget remains visible but does not open the picker. `edit
 
 ## Styles and document output
 
-Import the color-picker stylesheet in addition to the Rector editor stylesheet. The widget root uses `.oe-ip.oe-ip--color`; its dot and label use `.oe-ip__dot` and `.oe-ip__label`. Scope host overrides under the editor or renderer container.
+The plugin declares the color-picker stylesheet to Rector's shared style registry. With the default `injectStyles: true`, no CSS import is needed. In bundler-managed mode, set `injectStyles: false` on `createEditor()` and import `@shelamkoff/rector/inline-plugins/color/styles.css`. The widget root uses `.oe-ip.oe-ip--color`; its dot and label use `.oe-ip__dot` and `.oe-ip__label`. Scope host overrides under the editor or renderer container.
 
 For document output, pass `createColorSwatchPlugin()` in `EditorRenderer`'s `inlinePlugins` array. The renderer uses its `createWidget()` and `getData()` subset; the picker is not mounted by the renderer.
 

package/dist/inline-plugins/color/README.ru.md

@@ -12,8 +12,6 @@ npm install @shelamkoff/rector @shelamkoff/color-picker
 import { createEditor } from '@shelamkoff/rector'
 import { Paragraph } from '@shelamkoff/rector/plugins/paragraph'
 import { createColorSwatchPlugin } from '@shelamkoff/rector/inline-plugins/color'
-import '@shelamkoff/rector/styles/editor.css'
-import '@shelamkoff/color-picker/styles.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),
@@ -54,7 +52,7 @@ const editor = createEditor({
 
 ## Стили и отображение документа
 
-Кроме стилей редактора импортируйте таблицу стилей средства выбора цвета. Корневой элемент использует `.oe-ip.oe-ip--color`, а точка и подпись — `.oe-ip__dot` и `.oe-ip__label`. Ограничивайте переопределения контейнером редактора или рендерера.
+Плагин объявляет таблицу стилей средства выбора цвета общему реестру Rector. При стандартном `injectStyles: true` импорт CSS не нужен. В режиме сборщика укажите `injectStyles: false` в `createEditor()` и импортируйте `@shelamkoff/rector/inline-plugins/color/styles.css`. Корневой элемент использует `.oe-ip.oe-ip--color`, а точка и подпись — `.oe-ip__dot` и `.oe-ip__label`. Ограничивайте переопределения контейнером редактора или рендерера.
 
 Для отображения документа передайте `createColorSwatchPlugin()` в массив `inlinePlugins` конструктора `EditorRenderer`. Рендерер использует только `createWidget()` и `getData()`; окно выбора цвета в нём не подключается.
 

package/dist/inline-plugins/color.js

@@ -1,4 +1,4 @@
-import { ColorPicker } from '@shelamkoff/color-picker'
+import { ColorPicker, colorPickerStylesUrl } from '@shelamkoff/color-picker'
 import { generateInlineId } from '../shared/inlineMarshal.js'
 import { normalizeTextValue } from '../shared/textFormat.js'
 
@@ -12,9 +12,9 @@ import { normalizeTextValue } from '../shared/textFormat.js'
 export function createColorSwatchPlugin() {
   /** @type {import('../core/types').IScopedI18n | null} */
   let i18n = null
-
   return {
     type: 'color',
+    styles: [colorPickerStylesUrl],
     get title() { return i18n?.has('title') ? i18n.t('title') : 'Color' },
     icon: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 21a9 9 0 0 1 0-18c4.97 0 9 3.582 9 8c0 1.06-.474 2.078-1.318 2.828S17.938 15 16.5 15H14a2 2 0 0 0-1 3.75A1.3 1.3 0 0 1 12 21"/><circle cx="7.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="12" cy="7.5" r=".5" fill="currentColor"/><circle cx="16.5" cy="10.5" r=".5" fill="currentColor"/></svg>',
     /** @param {import('../core/types').IScopedI18n} _i18n */
@@ -72,6 +72,7 @@ export function createColorSwatchPlugin() {
         value: element.dataset.value || '#000000',
       }
     },
+
   }
 }
 

package/dist/inline-plugins/mention/README.md

@@ -8,7 +8,6 @@ Trigger-driven entity search with keyboard navigation, cursor pagination, custom
 import { createEditor } from '@shelamkoff/rector'
 import { Paragraph } from '@shelamkoff/rector/plugins/paragraph'
 import { createMentionPlugin } from '@shelamkoff/rector/inline-plugins/mention'
-import '@shelamkoff/rector/styles/editor.css'
 
 const mention = createMentionPlugin({
   async searchFunction(query, nextPageUrl, { signal }) {
@@ -86,7 +85,7 @@ The saved `id` is normalized to a string. `onMentionSelect` receives the source
 
 A fresh commit or replacement of an existing mention is one undo/redo step. Search text, active-row movement, loading state, and opening or closing the popup are transient UI state and do not create commands.
 
-The plugin owns one popup, its document/window listeners, debounce timer, request controller, and a reference-counted stylesheet handle. `editor.destroy()` releases all of them. Register one separately created mention plugin per editor; mounting the same instance twice is rejected.
+The plugin owns one popup, its document/window listeners, debounce timer, and request controller. Its `styles` declaration is owned centrally by the editor, and `editor.destroy()` releases all runtime resources and automatic style references. In bundler-managed mode, import `@shelamkoff/rector/inline-plugins/mention/styles.css` and create the editor with `injectStyles: false`. Register one separately created mention plugin per editor; mounting the same instance twice is rejected.
 
 Use `.oe-ip--mention` for saved pills and `.oe-mention-dropdown` plus its child classes for the suggestion UI. `avatar` URLs pass the shared media URL policy, and built-in rows assign names/details through text-safe DOM operations.
 

package/dist/inline-plugins/mention/README.ru.md

@@ -8,7 +8,6 @@
 import { createEditor } from '@shelamkoff/rector'
 import { Paragraph } from '@shelamkoff/rector/plugins/paragraph'
 import { createMentionPlugin } from '@shelamkoff/rector/inline-plugins/mention'
-import '@shelamkoff/rector/styles/editor.css'
 
 const mention = createMentionPlugin({
   async searchFunction(query, nextPageUrl, { signal }) {
@@ -86,7 +85,7 @@ interface MentionItem {
 
 Первая вставка или замена существующего упоминания создаёт один шаг отмены и повтора. Текст запроса, перемещение по результатам, состояние загрузки, открытие и закрытие окна являются временным состоянием интерфейса и не создают команд.
 
-Плагин владеет одним окном, обработчиками документа и окна браузера, таймером задержки, контроллером запросов и таблицей стилей с подсчётом владельцев. `editor.destroy()` освобождает все эти ресурсы. Для каждого редактора создавайте отдельный экземпляр плагина: повторное подключение одного экземпляра отклоняется.
+Плагин владеет одним окном, обработчиками документа и окна браузера, таймером задержки и контроллером запросов. Его объявление `styles` централизованно принадлежит редактору, а `editor.destroy()` освобождает рабочие ресурсы и ссылки на автоматически загруженные стили. В режиме сборщика импортируйте `@shelamkoff/rector/inline-plugins/mention/styles.css` и создайте редактор с `injectStyles: false`. Для каждого редактора создавайте отдельный экземпляр плагина: повторное подключение одного экземпляра отклоняется.
 
 Сохранённая плашка использует `.oe-ip--mention`, а окно подсказок — `.oe-mention-dropdown` и его дочерние классы. Адрес `avatar` проходит общую политику медиафайлов, а стандартные строки записывают имя и пояснение безопасными текстовыми операциями DOM.
 

package/dist/inline-plugins/mention/index.js

@@ -17,8 +17,8 @@
  *     data-value="<entity>" class="oe-ip oe-ip--mention">@Name</span>`.
  *     The shared sanitize allowlist preserves this through save / render.
  *
- * Styling lives in `./styles.css` and is acquired through the shared style
- * registry while the owning editor is mounted.
+ * Styling lives in `./styles.css` and is declared through the plugin's
+ * `styles` property for the editor's shared style registry.
  */
 
 /**
@@ -33,11 +33,10 @@
  * @typedef {import('../../core/types').InlinePluginContext} InlinePluginContext
  */
 
-import { injectStyleUrls } from '../../core/StyleInjector.js'
 import { createMentionWidget } from './widget.js'
 import { setSafeUrlAttribute } from '../../shared/sanitize/sanitizeUrl.js'
 
-/** Absolute URL to the plugin's stylesheet. Ref-counted via `injectStyleUrls`. */
+/** Absolute URL to the plugin's stylesheet. */
 const STYLES_URL = new URL('./styles.css', import.meta.url).href
 
 const DEFAULTS = Object.freeze({
@@ -348,8 +347,6 @@ export function createMentionPlugin(options = {}) {
 
   // Editor-scoped resources are acquired later by mount(). Construction is
   // deliberately side-effect free so failed registration cannot leak them.
-  /** @type {{ destroy(): void } | null} */
-  let styleHandle = null
   /** @type {HTMLElement | null} */
   let rootElement = null
 
@@ -1653,6 +1650,7 @@ export function createMentionPlugin(options = {}) {
   /** @type {InlinePlugin} */
   const plugin = {
     type: 'mention',
+    styles: [STYLES_URL],
     trigger: opts.trigger,
     get title() { return t('title', 'Mention') },
 
@@ -1671,7 +1669,6 @@ export function createMentionPlugin(options = {}) {
       if (rootElement) throw new Error('Mention plugin is already mounted')
       rootElement = editorRoot
       globalCtx = ctx
-      styleHandle = injectStyleUrls([STYLES_URL])
       rootElement.addEventListener('beforeinput', /** @type {EventListener} */ (handleBeforeInput), true)
     },
 
@@ -1874,15 +1871,13 @@ export function createMentionPlugin(options = {}) {
      * owning editor and uses it to:
      *  - close any open session;
      *  - detach the editor-scoped `beforeinput` listener;
-     *  - release the shared stylesheet ref.
+     *  - release editor-scoped listeners and active UI.
      *
      */
     destroy() {
       closeSession()
       rootElement?.removeEventListener('beforeinput', /** @type {EventListener} */ (handleBeforeInput), true)
       rootElement = null
-      styleHandle?.destroy()
-      styleHandle = null
       globalCtx = null
     },
   }

package/dist/plugins/attaches/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Attaches } from '@shelamkoff/rector/plugins/attaches'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/attaches/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Attaches } from '@shelamkoff/rector/plugins/attaches'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/carousel/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { CarouselBlock } from '@shelamkoff/rector/plugins/carousel'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/carousel/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { CarouselBlock } from '@shelamkoff/rector/plugins/carousel'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/checklist/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Checklist } from '@shelamkoff/rector/plugins/checklist'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/checklist/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Checklist } from '@shelamkoff/rector/plugins/checklist'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/code/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Code } from '@shelamkoff/rector/plugins/code'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/code/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Code } from '@shelamkoff/rector/plugins/code'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/columns/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Columns } from '@shelamkoff/rector/plugins/columns'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/columns/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Columns } from '@shelamkoff/rector/plugins/columns'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/delimiter/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Delimiter } from '@shelamkoff/rector/plugins/delimiter'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/delimiter/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Delimiter } from '@shelamkoff/rector/plugins/delimiter'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/embed/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Embed } from '@shelamkoff/rector/plugins/embed'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/embed/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Embed } from '@shelamkoff/rector/plugins/embed'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/gallery/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Gallery } from '@shelamkoff/rector/plugins/gallery'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/gallery/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Gallery } from '@shelamkoff/rector/plugins/gallery'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/heading/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Heading } from '@shelamkoff/rector/plugins/heading'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/heading/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Heading } from '@shelamkoff/rector/plugins/heading'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/image/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Image } from '@shelamkoff/rector/plugins/image'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/image/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Image } from '@shelamkoff/rector/plugins/image'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/link-preview/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { LinkPreview } from '@shelamkoff/rector/plugins/link-preview'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/link-preview/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { LinkPreview } from '@shelamkoff/rector/plugins/link-preview'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/list/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { List } from '@shelamkoff/rector/plugins/list'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/list/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { List } from '@shelamkoff/rector/plugins/list'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/paragraph/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Paragraph } from '@shelamkoff/rector/plugins/paragraph'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/paragraph/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Paragraph } from '@shelamkoff/rector/plugins/paragraph'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/person/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector @shelamkoff/cropper
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Person } from '@shelamkoff/rector/plugins/person'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/person/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector @shelamkoff/cropper
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Person } from '@shelamkoff/rector/plugins/person'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/poll/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Poll } from '@shelamkoff/rector/plugins/poll'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/poll/README.ru.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Poll } from '@shelamkoff/rector/plugins/poll'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),

package/dist/plugins/quote/README.md

@@ -11,7 +11,6 @@ npm install @shelamkoff/rector
 ```js
 import { createEditor } from '@shelamkoff/rector'
 import { Quote } from '@shelamkoff/rector/plugins/quote'
-import '@shelamkoff/rector/styles/editor.css'
 
 const editor = createEditor({
   holder: document.querySelector('#editor'),