@clarity-mind/react 0.1.0

package/README.md

@@ -0,0 +1,56 @@
+# @clarity-mind/react
+
+[![npm](https://img.shields.io/npm/v/%40clarity-mind%2Freact?color=0EA5E9)](https://www.npmjs.com/package/@clarity-mind/react)
+[![MIT](https://img.shields.io/npm/l/@clarity-mind/react?color=64748B)](https://github.com/udielenberg/clarity/blob/main/LICENSE)
+
+The **React binding** for [clarity](https://github.com/udielenberg/clarity) — an interactive, keyboard-first `<MindMap>` component. Topic nodes are real DOM elements (crisp text, inline editing, accessible); connectors are SVG; the layout _animates_ so the map glides when it changes.
+
+```bash
+npm install clarity-mind @clarity-mind/react
+```
+
+> Requires React 18+ (declared as a peer dependency).
+
+## Usage
+
+```tsx
+import { createStore } from "clarity-mind";
+import { MindMap } from "@clarity-mind/react";
+
+const store = createStore("My big idea");
+
+export default function App() {
+  return <MindMap store={store} style={{ height: "100vh" }} />;
+}
+```
+
+The component is fully controlled by the `store`, so you own the data — read it, persist it (`toJSON`), or subscribe to changes.
+
+### Props
+
+| Prop        | Type             | Description                                                                    |
+| ----------- | ---------------- | ------------------------------------------------------------------------------ |
+| `store`     | `MindMapStore`   | The map to render + edit. Create one with `createStore()` from `clarity-mind`. |
+| `className` | `string?`        | Class on the root canvas element.                                              |
+| `style`     | `CSSProperties?` | Inline style on the root — **set a height**, or the canvas collapses to 0.     |
+
+### Keyboard & mouse
+
+| Input                           | Action                           |
+| ------------------------------- | -------------------------------- |
+| `Tab` / `Enter`                 | Add child / sibling              |
+| `F2` or start typing            | Edit the node                    |
+| `Delete`                        | Remove the node                  |
+| `↑ ↓ ← →` · `Space`             | Move selection · collapse/expand |
+| `⌘/Ctrl + Z` · `⇧⌘Z / Ctrl + Y` | Undo · redo                      |
+
+Mouse: click selects · double-click edits · hover shows a `+` and a collapse toggle · right-click opens the menu · drag a node onto another to re-parent · drag the background to pan · wheel to zoom.
+
+### Also exported
+
+- `useMindMap(store)` — subscribe a component to the store; re-renders on every change (handy for your own toolbar/state).
+- `navigate` — the arrow-key navigation helper, if you build custom controls.
+
+## License
+
+[MIT](https://github.com/udielenberg/clarity/blob/main/LICENSE) © udielenberg

package/dist/ContextMenu.d.ts

@@ -0,0 +1,15 @@
+export interface MenuItem {
+    label: string;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+    /** Optional leading glyph. */
+    icon?: string;
+}
+export interface ContextMenuProps {
+    x: number;
+    y: number;
+    items: MenuItem[];
+    onClose: () => void;
+}
+export declare function ContextMenu({ x, y, items, onClose }: ContextMenuProps): import("react").JSX.Element;

package/dist/ContextMenu.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * A small, self-contained right-click menu. Renders an invisible full-surface
+ * backdrop that closes the menu on any outside interaction, plus the menu itself.
+ */
+import { useState } from "react";
+const menuStyle = {
+    position: "absolute",
+    zIndex: 30,
+    minWidth: 176,
+    padding: 6,
+    borderRadius: 10,
+    background: "#fff",
+    border: "1px solid #e5e7eb",
+    boxShadow: "0 12px 32px rgba(0,0,0,0.16)",
+    fontFamily: "ui-sans-serif, system-ui, sans-serif",
+    fontSize: 13,
+};
+export function ContextMenu({ x, y, items, onClose }) {
+    const [hovered, setHovered] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { onPointerDown: (e) => {
+                    e.stopPropagation();
+                    onClose();
+                }, onContextMenu: (e) => {
+                    e.preventDefault();
+                    onClose();
+                }, style: { position: "absolute", inset: 0, zIndex: 29 } }), _jsx("div", { style: { ...menuStyle, left: x, top: y }, onPointerDown: (e) => e.stopPropagation(), children: items.map((item, i) => (_jsxs("button", { disabled: item.disabled, onMouseEnter: () => setHovered(i), onMouseLeave: () => setHovered((h) => (h === i ? null : h)), onClick: () => {
+                        if (item.disabled)
+                            return;
+                        item.onClick();
+                        onClose();
+                    }, style: {
+                        display: "flex",
+                        alignItems: "center",
+                        gap: 8,
+                        width: "100%",
+                        padding: "7px 10px",
+                        border: "none",
+                        borderRadius: 6,
+                        textAlign: "left",
+                        font: "inherit",
+                        cursor: item.disabled ? "default" : "pointer",
+                        color: item.disabled
+                            ? "#9ca3af"
+                            : item.danger
+                                ? "#dc2626"
+                                : "#111827",
+                        background: hovered === i && !item.disabled
+                            ? item.danger
+                                ? "#fef2f2"
+                                : "#f3f4f6"
+                            : "transparent",
+                    }, children: [_jsx("span", { style: { width: 16, textAlign: "center", opacity: 0.8 }, children: item.icon ?? "" }), item.label] }, i))) })] }));
+}
+//# sourceMappingURL=ContextMenu.js.map

package/dist/ContextMenu.js.map

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

package/dist/MindMap.d.ts

@@ -0,0 +1,23 @@
+/**
+ * <MindMap /> — an interactive mind-map view, operable by mouse OR keyboard.
+ *
+ * Rendering: topic nodes are real DOM elements (crisp text, inline editing,
+ * accessibility); connectors are SVG. Nodes are positioned with a CSS transform
+ * that transitions, so the map *glides* when the layout changes.
+ *
+ * Mouse: click selects · double-click edits · hover shows a "+" (add child) and,
+ * for parents, a collapse toggle · right-click opens a full action menu · drag a
+ * node onto another to re-parent · drag the background to pan · wheel to zoom ·
+ * on-canvas buttons for zoom in/out/fit.
+ *
+ * Keyboard (node selected, not editing): Tab=child · Enter=sibling · F2/type=edit
+ * · Delete=remove · ↑↓←→=move selection · Space=collapse · ⌘/Ctrl+Z=undo (+Shift/⌘Y=redo).
+ */
+import { type CSSProperties } from "react";
+import { type MindMapStore } from "clarity-mind";
+export interface MindMapProps {
+    store: MindMapStore;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function MindMap({ store, className, style }: MindMapProps): import("react").JSX.Element;

package/dist/MindMap.js

@@ -0,0 +1,514 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * <MindMap /> — an interactive mind-map view, operable by mouse OR keyboard.
+ *
+ * Rendering: topic nodes are real DOM elements (crisp text, inline editing,
+ * accessibility); connectors are SVG. Nodes are positioned with a CSS transform
+ * that transitions, so the map *glides* when the layout changes.
+ *
+ * Mouse: click selects · double-click edits · hover shows a "+" (add child) and,
+ * for parents, a collapse toggle · right-click opens a full action menu · drag a
+ * node onto another to re-parent · drag the background to pan · wheel to zoom ·
+ * on-canvas buttons for zoom in/out/fit.
+ *
+ * Keyboard (node selected, not editing): Tab=child · Enter=sibling · F2/type=edit
+ * · Delete=remove · ↑↓←→=move selection · Space=collapse · ⌘/Ctrl+Z=undo (+Shift/⌘Y=redo).
+ */
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import { findNode, findParent, isAncestor, layout, } from "clarity-mind";
+import { useMindMap } from "./useMindMap.js";
+import { navigate } from "./navigation.js";
+import { ContextMenu } from "./ContextMenu.js";
+const measure = (n) => ({
+    width: Math.min(260, Math.max(72, n.text.length * 8 + 30)),
+    height: 38,
+});
+const BRANCH_COLORS = [
+    "#6366f1",
+    "#0ea5e9",
+    "#10b981",
+    "#f59e0b",
+    "#ef4444",
+    "#ec4899",
+];
+const colorFor = (b) => b.side === "root"
+    ? "#111827"
+    : (BRANCH_COLORS[b.depth % BRANCH_COLORS.length] ?? "#6366f1");
+const clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
+const DRAG_THRESHOLD = 5;
+/** SVG path for a curved connector between two boxes. */
+function connector(from, to) {
+    const leftSide = to.side === "left";
+    const x1 = leftSide ? from.x : from.x + from.width;
+    const y1 = from.y + from.height / 2;
+    const x2 = leftSide ? to.x + to.width : to.x;
+    const y2 = to.y + to.height / 2;
+    const mx = (x1 + x2) / 2;
+    return `M${x1},${y1} C${mx},${y1} ${mx},${y2} ${x2},${y2}`;
+}
+export function MindMap({ store, className, style }) {
+    const map = useMindMap(store);
+    const containerRef = useRef(null);
+    const [selected, setSelected] = useState(map.root.id);
+    const [editing, setEditing] = useState(null);
+    const [editText, setEditText] = useState("");
+    const [hovered, setHovered] = useState(null);
+    const [menu, setMenu] = useState(null);
+    const [drag, setDrag] = useState(null);
+    const [view, setView] = useState({ x: 0, y: 0, zoom: 1 });
+    const centeredRef = useRef(false);
+    const editingRef = useRef(null);
+    const inputRef = useRef(null);
+    const { boxes, edges, bounds } = useMemo(() => layout(map.root, { measure }), [map]);
+    // Keep the selection valid if its node disappears (e.g. undo/remove).
+    useEffect(() => {
+        if (!findNode(map.root, selected))
+            setSelected(map.root.id);
+    }, [map, selected]);
+    const fitView = useCallback(() => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const pad = 96;
+        const zoom = clamp(Math.min((el.clientWidth - pad) / Math.max(1, bounds.width), (el.clientHeight - pad) / Math.max(1, bounds.height)), 0.3, 1.5);
+        setView({
+            zoom,
+            x: el.clientWidth / 2 - (bounds.x + bounds.width / 2) * zoom,
+            y: el.clientHeight / 2 - (bounds.y + bounds.height / 2) * zoom,
+        });
+    }, [bounds]);
+    // Center once, on first layout.
+    useLayoutEffect(() => {
+        if (centeredRef.current || !containerRef.current)
+            return;
+        fitView();
+        centeredRef.current = true;
+    }, [fitView]);
+    // Focus the edit input as soon as it appears.
+    useLayoutEffect(() => {
+        if (editing && inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.select();
+        }
+    }, [editing]);
+    const startEdit = useCallback((id, initial) => {
+        let text = initial;
+        if (text === undefined) {
+            const n = findNode(map.root, id);
+            if (!n)
+                return;
+            text = n.text;
+        }
+        editingRef.current = id;
+        setSelected(id);
+        setEditText(text);
+        setEditing(id);
+    }, [map]);
+    const stopEditing = useCallback(() => {
+        editingRef.current = null;
+        setEditing(null);
+    }, []);
+    const commitEdit = useCallback(() => {
+        if (editing)
+            store.setText(editing, editText.trim());
+        stopEditing();
+    }, [editing, editText, store, stopEditing]);
+    const addChild = useCallback((parentId) => {
+        store.toggleCollapse(parentId, false);
+        const id = store.addChild(parentId, "");
+        startEdit(id, "");
+    }, [store, startEdit]);
+    const addSibling = useCallback((siblingId) => {
+        if (siblingId === map.root.id) {
+            addChild(map.root.id);
+            return;
+        }
+        const id = store.addSibling(siblingId, "");
+        startEdit(id, "");
+    }, [store, map, startEdit, addChild]);
+    const removeNodeById = useCallback((id) => {
+        if (id === map.root.id)
+            return;
+        const parent = findParent(map.root, id);
+        store.remove(id);
+        setSelected(parent?.id ?? map.root.id);
+    }, [map, store]);
+    // --- Keyboard ------------------------------------------------------------
+    const onKeyDown = useCallback((e) => {
+        if (editingRef.current)
+            return;
+        const meta = e.metaKey || e.ctrlKey;
+        if (meta && e.key.toLowerCase() === "z") {
+            e.preventDefault();
+            if (e.shiftKey)
+                store.redo();
+            else
+                store.undo();
+            return;
+        }
+        if (meta && e.key.toLowerCase() === "y") {
+            e.preventDefault();
+            store.redo();
+            return;
+        }
+        if (meta)
+            return;
+        switch (e.key) {
+            case "Tab":
+                e.preventDefault();
+                addChild(selected);
+                return;
+            case "Enter":
+                e.preventDefault();
+                addSibling(selected);
+                return;
+            case "Delete":
+            case "Backspace":
+                e.preventDefault();
+                removeNodeById(selected);
+                return;
+            case "F2":
+                e.preventDefault();
+                startEdit(selected);
+                return;
+            case " ":
+                e.preventDefault();
+                store.toggleCollapse(selected);
+                return;
+            case "ArrowUp":
+            case "ArrowDown":
+            case "ArrowLeft":
+            case "ArrowRight": {
+                e.preventDefault();
+                const dir = e.key.replace("Arrow", "").toLowerCase();
+                setSelected(navigate(map.root, selected, dir));
+                return;
+            }
+            default:
+                if (e.key.length === 1) {
+                    e.preventDefault();
+                    startEdit(selected, e.key);
+                }
+        }
+    }, [selected, map, store, addChild, addSibling, removeNodeById, startEdit]);
+    // --- Pan, zoom & node-drag ----------------------------------------------
+    const panRef = useRef(null);
+    const dragRef = useRef(null);
+    const onBackgroundPointerDown = useCallback((e) => {
+        if (e.target.closest("[data-node]"))
+            return; // node handles its own
+        containerRef.current?.focus();
+        setSelected(map.root.id);
+        setMenu(null);
+        panRef.current = {
+            startX: e.clientX,
+            startY: e.clientY,
+            ox: view.x,
+            oy: view.y,
+        };
+        e.currentTarget.setPointerCapture(e.pointerId);
+    }, [view, map]);
+    const startNodeDrag = useCallback((e, id) => {
+        e.stopPropagation();
+        setSelected(id);
+        setMenu(null);
+        containerRef.current?.focus();
+        if (id === map.root.id)
+            return; // root can't be moved
+        dragRef.current = {
+            id,
+            startX: e.clientX,
+            startY: e.clientY,
+            pointerId: e.pointerId,
+            moved: false,
+            targetId: null,
+        };
+        containerRef.current?.setPointerCapture(e.pointerId);
+    }, [map]);
+    const onPointerMove = useCallback((e) => {
+        const d = dragRef.current;
+        if (d) {
+            const dx = e.clientX - d.startX;
+            const dy = e.clientY - d.startY;
+            if (!d.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD)
+                return;
+            d.moved = true;
+            const under = document
+                .elementFromPoint(e.clientX, e.clientY)
+                ?.closest("[data-node]");
+            let tid = under?.getAttribute("data-node") ?? null;
+            if (tid && (tid === d.id || isAncestor(map.root, d.id, tid)))
+                tid = null;
+            d.targetId = tid;
+            setDrag({ id: d.id, dx, dy, targetId: tid });
+            return;
+        }
+        const p = panRef.current;
+        if (!p)
+            return;
+        setView((v) => ({
+            ...v,
+            x: p.ox + (e.clientX - p.startX),
+            y: p.oy + (e.clientY - p.startY),
+        }));
+    }, [map]);
+    const endPointer = useCallback(() => {
+        const d = dragRef.current;
+        if (d) {
+            if (d.moved && d.targetId)
+                store.move(d.id, d.targetId);
+            dragRef.current = null;
+            setDrag(null);
+        }
+        panRef.current = null;
+    }, [store]);
+    const onWheel = useCallback((e) => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const px = e.clientX - rect.left;
+        const py = e.clientY - rect.top;
+        setView((v) => {
+            const factor = e.deltaY < 0 ? 1.1 : 1 / 1.1;
+            const zoom = clamp(v.zoom * factor, 0.3, 2.5);
+            const k = zoom / v.zoom;
+            return { zoom, x: px - (px - v.x) * k, y: py - (py - v.y) * k };
+        });
+    }, []);
+    const zoomBy = useCallback((factor) => {
+        const el = containerRef.current;
+        if (!el)
+            return;
+        const cx = el.clientWidth / 2;
+        const cy = el.clientHeight / 2;
+        setView((v) => {
+            const zoom = clamp(v.zoom * factor, 0.3, 2.5);
+            const k = zoom / v.zoom;
+            return { zoom, x: cx - (cx - v.x) * k, y: cy - (cy - v.y) * k };
+        });
+    }, []);
+    // --- Context menu items --------------------------------------------------
+    const menuItems = useCallback((id) => {
+        const n = findNode(map.root, id);
+        const isRoot = id === map.root.id;
+        const hasKids = !!n && n.children.length > 0;
+        return [
+            { label: "Add child", icon: "+", onClick: () => addChild(id) },
+            {
+                label: "Add sibling",
+                icon: "↵",
+                onClick: () => addSibling(id),
+                disabled: isRoot,
+            },
+            { label: "Rename", icon: "✎", onClick: () => startEdit(id) },
+            {
+                label: n?.collapsed ? "Expand" : "Collapse",
+                icon: n?.collapsed ? "▸" : "▾",
+                onClick: () => store.toggleCollapse(id),
+                disabled: !hasKids,
+            },
+            {
+                label: "Delete",
+                icon: "🗑",
+                onClick: () => removeNodeById(id),
+                danger: true,
+                disabled: isRoot,
+            },
+        ];
+    }, [map, addChild, addSibling, startEdit, store, removeNodeById]);
+    const ctrlBtn = {
+        width: 32,
+        height: 32,
+        display: "grid",
+        placeItems: "center",
+        border: "1px solid #e5e7eb",
+        background: "#fff",
+        borderRadius: 8,
+        cursor: "pointer",
+        fontSize: 16,
+        lineHeight: 1,
+        color: "#374151",
+        boxShadow: "0 1px 2px rgba(0,0,0,0.06)",
+    };
+    return (_jsxs("div", { ref: containerRef, className: className, tabIndex: 0, role: "tree", onKeyDown: onKeyDown, onPointerDown: onBackgroundPointerDown, onPointerMove: onPointerMove, onPointerUp: endPointer, onPointerCancel: endPointer, onWheel: onWheel, onContextMenu: (e) => {
+            // Right-click on empty canvas: no menu (nodes handle their own).
+            if (!e.target.closest("[data-node]"))
+                e.preventDefault();
+        }, style: {
+            position: "relative",
+            overflow: "hidden",
+            outline: "none",
+            background: "#f8fafc",
+            cursor: panRef.current ? "grabbing" : "grab",
+            touchAction: "none",
+            ...style,
+        }, children: [_jsxs("div", { style: {
+                    position: "absolute",
+                    left: 0,
+                    top: 0,
+                    transform: `translate(${view.x}px, ${view.y}px) scale(${view.zoom})`,
+                    transformOrigin: "0 0",
+                }, children: [_jsx("svg", { width: Math.max(1, bounds.width), height: Math.max(1, bounds.height), style: {
+                            position: "absolute",
+                            left: bounds.x,
+                            top: bounds.y,
+                            overflow: "visible",
+                        }, children: _jsx("g", { transform: `translate(${-bounds.x}, ${-bounds.y})`, children: edges.map((e) => {
+                                const from = boxes.get(e.from);
+                                const to = boxes.get(e.to);
+                                if (!from || !to)
+                                    return null;
+                                return (_jsx("path", { d: connector(from, to), fill: "none", stroke: colorFor(to), strokeWidth: 2, opacity: 0.55 }, `${e.from}->${e.to}`));
+                            }) }) }), [...boxes.values()].map((b) => {
+                        const n = findNode(map.root, b.id);
+                        if (!n)
+                            return null;
+                        const isSelected = b.id === selected;
+                        const isRoot = b.side === "root";
+                        const isEditing = editing === b.id;
+                        const isDragging = drag?.id === b.id;
+                        const isDropTarget = drag?.targetId === b.id;
+                        const isHovered = hovered === b.id;
+                        const accent = colorFor(b);
+                        const hasKids = n.children.length > 0;
+                        const outward = b.side === "left" ? -1 : 1; // +1 = grows right
+                        const dragOffX = isDragging && drag ? drag.dx / view.zoom : 0;
+                        const dragOffY = isDragging && drag ? drag.dy / view.zoom : 0;
+                        return (_jsxs("div", { style: {
+                                position: "absolute",
+                                left: 0,
+                                top: 0,
+                                width: b.width,
+                                height: b.height,
+                                transform: `translate(${b.x + dragOffX}px, ${b.y + dragOffY}px)`,
+                                transition: isDragging
+                                    ? "none"
+                                    : "transform 180ms cubic-bezier(0.22, 1, 0.36, 1)",
+                                zIndex: isDragging ? 20 : 1,
+                                // While dragging, the whole node is transparent to hit-testing so
+                                // elementFromPoint can find the drop target beneath the cursor.
+                                pointerEvents: isDragging ? "none" : "auto",
+                            }, onMouseEnter: () => setHovered(b.id), onMouseLeave: () => setHovered((h) => (h === b.id ? null : h)), children: [_jsx("div", { "data-node": b.id, role: "treeitem", "aria-selected": isSelected, onPointerDown: (ev) => startNodeDrag(ev, b.id), onDoubleClick: () => startEdit(b.id), onContextMenu: (ev) => {
+                                        ev.preventDefault();
+                                        ev.stopPropagation();
+                                        const rect = containerRef.current?.getBoundingClientRect();
+                                        setSelected(b.id);
+                                        setMenu({
+                                            id: b.id,
+                                            x: ev.clientX - (rect?.left ?? 0),
+                                            y: ev.clientY - (rect?.top ?? 0),
+                                        });
+                                    }, style: {
+                                        width: "100%",
+                                        height: "100%",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "center",
+                                        boxSizing: "border-box",
+                                        padding: "0 12px",
+                                        borderRadius: 9,
+                                        fontFamily: "ui-sans-serif, system-ui, sans-serif",
+                                        fontSize: 14,
+                                        fontWeight: isRoot ? 700 : 500,
+                                        color: isRoot ? "#fff" : "#111827",
+                                        background: isRoot ? "#111827" : "#fff",
+                                        border: `2px solid ${isDropTarget ? "#10b981" : isSelected ? accent : isRoot ? "#111827" : "#e5e7eb"}`,
+                                        boxShadow: isDropTarget
+                                            ? "0 0 0 3px #10b98155, 0 4px 12px rgba(0,0,0,0.15)"
+                                            : isSelected
+                                                ? `0 0 0 3px ${accent}33, 0 4px 12px rgba(0,0,0,0.12)`
+                                                : "0 1px 3px rgba(0,0,0,0.08)",
+                                        opacity: isDragging ? 0.65 : 1,
+                                        pointerEvents: isDragging ? "none" : "auto",
+                                        cursor: "grab",
+                                        userSelect: "none",
+                                        whiteSpace: "nowrap",
+                                        overflow: "hidden",
+                                        textOverflow: "ellipsis",
+                                    }, children: isEditing ? (_jsx("input", { ref: inputRef, value: editText, onChange: (ev) => setEditText(ev.target.value), onBlur: commitEdit, onPointerDown: (ev) => ev.stopPropagation(), onKeyDown: (ev) => {
+                                            if (ev.key === "Enter") {
+                                                ev.preventDefault();
+                                                const id = editing;
+                                                commitEdit();
+                                                if (id && id !== map.root.id)
+                                                    addSibling(id);
+                                                else
+                                                    addChild(map.root.id);
+                                            }
+                                            else if (ev.key === "Tab") {
+                                                ev.preventDefault();
+                                                const id = editing;
+                                                commitEdit();
+                                                if (id)
+                                                    addChild(id);
+                                            }
+                                            else if (ev.key === "Escape") {
+                                                ev.preventDefault();
+                                                stopEditing();
+                                            }
+                                        }, style: {
+                                            width: "100%",
+                                            border: "none",
+                                            outline: "none",
+                                            background: "transparent",
+                                            textAlign: "center",
+                                            font: "inherit",
+                                            color: "inherit",
+                                        } })) : (_jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: n.text || _jsx("span", { style: { opacity: 0.4 }, children: "Untitled" }) })) }), hasKids && !isEditing && (_jsx("button", { title: n.collapsed ? "Expand" : "Collapse", onPointerDown: (ev) => ev.stopPropagation(), onClick: (ev) => {
+                                        ev.stopPropagation();
+                                        store.toggleCollapse(b.id);
+                                    }, style: {
+                                        position: "absolute",
+                                        top: "50%",
+                                        left: outward > 0 ? "100%" : undefined,
+                                        right: outward < 0 ? "100%" : undefined,
+                                        transform: `translate(${outward > 0 ? "-50%" : "50%"}, -50%)`,
+                                        width: 18,
+                                        height: 18,
+                                        borderRadius: "50%",
+                                        border: `1.5px solid ${accent}`,
+                                        background: "#fff",
+                                        color: accent,
+                                        fontSize: 11,
+                                        fontWeight: 700,
+                                        lineHeight: 1,
+                                        display: "grid",
+                                        placeItems: "center",
+                                        cursor: "pointer",
+                                        padding: 0,
+                                    }, children: n.collapsed ? n.children.length : "–" })), (isHovered || isSelected) && !isEditing && !isDragging && (_jsx("button", { title: "Add child", onPointerDown: (ev) => ev.stopPropagation(), onClick: (ev) => {
+                                        ev.stopPropagation();
+                                        addChild(b.id);
+                                    }, style: {
+                                        position: "absolute",
+                                        top: "50%",
+                                        left: outward > 0 ? "100%" : undefined,
+                                        right: outward < 0 ? "100%" : undefined,
+                                        transform: `translate(${outward > 0 ? "10px" : "-10px"}, -50%)`,
+                                        width: 22,
+                                        height: 22,
+                                        borderRadius: "50%",
+                                        border: "none",
+                                        background: accent,
+                                        color: "#fff",
+                                        fontSize: 15,
+                                        fontWeight: 700,
+                                        lineHeight: 1,
+                                        display: "grid",
+                                        placeItems: "center",
+                                        cursor: "pointer",
+                                        boxShadow: "0 2px 6px rgba(0,0,0,0.2)",
+                                        padding: 0,
+                                    }, children: "+" }))] }, b.id));
+                    })] }), _jsxs("div", { style: {
+                    position: "absolute",
+                    right: 12,
+                    bottom: 12,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 6,
+                    zIndex: 15,
+                }, onPointerDown: (e) => e.stopPropagation(), children: [_jsx("button", { title: "Zoom in", style: ctrlBtn, onClick: () => zoomBy(1.2), children: "+" }), _jsx("button", { title: "Zoom out", style: ctrlBtn, onClick: () => zoomBy(1 / 1.2), children: "\u2013" }), _jsx("button", { title: "Fit to screen", style: { ...ctrlBtn, fontSize: 13 }, onClick: fitView, children: "\u2922" })] }), menu && (_jsx(ContextMenu, { x: menu.x, y: menu.y, items: menuItems(menu.id), onClose: () => setMenu(null) }))] }));
+}
+//# sourceMappingURL=MindMap.js.map

