@excalidraw/element 0.18.0-ab0255f → 0.18.0-abeeaeb

package/dist/types/excalidraw/actions/actionToggleZenMode.d.ts

@@ -157,8 +157,6 @@ export declare const actionToggleZenMode: {
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
             isCropping: boolean;
             croppingElementId: import("@excalidraw/element/types").ExcalidrawElement["id"] | null;
             searchMatches: Readonly<{
@@ -170,6 +168,11 @@ export declare const actionToggleZenMode: {
                 [groupId: string]: true;
             };
             bindMode: import("@excalidraw/element/types").BindMode;
+            colorTopPicks: {
+                elementStroke: readonly string[] | null;
+                elementBackground: readonly string[] | null;
+                bucketFill: readonly string[] | null;
+            };
         };
         captureUpdate: "EVENTUALLY";
     };

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

@@ -78,6 +78,11 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     lockedMultiSelections?: {
         [groupId: string]: true;
     } | undefined;
+    colorTopPicks?: {
+        elementStroke: readonly string[] | null;
+        elementBackground: readonly string[] | null;
+        bucketFill: readonly string[] | null;
+    } | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;

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

@@ -1,3 +1,4 @@
+import type { Theme } from "@excalidraw/element/types";
 import type App from "./App";
 type ScenePoint = {
     x: number;
@@ -7,6 +8,7 @@ type ScenePoint = {
 export declare class AppBucketFill {
     private app;
     constructor(app: App);
+    private temporaryEyeDropper;
     /**
      * The click armed on pointer down, committed on pointer up. Deferring the
      * scene mutation to pointer up is what lets a pinch/pan second finger, a
@@ -24,11 +26,23 @@ export declare class AppBucketFill {
     handlePointerUp: () => void;
     /** Abort the armed fill (second finger, context menu, pointercancel). */
     cancel: () => void;
+    cycleBackgroundColor: () => void;
+    openTemporaryEyeDropper: () => void;
+    closeTemporaryEyeDropper: () => void;
     /**
      * Apply the current bucket fill settings to an existing fill-compatible
      * element (no-op when nothing would change). One undoable step.
      */
     private restyle;
     private fill;
+    /**
+     * The color the bucket fill tool actually fills with: the shared
+     * `currentItemBackgroundColor`, falling back to green when that is
+     * transparent (the tool's picker doesn't offer transparent, but the shared
+     * state can hold it from the generic shape picker).
+     */
+    getBucketFillBackgroundColor: (backgroundColor: string, 
+    /** supply only for display purposes such as when applying to the cursor */
+    theme?: Theme) => string;
 }
 export {};

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

@@ -1,5 +1,5 @@
-import type App from "./App";
 import type { AppState } from "../types";
+import type App from "./App";
 /**
  * Captures all cursor management for the interactive canvas.
  *
@@ -10,10 +10,9 @@ import type { AppState } from "../types";
  */
 export declare class AppCursor {
     private app;
+    private toolCursorMemo;
     private eraserCanvasCache;
     private eraserPreviewDataURL;
-    private drawShapeCanvasCache;
-    private drawShapePreviewDataURL;
     constructor(app: App);
     private get canvas();
     set: (cursor: string) => void;

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

@@ -338,10 +338,11 @@ declare class App extends React.Component<AppProps, AppState> {
     isToolLocked(): boolean;
     /**
      * Whether the active tool captures the primary pointer instead of the
-     * view-mode drag-to-pan — the laser always does; while non-interactive,
-     * any tool allowed via `interaction.enabled.tools` does. (Editing tools
-     * capture the pointer trivially since view mode implies they're not
-     * active; this predicate only matters where view-mode gates apply.)
+     * view-mode drag-to-pan — the laser and host-implemented custom tools do;
+     * while non-interactive, any tool allowed via
+     * `interaction.enabled.tools` does. (Editing tools capture the pointer
+     * trivially since view mode implies they're not active; this predicate only
+     * matters where view-mode gates apply.)
      */
     isActiveToolPointerCapturing(): boolean;
     /** Whether Excalidraw's full default UI is rendered. */
@@ -476,7 +477,13 @@ declare class App extends React.Component<AppProps, AppState> {
     updateFrameRendering: (opts: Partial<AppState["frameRendering"]> | ((prevState: AppState["frameRendering"]) => Partial<AppState["frameRendering"]>)) => void;
     togglePenMode: (force: boolean | null) => void;
     revealIfHidden: (elements: NonDeletedExcalidrawElement[]) => void;
-    private maybeUnfollowRemoteUser;
+    /** emits a follow/unfollow intent to the host (which owns the
+     *  `userToFollow` state) via both the `onUserFollow` prop and the
+     *  imperative API emitter */
+    emitUserFollowIntent: (payload: OnUserFollowedPayload) => void;
+    /** emits an UNFOLLOW intent if currently following someone — use on
+     *  user-initiated viewport changes which should break follow mode */
+    requestUnfollow: () => void;
     setToast: (toast: AppState["toast"]) => void;
     restoreFileFromShare: () => Promise<void>;
     /**

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

@@ -2,7 +2,7 @@ import type { ColorTuple, ColorPaletteCustom } from "@excalidraw/common";
 import type { ExcalidrawElement } from "@excalidraw/element/types";
 import "./ColorPicker.scss";
 import type { ColorPickerType } from "./colorPickerUtils";
-import type { UIAppState } from "../../types";
+import type { AppState, UIAppState } from "../../types";
 interface ColorPickerProps {
     type: ColorPickerType;
     /**
@@ -19,6 +19,10 @@ interface ColorPickerProps {
     updateData: (formData?: any) => void;
     /** palette colors to hide from the popup, keeping hotkey positions */
     excludedColors?: readonly string[];
+    /** allow users to customize the top picks strip by drag & dropping colors
+     * from the picker popup onto it. The value names the
+     * `appState.colorTopPicks` slot the customization is stored in */
+    customizableTopPicks?: keyof AppState["colorTopPicks"];
 }
-export declare const ColorPicker: ({ type, color, onChange, label, elements, palette, topPicks, updateData, appState, excludedColors, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColorPicker: import("react").MemoExoticComponent<({ type, color, onChange, label, elements, palette, topPicks, updateData, appState, excludedColors, customizableTopPicks, }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -1,8 +1,10 @@
+import type { Theme } from "@excalidraw/element/types";
 interface CustomColorListProps {
+    theme: Theme;
     colors: string[];
     color: string | null;
     onChange: (color: string) => void;
     label: string;
 }
-export declare const CustomColorList: ({ colors, color, onChange, label, }: CustomColorListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomColorList: ({ theme, colors, color, onChange, label, }: CustomColorListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,9 @@
 import React from "react";
-import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { ExcalidrawElement, Theme } from "@excalidraw/element/types";
 import type { ColorPaletteCustom } from "@excalidraw/common";
 import type { ColorPickerType } from "./colorPickerUtils";
 interface PickerProps {
+    theme: Theme;
     color: string | null;
     onChange: (color: string) => void;
     type: ColorPickerType;

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

@@ -1,5 +1,7 @@
-import type { ColorPaletteCustom } from "@excalidraw/common";
+import { type ColorPaletteCustom } from "@excalidraw/common";
+import type { Theme } from "@excalidraw/element/types";
 interface PickerColorListProps {
+    theme: Theme;
     palette: ColorPaletteCustom;
     color: string | null;
     onChange: (color: string) => void;
@@ -11,5 +13,5 @@ interface PickerColorListProps {
      */
     excludedColors?: readonly string[];
 }
-declare const PickerColorList: ({ palette, color, onChange, activeShade, showHotKey, excludedColors, }: PickerColorListProps) => import("react/jsx-runtime").JSX.Element;
+declare const PickerColorList: ({ theme, palette, color, onChange, activeShade, showHotKey, excludedColors, }: PickerColorListProps) => import("react/jsx-runtime").JSX.Element;
 export default PickerColorList;

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

@@ -1,9 +1,11 @@
-import type { ColorPaletteCustom } from "@excalidraw/common";
+import { type ColorPaletteCustom } from "@excalidraw/common";
+import type { Theme } from "@excalidraw/element/types";
 interface ShadeListProps {
+    theme: Theme;
     color: string | null;
     onChange: (color: string) => void;
     palette: ColorPaletteCustom;
     showHotKey?: boolean;
 }
-export declare const ShadeList: ({ color, onChange, palette, showHotKey, }: ShadeListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShadeList: ({ theme, color, onChange, palette, showHotKey, }: ShadeListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,16 @@
+import type { Theme } from "@excalidraw/element/types";
 import type { ColorPickerType } from "./colorPickerUtils";
 interface TopPicksProps {
+    theme: Theme;
     onChange: (color: string) => void;
     type: ColorPickerType;
     activeColor: string | null;
     topPicks?: readonly string[];
+    /** present when the strip is user-customizable — enables the right-click
+     * context menu resetting the strip to its default picks */
+    onReset?: () => void;
+    /** whether custom picks are currently applied (enables the reset item) */
+    isCustomized?: boolean;
 }
-export declare const TopPicks: ({ onChange, type, activeColor, topPicks, }: TopPicksProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TopPicks: ({ theme, onChange, type, activeColor, topPicks, onReset, isCustomized, }: TopPicksProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -0,0 +1,31 @@
+type DragOrigin = {
+    kind: "swatch";
+} | {
+    kind: "pick";
+    index: number;
+};
+export type TopPicksDragState = {
+    color: string;
+    origin: DragOrigin;
+    /** hovered strip slot — the slot to replace (swatch drags) or the final
+     * position (pick reorders). null while the pointer is outside the strip */
+    overIndex: number | null;
+    /** index of an already-pinned identical color that blocks the drop */
+    duplicateIndex: number | null;
+    /** signed distance between strip slot centers (for reorder preview) */
+    slotSpan: number;
+} | null;
+export type ColorPickerDnD = {
+    dragState: TopPicksDragState;
+    startSwatchDrag: (event: React.PointerEvent, color: string | null) => void;
+    startPickDrag: (event: React.PointerEvent, index: number, color: string) => void;
+    setStripEl: (el: HTMLDivElement | null) => void;
+};
+export declare const ColorPickerDnDContext: import("react").Context<ColorPickerDnD | null>;
+export declare const useColorPickerDnD: () => ColorPickerDnD | null;
+export declare const useTopPicksDnD: ({ enabled, picks, onPicksChange, }: {
+    enabled: boolean;
+    picks: readonly string[];
+    onPicksChange: (picks: string[]) => void;
+}) => ColorPickerDnD;
+export {};

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

@@ -29,6 +29,7 @@ interface LayerUIProps {
     scrollBackToContentUIEnabled: boolean;
     isCollaborating: boolean;
     generateLinkForSelection?: AppProps["generateLinkForSelection"];
+    currentUserControls?: ExcalidrawProps["currentUserControls"];
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onPenModeToggle, showExitZenModeBtn, renderTopLeftUI, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, defaultUIEnabled, zoomUIEnabled, scrollBackToContentUIEnabled, isCollaborating, generateLinkForSelection, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onPenModeToggle, showExitZenModeBtn, renderTopLeftUI, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, defaultUIEnabled, zoomUIEnabled, scrollBackToContentUIEnabled, isCollaborating, generateLinkForSelection, currentUserControls, }: LayerUIProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -7,12 +7,13 @@ export type GoToCollaboratorComponentProps = {
     withName: boolean;
     isBeingFollowed: boolean;
 };
-type UserListUserObject = Pick<Collaborator, "avatarUrl" | "id" | "socketId" | "username" | "isInCall" | "isSpeaking" | "isMuted">;
+type UserListUserObject = Pick<Collaborator, "avatarUrl" | "id" | "socketId" | "username" | "isInCall" | "isSpeaking" | "isMuted" | "isCurrentUser">;
 type UserListProps = {
     className?: string;
     mobile?: boolean;
     collaborators: Map<SocketId, UserListUserObject>;
     userToFollow: SocketId | null;
+    currentUserControls?: React.ReactNode | ((isMobile: boolean) => React.ReactNode);
 };
-export declare const UserList: React.MemoExoticComponent<({ className, mobile, collaborators, userToFollow }: UserListProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const UserList: React.MemoExoticComponent<({ className, mobile, collaborators, userToFollow, currentUserControls, }: UserListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -0,0 +1,11 @@
+import "./ViewportStatusFrame.scss";
+import type { CSSProperties } from "react";
+import type { ViewportStatusFrame as ViewportStatusFrameType } from "../../types";
+export declare const ViewportStatusBorder: ({ border, style, }: {
+    border: string;
+    style?: CSSProperties;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ViewportStatusBadge: ({ label, border, }: {
+    label: NonNullable<ViewportStatusFrameType["label"]>;
+    border?: ViewportStatusFrameType["border"];
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -57,6 +57,7 @@ export declare const saveAs: import("react/jsx-runtime").JSX.Element;
 export declare const LoadIcon: import("react/jsx-runtime").JSX.Element;
 export declare const clipboard: import("react/jsx-runtime").JSX.Element;
 export declare const palette: import("react/jsx-runtime").JSX.Element;
+export declare const bucketFillIconSvgPaths: readonly ["M5 16l1.465 1.638a2 2 0 1 1 -3.015 .099l1.55 -1.737z", "M13.737 9.737c2.299 -2.3 3.23 -5.095 2.081 -6.245c-1.15 -1.15 -3.945 -.217 -6.244 2.082c-2.3 2.299 -3.231 5.095 -2.082 6.244c1.15 1.15 3.946 .218 6.245 -2.081z", "M7.492 11.818c.362 .362 .768 .676 1.208 .934l6.895 4.047c1.078 .557 2.255 -.075 3.692 -1.512c1.437 -1.437 2.07 -2.614 1.512 -3.692c-.372 -.718 -1.72 -3.017 -4.047 -6.895a6.015 6.015 0 0 0 -.934 -1.208"];
 export declare const bucketFillIcon: import("react/jsx-runtime").JSX.Element;
 export declare const slashIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ExportImageIcon: import("react/jsx-runtime").JSX.Element;
@@ -196,6 +197,7 @@ export declare const playerPlayIcon: import("react/jsx-runtime").JSX.Element;
 export declare const playerStopFilledIcon: import("react/jsx-runtime").JSX.Element;
 export declare const tablerCheckIcon: import("react/jsx-runtime").JSX.Element;
 export declare const alertTriangleIcon: import("react/jsx-runtime").JSX.Element;
+export declare const eyeDropperIconSvgPaths: readonly ["M4 16l11.7 -11.7a1 1 0 0 1 1.4 0l2.6 2.6a1 1 0 0 1 0 1.4l-11.7 11.7h-4v-4z", "M11 7l6 6"];
 export declare const eyeDropperIcon: import("react/jsx-runtime").JSX.Element;
 export declare const frameToolIcon: import("react/jsx-runtime").JSX.Element;
 export declare const mermaidLogoIcon: import("react/jsx-runtime").JSX.Element;
@@ -250,6 +252,7 @@ export declare const sidebarRightIcon: import("react/jsx-runtime").JSX.Element;
 export declare const messageCircleIcon: import("react/jsx-runtime").JSX.Element;
 export declare const presentationIcon: import("react/jsx-runtime").JSX.Element;
 export declare const emptyIcon: import("react/jsx-runtime").JSX.Element;
+export declare const chevronDownIcon: import("react/jsx-runtime").JSX.Element;
 export declare const chevronRight: import("react/jsx-runtime").JSX.Element;
 export declare const settingsIcon: import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/excalidraw/data/blob.d.ts

@@ -172,11 +172,14 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
                 y: number;
             } | null;
             objectsSnapModeEnabled: boolean;
-            userToFollow: import("../types").UserToFollow | null;
-            followedBy: Set<import("../types").SocketId>;
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            colorTopPicks: {
+                elementStroke: readonly string[] | null;
+                elementBackground: readonly string[] | null;
+                bucketFill: readonly string[] | null;
+            };
         };
         files: import("../types").BinaryFiles;
     };
@@ -343,11 +346,14 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             y: number;
         } | null;
         objectsSnapModeEnabled: boolean;
-        userToFollow: import("../types").UserToFollow | null;
-        followedBy: Set<import("../types").SocketId>;
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        colorTopPicks: {
+            elementStroke: readonly string[] | null;
+            elementBackground: readonly string[] | null;
+            bucketFill: readonly string[] | null;
+        };
     };
     files: import("../types").BinaryFiles;
 }>;

package/dist/types/excalidraw/data/json.d.ts

@@ -170,11 +170,14 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
             y: number;
         } | null;
         objectsSnapModeEnabled: boolean;
-        userToFollow: import("../types").UserToFollow | null;
-        followedBy: Set<import("../types").SocketId>;
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        colorTopPicks: {
+            elementStroke: readonly string[] | null;
+            elementBackground: readonly string[] | null;
+            bucketFill: readonly string[] | null;
+        };
     };
     files: BinaryFiles;
 }>;

package/dist/types/excalidraw/lasso/utils.d.ts

@@ -1,5 +1,6 @@
 import type { ElementsSegmentsMap, GlobalPoint } from "@excalidraw/math/types";
 import type { ElementsMap, ExcalidrawElement } from "@excalidraw/element/types";
+import type { BoxSelectionMode } from "../types";
 export declare const getLassoSelectedElementIds: (input: {
     lassoPath: GlobalPoint[];
     elements: readonly ExcalidrawElement[];
@@ -8,6 +9,7 @@ export declare const getLassoSelectedElementIds: (input: {
     intersectedElements: Set<ExcalidrawElement["id"]>;
     enclosedElements: Set<ExcalidrawElement["id"]>;
     simplifyDistance?: number;
+    mode?: BoxSelectionMode;
 }) => {
     selectedElementIds: string[];
 };

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

@@ -414,10 +414,6 @@ export interface AppState {
         y: number;
     } | null;
     objectsSnapModeEnabled: boolean;
-    /** the user's socket id & username who is being followed on the canvas */
-    userToFollow: UserToFollow | null;
-    /** the socket ids of the users following the current user */
-    followedBy: Set<SocketId>;
     /** image cropping */
     isCropping: boolean;
     croppingElementId: ExcalidrawElement["id"] | null;
@@ -432,6 +428,17 @@ export interface AppState {
         [groupId: string]: true;
     };
     bindMode: BindMode;
+    /** user-customized color-picker top picks (pinned via drag & drop from the
+     * color picker popup). `null` means no customization (defaults, or
+     * host-supplied `topPicks`, are used). Kept per picker. */
+    colorTopPicks: {
+        elementStroke: readonly string[] | null;
+        elementBackground: readonly string[] | null;
+        /** the bucket-fill tool keeps a list separate from `elementBackground`
+         * even though both drive `currentItemBackgroundColor` (its defaults and
+         * use case differ — no transparent) */
+        bucketFill: readonly string[] | null;
+    };
 }
 export type SearchMatch = {
     id: string;
@@ -495,6 +502,23 @@ export type OnUserFollowedPayload = {
     userToFollow: UserToFollow;
     action: "FOLLOW" | "UNFOLLOW";
 };
+export type ViewportStatusFrame = {
+    /** the badge (bottom-center pill) */
+    label?: {
+        label: React.ReactNode;
+        icon?: React.ReactNode;
+        /** badge background; defaults to var(--color-primary-hover) */
+        background?: string;
+        /** badge text color; defaults to var(--color-primary-light) */
+        color?: string;
+        /** makes the badge label interactive */
+        onClick?: () => void;
+        /** renders a close button when set */
+        onClose?: () => void;
+    };
+    /** viewport-edge border: CSS color, or `false` for none */
+    border: false | string;
+};
 export type OnExportProgress = {
     type: "progress";
     message?: React.ReactNode;
@@ -607,6 +631,7 @@ export type UIConfig = {
     };
 };
 export interface ExcalidrawProps {
+    className?: string;
     onChange?: (elements: readonly OrderedExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
     onThemeChange?: (theme: Theme | "system") => void;
     /**
@@ -756,6 +781,21 @@ export interface ExcalidrawProps {
     aiEnabled?: boolean;
     showDeprecatedFonts?: boolean;
     renderScrollbars?: boolean;
+    viewportStatusFrame?: ViewportStatusFrame | null;
+    /**
+     * Rendered inside the UserList "who's here" dropdown (desktop) and inline
+     * in the mobile menu's collaborators section, below a divider. Accepts a
+     * render function — called with `isMobile` so hosts can render different
+     * UI for each surface — in addition to a plain node.
+     */
+    currentUserControls?: React.ReactNode | ((isMobile: boolean) => React.ReactNode);
+    /**
+     * The user being followed on the canvas, if any. Controlled by the host —
+     * the editor never sets it; it emits follow/unfollow intents via
+     * `onUserFollow` (prop or imperative API) and renders the followed
+     * user's avatar highlight from this value.
+     */
+    userToFollow?: UserToFollow | null;
     /**
      * Called before exporting to a file.
      *
@@ -875,6 +915,7 @@ export type AppClassProperties = {
     flowchart: App["flowchart"];
     drawShape: App["drawShape"];
     cursor: App["cursor"];
+    bucketFill: App["bucketFill"];
     isToolLocked: App["isToolLocked"];
     getEffectiveGridSize: App["getEffectiveGridSize"];
     setPlugins: App["setPlugins"];
@@ -889,6 +930,8 @@ export type AppClassProperties = {
     lastPointerMoveCoords: App["lastPointerMoveCoords"];
     lastPointerMoveEvent: App["lastPointerMoveEvent"];
     bindModeHandler: App["bindModeHandler"];
+    emitUserFollowIntent: App["emitUserFollowIntent"];
+    requestUnfollow: App["requestUnfollow"];
     setAppState: App["setAppState"];
     isInteractionEnabled: App["isInteractionEnabled"];
     isNavigationEnabled: App["isNavigationEnabled"];

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

@@ -233,8 +233,6 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fit, m
             y: number;
         } | null;
         objectsSnapModeEnabled: boolean;
-        userToFollow: import("./types").UserToFollow | null;
-        followedBy: Set<import("./types").SocketId>;
         isCropping: boolean;
         croppingElementId: ExcalidrawElement["id"] | null;
         searchMatches: Readonly<{
@@ -246,6 +244,11 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fit, m
             [groupId: string]: true;
         };
         bindMode: import("@excalidraw/element/types").BindMode;
+        colorTopPicks: {
+            elementStroke: readonly string[] | null;
+            elementBackground: readonly string[] | null;
+            bucketFill: readonly string[] | null;
+        };
     };
     captureUpdate: "EVENTUALLY";
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@excalidraw/element",
-  "version": "0.18.0-ab0255f",
+  "version": "0.18.0-abeeaeb",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -63,8 +63,8 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "0.18.0-ab0255f",
-    "@excalidraw/math": "0.18.0-ab0255f",
-    "@excalidraw/fractional-indexing": "0.18.0-ab0255f"
+    "@excalidraw/common": "0.18.0-abeeaeb",
+    "@excalidraw/math": "0.18.0-abeeaeb",
+    "@excalidraw/fractional-indexing": "0.18.0-abeeaeb"
   }
 }

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

@@ -1,10 +0,0 @@
-import "./FollowMode.scss";
-import type { UserToFollow } from "../../types";
-interface FollowModeProps {
-    width: number;
-    height: number;
-    userToFollow: UserToFollow;
-    onDisconnect: () => void;
-}
-declare const FollowMode: ({ height, width, userToFollow, onDisconnect, }: FollowModeProps) => import("react/jsx-runtime").JSX.Element;
-export default FollowMode;