@nonoun/native-codemirror 0.2.3 → 0.2.4

package/dist/native-codemirror.css

@@ -7,20 +7,59 @@
  * These styles handle structural concerns (scrolling, gutter borders,
  * scrollbar appearance, border-radius) that complement the JS-driven
  * EditorView.theme() in theme.ts.
+ *
+ * All colors flow through --n-code-* CSS custom properties defined here.
+ * When native-ui foundation CSS is loaded, tokens like --n-body, --n-ink
+ * provide automatic theme integration. Without it, hex fallbacks apply.
+ * Consumers can override any --n-code-* var directly on .cm-editor.
  */
 
 @layer ui {
   /* -----------------------------------------------------------------------
-   * Editor root
+   * Editor root — color bridge vars
    * --------------------------------------------------------------------- */
 
   :where(.cm-editor) {
-    /* CodeMirror chrome tokens */
-    --n-cm-scrollbar: #484c52;
-    --n-cm-scrollbar-hover: #5e6167;
-    --n-cm-match-bg: #314050;
+    /* Grounds */
+    --n-code-bg:              var(--n-color-neutral-base, #282c34);
+    --n-code-bg-raised:       var(--n-color-neutral-higher, #21252b);
+    --n-code-bg-deeper:       var(--n-color-neutral-lower, #1e2127);
+    --n-code-bg-inline:       var(--n-card, #333843);
+
+    /* Ink */
+    --n-code-text:            var(--n-ink, #abb2bf);
+    --n-code-text-muted:      var(--n-ink-muted, #7d8799);
+
+    /* Interactive */
+    --n-code-cursor:          var(--n-surface-accent, #528bff);
+    --n-code-selection:       var(--n-color-neutral-300, #3E4451);
+    --n-code-line-active:     var(--n-color-neutral-200, #2c313a);
+    --n-code-bracket:         var(--n-color-neutral-600, #515a6b);
+    --n-code-accent:          var(--n-surface-accent, #61afef);
+
+    /* Chrome */
+    --n-code-border:          var(--n-border, #3E4451);
+    --n-code-button:          var(--n-color-neutral-100-scrim, #3E4451);
+    --n-code-scrollbar:       var(--n-color-neutral-200-scrim, #484c52);
+    --n-code-scrollbar-hover: var(--n-color-neutral-300-scrim, #5e6167);
+    --n-code-match:           var(--n-color-accent-050-scrim, #314050);
+    --n-code-shadow:          0 4px 16px rgba(0, 0, 0, 0.3);
+
+    /* Search */
+    --n-code-search:          rgba(229, 192, 123, 0.25);
+    --n-code-search-outline:  rgba(229, 192, 123, 0.4);
+    --n-code-search-active:   rgba(97, 175, 239, 0.3);
+
+    /* Syntax palette — curated for dark-on-dark contrast */
+    --n-code-keyword:         #c678dd;
+    --n-code-string:          #98c379;
+    --n-code-function:        #61afef;
+    --n-code-variable:        #e06c75;
+    --n-code-type:            #e5c07b;
+    --n-code-operator:        #56b6c2;
+    --n-code-number:          #d19a66;
+    --n-code-invalid:         #ffffff;
 
-    /*border-radius: var(--n-radius, 8px);*/
     overflow: hidden;
     font-variant-ligatures: contextual;
     line-height: 1.6;
@@ -69,7 +108,7 @@
 
   :where(.cm-scroller) {
     scrollbar-width: thin;
-    scrollbar-color: var(--n-cm-scrollbar) transparent;
+    scrollbar-color: var(--n-code-scrollbar) transparent;
   }
 
   :where(.cm-scroller)::-webkit-scrollbar {
@@ -82,12 +121,12 @@
   }
 
   :where(.cm-scroller)::-webkit-scrollbar-thumb {
-    background: var(--n-cm-scrollbar);
+    background: var(--n-code-scrollbar);
     border-radius: 4px;
   }
 
   :where(.cm-scroller)::-webkit-scrollbar-thumb:hover {
-    background: var(--n-cm-scrollbar-hover);
+    background: var(--n-code-scrollbar-hover);
   }
 
   :where(.cm-scroller)::-webkit-scrollbar-corner {
@@ -172,7 +211,7 @@
    * --------------------------------------------------------------------- */
 
   :where(.cm-selectionMatch) {
-    background-color: var(--n-cm-match-bg);
+    background-color: var(--n-code-match);
     border-radius: 2px;
   }
 }

package/dist/native-codemirror.js

@@ -1,43 +1,49 @@
-import { Decoration as e, EditorView as t, EditorView as n, ViewPlugin as r, WidgetType as i, drawSelection as a, drawSelection as o, highlightActiveLine as s, highlightActiveLine as c, highlightActiveLineGutter as ee, highlightActiveLineGutter as te, highlightSpecialChars as ne, keymap as l, keymap as re, lineNumbers as ie, lineNumbers as ae } from "@codemirror/view";
-import { HighlightStyle as oe, HighlightStyle as u, bracketMatching as d, bracketMatching as f, foldGutter as p, foldGutter as m, foldKeymap as se, indentOnInput as ce, indentOnInput as le, syntaxHighlighting as ue, syntaxHighlighting as de, syntaxTree as fe } from "@codemirror/language";
-import { tags as h, tags as g } from "@lezer/highlight";
-import { defaultKeymap as _, defaultKeymap as v, history as y, history as b, historyKeymap as x, historyKeymap as S, redo as C, undo as w } from "@codemirror/commands";
-import { autocompletion as T, autocompletion as E, closeBrackets as D, closeBrackets as O, closeBracketsKeymap as k, closeBracketsKeymap as A, completionKeymap as j, completionKeymap as M } from "@codemirror/autocomplete";
-import { Compartment as N, EditorState as pe, EditorState as P, StateEffect as F, StateField as I } from "@codemirror/state";
+import { Decoration as e, EditorView as t, EditorView as n, ViewPlugin as r, WidgetType as i, drawSelection as a, drawSelection as o, highlightActiveLine as s, highlightActiveLine as c, highlightActiveLineGutter as ee, highlightActiveLineGutter as te, highlightSpecialChars as ne, keymap as re, keymap as ie, lineNumbers as ae, lineNumbers as oe } from "@codemirror/view";
+import { HighlightStyle as l, HighlightStyle as se, bracketMatching as u, bracketMatching as ce, foldGutter as d, foldGutter as f, foldKeymap as p, indentOnInput as le, indentOnInput as ue, syntaxHighlighting as de, syntaxHighlighting as fe, syntaxTree as pe } from "@codemirror/language";
+import { tags as me, tags as m } from "@lezer/highlight";
+import { defaultKeymap as he, defaultKeymap as h, history as g, history as _, historyKeymap as v, historyKeymap as y, redo as b, undo as x } from "@codemirror/commands";
+import { autocompletion as S, autocompletion as C, closeBrackets as w, closeBrackets as T, closeBracketsKeymap as E, closeBracketsKeymap as D, completionKeymap as O, completionKeymap as k } from "@codemirror/autocomplete";
+import { Compartment as A, EditorState as j, EditorState as M, StateEffect as N, StateField as ge } from "@codemirror/state";
 /**
 * NativeUI CodeMirror Theme
 *
 * Dark theme inspired by one-dark, designed to harmonize with the
 * @nonoun/native-ui OKLCH design system. Uses EditorView.theme()
 * with { dark: true } and HighlightStyle.define() for syntax tokens.
+*
+* All colors flow through --n-code-* CSS custom properties (defined in
+* codemirror.css). When native-ui foundation CSS is loaded, tokens like
+* --n-body and --n-ink provide automatic theme integration. Without it,
+* the one-dark hex fallbacks apply. Consumers can override any
+* --n-code-* var directly on .cm-editor.
 */
-var L = "var(--n-code-bg, #282c34)", R = "var(--n-code-bg-dark, #21252b)", z = "var(--n-code-text, #abb2bf)", B = "var(--n-code-text-muted, #7d8799)", V = "#528bff", H = "#3E4451", U = "#c678dd", W = "#98c379", G = "#61afef", K = "#e06c75", q = "#e5c07b", J = "#56b6c2", Y = "#d19a66";
+var P = "var(--n-code-bg, #282c34)", F = "var(--n-code-bg-raised, #21252b)", I = "var(--n-code-text, #abb2bf)", L = "var(--n-code-text-muted, #7d8799)", R = "var(--n-code-cursor, #528bff)", z = "var(--n-code-selection, #3E4451)", B = "var(--n-code-line-active, #2c313a)", V = "var(--n-code-bracket, #515a6b)", H = "var(--n-code-border, #3E4451)", _e = "var(--n-code-button, #3E4451)", U = "var(--n-code-keyword, #c678dd)", W = "var(--n-code-string, #98c379)", G = "var(--n-code-function, #61afef)", K = "var(--n-code-variable, #e06c75)", q = "var(--n-code-type, #e5c07b)", J = "var(--n-code-operator, #56b6c2)", Y = "var(--n-code-number, #d19a66)";
 const X = n.theme({
 	"&": {
-		color: z,
-		backgroundColor: L,
+		color: I,
+		backgroundColor: P,
 		fontSize: "14px",
 		fontFamily: "'JetBrains Mono', 'Fira Code', 'Cascadia Code', ui-monospace, SFMono-Regular, Menlo, monospace"
 	},
 	".cm-content": {
-		caretColor: V,
+		caretColor: R,
 		padding: "4px 0"
 	},
 	"&.cm-focused .cm-cursor": {
-		borderLeftColor: V,
+		borderLeftColor: R,
 		borderLeftWidth: "2px"
 	},
-	"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: H },
-	".cm-activeLine": { backgroundColor: "#2c313a" },
+	"&.cm-focused .cm-selectionBackground, .cm-selectionBackground": { backgroundColor: z },
+	".cm-activeLine": { backgroundColor: B },
 	".cm-gutters": {
-		backgroundColor: R,
-		color: B,
+		backgroundColor: F,
+		color: L,
 		borderRight: "none",
 		paddingRight: "4px"
 	},
 	".cm-activeLineGutter": {
-		backgroundColor: "#2c313a",
-		color: z
+		backgroundColor: B,
+		color: I
 	},
 	".cm-lineNumbers .cm-gutterElement": {
 		padding: "0 8px 0 16px",
@@ -48,29 +54,29 @@ const X = n.theme({
 		cursor: "pointer"
 	},
 	"&.cm-focused .cm-matchingBracket": {
-		backgroundColor: "#515a6b",
-		outline: "1px solid #515a6b"
+		backgroundColor: V,
+		outline: `1px solid ${V}`
 	},
 	"&.cm-focused .cm-nonmatchingBracket": { color: K },
 	".cm-searchMatch": {
-		backgroundColor: "rgba(229, 192, 123, 0.25)",
-		outline: "1px solid rgba(229, 192, 123, 0.4)"
+		backgroundColor: "var(--n-code-search, rgba(229, 192, 123, 0.25))",
+		outline: "1px solid var(--n-code-search-outline, rgba(229, 192, 123, 0.4))"
 	},
-	".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: "rgba(97, 175, 239, 0.3)" },
+	".cm-searchMatch.cm-searchMatch-selected": { backgroundColor: "var(--n-code-search-active, rgba(97, 175, 239, 0.3))" },
 	".cm-tooltip": {
-		backgroundColor: R,
-		color: z,
-		border: "1px solid #3E4451",
+		backgroundColor: F,
+		color: I,
+		border: `1px solid ${H}`,
 		borderRadius: "6px",
-		boxShadow: "0 4px 16px rgba(0, 0, 0, 0.3)"
+		boxShadow: "var(--n-code-shadow, 0 4px 16px rgba(0, 0, 0, 0.3))"
 	},
 	".cm-tooltip .cm-tooltip-arrow::before": {
-		borderTopColor: "#3E4451",
-		borderBottomColor: "#3E4451"
+		borderTopColor: H,
+		borderBottomColor: H
 	},
 	".cm-tooltip .cm-tooltip-arrow::after": {
-		borderTopColor: R,
-		borderBottomColor: R
+		borderTopColor: F,
+		borderBottomColor: F
 	},
 	".cm-tooltip-autocomplete": {
 		"& > ul": {
@@ -79,27 +85,27 @@ const X = n.theme({
 		},
 		"& > ul > li": { padding: "4px 8px" },
 		"& > ul > li[aria-selected]": {
-			backgroundColor: H,
-			color: z
+			backgroundColor: z,
+			color: I
 		}
 	},
 	".cm-panels": {
-		backgroundColor: R,
-		color: z
+		backgroundColor: F,
+		color: I
 	},
-	".cm-panels.cm-panels-top": { borderBottom: "1px solid #3E4451" },
-	".cm-panels.cm-panels-bottom": { borderTop: "1px solid #3E4451" },
+	".cm-panels.cm-panels-top": { borderBottom: `1px solid ${H}` },
+	".cm-panels.cm-panels-bottom": { borderTop: `1px solid ${H}` },
 	".cm-panel input, .cm-panel button, .cm-panel select": { fontSize: "inherit" },
 	".cm-panel input": {
-		backgroundColor: L,
-		color: z,
-		border: "1px solid #3E4451",
+		backgroundColor: P,
+		color: I,
+		border: `1px solid ${H}`,
 		borderRadius: "4px",
 		padding: "2px 6px"
 	},
 	".cm-panel button": {
-		backgroundColor: "#3E4451",
-		color: z,
+		backgroundColor: _e,
+		color: I,
 		border: "none",
 		borderRadius: "4px",
 		padding: "2px 8px",
@@ -107,269 +113,269 @@ const X = n.theme({
 	},
 	".cm-fat-cursor .cm-cursor": {
 		display: "block",
-		backgroundColor: `${V}77`,
+		backgroundColor: `${R}77`,
 		borderLeft: "none",
 		width: "0.5em"
 	},
-	".cm-selectionLayer .cm-selectionBackground": { backgroundColor: `${H}80` },
+	".cm-selectionLayer .cm-selectionBackground": { backgroundColor: `${z}80` },
 	".cm-foldPlaceholder": {
 		backgroundColor: "transparent",
 		border: "none",
-		color: B
+		color: L
 	}
-}, { dark: !0 }), Z = u.define([
+}, { dark: !0 }), Z = se.define([
 	{
-		tag: g.comment,
-		color: B,
+		tag: m.comment,
+		color: L,
 		fontStyle: "italic"
 	},
 	{
-		tag: g.lineComment,
-		color: B,
+		tag: m.lineComment,
+		color: L,
 		fontStyle: "italic"
 	},
 	{
-		tag: g.blockComment,
-		color: B,
+		tag: m.blockComment,
+		color: L,
 		fontStyle: "italic"
 	},
 	{
-		tag: g.docComment,
-		color: B,
+		tag: m.docComment,
+		color: L,
 		fontStyle: "italic"
 	},
 	{
-		tag: g.keyword,
+		tag: m.keyword,
 		color: U
 	},
 	{
-		tag: g.controlKeyword,
+		tag: m.controlKeyword,
 		color: U
 	},
 	{
-		tag: g.operatorKeyword,
+		tag: m.operatorKeyword,
 		color: U
 	},
 	{
-		tag: g.definitionKeyword,
+		tag: m.definitionKeyword,
 		color: U
 	},
 	{
-		tag: g.moduleKeyword,
+		tag: m.moduleKeyword,
 		color: U
 	},
 	{
-		tag: g.string,
+		tag: m.string,
 		color: W
 	},
 	{
-		tag: g.special(g.string),
+		tag: m.special(m.string),
 		color: W
 	},
 	{
-		tag: g.regexp,
+		tag: m.regexp,
 		color: W
 	},
 	{
-		tag: g.escape,
+		tag: m.escape,
 		color: J
 	},
 	{
-		tag: g.character,
+		tag: m.character,
 		color: W
 	},
 	{
-		tag: g.function(g.definition(g.variableName)),
+		tag: m.function(m.definition(m.variableName)),
 		color: G
 	},
 	{
-		tag: g.function(g.variableName),
+		tag: m.function(m.variableName),
 		color: G
 	},
 	{
-		tag: g.variableName,
+		tag: m.variableName,
 		color: K
 	},
 	{
-		tag: g.definition(g.variableName),
+		tag: m.definition(m.variableName),
 		color: K
 	},
 	{
-		tag: g.propertyName,
+		tag: m.propertyName,
 		color: K
 	},
 	{
-		tag: g.definition(g.propertyName),
+		tag: m.definition(m.propertyName),
 		color: K
 	},
 	{
-		tag: g.typeName,
+		tag: m.typeName,
 		color: q
 	},
 	{
-		tag: g.className,
+		tag: m.className,
 		color: q
 	},
 	{
-		tag: g.namespace,
+		tag: m.namespace,
 		color: q
 	},
 	{
-		tag: g.macroName,
+		tag: m.macroName,
 		color: q
 	},
 	{
-		tag: g.annotation,
+		tag: m.annotation,
 		color: q
 	},
 	{
-		tag: g.number,
+		tag: m.number,
 		color: Y
 	},
 	{
-		tag: g.integer,
+		tag: m.integer,
 		color: Y
 	},
 	{
-		tag: g.float,
+		tag: m.float,
 		color: Y
 	},
 	{
-		tag: g.bool,
+		tag: m.bool,
 		color: Y
 	},
 	{
-		tag: g.null,
+		tag: m.null,
 		color: Y
 	},
 	{
-		tag: g.atom,
+		tag: m.atom,
 		color: Y
 	},
 	{
-		tag: g.operator,
+		tag: m.operator,
 		color: J
 	},
 	{
-		tag: g.punctuation,
-		color: z
+		tag: m.punctuation,
+		color: I
 	},
 	{
-		tag: g.paren,
-		color: z
+		tag: m.paren,
+		color: I
 	},
 	{
-		tag: g.squareBracket,
-		color: z
+		tag: m.squareBracket,
+		color: I
 	},
 	{
-		tag: g.brace,
-		color: z
+		tag: m.brace,
+		color: I
 	},
 	{
-		tag: g.derefOperator,
-		color: z
+		tag: m.derefOperator,
+		color: I
 	},
 	{
-		tag: g.separator,
-		color: z
+		tag: m.separator,
+		color: I
 	},
 	{
-		tag: g.url,
+		tag: m.url,
 		color: J,
 		textDecoration: "underline"
 	},
 	{
-		tag: g.link,
+		tag: m.link,
 		color: J
 	},
 	{
-		tag: g.labelName,
+		tag: m.labelName,
 		color: K
 	},
 	{
-		tag: g.tagName,
+		tag: m.tagName,
 		color: K
 	},
 	{
-		tag: g.attributeName,
+		tag: m.attributeName,
 		color: Y
 	},
 	{
-		tag: g.attributeValue,
+		tag: m.attributeValue,
 		color: W
 	},
 	{
-		tag: g.angleBracket,
-		color: z
+		tag: m.angleBracket,
+		color: I
 	},
 	{
-		tag: g.self,
+		tag: m.self,
 		color: K
 	},
 	{
-		tag: g.processingInstruction,
-		color: B
+		tag: m.processingInstruction,
+		color: L
 	},
 	{
-		tag: g.meta,
-		color: B
+		tag: m.meta,
+		color: L
 	},
 	{
-		tag: g.heading,
+		tag: m.heading,
 		color: K,
 		fontWeight: "bold"
 	},
 	{
-		tag: g.heading1,
+		tag: m.heading1,
 		color: K,
 		fontWeight: "bold"
 	},
 	{
-		tag: g.heading2,
+		tag: m.heading2,
 		color: K,
 		fontWeight: "bold"
 	},
 	{
-		tag: g.heading3,
+		tag: m.heading3,
 		color: K,
 		fontWeight: "bold"
 	},
 	{
-		tag: g.emphasis,
+		tag: m.emphasis,
 		fontStyle: "italic"
 	},
 	{
-		tag: g.strong,
+		tag: m.strong,
 		fontWeight: "bold"
 	},
 	{
-		tag: g.strikethrough,
+		tag: m.strikethrough,
 		textDecoration: "line-through"
 	},
 	{
-		tag: g.invalid,
-		color: "#ffffff",
+		tag: m.invalid,
+		color: "var(--n-code-invalid, #ffffff)",
 		backgroundColor: K
 	}
-]), Q = de(Z), $ = [
+]), Q = fe(Z), $ = [
 	ne(),
 	o(),
-	le(),
-	b(),
+	ue(),
+	_(),
+	ce(),
+	T(),
+	C(),
+	oe(),
 	f(),
-	O(),
-	E(),
-	ae(),
-	m(),
 	c(),
 	te(),
-	re.of([
-		...A,
-		...v,
-		...S,
-		...se,
-		...M
+	ie.of([
+		...D,
+		...h,
+		...y,
+		...p,
+		...k
 	])
 ];
 /**
@@ -399,15 +405,15 @@ const X = n.theme({
 * });
 * ```
 */
-function me(e, t) {
+function ve(e, t) {
 	let { doc: r = "", extensions: i = [], readonly: a = !1 } = t ?? {}, o = [
 		X,
 		Q,
 		$,
 		...i
 	];
-	return a && o.push(P.readOnly.of(!0), n.editable.of(!1)), new n({
-		state: P.create({
+	return a && o.push(M.readOnly.of(!0), n.editable.of(!1)), new n({
+		state: M.create({
 			doc: r,
 			extensions: o
 		}),
@@ -415,4 +421,4 @@ function me(e, t) {
 		root: e.ownerDocument
 	});
 }
-export { N as Compartment, e as Decoration, pe as EditorState, t as EditorView, oe as HighlightStyle, $ as NBaseExtensions, Z as NHighlightStyle, Q as NSyntaxHighlighting, X as NTheme, F as StateEffect, I as StateField, r as ViewPlugin, i as WidgetType, T as autocompletion, d as bracketMatching, D as closeBrackets, k as closeBracketsKeymap, j as completionKeymap, me as createEditorView, _ as defaultKeymap, a as drawSelection, p as foldGutter, s as highlightActiveLine, ee as highlightActiveLineGutter, y as history, x as historyKeymap, ce as indentOnInput, l as keymap, ie as lineNumbers, C as redo, ue as syntaxHighlighting, fe as syntaxTree, h as tags, w as undo };
+export { A as Compartment, e as Decoration, j as EditorState, t as EditorView, l as HighlightStyle, $ as NBaseExtensions, Z as NHighlightStyle, Q as NSyntaxHighlighting, X as NTheme, N as StateEffect, ge as StateField, r as ViewPlugin, i as WidgetType, S as autocompletion, u as bracketMatching, w as closeBrackets, E as closeBracketsKeymap, O as completionKeymap, ve as createEditorView, he as defaultKeymap, a as drawSelection, d as foldGutter, s as highlightActiveLine, ee as highlightActiveLineGutter, g as history, v as historyKeymap, le as indentOnInput, re as keymap, ae as lineNumbers, b as redo, de as syntaxHighlighting, pe as syntaxTree, me as tags, x as undo };

package/dist/theme.d.ts

@@ -4,6 +4,12 @@
  * Dark theme inspired by one-dark, designed to harmonize with the
  * @nonoun/native-ui OKLCH design system. Uses EditorView.theme()
  * with { dark: true } and HighlightStyle.define() for syntax tokens.
+ *
+ * All colors flow through --n-code-* CSS custom properties (defined in
+ * codemirror.css). When native-ui foundation CSS is loaded, tokens like
+ * --n-body and --n-ink provide automatic theme integration. Without it,
+ * the one-dark hex fallbacks apply. Consumers can override any
+ * --n-code-* var directly on .cm-editor.
  */
 import { HighlightStyle } from '@codemirror/language';
 export declare const NTheme: import("@codemirror/state").Extension;

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAC;AA8B1E,eAAO,MAAM,MAAM,uCAqKlB,CAAC;AAMF,eAAO,MAAM,eAAe,gBAoF1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,uCAAsC,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,EAAE,cAAc,EAAsB,MAAM,sBAAsB,CAAC;AAgC1E,eAAO,MAAM,MAAM,uCAqKlB,CAAC;AAMF,eAAO,MAAM,eAAe,gBAoF1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,uCAAsC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nonoun/native-codemirror",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "Shared CodeMirror 6 integration layer for @nonoun/native-ui ecosystem",
   "license": "MIT",
   "type": "module",