@excalidraw/element 0.18.0-9ba0f5d → 0.18.0-a52cd20

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/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/ColorPicker/colorTopPicksDnD.d.ts

@@ -0,0 +1,11 @@
+import type { TopPicksDnD } from "../TopPicksDnD/topPicksDnD";
+export type ColorPickerDnD = TopPicksDnD<string>;
+export declare const ColorPickerDnDContext: import("react").Context<ColorPickerDnD | null>;
+export declare const useColorPickerDnD: () => ColorPickerDnD | null;
+/** pinning colors from the picker popup (palette/shades/custom) or the
+ * active-color trigger to the top-picks strip, and reordering the strip */
+export declare const useColorTopPicksDnD: ({ enabled, picks, onPicksChange, }: {
+    enabled: boolean;
+    picks: readonly string[];
+    onPicksChange: (picks: string[]) => void;
+}) => ColorPickerDnD;

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

@@ -12,9 +12,10 @@ interface ColorPickerKeyNavHandlerProps {
     activeShade: number;
     onEyeDropperToggle: (force?: boolean) => void;
     onEscape: (event: React.KeyboardEvent | KeyboardEvent) => void;
+    excludedColors?: readonly string[];
 }
 /**
  * @returns true if the event was handled
  */
-export declare const colorPickerKeyNavHandler: ({ event, activeColorPickerSection, palette, color, onChange, customColors, setActiveColorPickerSection, updateData, activeShade, onEyeDropperToggle, onEscape, }: ColorPickerKeyNavHandlerProps) => boolean;
+export declare const colorPickerKeyNavHandler: ({ event, activeColorPickerSection, palette, color, onChange, customColors, setActiveColorPickerSection, updateData, activeShade, onEyeDropperToggle, onEscape, excludedColors, }: ColorPickerKeyNavHandlerProps) => boolean;
 export {};

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/CommandPalette/types.d.ts

