@miethe/ui 0.3.0 → 0.6.0

package/dist/display/ContextInfoCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextInfoCard.js","sourceRoot":"","sources":["../../src/display/ContextInfoCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAsCzC,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,IAAI,EAAE,IAAI,EACV,QAAQ,EACR,OAAO,EACP,gBAAgB,GAAG,IAAI,EACvB,QAAQ,EACR,SAAS,GACY;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,OAAO,GACX,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;QAC/C,QAAQ,KAAK,SAAS,CAAC;IAEzB,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,SAAS,CACV,aAKD,eAAK,SAAS,EAAC,mCAAmC,aAE/C,OAAO,CAAC,CAAC,CAAC,CACT,kBACE,IAAI,EAAC,QAAQ,mBACE,MAAM,mBACN,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EACzC,SAAS,EAAE,EAAE,CACX,0CAA0C,EAC1C,4DAA4D,EAC5D,qDAAqD,CACtD,aAGA,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,WAAW,IACV,SAAS,EAAC,wCAAwC,iBACtC,MAAM,GAClB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,IACX,SAAS,EAAC,wCAAwC,iBACtC,MAAM,GAClB,CACH,EAGA,IAAI,IAAI,CACP,KAAC,IAAI,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAC5D,EAGD,eAAM,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAQ,IAC7D,CACV,CAAC,CAAC,CAAC;oBACF,kDAAkD;oBAClD,eAAK,SAAS,EAAC,gCAAgC,aAC5C,IAAI,IAAI,CACP,KAAC,IAAI,IAAC,SAAS,EAAC,wCAAwC,GAAG,CAC5D,EACD,eAAM,SAAS,EAAC,qCAAqC,YAAE,KAAK,GAAQ,IAChE,CACP,EAGA,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,0CAA0C,YACtD,OAAO,GACJ,CACP,IACG,EAKL,OAAO,IAAI,CACV,cAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,MAAM,YAC9B,eAAK,SAAS,EAAC,uCAAuC,aAEnD,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CAClC,aAAI,SAAS,EAAC,6CAA6C,YACxD,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,eAAiB,SAAS,EAAC,UAAU,aACnC,aAAI,SAAS,EAAC,2CAA2C,YACtD,IAAI,CAAC,KAAK,GACR,EACL,aAAI,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAM,KAJjD,KAAK,CAKT,CACP,CAAC,GACC,CACN,EAGA,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,IAAI,CAC9C,cAAK,SAAS,EAAC,gCAAgC,GAAG,CACnD,EAGA,QAAQ,IAAI,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,IAClD,GACF,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/display/index.d.ts

@@ -2,4 +2,6 @@ export { FrontmatterDisplay } from './FrontmatterDisplay';
 export type { FrontmatterDisplayProps } from './FrontmatterDisplay';
 export { FilePreviewPane } from './FilePreviewPane';
 export type { FilePreviewPaneProps } from './FilePreviewPane';
+export { ContextInfoCard } from './ContextInfoCard';
+export type { ContextInfoCardProps, ContextInfoCardMetadataItem } from './ContextInfoCard';
 //# sourceMappingURL=index.d.ts.map

package/dist/display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/display/index.js

@@ -1,4 +1,5 @@
 // @miethe/ui — display submodule
 export { FrontmatterDisplay } from './FrontmatterDisplay';
 export { FilePreviewPane } from './FilePreviewPane';
+export { ContextInfoCard } from './ContextInfoCard';
 //# sourceMappingURL=index.js.map

package/dist/display/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/display/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/editor/CodeEditor.d.ts

