@excalidraw/element 0.18.0-2874f9e → 0.18.0-2a82821

package/dist/types/excalidraw/charts/charts.constants.d.ts

@@ -0,0 +1,48 @@
+import type { Radians } from "@excalidraw/math";
+export declare const CARTESIAN_BASE_SLOT_WIDTH = 44;
+export declare const CARTESIAN_BAR_SLOT_EXTRA_PER_SERIES = 22;
+export declare const CARTESIAN_BAR_SLOT_EXTRA_MAX = 66;
+export declare const CARTESIAN_LINE_SLOT_WIDTH = 48;
+export declare const CARTESIAN_GAP = 14;
+export declare const CARTESIAN_BAR_HEIGHT = 304;
+export declare const CARTESIAN_LINE_HEIGHT = 320;
+export declare const CARTESIAN_LABEL_ROTATION: Radians;
+export declare const CARTESIAN_LABEL_MIN_WIDTH = 28;
+export declare const CARTESIAN_LABEL_SLOT_PADDING = 4;
+export declare const CARTESIAN_LABEL_AXIS_CLEARANCE = 2;
+export declare const CARTESIAN_LABEL_MAX_WIDTH_BUFFER = 10;
+export declare const CARTESIAN_LABEL_ROTATED_WIDTH_BUFFER = 10;
+export declare const CARTESIAN_LABEL_OVERFLOW_PREFERENCE_BUFFER = 8;
+export declare const BAR_GAP = 12;
+export declare const BAR_HEIGHT = 256;
+export declare const GRID_OPACITY = 10;
+export declare const RADAR_GRID_LEVELS = 4;
+export declare const RADAR_LABEL_OFFSET: number;
+export declare const RADAR_PADDING: number;
+export declare const RADAR_SINGLE_SERIES_LOG_SCALE_THRESHOLD = 100;
+export declare const RADAR_AXIS_LABEL_MAX_WIDTH = 140;
+export declare const RADAR_AXIS_LABEL_ALIGNMENT_THRESHOLD = 0.35;
+export declare const RADAR_AXIS_LABEL_CLEARANCE: number;
+export declare const RADAR_LEGEND_SWATCH_SIZE = 20;
+export declare const RADAR_LEGEND_ITEM_GAP: number;
+export declare const RADAR_LEGEND_TEXT_GAP = 12;
+export declare const commonProps: {
+    readonly fillStyle: "hachure";
+    readonly fontFamily: number;
+    readonly fontSize: 20;
+    readonly opacity: 100;
+    readonly roughness: 1;
+    readonly strokeColor: "#1e1e1e";
+    readonly roundness: null;
+    readonly strokeStyle: "solid";
+    readonly strokeWidth: 1;
+    readonly verticalAlign: string;
+    readonly locked: false;
+};
+export type CartesianChartType = "bar" | "line";
+export type CartesianChartLayout = {
+    slotWidth: number;
+    gap: number;
+    chartHeight: number;
+    xLabelMaxWidth: number;
+};

package/dist/types/excalidraw/charts/charts.helpers.d.ts

