@myoc/excalidraw 0.19.518 → 0.19.519

package/dist/prod/subset-shared.chunk.js

@@ -1 +1 @@
-import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-VW4XDTQW.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};
+import{a,b,c,d}from"./chunk-Z5NKEFVG.js";import"./chunk-QW7MIEK6.js";import"./chunk-SRAX5OIU.js";export{a as Commands,b as subsetToBase64,c as subsetToBinary,d as toBase64};

package/dist/prod/subset-worker.chunk.js

@@ -1 +1 @@
-import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-VW4XDTQW.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};
+import{a as r,c as t}from"./chunk-Z5NKEFVG.js";import"./chunk-QW7MIEK6.js";import"./chunk-SRAX5OIU.js";var s=import.meta.url?new URL(import.meta.url):void 0;typeof window>"u"&&typeof self<"u"&&(self.onmessage=async e=>{switch(e.data.command){case r.Subset:let a=await t(e.data.arrayBuffer,e.data.codePoints);self.postMessage(a,{transfer:[a]});break}});export{s as WorkerUrl};

package/dist/types/common/src/colors.d.ts

@@ -1,4 +1,4 @@
-export declare const applyDarkModeFilter: (color: string) => string;
+export declare const applyDarkModeFilter: (color: string, enable?: boolean) => string;
 export type ColorTuple = readonly [string, string, string, string, string];
 export type ColorPaletteCustom = {
     [key: string]: ColorTuple | string;

package/dist/types/element/src/bounds.d.ts

@@ -2,7 +2,7 @@ import { type Bounds } from "@excalidraw/common";
 import type { Degrees, GlobalPoint, LineSegment, LocalPoint } from "@excalidraw/math";
 import type { AppState } from "@excalidraw/excalidraw/types";
 import type { Drawable, Op } from "roughjs/bin/core";
-import type { Arrowhead, ElementsMap, ElementsMapOrArray, ExcalidrawElement, ExcalidrawLinearElement, NonDeleted } from "./types";
+import type { Arrowhead, ElementsMap, ElementsMapOrArray, ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement } from "./types";
 export type RectangleBox = {
     x: number;
     y: number;
@@ -80,4 +80,21 @@ export declare const pointInsideBounds: <P extends GlobalPoint | LocalPoint>(p:
 export declare const pointInsideBoundsInclusive: <P extends GlobalPoint | LocalPoint>(p: P, bounds: Bounds) => boolean;
 export declare const doBoundsIntersect: (bounds1: Bounds | null, bounds2: Bounds | null) => boolean;
 export declare const boundsContainBounds: (outerBounds: Bounds, innerBounds: Bounds) => boolean;
+/**
+ * High level helper to get elements overlapping a bounding box.
+ * It can be used to get elements overlapping a selection box, for example.
+ *
+ */
+export declare const elementsOverlappingBBox: ({ elements, elementsMap, bounds, type, excludeElementsInFrames, shouldIgnoreElementFromSelection, }: {
+    elements: readonly NonDeletedExcalidrawElement[];
+    elementsMap?: ElementsMap;
+    bounds: Bounds | ExcalidrawElement;
+    /**
+     * - overlap: elements overlapping or inside bounds
+     * - contain: elements inside bounds
+     **/
+    type: "contain" | "overlap";
+    excludeElementsInFrames?: boolean;
+    shouldIgnoreElementFromSelection?: (element: NonDeletedExcalidrawElement) => boolean;
+}) => NonDeletedExcalidrawElement[];
 export declare const elementCenterPoint: (element: ExcalidrawElement, elementsMap: ElementsMap, xOffset?: number, yOffset?: number) => GlobalPoint;

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

@@ -153,6 +153,7 @@ export declare const actionBindText: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -331,6 +332,7 @@ export declare const actionWrapTextInContainer: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -144,6 +144,7 @@ export declare const actionZoomIn: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -326,6 +327,7 @@ export declare const actionZoomOut: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -508,6 +510,7 @@ export declare const actionResetZoom: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -691,6 +694,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, canvasOffsets, fitToV
         gridStep: number;
         gridModeEnabled: boolean;
         viewModeEnabled: boolean;
+        viewModeOnly: boolean;
         selectedGroupIds: {
             [groupId: string]: boolean;
         };
@@ -870,6 +874,7 @@ export declare const zoomToFit: ({ canvasOffsets, targetElements, appState, fitT
         gridStep: number;
         gridModeEnabled: boolean;
         viewModeEnabled: boolean;
+        viewModeOnly: boolean;
         selectedGroupIds: {
             [groupId: string]: boolean;
         };
@@ -1046,6 +1051,7 @@ export declare const actionZoomToFitSelectionInViewport: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -1226,6 +1232,7 @@ export declare const actionZoomToFitSelection: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -1407,6 +1414,7 @@ export declare const actionZoomToFit: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -1583,6 +1591,7 @@ export declare const actionToggleEraserTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
@@ -1755,6 +1764,7 @@ export declare const actionToggleLassoTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
@@ -1926,6 +1936,7 @@ export declare const actionToggleHandTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;

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

@@ -137,6 +137,7 @@ export declare const actionPaste: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -353,6 +354,7 @@ export declare const actionCopyAsPng: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -138,6 +138,7 @@ export declare const actionToggleCropEditor: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -139,6 +139,7 @@ export declare const actionDeleteSelected: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -338,6 +339,7 @@ export declare const actionDeleteSelected: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -502,6 +504,7 @@ export declare const actionDeleteSelected: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             width: number;
             height: number;
             offsetTop: number;

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

@@ -128,6 +128,7 @@ export declare const actionDeselect: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             width: number;
             height: number;
             offsetTop: number;

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

@@ -155,6 +155,7 @@ export declare const actionLinkToElement: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -146,6 +146,7 @@ export declare const actionToggleElementLock: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;
@@ -323,6 +324,7 @@ export declare const actionUnlockAllElements: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             editingGroupId: import("@excalidraw/element/types").GroupId | null;
             width: number;
             height: number;

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

@@ -135,6 +135,7 @@ export declare const actionSetEmbeddableAsActiveTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -155,6 +155,7 @@ export declare const actionLoadScene: {
             currentItemArrowType: "sharp" | "round" | "elbow";
             bindMode: import("@excalidraw/element/types").BindMode;
             gridSize: number;
+            viewModeOnly: boolean;
             gridModeEnabled: boolean;
             objectsSnapModeEnabled: boolean;
             wheelZoomsOnDefault?: boolean | undefined;
@@ -373,6 +374,7 @@ export declare const actionLoadScene: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -134,6 +134,7 @@ export declare const actionSelectAllElementsInFrame: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -316,6 +317,7 @@ export declare const actionRemoveAllElementsFromFrame: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -499,6 +501,7 @@ export declare const actionupdateFrameRendering: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -679,6 +682,7 @@ export declare const actionSetFrameAsActiveTool: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -140,6 +140,7 @@ export declare const actionGroup: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             width: number;
             height: number;
             offsetTop: number;
@@ -321,6 +322,7 @@ export declare const actionUngroup: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             width: number;
             height: number;
             offsetTop: number;

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

@@ -169,6 +169,7 @@ export declare const actionToggleLinearEditor: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -133,6 +133,7 @@ export declare const actionLink: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -127,6 +127,7 @@ export declare const actionShortcuts: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -162,6 +162,7 @@ export declare const actionDecreaseFontSize: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -339,6 +340,7 @@ export declare const actionIncreaseFontSize: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -138,6 +138,7 @@ export declare const actionSelectAll: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             width: number;
             height: number;
             offsetTop: number;

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

@@ -134,6 +134,7 @@ export declare const actionCopyStyles: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -135,6 +135,7 @@ export declare const actionToggleArrowBinding: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -139,6 +139,7 @@ export declare const actionToggleGridMode: {
             gridSize: number;
             gridStep: number;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -135,6 +135,7 @@ export declare const actionToggleMidpointSnapping: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -137,6 +137,7 @@ export declare const actionToggleObjectsSnapMode: {
             gridSize: number;
             gridStep: number;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -128,6 +128,7 @@ export declare const actionToggleSearchMenu: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -140,6 +140,7 @@ export declare const actionToggleStats: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -7,7 +7,7 @@ export declare const actionToggleViewMode: {
         category: "canvas";
         predicate: (appState: Readonly<import("../types").AppState>) => boolean;
     };
-    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): {
+    perform(elements: readonly import("@excalidraw/element/types").OrderedExcalidrawElement[], appState: Readonly<import("../types").AppState>): false | {
         appState: {
             viewModeEnabled: boolean;
             contextMenu: {
@@ -136,6 +136,7 @@ export declare const actionToggleViewMode: {
             gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };
@@ -177,7 +178,7 @@ export declare const actionToggleViewMode: {
     checked: (appState: Readonly<import("../types").AppState>) => boolean;
     predicate: (elements: readonly import("@excalidraw/element/types").ExcalidrawElement[], appState: import("../types").AppState, appProps: import("../types").ExcalidrawProps) => boolean;
     keyTest: (event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean;
-    PanelComponent: ({ data, updateData, appState }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element;
+    PanelComponent: ({ data, updateData, appState, appProps }: import("./types").PanelComponentProps) => import("react/jsx-runtime").JSX.Element | null;
 } & {
     keyTest?: ((event: import("react").KeyboardEvent<Element> | KeyboardEvent) => boolean) | undefined;
 };

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

@@ -136,6 +136,7 @@ export declare const actionToggleZenMode: {
             gridStep: number;
             gridModeEnabled: boolean;
             viewModeEnabled: boolean;
+            viewModeOnly: boolean;
             selectedGroupIds: {
                 [groupId: string]: boolean;
             };

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

@@ -502,6 +502,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private handleCanvasClick;
     private getElementLinkAtPosition;
     private handleElementLinkClick;
+    private openElementLink;
     /**
      * finds candidate frame under cursor (when dragging frame children/elements
      * inside frames)

package/dist/types/excalidraw/components/main-menu/DefaultItems.d.ts

@@ -25,11 +25,14 @@ export declare const Help: {
 export declare const ToggleTheme: {
     (props: {
         allowSystemTheme: true;
+        /**
+         * Controls the theme of this UI component only.
+         * You should subscribe to `props.onThemeChange` and control the theme
+         * upstream.
+         */
         theme: Theme | "system";
-        onSelect: (theme: Theme | "system") => void;
     } | {
-        allowSystemTheme?: false;
-        onSelect?: (theme: Theme) => void;
+        allowSystemTheme: false;
     }): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
@@ -66,7 +69,7 @@ export declare const Preferences: {
     ToggleMidpointSnapping: () => import("react/jsx-runtime").JSX.Element;
     ToggleGridMode: () => import("react/jsx-runtime").JSX.Element;
     ToggleZenMode: () => import("react/jsx-runtime").JSX.Element;
-    ToggleViewMode: () => import("react/jsx-runtime").JSX.Element;
+    ToggleViewMode: () => import("react/jsx-runtime").JSX.Element | null;
     ToggleElementProperties: () => import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -90,6 +90,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         currentItemArrowType: "sharp" | "round" | "elbow";
         bindMode: import("@excalidraw/element/types").BindMode;
         gridSize: number;
+        viewModeOnly: boolean;
         gridModeEnabled: boolean;
         objectsSnapModeEnabled: boolean;
         wheelZoomsOnDefault?: boolean | undefined;

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

@@ -91,6 +91,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         currentItemArrowType: "sharp" | "round" | "elbow";
         bindMode: import("@excalidraw/element/types").BindMode;
         gridSize: number;
+        viewModeOnly: boolean;
         gridModeEnabled: boolean;
         objectsSnapModeEnabled: boolean;
         wheelZoomsOnDefault?: boolean | undefined;

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { applyDarkModeFilter } from "@excalidraw/common";
 import Footer from "./components/footer/FooterCenter";
 import LiveCollaborationTrigger from "./components/live-collaboration/LiveCollaborationTrigger";
 import MainMenu from "./components/main-menu/MainMenu";
@@ -42,7 +43,7 @@ export { Stats } from "./components/Stats";
 export { DefaultSidebar } from "./components/DefaultSidebar";
 export { zoomToFitBounds } from "./actions/actionCanvas";
 export { getCommonBounds, getVisibleSceneBounds, convertToExcalidrawElements, } from "@excalidraw/element";
-export { elementsOverlappingBBox, isElementInsideBBox, elementPartiallyOverlapsWithOrContainsBBox, } from "@excalidraw/utils/withinBounds";
+export { elementsOverlappingBBox } from "@excalidraw/element";
 export { DiagramToCodePlugin } from "./components/DiagramToCodePlugin/DiagramToCodePlugin";
 export { getDataURL } from "./data/blob";
 export { isElementLink } from "@excalidraw/element";
@@ -60,3 +61,4 @@ export declare function useExcalidrawStateValue<K extends keyof AppState>(prop:
 export declare function useExcalidrawStateValue<T extends keyof AppState>(props: T[]): AppState | undefined;
 export declare function useExcalidrawStateValue<T>(selector: (appState: AppState) => T): T | undefined;
 export { _useOnAppStateChange as useOnExcalidrawStateChange };
+export { applyDarkModeFilter };

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

@@ -365,6 +365,7 @@ export interface AppState {
     gridStep: number;
     gridModeEnabled: boolean;
     viewModeEnabled: boolean;
+    viewModeOnly: boolean;
     /** top-most selected groups (i.e. does not include nested groups) */
     selectedGroupIds: {
         [groupId: string]: boolean;
@@ -464,6 +465,7 @@ export type CompressImageFileOpts = {
 export type CompressImageFile = (file: File, opts: CompressImageFileOpts) => Promise<File>;
 export interface ExcalidrawProps {
     onChange?: (elements: readonly OrderedExcalidrawElement[], appState: AppState, files: BinaryFiles) => void;
+    onThemeChange?: (theme: Theme | "system") => void;
     /**
      * note: only subscribes if the props.onIncrement is defined on initial render
      */
@@ -514,6 +516,7 @@ export interface ExcalidrawProps {
     renderTopRightUI?: (isMobile: boolean, appState: UIAppState) => JSX.Element | null;
     langCode?: Language["code"];
     viewModeEnabled?: boolean;
+    viewModeOnly?: boolean;
     zenModeEnabled?: boolean;
     gridModeEnabled?: boolean;
     objectsSnapModeEnabled?: boolean;
@@ -593,6 +596,11 @@ export type CanvasActions = Partial<{
     export: false | ExportOpts;
     loadScene: boolean;
     saveToActiveFile: boolean;
+    /**
+     * defaults to true if `props.theme` is omitted or `props.onThemeChange`
+     * is supplied (at which point the theme is considered as host-app controlled),
+     * else default to false
+     * */
     toggleTheme: boolean | null;
     saveAsImage: boolean;
 }>;

package/dist/types/utils/src/index.d.ts

@@ -1,4 +1,3 @@
 export * from "./export";
-export * from "./withinBounds";
-export * from "./bbox";
+export { elementsOverlappingBBox } from "@excalidraw/element";
 export { getCommonBounds } from "@excalidraw/element";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/excalidraw",
-  "version": "0.19.518",
+  "version": "0.19.519",
   "type": "module",
   "types": "./dist/types/excalidraw/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -108,9 +108,9 @@
     "roughjs": "4.6.4",
     "sass": "1.51.0",
     "tunnel-rat": "0.1.2",
-    "@excalidraw/common": "npm:@myoc/common@0.19.518",
-    "@excalidraw/math": "npm:@myoc/math@0.19.518",
-    "@excalidraw/element": "npm:@myoc/element@0.19.518"
+    "@excalidraw/common": "npm:@myoc/common@0.19.519",
+    "@excalidraw/math": "npm:@myoc/math@0.19.519",
+    "@excalidraw/element": "npm:@myoc/element@0.19.519"
   },
   "devDependencies": {
     "@size-limit/preset-big-lib": "9.0.0",