@editneo/react 0.1.1 → 0.1.3

package/dist/components/SlashMenu.js

@@ -1,42 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { useEditor } from '../hooks';
+import { useState, useEffect, useContext } from 'react';
+import { useStore } from 'zustand';
+import { EditorContext } from '../NeoEditor';
 export const SlashMenu = ({ customCommands = [], filter, menuComponent: MenuComponent }) => {
-    const editor = useEditor();
+    const context = useContext(EditorContext);
+    if (!context)
+        return null;
+    const addBlock = useStore(context.store, (s) => s.addBlock);
+    const selection = useStore(context.store, (s) => s.selection);
     const [isOpen, setIsOpen] = useState(false);
     const [query, setQuery] = useState('');
     const [position, setPosition] = useState(null);
     const [selectedIndex, setSelectedIndex] = useState(0);
-    // Default Commands
+    // Default Commands — (#18) pass selection.blockId as afterId
     const defaultCommands = [
-        { key: 'paragraph', label: 'Paragraph', execute: (e) => e.addBlock('paragraph') },
-        { key: 'heading-1', label: 'Heading 1', execute: (e) => e.addBlock('heading-1') },
-        { key: 'heading-2', label: 'Heading 2', execute: (e) => e.addBlock('heading-2') },
-        { key: 'heading-3', label: 'Heading 3', execute: (e) => e.addBlock('heading-3') },
-        { key: 'bullet-list', label: 'Bulleted List', execute: (e) => e.addBlock('bullet-list') },
-        { key: 'ordered-list', label: 'Ordered List', execute: (e) => e.addBlock('ordered-list') },
-        { key: 'todo-list', label: 'To-do List', execute: (e) => e.addBlock('todo-list') },
-        { key: 'quote', label: 'Quote', execute: (e) => e.addBlock('quote') },
-        { key: 'code-block', label: 'Code Block', execute: (e) => e.addBlock('code-block') },
-        { key: 'divider', label: 'Divider', execute: (e) => e.addBlock('divider') },
-        { key: 'callout', label: 'Callout', execute: (e) => e.addBlock('callout') },
-        { key: 'image', label: 'Image', execute: (e) => e.addBlock('image') }, // Needs real upload logic
+        { key: 'paragraph', label: 'Paragraph', execute: () => addBlock('paragraph', selection.blockId) },
+        { key: 'heading-1', label: 'Heading 1', execute: () => addBlock('heading-1', selection.blockId) },
+        { key: 'heading-2', label: 'Heading 2', execute: () => addBlock('heading-2', selection.blockId) },
+        { key: 'heading-3', label: 'Heading 3', execute: () => addBlock('heading-3', selection.blockId) },
+        { key: 'bullet-list', label: 'Bulleted List', execute: () => addBlock('bullet-list', selection.blockId) },
+        { key: 'ordered-list', label: 'Ordered List', execute: () => addBlock('ordered-list', selection.blockId) },
+        { key: 'todo-list', label: 'To-do List', execute: () => addBlock('todo-list', selection.blockId) },
+        { key: 'quote', label: 'Quote', execute: () => addBlock('quote', selection.blockId) },
+        { key: 'code-block', label: 'Code Block', execute: () => addBlock('code-block', selection.blockId) },
+        { key: 'divider', label: 'Divider', execute: () => addBlock('divider', selection.blockId) },
+        { key: 'callout', label: 'Callout', execute: () => addBlock('callout', selection.blockId) },
+        { key: 'image', label: 'Image', execute: () => addBlock('image', selection.blockId) },
     ];
     const allCommands = [...defaultCommands, ...customCommands].filter(cmd => filter ? filter(cmd) : true);
     const filteredCommands = allCommands.filter(cmd => cmd.label.toLowerCase().includes(query.toLowerCase()));
-    // Detect '/' key
     useEffect(() => {
         const handleKeyDown = (e) => {
-            // Very basic detection - in real app, hook into ProseMirror/input events or selection
-            // Here we assume if "/" is typed and nothing is selected...
-            // This logic is flawed for a real rich text editor without proper input interception
-            // Typically the `EditableBlock` handles triggering `onSlash` callback.
-            // For this implementation, we will rely on a custom event dispatch or simple global listener 
-            // if `useEditor` allowed subscribing to slash events.
-            // Let's implement a simple listener on the document that checks if active element is our editor
-            // This is "good enough" for the demo level. 
+            var _a;
+            // (#17) Detect '/' and preventDefault so it doesn't appear in the block
             if (e.key === '/' && !isOpen) {
-                const sel = window.getSelection();
+                e.preventDefault();
+                const sel = (_a = window.getSelection) === null || _a === void 0 ? void 0 : _a.call(window);
                 if (sel && sel.rangeCount > 0) {
                     const range = sel.getRangeAt(0);
                     const rect = range.getBoundingClientRect();
@@ -44,8 +43,6 @@ export const SlashMenu = ({ customCommands = [], filter, menuComponent: MenuComp
                     setIsOpen(true);
                     setQuery('');
                     setSelectedIndex(0);
-                    // We don't preventDefault so the '/' is typed, 
-                    // usually we want to capture it.
                 }
             }
             else if (isOpen) {
@@ -54,53 +51,60 @@ export const SlashMenu = ({ customCommands = [], filter, menuComponent: MenuComp
                 }
                 else if (e.key === 'ArrowDown') {
                     e.preventDefault();
-                    setSelectedIndex(i => (i + 1) % filteredCommands.length);
+                    setSelectedIndex(i => (i + 1) % Math.max(filteredCommands.length, 1));
                 }
                 else if (e.key === 'ArrowUp') {
                     e.preventDefault();
-                    setSelectedIndex(i => (i - 1 + filteredCommands.length) % filteredCommands.length);
+                    setSelectedIndex(i => (i - 1 + filteredCommands.length) % Math.max(filteredCommands.length, 1));
                 }
                 else if (e.key === 'Enter') {
                     e.preventDefault();
                     if (filteredCommands[selectedIndex]) {
-                        filteredCommands[selectedIndex].execute(editor);
+                        filteredCommands[selectedIndex].execute(null);
                         setIsOpen(false);
                     }
                 }
                 else if (e.key === 'Backspace') {
-                    // Handle query update?
+                    // (#16) Update query on backspace
+                    if (query.length > 0) {
+                        setQuery(q => q.slice(0, -1));
+                        setSelectedIndex(0);
+                    }
+                    else {
+                        setIsOpen(false);
+                    }
+                }
+                else if (e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
+                    // (#16) Capture typed characters into query for filtering
+                    e.preventDefault();
+                    setQuery(q => q + e.key);
+                    setSelectedIndex(0);
                 }
-            }
-        };
-        const handleInput = (e) => {
-            if (isOpen) {
-                // Update query based on text after slash?
-                // Complex to do globally. 
-                // Ideally `EditableBlock` passes the query.
             }
         };
         document.addEventListener('keydown', handleKeyDown);
         return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [isOpen, filteredCommands, selectedIndex, editor]);
+    }, [isOpen, filteredCommands, selectedIndex, query, addBlock, selection.blockId]);
     if (!isOpen || !position)
         return null;
     if (MenuComponent) {
-        return _jsx(MenuComponent, { commands: filteredCommands, position: position, onSelect: (cmd) => cmd.execute(editor) });
+        return _jsx(MenuComponent, { commands: filteredCommands, position: position, onSelect: (cmd) => { cmd.execute(null); setIsOpen(false); } });
     }
     return (_jsxs("div", { className: "neo-slash-menu", style: {
             position: 'fixed',
             top: position.y,
             left: position.x,
             zIndex: 1000,
-            backgroundColor: 'white',
-            border: '1px solid #ddd',
+            backgroundColor: '#ffffff',
+            color: '#1f2937',
+            border: '1px solid #e5e7eb',
             boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
             borderRadius: '6px',
             width: '240px',
             maxHeight: '300px',
             overflowY: 'auto'
-        }, children: [filteredCommands.map((cmd, index) => (_jsxs("div", { onClick: () => {
-                    cmd.execute(editor);
+        }, children: [query && (_jsxs("div", { style: { padding: '4px 12px', fontSize: '0.8em', color: '#9ca3af', borderBottom: '1px solid #f3f4f6' }, children: ["Filtering: ", query] })), filteredCommands.map((cmd, index) => (_jsxs("div", { onClick: () => {
+                    cmd.execute(null);
                     setIsOpen(false);
                 }, style: {
                     padding: '8px 12px',
@@ -110,6 +114,6 @@ export const SlashMenu = ({ customCommands = [], filter, menuComponent: MenuComp
                     alignItems: 'center',
                     gap: '8px',
                     fontSize: '0.9em'
-                }, onMouseEnter: () => setSelectedIndex(index), children: [cmd.icon && _jsx("span", { className: "neo-cmd-icon", children: cmd.icon }), _jsx("span", { children: cmd.label })] }, cmd.key))), filteredCommands.length === 0 && (_jsx("div", { style: { padding: '8px 12px', color: '#999', fontSize: '0.9em' }, children: "No results" }))] }));
+                }, onMouseEnter: () => setSelectedIndex(index), children: [cmd.icon && _jsx("span", { className: "neo-cmd-icon", children: cmd.icon }), _jsx("span", { children: cmd.label })] }, cmd.key))), filteredCommands.length === 0 && (_jsx("div", { style: { padding: '8px 12px', color: '#9ca3af', fontSize: '0.9em' }, children: "No results" }))] }));
 };
 //# sourceMappingURL=SlashMenu.js.map