package/dist/MindMap.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @clarity-mind/react — the batteries-included React binding for clarity-mind.
+ */
+export { MindMap, type MindMapProps } from "./MindMap.js";
+export { useMindMap } from "./useMindMap.js";
+export { navigate, type Direction } from "./navigation.js";

package/dist/index.js

@@ -0,0 +1,7 @@
+/**
+ * @clarity-mind/react — the batteries-included React binding for clarity-mind.
+ */
+export { MindMap } from "./MindMap.js";
+export { useMindMap } from "./useMindMap.js";
+export { navigate } from "./navigation.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,EAAqB,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAkB,MAAM,iBAAiB,CAAC"}

package/dist/navigation.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Pure keyboard-navigation logic, split out so it can be unit-tested without a DOM.
+ *
+ * Semantics (tree-based, predictable): right = first child, left = parent,
+ * up/down = previous/next sibling. Collapsed nodes expose no children.
+ */
+import { type MindNode } from "clarity-mind";
+export type Direction = "up" | "down" | "left" | "right";
+/** Return the id to select when moving `dir` from `selectedId`. Falls back to `selectedId`. */
+export declare function navigate(root: MindNode, selectedId: string, dir: Direction): string;

package/dist/navigation.js

@@ -0,0 +1,31 @@
+/**
+ * Pure keyboard-navigation logic, split out so it can be unit-tested without a DOM.
+ *
+ * Semantics (tree-based, predictable): right = first child, left = parent,
+ * up/down = previous/next sibling. Collapsed nodes expose no children.
+ */
+import { findNode, findParent } from "clarity-mind";
+/** Return the id to select when moving `dir` from `selectedId`. Falls back to `selectedId`. */
+export function navigate(root, selectedId, dir) {
+    const current = findNode(root, selectedId);
+    if (!current)
+        return selectedId;
+    const parent = findParent(root, selectedId);
+    switch (dir) {
+        case "right": {
+            const kids = current.collapsed ? [] : current.children;
+            return kids[0]?.id ?? selectedId;
+        }
+        case "left":
+            return parent?.id ?? selectedId;
+        case "up":
+        case "down": {
+            if (!parent)
+                return selectedId;
+            const i = parent.children.findIndex((c) => c.id === selectedId);
+            const next = parent.children[dir === "up" ? i - 1 : i + 1];
+            return next?.id ?? selectedId;
+        }
+    }
+}
+//# sourceMappingURL=navigation.js.map

