@layers-app/editor 2.2.42 → 2.2.45

package/dist/{layers.pKbdoZxb.js → layers.CABrQ2Zs.js}

@@ -1,4 +1,4 @@
-import "./layers.2VKdA5L8.js";
+import "./layers.Cvc8xBfw.js";
 var u = { paste: "貼上", pasteAsPlaintext: "以純文字貼上", pasteCharts: "貼上圖表", selectAll: "全選", multiSelect: "將物件加入選取範圍", moveCanvas: "移動畫布", cut: "剪下", copy: "複製", copyAsPng: "以PNG格式儲存到剪貼板", copyAsSvg: "以SVG格式複製到剪貼板", copyText: "以文字格式複製至剪貼簿", copySource: "複製來源至剪貼簿", convertToCode: "轉換為程式碼", bringForward: "上移一層", sendToBack: "移到最底層", bringToFront: "置於最頂層", sendBackward: "往後移一層", delete: "刪除", copyStyles: "複製樣式", pasteStyles: "貼上樣式", stroke: "筆畫", background: "背景", fill: "填滿", strokeWidth: "筆跡寬度", strokeStyle: "筆畫樣式", strokeStyle_solid: "實線", strokeStyle_dashed: "虛線", strokeStyle_dotted: "點線", sloppiness: "線條風格", opacity: "透明度", textAlign: "文字對齊", edges: "邊緣", sharp: "尖銳", round: "平滑", arrowheads: "箭頭", arrowhead_none: "無", arrowhead_arrow: "箭頭", arrowhead_bar: "條狀箭頭", arrowhead_circle: "圓形", arrowhead_circle_outline: "圓形（外框）", arrowhead_triangle: "三角形", arrowhead_triangle_outline: "三角形（外框）", arrowhead_diamond: "菱形", arrowhead_diamond_outline: "菱形（外框）", fontSize: "字型大小", fontFamily: "字體集", addWatermark: '加上 "Made with Excalidraw" 浮水印', handDrawn: "手寫", normal: "一般", code: "代碼", small: "小", medium: "中", large: "大", veryLarge: "特大", solid: "實心", hachure: "斜線筆觸", zigzag: "Ｚ字形", crossHatch: "交叉筆觸", thin: "細", bold: "粗", left: "左側", center: "置中", right: "右側", extraBold: "極粗", architect: "精確", artist: "藝術", cartoonist: "卡通", fileTitle: "檔案名稱", colorPicker: "色彩選擇工具", canvasColors: "使用於畫布", canvasBackground: "Canvas 背景", drawingCanvas: "繪圖 canvas", layers: "圖層", actions: "動作", language: "語言", liveCollaboration: "即時協作...", duplicateSelection: "複製", untitled: "無標題", name: "名稱", yourName: "你的名稱", madeWithExcalidraw: "以 Excalidraw 製作", group: "建立群組", ungroup: "取消群組", collaborators: "協作者", showGrid: "顯示格線", addToLibrary: "加入資料庫", removeFromLibrary: "從資料庫中移除", libraryLoadingMessage: "資料庫讀取中…", libraries: "瀏覽資料庫", loadingScene: "場景讀取中…", align: "對齊", alignTop: "對齊頂部", alignBottom: "對齊底部", alignLeft: "對齊左側", alignRight: "對齊右側", centerVertically: "垂直置中", centerHorizontally: "水平置中", distributeHorizontally: "水平分布", distributeVertically: "垂直分布", flipHorizontal: "水平翻轉", flipVertical: "垂直翻轉", viewMode: "檢視模式", share: "共享", showStroke: "顯示線條檢色器", showBackground: "顯示背景檢色器", toggleTheme: "切換主題", personalLib: "個人資料庫", excalidrawLib: "Excalidraw 資料庫", decreaseFontSize: "縮小文字", increaseFontSize: "放大文字", unbindText: "取消綁定文字", bindText: "結合文字至容器", createContainerFromText: "將文字包於容器中", link: { edit: "編輯連結", editEmbed: "編輯連結&嵌入", create: "建立連結", createEmbed: "建立連結&嵌入", label: "連結", labelEmbed: "連結&嵌入", empty: "未設定連結" }, lineEditor: { edit: "編輯線條", exit: "結束線條編輯" }, elementLock: { lock: "鎖定", unlock: "解鎖", lockAll: "全部鎖定", unlockAll: "全部解鎖" }, statusPublished: "已發布", sidebarLock: "側欄維持開啟", selectAllElementsInFrame: "選取框架內的所有元素", removeAllElementsFromFrame: "從框架內移除所有元素", eyeDropper: "從畫布中選取顏色", textToDiagram: "文字轉圖表", prompt: "提示詞" }, F = { noItems: "尚未加入任何物件...", hint_emptyLibrary: "選取畫布上的物件以加入，或從下方的公開 repository 中安裝資料庫", hint_emptyPrivateLibrary: "選擇畫布上的物件以在此加入" }, e = { clearReset: "重置 canvas", exportJSON: "匯出至檔案", exportImage: "匯出圖片", export: "儲存至...", copyToClipboard: "複製至剪貼簿", save: "儲存目前檔案", saveAs: "儲存為", load: "開啟", getShareableLink: "取得共享連結", close: "關閉", selectLanguage: "選擇語言", scrollBackToContent: "捲動回到內容", zoomIn: "放大", zoomOut: "縮小", resetZoom: "重設縮放", menu: "選單", done: "完成", edit: "編輯", undo: "復原", redo: "重做", resetLibrary: "重設資料庫", createNewRoom: "建立新協作會議室", fullScreen: "全螢幕", darkMode: "深色模式", lightMode: "淺色模式", zenMode: "專注模式", objectsSnapMode: "吸附至物件", exitZenMode: "離開專注模式", cancel: "取消", clear: "清除", remove: "刪除", embed: "切換嵌入", publishLibrary: "發布", submit: "送出", confirm: "確認", embeddableInteractionButton: "點擊以互動" }, E = { clearReset: "這將會清除整個 canvas。你確定嗎？", couldNotCreateShareableLink: "無法建立共享連結。", couldNotCreateShareableLinkTooBig: "無法建立共享連結：場景太大", couldNotLoadInvalidFile: "無法讀取失效的檔案。", importBackendFailed: "後端讀取失敗。", cannotExportEmptyCanvas: "無法輸出空白的 canvas。", couldNotCopyToClipboard: "無法複製到剪貼簿", decryptFailed: "無法解密資料。", uploadedSecurly: "上傳已通過 end-to-end 加密，Excalidraw 伺服器和第三方無法皆讀取其內容。", loadSceneOverridePrompt: "讀取外部圖樣將取代目前的內容。是否要繼續？", collabStopOverridePrompt: `停止連線將覆蓋您先前於本機儲存的繪圖進度，是否確認？
 
 （如要保留原有的本機繪圖進度，直接關閉瀏覽器分頁即可。）`, errorAddingToLibrary: "無法於此資料庫加入項目", errorRemovingFromLibrary: "無法由此資料庫移除項目", confirmAddLibrary: "這將會將 {{numShapes}} 個圖形加入你的資料庫，你確定嗎？", imageDoesNotContainScene: "此圖檔中未包含場景資料。輸出檔案時是否有包含場景資料？", cannotRestoreFromImage: "無法由此檔案回復場景。", invalidSceneUrl: "無法由提供的 URL 匯入場景。可能是發生異常，或未包含有效的 Excalidraw JSON 資料。", resetLibrary: "這會清除您的資料庫，是否確定？", removeItemsFromsLibrary: "從資料庫刪除 {{count}} 項？", invalidEncryptionKey: "加密鍵必須為22字元。即時協作已停用。", collabOfflineWarning: `沒有可用的網路連線。

package/dist/{layers.DqzWMLD7.js → layers.CAs2-nlo.js}

@@ -1,13 +1,13 @@
-import { jsx as r, jsxs as y, Fragment as le } from "react/jsx-runtime";
-import { useContext as se, useMemo as ce, useState as B, useEffect as S, useRef as j, useCallback as W, Suspense as he, lazy as pe } from "react";
+import { jsx as n, jsxs as y, Fragment as le } from "react/jsx-runtime";
+import { useContext as se, useMemo as ce, useState as B, useEffect as A, useRef as W, useCallback as F, Suspense as he, lazy as pe } from "react";
 import { useLexicalComposerContext as Ce } from "@lexical/react/LexicalComposerContext";
 import { useLexicalEditable as xe } from "@lexical/react/useLexicalEditable";
 import { useLexicalNodeSelection as be } from "@lexical/react/useLexicalNodeSelection";
 import { mergeRegister as ve } from "@lexical/utils";
 import { $setSelection as we, $getNodeByKey as V, CLICK_COMMAND as Ee, COMMAND_PRIORITY_LOW as J, KEY_DELETE_COMMAND as ye, KEY_BACKSPACE_COMMAND as ke } from "lexical";
-import { H as K, A as Me, C as de, R as Te, j as Q, k as Z, m as De, n as ee, N as Oe, D as te, o as Ne, q as _e, O as Ae, r as oe, a as ue, s as ne, l as Se, p as Be, t as re, v as Le, w as ze, x as Re } from "./layers.BbXqqa2k.js";
+import { H as K, j as Te, C as de, R as Me, k as Q, m as ee, A as Z, K as De, t as te, N as Oe, n as oe, o as Ne, q as _e, O as Se, a as ue, r as re, l as Ae, p as Be, s as ne, v as Le, w as ze, x as Re } from "./layers.jg--vRcI.js";
 import { useTranslation as P } from "react-i18next";
-import { Modal as Ie, Stack as $, Text as ie, Group as je, Button as U, Box as ae, useMantineColorScheme as We, Loader as Fe } from "@mantine/core";
+import { Modal as je, Stack as q, Text as ie, Group as We, Button as U, Box as ae, useMantineColorScheme as Fe, Loader as Ie } from "@mantine/core";
 import { useDisclosure as He } from "@mantine/hooks";
 import "@lexical/mark";
 import "@lexical/code";
@@ -18,8 +18,8 @@ const Ve = ({
   confirmClose: p
 }) => {
   const { t: C } = P();
-  return /* @__PURE__ */ r(
-    Ie,
+  return /* @__PURE__ */ n(
+    je,
     {
       opened: i,
       onClose: () => {
@@ -32,23 +32,23 @@ const Ve = ({
       size: 440,
       radius: "lg",
       zIndex: 999,
-      children: /* @__PURE__ */ y($, { gap: 24, pt: "md", children: [
-        /* @__PURE__ */ y($, { gap: "xs", align: "center", children: [
-          /* @__PURE__ */ r(
+      children: /* @__PURE__ */ y(q, { gap: 24, pt: "md", children: [
+        /* @__PURE__ */ y(q, { gap: "xs", align: "center", children: [
+          /* @__PURE__ */ n(
             K,
             {
-              icon: Me,
+              icon: Te,
               size: 20,
               color: "var(--mantine-color-dimmed)"
             }
           ),
-          /* @__PURE__ */ y($, { gap: 6, align: "center", children: [
-            /* @__PURE__ */ r(ie, { fw: 700, size: "md", ta: "center", children: C("editor.unsavedChanges.title") }),
-            /* @__PURE__ */ r(ie, { c: "dimmed", size: "sm", ta: "center", children: C("editor.unsavedChanges.message") })
+          /* @__PURE__ */ y(q, { gap: 6, align: "center", children: [
+            /* @__PURE__ */ n(ie, { fw: 700, size: "md", ta: "center", children: C("editor.unsavedChanges.title") }),
+            /* @__PURE__ */ n(ie, { c: "dimmed", size: "sm", ta: "center", children: C("editor.unsavedChanges.message") })
           ] })
         ] }),
-        /* @__PURE__ */ y(je, { gap: "xs", grow: !0, wrap: "nowrap", children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ y(We, { gap: "xs", grow: !0, wrap: "nowrap", children: [
+          /* @__PURE__ */ n(
             U,
             {
               variant: "default",
@@ -59,29 +59,29 @@ const Ve = ({
               children: C("editor.unsavedChanges.cancel")
             }
           ),
-          /* @__PURE__ */ r(U, { color: "indigo.8", radius: "md", onClick: p, children: C("editor.unsavedChanges.closeWithoutSaving") })
+          /* @__PURE__ */ n(U, { color: "indigo.8", radius: "md", onClick: p, children: C("editor.unsavedChanges.closeWithoutSaving") })
         ] })
       ] })
     }
   );
 };
-function qe({
+function $e({
   imageContainerRef: i,
   editor: a,
   rootClassName: p = null,
   width: C = "inherit",
   height: u = "inherit",
   nodeKey: s,
-  alignment: F,
+  alignment: I,
   setModalOpen: L,
-  previewSVG: n,
+  previewSVG: r,
   isModalOpen: m
 }) {
-  const { disable: g, imperativeHandleRef: v } = se(de), H = ce(() => n ?? "", [n]), [T, h] = B(!1), [
+  const { disable: g, imperativeHandleRef: v } = se(de), H = ce(() => r ?? "", [r]), [M, h] = B(!1), [
     G,
     { open: w, close: D }
   ] = He(!1), { t: b } = P();
-  S(() => {
+  A(() => {
     m && h(!1);
   }, [m]);
   const O = (e, x) => {
@@ -91,34 +91,34 @@ function qe({
       return ue(l) && l.setWidthAndHeight(e, x), !0;
     });
   }, E = () => {
-    ne(a, s);
+    re(a, s);
   }, z = () => {
     D(), L(!0);
   }, N = () => {
-    D(), ne(a, s);
+    D(), re(a, s);
   };
   return /* @__PURE__ */ y(
-    Te,
+    Me,
     {
       editor: a,
       isIcon: !1,
       isEmbed: !0,
-      width: oe(C),
-      height: oe(u),
+      width: ee(C),
+      height: ee(u),
       onResizeEnd: O,
-      alignment: F,
+      alignment: I,
       disable: g,
       onRegisterDecoratorEnter: (e) => {
         v != null && v.current && (v.current.decoratorEnterAction = e);
       },
-      onActivate: () => a.dispatchCommand(Ae, "show_menu"),
+      onActivate: () => a.dispatchCommand(Se, "show_menu"),
       children: [
         /* @__PURE__ */ y(ae, { className: "media-wrapper excaildraw", children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "div",
             {
               className: `media-actions${Q || !Ne ? " visible" : ""}`,
-              children: Q ? /* @__PURE__ */ r(
+              children: Q ? /* @__PURE__ */ n(
                 Z,
                 {
                   "aria-label": b("editor.toolbar.more"),
@@ -129,7 +129,7 @@ function qe({
                   iconColor: "var(--mantine-color-gray-text)"
                 }
               ) : /* @__PURE__ */ y(le, { children: [
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ n(
                   Z,
                   {
                     "aria-label": "Settings",
@@ -138,14 +138,14 @@ function qe({
                     onClick: () => {
                       L(!0);
                     },
-                    icon: ee,
+                    icon: te,
                     iconColor: "var(--mantine-color-gray-text)"
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ n(
                   Oe,
                   {
-                    opened: T,
+                    opened: M,
                     setOpened: h,
                     t: b,
                     editor: a,
@@ -153,21 +153,21 @@ function qe({
                     flexBorder: !0
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ n(
                   Z,
                   {
                     "aria-label": "Delete",
                     label: b("editor.actions.delete"),
                     flexBorder: !0,
                     onClick: E,
-                    icon: te,
+                    icon: oe,
                     iconColor: "var(--mantine-color-red-outline)"
                   }
                 )
               ] })
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             ae,
             {
               w: "100%",
@@ -179,14 +179,14 @@ function qe({
             }
           )
         ] }),
-        Q && /* @__PURE__ */ r(
+        Q && /* @__PURE__ */ n(
           _e,
           {
             opened: G,
             onClose: D,
             title: b("editor.image.mobileActions"),
-            children: /* @__PURE__ */ y($, { gap: 4, p: 0, children: [
-              /* @__PURE__ */ r(
+            children: /* @__PURE__ */ y(q, { gap: 4, p: 0, children: [
+              /* @__PURE__ */ n(
                 U,
                 {
                   type: "button",
@@ -196,10 +196,10 @@ function qe({
                   justify: "flex-start",
                   bg: "var(--editor-action-bg)",
                   onClick: z,
-                  leftSection: /* @__PURE__ */ r(
+                  leftSection: /* @__PURE__ */ n(
                     K,
                     {
-                      icon: ee,
+                      icon: te,
                       size: 16,
                       color: "var(--mantine-color-dimmed)"
                     }
@@ -207,7 +207,7 @@ function qe({
                   children: b("editor.link.edit")
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ n(
                 U,
                 {
                   type: "button",
@@ -217,10 +217,10 @@ function qe({
                   justify: "flex-start",
                   bg: "var(--editor-action-bg)",
                   onClick: N,
-                  leftSection: /* @__PURE__ */ r(
+                  leftSection: /* @__PURE__ */ n(
                     K,
                     {
-                      icon: te,
+                      icon: oe,
                       size: 16,
                       color: "var(--mantine-color-red-6)"
                     }
@@ -236,14 +236,14 @@ function qe({
   );
 }
 let Y = null;
-const $e = /* @__PURE__ */ pe(async () => {
+const qe = /* @__PURE__ */ pe(async () => {
   var a;
-  const i = await import("./layers.2VKdA5L8.js").then((p) => p.M);
+  const i = await import("./layers.Cvc8xBfw.js").then((p) => p.M);
   return !Y && i && (Y = i.exportToSvg || ((a = i.default) == null ? void 0 : a.exportToSvg) || i.default), { default: i.Excalidraw };
 }), Ue = () => {
   const [i, a] = B(
     null
-  ), p = W(
+  ), p = F(
     (C) => a(C),
     []
   );
@@ -256,20 +256,20 @@ function Ye({
   initialFiles: C,
   isShown: u = !1,
   onDelete: s,
-  onClose: F,
+  onClose: I,
   isEdited: L
 }) {
-  const [n, m] = Ue(), { i18n: g, t: v } = P(), { colorScheme: H } = We(), T = j(!1), [h, G] = B(a), [w, D] = B(C), [b, O] = B(u);
-  S(() => {
+  const [r, m] = Ue(), { i18n: g, t: v } = P(), { colorScheme: H } = Fe(), M = W(!1), [h, G] = B(a), [w, D] = B(C), [b, O] = B(u);
+  A(() => {
     u && O(!0);
-  }, [u]), S(() => {
-    !u || T.current || (T.current = !0, Promise.resolve({           }));
-  }, [u]), S(() => {
+  }, [u]), A(() => {
+    !u || M.current || (M.current = !0, Promise.resolve({           }));
+  }, [u]), A(() => {
     u && setTimeout(() => {
       var e, x;
-      (e = n == null ? void 0 : n.refresh) == null || e.call(n), (x = n == null ? void 0 : n.scrollToContent) == null || x.call(n);
+      (e = r == null ? void 0 : r.refresh) == null || e.call(r), (x = r == null ? void 0 : r.scrollToContent) == null || x.call(r);
     }, 500);
-  }, [u, n]), S(() => {
+  }, [u, r]), A(() => {
     if (!u)
       return;
     const e = (o, c) => {
@@ -289,7 +289,7 @@ function Ye({
       "Web Embed": l,
       "Web embeded": l,
       Generate: d
-    }, I = () => {
+    }, j = () => {
       const o = document.querySelector(".App-toolbar__extra-tools-dropdown");
       if (!o)
         return;
@@ -302,15 +302,15 @@ function Ye({
       for (; t = c.nextNode(); )
         if (t.nodeType === Node.TEXT_NODE && t.textContent) {
           const f = t.textContent.trim();
-          for (const [M, A] of Object.entries(R))
-            if (f === M && A && !f.includes(A)) {
-              t.textContent = t.textContent.replace(M, A);
+          for (const [T, S] of Object.entries(R))
+            if (f === T && S && !f.includes(S)) {
+              t.textContent = t.textContent.replace(T, S);
               break;
             }
         }
     }, _ = () => {
       setTimeout(() => {
-        I();
+        j();
       }, 0);
     }, k = setTimeout(() => {
       const o = document.querySelector(
@@ -336,15 +336,15 @@ function Ye({
       }
     };
   }, [u, g.language, v]);
-  const E = W(async () => {
-    var I, _, k;
+  const E = F(async () => {
+    var j, _, k;
     let e = Y;
     if (!e || typeof e != "function") {
-      const o = await import("./layers.2VKdA5L8.js").then((c) => c.M);
-      e = o.exportToSvg || ((I = o.default) == null ? void 0 : I.exportToSvg) || o.default, e && typeof e == "function" && (Y = e);
+      const o = await import("./layers.Cvc8xBfw.js").then((c) => c.M);
+      e = o.exportToSvg || ((j = o.default) == null ? void 0 : j.exportToSvg) || o.default, e && typeof e == "function" && (Y = e);
     }
     if (!e || typeof e != "function") {
-      const o = await import("./layers.2VKdA5L8.js").then((t) => t.M), c = o ? Object.keys(o) : [];
+      const o = await import("./layers.Cvc8xBfw.js").then((t) => t.M), c = o ? Object.keys(o) : [];
       throw console.error("Excalidraw module structure:", {
         keys: c,
         hasExportToSvg: o && "exportToSvg" in o,
@@ -355,7 +355,7 @@ function Ye({
         `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${c.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
       );
     }
