mathlean-canvas 0.3.4 → 0.3.6

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

@@ -26,21 +26,17 @@ 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, }: TextBlockEditorProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,8 +1,8 @@
 import type { Dispatch, SetStateAction } from "react";
-import type { MathCanvasTheme, TextBlock, TextStyleRange } from "../../../types";
+import type { MathCanvasTheme, TextBlock, TextboxMenuPanel, TextStyleRange } from "../../../types";
 type TextBlockMenuState = {
     blockId: string;
-    panel: "format" | "color" | null;
+    panel: TextboxMenuPanel;
 } | null;
 type TextBlockMenuProps = {
     blockWidths: Record<string, number>;
@@ -19,7 +19,12 @@ type TextBlockMenuProps = {
     penColorOptions: readonly string[];
     setTextBlockMenu: Dispatch<SetStateAction<TextBlockMenuState>>;
     textBlockMenu: TextBlockMenuState;
+    toggleTextBlockMixedMath: (blockId: string) => void;
     updateTextBlockStyle: (blockId: string, patch: Partial<Omit<TextStyleRange, "id" | "start" | "end">>) => void;
+    viewport: {
+        x: number;
+        y: number;
+    };
 };
-export default function TextBlockMenu({ blockWidths, colors, copyTextBlock, deleteTextBlock, editingBlockId, getBlockById, getResolvedEditingValue, getTextboxSelectionRange, penColorOptions, setTextBlockMenu, textBlockMenu, updateTextBlockStyle, }: TextBlockMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export default function TextBlockMenu({ blockWidths, colors, copyTextBlock, deleteTextBlock, editingBlockId, getBlockById, getResolvedEditingValue, getTextboxSelectionRange, penColorOptions, setTextBlockMenu, textBlockMenu, toggleTextBlockMixedMath, updateTextBlockStyle, viewport, }: TextBlockMenuProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -11,12 +11,14 @@ 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;
+    liveTextBlockTransforms: Record<string, {
+        x: number;
+        y: number;
+        width?: number;
+        height?: number;
+    }>;
     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, liveTextBlockTransforms, tool, }: TextBlockViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 import type Konva from "konva";
 import type { Dispatch, MutableRefObject, SetStateAction } from "react";
-import type { MathCanvasTheme, RenderMode, TextBlock, Tool } from "../../../types";
+import type { MathCanvasTheme, ObjectTransformPreview, RenderMode, TextBlock, Tool } from "../../../types";
 type TextInteractionLayerProps = {
     blocks: TextBlock[];
     blockWidths: Record<string, number>;
@@ -24,6 +24,15 @@ type TextInteractionLayerProps = {
     setSelectedBlockId: Dispatch<SetStateAction<string | null>>;
     startEditing: (id: string) => void;
     updateBlock: (id: string, updater: (block: TextBlock) => TextBlock) => void;
+    setLiveTextBlockTransforms: Dispatch<SetStateAction<Record<string, {
+        x: number;
+        y: number;
+        width?: number;
+        height?: number;
+    }>>>;
+    onObjectTransformPreviewStart?: (preview: ObjectTransformPreview) => void;
+    onObjectTransformPreviewUpdate?: (preview: ObjectTransformPreview) => void;
+    onObjectTransformPreviewEnd?: (preview: ObjectTransformPreview) => void;
 };
-export default function TextInteractionLayer({ blocks, blockWidths, blockHeights, size, tool, colors, blockNodeRefs, transformerRef, graphTransformerRef, matrixTransformerRef, tableTransformerRef, clearGraphSelection, clearMatrixSelection, openTextBlockMenu, pushHistoryState, setRenderMode, setSelectedBlockId, startEditing, updateBlock, }: TextInteractionLayerProps): import("react/jsx-runtime").JSX.Element;
+export default function TextInteractionLayer({ blocks, blockWidths, blockHeights, size, tool, colors, blockNodeRefs, transformerRef, graphTransformerRef, matrixTransformerRef, tableTransformerRef, clearGraphSelection, clearMatrixSelection, openTextBlockMenu, pushHistoryState, setRenderMode, setSelectedBlockId, startEditing, updateBlock, setLiveTextBlockTransforms, onObjectTransformPreviewStart, onObjectTransformPreviewUpdate, onObjectTransformPreviewEnd, }: TextInteractionLayerProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
 import type { Dispatch, MutableRefObject, SetStateAction } from "react";
-import type { TextBlock, TextStyleRange } from "../../../types";
+import type { TextBlock, TextboxMenuPanel, TextStyleRange } from "../../../types";
 type TextBlockMenu = {
     blockId: string;
-    panel: "color" | "format" | null;
+    panel: TextboxMenuPanel;
 };
 type UseTextBlockActionsOptions = {
     blocks: TextBlock[];

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

@@ -9,6 +9,17 @@ type LatexPreview = {
     fallback: string;
     caretOffset?: number;
 } | null;
+type MathOverlayCaret = {
+    left: number;
+    top: number;
+    height: number;
+} | null;
+type InlineMathEditorRect = {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+} | null;
 type UseTextBlockLayoutEffectsOptions = {
     activeInlineMathDraft: string;
     activeInlineMathSession: InlineMathSession;
@@ -24,12 +35,7 @@ type UseTextBlockLayoutEffectsOptions = {
     editingSelection: number;
     editingValue: string;
     editingWidth: number;
-    inlineMathEditorRect: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    } | null;
+    inlineMathEditorRect: InlineMathEditorRect;
     inlineMathBubbleRef: MutableRefObject<HTMLDivElement | null>;
     inlineMathFieldRef: MutableRefObject<HTMLElement | null>;
     latexPreview: LatexPreview;
@@ -41,22 +47,9 @@ type UseTextBlockLayoutEffectsOptions = {
     setEditingHeight: Dispatch<SetStateAction<number>>;
     setEditingInlineMathAtoms: Dispatch<SetStateAction<InlineMathAtom[]>>;
     setEditingWidth: Dispatch<SetStateAction<number>>;
-    setInlineMathEditorRect: Dispatch<SetStateAction<{
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    } | null>>;
-    setMathOverlayCaret: Dispatch<SetStateAction<{
-        left: number;
-        top: number;
-        height: number;
-    } | null>>;
-    size: {
-        width: number;
-        height: number;
-    };
+    setInlineMathEditorRect: Dispatch<SetStateAction<InlineMathEditorRect>>;
+    setMathOverlayCaret: Dispatch<SetStateAction<MathOverlayCaret>>;
     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, blockHeights, blockWidths, 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,11 +3,22 @@ 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";
 export type GraphDirection = "upLeft" | "up" | "upRight" | "left" | "right" | "downLeft" | "down" | "downRight";
 export type CoordinatePlaneMode = "blank" | "grid" | "plane";
+export type TextboxMenuPanel = "color" | "format" | "mode" | null;
 export type GeometryLabelTarget = {
     kind: "segment" | "angle" | "circle";
     id: string;
@@ -65,6 +76,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 +93,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;
@@ -206,8 +228,92 @@ export type CanvasState = {
     geoHelperSegments: GeoHelperSegment[];
     geoRightAngleMarkers: GeoRightAngleMarker[];
     coordinatePlaneMode: CoordinatePlaneMode;
+    coordinateLabelsVisible?: boolean;
+    renderMode: RenderMode;
+    shortcutSettings?: ShortcutSettings;
+};
+export type DocumentCanvasState = Omit<CanvasState, "shortcutSettings">;
+export type PointerPresence = {
+    x: number;
+    y: number;
+    xPct: number;
+    yPct: number;
+    tool: string | null;
+};
+export type StrokePreviewPoint = {
+    x: number;
+    y: number;
+};
+export type StrokePreview = {
+    id: string;
+    tool: "pen" | "eraser" | string;
+    color?: string;
+    width?: number;
+    points: StrokePreviewPoint[];
+};
+export type RemotePointerPresence = PointerPresence & {
+    id: string;
+    color?: string;
+    label?: string;
+};
+export type ObjectTransformPreview = {
+    id: string;
+    objectType: "text" | "graphNode";
+    objectId: string;
+    x: number;
+    y: number;
+    width?: number;
+    height?: number;
+    textBlock?: TextBlock;
+    graphNode?: GraphNode;
+};
+export type TextDraftPreview = {
+    id: string;
+    blockId: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    content: string;
     renderMode: RenderMode;
+    selectionStart?: number;
+    selectionEnd?: number;
+    fontSize?: number;
+    textBlock?: TextBlock;
+};
+export type CollaborationPreviewPhase = "start" | "update" | "end";
+export type CollaborationMessageBase = {
+    senderId: string;
+    documentId?: string;
+    sentAt?: number;
+};
+export type CollaborationDocumentMessage = CollaborationMessageBase & {
+    type: "document";
+    revision?: string | number;
+    state: DocumentCanvasState;
+};
+export type CollaborationPresenceMessage = CollaborationMessageBase & {
+    type: "presence";
+    presence: PointerPresence;
+    color?: string;
+    label?: string;
+};
+export type CollaborationStrokePreviewMessage = CollaborationMessageBase & {
+    type: "stroke-preview";
+    phase: CollaborationPreviewPhase;
+    preview: StrokePreview;
+};
+export type CollaborationObjectTransformMessage = CollaborationMessageBase & {
+    type: "object-transform";
+    phase: CollaborationPreviewPhase;
+    preview: ObjectTransformPreview;
+};
+export type CollaborationTextDraftMessage = CollaborationMessageBase & {
+    type: "text-draft";
+    phase: CollaborationPreviewPhase;
+    preview: TextDraftPreview;
 };
+export type CollaborationMessage = CollaborationDocumentMessage | CollaborationPresenceMessage | CollaborationStrokePreviewMessage | CollaborationObjectTransformMessage | CollaborationTextDraftMessage;
 export type StageMouseEvent = Parameters<NonNullable<React.ComponentProps<typeof Stage>["onMouseDown"]>>[0];
 export type StageTouchEvent = Parameters<NonNullable<React.ComponentProps<typeof Stage>["onTouchStart"]>>[0];
 export type StagePointerEvent = StageMouseEvent | StageTouchEvent;
@@ -237,5 +343,22 @@ export type MathCanvasProps = {
     className?: string;
     style?: React.CSSProperties;
     initialState?: CanvasState;
+    documentState?: DocumentCanvasState;
+    idPrefix?: string;
     onStateChange?: (state: CanvasState) => void;
+    onDocumentStateChange?: (state: DocumentCanvasState) => void;
+    onPointerPresence?: (presence: PointerPresence) => void;
+    onStrokePreviewStart?: (preview: StrokePreview) => void;
+    onStrokePreviewUpdate?: (preview: StrokePreview) => void;
+    onStrokePreviewEnd?: (preview: StrokePreview) => void;
+    onObjectTransformPreviewStart?: (preview: ObjectTransformPreview) => void;
+    onObjectTransformPreviewUpdate?: (preview: ObjectTransformPreview) => void;
+    onObjectTransformPreviewEnd?: (preview: ObjectTransformPreview) => void;
+    onTextDraftPreviewStart?: (preview: TextDraftPreview) => void;
+    onTextDraftPreviewUpdate?: (preview: TextDraftPreview) => void;
+    onTextDraftPreviewEnd?: (preview: TextDraftPreview) => void;
+    remotePresence?: RemotePointerPresence[];
+    remoteStrokePreviews?: StrokePreview[];
+    remoteObjectTransformPreviews?: ObjectTransformPreview[];
+    remoteTextDraftPreviews?: TextDraftPreview[];
 };

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): ({

package/dist/MathCanvas.d.ts

@@ -2,6 +2,6 @@ import "katex/dist/katex.min.css";
 import "mathlive";
 import "mathlive/fonts.css";
 import "mathlive/static.css";
-export type { CanvasState, MathCanvasProps, GeoPoint, GeoSegment, GeoPolygon, GeoAngle, GeoCircle, GeoHelperSegment, GeoRightAngleMarker, } from "./MathCanvas/types";
+export type { CanvasState, CollaborationMessage, CollaborationMessageBase, CollaborationDocumentMessage, CollaborationObjectTransformMessage, CollaborationPresenceMessage, CollaborationPreviewPhase, CollaborationStrokePreviewMessage, CollaborationTextDraftMessage, DocumentCanvasState, MathCanvasProps, ObjectTransformPreview, PointerPresence, RemotePointerPresence, StrokePreview, TextboxMenuPanel, TextDraftPreview, GeoPoint, GeoSegment, GeoPolygon, GeoAngle, GeoCircle, GeoHelperSegment, GeoRightAngleMarker, } from "./MathCanvas/types";
 import type { MathCanvasProps } from "./MathCanvas/types";
-export default function MathCanvas({ darkMode, className, style, initialState, onStateChange }: MathCanvasProps): import("react/jsx-runtime").JSX.Element;
+export default function MathCanvas(props: MathCanvasProps): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export { default } from "./MathCanvas";
 export { default as MathCanvas } from "./MathCanvas";
-export type { CanvasState, MathCanvasProps } from "./MathCanvas";
+export type { CanvasState, CollaborationMessage, CollaborationMessageBase, CollaborationDocumentMessage, CollaborationObjectTransformMessage, CollaborationPresenceMessage, CollaborationPreviewPhase, CollaborationStrokePreviewMessage, CollaborationTextDraftMessage, DocumentCanvasState, MathCanvasProps, ObjectTransformPreview, PointerPresence, RemotePointerPresence, StrokePreview, TextDraftPreview, } from "./MathCanvas";