package/dist/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../src/navigation.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAiB,MAAM,cAAc,CAAC;AAInE,+FAA+F;AAC/F,MAAM,UAAU,QAAQ,CACtB,IAAc,EACd,UAAkB,EAClB,GAAc;IAEd,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,OAAO;QAAE,OAAO,UAAU,CAAC;IAChC,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAE5C,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,OAAO,CAAC,CAAC,CAAC;YACb,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;YACvD,OAAO,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,UAAU,CAAC;QACnC,CAAC;QACD,KAAK,MAAM;YACT,OAAO,MAAM,EAAE,EAAE,IAAI,UAAU,CAAC;QAClC,KAAK,IAAI,CAAC;QACV,KAAK,MAAM,CAAC,CAAC,CAAC;YACZ,IAAI,CAAC,MAAM;gBAAE,OAAO,UAAU,CAAC;YAC/B,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;YAChE,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC3D,OAAO,IAAI,EAAE,EAAE,IAAI,UAAU,CAAC;QAChC,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/useMindMap.d.ts

@@ -0,0 +1,3 @@
+import type { MindMap, MindMapStore } from "clarity-mind";
+/** Subscribe a component to a {@link MindMapStore}; re-renders on every change. */
+export declare function useMindMap(store: MindMapStore): MindMap;

