mathlean-canvas 0.3.3 → 0.3.5

package/dist/InlineMathLiveField.d.ts

@@ -4,14 +4,17 @@ type InlineMathLiveFieldProps = {
     fieldRef: RefObject<MathfieldElement | null>;
     bubbleRef: RefObject<HTMLDivElement | null>;
     initialLatex: string;
+    initialPosition?: "start" | "end";
     style: CSSProperties;
+    inlineShortcuts?: Record<string, string>;
     onReady: () => void;
     onLatexChange: (latex: string) => void;
     onCommit: () => void;
     onCancel: () => void;
     onArrowExit: (direction: "before" | "after") => void;
+    onStableEnter?: () => boolean;
     onError: () => void;
     onContextMenu?: (event: MouseEvent<MathfieldElement>) => void;
 };
-export default function InlineMathLiveField({ fieldRef, bubbleRef, initialLatex, style, onReady, onLatexChange, onCommit, onCancel, onArrowExit, onError, onContextMenu, }: InlineMathLiveFieldProps): import("react/jsx-runtime").JSX.Element;
+export default function InlineMathLiveField({ fieldRef, bubbleRef, initialLatex, initialPosition, style, inlineShortcuts, onReady, onLatexChange, onCommit, onCancel, onArrowExit, onStableEnter, onError, onContextMenu, }: InlineMathLiveFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MathCanvas/components/ShortcutMenu.d.ts

@@ -0,0 +1,10 @@
+import type { MathCanvasTheme, ShortcutSettings } from "../types";
+type ShortcutMenuProps = {
+    colors: MathCanvasTheme;
+    darkMode: boolean;
+    open: boolean;
+    shortcutSettings: ShortcutSettings;
+    updateShortcutSettings: (updater: (settings: ShortcutSettings) => ShortcutSettings) => void;
+};
+export default function ShortcutMenu({ colors, darkMode, open, shortcutSettings, updateShortcutSettings, }: ShortcutMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/MathCanvas/components/Toolbar.d.ts

@@ -29,6 +29,8 @@ type ToolbarProps = {
     setCoordinatePlaneMode: Dispatch<SetStateAction<CoordinatePlaneMode>>;
     pushHistoryState: () => void;
     clearCanvas: () => void;
+    shortcutMenuOpen: boolean;
+    setShortcutMenuOpen: Dispatch<SetStateAction<boolean>>;
 };
-export default function Toolbar({ colors, darkMode, tool, setTool, renderMode, toggleLatexMode, pastStateCount, futureStateCount, handleUndo, handleRedo, showPenSizes, setShowPenSizes, penWidth, setPenWidth, penColor, setPenColor, penColorOptions, geometryMode, setGeometryMode, clearGeometryDraft, clearGeometryLabelEditing, regularPolygonSides, setRegularPolygonSides, coordinatePlaneMode, setCoordinatePlaneMode, pushHistoryState, clearCanvas, }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
+export default function Toolbar({ colors, darkMode, tool, setTool, renderMode, toggleLatexMode, pastStateCount, futureStateCount, handleUndo, handleRedo, showPenSizes, setShowPenSizes, penWidth, setPenWidth, penColor, setPenColor, penColorOptions, geometryMode, setGeometryMode, clearGeometryDraft, clearGeometryLabelEditing, regularPolygonSides, setRegularPolygonSides, coordinatePlaneMode, setCoordinatePlaneMode, pushHistoryState, clearCanvas, shortcutMenuOpen, setShortcutMenuOpen, }: ToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MathCanvas/components/icons.d.ts

@@ -33,6 +33,9 @@ export declare function RenderKatexExpression({ expression, fallback, displayMod
 export declare function GraphIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function PlotIcon({ active }: {
+    active: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function MatrixIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;
@@ -42,16 +45,20 @@ export declare function TableIcon({ active }: {
 export declare function LatexToggleIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function ShortcutIcon({ active }: {
+    active: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function UndoIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function RedoIcon({ active }: {
     active: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ToolButton({ active, disabled, label, onClick, children, colors, }: {
+export declare function ToolButton({ active, disabled, label, onMouseDown, onClick, children, colors, }: {
     active: boolean;
     disabled?: boolean;
     label: string;
+    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
     onClick: () => void;
     children: React.ReactNode;
     colors: MathCanvasTheme;

package/dist/MathCanvas/core/hooks/useCanvasSnapshot.d.ts

@@ -1,4 +1,4 @@
-import type { CanvasState, CoordinatePlaneMode, GeoAngle, GeoCircle, GeoHelperSegment, GeoPoint, GeoPolygon, GeoRightAngleMarker, GeoSegment, GraphEdge, GraphNode, MatrixObject, RenderMode, Stroke, TableObject, TextBlock } from "../../types";
+import type { CanvasState, CoordinatePlaneMode, GeoAngle, GeoCircle, GeoHelperSegment, GeoPoint, GeoPolygon, GeoRightAngleMarker, GeoSegment, GraphEdge, GraphNode, MatrixObject, PlotFunction, RenderMode, ShortcutSettings, Stroke, TableObject, TextBlock } from "../../types";
 type UseCanvasSnapshotOptions = {
     blocks: TextBlock[];
     coordinatePlaneMode: CoordinatePlaneMode;
@@ -13,11 +13,13 @@ type UseCanvasSnapshotOptions = {
     graphNodes: GraphNode[];
     matrices: MatrixObject[];
     onStateChange?: (state: CanvasState) => void;
+    plots: PlotFunction[];
     renderMode: RenderMode;
+    shortcutSettings: ShortcutSettings;
     strokes: Stroke[];
     tables: TableObject[];
 };
-export declare function useCanvasSnapshot({ blocks, coordinatePlaneMode, geoAngles, geoCircles, geoHelperSegments, geoPoints, geoPolygons, geoRightAngleMarkers, geoSegments, graphEdges, graphNodes, matrices, onStateChange, renderMode, strokes, tables, }: UseCanvasSnapshotOptions): {
+export declare function useCanvasSnapshot({ blocks, coordinatePlaneMode, geoAngles, geoCircles, geoHelperSegments, geoPoints, geoPolygons, geoRightAngleMarkers, geoSegments, graphEdges, graphNodes, matrices, onStateChange, plots, renderMode, shortcutSettings, strokes, tables, }: UseCanvasSnapshotOptions): {
     getCanvasState: () => CanvasState;
 };
 export {};

package/dist/MathCanvas/core/hooks/useCanvasStageInteractions.d.ts

@@ -40,6 +40,7 @@ type UseCanvasStageInteractionsOptions = {
     findMatrixAtPoint: (x: number, y: number) => MatrixObject | null;
     findTableAtPoint: (x: number, y: number) => TableObject | null;
     findTextBlockBlockingCreation: (x: number, y: number) => TextBlock | null;
+    findTextBlockNearPoint: (x: number, y: number) => TextBlock | null;
     finishGraphSelectionDrag: () => boolean;
     getDefaultMatrixPosition: (x: number, y: number) => ScenePoint;
     getDefaultTablePosition: (x: number, y: number) => ScenePoint;
@@ -94,7 +95,7 @@ type UseCanvasStageInteractionsOptions = {
     updateEraserPreview: (x: number, y: number) => number;
     updateGraphSelectionDrag: (point: ScenePoint) => boolean;
 };
-export declare function useCanvasStageInteractions({ beginGraphSelectionDrag, clearEraserPreview, clearGeometryDraft, clearGeometrySelection, clearGraphSelection, clearMatrixSelection, clearTableSelection, commitEditing, commitGeometryLabelEditing, commitGraphEditing, commitMatrixEditing, commitTableEditing, createGraphNode, createId, createMatrix, createTable, createTextBlock, editingBlockId, editingGeometryLabel, editingGraphNodeId, editingMatrixId, editingTableId, eraseAtPointState, extendStroke, findGeoPointNear, findGeoSegmentNear, findGeometryLabelTargetNear, findGraphNodeAtPoint, findMatrixAtPoint, findTableAtPoint, findTextBlockBlockingCreation, finishGraphSelectionDrag, getDefaultMatrixPosition, getDefaultTablePosition, getGeoSnap, getScenePoint, geometryMode, handleGeometryCanvasPoint, handleGeometryPointChoice, isDrawing, isErasing, isPanning, lastPanPoint, penColor, penWidth, pushHistoryState, selectedGraphNodeId, selectedMatrixId, selectedPointId, selectedTableId, selectOnlyGeoSegment, selectOnlyGraphNode, setArmedSourceNodeId, setGeometryDraftPointIds, setGeometryPointer, setMatrixLatexPopover, setRenderMode, setSelectedBlockId, setSelectedGraphEdgeId, setSelectedMatrixId, setSelectedTableId, setSnapPreview, setTextBlockMenu, setViewport, skipNextMatrixCreationRef, skipNextTextCreationRef, skipNextTextCreationResetRef, startGeometryLabelEditing, startGraphEditing, startMatrixEditing, startStrokeState, startTableEditing, suppressNextGraphActivationRef, toggleEqualSideMarker, tool, updateEraserPreview, updateGraphSelectionDrag, }: UseCanvasStageInteractionsOptions): {
+export declare function useCanvasStageInteractions({ beginGraphSelectionDrag, clearEraserPreview, clearGeometryDraft, clearGeometrySelection, clearGraphSelection, clearMatrixSelection, clearTableSelection, commitEditing, commitGeometryLabelEditing, commitGraphEditing, commitMatrixEditing, commitTableEditing, createGraphNode, createId, createMatrix, createTable, createTextBlock, editingBlockId, editingGeometryLabel, editingGraphNodeId, editingMatrixId, editingTableId, eraseAtPointState, extendStroke, findGeoPointNear, findGeoSegmentNear, findGeometryLabelTargetNear, findGraphNodeAtPoint, findMatrixAtPoint, findTableAtPoint, findTextBlockBlockingCreation, findTextBlockNearPoint, finishGraphSelectionDrag, getDefaultMatrixPosition, getDefaultTablePosition, getGeoSnap, getScenePoint, geometryMode, handleGeometryCanvasPoint, handleGeometryPointChoice, isDrawing, isErasing, isPanning, lastPanPoint, penColor, penWidth, pushHistoryState, selectedGraphNodeId, selectedMatrixId, selectedPointId, selectedTableId, selectOnlyGeoSegment, selectOnlyGraphNode, setArmedSourceNodeId, setGeometryDraftPointIds, setGeometryPointer, setMatrixLatexPopover, setRenderMode, setSelectedBlockId, setSelectedGraphEdgeId, setSelectedMatrixId, setSelectedTableId, setSnapPreview, setTextBlockMenu, setViewport, skipNextMatrixCreationRef, skipNextTextCreationRef, skipNextTextCreationResetRef, startGeometryLabelEditing, startGraphEditing, startMatrixEditing, startStrokeState, startTableEditing, suppressNextGraphActivationRef, toggleEqualSideMarker, tool, updateEraserPreview, updateGraphSelectionDrag, }: UseCanvasStageInteractionsOptions): {
     handleCanvasActivation: (e: StageActivationEvent) => void;
     handlePointerDown: (e: StagePointerEvent) => void;
     handlePointerMove: (e: StagePointerEvent) => void;

package/dist/MathCanvas/features/plot/components/PlotControls.d.ts

@@ -0,0 +1,29 @@
+import { type Dispatch, type SetStateAction } from "react";
+import type { MathCanvasTheme, PlotFunction } from "../../../types";
+type PlotControlsProps = {
+    colors: MathCanvasTheme;
+    editingPlot: PlotFunction | null;
+    editingPlotEquationId: string | null;
+    editingPlotLatex: string;
+    inlineShortcuts: Record<string, string>;
+    plotColorOptions: readonly string[];
+    plotMenuPanel: "actions" | "color" | null;
+    copySelectedPlot: (plot: PlotFunction) => Promise<void>;
+    createPlotEquation: (plotId: string) => void;
+    deletePlotEquation: (plotId: string, equationId: string) => void;
+    deleteSelectedPlot: () => void;
+    commitPlotEditing: () => boolean;
+    pushHistoryState: () => void;
+    setEditingPlotEquationId: Dispatch<SetStateAction<string | null>>;
+    setEditingPlotId: Dispatch<SetStateAction<string | null>>;
+    setEditingPlotLatex: Dispatch<SetStateAction<string>>;
+    setPlotMenuPanel: (panel: "actions" | "color" | null) => void;
+    setPlots: Dispatch<SetStateAction<PlotFunction[]>>;
+    updatePlotEquationColor: (plotId: string, equationId: string, color: string) => void;
+    viewport: {
+        x: number;
+        y: number;
+    };
+};
+export default function PlotControls({ colors, editingPlot, editingPlotEquationId, editingPlotLatex, inlineShortcuts, plotColorOptions, plotMenuPanel, copySelectedPlot, createPlotEquation, deletePlotEquation, deleteSelectedPlot, commitPlotEditing, pushHistoryState, setEditingPlotEquationId, setEditingPlotId, setEditingPlotLatex, setPlotMenuPanel, setPlots, updatePlotEquationColor, viewport, }: PlotControlsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/MathCanvas/features/plot/components/PlotLayer.d.ts

@@ -0,0 +1,31 @@
+import type Konva from "konva";
+import type { MutableRefObject } from "react";
+import type { MathCanvasTheme, PlotFunction, Tool } from "../../../types";
+type PlotLayerProps = {
+    plots: PlotFunction[];
+    colors: MathCanvasTheme;
+    darkMode: boolean;
+    size: {
+        width: number;
+        height: number;
+    };
+    viewport: {
+        x: number;
+        y: number;
+    };
+    plotNodeRefs: MutableRefObject<Record<string, Konva.Group | null>>;
+    selectedPlotId: string | null;
+    tool: Tool;
+    clearGraphSelection: () => void;
+    clearMatrixSelection: () => void;
+    clearTableSelection: () => void;
+    pushHistoryState: () => void;
+    setSelectedBlockId: (id: string | null) => void;
+    setSelectedPlotId: (id: string | null) => void;
+    openPlotActions: (id: string) => void;
+    startPlotEditing: (id: string) => void;
+    updatePlot: (id: string, updater: (plot: PlotFunction) => PlotFunction) => void;
+};
+declare function PlotLayer({ plots, colors, darkMode, size, viewport, plotNodeRefs, selectedPlotId, tool, clearGraphSelection, clearMatrixSelection, clearTableSelection, pushHistoryState, setSelectedBlockId, setSelectedPlotId, openPlotActions, startPlotEditing, updatePlot, }: PlotLayerProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof PlotLayer>;
+export default _default;

package/dist/MathCanvas/features/plot/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PlotControls } from "./components/PlotControls";
+export { default as PlotLayer } from "./components/PlotLayer";

package/dist/MathCanvas/features/plot/utils/plotCompiler.d.ts

@@ -0,0 +1,22 @@
+import type { MathJsonExpression } from "@cortex-js/compute-engine/math-json";
+export type PlotCompileResult = {
+    ok: true;
+    latex: string;
+    mathJson: MathJsonExpression;
+} | {
+    ok: false;
+    error: string;
+};
+export type CompiledPlotFunction = {
+    kind: "explicit";
+    evaluate: (x: number, variables?: Record<string, number>) => number;
+} | {
+    kind: "implicit";
+    evaluate: (x: number, y: number, variables?: Record<string, number>) => number;
+} | {
+    kind: "inequality";
+    evaluate: (x: number, y: number, variables?: Record<string, number>) => boolean;
+};
+export declare function getPlotVariableNames(mathJson: MathJsonExpression | null): string[];
+export declare function compilePlotLatex(latex: string): PlotCompileResult;
+export declare function compilePlotMathJson(mathJson: MathJsonExpression | null): CompiledPlotFunction | null;

package/dist/MathCanvas/features/plot/utils/plotModel.d.ts

@@ -0,0 +1,18 @@
+import type { PlotEquation, PlotFunction, PlotParameter } from "../../../types";
+export declare const PLOT_EQUATION_ROW_HEIGHT = 42;
+export declare const PLOT_EQUATION_TOP_PADDING = 8;
+export declare const PLOT_EQUATION_BOTTOM_PADDING = 8;
+export declare const PLOT_EQUATION_MIN_HEIGHT = 52;
+export declare const PLOT_EQUATION_PANEL_WIDTH = 190;
+export declare const PLOT_EQUATION_PANEL_MAX_WIDTH = 440;
+export declare const PLOT_EQUATION_PANEL_GAP = 8;
+export declare const PLOT_EQUATION_PANEL_DEFAULT_TOP = 10;
+export declare const PLOT_PARAMETER_ROW_HEIGHT = 38;
+export declare function getPlotEquations(plot: PlotFunction): PlotEquation[];
+export declare function getPlotParameters(plot: PlotFunction): PlotParameter[];
+export declare function getPlotEquationAreaHeight(plot: PlotFunction): number;
+export declare function getPlotEquationPanelWidth(plot: PlotFunction): number;
+export declare function getPlotEquationTextWidth(panelWidth: number): number;
+export declare function getPlotEquationRowHeight(equation: PlotEquation, panelWidth: number): number;
+export declare function getPlotEquationRowTop(plot: PlotFunction, index: number): number;
+export declare function normalizePlot(plot: PlotFunction): PlotFunction;

package/dist/MathCanvas/features/text/components/InlineMathBubble.d.ts

@@ -22,6 +22,7 @@ type InlineMathBubbleProps = {
     exitActiveInlineMathDraft: (direction: "before" | "after") => void;
     handleInlineMathLatexChange: (latex: string) => void;
     inlineMathBubbleRef: RefObject<HTMLDivElement | null>;
+    inlineShortcuts: Record<string, string>;
     inlineMathEditorMode: "mathlive" | "fallback";
     inlineMathEditorRect: InlineMathEditorRect;
     inlineMathFieldRef: RefObject<MathfieldElement | null>;
@@ -32,5 +33,5 @@ type InlineMathBubbleProps = {
     setRenderMode: Dispatch<SetStateAction<"plain" | "latex">>;
     setSelectedBlockId: Dispatch<SetStateAction<string | null>>;
 };
-export default function InlineMathBubble({ activeInlineMathAtomId, activeInlineMathDraft, activeInlineMathSession, activateInlineMathFallback, cancelActiveInlineMathDraft, colors, commitActiveInlineMathDraft, darkMode, editingBlock, editingBlockId, exitActiveInlineMathDraft, handleInlineMathLatexChange, inlineMathBubbleRef, inlineMathEditorMode, inlineMathEditorRect, inlineMathFieldRef, latexPreview, markInlineMathEditorReady, openTextBlockMenu, setActiveInlineMathDraft, setRenderMode, setSelectedBlockId, }: InlineMathBubbleProps): import("react/jsx-runtime").JSX.Element | null;
+export default function InlineMathBubble({ activeInlineMathAtomId, activeInlineMathDraft, activeInlineMathSession, activateInlineMathFallback, cancelActiveInlineMathDraft, colors, commitActiveInlineMathDraft, darkMode, editingBlock, editingBlockId, exitActiveInlineMathDraft, handleInlineMathLatexChange, inlineMathBubbleRef, inlineShortcuts, inlineMathEditorMode, inlineMathEditorRect, inlineMathFieldRef, latexPreview, markInlineMathEditorReady, openTextBlockMenu, setActiveInlineMathDraft, setRenderMode, setSelectedBlockId, }: InlineMathBubbleProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/MathCanvas/features/text/components/TextBlockEditor.d.ts

@@ -26,21 +26,18 @@ type TextBlockEditorProps = {
     inlineMathBubbleRef: RefObject<HTMLDivElement | null>;
     inlineMathFieldRef: RefObject<MathfieldElement | null>;
     insertInlineMathAtSelection: (start: number, end: number) => void;
+    isOpeningInlineMathSession: boolean;
     isOpeningInlineMathSessionRef: MutableRefObject<boolean>;
     latexPreviewStart: number | null;
     mathOverlayCaret: MathOverlayCaret;
     openTextBlockMenu: (block: TextBlock) => void;
     rememberEditingSelection: (target: HTMLTextAreaElement) => void;
-    reopenInlineMathSessionAtBoundary: (direction: "before" | "after") => boolean;
+    reopenInlineMathSessionAtBoundary: (direction: "before" | "after", selection?: number) => boolean;
     setEditingValue: Dispatch<SetStateAction<string>>;
     setRenderMode: Dispatch<SetStateAction<RenderMode>>;
     setSelectedBlockId: Dispatch<SetStateAction<string | null>>;
-    size: {
-        width: number;
-        height: number;
-    };
     textareaRef: RefObject<HTMLTextAreaElement | null>;
     toggleLatexMode: () => void;
 };
-export default function TextBlockEditor({ activeInlineMathSession, activeInlineMathSessionRef, beginTextboxResize, clearEditing, colors, commitActiveInlineMathDraft, commitEditing, editableMirrorContentRef, editableMirrorRef, editingBlock, editingDisplayValue, editingHeight, editingSelection, editingValue, editingWidth, inlineMathBubbleRef, inlineMathFieldRef, insertInlineMathAtSelection, isOpeningInlineMathSessionRef, latexPreviewStart, mathOverlayCaret, openTextBlockMenu, rememberEditingSelection, reopenInlineMathSessionAtBoundary, setEditingValue, setRenderMode, setSelectedBlockId, size, textareaRef, toggleLatexMode, }: TextBlockEditorProps): import("react/jsx-runtime").JSX.Element | null;
+export default function TextBlockEditor({ activeInlineMathSession, activeInlineMathSessionRef, beginTextboxResize, clearEditing, colors, commitActiveInlineMathDraft, commitEditing, editableMirrorContentRef, editableMirrorRef, editingBlock, editingDisplayValue, editingHeight, editingSelection, editingValue, editingWidth, inlineMathBubbleRef, inlineMathFieldRef, insertInlineMathAtSelection, isOpeningInlineMathSession, isOpeningInlineMathSessionRef, latexPreviewStart, mathOverlayCaret, openTextBlockMenu, rememberEditingSelection, reopenInlineMathSessionAtBoundary, setEditingValue, setRenderMode, setSelectedBlockId, textareaRef, toggleLatexMode, }: TextBlockEditorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/MathCanvas/features/text/components/TextBlockView.d.ts

@@ -11,12 +11,8 @@ type TextBlockViewProps = {
     selectedBlockId: string | null;
     setRenderMode: Dispatch<SetStateAction<RenderMode>>;
     setSelectedBlockId: Dispatch<SetStateAction<string | null>>;
-    size: {
-        width: number;
-        height: number;
-    };
     startEditing: (id: string, selectionOverride?: number | null) => void;
     tool: Tool;
 };
-export default function TextBlockView({ block, blockWidths, clearGraphSelection, clearMatrixSelection, colors, openTextBlockMenu, overlayRefs, selectedBlockId, setRenderMode, setSelectedBlockId, size, startEditing, tool, }: TextBlockViewProps): import("react/jsx-runtime").JSX.Element;
+export default function TextBlockView({ block, blockWidths, clearGraphSelection, clearMatrixSelection, colors, openTextBlockMenu, overlayRefs, selectedBlockId, setRenderMode, setSelectedBlockId, startEditing, tool, }: TextBlockViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/MathCanvas/features/text/hooks/useTextBlockEditingActions.d.ts

@@ -42,12 +42,8 @@ type UseTextBlockEditingActionsOptions = {
     } | null>>;
     setRenderMode: Dispatch<SetStateAction<RenderMode>>;
     setSelectedBlockId: Dispatch<SetStateAction<string | null>>;
-    size: {
-        width: number;
-        height: number;
-    };
 };
-export declare function useTextBlockEditingActions({ blocks, clearGraphEditing, clearGraphSelection, clearMatrixEditing, clearMatrixSelection, createId, editingBlockId, editingHeight, editingWidth, getResolvedEditingValue, lastEditingSelectionRangeRef, pushHistoryState, renderMode, resetInlineMathState, selectedBlockId, setBlocks, setEditingBlockId, setEditingHeight, setEditingInlineMathAtoms, setEditingSelection, setEditingSelectionEnd, setEditingValue, setEditingWidth, setInlineMathEditorRect, setMathOverlayCaret, setRenderMode, setSelectedBlockId, size, }: UseTextBlockEditingActionsOptions): {
+export declare function useTextBlockEditingActions({ blocks, clearGraphEditing, clearGraphSelection, clearMatrixEditing, clearMatrixSelection, createId, editingBlockId, editingHeight, editingWidth, getResolvedEditingValue, lastEditingSelectionRangeRef, pushHistoryState, renderMode, resetInlineMathState, selectedBlockId, setBlocks, setEditingBlockId, setEditingHeight, setEditingInlineMathAtoms, setEditingSelection, setEditingSelectionEnd, setEditingValue, setEditingWidth, setInlineMathEditorRect, setMathOverlayCaret, setRenderMode, setSelectedBlockId, }: UseTextBlockEditingActionsOptions): {
     clearEditing: () => void;
     commitEditing: () => void;
     createTextBlock: (x: number, y: number) => void;

package/dist/MathCanvas/features/text/hooks/useTextBlockLayoutEffects.d.ts

@@ -52,11 +52,7 @@ type UseTextBlockLayoutEffectsOptions = {
         top: number;
         height: number;
     } | null>>;
-    size: {
-        width: number;
-        height: number;
-    };
     textareaRef: MutableRefObject<HTMLTextAreaElement | null>;
 };
-export declare function useTextBlockLayoutEffects({ activeInlineMathDraft, activeInlineMathSession, blocks, containerRef, editableMirrorContentRef, editableMirrorRef, editingBlockId, editingDisplayValue, editingHeight, editingSelection, editingValue, editingWidth, inlineMathEditorRect, inlineMathBubbleRef, inlineMathFieldRef, latexPreview, overlayRefs, renderMode, resetInlineMathState, setBlockHeights, setBlockWidths, setEditingHeight, setEditingInlineMathAtoms, setEditingWidth, setInlineMathEditorRect, setMathOverlayCaret, size, textareaRef, }: UseTextBlockLayoutEffectsOptions): void;
+export declare function useTextBlockLayoutEffects({ activeInlineMathDraft, activeInlineMathSession, blocks, containerRef, editableMirrorContentRef, editableMirrorRef, editingBlockId, editingDisplayValue, editingHeight, editingSelection, editingValue, editingWidth, inlineMathEditorRect, inlineMathBubbleRef, inlineMathFieldRef, latexPreview, overlayRefs, renderMode, resetInlineMathState, setBlockHeights, setBlockWidths, setEditingHeight, setEditingInlineMathAtoms, setEditingWidth, setInlineMathEditorRect, setMathOverlayCaret, textareaRef, }: UseTextBlockLayoutEffectsOptions): void;
 export {};

package/dist/MathCanvas/features/text/hooks/useTextBlockRenderHelpers.d.ts

@@ -3,13 +3,10 @@ type UseTextBlockRenderHelpersOptions = {
     blockHeights: Record<string, number>;
     blockWidths: Record<string, number>;
     blocks: TextBlock[];
-    size: {
-        width: number;
-        height: number;
-    };
 };
-export declare function useTextBlockRenderHelpers({ blockHeights, blockWidths, blocks, size, }: UseTextBlockRenderHelpersOptions): {
+export declare function useTextBlockRenderHelpers({ blockHeights, blockWidths, blocks, }: UseTextBlockRenderHelpersOptions): {
     findTextBlockBlockingCreation: (x: number, y: number) => TextBlock | null;
+    findTextBlockNearPoint: (x: number, y: number) => TextBlock | null;
     getTextMathAxisY: (block: TextBlock) => number | null;
 };
 export {};

package/dist/MathCanvas/features/text/hooks/useTextboxResize.d.ts

@@ -7,13 +7,9 @@ type UseTextboxResizeOptions = {
     pushHistoryState: () => void;
     setEditingHeight: Dispatch<SetStateAction<number>>;
     setEditingWidth: Dispatch<SetStateAction<number>>;
-    size: {
-        width: number;
-        height: number;
-    };
     updateBlock: (id: string, updater: (block: TextBlock) => TextBlock) => void;
 };
-export declare function useTextboxResize({ editingHeight, editingWidth, getBlockById, pushHistoryState, setEditingHeight, setEditingWidth, size, updateBlock, }: UseTextboxResizeOptions): {
+export declare function useTextboxResize({ editingHeight, editingWidth, getBlockById, pushHistoryState, setEditingHeight, setEditingWidth, updateBlock, }: UseTextboxResizeOptions): {
     beginTextboxResize: (block: TextBlock, anchor: TextboxResizeAnchor, event: React.MouseEvent<HTMLDivElement>) => void;
 };
 export {};

package/dist/MathCanvas/shortcuts.d.ts

@@ -0,0 +1,20 @@
+import type { ShortcutSettings } from "./types";
+export type ShortcutCategory = "arrows" | "greek" | "styles" | "functions" | "calculus" | "algebra" | "sets" | "relations" | "geometry" | "operators" | "physics" | "probability" | "custom";
+export type ShortcutEntry = {
+    id: string;
+    trigger: string;
+    latex: string;
+    category: ShortcutCategory;
+    source: "built-in" | "custom";
+    plotSafe: boolean;
+};
+export declare const shortcutCategoryLabels: Record<ShortcutCategory, string>;
+export declare const shortcutCategorySymbols: Record<ShortcutCategory, string>;
+export declare const shortcutCategoryOrder: ShortcutCategory[];
+export declare const builtInShortcutEntries: ShortcutEntry[];
+export declare function normalizeShortcutSettings(settings?: ShortcutSettings): ShortcutSettings;
+export declare function getShortcutEntries(settings?: ShortcutSettings): ShortcutEntry[];
+export declare function getEnabledShortcutEntries(settings?: ShortcutSettings, scope?: "math" | "plot"): ShortcutEntry[];
+export declare function getInlineShortcuts(settings?: ShortcutSettings, scope?: "math" | "plot"): {
+    [k: string]: string;
+};

package/dist/MathCanvas/types.d.ts

@@ -1,7 +1,18 @@
 import type { Stage } from "react-konva";
-export type Tool = "select" | "pan" | "pen" | "eraser" | "text" | "graph" | "matrix" | "table" | "geometry";
+import type { MathJsonExpression } from "@cortex-js/compute-engine/math-json";
+export type Tool = "select" | "pan" | "pen" | "eraser" | "text" | "graph" | "plot" | "matrix" | "table" | "geometry";
 export type DrawingTool = "pen" | "eraser";
 export type RenderMode = "plain" | "latex";
+export type CustomShortcut = {
+    id: string;
+    trigger: string;
+    latex: string;
+};
+export type ShortcutSettings = {
+    disabledShortcutIds?: string[];
+    disabledShortcutCategories?: string[];
+    customShortcuts?: CustomShortcut[];
+};
 export type GeometryMode = "point" | "segment" | "angle" | "circle" | "label" | "midpoint" | "perpendicular" | "parallel" | "fixed" | "regular" | "rightAngle" | "equalSide";
 export type GeometryObjectKind = "point" | "segment" | "polygon" | "angle" | "circle";
 export type GeometryDirection = "left" | "right" | "up" | "down";
@@ -58,6 +69,37 @@ export type GraphEdge = {
     targetId: string;
     directed?: boolean;
 };
+export type PlotEquation = {
+    id: string;
+    latex: string;
+    mathJson: MathJsonExpression | null;
+    color: string;
+};
+export type PlotParameter = {
+    name: string;
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+};
+export type PlotFunction = {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    latex: string;
+    mathJson: MathJsonExpression | null;
+    color: string;
+    scale?: number;
+    viewCenterX?: number;
+    viewCenterY?: number;
+    parameters?: PlotParameter[];
+    dismissedParameterNames?: string[];
+    equations?: PlotEquation[];
+    equationPanelX?: number;
+    equationPanelY?: number;
+};
 export type GraphClipboard = {
     nodes: Array<GraphNode & {
         offsetX: number;
@@ -174,6 +216,7 @@ export type CanvasState = {
     blocks: TextBlock[];
     graphNodes: GraphNode[];
     graphEdges: GraphEdge[];
+    plots: PlotFunction[];
     matrices: MatrixObject[];
     tables: TableObject[];
     geoPoints: GeoPoint[];
@@ -185,6 +228,7 @@ export type CanvasState = {
     geoRightAngleMarkers: GeoRightAngleMarker[];
     coordinatePlaneMode: CoordinatePlaneMode;
     renderMode: RenderMode;
+    shortcutSettings?: ShortcutSettings;
 };
 export type StageMouseEvent = Parameters<NonNullable<React.ComponentProps<typeof Stage>["onMouseDown"]>>[0];
 export type StageTouchEvent = Parameters<NonNullable<React.ComponentProps<typeof Stage>["onTouchStart"]>>[0];

package/dist/MathCanvas/utils/latex.d.ts

@@ -1,4 +1,5 @@
 export declare function shouldPreferDisplayStyle(expression: string, displayMode: boolean): boolean;
+export declare function getRenderableLatex(expression: string): string;
 export declare function getPreferredRenderedLatex(expression: string, displayMode: boolean): string;
 export declare function canRenderLatex(value: string): boolean;
 export declare function parseLatexSegments(content: string): ({