@@ -0,0 +1,39 @@
+import type { ReactElement } from 'react';
+import type { LanguageSupport } from '@codemirror/language';
+export interface CodeEditorProps {
+    initialContent: string;
+    onChange: (content: string) => void;
+    readOnly?: boolean;
+    className?: string;
+    /**
+     * CodeMirror language extension. Omit for plain-text mode.
+     * @default undefined
+     */
+    language?: LanguageSupport;
+}
+/**
+ * CodeEditor - CodeMirror 6 based code editor with configurable language support
+ *
+ * Features:
+ * - Configurable language grammar via the `language` prop
+ * - Plain-text mode when `language` is omitted
+ * - Basic keymaps (undo/redo, etc.)
+ * - Reactive theme support (updates instantly on OS light↔dark switch)
+ * - onChange callback for content changes
+ * - ReadOnly mode support
+ * - React 19 StrictMode safe (destroy-guard prevents double-mount leaks)
+ * - Proper cleanup on unmount (view.destroy + matchMedia listener)
+ *
+ * @example
+ * ```tsx
+ * import { javascript } from '@codemirror/lang-javascript';
+ *
+ * <CodeEditor
+ *   initialContent="const x = 1;"
+ *   onChange={(content) => setContent(content)}
+ *   language={javascript({ typescript: true })}
+ * />
+ * ```
+ */
+export declare function CodeEditor({ initialContent, onChange, readOnly, className, language, }: CodeEditorProps): ReactElement;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/dist/editor/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/editor/CodeEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAQ5D,MAAM,WAAW,eAAe;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC5B;AAMD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,EACzB,cAAc,EACd,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,GAAG,YAAY,CAiGhC"}