package/dist/components/SlashMenu.js.map

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

package/dist/hooks.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Primary hook for interacting with the current editor instance.
+ * Must be called inside a <NeoEditor />.
+ * Returns all store state and actions for the enclosing editor only.
+ */
 export declare const useEditor: () => {
     insertBlock: (type: import("@editneo/core").BlockType, afterId?: string | null) => void;
     blocks: Record<string, import("@editneo/core").NeoBlock>;
@@ -10,16 +15,38 @@ export declare const useEditor: () => {
         endOffset: number;
     };
     addBlock: (type: import("@editneo/core").BlockType, afterId?: string | null) => void;
+    insertFullBlock: (block: import("@editneo/core").NeoBlock, afterId?: string | null) => void;
+    insertFullBlocks: (blocks: import("@editneo/core").NeoBlock[], afterId?: string | null) => void;
     updateBlock: (id: string, partial: Partial<import("@editneo/core").NeoBlock>) => void;
     deleteBlock: (id: string) => void;
+    moveBlock: (id: string, afterId: string | null) => void;
+    setBlockType: (id: string, newType: import("@editneo/core").BlockType) => void;
+    setSelection: (blockId: string | null, startOffset: number, endOffset: number) => void;
     toggleMark: (mark: keyof Pick<import("@editneo/core").Span, "bold" | "italic" | "underline" | "strike" | "code">) => void;
+    setLink: (url: string | null) => void;
     undo: () => void;
     redo: () => void;
+    exportJSON: () => {
+        blocks: Record<string, import("@editneo/core").NeoBlock>;
+        rootBlocks: string[];
+    };
+    importJSON: (data: {
+        blocks: Record<string, import("@editneo/core").NeoBlock>;
+        rootBlocks: string[];
+    }) => void;
 };
