@editneo/react 0.1.0 → 0.1.2

package/dist/NeoEditor.js

@@ -1,40 +1,76 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useEffect, useMemo, useState } from 'react';
-import { SyncManager } from '@editneo/sync';
+import { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { createEditorStore } from '@editneo/core';
+import { useStore } from 'zustand';
 import { NeoCanvas } from './NeoCanvas';
 import './styles.css';
 export const EditorContext = createContext(null);
+/**
+ * Hook to access the current editor's Zustand store via context.
+ * Supports selectors for fine-grained re-render control.
+ */
+export function useEditorStoreContext(selector) {
+    const ctx = useContext(EditorContext);
+    if (!ctx) {
+        throw new Error('useEditorStoreContext must be used within a <NeoEditor />');
+    }
+    return useStore(ctx.store, selector);
+}
 export const NeoEditor = ({ id, offline = true, syncConfig, renderBlock, className, theme, children }) => {
+    // Create a store instance that lives for the lifetime of this editor.
+    const storeRef = useRef();
+    if (!storeRef.current) {
+        storeRef.current = createEditorStore();
+    }
+    const editorRootRef = useRef(null);
     const [syncManager, setSyncManager] = useState(null);
-    // Initialize Sync Manager
+    // (#13) Only create SyncManager when sync or offline persistence is needed
     useEffect(() => {
-        const manager = new SyncManager(id);
-        // TODO: Configure websocket if syncConfig is present (will be added to SyncManager later)
-        setSyncManager(manager);
+        // Lazy-import sync to avoid forcing all consumers to install @editneo/sync
+        const needsSync = syncConfig || offline;
+        if (!needsSync)
+            return;
+        let manager = null;
+        import('@editneo/sync').then(({ SyncManager }) => {
+            manager = new SyncManager(id, syncConfig);
+            manager.bindStore(storeRef.current);
+            setSyncManager(manager);
+        }).catch(() => {
+            // @editneo/sync not installed — silently skip
+            console.warn('@editneo/sync is not installed. Sync and offline persistence are disabled.');
+        });
         return () => {
-            // manager.destroy(); // Implement destroy in SyncManager
+            if (manager)
+                manager.destroy();
         };
-    }, [id, syncConfig]);
-    // Apply Theme
+    }, [id, syncConfig, offline]);
+    // (#22) Scope theme to this editor's root element, not document.documentElement
     useEffect(() => {
-        const root = document.documentElement;
+        const el = editorRootRef.current;
+        if (!el)
+            return;
         if ((theme === null || theme === void 0 ? void 0 : theme.mode) === 'dark') {
-            root.style.setProperty('--neo-bg-canvas', '#0f172a');
-            root.style.setProperty('--neo-text-primary', '#f3f4f6');
+            el.style.setProperty('--neo-bg-canvas', '#0f172a');
+            el.style.setProperty('--neo-text-primary', '#f3f4f6');
+            el.style.setProperty('--neo-selection-color', '#334155');
         }
         else {
-            root.style.setProperty('--neo-bg-canvas', '#ffffff');
-            root.style.setProperty('--neo-text-primary', '#111827');
+            el.style.setProperty('--neo-bg-canvas', '#ffffff');
+            el.style.setProperty('--neo-text-primary', '#111827');
+            el.style.setProperty('--neo-selection-color', '#b4d5fe');
         }
     }, [theme]);
     const value = useMemo(() => ({
         editorId: id,
+        store: storeRef.current,
         syncManager,
         renderBlock
     }), [id, syncManager, renderBlock]);