@@ -0,0 +1,32 @@
+import { getFontString } from "@excalidraw/common";
+import type { ChartType } from "@excalidraw/element/types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
+import { type CartesianChartLayout, type CartesianChartType } from "./charts.constants";
+import type { ChartElements, Spreadsheet, SpreadsheetSeries } from "./charts.types";
+export declare const isSpreadsheetValidForChartType: (spreadsheet: Spreadsheet | null, chartType: ChartType) => boolean;
+export declare const getCartesianChartLayout: (chartType: CartesianChartType, seriesCount: number) => CartesianChartLayout;
+export declare const getChartDimensions: (spreadsheet: Spreadsheet, layout: CartesianChartLayout) => {
+    chartWidth: number;
+    chartHeight: number;
+};
+export declare const getRadarDimensions: () => {
+    chartWidth: number;
+    chartHeight: number;
+};
+export declare const getSeriesColors: (seriesCount: number, colorOffset: number) => readonly string[];
+export declare const getColorOffset: (colorSeed?: number) => number;
+export declare const getBackgroundColor: (colorOffset: number) => "#fff5f5" | "#ffc9c9" | "#ff8787" | "#fa5252" | "#e03131" | "#fff0f6" | "#fcc2d7" | "#f783ac" | "#e64980" | "#c2255c" | "#f8f0fc" | "#eebefa" | "#da77f2" | "#be4bdb" | "#9c36b5" | "#f3f0ff" | "#d0bfff" | "#9775fa" | "#7950f2" | "#6741d9" | "#e7f5ff" | "#a5d8ff" | "#4dabf7" | "#228be6" | "#1971c2" | "#e3fafc" | "#99e9f2" | "#3bc9db" | "#15aabf" | "#0c8599" | "#e6fcf5" | "#96f2d7" | "#38d9a9" | "#12b886" | "#099268" | "#ebfbee" | "#b2f2bb" | "#69db7c" | "#40c057" | "#2f9e44" | "#fff9db" | "#ffec99" | "#ffd43b" | "#fab005" | "#f08c00" | "#fff4e6" | "#ffd8a8" | "#ffa94d" | "#fd7e14" | "#e8590c";
+export declare const getRadarValueScale: (series: SpreadsheetSeries[], _labelsLength: number) => {
+    renderSteps: boolean;
+    normalize: (value: number, _axisIndex: number) => number;
+};
+export declare const getRadarDisplayText: (text: string, fontString: ReturnType<typeof getFontString>, maxWidth: number) => string;
+export declare const createRadarAxisLabels: (labels: readonly string[], angles: readonly number[], centerX: number, centerY: number, radius: number, backgroundColor: string) => {
+    axisLabels: ChartElements;
+    axisLabelTopY: number;
+    axisLabelBottomY: number;
+};
+export declare const createSeriesLegend: (series: SpreadsheetSeries[], seriesColors: readonly string[], centerX: number, minLegendTopY: number, fallbackLegendY: number, backgroundColor: string) => ChartElements;
+export declare const getRotatedTextElementBottom: (element: NonDeletedExcalidrawElement) => number;
+export declare const chartXLabels: (spreadsheet: Spreadsheet, x: number, y: number, backgroundColor: string, layout: CartesianChartLayout) => ChartElements;
+export declare const chartBaseElements: (spreadsheet: Spreadsheet, x: number, y: number, backgroundColor: string, layout: CartesianChartLayout, maxValue?: number, debug?: boolean) => ChartElements;

package/dist/types/excalidraw/charts/charts.line.d.ts

@@ -0,0 +1,2 @@
+import type { ChartElements, Spreadsheet } from "./charts.types";
+export declare const renderLineChart: (spreadsheet: Spreadsheet, x: number, y: number, colorSeed?: number) => ChartElements;

package/dist/types/excalidraw/charts/charts.parse.d.ts

@@ -0,0 +1,10 @@
+import { type ParseSpreadsheetResult } from "./charts.types";
+/**
+ * @private exported for testing
+ */
+export declare const tryParseNumber: (s: string) => number | null;
+/**
+ * @private exported for testing
+ */
+export declare const tryParseCells: (cells: string[][]) => ParseSpreadsheetResult;
+export declare const tryParseSpreadsheet: (text: string) => ParseSpreadsheetResult;

package/dist/types/excalidraw/charts/charts.radar.d.ts

@@ -0,0 +1,2 @@
+import type { ChartElements, Spreadsheet } from "./charts.types";
+export declare const renderRadarChart: (spreadsheet: Spreadsheet, x: number, y: number, colorSeed?: number) => ChartElements | null;

package/dist/types/excalidraw/charts/charts.types.d.ts

@@ -0,0 +1,18 @@
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
+export type ChartElements = readonly NonDeletedExcalidrawElement[];
+export interface Spreadsheet {
+    title: string | null;
+    labels: string[] | null;
+    series: SpreadsheetSeries[];
+}
+export interface SpreadsheetSeries {
+    title: string | null;
+    values: number[];
+}
+export type ParseSpreadsheetResult = {
+    ok: false;
+    reason: string;
+} | {
+    ok: true;
+    data: Spreadsheet;
+};

