mathlean-canvas 0.3.4 → 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

@@ -45,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, PlotFunction, 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;
@@ -15,10 +15,11 @@ type UseCanvasSnapshotOptions = {
     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, plots, 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/features/plot/components/PlotControls.d.ts

@@ -5,6 +5,7 @@ type PlotControlsProps = {
     editingPlot: PlotFunction | null;
     editingPlotEquationId: string | null;
     editingPlotLatex: string;
+    inlineShortcuts: Record<string, string>;
     plotColorOptions: readonly string[];
     plotMenuPanel: "actions" | "color" | null;
     copySelectedPlot: (plot: PlotFunction) => Promise<void>;
@@ -24,5 +25,5 @@ type PlotControlsProps = {
         y: number;
     };
 };
-export default function PlotControls({ colors, editingPlot, editingPlotEquationId, editingPlotLatex, plotColorOptions, plotMenuPanel, copySelectedPlot, createPlotEquation, deletePlotEquation, deleteSelectedPlot, commitPlotEditing, pushHistoryState, setEditingPlotEquationId, setEditingPlotId, setEditingPlotLatex, setPlotMenuPanel, setPlots, updatePlotEquationColor, viewport, }: PlotControlsProps): import("react/jsx-runtime").JSX.Element | null;
+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

@@ -26,5 +26,6 @@ type PlotLayerProps = {
     startPlotEditing: (id: string) => void;
     updatePlot: (id: string, updater: (plot: PlotFunction) => PlotFunction) => void;
 };
-export default 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;
-export {};
+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/utils/plotCompiler.d.ts

@@ -9,10 +9,14 @@ export type PlotCompileResult = {
 };
 export type CompiledPlotFunction = {
     kind: "explicit";
-    evaluate: (x: number) => number;
+    evaluate: (x: number, variables?: Record<string, number>) => number;
 } | {
     kind: "implicit";
-    evaluate: (x: number, y: number) => number;
+    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

@@ -1,4 +1,4 @@
-import type { PlotEquation, PlotFunction } from "../../../types";
+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;
@@ -7,7 +7,9 @@ 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;

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,12 +3,8 @@ 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;

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

@@ -3,6 +3,16 @@ 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";
@@ -65,6 +75,13 @@ export type PlotEquation = {
     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;
@@ -75,6 +92,10 @@ export type PlotFunction = {
     mathJson: MathJsonExpression | null;
     color: string;
     scale?: number;
+    viewCenterX?: number;
+    viewCenterY?: number;
+    parameters?: PlotParameter[];
+    dismissedParameterNames?: string[];
     equations?: PlotEquation[];
     equationPanelX?: number;
     equationPanelY?: number;
@@ -207,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): ({