@@ -14,7 +14,7 @@ export type CommandPaletteItem = {
     category: string;
     order?: number;
     predicate?: boolean | Action["predicate"];
-    shortcut?: string;
+    shortcut?: string | null;
     /** if false, command will not show while in view mode */
     viewMode?: boolean;
     perform: (data: {

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: {
@@ -19,5 +19,5 @@ export declare const convertElementTypes: (app: App, { conversionType, nextType,
     nextType?: ConvertibleTypes;
     direction?: "left" | "right";
 }) => boolean;
-export declare const getConversionTypeFromElements: (elements: ExcalidrawElement[]) => ConversionType;
+export declare const getConversionTypeFromElements: (elements: readonly ExcalidrawElement[]) => ConversionType;
 export default ConvertElementTypePopup;

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

@@ -0,0 +1,46 @@
+import "./CursorHint.scss";
+import type { AppClassProperties, AppState } from "../types";
+/**
+ * While a recently shown hint is still fresh in memory, tool-switch hints
+ * are suppressed (repeatedly re-picking a tool you just used doesn't need
+ * the reminder). Cycling arrow types and numeric shortcuts bypass this.
+ */
+export declare const CURSOR_HINT_COOLDOWN: number;
+export declare const cursorHintAtom: import("jotai").PrimitiveAtom<{
+    content: React.ReactNode;
+    /** unique per trigger so a re-trigger restarts the hide timer */
+    nonce: number;
+} | null> & {
+    init: {
+        content: React.ReactNode;
+        /** unique per trigger so a re-trigger restarts the hide timer */
+        nonce: number;
+    } | null;
+};
+/**
+ * Owns the cursor-hint policy. App reports semantic interaction events
+ * (what the user did); all decisions about whether and what to show —
+ * cooldown, bypasses, hint content — are made here.
+ */
+export declare class CursorHints {
+    private app;
+    private lastShownAt;
+    constructor(app: AppClassProperties);
+    /**
+     * Shows a transient tooltip next to the cursor, hidden automatically
+     * after a short delay. Repeated calls replace the content and restart
+     * the timer.
+     */
+    show: (content: React.ReactNode) => void;
+    private isOnCooldown;
+    /** arrow type cycled via shortcut (arrow tool already active) */
+    onArrowTypeCycled: (arrowType: AppState["currentItemArrowType"]) => void;
+    /** arrow/line tool picked via keyboard shortcut */
+    onToolShortcut: (tool: "arrow" | "line", source: "letter" | "digit") => void;
+}
+/**
+ * Transient tooltip shown next to the cursor for added affordance after
+ * actions that have no other visual feedback near the pointer (e.g. cycling
+ * arrow types via shortcut). Trigger via `app.cursorHints`.
+ */
+export declare const CursorHint: () => import("react/jsx-runtime").JSX.Element | null;

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/FileDropOverlay.d.ts

@@ -0,0 +1,2 @@
+import "./FileDropOverlay.scss";
+export declare const FileDropOverlay: () => import("react/jsx-runtime").JSX.Element | null;

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

@@ -12,11 +12,14 @@ interface FontPickerProps {
     isOpened: boolean;
     selectedFontFamily: FontFamilyValues | null;
     hoveredFontFamily: FontFamilyValues | null;
+    /** user-customized top picks (`appState.fontTopPicks`) */
+    topPicks: readonly FontFamilyValues[] | null;
     onSelect: (fontFamily: FontFamilyValues) => void;
+    onTopPicksChange: (fontTopPicks: FontFamilyValues[] | null) => void;
     onHover: (fontFamily: FontFamilyValues) => void;
     onLeave: () => void;
     onPopupChange: (open: boolean) => void;
     compactMode?: boolean;
 }
-export declare const FontPicker: React.MemoExoticComponent<({ isOpened, selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onPopupChange, compactMode, }: FontPickerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const FontPicker: React.MemoExoticComponent<({ isOpened, selectedFontFamily, hoveredFontFamily, topPicks, onSelect, onTopPicksChange, onHover, onLeave, onPopupChange, compactMode, }: FontPickerProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/types/excalidraw/components/FontPicker/FontPickerList.d.ts

@@ -3,6 +3,7 @@ import { type FontFamilyValues } from "@excalidraw/element/types";
 import type { ValueOf } from "@excalidraw/common/utility-types";
 import { DropDownMenuItemBadgeType } from "../dropdownMenu/DropdownMenuItem";
 import type { JSX } from "react";
+import type { ExcalidrawFontFace } from "../../fonts/ExcalidrawFontFace";
 export interface FontDescriptor {
     value: number;
     icon: JSX.Element;
@@ -21,6 +22,10 @@ interface FontPickerListProps {
     onLeave: () => void;
     onOpen: () => void;
     onClose: () => void;
+    /** present only while the top picks are customized */
+    onResetTopPicks?: () => void;
 }
-export declare const FontPickerList: React.MemoExoticComponent<({ selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onOpen, onClose, }: FontPickerListProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const getFontFamilyIcon: (fontFamily: FontFamilyValues) => JSX.Element;
+export declare const getFontFamilyLabel: (fontFamily: FontFamilyValues, fontFaces: ExcalidrawFontFace[]) => string;
+export declare const FontPickerList: React.MemoExoticComponent<({ selectedFontFamily, hoveredFontFamily, onSelect, onHover, onLeave, onOpen, onClose, onResetTopPicks, }: FontPickerListProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/types/excalidraw/components/FontPicker/fontTopPicksDnD.d.ts

@@ -0,0 +1,12 @@
+import type { FontFamilyValues } from "@excalidraw/element/types";
+import type { TopPicksDnD } from "../TopPicksDnD/topPicksDnD";
+export type FontPickerDnD = TopPicksDnD<FontFamilyValues>;
+export declare const FontPickerDnDContext: import("react").Context<FontPickerDnD | null>;
+export declare const useFontPickerDnD: () => FontPickerDnD | null;
+/** pinning fonts from the font picker list to the top-picks strip, and
+ * reordering the strip */
+export declare const useFontTopPicksDnD: ({ enabled, picks, onPicksChange, }: {
+    enabled: boolean;
+    picks: readonly FontFamilyValues[];
+    onPicksChange: (picks: FontFamilyValues[]) => void;
+}) => FontPickerDnD;

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

@@ -0,0 +1,48 @@
+import React from "react";
+import type { PointerType } from "@excalidraw/element/types";
+import "./ToolIcon.scss";
+import type { CSSProperties } from "react";
+export type IconButtonSize = "small" | "medium";
+type IconButtonBaseProps = {
+    icon?: React.ReactNode;
+    "aria-label": string;
+    "aria-keyshortcuts"?: string;
+    "data-testid"?: string;
+    label?: string;
+    title?: string;
+    size?: IconButtonSize;
+    keyBindingLabel?: string | null;
+    showAriaLabel?: boolean;
+    hidden?: boolean;
+    visible?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    isLoading?: boolean;
+};
+type IconButtonProps = (IconButtonBaseProps & {
+    type: "button";
+    children?: React.ReactNode;
+    onClick?(event: React.MouseEvent): void;
+}) | (IconButtonBaseProps & {
+    type: "icon";
+    children?: React.ReactNode;
+    onClick?(): void;
+}) | (IconButtonBaseProps & {
+    type: "toggle";
+    checked: boolean;
+    /**
+     * Fired on activation — a completed pointer gesture (via `click`, so a
+     * press canceled by sliding off the button doesn't select) or
+     * keyboard/AT activation, in which case pointerType is null.
+     * pointerType is captured on pointer-down, where it's reliable
+     * (unlike the click event's own pointerType on iOS).
+     */
+    onSelect?(data: {
+        pointerType: PointerType | null;
+    }): void;
+    /** the press that may become a click — e.g. to arm a drag out of the toolbar */
+    onPointerDown?(event: React.PointerEvent<HTMLButtonElement>): void;
+});
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<unknown>>;
+export {};

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/Island.d.ts

@@ -1,10 +1,17 @@
 import React from "react";
 import "./Island.scss";
+import type { ViewportUIDock, ViewportUIName } from "../types";
 type IslandProps = {
     children: React.ReactNode;
     padding?: number;
     className?: string | boolean;
     style?: object;
+    /** marks the island as a canvas-occluding UI surface measured by
+     * `getViewportOffsets` (see {@link ViewportUIDock}) */
+    "data-viewport-ui"?: ViewportUIDock;
+    /** identifies the surface so `getViewportOffsets` can reserve space for
+     * it while hidden (see {@link ViewportUIName}) */
+    "data-viewport-ui-name"?: ViewportUIName;
 };
 export declare const Island: React.ForwardRefExoticComponent<IslandProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,10 +1,8 @@
-import "./ToolIcon.scss";
-type LaserPointerIconProps = {
+type LaserPointerButtonProps = {
     title?: string;
-    name?: string;
     checked: boolean;
     onChange?(): void;
     isMobile?: boolean;
 };
-export declare const LaserPointerButton: (props: LaserPointerIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LaserPointerButton: (props: LaserPointerButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -13,7 +13,6 @@ interface LayerUIProps {
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
     onLockToggle: () => void;
-    onHandToolToggle: () => void;
     onPenModeToggle: AppClassProperties["togglePenMode"];
     showExitZenModeBtn: boolean;
     langCode: Language["code"];
@@ -25,8 +24,12 @@ interface LayerUIProps {
     renderWelcomeScreen: boolean;
     children?: React.ReactNode;
     app: AppClassProperties;
+    defaultUIEnabled: boolean;
+    zoomUIEnabled: boolean;
+    scrollBackToContentUIEnabled: boolean;
     isCollaborating: boolean;
     generateLinkForSelection?: AppProps["generateLinkForSelection"];
+    currentUserControls?: ExcalidrawProps["currentUserControls"];
 }
-declare const _default: React.MemoExoticComponent<({ actionManager, appState, files, setAppState, elements, canvas, onLockToggle, onHandToolToggle, onPenModeToggle, showExitZenModeBtn, renderTopLeftUI, renderTopRightUI, renderCustomStats, UIOptions, onExportImage, renderWelcomeScreen, children, app, 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/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/LibraryMenuSection.d.ts

@@ -15,9 +15,13 @@ interface Props {
     isItemSelected: (id: LibraryItem["id"] | null) => boolean;
     svgCache: SvgCache;
     itemsRenderedPerBatch: number;
+    /** larger items with their name below */
+    showNames?: boolean;
 }
-export declare const LibraryMenuSectionGrid: ({ children, }: {
+export declare const LibraryMenuSectionGrid: ({ children, showNames, }: {
     children: ReactNode;
+    /** fewer columns, for items rendered with `showNames` */
+    showNames?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const LibraryMenuSection: React.MemoExoticComponent<({ items, onItemSelectToggle, onItemDrag, isItemSelected, onClick, svgCache, itemsRenderedPerBatch, }: Props) => import("react/jsx-runtime").JSX.Element>;
+export declare const LibraryMenuSection: React.MemoExoticComponent<({ items, onItemSelectToggle, onItemDrag, isItemSelected, onClick, svgCache, itemsRenderedPerBatch, showNames, }: Props) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -1,8 +1,11 @@
 import "./LibraryUnit.scss";
 import type { LibraryItem } from "../types";
 import type { SvgCache } from "../hooks/useLibraryItemSvg";
-export declare const LibraryUnit: import("react").MemoExoticComponent<({ id, elements, isPending, onClick, selected, onToggle, onDrag, svgCache, }: {
+export declare const LibraryUnit: import("react").MemoExoticComponent<({ id, name, showName, elements, isPending, onClick, selected, onToggle, onDrag, svgCache, }: {
     id: LibraryItem["id"] | /** for pending item */ null;
+    name?: LibraryItem["name"];
+    /** render larger, with the name below the item */
+    showName?: boolean;
     elements?: LibraryItem["elements"];
     isPending?: boolean;
     onClick: (id: LibraryItem["id"] | null) => void;
@@ -11,4 +14,6 @@ export declare const LibraryUnit: import("react").MemoExoticComponent<({ id, ele
     onDrag: (id: string, event: React.DragEvent) => void;
     svgCache: SvgCache;
 }) => import("react/jsx-runtime").JSX.Element>;
-export declare const EmptyLibraryUnit: () => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyLibraryUnit: ({ showName }: {
+    showName?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,9 @@
-import "./ToolIcon.scss";
-type LockIconProps = {
+type LockButtonProps = {
     title?: string;
-    name?: string;
     checked: boolean;
     onChange?(): void;
     isMobile?: boolean;
+    disabled?: boolean;
 };
-export declare const LockButton: (props: LockIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LockButton: (props: LockButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,7 @@
-import "./ToolIcon.scss";
 import type { JSX } from "react";
 export declare const ElementCanvasButton: (props: {
     title?: string;
     icon: JSX.Element;
-    name?: string;
     checked: boolean;
     onChange?(): void;
     isMobile?: boolean;

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

@@ -1,7 +1,7 @@
 import React from "react";
 import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { ActionManager } from "../actions/manager";
-import type { AppClassProperties, AppProps, AppState, UIAppState } from "../types";
+import type { AppClassProperties, AppState, UIAppState } from "../types";
 import type { JSX } from "react";
 type MobileMenuProps = {
     appState: UIAppState;
@@ -10,14 +10,14 @@ type MobileMenuProps = {
     renderImageExportDialog: () => React.ReactNode;
     setAppState: React.Component<any, AppState>["setState"];
     elements: readonly NonDeletedExcalidrawElement[];
-    onHandToolToggle: () => void;
     onPenModeToggle: AppClassProperties["togglePenMode"];
     renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     renderTopLeftUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     renderSidebars: () => JSX.Element | null;
     renderWelcomeScreen: boolean;
-    UIOptions: AppProps["UIOptions"];
+    defaultUIEnabled: boolean;
+    scrollBackToContentUIEnabled: boolean;
     app: AppClassProperties;
 };
-export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, onHandToolToggle, renderTopLeftUI, renderTopRightUI, renderSidebars, renderWelcomeScreen, UIOptions, app, onPenModeToggle, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileMenu: ({ appState, elements, actionManager, setAppState, renderTopLeftUI, renderTopRightUI, renderSidebars, renderWelcomeScreen, defaultUIEnabled, scrollBackToContentUIEnabled, app, onPenModeToggle, }: MobileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1,9 @@
+import "./ToolIcon.scss";
+import "./MobileToolbar.scss";
+import type { AppClassProperties, UIAppState } from "../types";
+type MobileToolbarProps = {
+    app: AppClassProperties;
+    setAppState: React.Component<any, UIAppState>["setState"];
+};
+export declare const MobileToolbar: ({ app, setAppState }: MobileToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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/PenModeButton.d.ts

@@ -1,12 +1,9 @@
-import "./ToolIcon.scss";
-type PenModeIconProps = {
+type PenModeButtonProps = {
     title?: string;
-    name?: string;
     checked: boolean;
     onChange?(): void;
-    zenModeEnabled?: boolean;
     isMobile?: boolean;
     penDetected: boolean;
 };
-export declare const PenModeButton: (props: PenModeIconProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const PenModeButton: (props: PenModeButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -6,11 +6,9 @@ type Props = {
     children?: React.ReactNode;
     onCloseRequest?(event: PointerEvent): void;
     fitInViewport?: boolean;
-    offsetLeft?: number;
-    offsetTop?: number;
     viewportWidth?: number;
     viewportHeight?: number;
     className?: string;
 };
-export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, offsetLeft, offsetTop, viewportWidth, viewportHeight, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Popover: ({ children, left, top, onCloseRequest, fitInViewport, viewportWidth, viewportHeight, className, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import * as Popover from "@radix-ui/react-popover";
+import { Popover } from "radix-ui";
 import React, { type ReactNode } from "react";
 interface PropertiesPopoverProps {
     className?: string;

package/dist/types/excalidraw/components/{ButtonIcon.d.ts → RadioButton.d.ts}

@@ -1,16 +1,13 @@
-import "./ButtonIcon.scss";
 import type { JSX } from "react";
-interface ButtonIconProps {
+interface RadioButtonProps {
     icon: JSX.Element;
     title: string;
     className?: string;
     testId?: string;
     /** if not supplied, defaults to value identity check */
     active?: boolean;
-    /** include standalone style (could interfere with parent styles) */
-    standalone?: boolean;
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     style?: React.CSSProperties;
 }
-export declare const ButtonIcon: import("react").ForwardRefExoticComponent<ButtonIconProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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/Stats/Angle.d.ts

@@ -1,8 +1,8 @@
-import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 interface AngleProps {
-    element: ExcalidrawElement;
+    element: NonDeletedExcalidrawElement;
     scene: Scene;
     appState: AppState;
     property: "angle";

package/dist/types/excalidraw/components/Stats/Dimension.d.ts

@@ -1,9 +1,9 @@
-import type { ExcalidrawElement } from "@excalidraw/element/types";
+import type { NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { Scene } from "@excalidraw/element";
 import type { AppState } from "../../types";
 interface DimensionDragInputProps {
     property: "width" | "height";
-    element: ExcalidrawElement;
+    element: NonDeletedExcalidrawElement;
     scene: Scene;
     appState: AppState;
 }

package/dist/types/excalidraw/components/Stats/DragInput.d.ts

@@ -1,10 +1,10 @@
-import type { ElementsMap, ExcalidrawElement } from "@excalidraw/element/types";
+import type { ElementsMap, ExcalidrawElement, NonDeletedExcalidrawElement } from "@excalidraw/element/types";
 import type { Scene } from "@excalidraw/element";
 import { useApp, useExcalidrawSetAppState } from "../App";
 import "./DragInput.scss";
 import type { StatsInputProperty } from "./utils";
 import type { AppState } from "../../types";
-export type DragInputCallbackType<P extends StatsInputProperty, E = ExcalidrawElement> = (props: {
+export type DragInputCallbackType<P extends StatsInputProperty, E = NonDeletedExcalidrawElement> = (props: {
     accumulatedChange: number;
     instantChange: number;
     originalElements: readonly E[];