package/dist/types/excalidraw/charts/index.d.ts

@@ -0,0 +1,7 @@
+import type { ChartType } from "@excalidraw/element/types";
+import { tryParseCells, tryParseNumber, tryParseSpreadsheet } from "./charts.parse";
+import type { ChartElements, Spreadsheet } from "./charts.types";
+export { type ParseSpreadsheetResult, type Spreadsheet, type SpreadsheetSeries, type ChartElements, } from "./charts.types";
+export { isSpreadsheetValidForChartType } from "./charts.helpers";
+export { tryParseCells, tryParseNumber, tryParseSpreadsheet };
+export declare const renderSpreadsheet: (chartType: ChartType, spreadsheet: Spreadsheet, x: number, y: number, colorSeed?: number) => ChartElements | null;

package/dist/types/excalidraw/clipboard.d.ts

@@ -2,15 +2,12 @@ import { ALLOWED_PASTE_MIME_TYPES } from "@excalidraw/common";
 import type { ValueOf } from "@excalidraw/common/utility-types";
 import type { IMAGE_MIME_TYPES, STRING_MIME_TYPES } from "@excalidraw/common";
 import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
-import type { FileSystemHandle } from "./data/filesystem";
-import type { Spreadsheet } from "./charts";
 import type { BinaryFiles } from "./types";
 export type PastedMixedContent = {
     type: "text" | "imageUrl";
     value: string;
 }[];
 export interface ClipboardData {
-    spreadsheet?: Spreadsheet;
     elements?: readonly ExcalidrawElement[];
     files?: BinaryFiles;
     text?: string;
@@ -54,7 +51,7 @@ type AllowedParsedDataTransferItem = {
     type: ValueOf<typeof IMAGE_MIME_TYPES>;
     kind: "file";
     file: File;
-    fileHandle: FileSystemHandle | null;
+    fileHandle: FileSystemFileHandle | null;
 } | {
     type: ValueOf<typeof STRING_MIME_TYPES>;
     kind: "string";
@@ -64,7 +61,7 @@ type ParsedDataTransferItem = {
     type: string;
     kind: "file";
     file: File;
-    fileHandle: FileSystemHandle | null;
+    fileHandle: FileSystemFileHandle | null;
 } | {
     type: string;
     kind: "string";

package/dist/types/excalidraw/components/ActiveConfirmDialog.d.ts

@@ -1,4 +1,4 @@
-export declare const activeConfirmDialogAtom: import("jotai/vanilla/atom").PrimitiveAtom<"clearCanvas" | null> & {
+export declare const activeConfirmDialogAtom: import("jotai").PrimitiveAtom<"clearCanvas" | null> & {
     init: "clearCanvas" | null;
 };
 export declare const ActiveConfirmDialog: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/excalidraw/components/App.d.ts

@@ -1,27 +1,42 @@
 import React from "react";
-import { type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@excalidraw/common";
+import { AppEventBus, type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@excalidraw/common";
 import { LinearElementEditor, FlowChartCreator, Scene, Store, type ElementUpdate, StoreDelta, type ApplyToOptions } from "@excalidraw/element";
 import type { ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered, SceneElementsMap } from "@excalidraw/element/types";
 import type { Mutable } from "@excalidraw/common/utility-types";
 import { ActionManager } from "../actions/manager";
-import { AnimationFrameHandler } from "../animation-frame-handler";
 import { History } from "../history";
 import { Fonts } from "../fonts";
 import { type WritableAtom } from "../editor-jotai";
 import { Renderer } from "../scene/Renderer";
-import { LaserTrails } from "../laser-trails";
+import { LaserTrails } from "../laserTrails";
 import { isOverScrollBars } from "../scene/scrollbars";
 import { LassoTrail } from "../lasso";
 import { EraserTrail } from "../eraser";
+import { type OnStateChange } from "./AppStateObserver";
 import type { ExportedElements } from "../data";
-import type { FileSystemHandle } from "../data/filesystem";
-import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
+import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, ExcalidrawImperativeAPIEventMap, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 import type { ActionResult } from "../actions/types";
+declare const editorLifecycleEventBehavior: {
+    readonly "editor:mount": {
+        readonly cardinality: "once";
+        readonly replay: "last";
+    };
+    readonly "editor:initialize": {
+        readonly cardinality: "once";
+        readonly replay: "last";
+    };
+    readonly "editor:unmount": {
+        readonly cardinality: "once";
+        readonly replay: "last";
+    };
+};
 export declare const ExcalidrawContainerContext: React.Context<{
     container: HTMLDivElement | null;
     id: string | null;
 }>;
+export declare const ExcalidrawAPIContext: React.Context<ExcalidrawImperativeAPI | null>;
+export declare const ExcalidrawAPISetContext: React.Context<((api: ExcalidrawImperativeAPI | null) => void) | null>;
 export declare const useApp: () => AppClassProperties;
 export declare const useAppProps: () => AppProps;
 export declare const useEditorInterface: () => Readonly<{
@@ -44,9 +59,14 @@ export declare const useExcalidrawElements: () => readonly NonDeletedExcalidrawE
 export declare const useExcalidrawAppState: () => AppState;
 export declare const useExcalidrawSetAppState: () => <K extends keyof AppState>(state: AppState | ((prevState: Readonly<AppState>, props: Readonly<any>) => AppState | Pick<AppState, K> | null) | Pick<AppState, K> | null, callback?: (() => void) | undefined) => void;
 export declare const useExcalidrawActionManager: () => ActionManager;
+/**
+ * Requires wrapping your component in <ExcalidrawAPIContext.Provider>
+ */
+export declare const useExcalidrawAPI: () => ExcalidrawImperativeAPI | null;
 declare class App extends React.Component<AppProps, AppState> {
     canvas: AppClassProperties["canvas"];
     interactiveCanvas: AppClassProperties["interactiveCanvas"];
+    sessionExportThemeOverride: AppState["theme"] | undefined;
     rc: RoughCanvas;
     unmounted: boolean;
     actionManager: ActionManager;
@@ -80,20 +100,26 @@ declare class App extends React.Component<AppProps, AppState> {
     /** embeds that have been inserted to DOM (as a perf optim, we don't want to
      * insert to DOM before user initially scrolls to them) */
     private initializedEmbeds;
-    private handleToastClose;
     private elementsPendingErasure;
+    private _initialized;
+    private readonly editorLifecycleEvents;
+    onEvent: AppEventBus<ExcalidrawImperativeAPIEventMap, typeof editorLifecycleEventBehavior>["on"];
+    private appStateObserver;
+    onStateChange: OnStateChange;
     flowChartCreator: FlowChartCreator;
     private flowChartNavigator;
     bindModeHandler: ReturnType<typeof setTimeout> | null;
     hitLinkElement?: NonDeletedExcalidrawElement;
     lastPointerDownEvent: React.PointerEvent<HTMLElement> | null;
     lastPointerUpEvent: React.PointerEvent<HTMLElement> | PointerEvent | null;
+    lastPointerUpIsDoubleClick: boolean;
     lastPointerMoveEvent: PointerEvent | null;
     /** current frame pointer cords */
     lastPointerMoveCoords: {
         x: number;
         y: number;
     } | null;
+    private lastCompletedCanvasClicks;
     /** previous frame pointer coords */
     previousPointerMoveCoords: {
         x: number;
@@ -103,7 +129,6 @@ declare class App extends React.Component<AppProps, AppState> {
         x: number;
         y: number;
     };
-    animationFrameHandler: AnimationFrameHandler;
     laserTrails: LaserTrails;
     eraserTrail: EraserTrail;
     lassoTrail: LassoTrail;
@@ -238,6 +263,8 @@ declare class App extends React.Component<AppProps, AppState> {
     }>]>;
     missingPointerEventCleanupEmitter: Emitter<[event: PointerEvent | null]>;
     onRemoveEventListenersEmitter: Emitter<[]>;
+    api: ExcalidrawImperativeAPI;
+    private createExcalidrawAPI;
     constructor(props: AppProps);
     updateEditorAtom: <Value, Args extends unknown[], Result>(atom: WritableAtom<Value, Args, Result>, ...args: Args) => Result;
     private onWindowMessage;
@@ -251,10 +278,12 @@ declare class App extends React.Component<AppProps, AppState> {
      * If disabled, returns null.
      */
     getEffectiveGridSize: () => NullableGridSize;
+    private getTextCreationGridPoint;
     private getHTMLIFrameElement;
     private handleIframeLikeElementHover;
     /** @returns true if iframe-like element click handled */
     private handleIframeLikeCenterClick;
+    private isDoubleClick;
     private isIframeLikeElementCenter;
     private updateEmbedValidationStatus;
     private updateEmbeddables;
@@ -330,6 +359,7 @@ declare class App extends React.Component<AppProps, AppState> {
         } | "cursor" | "center";
         retainSeed?: boolean;
         fitToContent?: boolean;
+        preserveFrameChildrenOrder?: boolean;
     }) => void;
     private addElementsFromMixedContentPaste;
     private addTextFromPaste;
@@ -379,11 +409,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private maybeUnfollowRemoteUser;
     /** use when changing scrollX/scrollY/zoom based on user interaction */
     private translateCanvas;
-    setToast: (toast: {
-        message: string;
-        closable?: boolean;
-        duration?: number;
-    } | null) => void;
+    setToast: (toast: AppState["toast"]) => void;
     restoreFileFromShare: () => Promise<void>;
     /**
      * adds supplied files to existing files in the appState.
@@ -449,7 +475,11 @@ declare class App extends React.Component<AppProps, AppState> {
     private onGestureEnd;
     private handleTextWysiwyg;
     private deselectElements;
+    private getSelectedTextElement;
+    private getSelectedTextEditingContainerAtPosition;
     private getTextElementAtPosition;
+    private isHittingTextAutoResizeHandle;
+    private handleTextAutoResizeHandlePointerDown;
     private getElementAtPosition;
     private getElementsAtPosition;
     getElementHitThreshold(element: ExcalidrawElement): number;
@@ -458,10 +488,20 @@ declare class App extends React.Component<AppProps, AppState> {
     private startTextEditing;
     private startImageCropping;
     private finishImageCropping;
+    private shouldHandleBrowserCanvasDoubleClick;
     private handleCanvasDoubleClick;
+    private handleCanvasClick;
     private getElementLinkAtPosition;
     private handleElementLinkClick;
+    /**
+     * finds candidate frame under cursor (when dragging frame children/elements
+     * inside frames)
+     */
     private getTopLayerFrameAtSceneCoords;
+    private updateFrameToHighlight;
+    private maybeUpdateFrameToHighlightOnPointerMove;
+    private insertNewElements;
+    private insertNewElement;
     private handleCanvasPointerMove;
     private handleEraser;
     private handleTouchMove;
@@ -503,6 +543,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private newImagePlaceholder;
     private handleLinearElementOnPointerDown;
     private getCurrentItemRoundness;
+    private getCurrentItemStrokeWidth;
     private createGenericElementOnPointerDown;
     private createFrameElementOnPointerDown;
     private maybeCacheReferenceSnapPoints;
@@ -531,12 +572,11 @@ declare class App extends React.Component<AppProps, AppState> {
     /** generally you should use `addNewImagesToImageCache()` directly if you need
      *  to render new images. This is just a failsafe  */
     private scheduleImageRefresh;
-    private updateBindingEnabledOnPointerMove;
     private clearSelection;
     private handleInteractiveCanvasRef;
     private insertImages;
     private handleAppOnDrop;
-    loadFileToCanvas: (file: File, fileHandle: FileSystemHandle | null) => Promise<void>;
+    loadFileToCanvas: (file: File, fileHandle: FileSystemFileHandle | null) => Promise<void>;
     private handleCanvasContextMenu;
     private maybeDragNewGenericElement;
     private maybeHandleCrop;

package/dist/types/excalidraw/components/AppStateObserver.d.ts

@@ -0,0 +1,37 @@
+import type { AppState, UnsubscribeCallback } from "../types";
+type StateChangeSelector = keyof AppState | (keyof AppState)[] | ((appState: AppState) => unknown);
+export type OnStateChange = {
+    <K extends keyof AppState>(prop: K, callback: (value: AppState[K], appState: AppState) => void, opts?: {
+        once: boolean;
+    }): UnsubscribeCallback;
+    <K extends keyof AppState>(prop: K): Promise<AppState[K]>;
+    (prop: (keyof AppState)[], callback: (appState: AppState, appState2: AppState) => void, opts?: {
+        once: boolean;
+    }): UnsubscribeCallback;
+    (prop: (keyof AppState)[]): Promise<AppState>;
+    <T>(prop: (appState: AppState) => T, callback: (value: T, appState: AppState) => void, opts?: {
+        once: boolean;
+    }): UnsubscribeCallback;
+    <T>(prop: (appState: AppState) => T): Promise<T>;
+    (opts: {
+        predicate: (appState: AppState) => boolean;
+        callback: (appState: AppState) => void;
+        once?: boolean;
+    }): UnsubscribeCallback;
+    (opts: {
+        predicate: (appState: AppState) => boolean;
+    }): Promise<AppState>;
+    (selector: StateChangeSelector, callback: (value: any, appState: AppState) => void): any;
+};
+export declare class AppStateObserver {
+    private readonly getState;
+    private listeners;
+    constructor(getState: () => AppState);
+    private isStateChangePredicateOptions;
+    private subscribe;
+    private normalize;
+    onStateChange: OnStateChange;
+    flush(prevState: AppState): void;
+    clear(): void;
+}
+export {};

package/dist/types/excalidraw/components/ColorPicker/colorPickerUtils.d.ts

@@ -14,7 +14,7 @@ export declare const isCustomColor: ({ color, palette, }: {
 }) => boolean;
 export declare const getMostUsedCustomColors: (elements: readonly ExcalidrawElement[], type: "elementBackground" | "elementStroke", palette: ColorPaletteCustom) => string[];
 export type ActiveColorPickerSectionAtomType = "custom" | "baseColors" | "shades" | "hex" | null;
-export declare const activeColorPickerSectionAtom: import("jotai/vanilla/atom").PrimitiveAtom<ActiveColorPickerSectionAtomType> & {
+export declare const activeColorPickerSectionAtom: import("jotai").PrimitiveAtom<ActiveColorPickerSectionAtomType> & {
     init: ActiveColorPickerSectionAtomType;
 };
 export type ColorPickerType = "canvasBackground" | "elementBackground" | "elementStroke";

package/dist/types/excalidraw/components/CommandPalette/defaultCommandPaletteItems.d.ts

@@ -1,2 +1 @@
-import type { CommandPaletteItem } from "./types";
-export declare const toggleTheme: CommandPaletteItem;
+export {};

package/dist/types/excalidraw/components/ConvertElementTypePopup.d.ts

@@ -2,7 +2,7 @@ import type { ConvertibleTypes, ExcalidrawElement, ExcalidrawTextContainer, Exca
 import type { Scene } from "@excalidraw/element";
 import "./ConvertElementTypePopup.scss";
 import type App from "./App";
-export declare const convertElementTypePopupAtom: import("jotai/vanilla/atom").PrimitiveAtom<{
+export declare const convertElementTypePopupAtom: import("jotai").PrimitiveAtom<{
     type: "panel";
 } | null> & {
     init: {

package/dist/types/excalidraw/components/EyeDropper.d.ts

@@ -13,7 +13,7 @@ export type EyeDropperProperties = {
      **/
     colorPickerType: ColorPickerType;
 };
-export declare const activeEyeDropperAtom: import("jotai/vanilla/atom").PrimitiveAtom<EyeDropperProperties | null> & {
+export declare const activeEyeDropperAtom: import("jotai").PrimitiveAtom<EyeDropperProperties | null> & {
     init: EyeDropperProperties | null;
 };
 export declare const EyeDropper: React.FC<{

package/dist/types/excalidraw/components/IconPicker.d.ts

@@ -1,15 +1,20 @@
 import "./IconPicker.scss";
 import type { JSX } from "react";
-export declare function IconPicker<T>({ value, label, options, onChange, group, numberOfOptionsToAlwaysShow, }: {
+type Option<T> = {
+    value: T;
+    text: string;
+    icon: JSX.Element;
+    keyBinding: string | null;
+};
+type PickerSection<T> = {
+    name: string;
+    options: readonly Option<T>[];
+};
+export declare function IconPicker<T>({ value, label, visibleSections, hiddenSections, onChange, }: {
     label: string;
     value: T;
-    options: readonly {
-        value: T;
-        text: string;
-        icon: JSX.Element;
-        keyBinding: string | null;
-    }[];
+    visibleSections: readonly PickerSection<T>[];
+    hiddenSections?: readonly PickerSection<T>[];
     onChange: (value: T) => void;
-    numberOfOptionsToAlwaysShow?: number;
-    group?: string;
 }): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/excalidraw/components/LibraryMenu.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./LibraryMenu.scss";
-export declare const isLibraryMenuOpenAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const isLibraryMenuOpenAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 /**

package/dist/types/excalidraw/components/OverwriteConfirm/OverwriteConfirmState.d.ts

@@ -11,7 +11,7 @@ export type OverwriteConfirmState = {
 } | {
     active: false;
 };
-export declare const overwriteConfirmStateAtom: import("jotai/vanilla/atom").PrimitiveAtom<OverwriteConfirmState> & {
+export declare const overwriteConfirmStateAtom: import("jotai").PrimitiveAtom<OverwriteConfirmState> & {
     init: OverwriteConfirmState;
 };
 export declare function openConfirmModal({ title, description, actionLabel, color, }: {

package/dist/types/excalidraw/components/PasteChartDialog.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import "./PasteChartDialog.scss";
-import type { UIAppState } from "../types";
-export declare const PasteChartDialog: ({ setAppState, appState, onClose, }: {
-    appState: UIAppState;
+import type { Spreadsheet } from "../charts";
+export declare const PasteChartDialog: ({ data, rawText, onClose, }: {
+    data: Spreadsheet;
+    rawText: string;
     onClose: () => void;
-    setAppState: React.Component<any, UIAppState>["setState"];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/Range.d.ts

@@ -1,8 +1,14 @@
+import React from "react";
 import "./Range.scss";
-import type { AppClassProperties } from "../types";
 export type RangeProps = {
-    updateData: (value: number) => void;
-    app: AppClassProperties;
+    label: React.ReactNode;
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    minLabel?: React.ReactNode;
+    hasCommonValue?: boolean;
     testId?: string;
 };
-export declare const Range: ({ updateData, app, testId }: RangeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Range: ({ label, value, onChange, min, max, step, minLabel, hasCommonValue, testId, }: RangeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/SVGLayer.d.ts

@@ -1,5 +1,5 @@
 import "./SVGLayer.scss";
-import type { Trail } from "../animated-trail";
+import type { Trail } from "../animatedTrail";
 type SVGLayerProps = {
     trails: Trail[];
 };

package/dist/types/excalidraw/components/SearchMenu.d.ts

@@ -1,5 +1,5 @@
 import "./SearchMenu.scss";
-export declare const searchItemInFocusAtom: import("jotai/vanilla/atom").PrimitiveAtom<number | null> & {
+export declare const searchItemInFocusAtom: import("jotai").PrimitiveAtom<number | null> & {
     init: number | null;
 };
 export declare const SearchMenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/excalidraw/components/Sidebar/Sidebar.d.ts

@@ -8,7 +8,7 @@ import "./Sidebar.scss";
  *
  * Since we can only render one Sidebar at a time, we can use a simple flag.
  */
-export declare const isSidebarDockedAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const isSidebarDockedAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const SidebarInner: React.ForwardRefExoticComponent<Omit<{

package/dist/types/excalidraw/components/TTDDialog/CodeMirrorEditor.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from "@excalidraw/element/types";
+export interface CodeMirrorEditorProps {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyboardSubmit?: () => void;
+    placeholder?: string;
+    theme: Theme;
+    errorLine?: number | null;
+}
+declare const CodeMirrorEditor: ({ value, onChange, onKeyboardSubmit, placeholder, theme, errorLine, }: CodeMirrorEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeMirrorEditor;

package/dist/types/excalidraw/components/TTDDialog/TTDContext.d.ts

@@ -1,13 +1,13 @@
 import type { RateLimits, TChat } from "./types";
-export declare const rateLimitsAtom: import("jotai/vanilla/atom").PrimitiveAtom<RateLimits | null> & {
+export declare const rateLimitsAtom: import("jotai").PrimitiveAtom<RateLimits | null> & {
     init: RateLimits | null;
 };
-export declare const showPreviewAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const showPreviewAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
-export declare const errorAtom: import("jotai/vanilla/atom").PrimitiveAtom<Error | null> & {
+export declare const errorAtom: import("jotai").PrimitiveAtom<Error | null> & {
     init: Error | null;
 };
-export declare const chatHistoryAtom: import("jotai/vanilla/atom").PrimitiveAtom<TChat.ChatHistory> & {
+export declare const chatHistoryAtom: import("jotai").PrimitiveAtom<TChat.ChatHistory> & {
     init: TChat.ChatHistory;
 };

package/dist/types/excalidraw/components/TTDDialog/TTDDialogInput.d.ts

@@ -1,9 +1,9 @@
-import type { ChangeEventHandler } from "react";
 interface TTDDialogInputProps {
     input: string;
     placeholder: string;
-    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    onChange: (value: string) => void;
     onKeyboardSubmit?: () => void;
+    errorLine?: number | null;
 }
-export declare const TTDDialogInput: ({ input, placeholder, onChange, onKeyboardSubmit, }: TTDDialogInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TTDDialogInput: ({ input, placeholder, onChange, onKeyboardSubmit, errorLine, }: TTDDialogInputProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/excalidraw/components/TTDDialog/TTDDialogOutput.d.ts

@@ -3,6 +3,9 @@ interface TTDDialogOutputProps {
     canvasRef: React.RefObject<HTMLDivElement | null>;
     loaded: boolean;
     hideErrorDetails?: boolean;
+    sourceText?: string;
+    autoFixAvailable?: boolean;
+    onApplyAutoFix?: () => void;
 }
-export declare const TTDDialogOutput: ({ error, canvasRef, loaded, hideErrorDetails, }: TTDDialogOutputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TTDDialogOutput: ({ error, canvasRef, loaded, hideErrorDetails, sourceText, autoFixAvailable, onApplyAutoFix, }: TTDDialogOutputProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/components/TTDDialog/mermaid-lang-lite.d.ts

@@ -0,0 +1,2 @@
+import { StreamLanguage } from "@codemirror/language";
+export declare function mermaidLite(): StreamLanguage<unknown>;

package/dist/types/excalidraw/components/TTDDialog/useTTDChatStorage.d.ts

@@ -9,13 +9,13 @@ interface UseTTDChatStorageReturn {
     restoreChat: (chat: SavedChat) => SavedChat;
     createNewChatId: () => Promise<string>;
 }
-export declare const savedChatsAtom: import("jotai/vanilla/atom").PrimitiveAtom<SavedChats> & {
+export declare const savedChatsAtom: import("jotai").PrimitiveAtom<SavedChats> & {
     init: SavedChats;
 };
-export declare const isLoadingChatsAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const isLoadingChatsAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
-export declare const chatsLoadedAtom: import("jotai/vanilla/atom").PrimitiveAtom<boolean> & {
+export declare const chatsLoadedAtom: import("jotai").PrimitiveAtom<boolean> & {
     init: boolean;
 };
 export declare const useTTDChatStorage: ({ persistenceAdapter, }: UseTTDChatStorageProps) => UseTTDChatStorageReturn;

package/dist/types/excalidraw/components/TTDDialog/utils/mermaidAutoFix.d.ts

@@ -0,0 +1 @@
+export declare const getMermaidAutoFixCandidates: (sourceText: string, errorMessage: string) => string[];