+/**
+ * Focused hook that subscribes only to the selection state,
+ * minimizing re-renders in components that don't need the full document.
+ */
 export declare const useSelection: () => {
     blockId: string | null;
     startOffset: number;
     endOffset: number;
 };
-export declare const useSyncStatus: () => "connected" | "disconnected";
+/**
+ * Returns the current sync connection status.
+ * Reflects real WebSocket state: 'connecting' | 'connected' | 'disconnected'.
+ */
+export declare const useSyncStatus: () => "connecting" | "connected" | "disconnected";
 //# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;+DAArB,CAAC;;;;;;CAcD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAExB,CAAC;AAEF,eAAO,MAAM,aAAa,oCAIzB,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;+DAPtB,CAAC;sEAGsB,CAAC;0EACU,CAAC;;;;;;;;;;;;;;;;;;CAgBlC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY;;;;CAMxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,YAAY,GAAG,WAAW,GAAG,cA0B7D,CAAC"}

package/dist/hooks.js

@@ -1,25 +1,58 @@
-import { useContext } from 'react';
-import { useEditorStore } from '@editneo/core';
+import { useContext, useState, useEffect } from 'react';
+import { useStore } from 'zustand';
 import { EditorContext } from './NeoEditor';
+/**
+ * Primary hook for interacting with the current editor instance.
+ * Must be called inside a <NeoEditor />.
+ * Returns all store state and actions for the enclosing editor only.
+ */
 export const useEditor = () => {
-    const store = useEditorStore();
     const context = useContext(EditorContext);
     if (!context) {
         throw new Error('useEditor must be used within a NeoEditor');
     }
+    const store = useStore(context.store);
     return {
         ...store,
-        // Add specific editor methods here that might combine store + sync
         insertBlock: store.addBlock, // Alias for DX
-        // exportJSON implementation would go here
     };
 };