package/dist/useMindMap.js

@@ -0,0 +1,8 @@
+import { useCallback, useSyncExternalStore } from "react";
+/** Subscribe a component to a {@link MindMapStore}; re-renders on every change. */
+export function useMindMap(store) {
+    const subscribe = useCallback((cb) => store.subscribe(cb), [store]);
+    const getSnapshot = useCallback(() => store.map, [store]);
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+//# sourceMappingURL=useMindMap.js.map

package/dist/useMindMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMindMap.js","sourceRoot":"","sources":["../src/useMindMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG1D,mFAAmF;AACnF,MAAM,UAAU,UAAU,CAAC,KAAmB;IAC5C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,EAAc,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EACvC,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1D,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACnE,CAAC"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@clarity-mind/react",
+  "version": "0.1.0",
+  "description": "React binding for clarity-mind: an interactive, keyboard-first mind-map component.",
+  "keywords": [
+    "mind-map",
+    "mindmap",
+    "react",
+    "react-component",
+    "diagram",
+    "brainstorming"
+  ],
+  "license": "MIT",
+  "author": "udielenberg <udielenberg@users.noreply.github.com>",
+  "homepage": "https://github.com/udielenberg/clarity#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/udielenberg/clarity.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/udielenberg/clarity/issues"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "clarity-mind": "^0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}