-    return (_jsx(EditorContext.Provider, { value: value, children: _jsxs("div", { className: `neo-editor ${className || ''}`, style: {
+    return (_jsx(EditorContext.Provider, { value: value, children: _jsxs("div", { ref: editorRootRef, className: `neo-editor ${className || ''}`, style: {
                 backgroundColor: 'var(--neo-bg-canvas)',
                 color: 'var(--neo-text-primary)',
+                fontFamily: 'var(--neo-font-family)',
+                fontSize: 'var(--neo-font-size-body)',
                 height: '100%',
                 display: 'flex',
                 flexDirection: 'column',

package/dist/NeoEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeoEditor.js","sourceRoot":"","sources":["../src/NeoEditor.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,cAAc,CAAC;AAmBtB,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAIhC,IAAI,CAAC,CAAC;AAEhB,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,EAAE,EACF,OAAO,GAAG,IAAI,EACd,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAC;IAEzE,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;QACpC,0FAA0F;QAC1F,cAAc,CAAC,OAAO,CAAC,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,yDAAyD;QAC3D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAErB,cAAc;IACd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAK,MAAM,EAAE,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;QAC1D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAC3B,QAAQ,EAAE,EAAE;QACZ,WAAW;QACX,WAAW;KACZ,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAClC,eAAK,SAAS,EAAE,cAAc,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE;gBACtD,eAAe,EAAE,sBAAsB;gBACvC,KAAK,EAAE,yBAAyB;gBAChC,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,QAAQ,EAAE,UAAU;aACrB,aAEE,QAAQ,EAGT,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,YACxC,KAAC,SAAS,KAAG,GACZ,IACF,GACiB,CAC1B,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"NeoEditor.js","sourceRoot":"","sources":["../src/NeoEditor.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/ListBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/ListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAcnD,CAAC"}
+{"version":3,"file":"ListBlock.d.ts","sourceRoot":"","sources":["../../src/blocks/ListBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAKzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,CAiCnD,CAAC"}

package/dist/blocks/ListBlock.js

@@ -1,8 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { useStore } from 'zustand';
 import { EditableBlock } from '../EditableBlock';
+import { EditorContext } from '../NeoEditor';
 export const ListBlock = ({ block }) => {
+    var _a, _b, _c;
     const isOrdered = block.type === 'ordered-list';
     const isTodo = block.type === 'todo-list';
-    return (_jsxs("div", { className: "neo-list-item", style: { display: 'flex', alignItems: 'flex-start', marginLeft: '1.5em' }, children: [_jsx("span", { style: { marginRight: '0.5em', userSelect: 'none' }, children: isOrdered ? '1.' : isTodo ? _jsx("input", { type: "checkbox", disabled: true }) : '•' }), _jsx("div", { style: { flex: 1 }, children: _jsx(EditableBlock, { block: block }) })] }));
+    const context = useContext(EditorContext);
+    const updateBlock = context ? useStore(context.store, (s) => s.updateBlock) : null;
+    // (#27) Interactive checkbox for todo-list
+    const handleCheckboxChange = (e) => {
+        if (updateBlock) {
+            updateBlock(block.id, { props: { ...block.props, checked: e.target.checked } });
+        }
+    };
+    return (_jsxs("div", { className: "neo-list-item", style: { display: 'flex', alignItems: 'flex-start', marginLeft: '1.5em' }, children: [_jsx("span", { style: { marginRight: '0.5em', userSelect: 'none', flexShrink: 0, marginTop: '4px' }, children: isOrdered
+                    ? `${((_b = (_a = block.props) === null || _a === void 0 ? void 0 : _a.order) !== null && _b !== void 0 ? _b : 1)}.`
+                    : isTodo
+                        ? _jsx("input", { type: "checkbox", checked: !!((_c = block.props) === null || _c === void 0 ? void 0 : _c.checked), onChange: handleCheckboxChange, style: { cursor: 'pointer' } })
+                        : '\u2022' }), _jsx("div", { style: { flex: 1 }, children: _jsx(EditableBlock, { block: block }) })] }));
 };
 //# sourceMappingURL=ListBlock.js.map

package/dist/blocks/ListBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListBlock.js","sourceRoot":"","sources":["../../src/blocks/ListBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,KAAK,cAAc,CAAC;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC;IAE1C,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,aACtG,eAAM,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,YACtD,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAO,IAAI,EAAC,UAAU,EAAC,QAAQ,SAAG,CAAC,CAAC,CAAC,GAAG,GAChE,EACP,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GAC3B,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ListBlock.js","sourceRoot":"","sources":["../../src/blocks/ListBlock.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;;IACpE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,KAAK,cAAc,CAAC;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnF,2CAA2C;IAC3C,MAAM,oBAAoB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACtE,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAClF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,aACtG,eAAM,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YACvF,SAAS;oBACR,CAAC,CAAC,GAAG,CAAC,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,mCAAI,CAAC,CAAC,GAAG;oBACjC,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,OAAO,CAAA,EAC/B,QAAQ,EAAE,oBAAoB,EAC9B,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAC5B;wBACJ,CAAC,CAAC,QAAQ,GACP,EACP,cAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACrB,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,GAC3B,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Aeropeak.d.ts

@@ -7,13 +7,15 @@ interface AeropeakProps {
 export declare const Aeropeak: React.FC<AeropeakProps> & {
     Bold: React.FC;
     Italic: React.FC;
+    Underline: React.FC;
     Strike: React.FC;
+    Code: React.FC;
     Link: React.FC;
 };
 export declare const AeroButton: React.FC<{
     icon: React.ReactNode;
     label?: string;
-    onClick: (editor: any) => void;
+    onClick: () => void;
 }>;
 export declare const Separator: React.FC;
 export {};

package/dist/components/Aeropeak.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Aeropeak.d.ts","sourceRoot":"","sources":["../../src/components/Aeropeak.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;CAgEhB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC,CAoBA,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAE7B,CAAC"}
+{"version":3,"file":"Aeropeak.d.ts","sourceRoot":"","sources":["../../src/components/Aeropeak.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;CACvC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAC/C,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC;IACjB,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;CAiEhB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAuBA,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAE7B,CAAC"}

package/dist/components/Aeropeak.js

@@ -1,10 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useEditor } from '../hooks';
+import { useEffect, useState, useContext } from 'react';
+import { useStore } from 'zustand';
+import { EditorContext } from '../NeoEditor';
 export const Aeropeak = ({ children, offset = 10, animation = 'fade' }) => {
-    const { selection, toggleMark } = useEditor(); // toggleMark to be implemented in useEditor/store
     const [position, setPosition] = useState(null);
     useEffect(() => {
+        // (#44) SSR guard
+        if (typeof window === 'undefined')
+            return;
         const handleSelectionChange = () => {
             const sel = window.getSelection();
             if (!sel || sel.rangeCount === 0 || sel.isCollapsed) {
@@ -13,9 +16,6 @@ export const Aeropeak = ({ children, offset = 10, animation = 'fade' }) => {
             }
             const range = sel.getRangeAt(0);
             const rect = range.getBoundingClientRect();
-            // Calculate position relative to viewport (fixed positioning usually easiest for portals)
-            // or relative to editor container if using absolute.
-            // For now, let's use fixed/absolute coordinates based on rect.
             if (rect.width > 0) {
                 setPosition({
                     x: rect.left + rect.width / 2,
@@ -32,36 +32,58 @@ export const Aeropeak = ({ children, offset = 10, animation = 'fade' }) => {
     if (!position)
         return null;
     return (_jsx("div", { className: `neo-aeropeak neo-anim-${animation}`, style: {
-            position: 'fixed', // Using fixed for simplicity with viewport coords
+            position: 'fixed',
             top: position.y,
             left: position.x,
             transform: 'translate(-50%, -100%)',
             zIndex: 1000,
-            backgroundColor: '#333',
-            color: 'white',
-            borderRadius: '4px',
+            backgroundColor: '#1f2937',
+            color: '#ffffff',
+            borderRadius: '6px',
             padding: '4px',
             display: 'flex',
-            gap: '4px',
-            boxShadow: '0 2px 10px rgba(0,0,0,0.2)'
-        }, onMouseDown: (e) => e.preventDefault(), children: children || (_jsxs(_Fragment, { children: [_jsx(Aeropeak.Bold, {}), _jsx(Aeropeak.Italic, {}), _jsx(Aeropeak.Strike, {}), _jsx(Aeropeak.Link, {})] })) }));
+            gap: '2px',
+            boxShadow: '0 4px 12px rgba(0,0,0,0.25)'
+        }, onMouseDown: (e) => e.preventDefault(), children: children || (_jsxs(_Fragment, { children: [_jsx(Aeropeak.Bold, {}), _jsx(Aeropeak.Italic, {}), _jsx(Aeropeak.Underline, {}), _jsx(Aeropeak.Strike, {}), _jsx(Aeropeak.Code, {}), _jsx(Aeropeak.Link, {})] })) }));
 };
 export const AeroButton = ({ icon, label, onClick }) => {
-    const editor = useEditor();
-    return (_jsx("button", { onClick: () => onClick(editor), className: "neo-aero-button", title: label, style: {
+    return (_jsx("button", { onClick: onClick, className: "neo-aero-button", title: label, style: {
             background: 'none',
             border: 'none',
             color: 'inherit',
             cursor: 'pointer',
             padding: '4px 8px',
-            borderRadius: '2px',
-            display: 'flex', alignItems: 'center'
-        }, children: icon }));
+            borderRadius: '4px',
+            display: 'flex',
+            alignItems: 'center',
+            fontSize: '14px',
+        }, onMouseEnter: (e) => { e.target.style.backgroundColor = 'rgba(255,255,255,0.15)'; }, onMouseLeave: (e) => { e.target.style.backgroundColor = 'transparent'; }, children: icon }));
+};
+export const Separator = () => (_jsx("div", { style: { width: '1px', backgroundColor: 'rgba(255,255,255,0.2)', margin: '0 2px' } }));
+/** Helper component that connects to context store */
+function MarkButton({ mark, icon, label }) {
+    const context = useContext(EditorContext);
+    const toggleMark = context ? useStore(context.store, (s) => s.toggleMark) : null;
+    return _jsx(AeroButton, { icon: icon, label: label, onClick: () => toggleMark === null || toggleMark === void 0 ? void 0 : toggleMark(mark) });
+}
+// (#28) Added Underline and Code buttons
+Aeropeak.Bold = () => _jsx(MarkButton, { mark: "bold", icon: _jsx("strong", { children: "B" }), label: "Bold" });
+Aeropeak.Italic = () => _jsx(MarkButton, { mark: "italic", icon: _jsx("em", { children: "I" }), label: "Italic" });
+Aeropeak.Underline = () => _jsx(MarkButton, { mark: "underline", icon: _jsx("u", { children: "U" }), label: "Underline" });
+Aeropeak.Strike = () => _jsx(MarkButton, { mark: "strike", icon: _jsx("s", { children: "S" }), label: "Strikethrough" });
+Aeropeak.Code = () => _jsx(MarkButton, { mark: "code", icon: _jsx("span", { style: { fontFamily: 'monospace' }, children: "</>" }), label: "Code" });
+// (#19) Link button prompts for URL and calls setLink
+Aeropeak.Link = () => {
+    const context = useContext(EditorContext);
+    const setLink = context ? useStore(context.store, (s) => s.setLink) : null;
+    const handleClick = () => {
+        if (!setLink)
+            return;
+        const url = prompt('Enter URL:');
+        if (url !== null) {
+            setLink(url || null);
+        }
+    };
+    return _jsx(AeroButton, { icon: _jsx("span", { style: { fontSize: '12px' }, children: "Link" }), label: "Link", onClick: handleClick });
 };
-export const Separator = () => (_jsx("div", { style: { width: '1px', backgroundColor: 'rgba(255,255,255,0.2)', margin: '0 4px' } }));
-// Default Buttons
-Aeropeak.Bold = () => _jsx(AeroButton, { icon: _jsx("strong", { children: "B" }), label: "Bold", onClick: (e) => e.toggleMark && e.toggleMark('bold') });
-Aeropeak.Italic = () => _jsx(AeroButton, { icon: _jsx("em", { children: "I" }), label: "Italic", onClick: (e) => e.toggleMark && e.toggleMark('italic') });
-Aeropeak.Strike = () => _jsx(AeroButton, { icon: _jsx("s", { children: "S" }), label: "Strike", onClick: (e) => e.toggleMark && e.toggleMark('strike') });
-Aeropeak.Link = () => _jsx(AeroButton, { icon: _jsx("span", { children: "\uD83D\uDD17" }), label: "Link", onClick: (e) => e.toggleMark && e.toggleMark('link') });
 //# sourceMappingURL=Aeropeak.js.map

package/dist/components/Aeropeak.js.map

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

package/dist/components/CursorOverlay.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 interface CursorOverlayProps {
     colors?: string[];
-    renderLabel?: (user: any) => React.ReactNode;
+    renderLabel?: (user: {
+        name: string;
+        color: string;
+    }) => React.ReactNode;
 }
 export declare const CursorOverlay: React.FC<CursorOverlayProps>;
 export {};

package/dist/components/CursorOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CursorOverlay.d.ts","sourceRoot":"","sources":["../../src/components/CursorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsDtD,CAAC"}
+{"version":3,"file":"CursorOverlay.d.ts","sourceRoot":"","sources":["../../src/components/CursorOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAsB5E,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1E;AAwDD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiHtD,CAAC"}

package/dist/components/CursorOverlay.js

@@ -1,9 +1,60 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useEffect, useState, useCallback } from 'react';
 import { EditorContext } from '../NeoEditor';
-export const CursorOverlay = ({ colors = ['#FF5733', '#33FF57', '#3357FF'], renderLabel }) => {
+/**
+ * (#25) Calculate the pixel position of a cursor within a contentEditable block.
+ * Walks text nodes to find the correct offset, then uses Range.getBoundingClientRect().
+ */
+function getCursorRect(blockId, charIndex, containerEl) {
+    const blockEl = containerEl.querySelector(`[data-block-id="${blockId}"] [contenteditable]`);
+    if (!blockEl)
+        return null;
+    // Walk text nodes to find the correct one
+    const walker = document.createTreeWalker(blockEl, NodeFilter.SHOW_TEXT);
+    let currentOffset = 0;
+    let targetNode = null;
+    let targetOffset = 0;
+    while (walker.nextNode()) {
+        const textNode = walker.currentNode;
+        const len = textNode.length;
+        if (currentOffset + len >= charIndex) {
+            targetNode = textNode;
+            targetOffset = charIndex - currentOffset;
+            break;
+        }
+        currentOffset += len;
+    }
+    if (!targetNode) {
+        // Fallback: cursor at end of block
+        const rect = blockEl.getBoundingClientRect();
+        const containerRect = containerEl.getBoundingClientRect();
+        return {
+            top: rect.top - containerRect.top,
+            left: rect.right - containerRect.left,
+            height: rect.height || 20,
+        };
+    }
+    try {
+        const range = document.createRange();
+        range.setStart(targetNode, Math.min(targetOffset, targetNode.length));
+        range.setEnd(targetNode, Math.min(targetOffset, targetNode.length));
+        const rect = range.getBoundingClientRect();
+        const containerRect = containerEl.getBoundingClientRect();
+        return {
+            top: rect.top - containerRect.top,
+            left: rect.left - containerRect.left,
+            height: rect.height || 20,
+        };
+    }
+    catch {
+        return null;
+    }
+}
+export const CursorOverlay = ({ renderLabel }) => {
     const context = useContext(EditorContext);
     const [cursors, setCursors] = useState([]);
+    const [cursorRects, setCursorRects] = useState(new Map());
+    const overlayRef = React.useRef(null);
     useEffect(() => {
         const manager = context === null || context === void 0 ? void 0 : context.syncManager;
         if (!manager || !manager.awareness)
@@ -28,14 +79,66 @@ export const CursorOverlay = ({ colors = ['#FF5733', '#33FF57', '#3357FF'], rend
             awareness.off('change', handleChange);
         };
     }, [context === null || context === void 0 ? void 0 : context.syncManager]);
+    // Recalculate cursor positions when cursors change
+    const updateRects = useCallback(() => {
+        var _a;
+        const container = (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!container)
+            return;
+        const newRects = new Map();
+        for (const cursor of cursors) {
+            if (cursor.cursor) {
+                const rect = getCursorRect(cursor.cursor.blockId, cursor.cursor.index, container);
+                if (rect) {
+                    newRects.set(cursor.clientId, rect);
+                }
+            }
+        }
+        setCursorRects(newRects);
+    }, [cursors]);
+    useEffect(() => {
+        var _a;
+        updateRects();
+        // Also update on scroll/resize
+        const container = (_a = overlayRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!container)
+            return;
+        const observer = new MutationObserver(updateRects);
+        observer.observe(container, { childList: true, subtree: true, characterData: true });
+        window.addEventListener('resize', updateRects);
+        return () => {
+            observer.disconnect();
+            window.removeEventListener('resize', updateRects);
+        };
+    }, [updateRects]);
     if (!(context === null || context === void 0 ? void 0 : context.syncManager))
         return null;
-    return (_jsx("div", { className: "neo-cursor-overlay", style: { position: 'absolute', inset: 0, pointerEvents: 'none', zIndex: 999 }, children: cursors.map(cursor => (_jsx("div", { style: {
-                // Positioning logic would go here based on cursor.cursor props (blockId, index)
-                // For MVP we just render a dummy marker at top left or log it
-                // Real implementation requires integration effectively with EditableBlock measurements
-                position: 'absolute',
-                display: 'none' // Hidden for now as we lack rect calculation
-            }, children: _jsx("span", { style: { backgroundColor: cursor.user.color }, children: cursor.user.name }) }, cursor.clientId))) }));
+    return (_jsx("div", { ref: overlayRef, className: "neo-cursor-overlay", style: { position: 'absolute', inset: 0, pointerEvents: 'none', zIndex: 999 }, children: cursors.map(cursor => {
+            const rect = cursorRects.get(cursor.clientId);
+            if (!rect || !cursor.cursor)
+                return null;
+            return (_jsxs("div", { style: {
+                    position: 'absolute',
+                    top: rect.top,
+                    left: rect.left,
+                    transition: 'top 0.1s ease, left 0.1s ease',
+                }, children: [_jsx("div", { style: {
+                            width: '2px',
+                            height: `${rect.height}px`,
+                            backgroundColor: cursor.user.color,
+                        } }), _jsx("div", { style: {
+                            position: 'absolute',
+                            top: -18,
+                            left: 0,
+                            backgroundColor: cursor.user.color,
+                            color: '#fff',
+                            fontSize: '11px',
+                            padding: '1px 6px',
+                            borderRadius: '3px 3px 3px 0',
+                            whiteSpace: 'nowrap',
+                            fontWeight: 500,
+                            lineHeight: '16px',
+                        }, children: renderLabel ? renderLabel(cursor.user) : cursor.user.name })] }, cursor.clientId));
+        }) }));
 };
 //# sourceMappingURL=CursorOverlay.js.map

package/dist/components/CursorOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"CursorOverlay.js","sourceRoot":"","sources":["../../src/components/CursorOverlay.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoB7C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,EAC1C,WAAW,EACZ,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;QACrC,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS;YAAE,OAAO;QAE3C,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;QAEpC,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,MAAM,GAAG,SAAS,CAAC,SAAS,EAAE,CAAC;YACrC,MAAM,UAAU,GAAa,EAAE,CAAC;YAChC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAU,EAAE,QAAgB,EAAE,EAAE;gBAC9C,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;oBAClE,UAAU,CAAC,IAAI,CAAC;wBACd,QAAQ;wBACR,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,MAAM,EAAE,KAAK,CAAC,MAAM;qBACrB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC,CAAC;YACH,UAAU,CAAC,UAAU,CAAC,CAAC;QACzB,CAAC,CAAC;QAEF,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACxC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAA;QAAE,OAAO,IAAI,CAAC;IAEvC,OAAO,CACL,cAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YAC9G,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,cAEE,KAAK,EAAE;gBACJ,gFAAgF;gBAChF,8DAA8D;gBAC9D,uFAAuF;gBACvF,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM,CAAC,6CAA6C;aAC/D,YAED,eAAM,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,YAAG,MAAM,CAAC,IAAI,CAAC,IAAI,GAAQ,IATzE,MAAM,CAAC,QAAQ,CAUhB,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CursorOverlay.js","sourceRoot":"","sources":["../../src/components/CursorOverlay.tsx"],"names":[],"mappings":"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"}

package/dist/components/PDFDropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PDFDropZone.d.ts","sourceRoot":"","sources":["../../src/components/PDFDropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8FlD,CAAC"}
+{"version":3,"file":"PDFDropZone.d.ts","sourceRoot":"","sources":["../../src/components/PDFDropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAKjE,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmFlD,CAAC"}

package/dist/components/PDFDropZone.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from 'react';
-import { extractBlocksFromPdf } from '@editneo/pdf'; // We'll need to export this or handle worker loading
-import { useEditor } from '../hooks';
+import { useState, useCallback, useContext } from 'react';
+import { useStore } from 'zustand';
+import { EditorContext } from '../NeoEditor';
 export const PDFDropZone = ({ onDrop, renderOverlay, children }) => {
     const [isOver, setIsOver] = useState(false);
-    const { addBlock } = useEditor();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const context = useContext(EditorContext);
+    const insertFullBlocks = context ? useStore(context.store, (s) => s.insertFullBlocks) : null;
     const handleDragOver = useCallback((e) => {
         e.preventDefault();
         setIsOver(true);
@@ -19,41 +21,28 @@ export const PDFDropZone = ({ onDrop, renderOverlay, children }) => {
         const files = Array.from(e.dataTransfer.files);
         if (onDrop) {
             onDrop(files);
-            return; // If custom onDrop is provided, we might not want default behavior? 
-            // The guide says "Intercept the file before processing". 
-            // User might want to run default logic too. For now let's assume if onDrop is present, user handles it.
-            // But actually, usually onDrop is for side effects. 
-            // Let's check the guide: "Intercept the file before processing." implies we might stop there.
+            return;
         }
-        // Default processing for PDFs
+        // Default processing for PDFs (#11)
         const pdfFile = files.find(f => f.type === 'application/pdf');
-        if (pdfFile) {
-            const buffer = await pdfFile.arrayBuffer();
-            // Note: In a real app we'd use a worker. 
-            // For this implementation we call the logic directly but wrapped async.
-            // We need to ensure @editneo/pdf exports this.
+        if (pdfFile && insertFullBlocks) {
+            setIsProcessing(true);
             try {
+                // Lazy-import @editneo/pdf so it's not a hard requirement
+                const { extractBlocksFromPdf } = await import('@editneo/pdf');
+                const buffer = await pdfFile.arrayBuffer();
                 const blocks = await extractBlocksFromPdf(buffer);
-                blocks.forEach((block) => {
-                    // We need a way to add a full block with content, not just type.
-                    // store.addBlock currently only takes type. 
-                    // We need to enhance store.addBlock or add a new action `insertBlock` that takes a full block.
-                    // For now, we'll manually use the internal store update if possible or add the action.
-                    // Let's assume we update store actions in next steps or just map it.
-                    // Actually, the blocks from PDF are full NeoBlocks.
-                    // We need `addBlock` to support full block object or a new action `insertFullBlock`.
-                    // I'll add `insertBlocks` to the store types later.
-                    // For now, let's log or assume the hook exposes it.
-                    console.log('PDF Blocks extracted:', blocks);
-                    // useEditorStore.getState().insertBlocks(blocks); // TODO: Add this action
-                });
+                insertFullBlocks(blocks);
             }
             catch (err) {
-                console.error('PDF Extraction failed:', err);
+                console.error('PDF extraction failed:', err);
+            }
+            finally {
+                setIsProcessing(false);
             }
         }
-    }, [onDrop, addBlock]);
-    return (_jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { position: 'relative', height: '100%', width: '100%' }, children: [children, isOver && (_jsx("div", { style: {
+    }, [onDrop, insertFullBlocks]);
+    return (_jsxs("div", { onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, style: { position: 'relative', height: '100%', width: '100%' }, children: [children, (isOver || isProcessing) && (_jsx("div", { style: {
                     position: 'absolute',
                     top: 0, left: 0, right: 0, bottom: 0,
                     backgroundColor: 'rgba(59, 130, 246, 0.1)',
@@ -63,10 +52,11 @@ export const PDFDropZone = ({ onDrop, renderOverlay, children }) => {
                     alignItems: 'center',
                     justifyContent: 'center'
                 }, children: renderOverlay ? renderOverlay({ isOver }) : (_jsx("div", { style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--neo-bg-canvas, white)',
+                        color: 'var(--neo-text-primary, #111)',
                         padding: '20px',
                         borderRadius: '8px',
                         boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1)'
-                    }, children: "\u2728 Release to Transmute PDF \u2728" })) }))] }));
+                    }, children: isProcessing ? 'Processing PDF...' : 'Drop PDF to convert to blocks' })) }))] }));
 };
 //# sourceMappingURL=PDFDropZone.js.map

package/dist/components/PDFDropZone.js.map

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

package/dist/components/SlashMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../src/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAED,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8I9C,CAAC"}
+{"version":3,"file":"SlashMenu.d.ts","sourceRoot":"","sources":["../../src/components/SlashMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAChC;AAED,UAAU,cAAc;IACtB,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkJ9C,CAAC"}