+/**
+ * Focused hook that subscribes only to the selection state,
+ * minimizing re-renders in components that don't need the full document.
+ */
 export const useSelection = () => {
-    return useEditorStore((state) => state.selection);
+    const context = useContext(EditorContext);
+    if (!context) {
+        throw new Error('useSelection must be used within a NeoEditor');
+    }
+    return useStore(context.store, (state) => state.selection);
 };
+/**
+ * Returns the current sync connection status.
+ * Reflects real WebSocket state: 'connecting' | 'connected' | 'disconnected'.
+ */
 export const useSyncStatus = () => {
     const context = useContext(EditorContext);
-    // Placeholder - needs SyncManager to expose status observable
-    return (context === null || context === void 0 ? void 0 : context.syncManager) ? 'connected' : 'disconnected';
+    const [status, setStatus] = useState('disconnected');
+    useEffect(() => {
+        const manager = context === null || context === void 0 ? void 0 : context.syncManager;
+        if (!manager) {
+            setStatus('disconnected');
+            return;
+        }
+        // Read initial status
+        if (typeof manager.getStatus === 'function') {
+            setStatus(manager.getStatus());
+        }
+        // Subscribe to changes
+        if (typeof manager.onStatusChange === 'function') {
+            const unsubscribe = manager.onStatusChange((newStatus) => {
+                setStatus(newStatus);
+            });
+            return unsubscribe;
+        }
+    }, [context === null || context === void 0 ? void 0 : context.syncManager]);
+    return status;
 };
 //# sourceMappingURL=hooks.js.map

package/dist/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO;QACL,GAAG,KAAK;QACR,mEAAmE;QACnE,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE,eAAe;QAC5C,0CAA0C;KAC3C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,cAAc,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,8DAA8D;IAC9D,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC;AAC7D,CAAC,CAAC"}
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO;QACL,GAAG,KAAK;QACR,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE,eAAe;KAC7C,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,KAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAC1E,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAgD,EAAE;IAC7E,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA8C,cAAc,CAAC,CAAC;IAElG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;QACrC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,SAAS,CAAC,cAAc,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,sBAAsB;QACtB,IAAI,OAAO,OAAO,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;YAC5C,SAAS,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;QACjC,CAAC;QAED,uBAAuB;QACvB,IAAI,OAAO,OAAO,CAAC,cAAc,KAAK,UAAU,EAAE,CAAC;YACjD,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC,SAAiB,EAAE,EAAE;gBAC/D,SAAS,CAAC,SAAgB,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;YACH,OAAO,WAAW,CAAC;QACrB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,6 +1,14 @@
 export * from './NeoEditor';
 export * from './NeoCanvas';
 export * from './EditableBlock';
-export * from './hooks';
+export * from './BlockRenderer';
+export * from './blocks/HeadingBlock';
+export * from './blocks/ListBlock';
+export * from './blocks/MediaBlock';
+export * from './blocks/CodeBlock';
+export * from './blocks/QuoteBlock';
+export * from './blocks/CalloutBlock';
+export * from './blocks/DividerBlock';
 export * from './components';
+export * from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAGhC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -1,6 +1,18 @@
+// Components
 export * from './NeoEditor';
 export * from './NeoCanvas';
 export * from './EditableBlock';
-export * from './hooks';
+export * from './BlockRenderer';
+// Block Components (#20)
+export * from './blocks/HeadingBlock';
+export * from './blocks/ListBlock';
+export * from './blocks/MediaBlock';
+export * from './blocks/CodeBlock';
+export * from './blocks/QuoteBlock';
+export * from './blocks/CalloutBlock';
+export * from './blocks/DividerBlock';
+// Interactive UI
 export * from './components';
+// Hooks
+export * from './hooks';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,yBAAyB;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAEtC,iBAAiB;AACjB,cAAc,cAAc,CAAC;AAE7B,QAAQ;AACR,cAAc,SAAS,CAAC"}

package/dist/styles.css

