Implement automatic CSS style injection for OpenBlock editor (#8)

* refactor: remove direct CSS import in favor of auto-injection by OpenBlockEditor

* feat: add style injection functions to index export

* feat: add CSS style injection functionality for OpenBlock editor

* feat: add injectStyles option for automatic CSS style injection

* feat: auto-inject styles on editor initialization

---------

Co-authored-by: Jeremy Mouton <jeremy.mouton@spendesk.com>

Author: moutonjeremy

examples/basic/src/App.tsx

@@ -1,7 +1,6 @@
 import { useOpenBlock, OpenBlockView, useEditorContent, SlashMenu, BubbleMenu, TableHandles } from '@labbs/openblock-react';
 import { sampleDocument } from './data';
-// CSS is now auto-injected by the editor - no need to import!
-// import '@labbs/openblock-core/styles/editor.css';
+// CSS is now auto-injected by OpenBlockEditor (injectStyles: true by default)
 import './styles.css';
 
 export default function App() {

packages/core/src/editor/Editor.ts

@@ -77,7 +77,7 @@ export class OpenBlockEditor {
     this._config = { ...defaultConfig, ...config };
     this.pm = new ProseMirrorAPI(this);
 
-    // Auto-inject styles if enabled (default: true)
+    // Auto-inject styles unless explicitly disabled
     if (this._config.injectStyles !== false) {
       injectStyles();
     }

packages/core/src/editor/EditorConfig.ts

@@ -106,6 +106,19 @@ export interface EditorConfig {
    */
   inputRules?: InputRulesConfig | false;
 
+  /**
+   * Whether to auto-inject CSS styles into the document head.
+   *
+   * When true (default), OpenBlock will automatically inject all required
+   * CSS styles, so you don't need to import any CSS files manually.
+   *
+   * Set to false if you want to provide your own styles or import the
+   * CSS file manually.
+   *
+   * @default true
+   */
+  injectStyles?: boolean;
+
   /**
    * Direct ProseMirror configuration.
    * Use this for advanced customization.

packages/core/src/index.ts

@@ -215,4 +215,3 @@ export type {
 // ===========================================================================
 
 export { injectStyles, removeStyles, areStylesInjected } from './styles/injectStyles';
-