@excalidraw/excalidraw 0.18.0-c141960 → 0.18.0-c158187

package/dist/dev/{chunk-SJTAY27F.js → chunk-5A4X24JB.js}

@@ -9,13 +9,13 @@ import {
 import tEXt from "png-chunk-text";
 import encodePng from "png-chunks-encode";
 import decodePng from "png-chunks-extract";
-import { EXPORT_DATA_TYPES as EXPORT_DATA_TYPES3, MIME_TYPES as MIME_TYPES7 } from "@excalidraw/common";
+import { EXPORT_DATA_TYPES as EXPORT_DATA_TYPES3, MIME_TYPES as MIME_TYPES6 } from "@excalidraw/common";
 
 // data/blob.ts
 import { nanoid } from "nanoid";
 import {
   IMAGE_MIME_TYPES,
-  MIME_TYPES as MIME_TYPES6,
+  MIME_TYPES as MIME_TYPES5,
   bytesToHexString,
   isPromiseLike
 } from "@excalidraw/common";
@@ -422,14 +422,14 @@ import {
   FRAME_STYLE as FRAME_STYLE3,
   FONT_FAMILY as FONT_FAMILY2,
   SVG_NS as SVG_NS2,
-  THEME as THEME3,
-  THEME_FILTER as THEME_FILTER2,
-  MIME_TYPES as MIME_TYPES5,
+  THEME as THEME5,
+  MIME_TYPES as MIME_TYPES4,
   EXPORT_DATA_TYPES as EXPORT_DATA_TYPES2,
   arrayToMap,
   distance,
   getFontString as getFontString2,
-  toBrandedType
+  toBrandedType,
+  applyDarkModeFilter as applyDarkModeFilter4
 } from "@excalidraw/common";
 import { getCommonBounds as getCommonBounds2, getElementAbsoluteCoords as getElementAbsoluteCoords4 } from "@excalidraw/element";
 import {
@@ -682,7 +682,8 @@ import {
   FONT_FAMILY_FALLBACKS,
   CJK_HAND_DRAWN_FALLBACK_FONT,
   WINDOWS_EMOJI_FALLBACK_FONT,
-  getFontFamilyFallbacks
+  getFontFamilyFallbacks,
+  FONT_SIZES
 } from "@excalidraw/common";
 import { getContainerElement } from "@excalidraw/element";
 import { charWidth } from "@excalidraw/element";
@@ -2911,7 +2912,7 @@ var _Fonts = class _Fonts {
     for (const [index, fontFamily] of fontFamilies.entries()) {
       const font = getFontString({
         fontFamily,
-        fontSize: 16
+        fontSize: FONT_SIZES.sm
       });
       const text = _Fonts.getCharacters(charsPerFamily, fontFamily);
       if (!window.document.fonts.check(font, text)) {
@@ -3068,7 +3069,12 @@ __publicField(_Fonts, "loadElementsFonts", async (elements) => {
 var Fonts = _Fonts;
 
 // renderer/staticScene.ts
-import { FRAME_STYLE, throttleRAF } from "@excalidraw/common";
+import {
+  applyDarkModeFilter as applyDarkModeFilter2,
+  FRAME_STYLE,
+  THEME as THEME3,
+  throttleRAF
+} from "@excalidraw/common";
 import { isElementLink } from "@excalidraw/element";
 import { createPlaceholderEmbeddableLabel } from "@excalidraw/element";
 import { getBoundTextElement } from "@excalidraw/element";
@@ -3150,7 +3156,7 @@ var isPointHittingLink = (element, elementsMap, appState, [x, y], isMobile) => {
 };
 
 // renderer/helpers.ts
-import { THEME as THEME2, THEME_FILTER } from "@excalidraw/common";
+import { THEME as THEME2, applyDarkModeFilter } from "@excalidraw/common";
 var fillCircle = (context, cx, cy, radius, stroke, fill = true) => {
   context.beginPath();
   context.arc(cx, cy, radius, 0, Math.PI * 2);
@@ -3176,9 +3182,6 @@ var bootstrapCanvas = ({
   const context = canvas.getContext("2d");
   context.setTransform(1, 0, 0, 1, 0, 0);
   context.scale(scale, scale);
-  if (isExporting && theme === THEME2.DARK) {
-    context.filter = THEME_FILTER;
-  }
   if (typeof viewBackgroundColor === "string") {
     const hasTransparence = viewBackgroundColor === "transparent" || viewBackgroundColor.length === 5 || // #RGBA
     viewBackgroundColor.length === 9 || // #RRGGBBA
@@ -3187,7 +3190,7 @@ var bootstrapCanvas = ({
       context.clearRect(0, 0, normalizedWidth, normalizedHeight);
     }
     context.save();
-    context.fillStyle = viewBackgroundColor;
+    context.fillStyle = theme === THEME2.DARK ? applyDarkModeFilter(viewBackgroundColor) : viewBackgroundColor;
     context.fillRect(0, 0, normalizedWidth, normalizedHeight);
     context.restore();
   } else {
@@ -3215,10 +3218,16 @@ var strokeRectWithRotation_simple = (context, x, y, width, height, cx, cy, angle
 
 // renderer/staticScene.ts
 var GridLineColor = {
-  Bold: "#dddddd",
-  Regular: "#e5e5e5"
+  [THEME3.LIGHT]: {
+    bold: "#dddddd",
+    regular: "#e5e5e5"
+  },
+  [THEME3.DARK]: {
+    bold: applyDarkModeFilter2("#dddddd"),
+    regular: applyDarkModeFilter2("#e5e5e5")
+  }
 };
-var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, width, height) => {
+var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, theme, width, height) => {
   const offsetX = scrollX % gridSize - gridSize;
   const offsetY = scrollY % gridSize - gridSize;
   const actualGridSize = gridSize * zoom.value;
@@ -3237,7 +3246,7 @@ var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, width, he
     const lineDash = [lineWidth * 3, spaceWidth + (lineWidth + spaceWidth)];
     context.beginPath();
     context.setLineDash(isBold ? [] : lineDash);
-    context.strokeStyle = isBold ? GridLineColor.Bold : GridLineColor.Regular;
+    context.strokeStyle = isBold ? GridLineColor[theme].bold : GridLineColor[theme].regular;
     context.moveTo(x, offsetY - gridSize);
     context.lineTo(x, Math.ceil(offsetY + height + gridSize * 2));
     context.stroke();
@@ -3252,7 +3261,7 @@ var strokeGrid = (context, gridSize, gridStep, scrollX, scrollY, zoom, width, he
     const lineDash = [lineWidth * 3, spaceWidth + (lineWidth + spaceWidth)];
     context.beginPath();
     context.setLineDash(isBold ? [] : lineDash);
-    context.strokeStyle = isBold ? GridLineColor.Bold : GridLineColor.Regular;
+    context.strokeStyle = isBold ? GridLineColor[theme].bold : GridLineColor[theme].regular;
     context.moveTo(offsetX - gridSize, y);
     context.lineTo(Math.ceil(offsetX + width + gridSize * 2), y);
     context.stroke();
@@ -3365,6 +3374,7 @@ var _renderStaticScene = ({
       appState.scrollX,
       appState.scrollY,
       appState.zoom,
+      renderConfig.theme,
       normalizedWidth / appState.zoom.value,
       normalizedHeight / appState.zoom.value
     );
@@ -3531,12 +3541,13 @@ var renderStaticScene = (renderConfig, throttle) => {
 import {
   FRAME_STYLE as FRAME_STYLE2,
   MAX_DECIMALS_FOR_SVG_EXPORT,
-  MIME_TYPES as MIME_TYPES4,
   SVG_NS,
+  THEME as THEME4,
   getFontFamilyString,
   isRTL,
   isTestEnv as isTestEnv2,
-  getVerticalOffset
+  getVerticalOffset,
+  applyDarkModeFilter as applyDarkModeFilter3
 } from "@excalidraw/common";
 import { normalizeLink, toValidURL } from "@excalidraw/common";
 import { hashString } from "@excalidraw/element";
@@ -3557,7 +3568,6 @@ import {
 import { getContainingFrame } from "@excalidraw/element";
 import { getCornerRadius, isPathALoop } from "@excalidraw/element";
 import { ShapeCache as ShapeCache2 } from "@excalidraw/element";
-import { getFreeDrawSvgPath, IMAGE_INVERT_FILTER } from "@excalidraw/element";
 import { getElementAbsoluteCoords as getElementAbsoluteCoords3 } from "@excalidraw/element";
 var roughSVGDrawWithPrecision = (rsvg, drawable, precision) => {
   if (typeof precision === "undefined") {
@@ -3625,7 +3635,7 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
     case "rectangle":
     case "diamond":
     case "ellipse": {
-      const shape = ShapeCache2.generateElementShape(element, null);
+      const shape = ShapeCache2.generateElementShape(element, renderConfig);
       const node = roughSVGDrawWithPrecision(
         rsvg,
         shape,
@@ -3818,36 +3828,49 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
       break;
     }
     case "freedraw": {
-      const backgroundFillShape = ShapeCache2.generateElementShape(
-        element,
-        renderConfig
-      );
-      const node = backgroundFillShape ? roughSVGDrawWithPrecision(
-        rsvg,
-        backgroundFillShape,
-        MAX_DECIMALS_FOR_SVG_EXPORT
-      ) : svgRoot.ownerDocument.createElementNS(SVG_NS, "g");
+      const wrapper = svgRoot.ownerDocument.createElementNS(SVG_NS, "g");
+      const shapes = ShapeCache2.generateElementShape(element, renderConfig);
+      for (const shape of shapes) {
+        if (typeof shape === "string") {
+          const path = svgRoot.ownerDocument.createElementNS(SVG_NS, "path");
+          path.setAttribute(
+            "fill",
+            renderConfig.theme === THEME4.DARK ? applyDarkModeFilter3(element.strokeColor) : element.strokeColor
+          );
+          path.setAttribute("d", shape);
+          wrapper.appendChild(path);
+        } else {
+          const bgNode = roughSVGDrawWithPrecision(
+            rsvg,
+            shape,
+            MAX_DECIMALS_FOR_SVG_EXPORT
+          );
+          if (bgNode.nodeName === "g") {
+            while (bgNode.firstChild) {
+              wrapper.appendChild(bgNode.firstChild);
+            }
+          } else {
+            wrapper.appendChild(bgNode);
+          }
+        }
+      }
       if (opacity !== 1) {
-        node.setAttribute("stroke-opacity", `${opacity}`);
-        node.setAttribute("fill-opacity", `${opacity}`);
+        wrapper.setAttribute("stroke-opacity", `${opacity}`);
+        wrapper.setAttribute("fill-opacity", `${opacity}`);
       }
-      node.setAttribute(
+      wrapper.setAttribute(
         "transform",
         `translate(${offsetX || 0} ${offsetY || 0}) rotate(${degree} ${cx} ${cy})`
       );
-      node.setAttribute("stroke", "none");
-      const path = svgRoot.ownerDocument.createElementNS(SVG_NS, "path");
-      path.setAttribute("fill", element.strokeColor);
-      path.setAttribute("d", getFreeDrawSvgPath(element));
-      node.appendChild(path);
+      wrapper.setAttribute("stroke", "none");
       const g = maybeWrapNodesInFrameClipPath(
         element,
         root,
-        [node],
+        [wrapper],
         renderConfig.frameRendering,
         elementsMap
       );
-      addToRoot(g || node, element);
+      addToRoot(g || wrapper, element);
       break;
     }
     case "image": {
@@ -3887,9 +3910,6 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
         }
         const use = svgRoot.ownerDocument.createElementNS(SVG_NS, "use");
         use.setAttribute("href", `#${symbolId}`);
-        if (renderConfig.exportWithDarkMode && fileData.mimeType !== MIME_TYPES4.svg) {
-          use.setAttribute("filter", IMAGE_INVERT_FILTER);
-        }
         let normalizedCropX = 0;
         let normalizedCropY = 0;
         if (element.crop) {
@@ -3981,7 +4001,10 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
         rect.setAttribute("rx", FRAME_STYLE2.radius.toString());
         rect.setAttribute("ry", FRAME_STYLE2.radius.toString());
         rect.setAttribute("fill", "none");
-        rect.setAttribute("stroke", FRAME_STYLE2.strokeColor);
+        rect.setAttribute(
+          "stroke",
+          renderConfig.theme === THEME4.DARK ? applyDarkModeFilter3(FRAME_STYLE2.strokeColor) : FRAME_STYLE2.strokeColor
+        );
         rect.setAttribute("stroke-width", FRAME_STYLE2.strokeWidth.toString());
         addToRoot(rect, element);
       }
@@ -4018,7 +4041,10 @@ var renderElementToSvg = (element, elementsMap, rsvg, svgRoot, files, offsetX, o
           text.setAttribute("y", `${i * lineHeightPx + verticalOffset}`);
           text.setAttribute("font-family", getFontFamilyString(element));
           text.setAttribute("font-size", `${element.fontSize}px`);
-          text.setAttribute("fill", element.strokeColor);
+          text.setAttribute(
+            "fill",
+            renderConfig.theme === THEME4.DARK ? applyDarkModeFilter3(element.strokeColor) : element.strokeColor
+          );
           text.setAttribute("text-anchor", textAnchor);
           text.setAttribute("style", "white-space: pre;");
           text.setAttribute("direction", direction);
@@ -4231,7 +4257,7 @@ var exportToCanvas = async (elements, appState, files, {
       scrollY: -minY + exportPadding,
       zoom: defaultAppState.zoom,
       shouldCacheIgnoreZoom: false,
-      theme: appState.exportWithDarkMode ? THEME3.DARK : THEME3.LIGHT
+      theme: appState.exportWithDarkMode ? THEME5.DARK : THEME5.LIGHT
     },
     renderConfig: {
       canvasBackgroundColor: viewBackgroundColor,
@@ -4241,7 +4267,8 @@ var exportToCanvas = async (elements, appState, files, {
       // empty disables embeddable rendering
       embedsValidationStatus: /* @__PURE__ */ new Map(),
       elementsPendingErasure: /* @__PURE__ */ new Set(),
-      pendingFlowchartNodes: null
+      pendingFlowchartNodes: null,
+      theme: appState.exportWithDarkMode ? THEME5.DARK : THEME5.LIGHT
     }
   });
   return canvas;
@@ -4283,9 +4310,6 @@ var exportToSvg = async (elements, appState, files, opts) => {
   svgRoot.setAttribute("viewBox", `0 0 ${width} ${height}`);
   svgRoot.setAttribute("width", `${width * exportScale}`);
   svgRoot.setAttribute("height", `${height * exportScale}`);
-  if (exportWithDarkMode) {
-    svgRoot.setAttribute("filter", THEME_FILTER2);
-  }
   const defsElement = svgRoot.ownerDocument.createElementNS(SVG_NS2, "defs");
   const metadataElement = svgRoot.ownerDocument.createElementNS(
     SVG_NS2,
@@ -4349,7 +4373,10 @@ var exportToSvg = async (elements, appState, files, opts) => {
     rect.setAttribute("y", "0");
     rect.setAttribute("width", `${width}`);
     rect.setAttribute("height", `${height}`);
-    rect.setAttribute("fill", viewBackgroundColor);
+    rect.setAttribute(
+      "fill",
+      exportWithDarkMode ? applyDarkModeFilter4(viewBackgroundColor) : viewBackgroundColor
+    );
     svgRoot.appendChild(rect);
   }
   const rsvg = rough.svg(svgRoot);
@@ -4371,7 +4398,8 @@ var exportToSvg = async (elements, appState, files, opts) => {
       embedsValidationStatus: renderEmbeddables ? new Map(
         elementsForRender.filter((element) => isFrameLikeElement(element)).map((element) => [element.id, true])
       ) : /* @__PURE__ */ new Map(),
-      reuseImages: opts?.reuseImages ?? true
+      reuseImages: opts?.reuseImages ?? true,
+      theme: exportWithDarkMode ? THEME5.DARK : THEME5.LIGHT
     }
   );
   return svgRoot;
@@ -4385,7 +4413,7 @@ var encodeSvgBase64Payload = ({
     true
   );
   metadataElement.appendChild(
-    createHTMLComment(`payload-type:${MIME_TYPES5.excalidraw}`)
+    createHTMLComment(`payload-type:${MIME_TYPES4.excalidraw}`)
   );
   metadataElement.appendChild(createHTMLComment("payload-version:2"));
   metadataElement.appendChild(createHTMLComment("payload-start"));
@@ -4393,7 +4421,7 @@ var encodeSvgBase64Payload = ({
   metadataElement.appendChild(createHTMLComment("payload-end"));
 };
 var decodeSvgBase64Payload = ({ svg }) => {
-  if (svg.includes(`payload-type:${MIME_TYPES5.excalidraw}`)) {
+  if (svg.includes(`payload-type:${MIME_TYPES4.excalidraw}`)) {
     const match = svg.match(
       /<!-- payload-start -->\s*(.+?)\s*<!-- payload-end -->/
     );
@@ -4507,7 +4535,7 @@ var getFontFamilyByName = (fontFamilyName) => {
   }
   return DEFAULT_FONT_FAMILY2;
 };
-var repairBinding = (element, binding, elementsMap, startOrEnd) => {
+var repairBinding = (element, binding, targetElementsMap, existingElementsMap, startOrEnd) => {
   if (!binding) {
     return null;
   }
@@ -4519,15 +4547,22 @@ var repairBinding = (element, binding, elementsMap, startOrEnd) => {
     };
     return fixedPointBinding;
   }
-  const boundElement = elementsMap.get(binding.elementId) || void 0;
-  if (boundElement) {
-    if (binding.mode) {
+  if (binding.mode) {
+    if (binding.elementId) {
       return {
         elementId: binding.elementId,
-        mode: binding.mode || "orbit",
+        mode: binding.mode,
         fixedPoint: normalizeFixedPoint(binding.fixedPoint || [0.5, 0.5])
       };
     }
+    return null;
+  }
+  const targetBoundElement = targetElementsMap.get(binding.elementId) || void 0;
+  const boundElement = targetBoundElement || existingElementsMap?.get(
+    binding.elementId
+  ) || void 0;
+  const elementsMap = targetBoundElement ? targetElementsMap : existingElementsMap;
+  if (boundElement && elementsMap) {
     const p = LinearElementEditor2.getPointAtIndexGlobalCoordinates(
       element,
       startOrEnd === "start" ? 0 : element.points.length - 1,
@@ -4554,6 +4589,7 @@ var repairBinding = (element, binding, elementsMap, startOrEnd) => {
       fixedPoint
     };
   }
+  console.error(`could not repair binding for element`);
   return null;
 };
 var restoreElementWithProperties = (element, extra) => {
@@ -4607,7 +4643,7 @@ var restoreElementWithProperties = (element, extra) => {
   delete ret.boundElementIds;
   return ret;
 };
-var restoreElement = (element, elementsMap, opts) => {
+var restoreElement = (element, targetElementsMap, existingElementsMap, opts) => {
   element = { ...element };
   switch (element.type) {
     case "text":
@@ -4697,13 +4733,15 @@ var restoreElement = (element, elementsMap, opts) => {
         startBinding: repairBinding(
           element,
           element.startBinding,
-          elementsMap,
+          targetElementsMap,
+          existingElementsMap,
           "start"
         ),
         endBinding: repairBinding(
           element,
           element.endBinding,
-          elementsMap,
+          targetElementsMap,
+          existingElementsMap,
           "end"
         ),
         startArrowhead: startArrowhead2,
@@ -4791,10 +4829,10 @@ var repairFrameMembership = (element, elementsMap) => {
     }
   }
 };
-var restoreElements = (targetElements, localElements, opts) => {
+var restoreElements = (targetElements, existingElements, opts) => {
   const existingIds = /* @__PURE__ */ new Set();
-  const elementsMap = arrayToMap2(targetElements || []);
-  const localElementsMap = localElements ? arrayToMap2(localElements) : null;
+  const targetElementsMap = arrayToMap2(targetElements || []);
+  const existingElementsMap = existingElements ? arrayToMap2(existingElements) : null;
   const restoredElements = syncInvalidIndices2(
     (targetElements || []).reduce((elements, element) => {
       if (element.type === "selection") {
@@ -4802,15 +4840,16 @@ var restoreElements = (targetElements, localElements, opts) => {
       }
       let migratedElement = restoreElement(
         element,
-        elementsMap,
+        targetElementsMap,
+        existingElementsMap,
         {
           deleteInvisibleElements: opts?.deleteInvisibleElements
         }
       );
       if (migratedElement) {
-        const localElement = localElementsMap?.get(element.id);
+        const localElement = existingElementsMap?.get(element.id);
         const shouldMarkAsDeleted = opts?.deleteInvisibleElements && isInvisiblySmallElement(element);
-        if (shouldMarkAsDeleted || localElement && localElement.version > migratedElement.version) {
+        if (shouldMarkAsDeleted) {
           migratedElement = bumpVersion(migratedElement, localElement?.version);
         }
         if (shouldMarkAsDeleted) {
@@ -4976,13 +5015,6 @@ var restoreAppState = (appState, localAppState) => {
     editingFrame: null
   };
 };
-var restore = (data, localAppState, localElements, elementsConfig) => {
-  return {
-    elements: restoreElements(data?.elements, localElements, elementsConfig),
-    appState: restoreAppState(data?.appState, localAppState || null),
-    files: data?.files || {}
-  };
-};
 var restoreLibraryItem = (libraryItem) => {
   const elements = restoreElements(
     getNonDeletedElements(libraryItem.elements),
@@ -5022,9 +5054,9 @@ var restoreLibraryItems = (libraryItems = [], defaultStatus) => {
 // data/blob.ts
 var parseFileContents = async (blob) => {
   let contents;
-  if (blob.type === MIME_TYPES6.png) {
+  if (blob.type === MIME_TYPES5.png) {
     try {
-      return await (await import("./data/image-S2GFZH7W.js")).decodePngMetadata(blob);
+      return await (await import("./data/image-Q6JHR7OE.js")).decodePngMetadata(blob);
     } catch (error) {
       if (error.message === "INVALID") {
         throw new ImageSceneDataError(
@@ -5049,7 +5081,7 @@ var parseFileContents = async (blob) => {
         };
       });
     }
-    if (blob.type === MIME_TYPES6.svg) {
+    if (blob.type === MIME_TYPES5.svg) {
       try {
         return decodeSvgBase64Payload({
           svg: contents
@@ -5105,30 +5137,27 @@ var loadSceneOrLibraryFromBlob = async (blob, localAppState, localElements, file
     }
     if (isValidExcalidrawData(data)) {
       return {
-        type: MIME_TYPES6.excalidraw,
-        data: restore(
-          {
-            elements: data.elements || [],
-            appState: {
+        type: MIME_TYPES5.excalidraw,
+        data: {
+          elements: restoreElements(data.elements, localElements, {
+            repairBindings: true,
+            deleteInvisibleElements: true
+          }),
+          appState: restoreAppState(
+            {
               theme: localAppState?.theme,
               fileHandle: fileHandle || blob.handle || null,
               ...cleanAppStateForExport(data.appState || {}),
               ...localAppState ? calculateScrollCenter(data.elements || [], localAppState) : {}
             },
-            files: data.files
-          },
-          localAppState,
-          localElements,
-          {
-            repairBindings: true,
-            refreshDimensions: false,
-            deleteInvisibleElements: true
-          }
-        )
+            localAppState
+          ),
+          files: data.files || {}
+        }
       };
     } else if (isValidLibrary(data)) {
       return {
-        type: MIME_TYPES6.excalidrawlib,
+        type: MIME_TYPES5.excalidrawlib,
         data
       };
     }
@@ -5147,7 +5176,7 @@ var loadFromBlob = async (blob, localAppState, localElements, fileHandle) => {
     localElements,
     fileHandle
   );
-  if (ret.type !== MIME_TYPES6.excalidraw) {
+  if (ret.type !== MIME_TYPES5.excalidraw) {
     throw new Error("Error: invalid file");
   }
   return ret.data;
@@ -5215,7 +5244,7 @@ var dataURLToString = (dataURL) => {
   return base64ToString(dataURL.slice(dataURL.indexOf(",") + 1));
 };
 var resizeImageFile = async (file, opts) => {
-  if (file.type === MIME_TYPES6.svg) {
+  if (file.type === MIME_TYPES5.svg) {
     return file;
   }
   const [pica, imageBlobReduce] = await Promise.all([
@@ -5248,7 +5277,7 @@ var resizeImageFile = async (file, opts) => {
 };
 var SVGStringToFile = (SVGString, filename = "") => {
   return new File([new TextEncoder().encode(SVGString)], filename, {
-    type: MIME_TYPES6.svg
+    type: MIME_TYPES5.svg
   });
 };
 var ImageURLToFile = async (imageUrl, filename = "") => {
@@ -5300,7 +5329,7 @@ var getActualMimeTypeFromImage = async (file) => {
   };
   for (const type of Object.keys(bytes)) {
     if (leadingBytes.match(bytes[type])) {
-      mimeType = MIME_TYPES6[type];
+      mimeType = MIME_TYPES5[type];
       break;
     }
   }
@@ -5317,9 +5346,9 @@ var normalizeFile = async (file) => {
     return file;
   }
   if (file?.name?.endsWith(".excalidrawlib")) {
-    file = createFile(file, MIME_TYPES6.excalidrawlib, file.name);
+    file = createFile(file, MIME_TYPES5.excalidrawlib, file.name);
   } else if (file?.name?.endsWith(".excalidraw")) {
-    file = createFile(file, MIME_TYPES6.excalidraw, file.name);
+    file = createFile(file, MIME_TYPES5.excalidraw, file.name);
   } else if (!file.type || file.type?.startsWith("image/")) {
     const mimeType = await getActualMimeTypeFromImage(file);
     if (mimeType && mimeType !== file.type) {
@@ -5360,7 +5389,7 @@ var encodePngMetadata = async ({
 }) => {
   const chunks = decodePng(new Uint8Array(await blobToArrayBuffer(blob)));
   const metadataChunk = tEXt.encode(
-    MIME_TYPES7.excalidraw,
+    MIME_TYPES6.excalidraw,
     JSON.stringify(
       encode({
         text: metadata,
@@ -5369,11 +5398,11 @@ var encodePngMetadata = async ({
     )
   );
   chunks.splice(-1, 0, metadataChunk);
-  return new Blob([encodePng(chunks)], { type: MIME_TYPES7.png });
+  return new Blob([encodePng(chunks)], { type: MIME_TYPES6.png });
 };
 var decodePngMetadata = async (blob) => {
   const metadata = await getTEXtChunk(blob);
-  if (metadata?.keyword === MIME_TYPES7.excalidraw) {
+  if (metadata?.keyword === MIME_TYPES6.excalidraw) {
     try {
       const encodedData = JSON.parse(metadata.text);
       if (!("encoded" in encodedData)) {
@@ -5436,7 +5465,6 @@ export {
   restoreElement,
   restoreElements,
   restoreAppState,
-  restore,
   restoreLibraryItems,
   getTEXtChunk,
   encodePngMetadata,
@@ -5462,4 +5490,4 @@ export {
   createFile,
   normalizeFile
 };
-//# sourceMappingURL=chunk-SJTAY27F.js.map
+//# sourceMappingURL=chunk-5A4X24JB.js.map