@@ -0,0 +1,141 @@
+/* ─────────────────────────────────────────────────────────────────────
+   @editneo/react — Default Styles & Design Tokens
+   ───────────────────────────────────────────────────────────────────── */
+
+:root {
+  /* Typography */
+  --neo-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --neo-font-size-body: 16px;
+  --neo-code-font: "Fira Code", "JetBrains Mono", "Cascadia Code", "Consolas", monospace;
+
+  /* Colors */
+  --neo-bg-canvas: #ffffff;
+  --neo-text-primary: #111827;
+  --neo-text-secondary: #6b7280;
+  --neo-selection-color: #b4d5fe;
+  --neo-accent-color: #3b82f6;
+  --neo-border-color: #e5e7eb;
+
+  /* Layout */
+  --neo-block-spacing: 4px;
+  --neo-content-width: 800px;
+  --neo-border-radius: 4px;
+}
+
+/* Dark Mode via data attribute */
+[data-theme="dark"] {
+  --neo-bg-canvas: #0f172a;
+  --neo-text-primary: #f3f4f6;
+  --neo-text-secondary: #9ca3af;
+  --neo-selection-color: #334155;
+  --neo-accent-color: #60a5fa;
+  --neo-border-color: #374151;
+}
+
+/* ── Editor root ─────────────────────────────────────────────────── */
+
+.neo-editor {
+  line-height: 1.6;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.neo-editor *::selection {
+  background: var(--neo-selection-color);
+}
+
+/* ── Block spacing ───────────────────────────────────────────────── */
+
+.neo-editor [contenteditable] {
+  outline: none;
+}
+
+.neo-editor [contenteditable]:empty::before {
+  content: "Type '/' for commands";
+  color: var(--neo-text-secondary);
+  pointer-events: none;
+}
+
+/* ── Heading styles ──────────────────────────────────────────────── */
+
+.neo-heading-1 {
+  margin: 1em 0 0.25em;
+}
+
+.neo-heading-2 {
+  margin: 0.75em 0 0.2em;
+}
+
+.neo-heading-3 {
+  margin: 0.5em 0 0.15em;
+}
+
+/* ── Code block ──────────────────────────────────────────────────── */
+
+.neo-code-block {
+  font-family: var(--neo-code-font);
+  font-size: 0.9em;
+  tab-size: 2;
+}
+
+/* ── Quote ────────────────────────────────────────────────────────── */
+
+.neo-quote {
+  border-left: 3px solid var(--neo-accent-color);
+  padding-left: 1em;
+  color: var(--neo-text-secondary);
+  font-style: italic;
+}
+
+/* ── Callout ──────────────────────────────────────────────────────── */
+
+.neo-callout {
+  border-radius: var(--neo-border-radius);
+}
+
+/* ── Divider ──────────────────────────────────────────────────────── */
+
+.neo-divider hr {
+  border: none;
+  border-top: 1px solid var(--neo-border-color);
+  margin: 1em 0;
+}
+
+/* ── Aeropeak animations ─────────────────────────────────────────── */
+
+.neo-anim-fade {
+  animation: neoFadeIn 0.15s ease-out;
+}
+
+.neo-anim-scale {
+  animation: neoScaleIn 0.15s ease-out;
+}
+
+@keyframes neoFadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes neoScaleIn {
+  from { opacity: 0; transform: translate(-50%, -100%) scale(0.95); }
+  to { opacity: 1; transform: translate(-50%, -100%) scale(1); }
+}
+
+/* ── Slash menu ──────────────────────────────────────────────────── */
+
+.neo-slash-menu {
+  animation: neoFadeIn 0.1s ease-out;
+}
+
+/* ── Toolbar button hover ────────────────────────────────────────── */
+
+.neo-aero-button:hover {
+  background-color: rgba(255, 255, 255, 0.15) !important;
+}
+
+/* ── List items ──────────────────────────────────────────────────── */
+
+.neo-list-item input[type="checkbox"] {
+  accent-color: var(--neo-accent-color);
+  margin-top: 2px;
+}

package/package.json

@@ -1,32 +1,51 @@
 {
   "name": "@editneo/react",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "React components for EditNeo — NeoEditor, Aeropeak, SlashMenu, and more",
+  "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
   "files": ["dist"],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && node -e \"fs=require('fs');fs.cpSync('src/styles.css','dist/styles.css')\"",
     "check-types": "tsc --noEmit"
   },
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@editneo/core": "*",
-    "@editneo/pdf": "*",
-    "@editneo/sync": "*",
+    "@editneo/core": "^0.1.2",
     "@tanstack/react-virtual": "^3.0.0",
     "zustand": "^4.5.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@editneo/sync": "^0.1.0",
+    "@editneo/pdf": "^0.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@editneo/sync": {
+      "optional": true
+    },
+    "@editneo/pdf": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "typescript": "^5.3.3",
     "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@types/react-dom": "^18.2.0",
+    "@editneo/sync": "^0.1.2",
+    "@editneo/pdf": "^0.1.2"
   },
   "license": "MIT"
 }