-    const x = ((_ = n == null ? void 0 : n.getAppState) == null ? void 0 : _.call(n)) ?? p, l = await e({
+    const x = ((_ = r == null ? void 0 : r.getAppState) == null ? void 0 : _.call(r)) ?? p, l = await e({
       appState: x,
       elements: h,
       files: w
@@ -365,9 +365,9 @@ function Ye({
       l.setAttribute("width", o[2]), l.setAttribute("height", o[3]);
     }
     return d && d.tagName === "style" && d.remove(), l.setAttribute("width", "100%"), l.setAttribute("height", "100%"), l.setAttribute("display", "block"), l.classList.add("excalidraw-svg"), l.outerHTML;
-  }, [h, w, n, p]), z = () => {
+  }, [h, w, r, p]), z = () => {
     if (h && h.filter((e) => !e.isDeleted).length > 0) {
-      const e = n == null ? void 0 : n.getAppState(), x = {
+      const e = r == null ? void 0 : r.getAppState(), x = {
         exportBackground: e == null ? void 0 : e.exportBackground,
         exportScale: e == null ? void 0 : e.exportScale,
         exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
@@ -389,18 +389,18 @@ function Ye({
   }, N = (e, x, l) => {
     (e == null ? void 0 : e.length) !== (a == null ? void 0 : a.length) && (L.current = !0), G(e), D(l);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ n(
     Ge,
     {
       opened: u,
-      onClose: F,
+      onClose: I,
       onSave: z,
       className: "excaildraw-modal",
       closeOnEscape: !1,
-      children: b && /* @__PURE__ */ r(
+      children: b && /* @__PURE__ */ n(
         he,
         {
-          fallback: /* @__PURE__ */ r(
+          fallback: /* @__PURE__ */ n(
             "div",
             {
               style: {
@@ -410,13 +410,13 @@ function Ye({
                 height: "100%",
                 minHeight: "400px"
               },
-              children: /* @__PURE__ */ r(Fe, { size: "sm" })
+              children: /* @__PURE__ */ n(Ie, { size: "sm" })
             }
           ),
-          children: /* @__PURE__ */ r(
-            $e,
+          children: /* @__PURE__ */ n(
+            qe,
             {
-              langCode: Se[g.language],
+              langCode: Ae[g.language],
               theme: H,
               onChange: N,
               excalidrawAPI: m,
@@ -441,27 +441,27 @@ function st({
   alignment: u
 }) {
   var c;
-  const [s] = Ce(), { fetchUploadMedia: F, fetchDeleteMedia: L } = se(de), n = xe(), m = ce(() => Be(a), [a]), g = j(
-    re(m.files ?? {})
-  ), v = j(
+  const [s] = Ce(), { fetchUploadMedia: I, fetchDeleteMedia: L } = se(de), r = xe(), m = ce(() => Be(a), [a]), g = W(
+    ne(m.files ?? {})
+  ), v = W(
     Object.keys(m.files ?? {})
   );
-  S(() => {
-    const t = re(m.files ?? {});
+  A(() => {
+    const t = ne(m.files ?? {});
     for (const f of Object.keys(t))
       g.current[f] = t[f];
   }, [m.files]);
-  const H = ((c = m == null ? void 0 : m.elements) == null ? void 0 : c.length) === 0 && !m.previewSVG, [T, h] = B(
+  const H = ((c = m == null ? void 0 : m.elements) == null ? void 0 : c.length) === 0 && !m.previewSVG, [M, h] = B(
     H && s.isEditable()
-  ), [G, w] = B(!1), D = j(null), b = j(null), O = j(null), [E, z, N] = be(i), e = W(
+  ), [G, w] = B(!1), D = W(null), b = W(null), O = W(null), [E, z, N] = be(i), e = F(
     (t) => (E && (t.preventDefault(), s.update(() => {
       const f = V(i);
       f && f.remove();
     })), !1),
     [s, E, i]
   );
-  S(() => {
-    if (!n) {
+  A(() => {
+    if (!r) {
       E && N();
       return;
     }
@@ -469,8 +469,8 @@ function st({
       s.registerCommand(
         Ee,
         (t) => {
-          const f = b.current, M = t.target;
-          return f !== null && f.contains(M) ? (t.shiftKey || N(), z(!E), t.detail > 1 && h(!0), !0) : !1;
+          const f = b.current, T = t.target;
+          return f !== null && f.contains(T) ? (t.shiftKey || N(), z(!E), t.detail > 1 && h(!0), !0) : !1;
         },
         J
       ),
@@ -485,48 +485,48 @@ function st({
         J
       )
     );
-  }, [N, s, E, e, z, n]);
-  const x = W(() => (h(!1), s.update(() => {
+  }, [N, s, E, e, z, r]);
+  const x = F(() => (h(!1), s.update(() => {
     const t = V(i);
     t && t.remove();
-  })), [s, i]), l = async (t, f, M, A) => {
+  })), [s, i]), l = async (t, f, T, S) => {
     const {
-      files: q,
+      files: $,
       urlByDataUrl: fe,
       attachmentIdByFileId: me
     } = await Le(
-      M,
-      F,
+      T,
+      I,
       g.current
     );
     g.current = ze(
       v.current,
-      q,
+      $,
       me,
       L
-    ), v.current = Object.keys(q);
-    const ge = Re(A, fe);
+    ), v.current = Object.keys($);
+    const ge = Re(S, fe);
     s.update(() => {
       const X = V(i);
-      ue(X) && (t && t.length > 0 || Object.keys(q).length > 0 ? X.setData(
+      ue(X) && (t && t.length > 0 || Object.keys($).length > 0 ? X.setData(
         JSON.stringify({
           appState: f,
           elements: t,
-          files: q,
+          files: $,
           previewSVG: ge
         })
       ) : X.remove());
     });
-  }, { elements: d = [], files: R = {}, appState: I = {}, previewSVG: _ } = m, k = W(() => {
+  }, { elements: d = [], files: R = {}, appState: j = {}, previewSVG: _ } = m, k = F(() => {
     h(!1), w(!1), O.current = !1, (d == null ? void 0 : d.length) === 0 && s.update(() => {
       const t = V(i);
       t && t.remove();
     });
-  }, [s, i, d == null ? void 0 : d.length]), o = W(() => {
+  }, [s, i, d == null ? void 0 : d.length]), o = F(() => {
     O.current ? w(!0) : k();
   }, [k]);
   return /* @__PURE__ */ y(le, { children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       Ve,
       {
         isCloseModal: G,
@@ -534,31 +534,31 @@ function st({
         setCloseModalOpen: w
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ n(
       Ye,
       {
         initialElements: d,
         isEdited: O,
         initialFiles: R,
-        initialAppState: I,
-        isShown: T,
+        initialAppState: j,
+        isShown: M,
         onDelete: x,
         onClose: o,
-        onSave: async (t, f, M, A) => {
-          await l(t, f, M, A), h(!1);
+        onSave: async (t, f, T, S) => {
+          await l(t, f, T, S), h(!1);
         },
         closeOnClickOutside: !1
       }
     ),
-    (d == null ? void 0 : d.length) && /* @__PURE__ */ r(
+    (d == null ? void 0 : d.length) && /* @__PURE__ */ n(
       "div",
       {
         style: {
           display: "flex",
           justifyContent: u
         },
-        children: /* @__PURE__ */ r(
-          qe,
+        children: /* @__PURE__ */ n(
+          $e,
           {
             imageContainerRef: D,
             className: "image",
@@ -569,7 +569,7 @@ function st({
             alignment: u,
             setModalOpen: h,
             previewSVG: _,
-            isModalOpen: T
+            isModalOpen: M
           }
         )
       }