package/dist/editor/CodeEditor.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Compartment, EditorState } from '@codemirror/state';
+import { EditorView, keymap } from '@codemirror/view';
+import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
+import { cn } from '../primitives/utils';
+import { darkTheme, lightTheme, prefersDark } from './theme';
+// ============================================================================
+// Main Component
+// ============================================================================
+/**
+ * CodeEditor - CodeMirror 6 based code editor with configurable language support
+ *
+ * Features:
+ * - Configurable language grammar via the `language` prop
+ * - Plain-text mode when `language` is omitted
+ * - Basic keymaps (undo/redo, etc.)
+ * - Reactive theme support (updates instantly on OS light↔dark switch)
+ * - onChange callback for content changes
+ * - ReadOnly mode support
+ * - React 19 StrictMode safe (destroy-guard prevents double-mount leaks)
+ * - Proper cleanup on unmount (view.destroy + matchMedia listener)
+ *
+ * @example
+ * ```tsx
+ * import { javascript } from '@codemirror/lang-javascript';
+ *
+ * <CodeEditor
+ *   initialContent="const x = 1;"
+ *   onChange={(content) => setContent(content)}
+ *   language={javascript({ typescript: true })}
+ * />
+ * ```
+ */
+export function CodeEditor({ initialContent, onChange, readOnly = false, className, language, }) {
+    const containerRef = useRef(null);
+    const editorRef = useRef(null);
+    // Stored so the matchMedia change-handler can dispatch a reconfigure without
+    // capturing a stale closure over the Compartment created during mount.
+    const themeCompartmentRef = useRef(null);
+    useEffect(() => {
+        if (!containerRef.current)
+            return;
+        // StrictMode guard: destroy any existing view before creating a new one
+        // so we never leak a second editor or a second matchMedia listener.
+        if (editorRef.current) {
+            editorRef.current.destroy();
+            editorRef.current = null;
+        }
+        const themeCompartment = new Compartment();
+        themeCompartmentRef.current = themeCompartment;
+        // Create editor state with all extensions
+        const startState = EditorState.create({
+            doc: initialContent,
+            extensions: [
+                // Optional language support — plain-text mode when omitted
+                ...(language ? [language] : []),
+                // History (undo/redo)
+                history(),
+                // Keymaps
+                keymap.of([...defaultKeymap, ...historyKeymap]),
+                // Update listener for onChange callback
+                EditorView.updateListener.of((update) => {
+                    if (update.docChanged) {
+                        onChange(update.state.doc.toString());
+                    }
+                }),
+                // ReadOnly mode
+                EditorView.editable.of(!readOnly),
+                // Reactive theme compartment — starts with the current OS preference
+                themeCompartment.of(prefersDark() ? darkTheme : lightTheme),
+                // Line wrapping
+                EditorView.lineWrapping,
+            ],
+        });
+        // Create editor view
+        const view = new EditorView({
+            state: startState,
+            parent: containerRef.current,
+        });
+        editorRef.current = view;
+        // Reactive dark-mode: reconfigure the theme compartment whenever the OS
+        // preference changes while the editor is mounted.
+        const mql = window.matchMedia('(prefers-color-scheme: dark)');
+        const handleColorSchemeChange = () => {
+            editorRef.current?.dispatch({
+                effects: themeCompartment.reconfigure(prefersDark() ? darkTheme : lightTheme),
+            });
+        };
+        mql.addEventListener('change', handleColorSchemeChange);
+        // Cleanup on unmount: remove listener before destroying the view
+        return () => {
+            mql.removeEventListener('change', handleColorSchemeChange);
+            view.destroy();
+            editorRef.current = null;
+            themeCompartmentRef.current = null;
+        };
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps — intentional mount-once
+    // Update content when initialContent changes externally
+    useEffect(() => {
+        if (editorRef.current && editorRef.current.state.doc.toString() !== initialContent) {
+            editorRef.current.dispatch({
+                changes: {
+                    from: 0,
+                    to: editorRef.current.state.doc.length,
+                    insert: initialContent,
+                },
+            });
+        }
+    }, [initialContent]);
+    return (_jsx("div", { ref: containerRef, className: cn('h-full w-full overflow-auto rounded-md border', className) }));
+}
+//# sourceMappingURL=CodeEditor.js.map

package/dist/editor/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../src/editor/CodeEditor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/MarkdownEditor.d.ts

@@ -10,10 +10,11 @@ export interface MarkdownEditorProps {
  * Features:
  * - Markdown syntax highlighting
  * - Basic keymaps (undo/redo, etc.)
- * - Theme support (light/dark based on system preference)
+ * - Reactive theme support (updates instantly on OS light↔dark switch)
  * - onChange callback for content changes
  * - ReadOnly mode support
- * - Proper cleanup on unmount
+ * - React 19 StrictMode safe (destroy-guard prevents double-mount leaks)
+ * - Proper cleanup on unmount (view.destroy + matchMedia listener)
  *
  * @example
  * ```tsx

package/dist/editor/MarkdownEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/editor/MarkdownEditor.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsFD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CA0ErB"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../src/editor/MarkdownEditor.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,mBAAmB;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,QAAQ,EACR,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CAiGrB"}

package/dist/editor/MarkdownEditor.js

@@ -1,82 +1,12 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { EditorState } from '@codemirror/state';
+import { Compartment, EditorState } from '@codemirror/state';
 import { EditorView, keymap } from '@codemirror/view';
 import { markdown } from '@codemirror/lang-markdown';
 import { defaultKeymap, history, historyKeymap } from '@codemirror/commands';
 import { cn } from '../primitives/utils';
-// ============================================================================
-// Theme Extensions
-// ============================================================================
-/**
- * Light theme extension for CodeMirror
- */
-const lightTheme = EditorView.theme({
-    '&': {
-        backgroundColor: 'hsl(var(--background))',
-        color: 'hsl(var(--foreground))',
-        height: '100%',
-    },
-    '.cm-content': {
-        caretColor: 'hsl(var(--foreground))',
-        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
-        fontSize: '14px',
-        lineHeight: '1.6',
-        padding: '16px',
-    },
-    '.cm-cursor, .cm-dropCursor': {
-        borderLeftColor: 'hsl(var(--foreground))',
-    },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
-        backgroundColor: 'hsl(var(--accent))',
-    },
-    '.cm-activeLine': {
-        backgroundColor: 'hsl(var(--accent) / 0.1)',
-    },
-    '.cm-gutters': {
-        backgroundColor: 'hsl(var(--muted))',
-        color: 'hsl(var(--muted-foreground))',
-        border: 'none',
-    },
-    '.cm-activeLineGutter': {
-        backgroundColor: 'hsl(var(--accent) / 0.1)',
-    },
-}, { dark: false });
-/**
- * Dark theme extension for CodeMirror
- */
-const darkTheme = EditorView.theme({
-    '&': {
-        backgroundColor: 'hsl(var(--background))',
-        color: 'hsl(var(--foreground))',
-        height: '100%',
-    },
-    '.cm-content': {
-        caretColor: 'hsl(var(--foreground))',
-        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',
-        fontSize: '14px',
-        lineHeight: '1.6',
-        padding: '16px',
-    },
-    '.cm-cursor, .cm-dropCursor': {
-        borderLeftColor: 'hsl(var(--foreground))',
-    },
-    '&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
-        backgroundColor: 'hsl(var(--accent))',
-    },
-    '.cm-activeLine': {
-        backgroundColor: 'hsl(var(--accent) / 0.1)',
-    },
-    '.cm-gutters': {
-        backgroundColor: 'hsl(var(--muted))',
-        color: 'hsl(var(--muted-foreground))',
-        border: 'none',
-    },
-    '.cm-activeLineGutter': {
-        backgroundColor: 'hsl(var(--accent) / 0.1)',
-    },
-}, { dark: true });
+import { darkTheme, lightTheme, prefersDark } from './theme';
 // ============================================================================
 // Main Component
 // ============================================================================
@@ -86,10 +16,11 @@ const darkTheme = EditorView.theme({
  * Features:
  * - Markdown syntax highlighting
  * - Basic keymaps (undo/redo, etc.)
- * - Theme support (light/dark based on system preference)
+ * - Reactive theme support (updates instantly on OS light↔dark switch)
  * - onChange callback for content changes
  * - ReadOnly mode support
- * - Proper cleanup on unmount
+ * - React 19 StrictMode safe (destroy-guard prevents double-mount leaks)
+ * - Proper cleanup on unmount (view.destroy + matchMedia listener)
  *
  * @example
  * ```tsx
@@ -103,11 +34,20 @@ const darkTheme = EditorView.theme({
 export function MarkdownEditor({ initialContent, onChange, readOnly = false, className, }) {
     const containerRef = useRef(null);
     const editorRef = useRef(null);
+    // Stored so the matchMedia change-handler can dispatch a reconfigure without
+    // capturing a stale closure over the Compartment created during mount.
+    const themeCompartmentRef = useRef(null);
     useEffect(() => {
         if (!containerRef.current)
             return;
-        // Detect dark mode from system preference
-        const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        // StrictMode guard: destroy any existing view before creating a new one
+        // so we never leak a second editor or a second matchMedia listener.
+        if (editorRef.current) {
+            editorRef.current.destroy();
+            editorRef.current = null;
+        }
+        const themeCompartment = new Compartment();
+        themeCompartmentRef.current = themeCompartment;
         // Create editor state with all extensions
         const startState = EditorState.create({
             doc: initialContent,
@@ -126,8 +66,8 @@ export function MarkdownEditor({ initialContent, onChange, readOnly = false, cla
                 }),
                 // ReadOnly mode
                 EditorView.editable.of(!readOnly),
-                // Theme based on system preference
-                isDarkMode ? darkTheme : lightTheme,
+                // Reactive theme compartment — starts with the current OS preference
+                themeCompartment.of(prefersDark() ? darkTheme : lightTheme),
                 // Line wrapping
                 EditorView.lineWrapping,
             ],
@@ -138,11 +78,23 @@ export function MarkdownEditor({ initialContent, onChange, readOnly = false, cla
             parent: containerRef.current,
         });
         editorRef.current = view;
-        // Cleanup on unmount
+        // Reactive dark-mode: reconfigure the theme compartment whenever the OS
+        // preference changes while the editor is mounted.
+        const mql = window.matchMedia('(prefers-color-scheme: dark)');
+        const handleColorSchemeChange = () => {
+            editorRef.current?.dispatch({
+                effects: themeCompartment.reconfigure(prefersDark() ? darkTheme : lightTheme),
+            });
+        };
+        mql.addEventListener('change', handleColorSchemeChange);
+        // Cleanup on unmount: remove listener before destroying the view
         return () => {
+            mql.removeEventListener('change', handleColorSchemeChange);
             view.destroy();
+            editorRef.current = null;
+            themeCompartmentRef.current = null;
         };
-    }, []); // Only run once on mount
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps — intentional mount-once
     // Update content when initialContent changes externally
     useEffect(() => {
         if (editorRef.current && editorRef.current.state.doc.toString() !== initialContent) {

package/dist/editor/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../src/editor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAazC,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E;;GAEG;AACH,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CACjC;IACE,GAAG,EAAE;QACH,eAAe,EAAE,wBAAwB;QACzC,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,UAAU,EAAE,wBAAwB;QACpC,UAAU,EAAE,kEAAkE;QAC9E,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,wBAAwB;KAC1C;IACD,wFAAwF,EAAE;QACxF,eAAe,EAAE,oBAAoB;KACtC;IACD,gBAAgB,EAAE;QAChB,eAAe,EAAE,0BAA0B;KAC5C;IACD,aAAa,EAAE;QACb,eAAe,EAAE,mBAAmB;QACpC,KAAK,EAAE,8BAA8B;QACrC,MAAM,EAAE,MAAM;KACf;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,0BAA0B;KAC5C;CACF,EACD,EAAE,IAAI,EAAE,KAAK,EAAE,CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAChC;IACE,GAAG,EAAE;QACH,eAAe,EAAE,wBAAwB;QACzC,KAAK,EAAE,wBAAwB;QAC/B,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,UAAU,EAAE,wBAAwB;QACpC,UAAU,EAAE,kEAAkE;QAC9E,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,wBAAwB;KAC1C;IACD,wFAAwF,EAAE;QACxF,eAAe,EAAE,oBAAoB;KACtC;IACD,gBAAgB,EAAE;QAChB,eAAe,EAAE,0BAA0B;KAC5C;IACD,aAAa,EAAE;QACb,eAAe,EAAE,mBAAmB;QACpC,KAAK,EAAE,8BAA8B;QACrC,MAAM,EAAE,MAAM;KACf;IACD,sBAAsB,EAAE;QACtB,eAAe,EAAE,0BAA0B;KAC5C;CACF,EACD,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;AAEF,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,cAAc,EACd,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,SAAS,GACW;IACpB,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAElC,0CAA0C;QAC1C,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;QAE7E,0CAA0C;QAC1C,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,CAAC;YACpC,GAAG,EAAE,cAAc;YACnB,UAAU,EAAE;gBACV,mBAAmB;gBACnB,QAAQ,EAAE;gBAEV,sBAAsB;gBACtB,OAAO,EAAE;gBAET,UAAU;gBACV,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,aAAa,CAAC,CAAC;gBAE/C,wCAAwC;gBACxC,UAAU,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE;oBACtC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;wBACtB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;oBACxC,CAAC;gBACH,CAAC,CAAC;gBAEF,gBAAgB;gBAChB,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;gBAEjC,mCAAmC;gBACnC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;gBAEnC,gBAAgB;gBAChB,UAAU,CAAC,YAAY;aACxB;SACF,CAAC,CAAC;QAEH,qBAAqB;QACrB,MAAM,IAAI,GAAG,IAAI,UAAU,CAAC;YAC1B,KAAK,EAAE,UAAU;YACjB,MAAM,EAAE,YAAY,CAAC,OAAO;SAC7B,CAAC,CAAC;QAEH,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAEzB,qBAAqB;QACrB,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,yBAAyB;IAEjC,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,cAAc,EAAE,CAAC;YACnF,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;gBACzB,OAAO,EAAE;oBACP,IAAI,EAAE,CAAC;oBACP,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM;oBACtC,MAAM,EAAE,cAAc;iBACvB;aACF,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CAAC,+CAA+C,EAAE,SAAS,CAAC,GACzE,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MarkdownEditor.js","sourceRoot":"","sources":["../../src/editor/MarkdownEditor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/SplitPreview.d.ts

@@ -3,6 +3,15 @@ export interface SplitPreviewProps {
     onChange: (content: string) => void;
     isEditing: boolean;
     className?: string;
+    /**
+     * When true, the rendered markdown HTML is passed through rehype-sanitize
+     * before display. Strips dangerous constructs: <script>, inline event
+     * handlers (onerror=, onclick=, etc.), javascript: URLs, and unsafe elements
+     * like <iframe>. When false (default), behavior is identical to before this
+     * prop was added — no sanitization, no performance change.
+     * @default false
+     */
+    sanitize?: boolean;
 }
 /**
  * SplitPreview - Split-view markdown editor with live preview
@@ -24,5 +33,5 @@ export interface SplitPreviewProps {
  * />
  * ```
  */
-export declare function SplitPreview({ content, onChange, isEditing, className }: SplitPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SplitPreview({ content, onChange, isEditing, className, sanitize }: SplitPreviewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SplitPreview.d.ts.map

package/dist/editor/SplitPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPreview.d.ts","sourceRoot":"","sources":["../../src/editor/SplitPreview.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA+B1F"}
+{"version":3,"file":"SplitPreview.d.ts","sourceRoot":"","sources":["../../src/editor/SplitPreview.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAgB,EAAE,EAAE,iBAAiB,2CAgC5G"}

package/dist/editor/SplitPreview.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
+import rehypeSanitize from 'rehype-sanitize';
 import { MarkdownEditor } from './MarkdownEditor';
 import { ScrollArea } from '../primitives/ScrollArea';
 import { cn } from '../primitives/utils';
@@ -28,7 +29,8 @@ import { cn } from '../primitives/utils';
  * />
  * ```
  */
-export function SplitPreview({ content, onChange, isEditing, className }) {
-    return (_jsxs("div", { className: cn('flex h-full min-w-0 flex-col gap-4 overflow-hidden lg:flex-row', className), children: [isEditing && (_jsx("div", { className: "min-h-[300px] min-w-0 flex-1 lg:min-h-0", children: _jsx(MarkdownEditor, { initialContent: content, onChange: onChange, className: "h-full" }) })), _jsx("div", { className: cn('min-h-[300px] min-w-0 flex-1 overflow-hidden lg:min-h-0', !isEditing && 'w-full'), children: _jsx("div", { className: "h-full overflow-hidden rounded-md border bg-card", children: _jsx(ScrollArea, { className: "h-full w-full [&>[data-radix-scroll-area-viewport]>div]:!block [&>[data-radix-scroll-area-viewport]>div]:!min-w-0", children: _jsx("div", { className: "prose prose-sm max-w-none overflow-x-hidden break-words p-6 [overflow-wrap:anywhere] [word-break:break-word] dark:prose-invert prose-headings:break-words prose-p:break-words prose-code:break-all prose-pre:overflow-x-auto", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content || '*No content to preview*' }) }) }) }) })] }));
+export function SplitPreview({ content, onChange, isEditing, className, sanitize = false }) {
+    const rehypePlugins = sanitize ? [rehypeSanitize] : [];
+    return (_jsxs("div", { className: cn('flex h-full min-w-0 flex-col gap-4 overflow-hidden lg:flex-row', className), children: [isEditing && (_jsx("div", { className: "min-h-[300px] min-w-0 flex-1 lg:min-h-0", children: _jsx(MarkdownEditor, { initialContent: content, onChange: onChange, className: "h-full" }) })), _jsx("div", { className: cn('min-h-[300px] min-w-0 flex-1 overflow-hidden lg:min-h-0', !isEditing && 'w-full'), children: _jsx("div", { className: "h-full overflow-hidden rounded-md border bg-card", children: _jsx(ScrollArea, { className: "h-full w-full [&>[data-radix-scroll-area-viewport]>div]:!block [&>[data-radix-scroll-area-viewport]>div]:!min-w-0", children: _jsx("div", { className: "prose prose-sm max-w-none overflow-x-hidden break-words p-6 [overflow-wrap:anywhere] [word-break:break-word] dark:prose-invert prose-headings:break-words prose-p:break-words prose-code:break-all prose-pre:overflow-x-auto", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: rehypePlugins, children: content || '*No content to preview*' }) }) }) }) })] }));
 }
 //# sourceMappingURL=SplitPreview.js.map

package/dist/editor/SplitPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitPreview.js","sourceRoot":"","sources":["../../src/editor/SplitPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAazC,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAqB;IACzF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,aAGzF,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,cAAc,IAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ,GAAG,GAC9E,CACP,EAGD,cACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,CAAC,SAAS,IAAI,QAAQ,CACvB,YAED,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,UAAU,IAAC,SAAS,EAAC,mHAAmH,YACvI,cAAK,SAAS,EAAC,8NAA8N,YAC3O,KAAC,aAAa,IAAC,aAAa,EAAE,CAAC,SAAS,CAAC,YACtC,OAAO,IAAI,yBAAyB,GACvB,GACZ,GACK,GACT,GACF,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SplitPreview.js","sourceRoot":"","sources":["../../src/editor/SplitPreview.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAsBzC,+EAA+E;AAC/E,iBAAiB;AACjB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAqB;IAC3G,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACvD,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,SAAS,CAAC,aAGzF,SAAS,IAAI,CACZ,cAAK,SAAS,EAAC,yCAAyC,YACtD,KAAC,cAAc,IAAC,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ,GAAG,GAC9E,CACP,EAGD,cACE,SAAS,EAAE,EAAE,CACX,yDAAyD,EACzD,CAAC,SAAS,IAAI,QAAQ,CACvB,YAED,cAAK,SAAS,EAAC,kDAAkD,YAC/D,KAAC,UAAU,IAAC,SAAS,EAAC,mHAAmH,YACvI,cAAK,SAAS,EAAC,8NAA8N,YAC3O,KAAC,aAAa,IAAC,aAAa,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,EAAE,aAAa,YACpE,OAAO,IAAI,yBAAyB,GACvB,GACZ,GACK,GACT,GACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/codeLanguages.d.ts

@@ -0,0 +1,28 @@
+import type { LanguageSupport } from '@codemirror/language';
+/**
+ * Resolves a CodeMirror `LanguageSupport` instance from a file path.
+ *
+ * Matches on the lowercased file extension. Returns `undefined` for unknown
+ * extensions so callers can fall back to plain-text mode.
+ *
+ * Supported extensions:
+ * - `.ts` → TypeScript
+ * - `.tsx` → TypeScript + JSX
+ * - `.js` → JavaScript
+ * - `.jsx` → JavaScript + JSX
+ * - `.py` → Python
+ * - `.json` → JSON
+ * - `.css` → CSS
+ *
+ * This module is intended to be loaded only inside a lazy boundary (e.g. a
+ * React.lazy wrapper in ContentPane) so the lang-pack weight stays in a
+ * deferred chunk and is never part of the initial bundle.
+ *
+ * @example
+ * ```ts
+ * const lang = resolveCodeMirrorLanguage('src/index.tsx');
+ * // lang === javascript({ typescript: true, jsx: true })
+ * ```
+ */
+export declare function resolveCodeMirrorLanguage(path: string): LanguageSupport | undefined;
+//# sourceMappingURL=codeLanguages.d.ts.map

package/dist/editor/codeLanguages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeLanguages.d.ts","sourceRoot":"","sources":["../../src/editor/codeLanguages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAU5D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,GAAG,SAAS,CAqBnF"}

package/dist/editor/codeLanguages.js

@@ -0,0 +1,54 @@
+import { javascript } from '@codemirror/lang-javascript';
+import { python } from '@codemirror/lang-python';
+import { json } from '@codemirror/lang-json';
+import { css } from '@codemirror/lang-css';
+// ============================================================================
+// Language resolver
+// ============================================================================
+/**
+ * Resolves a CodeMirror `LanguageSupport` instance from a file path.
+ *
+ * Matches on the lowercased file extension. Returns `undefined` for unknown
+ * extensions so callers can fall back to plain-text mode.
+ *
+ * Supported extensions:
+ * - `.ts` → TypeScript
+ * - `.tsx` → TypeScript + JSX
+ * - `.js` → JavaScript
+ * - `.jsx` → JavaScript + JSX
+ * - `.py` → Python
+ * - `.json` → JSON
+ * - `.css` → CSS
+ *
+ * This module is intended to be loaded only inside a lazy boundary (e.g. a
+ * React.lazy wrapper in ContentPane) so the lang-pack weight stays in a
+ * deferred chunk and is never part of the initial bundle.
+ *
+ * @example
+ * ```ts
+ * const lang = resolveCodeMirrorLanguage('src/index.tsx');
+ * // lang === javascript({ typescript: true, jsx: true })
+ * ```
+ */
+export function resolveCodeMirrorLanguage(path) {
+    const ext = path.slice(path.lastIndexOf('.')).toLowerCase();
+    switch (ext) {
+        case '.ts':
+            return javascript({ typescript: true });
+        case '.tsx':
+            return javascript({ typescript: true, jsx: true });
+        case '.js':
+            return javascript();
+        case '.jsx':
+            return javascript({ jsx: true });
+        case '.py':
+            return python();
+        case '.json':
+            return json();
+        case '.css':
+            return css();
+        default:
+            return undefined;
+    }
+}
+//# sourceMappingURL=codeLanguages.js.map

package/dist/editor/codeLanguages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeLanguages.js","sourceRoot":"","sources":["../../src/editor/codeLanguages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,+EAA+E;AAC/E,oBAAoB;AACpB,+EAA+E;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,yBAAyB,CAAC,IAAY;IACpD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAE5D,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,KAAK;YACR,OAAO,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1C,KAAK,MAAM;YACT,OAAO,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QACrD,KAAK,KAAK;YACR,OAAO,UAAU,EAAE,CAAC;QACtB,KAAK,MAAM;YACT,OAAO,UAAU,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QACnC,KAAK,KAAK;YACR,OAAO,MAAM,EAAE,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,IAAI,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,GAAG,EAAE,CAAC;QACf;YACE,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC"}

package/dist/editor/index.d.ts

@@ -2,4 +2,6 @@ export { MarkdownEditor } from './MarkdownEditor';
 export type { MarkdownEditorProps } from './MarkdownEditor';
 export { SplitPreview } from './SplitPreview';
 export type { SplitPreviewProps } from './SplitPreview';
+export { CodeEditor } from './CodeEditor';
+export type { CodeEditorProps } from './CodeEditor';
 //# sourceMappingURL=index.d.ts.map

package/dist/editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/editor/index.js

@@ -1,4 +1,10 @@
 // @miethe/ui — editor submodule
 export { MarkdownEditor } from './MarkdownEditor';
 export { SplitPreview } from './SplitPreview';
+export { CodeEditor } from './CodeEditor';
+// NOTE: `resolveCodeMirrorLanguage` is intentionally NOT re-exported here.
+// Its module statically imports the @codemirror/lang-* grammar packs; re-exporting
+// it from this barrel would pull those packs into every consumer of `@miethe/ui/editor`
+// (e.g. importers of MarkdownEditor), defeating the lazy-chunk isolation. ContentPane
+// imports it via a dynamic `import('./codeLanguages')` boundary instead.
 //# sourceMappingURL=index.js.map

package/dist/editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editor/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,2EAA2E;AAC3E,mFAAmF;AACnF,wFAAwF;AACxF,sFAAsF;AACtF,yEAAyE"}

package/dist/editor/theme.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Light theme extension for CodeMirror.
+ * Uses CSS custom properties so it adapts to any Tailwind/shadcn token set.
+ */
+export declare const lightTheme: import("@codemirror/state").Extension;
+/**
+ * Dark theme extension for CodeMirror.
+ * Uses CSS custom properties so it adapts to any Tailwind/shadcn token set.
+ */
+export declare const darkTheme: import("@codemirror/state").Extension;
+/**
+ * Returns true when the OS/browser is currently in dark mode.
+ * Safe to call in SSR contexts — returns false when `window` is unavailable.
+ */
+export declare function prefersDark(): boolean;
+//# sourceMappingURL=theme.d.ts.map

package/dist/editor/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/editor/theme.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,eAAO,MAAM,UAAU,uCAiCtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,uCAiCrB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC"}