@brainfish-ai/editor 0.16.1 → 0.16.2

package/dist/editor/internal/codeMirrorTheme.d.ts

@@ -0,0 +1,14 @@
+import { MutableRefObject } from 'react';
+import { Extension } from '@codemirror/state';
+import { ViewPlugin } from '@codemirror/view';
+/**
+ * Crepe bakes the CodeMirror theme when the editor is created. `html.dark` often
+ * lands after that (Storybook theme decorator, platform class toggle), so the
+ * crepe CSS variables go dark while CodeMirror stays on the light theme.
+ * Compartment lets existing and later-mounted code blocks follow the live theme.
+ */
+export declare const codeMirrorThemeConfig: (themeRef: MutableRefObject<"light" | "dark">) => {
+    theme: Extension;
+    extensions: ViewPlugin<{}, undefined>[];
+};
+export declare const syncCodeMirrorTheme: (root: ParentNode, theme: "light" | "dark") => void;

package/dist/{index-Pbdt_JAa.js → index-B4R1rT37.js}

@@ -1,5 +1,5 @@
-import { L as LRParser } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside } from './index-o1kUBM0B.js';
+import { L as LRParser } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside } from './index-DJWghCuI.js';
 
 const jsonHighlighting = styleTags({
   String: tags.string,

package/dist/{index-DaEJooLf.js → index-BBMUH80b.js}

@@ -1,5 +1,5 @@
-import { L as LRParser } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-o1kUBM0B.js';
+import { L as LRParser } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-DJWghCuI.js';
 
 const javaHighlighting = styleTags({
   null: tags.null,

package/dist/{index-CkC8SVWG.js → index-BIHNHMyg.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, G as ifNotIn, H as completeFromList, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside, ab as sublanguageProp, N as snippetCompletion, a3 as defineLanguageFacet, O as NodeWeakMap, P as IterMode } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, G as ifNotIn, H as completeFromList, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside, ab as sublanguageProp, N as snippetCompletion, a3 as defineLanguageFacet, O as NodeWeakMap, P as IterMode } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const noSemi = 316,

package/dist/{index-B3Tj0aeA.js → index-BJKQPlcf.js}

@@ -1,5 +1,5 @@
-import { A as LanguageSupport, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside, E as styleTags, F as tags } from './index-o1kUBM0B.js';
-import { L as LRParser } from './index-FnbDXzus.js';
+import { A as LanguageSupport, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside, E as styleTags, F as tags } from './index-DJWghCuI.js';
+import { L as LRParser } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const spec_Keyword = {__proto__:null,anyref:34, dataref:34, eqref:34, externref:34, i31ref:34, funcref:34, i8:34, i16:34, i32:34, i64:34, f32:34, f64:34};

package/dist/{index-BoGCS5K8.js → index-BQa2bres.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, G as ifNotIn, H as completeFromList, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside, I as syntaxTree, N as snippetCompletion, O as NodeWeakMap, P as IterMode } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup, C as ContextTracker } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, G as ifNotIn, H as completeFromList, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside, I as syntaxTree, N as snippetCompletion, O as NodeWeakMap, P as IterMode } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const insertedSemi = 177,

package/dist/{index-DmshtaDi.js → index-C-bL3Cy9.js}

@@ -1,6 +1,6 @@
-import { A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside, E as styleTags, F as tags } from './index-o1kUBM0B.js';
-import { defineCSSCompletionSource } from './index-TzlF4I2U.js';
-import { L as LRParser, E as ExternalTokenizer } from './index-FnbDXzus.js';
+import { A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside, E as styleTags, F as tags } from './index-DJWghCuI.js';
+import { defineCSSCompletionSource } from './index-mEwvGwcX.js';
+import { L as LRParser, E as ExternalTokenizer } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const descendantOp = 110,

package/dist/{index-mjlRw27L.js → index-CFr33LuW.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const StartTag = 1,

package/dist/{index-DcHkonsK.js → index-COD_xliD.js}

@@ -1,7 +1,7 @@
-import { L as LRLanguage, A as LanguageSupport, S as parseMixed, E as styleTags, F as tags } from './index-o1kUBM0B.js';
-import { html } from './index-DO4yrIc-.js';
-import { javascriptLanguage } from './index-CkC8SVWG.js';
-import { L as LRParser, a as LocalTokenGroup } from './index-FnbDXzus.js';
+import { L as LRLanguage, A as LanguageSupport, S as parseMixed, E as styleTags, F as tags } from './index-DJWghCuI.js';
+import { html } from './index-Dk6UNQWp.js';
+import { javascriptLanguage } from './index-BIHNHMyg.js';
+import { L as LRParser, a as LocalTokenGroup } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const parser = /*@__PURE__*/LRParser.deserialize({

package/dist/{index-BgzDJCPK.js → index-CgzQ1jj0.js}

@@ -1,5 +1,5 @@
-import { u as useInstance, e as editorViewCtx, r as reviewSuggestionsDecoKey, o as orderReviewSuggestionsByResolvedRanges, g as getNextReviewSuggestionId, p as parserCtx, a as parseProposedMd, c as createApplyReviewSuggestionTransaction, i as isMilkdownContextNotFoundError, b as createDismissReviewSuggestionTransaction } from './index-o1kUBM0B.js';
-export { d as applyAllReviewSuggestions, f as buildReviewSuggestionsPlugin, h as createInlineSuggestionElement, j as createReviewSuggestionBulkActions, k as getActiveReviewSuggestions, l as rejectAllReviewSuggestions, m as resolveReviewSuggestionRanges, n as reviewSuggestionApplyMeta, q as reviewSuggestionDismissMeta, s as reviewSuggestionsDecorationPlugin, t as reviewSuggestionsSelectionMeta, v as reviewSuggestionsUpdateMeta, w as useDefaultReviewSuggestionSelection, x as useReviewSuggestionBulkActionsRef, y as useReviewSuggestionSelectionSync, z as useReviewSuggestionsLoader } from './index-o1kUBM0B.js';
+import { u as useInstance, e as editorViewCtx, r as reviewSuggestionsDecoKey, o as orderReviewSuggestionsByResolvedRanges, g as getNextReviewSuggestionId, p as parserCtx, a as parseProposedMd, c as createApplyReviewSuggestionTransaction, i as isMilkdownContextNotFoundError, b as createDismissReviewSuggestionTransaction } from './index-DJWghCuI.js';
+export { d as applyAllReviewSuggestions, f as buildReviewSuggestionsPlugin, h as createInlineSuggestionElement, j as createReviewSuggestionBulkActions, k as getActiveReviewSuggestions, l as rejectAllReviewSuggestions, m as resolveReviewSuggestionRanges, n as reviewSuggestionApplyMeta, q as reviewSuggestionDismissMeta, s as reviewSuggestionsDecorationPlugin, t as reviewSuggestionsSelectionMeta, v as reviewSuggestionsUpdateMeta, w as useDefaultReviewSuggestionSelection, x as useReviewSuggestionBulkActionsRef, y as useReviewSuggestionSelectionSync, z as useReviewSuggestionsLoader } from './index-DJWghCuI.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { createContext, useRef, useLayoutEffect, useEffect, useContext, useId, useCallback, useMemo, Fragment, createElement, useInsertionEffect, forwardRef, Component } from 'react';

package/dist/{index-DLaMyc-O.js → index-CsaeJbB5.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, J as flatIndent, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const RawString = 1,

package/dist/{index-D1lvHOEq.js → index-CyTfufcP.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const closureParamDelim = 1,

package/dist/{index-DnIbufdg.js → index-D7noxe1h.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, D as foldNodeProp, M as foldInside, B as indentNodeProp, C as continuedIndent } from './index-o1kUBM0B.js';
-import { defineCSSCompletionSource } from './index-TzlF4I2U.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, L as LRLanguage, D as foldNodeProp, M as foldInside, B as indentNodeProp, C as continuedIndent } from './index-DJWghCuI.js';
+import { defineCSSCompletionSource } from './index-mEwvGwcX.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const indent = 168,

package/dist/{index-o1kUBM0B.js → index-DJWghCuI.js}

@@ -43135,7 +43135,11 @@ const getThemeFromHtml = () => {
   return getSystemTheme();
 };
 const useEditorTheme = (theme = "system") => {
-  const [resolvedTheme, setResolvedTheme] = useState(theme === "system" ? "light" : theme);
+  const [resolvedTheme, setResolvedTheme] = useState(() => {
+    if (theme !== "system") return theme;
+    if (typeof document === "undefined") return "light";
+    return getThemeFromHtml();
+  });
   useEffect(() => {
     if (theme !== "system") {
       setResolvedTheme(theme);
@@ -70109,7 +70113,7 @@ function legacy(parser) {
     return new LanguageSupport(StreamLanguage.define(parser));
 }
 function sql(dialectName) {
-    return import('./index-DPERyOhC.js').then(m => m.sql({ dialect: m[dialectName] }));
+    return import('./index-DnbjsrWF.js').then(m => m.sql({ dialect: m[dialectName] }));
 }
 /**
 An array of language descriptions for known language packages.
@@ -70120,7 +70124,7 @@ const languages = [
         name: "C",
         extensions: ["c", "h", "ino"],
         load() {
-            return import('./index-DLaMyc-O.js').then(m => m.cpp());
+            return import('./index-CsaeJbB5.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70128,7 +70132,7 @@ const languages = [
         alias: ["cpp"],
         extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
         load() {
-            return import('./index-DLaMyc-O.js').then(m => m.cpp());
+            return import('./index-CsaeJbB5.js').then(m => m.cpp());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70141,14 +70145,14 @@ const languages = [
         name: "CSS",
         extensions: ["css"],
         load() {
-            return import('./index-TzlF4I2U.js').then(m => m.css());
+            return import('./index-mEwvGwcX.js').then(m => m.css());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Go",
         extensions: ["go"],
         load() {
-            return import('./index-BoGCS5K8.js').then(m => m.go());
+            return import('./index-BQa2bres.js').then(m => m.go());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70156,14 +70160,14 @@ const languages = [
         alias: ["xhtml"],
         extensions: ["html", "htm", "handlebars", "hbs"],
         load() {
-            return import('./index-DO4yrIc-.js').then(m => m.html());
+            return import('./index-Dk6UNQWp.js').then(m => m.html());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Java",
         extensions: ["java"],
         load() {
-            return import('./index-DaEJooLf.js').then(m => m.java());
+            return import('./index-BBMUH80b.js').then(m => m.java());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70171,14 +70175,14 @@ const languages = [
         alias: ["ecmascript", "js", "node"],
         extensions: ["js", "mjs", "cjs"],
         load() {
-            return import('./index-CkC8SVWG.js').then(m => m.javascript());
+            return import('./index-BIHNHMyg.js').then(m => m.javascript());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Jinja",
         extensions: ["j2", "jinja", "jinja2"],
         load() {
-            return import('./index-D2xHwKn1.js').then(m => m.jinja());
+            return import('./index-paWgasj8.js').then(m => m.jinja());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70186,28 +70190,28 @@ const languages = [
         alias: ["json5"],
         extensions: ["json", "map"],
         load() {
-            return import('./index-Pbdt_JAa.js').then(m => m.json());
+            return import('./index-B4R1rT37.js').then(m => m.json());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "JSX",
         extensions: ["jsx"],
         load() {
-            return import('./index-CkC8SVWG.js').then(m => m.javascript({ jsx: true }));
+            return import('./index-BIHNHMyg.js').then(m => m.javascript({ jsx: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "LESS",
         extensions: ["less"],
         load() {
-            return import('./index-DmshtaDi.js').then(m => m.less());
+            return import('./index-C-bL3Cy9.js').then(m => m.less());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Liquid",
         extensions: ["liquid"],
         load() {
-            return import('./index-yGP3q8Ph.js').then(m => m.liquid());
+            return import('./index-Dv14TLjz.js').then(m => m.liquid());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70218,7 +70222,7 @@ const languages = [
         name: "Markdown",
         extensions: ["md", "markdown", "mkd"],
         load() {
-            return import('./index-ugK_d0Eb.js').then(m => m.markdown());
+            return import('./index-LyNcRvuh.js').then(m => m.markdown());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70233,7 +70237,7 @@ const languages = [
         name: "PHP",
         extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
         load() {
-            return import('./index-3kIhnnQF.js').then(m => m.php());
+            return import('./index-DveiglG-.js').then(m => m.php());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70250,28 +70254,28 @@ const languages = [
         extensions: ["BUILD", "bzl", "py", "pyw"],
         filename: /^(BUCK|BUILD)$/,
         load() {
-            return import('./index-dd3JkZcJ.js').then(m => m.python());
+            return import('./index-DsUx-yKw.js').then(m => m.python());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Rust",
         extensions: ["rs"],
         load() {
-            return import('./index-D1lvHOEq.js').then(m => m.rust());
+            return import('./index-CyTfufcP.js').then(m => m.rust());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Sass",
         extensions: ["sass"],
         load() {
-            return import('./index-DnIbufdg.js').then(m => m.sass({ indented: true }));
+            return import('./index-D7noxe1h.js').then(m => m.sass({ indented: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "SCSS",
         extensions: ["scss"],
         load() {
-            return import('./index-DnIbufdg.js').then(m => m.sass());
+            return import('./index-D7noxe1h.js').then(m => m.sass());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70287,7 +70291,7 @@ const languages = [
         name: "TSX",
         extensions: ["tsx"],
         load() {
-            return import('./index-CkC8SVWG.js').then(m => m.javascript({ jsx: true, typescript: true }));
+            return import('./index-BIHNHMyg.js').then(m => m.javascript({ jsx: true, typescript: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70295,14 +70299,14 @@ const languages = [
         alias: ["ts"],
         extensions: ["ts", "mts", "cts"],
         load() {
-            return import('./index-CkC8SVWG.js').then(m => m.javascript({ typescript: true }));
+            return import('./index-BIHNHMyg.js').then(m => m.javascript({ typescript: true }));
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "WebAssembly",
         extensions: ["wat", "wast"],
         load() {
-            return import('./index-B3Tj0aeA.js').then(m => m.wast());
+            return import('./index-BJKQPlcf.js').then(m => m.wast());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70310,7 +70314,7 @@ const languages = [
         alias: ["rss", "wsdl", "xsd"],
         extensions: ["xml", "xsl", "xsd", "svg"],
         load() {
-            return import('./index-mjlRw27L.js').then(m => m.xml());
+            return import('./index-CFr33LuW.js').then(m => m.xml());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
@@ -70318,7 +70322,7 @@ const languages = [
         alias: ["yml"],
         extensions: ["yaml", "yml"],
         load() {
-            return import('./index-DQl-jPCB.js').then(m => m.yaml());
+            return import('./index-DztBKea2.js').then(m => m.yaml());
         }
     }),
     // Legacy modes ported from CodeMirror 5
@@ -71107,13 +71111,13 @@ const languages = [
         name: "Vue",
         extensions: ["vue"],
         load() {
-            return import('./index-DcHkonsK.js').then(m => m.vue());
+            return import('./index-COD_xliD.js').then(m => m.vue());
         }
     }),
     /*@__PURE__*/LanguageDescription.of({
         name: "Angular Template",
         load() {
-            return import('./index-DC7kmwxC.js').then(m => m.angular());
+            return import('./index-DnpXm_wT.js').then(m => m.angular());
         }
     })
 ];
@@ -110760,6 +110764,38 @@ const createVitesseLightTheme = (options = {}) => {
 };
 const vitesseLight = createVitesseLightTheme();
 
+const themeCompartment = new Compartment();
+const appliedTheme = /* @__PURE__ */ new WeakMap();
+const themeExtension = (theme) => theme === "dark" ? oneDark : vitesseLight;
+const applyTheme = (view, theme) => {
+  if (appliedTheme.get(view) === theme) return;
+  appliedTheme.set(view, theme);
+  view.dispatch({ effects: themeCompartment.reconfigure(themeExtension(theme)) });
+};
+const codeMirrorThemeConfig = (themeRef) => ({
+  theme: themeCompartment.of(themeExtension(themeRef.current)),
+  extensions: [
+    ViewPlugin.fromClass(
+      class {
+        constructor(view) {
+          queueMicrotask(() => {
+            if (!view.dom.isConnected) return;
+            applyTheme(view, themeRef.current);
+          });
+        }
+      }
+    )
+  ]
+});
+const syncCodeMirrorTheme = (root, theme) => {
+  root.querySelectorAll(".cm-editor").forEach((node) => {
+    if (!(node instanceof HTMLElement)) return;
+    const view = EditorView.findFromDOM(node);
+    if (!view) return;
+    applyTheme(view, theme);
+  });
+};
+
 var DateType = /* @__PURE__ */ ((DateType2) => {
   DateType2["DATE"] = "date";
   DateType2["TIME"] = "time";
@@ -117237,9 +117273,7 @@ function buildCrepe({
           }
         }
       },
-      [Crepe.Feature.CodeMirror]: {
-        theme: resolvedThemeRef.current === "dark" ? oneDark : vitesseLight
-      },
+      [Crepe.Feature.CodeMirror]: codeMirrorThemeConfig(resolvedThemeRef),
       ...placeholder ? { [Crepe.Feature.Placeholder]: { text: placeholder, mode: "doc" } } : {}
     }
   });
@@ -124285,7 +124319,7 @@ function useSlashMenuPortal(container) {
 }
 
 const ReviewSuggestionsViewport = lazy(
-  () => import('./index-BgzDJCPK.js').then((module) => ({ default: module.ReviewSuggestionsViewport }))
+  () => import('./index-CgzQ1jj0.js').then((module) => ({ default: module.ReviewSuggestionsViewport }))
 );
 const MilkdownEditorInner = ({
   readOnly = false,
@@ -124482,6 +124516,10 @@ const MilkdownEditorInner = ({
     [editorReadyRef]
   );
   useSlashMenuPortal(editorHost);
+  useEffect(() => {
+    if (!editorHost) return;
+    syncCodeMirrorTheme(editorHost, resolvedTheme);
+  }, [editorHost, resolvedTheme]);
   if (!reviewSuggestionsLoader && !hasReviewSuggestions) {
     return /* @__PURE__ */ jsx("div", { ref: containerRef, className, "data-testid": "brainfish-editor", children: /* @__PURE__ */ jsx(Milkdown, {}) });
   }

package/dist/{index-DO4yrIc-.js → index-Dk6UNQWp.js}

@@ -1,7 +1,7 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { S as parseMixed, E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-o1kUBM0B.js';
-import { cssLanguage, css } from './index-TzlF4I2U.js';
-import { typescriptLanguage, jsxLanguage, tsxLanguage, javascriptLanguage, javascript } from './index-CkC8SVWG.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-dKic9ff-.js';
+import { S as parseMixed, E as styleTags, F as tags, Q as EditorView, I as syntaxTree, R as EditorSelection, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, D as foldNodeProp, a9 as bracketMatchingHandle } from './index-DJWghCuI.js';
+import { cssLanguage, css } from './index-mEwvGwcX.js';
+import { typescriptLanguage, jsxLanguage, tsxLanguage, javascriptLanguage, javascript } from './index-BIHNHMyg.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const scriptText = 55,

package/dist/{index-DPERyOhC.js → index-DnbjsrWF.js}

@@ -1,5 +1,5 @@
-import { L as LRLanguage, A as LanguageSupport, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, E as styleTags, F as tags, G as ifNotIn, H as completeFromList, I as syntaxTree } from './index-o1kUBM0B.js';
-import { E as ExternalTokenizer, L as LRParser } from './index-FnbDXzus.js';
+import { L as LRLanguage, A as LanguageSupport, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, E as styleTags, F as tags, G as ifNotIn, H as completeFromList, I as syntaxTree } from './index-DJWghCuI.js';
+import { E as ExternalTokenizer, L as LRParser } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const whitespace = 36,

package/dist/{index-DC7kmwxC.js → index-DnpXm_wT.js}

@@ -1,7 +1,7 @@
-import { L as LRLanguage, A as LanguageSupport, S as parseMixed, E as styleTags, F as tags } from './index-o1kUBM0B.js';
-import { html } from './index-DO4yrIc-.js';
-import { javascriptLanguage } from './index-CkC8SVWG.js';
-import { L as LRParser, E as ExternalTokenizer } from './index-FnbDXzus.js';
+import { L as LRLanguage, A as LanguageSupport, S as parseMixed, E as styleTags, F as tags } from './index-DJWghCuI.js';
+import { html } from './index-Dk6UNQWp.js';
+import { javascriptLanguage } from './index-BIHNHMyg.js';
+import { L as LRParser, E as ExternalTokenizer } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const Text = 1,

package/dist/{index-dd3JkZcJ.js → index-DsUx-yKw.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, G as ifNotIn, I as syntaxTree, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside, O as NodeWeakMap, P as IterMode, H as completeFromList, N as snippetCompletion } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, G as ifNotIn, I as syntaxTree, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside, O as NodeWeakMap, P as IterMode, H as completeFromList, N as snippetCompletion } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const printKeyword = 1,

package/dist/{index-yGP3q8Ph.js → index-Dv14TLjz.js}

@@ -1,6 +1,6 @@
-import { Q as EditorView, R as EditorSelection, A as LanguageSupport, S as parseMixed, I as syntaxTree, L as LRLanguage, E as styleTags, F as tags, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp } from './index-o1kUBM0B.js';
-import { html } from './index-DO4yrIc-.js';
-import { L as LRParser, E as ExternalTokenizer } from './index-FnbDXzus.js';
+import { Q as EditorView, R as EditorSelection, A as LanguageSupport, S as parseMixed, I as syntaxTree, L as LRLanguage, E as styleTags, F as tags, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp } from './index-DJWghCuI.js';
+import { html } from './index-Dk6UNQWp.js';
+import { L as LRParser, E as ExternalTokenizer } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const interpolationStart = 1,

package/dist/{index-3kIhnnQF.js → index-DveiglG-.js}

@@ -1,6 +1,6 @@
-import { L as LRParser, E as ExternalTokenizer } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, S as parseMixed, L as LRLanguage, B as indentNodeProp, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-o1kUBM0B.js';
-import { html } from './index-DO4yrIc-.js';
+import { L as LRParser, E as ExternalTokenizer } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, S as parseMixed, L as LRLanguage, B as indentNodeProp, C as continuedIndent, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-DJWghCuI.js';
+import { html } from './index-Dk6UNQWp.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const castOpen = 1,

package/dist/{index-DQl-jPCB.js → index-DztBKea2.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags, A as LanguageSupport, S as parseMixed, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, C as ContextTracker } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags, A as LanguageSupport, S as parseMixed, L as LRLanguage, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp, M as foldInside } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const blockEnd = 63,

package/dist/{index-ugK_d0Eb.js → index-LyNcRvuh.js}

@@ -1,5 +1,5 @@
-import { T as Parser, U as NodeType, V as NodeProp, W as Tag, X as NodeSet, E as styleTags, Y as Tree, S as parseMixed, F as tags, I as syntaxTree, R as EditorSelection, Z as countColumn, A as LanguageSupport, _ as Prec, $ as keymap, Q as EditorView, a0 as Language, a1 as indentUnit, a2 as foldService, a3 as defineLanguageFacet, a4 as CompletionContext, a5 as EditorState, D as foldNodeProp, B as indentNodeProp, a6 as languageDataProp, a7 as LanguageDescription, a8 as ParseContext } from './index-o1kUBM0B.js';
-import { html, htmlCompletionSource } from './index-DO4yrIc-.js';
+import { T as Parser, U as NodeType, V as NodeProp, W as Tag, X as NodeSet, E as styleTags, Y as Tree, S as parseMixed, F as tags, I as syntaxTree, R as EditorSelection, Z as countColumn, A as LanguageSupport, _ as Prec, $ as keymap, Q as EditorView, a0 as Language, a1 as indentUnit, a2 as foldService, a3 as defineLanguageFacet, a4 as CompletionContext, a5 as EditorState, D as foldNodeProp, B as indentNodeProp, a6 as languageDataProp, a7 as LanguageDescription, a8 as ParseContext } from './index-DJWghCuI.js';
+import { html, htmlCompletionSource } from './index-Dk6UNQWp.js';
 
 class CompositeBlock {
     static create(type, value, from, parentHash, end) {

package/dist/{index-FnbDXzus.js → index-dKic9ff-.js}

@@ -1,4 +1,4 @@
-import { T as Parser, X as NodeSet, U as NodeType, aa as DefaultBufferLength, V as NodeProp, Y as Tree, P as IterMode } from './index-o1kUBM0B.js';
+import { T as Parser, X as NodeSet, U as NodeType, aa as DefaultBufferLength, V as NodeProp, Y as Tree, P as IterMode } from './index-DJWghCuI.js';
 
 /**
 A parse stack. These are used internally by the parser to track

package/dist/{index-TzlF4I2U.js → index-mEwvGwcX.js}

@@ -1,5 +1,5 @@
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from './index-FnbDXzus.js';
-import { E as styleTags, F as tags$1, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside, I as syntaxTree, O as NodeWeakMap, P as IterMode } from './index-o1kUBM0B.js';
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from './index-dKic9ff-.js';
+import { E as styleTags, F as tags$1, A as LanguageSupport, L as LRLanguage, B as indentNodeProp, C as continuedIndent, D as foldNodeProp, M as foldInside, I as syntaxTree, O as NodeWeakMap, P as IterMode } from './index-DJWghCuI.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const descendantOp = 122,

package/dist/{index-D2xHwKn1.js → index-paWgasj8.js}

@@ -1,6 +1,6 @@
-import { Q as EditorView, R as EditorSelection, A as LanguageSupport, S as parseMixed, I as syntaxTree, L as LRLanguage, E as styleTags, F as tags, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp } from './index-o1kUBM0B.js';
-import { html } from './index-DO4yrIc-.js';
-import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from './index-FnbDXzus.js';
+import { Q as EditorView, R as EditorSelection, A as LanguageSupport, S as parseMixed, I as syntaxTree, L as LRLanguage, E as styleTags, F as tags, B as indentNodeProp, K as delimitedIndent, D as foldNodeProp } from './index-DJWghCuI.js';
+import { html } from './index-Dk6UNQWp.js';
+import { L as LRParser, E as ExternalTokenizer, a as LocalTokenGroup } from './index-dKic9ff-.js';
 
 // This file was generated by lezer-generator. You probably shouldn't edit it.
 const interpolationStart = 1,

package/dist/index.js

@@ -1 +1 @@
-export { ac as BrainfishEditor, ad as MarkdownSourceEditor, ae as MilkdownProvider, j as createReviewSuggestionBulkActions } from './index-o1kUBM0B.js';
+export { ac as BrainfishEditor, ad as MarkdownSourceEditor, ae as MilkdownProvider, j as createReviewSuggestionBulkActions } from './index-DJWghCuI.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/editor",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "description": "Markdown editor package for Brainfish based on Milkdown",
   "types": "dist/index.d.ts",
   "sideEffects": [