@layers-app/editor 2.2.45 → 2.3.0

package/dist/{layers.0ohwJnJO.js → layers.5g-d1lPI.js}

@@ -1,13 +1,13 @@
-import { jsx as n, jsxs as N, Fragment as H } from "react/jsx-runtime";
-import { useState as y, useCallback as C, useRef as Q, useEffect as P, useMemo as K, useContext as Ie } from "react";
-import { useTranslation as B } from "react-i18next";
-import { useLexicalComposerContext as V } from "@lexical/react/LexicalComposerContext";
-import { Menu as x, Flex as Z, Popover as A, Stack as He, Button as j, Box as Be, LoadingOverlay as Ve } from "@mantine/core";
-import { $getNodeByKey as E, COMMAND_PRIORITY_LOW as Ge, $setSelection as Xe } from "lexical";
-import { y as Ye, z as Ze, B as qe, D as Je, F as he, G as J, J as Qe, L as Ke, A as ee, K as et, P as tt, H as U, Q as Ce, n as De, S as Le, U as Ne, V as S, N as Oe, W as ot, X as nt, q as we, Y as it, C as Pe, Z as at, _ as rt, a0 as q, a1 as lt, a2 as st, a3 as dt, a4 as ct, a5 as ut, a6 as pt, R as mt, m as be, O as gt, k as ke, a7 as ve, o as ft } from "./layers.jg--vRcI.js";
-import { AttachmentsGalleryModal as Te, showErrorNotification as ht } from "@layers-app/shared";
-import { useLexicalEditable as te } from "@lexical/react/useLexicalEditable";
-import { useDisclosure as $ } from "@mantine/hooks";
+import { jsx as n, jsxs as O, Fragment as B } from "react/jsx-runtime";
+import { useState as y, useCallback as D, useRef as ee, useEffect as E, useMemo as te, useContext as Ce } from "react";
+import { useTranslation as V } from "react-i18next";
+import { useLexicalComposerContext as G } from "@lexical/react/LexicalComposerContext";
+import { Menu as R, Flex as J, Popover as W, Stack as Ve, Button as $, Box as Ge, LoadingOverlay as Xe } from "@mantine/core";
+import { $getNodeByKey as x, COMMAND_PRIORITY_LOW as Ye, $setSelection as Ze } from "lexical";
+import { y as qe, z as Je, B as Qe, D as Ke, F as we, G as K, J as et, L as tt, A as oe, K as ot, P as nt, H as M, Q as De, n as Le, S as Oe, U as Ne, V as T, N as Ee, W as it, X as at, q as be, Y as rt, C as Pe, Z as lt, _ as st, a0 as Q, a1 as dt, a2 as ct, a3 as ut, a4 as pt, a5 as mt, a6 as gt, R as ft, m as ve, O as ht, k as ke, a7 as ye, o as wt } from "./layers.BrPGpTKD.js";
+import { AttachmentsGalleryModal as xe, showErrorNotification as bt } from "@layers-app/shared";
+import { useLexicalEditable as ne } from "@lexical/react/useLexicalEditable";
+import { useDisclosure as H } from "@mantine/hooks";
 import "@lexical/react/LexicalDecoratorBlockNode";
 import "@lexical/utils";
 import "@lexical/mark";
@@ -17,51 +17,51 @@ import "react-dom";
 import "@lexical/react/LexicalErrorBoundary";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@mantine/notifications";
-function wt(e, i) {
-  const t = document.createElement("a");
-  t.href = e, t.download = i, t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
+function vt(e, i) {
+  const o = document.createElement("a");
+  o.href = e, o.download = i, o.rel = "noopener", document.body.appendChild(o), o.click(), o.remove();
 }
-function oe(e) {
+function ie(e) {
   try {
-    const t = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
-    return t.includes(".") ? t : `${t}.png`;
+    const o = new URL(e, window.location.origin).pathname.split("/").pop() || "image";
+    return o.includes(".") ? o : `${o}.png`;
   } catch {
     return "image";
   }
 }
-async function ne(e, i) {
-  const t = await fetch(e);
-  if (!t.ok)
+async function ae(e, i) {
+  const o = await fetch(e);
+  if (!o.ok)
     throw new Error("fetch failed");
-  const a = await t.blob(), r = URL.createObjectURL(a);
+  const a = await o.blob(), r = URL.createObjectURL(a);
   try {
-    wt(r, i);
+    vt(r, i);
   } finally {
     setTimeout(() => URL.revokeObjectURL(r), 0);
   }
 }
-function bt({
+function kt({
   editor: e,
   nodeKey: i,
-  href: t,
+  href: o,
   onClose: a
 }) {
   const [r, s] = y(
-    () => Ye(t)
-  ), [l, d] = y(() => Ze(t)), [I, b] = y(!1), p = C((c) => {
+    () => qe(o)
+  ), [l, d] = y(() => Je(o)), [I, b] = y(!1), m = D((c) => {
     s(c), b(!1);
-  }, []), m = C((c) => {
+  }, []), g = D((c) => {
     d(c), b(!1);
-  }, []), h = C(() => {
-    const c = qe(l.trim(), r);
-    if (!c || !Je(c, r)) {
+  }, []), h = D(() => {
+    const c = Qe(l.trim(), r);
+    if (!c || !Ke(c, r)) {
       b(!0);
       return;
     }
-    he(e, i, J(c)), a();
-  }, [e, i, l, r, a]), v = C(() => {
-    he(e, i, ""), a();
-  }, [e, i, a]), k = C(
+    we(e, i, K(c)), a();
+  }, [e, i, l, r, a]), k = D(() => {
+    we(e, i, ""), a();
+  }, [e, i, a]), v = D(
     (c) => {
       c.key === "Enter" ? (c.preventDefault(), h()) : c.key === "Escape" && (c.preventDefault(), a());
     },
@@ -71,26 +71,26 @@ function bt({
     linkType: r,
     linkUrl: l,
     error: I,
-    onLinkTypeChange: p,
-    onUrlInputChange: m,
-    onUrlInputKeyDown: k,
+    onLinkTypeChange: m,
+    onUrlInputChange: g,
+    onUrlInputKeyDown: v,
     onSave: h,
-    onRemove: v
+    onRemove: k
   };
 }
-function ie({
+function re({
   editor: e,
   nodeKey: i,
-  href: t,
+  href: o,
   onClose: a,
   mobile: r
 }) {
-  const s = Q(null), l = bt({ editor: e, nodeKey: i, href: t, onClose: a });
-  return P(() => {
+  const s = ee(null), l = kt({ editor: e, nodeKey: i, href: o, onClose: a });
+  return E(() => {
     var d;
     (d = s.current) == null || d.focus({ preventScroll: !0 });
   }, []), /* @__PURE__ */ n(
-    Qe,
+    et,
     {
       inputRef: s,
       linkUrl: l.linkUrl,
@@ -102,42 +102,42 @@ function ie({
       onUrlInputKeyDown: l.onUrlInputKeyDown,
       onCancel: a,
       onSave: l.onSave,
-      onRemove: t ? l.onRemove : void 0
+      onRemove: o ? l.onRemove : void 0
     }
   );
 }
-function Ee({
+function Te({
   opened: e,
   onOpenChange: i,
-  t,
+  t: o,
   onDownload: a,
   onDelete: r,
   hasLink: s,
   onLinkAction: l
 }) {
-  return /* @__PURE__ */ N(
-    x,
+  return /* @__PURE__ */ O(
+    R,
     {
       opened: e,
       onChange: i,
-      transitionProps: Ke,
+      transitionProps: tt,
       shadow: "md",
       position: "bottom-start",
       offset: 4,
       withinPortal: !0,
       closeOnItemClick: !0,
       children: [
-        /* @__PURE__ */ n(x.Target, { children: /* @__PURE__ */ n(
-          ee,
+        /* @__PURE__ */ n(R.Target, { children: /* @__PURE__ */ n(
+          oe,
           {
-            label: t("editor.toolbar.more"),
-            icon: et,
+            label: o("editor.toolbar.more"),
+            icon: ot,
             iconColor: "var(--mantine-color-gray-text)",
-            "aria-label": t("editor.toolbar.more")
+            "aria-label": o("editor.toolbar.more")
           }
         ) }),
-        /* @__PURE__ */ N(
-          x.Dropdown,
+        /* @__PURE__ */ O(
+          R.Dropdown,
           {
             p: 4,
             miw: 164,
@@ -145,34 +145,34 @@ function Ee({
             onMouseDown: (d) => d.preventDefault(),
             children: [
               l && /* @__PURE__ */ n(
-                x.Item,
+                R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(Z, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(tt, { name: "link", size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(nt, { name: "link", size: 16 }) }),
                   onClick: (d) => {
                     d.stopPropagation(), l();
                   },
-                  children: t(s ? "editor.link.editLink" : "editor.link.addLink")
+                  children: o(s ? "editor.link.editLink" : "editor.link.addLink")
                 }
               ),
               /* @__PURE__ */ n(
-                x.Item,
+                R.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(Z, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(U, { icon: Ce, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: De, size: 16 }) }),
                   onClick: (d) => {
                     d.stopPropagation(), a();
                   },
-                  children: t("editor.gallery.download")
+                  children: o("editor.gallery.download")
                 }
               ),
               /* @__PURE__ */ n(
-                x.Item,
+                R.Item,
                 {
                   color: "red",
-                  leftSection: /* @__PURE__ */ n(Z, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(U, { icon: De, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(J, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: Le, size: 16 }) }),
                   onClick: (d) => {
                     d.stopPropagation(), r();
                   },
-                  children: t("editor.contextMenu.delete")
+                  children: o("editor.contextMenu.delete")
                 }
               )
             ]
@@ -185,10 +185,10 @@ function Ee({
 const Se = ({
   t: e,
   src: i,
-  setShown: t,
+  setShown: o,
   id: a
 }) => {
-  const [r, { open: s, close: l }] = $(!1), d = Le(), I = K(() => [
+  const [r, { open: s, close: l }] = H(!1), d = Oe(), I = te(() => [
     {
       id: !a || a === "0" ? "" : a,
       Url: i ?? "",
@@ -208,62 +208,62 @@ const Se = ({
       deletedAt: /* @__PURE__ */ new Date()
     }
   ], [i, a]);
-  return /* @__PURE__ */ N(H, { children: [
+  return /* @__PURE__ */ O(B, { children: [
     /* @__PURE__ */ n(
-      Te,
+      xe,
       {
         opened: r,
-        onOpenChange: (p) => {
-          p ? s() : l();
+        onOpenChange: (m) => {
+          m ? s() : l();
         },
         attachments: I,
         allowDownload: d
       }
     ),
     /* @__PURE__ */ n(
-      ee,
+      oe,
       {
         label: e("editor.image.preview"),
         icon: Ne,
         iconColor: "var(--mantine-color-gray-text)",
         "aria-label": e("editor.image.preview"),
         onClick: () => {
-          t(!1), s();
+          o(!1), s();
         }
       }
     )
   ] });
-}, kt = ({
+}, yt = ({
   nodeKey: e,
   src: i,
-  href: t
+  href: o
 }) => {
-  const [a] = V(), r = te(), [s, l] = y(!1), [d, I] = y(!1), [b, p] = y(!1), { t: m } = B();
-  P(() => {
+  const [a] = G(), r = ne(), [s, l] = y(!1), [d, I] = y(!1), [b, m] = y(!1), { t: g } = V();
+  E(() => {
     if (!b) return;
-    const k = (c) => {
+    const v = (c) => {
       const w = c.target;
-      w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || p(!1);
+      w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || m(!1);
     };
-    return document.addEventListener("pointerdown", k, !0), () => document.removeEventListener("pointerdown", k, !0);
+    return document.addEventListener("pointerdown", v, !0), () => document.removeEventListener("pointerdown", v, !0);
   }, [b]);
-  const h = C(() => {
+  const h = D(() => {
     a.update(() => {
-      const k = E(e);
-      S(k) && k.remove();
+      const v = x(e);
+      T(v) && v.remove();
     });
-  }, [a, e]), v = C(async () => {
+  }, [a, e]), k = D(async () => {
     if (i)
       try {
-        await ne(i, oe(i));
+        await ae(i, ie(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ N(
-    A,
+  return /* @__PURE__ */ O(
+    W,
     {
       opened: b,
-      onChange: p,
+      onChange: m,
       position: "bottom-end",
       offset: 4,
       shadow: "md",
@@ -271,20 +271,20 @@ const Se = ({
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(A.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ O(
           "div",
           {
             className: `media-actions ${r ? "" : "media-actions--readonly"}`,
             children: [
-              /* @__PURE__ */ n(Se, { t: m, src: i, setShown: () => {
+              /* @__PURE__ */ n(Se, { t: g, src: i, setShown: () => {
               } }),
-              r && /* @__PURE__ */ N(H, { children: [
+              r && /* @__PURE__ */ O(B, { children: [
                 /* @__PURE__ */ n(
-                  Oe,
+                  Ee,
                   {
                     opened: s,
                     setOpened: l,
-                    t: m,
+                    t: g,
                     editor: a,
                     nodeKey: e,
                     setShown: () => {
@@ -292,15 +292,15 @@ const Se = ({
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ee,
+                  Te,
                   {
                     opened: d,
                     onOpenChange: I,
-                    t: m,
-                    onDownload: () => void v(),
+                    t: g,
+                    onDownload: () => void k(),
                     onDelete: h,
-                    hasLink: !!t,
-                    onLinkAction: () => p(!0)
+                    hasLink: !!o,
+                    onLinkAction: () => m(!0)
                   }
                 )
               ] })
@@ -308,17 +308,17 @@ const Se = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          A.Dropdown,
+          W.Dropdown,
           {
-            className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
+            className: `floating-link-dropdown floating-link-dropdown--${o ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              ie,
+              re,
               {
                 editor: a,
                 nodeKey: e,
-                href: t,
-                onClose: () => p(!1)
+                href: o,
+                onClose: () => m(!1)
               }
             )
           }
@@ -326,36 +326,36 @@ const Se = ({
       ]
     }
   );
-}, vt = () => {
+}, It = () => {
 };
-function yt({ nodeKey: e, src: i, id: t, href: a }) {
-  const { t: r } = B(), [s] = V(), l = te(), [d, I] = y(!1), [b, p] = y(!1), [m, h] = y(!1);
-  P(() => {
-    if (!m) return;
+function Ct({ nodeKey: e, src: i, id: o, href: a }) {
+  const { t: r } = V(), [s] = G(), l = ne(), [d, I] = y(!1), [b, m] = y(!1), [g, h] = y(!1);
+  E(() => {
+    if (!g) return;
     const c = (w) => {
       const u = w.target;
       u != null && u.closest(".floating-link-dropdown") || u != null && u.closest(".floating-link-type-combobox-dropdown") || h(!1);
     };
     return document.addEventListener("pointerdown", c, !0), () => document.removeEventListener("pointerdown", c, !0);
-  }, [m]);
-  const v = C(() => {
-    p(!1), s.update(() => {
-      const c = E(e);
-      if (!S(c)) return;
+  }, [g]);
+  const k = D(() => {
+    m(!1), s.update(() => {
+      const c = x(e);
+      if (!T(c)) return;
       const w = c.getParent();
-      ot(w) ? w.remove() : c.remove();
+      it(w) ? w.remove() : c.remove();
     });
-  }, [s, e]), k = C(async () => {
+  }, [s, e]), v = D(async () => {
     if (i)
       try {
-        await ne(i, oe(i));
+        await ae(i, ie(i));
       } catch {
       }
   }, [i]);
-  return /* @__PURE__ */ N(
-    A,
+  return /* @__PURE__ */ O(
+    W,
     {
-      opened: m,
+      opened: g,
       onChange: h,
       position: "bottom-end",
       offset: 4,
@@ -364,7 +364,7 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(A.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ O(
           "div",
           {
             className: "media-actions visible",
@@ -379,10 +379,10 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
             },
             onClick: (c) => c.stopPropagation(),
             children: [
-              /* @__PURE__ */ n(Se, { t: r, src: i, setShown: vt, id: t }),
-              l && /* @__PURE__ */ N(H, { children: [
+              /* @__PURE__ */ n(Se, { t: r, src: i, setShown: It, id: o }),
+              l && /* @__PURE__ */ O(B, { children: [
                 /* @__PURE__ */ n(
-                  Oe,
+                  Ee,
                   {
                     opened: d,
                     setOpened: I,
@@ -392,13 +392,13 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
                   }
                 ),
                 /* @__PURE__ */ n(
-                  Ee,
+                  Te,
                   {
                     opened: b,
-                    onOpenChange: p,
+                    onOpenChange: m,
                     t: r,
-                    onDownload: () => void k(),
-                    onDelete: v,
+                    onDownload: () => void v(),
+                    onDelete: k,
                     hasLink: !!a,
                     onLinkAction: () => h(!0)
                   }
@@ -408,12 +408,12 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
           }
         ) }),
         /* @__PURE__ */ n(
-          A.Dropdown,
+          W.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${a ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
             children: /* @__PURE__ */ n(
-              ie,
+              re,
               {
                 editor: s,
                 nodeKey: e,
@@ -427,13 +427,13 @@ function yt({ nodeKey: e, src: i, id: t, href: a }) {
     }
   );
 }
-function It({ nodeKey: e, src: i, id: t, href: a }) {
-  const { t: r } = B(), [s] = V(), l = te(), d = Le(), [I, { open: b, close: p }] = $(!1), [m, { open: h, close: v }] = $(!1), [k, { open: c, close: w }] = $(!1), u = () => {
-    p(), c();
-  }, T = K(
+function Dt({ nodeKey: e, src: i, id: o, href: a }) {
+  const { t: r } = V(), [s] = G(), l = ne(), d = Oe(), [I, { open: b, close: m }] = H(!1), [g, { open: h, close: k }] = H(!1), [v, { open: c, close: w }] = H(!1), u = () => {
+    m(), c();
+  }, P = te(
     () => [
       {
-        id: !t || t === "0" ? "" : t,
+        id: !o || o === "0" ? "" : o,
         Url: i ?? "",
         contentType: "image/*",
         originalFileName: "",
@@ -451,22 +451,22 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
         deletedAt: /* @__PURE__ */ new Date()
       }
     ],
-    [i, t]
-  ), R = () => {
-    p(), h();
-  }, L = C(async () => {
-    if (p(), !!i)
+    [i, o]
+  ), S = () => {
+    m(), h();
+  }, L = D(async () => {
+    if (m(), !!i)
       try {
-        await ne(i, oe(i));
+        await ae(i, ie(i));
       } catch {
       }
-  }, [i, p]), M = C(() => {
-    p(), s.update(() => {
-      const O = E(e);
-      S(O) && O.remove();
+  }, [i, m]), U = D(() => {
+    m(), s.update(() => {
+      const N = x(e);
+      T(N) && N.remove();
     });
-  }, [s, e, p]);
-  return /* @__PURE__ */ N(H, { children: [
+  }, [s, e, m]);
+  return /* @__PURE__ */ O(B, { children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -478,12 +478,12 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
           zIndex: 10,
           pointerEvents: "auto"
         },
-        onClick: (O) => O.stopPropagation(),
+        onClick: (N) => N.stopPropagation(),
         children: /* @__PURE__ */ n(
-          ee,
+          oe,
           {
             label: r("editor.toolbar.more"),
-            icon: nt,
+            icon: at,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": r("editor.toolbar.more"),
             onClick: b
@@ -492,23 +492,23 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
       }
     ),
     /* @__PURE__ */ n(
-      Te,
+      xe,
       {
-        opened: m,
-        onOpenChange: (O) => O ? h() : v(),
-        attachments: T,
+        opened: g,
+        onOpenChange: (N) => N ? h() : k(),
+        attachments: P,
         allowDownload: d
       }
     ),
     /* @__PURE__ */ n(
-      we,
+      be,
       {
         opened: I,
-        onClose: p,
+        onClose: m,
         title: r("editor.image.mobileActions"),
-        children: /* @__PURE__ */ N(He, { gap: 4, p: 0, children: [
+        children: /* @__PURE__ */ O(Ve, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -516,9 +516,9 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: R,
+              onClick: S,
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
                   icon: Ne,
                   size: 16,
@@ -529,7 +529,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
             }
           ),
           l && /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -539,9 +539,9 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               bg: "var(--editor-action-bg)",
               onClick: u,
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
-                  icon: it,
+                  icon: rt,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -550,7 +550,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
             }
           ),
           d && /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -560,9 +560,9 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               bg: "var(--editor-action-bg)",
               onClick: () => void L(),
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
-                  icon: Ce,
+                  icon: De,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -571,7 +571,7 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
             }
           ),
           l && /* @__PURE__ */ n(
-            j,
+            $,
             {
               type: "button",
               variant: "subtle",
@@ -579,11 +579,11 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: M,
+              onClick: U,
               leftSection: /* @__PURE__ */ n(
-                U,
+                M,
                 {
-                  icon: De,
+                  icon: Le,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
@@ -595,13 +595,13 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
       }
     ),
     /* @__PURE__ */ n(
-      we,
+      be,
       {
-        opened: k,
+        opened: v,
         onClose: w,
         title: r(a ? "editor.link.editLink" : "editor.link.addLink"),
         children: /* @__PURE__ */ n(
-          ie,
+          re,
           {
             editor: s,
             nodeKey: e,
@@ -614,10 +614,10 @@ function It({ nodeKey: e, src: i, id: t, href: a }) {
     )
   ] });
 }
-const ye = (e) => {
+const Ie = (e) => {
   const {
     width: i,
-    height: t,
+    height: o,
     isLoading: a,
     isError: r,
     src: s,
@@ -625,24 +625,24 @@ const ye = (e) => {
     altText: d,
     imageRef: I,
     maxWidth: b,
-    aspectRatio: p,
-    href: m
-  } = e, h = Q(null);
-  return /* @__PURE__ */ N(
+    aspectRatio: m,
+    href: g
+  } = e, h = ee(null);
+  return /* @__PURE__ */ O(
     "div",
     {
       className: "media-wrapper",
-      "data-reserved-box": p ? "" : void 0,
+      "data-reserved-box": m ? "" : void 0,
       style: {
         width: i,
-        height: p ? "auto" : t,
-        aspectRatio: p || void 0,
+        height: m ? "auto" : o,
+        aspectRatio: m || void 0,
         display: "inline-flex",
         position: "relative"
       },
       children: [
         /* @__PURE__ */ n(
-          Ve,
+          Xe,
           {
             visible: a,
             zIndex: 1e3,
@@ -654,21 +654,21 @@ const ye = (e) => {
           "a",
           {
             className: "editor-image-link",
-            "data-link": m ? "true" : void 0,
-            "data-href": m ? J(m) : void 0,
-            role: m ? "link" : void 0,
-            rel: m ? "noopener noreferrer" : void 0,
+            "data-link": g ? "true" : void 0,
+            "data-href": g ? K(g) : void 0,
+            role: g ? "link" : void 0,
+            rel: g ? "noopener noreferrer" : void 0,
             draggable: !1,
-            onMouseDown: m ? (v) => {
-              h.current = { x: v.clientX, y: v.clientY };
+            onMouseDown: g ? (k) => {
+              h.current = { x: k.clientX, y: k.clientY };
             } : void 0,
-            onClick: m ? (v) => {
-              v.preventDefault();
-              const k = h.current;
-              h.current = null, !(k && Math.hypot(v.clientX - k.x, v.clientY - k.y) > 5) && window.open(J(m), "_blank", "noopener,noreferrer");
+            onClick: g ? (k) => {
+              k.preventDefault();
+              const v = h.current;
+              h.current = null, !(v && Math.hypot(k.clientX - v.x, k.clientY - v.y) > 5) && window.open(K(g), "_blank", "noopener,noreferrer");
             } : void 0,
             children: /* @__PURE__ */ n(
-              Ct,
+              Lt,
               {
                 className: null,
                 src: s,
@@ -683,32 +683,32 @@ const ye = (e) => {
           }
         ),
         ke && /* @__PURE__ */ n(
-          It,
+          Dt,
           {
             nodeKey: e.nodeKey,
             src: s,
             id: l,
-            href: m
+            href: g
           }
         ),
-        ve && /* @__PURE__ */ n(
-          yt,
+        ye && /* @__PURE__ */ n(
+          Ct,
           {
             nodeKey: e.nodeKey,
             src: s,
             id: l,
-            href: m
+            href: g
           }
         ),
-        ft && !ke && !ve && /* @__PURE__ */ n(kt, { nodeKey: e.nodeKey, src: s, href: m })
+        wt && !ke && !ye && /* @__PURE__ */ n(yt, { nodeKey: e.nodeKey, src: s, href: g })
       ]
     }
   );
 };
-function Ct({
+function Lt({
   altText: e,
   className: i,
-  imageRef: t,
+  imageRef: o,
   src: a,
   width: r,
   height: s,
@@ -722,7 +722,7 @@ function Ct({
       className: `${i || void 0} ${I ? "" : "loading"}`,
       src: a,
       alt: e,
-      ref: t,
+      ref: o,
       style: {
         height: s,
         maxWidth: l,
@@ -738,14 +738,14 @@ function Ct({
     }
   );
 }
-function Xt(e) {
-  const { disable: i } = Ie(Pe);
-  return i && at.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Dt, { ...e });
+function Zt(e) {
+  const { disable: i } = Ce(Pe);
+  return i && lt.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Ot, { ...e });
 }
-function Dt({
+function Ot({
   src: e,
   altText: i,
-  nodeKey: t,
+  nodeKey: o,
   width: a,
   height: r,
   maxWidth: s,
@@ -753,248 +753,267 @@ function Dt({
   caption: d,
   id: I,
   create: b,
-  alignment: p,
-  imagePickerTab: m,
+  alignment: m,
+  imagePickerTab: g,
   aspectRatio: h,
-  href: v
+  href: k
 }) {
   var ge, fe;
-  const k = Q(null), [c, w] = y(!0), [u] = V(), [T, R] = y(!0), [L, M] = y({
+  const v = ee(null), [c, w] = y(!0), [u] = G(), [P, S] = y(!0), [L, U] = y({
     width: 0,
     height: 0
-  }), { start: O } = rt(), [Lt, G] = y(0), {
+  }), { start: N } = st(), [Nt, X] = y(0), {
     fetchUploadMedia: z,
-    fetchDeleteMedia: ae,
-    maxFileSize: Nt,
-    imperativeHandleRef: W,
-    disable: xe
-  } = Ie(Pe), _ = q.has(e) && (((ge = q.get(e)) == null ? void 0 : ge.mediaNodeKeys.length) === 0 || ((fe = q.get(e)) == null ? void 0 : fe.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: F } = B(), re = (o) => {
-    if (typeof o == "number") return o > 0 ? o : null;
-    if (typeof o == "string" && !o.includes("%")) {
-      const g = parseFloat(o);
-      return Number.isFinite(g) && g > 0 ? g : null;
+    fetchDeleteMedia: le,
+    maxFileSize: Et,
+    imperativeHandleRef: F,
+    disable: Ue
+  } = Ce(Pe), _ = Q.has(e) && (((ge = Q.get(e)) == null ? void 0 : ge.mediaNodeKeys.length) === 0 || ((fe = Q.get(e)) == null ? void 0 : fe.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: j } = V(), se = (t) => {
+    if (typeof t == "number") return t > 0 ? t : null;
+    if (typeof t == "string" && !t.includes("%")) {
+      const f = parseFloat(t);
+      return Number.isFinite(f) && f > 0 ? f : null;
     }
     return null;
-  }, le = re(a), se = re(r), de = le && se ? le / se : void 0, [Ue, Ae] = y(
+  }, A = se(a), de = se(r), ce = A && de ? A / de : void 0, [Ae, Re] = y(
     void 0
-  ), ce = K(() => {
+  ), ue = te(() => {
     try {
-      const o = parseFloat(
+      const t = parseFloat(
         localStorage.getItem("layers-img-ratio:" + e) || ""
       );
-      return Number.isFinite(o) && o > 0 ? o : void 0;
+      return Number.isFinite(t) && t > 0 ? t : void 0;
     } catch {
       return;
     }
-  }, [e]), Re = de ?? h ?? ce ?? Ue, [Me, ue] = y(!1), ze = !Me && !de && (h ?? ce) != null, [Ot, We] = y(0);
-  P(() => u.registerDecoratorListener(() => {
-    We((o) => o + 1);
-  }), [_]), P(() => {
-    const o = u.getElementByKey(t);
-    o && (o.style.removeProperty("aspect-ratio"), o.style.removeProperty("width"));
-  }, [u, t]), P(() => {
+  }, [e]), Me = ce ?? h ?? ue ?? Ae, [We, Y] = y(!1), ze = !We && !ce && (h ?? ue) != null, [Pt, Fe] = y(0);
+  E(() => u.registerDecoratorListener(() => {
+    Fe((t) => t + 1);
+  }), [_]), E(() => {
+    const t = u.getElementByKey(o);
+    t && (t.style.removeProperty("aspect-ratio"), t.style.removeProperty("width"));
+  }, [u, o]), E(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       w(!1);
       return;
     }
-    const o = new Image();
-    o.src = e, o.onload = () => {
-      if (w(!1), o.naturalWidth) {
-        const g = o.naturalWidth / o.naturalHeight;
-        if (Ae(g), o.naturalWidth >= 100)
+    const t = new Image();
+    t.src = e, t.onload = () => {
+      if (w(!1), t.naturalWidth) {
+        const f = t.naturalWidth / t.naturalHeight;
+        if (Re(f), t.naturalWidth >= 100)
           try {
-            localStorage.setItem("layers-img-ratio:" + e, String(g));
+            localStorage.setItem("layers-img-ratio:" + e, String(f));
           } catch {
           }
-        !h && o.naturalWidth >= 100 && u.update(
+        !h && t.naturalWidth >= 100 && u.update(
           () => {
-            const f = E(t);
-            S(f) && f.getAspectRatio() == null && f.setAspectRatio(g);
+            const p = x(o);
+            T(p) && p.getAspectRatio() == null && p.setAspectRatio(f);
           },
           { tag: "history-merge" }
         );
       }
-    }, o.onerror = () => {
+    }, t.onerror = () => {
       w(!1);
     };
   }, [e, _]);
-  const _e = (o, g) => {
+  const _e = (t, f) => {
     u.update(() => {
-      Xe(null);
-      const f = E(t);
-      S(f) && f.setWidthAndHeight(o, g);
+      Ze(null);
+      const p = x(o);
+      T(p) && p.setWidthAndHeight(t, f);
     });
-  }, { historyState: pe } = lt(), {
+  }, { historyState: pe } = dt(), {
     settings: { showNestedEditorTreeView: me }
-  } = st();
-  function Fe(o) {
-    return o.endsWith(".svg") || o.includes("image/svg+xml");
+  } = ct();
+  function je(t) {
+    return t.endsWith(".svg") || t.includes("image/svg+xml");
+  }
+  function $e(t) {
+    if (!t.startsWith("data:")) return 0;
+    try {
+      const f = t.slice(t.indexOf(",") + 1), p = t.includes(";base64,") ? atob(f) : decodeURIComponent(f), C = p.match(
+        /viewBox\s*=\s*["']\s*[\d.eE+\-]+\s+[\d.eE+\-]+\s+([\d.eE+]+)\s+([\d.eE+]+)/i
+      );
+      if (C) return Math.round(parseFloat(C[1]));
+      const he = p.match(/\bwidth\s*=\s*["'](\d[\d.]*)(?:px)?["']/i);
+      if (he) return Math.round(parseFloat(he[1]));
+    } catch {
+    }
+    return 0;
   }
-  function je(o) {
-    return new Promise((g, f) => {
-      if (Fe(o)) {
-        g(0);
+  function He(t) {
+    return new Promise((f, p) => {
+      if (je(t)) {
+        f($e(t));
         return;
       }
-      const D = new Image();
-      D.src = o, D.onload = () => {
-        g(D.width);
-      }, D.onerror = () => {
-        f(new Error("Failed to load image"));
+      const C = new Image();
+      C.src = t, C.onload = () => {
+        f(C.width);
+      }, C.onerror = () => {
+        p(new Error("Failed to load image"));
       };
     });
   }
-  P(() => {
-    let o = a, g = r, f = 100;
-    (e.includes("unsplash") ? e.trim() : !_ && e.trim() || e.includes("upload-src-editor")) && e !== "upload" && je(e).then((D) => {
-      typeof o == "number" && o < f && D < f ? (R(!0), M({
-        width: o,
-        height: g
-      })) : D < f ? (R(!0), M({
-        width: "auto",
-        height: "auto"
-      })) : (M({
-        width: D,
-        height: D
-      }), R(!1)), ue(!0);
-    }).catch((D) => {
-      ue(!0), console.warn("Ошибка при загрузке изображения:", D.message);
-    });
-  }, [e, _]), P(() => {
-    L.width && L.height && T && u.update(() => {
-      const o = E(t);
-      S(o) && o.setWidthAndHeight(L.width, L.height);
+  E(() => {
+    let t = a, f = r, p = 100;
+    if ((e.includes("unsplash") ? e.trim() : !_ && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
+      if (A != null && A >= p) {
+        S(!1), U({ width: A, height: A }), Y(!0);
+        return;
+      }
+      He(e).then((C) => {
+        typeof t == "number" && t < p && C < p ? (S(!0), U({
+          width: t,
+          height: f
+        })) : C < p ? (S(!0), U({
+          width: "auto",
+          height: "auto"
+        })) : (U({
+          width: C,
+          height: C
+        }), S(!1)), Y(!0);
+      }).catch((C) => {
+        Y(!0), console.warn("Ошибка при загрузке изображения:", C.message);
+      });
+    }
+  }, [e, _]), E(() => {
+    L.width && L.height && P && u.update(() => {
+      const t = x(o);
+      T(t) && t.setWidthAndHeight(L.width, L.height);
     });
-  }, [L.width, L.height, T]);
-  const $e = C(
-    (o) => dt(u, t, o),
-    [u, t]
-  ), X = C(
-    (o, g) => {
+  }, [L.width, L.height, P]);
+  const Be = D(
+    (t) => ut(u, o, t),
+    [u, o]
+  ), Z = D(
+    (t, f) => {
       w(!1), u.update(() => {
-        const f = E(t);
-        S(f) && (f.setSrc(o), f.setId(g));
+        const p = x(o);
+        T(p) && (p.setSrc(t), p.setId(f));
       });
     },
-    [u, t]
-  ), Y = C(
-    (o) => {
+    [u, o]
+  ), q = D(
+    (t) => {
       w(!0);
-      const g = O();
+      const f = N();
       z && z(
-        o[0],
-        (f, D) => {
-          X(f, D), G(0);
+        t[0],
+        (p, C) => {
+          Z(p, C), X(0);
         },
-        (f) => {
-          f && ht({
-            message: F("editor.gallery.errorFile")
-          }), G(0), X(e.startsWith("blob:") ? "upload" : "", "");
+        (p) => {
+          p && bt({
+            message: j("editor.gallery.errorFile")
+          }), X(0), Z(e.startsWith("blob:") ? "upload" : "", "");
         },
-        g,
-        (f) => {
-          G(f);
+        f,
+        (p) => {
+          X(p);
         }
       );
     },
-    [z, O, F, X, e]
+    [z, N, j, Z, e]
   );
-  return P(() => u.registerCommand(
-    ct,
-    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (Y(o.files), !0),
-    Ge
-  ), [u, Y, t, e]), !e || e === "upload" ? /* @__PURE__ */ n(Be, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
-    ut,
+  return E(() => u.registerCommand(
+    pt,
+    (t) => !e.startsWith("blob:") && e !== "upload" || t.targetNodeKey !== o ? !1 : (q(t.files), !0),
+    Ye
+  ), [u, q, o, e]), !e || e === "upload" ? /* @__PURE__ */ n(Ge, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+    mt,
     {
       inline: !0,
-      nodeKey: t,
-      defaultTabValue: m,
-      onWriteTabToNode: $e,
+      nodeKey: o,
+      defaultTabValue: g,
+      onWriteTabToNode: Be,
       uploading: !1,
-      onUpload: (o) => {
-        !z || !o.length || Y(o);
+      onUpload: (t) => {
+        !z || !t.length || q(t);
       },
       popoverProps: {
         opened: !0,
         position: "bottom",
-        zIndex: pt
+        zIndex: gt
       },
-      onChange: (o) => {
+      onChange: (t) => {
         u.update(() => {
-          const g = E(t);
-          S(g) && g.setSrc(o);
+          const f = x(o);
+          T(f) && f.setSrc(t);
         });
       }
     }
-  ) }) : T && !ze ? /* @__PURE__ */ n(
-    ye,
+  ) }) : P && !ze ? /* @__PURE__ */ n(
+    Ie,
     {
       width: L.width,
       height: L.height,
       isLoading: c,
       isError: !1,
-      isIcon: T,
+      isIcon: P,
       src: e,
       id: I,
       editor: u,
-      nodeKey: t,
-      fetchDeleteMedia: ae,
+      nodeKey: o,
+      fetchDeleteMedia: le,
       altText: i,
-      imageRef: k,
+      imageRef: v,
       maxWidth: s,
       showCaption: l,
       caption: d,
       isCollabActive: !1,
       historyState: pe,
       showNestedEditorTreeView: me,
-      t: F,
-      href: v
+      t: j,
+      href: k
     }
   ) : /* @__PURE__ */ n(
-    mt,
+    ft,
     {
       editor: u,
-      isIcon: T,
-      width: be(a),
-      height: be(r),
+      isIcon: P,
+      width: ve(a),
+      height: ve(r),
       initialWidth: L.width || "",
       initialHeight: L.height || "",
       onResizeEnd: _e,
-      alignment: p,
-      disable: xe,
-      onRegisterDecoratorEnter: (o) => {
-        W != null && W.current && (W.current.decoratorEnterAction = o);
+      alignment: m,
+      disable: Ue,
+      onRegisterDecoratorEnter: (t) => {
+        F != null && F.current && (F.current.decoratorEnterAction = t);
       },
-      onActivate: () => u.dispatchCommand(gt, "show_menu"),
+      onActivate: () => u.dispatchCommand(ht, "show_menu"),
       children: /* @__PURE__ */ n(
-        ye,
+        Ie,
         {
           width: "inherit",
           height: "inherit",
-          aspectRatio: Re,
+          aspectRatio: Me,
           isLoading: c,
           isError: !1,
-          isIcon: T,
+          isIcon: P,
           src: e,
           id: I,
           editor: u,
-          nodeKey: t,
-          fetchDeleteMedia: ae,
+          nodeKey: o,
+          fetchDeleteMedia: le,
           altText: i,
-          imageRef: k,
+          imageRef: v,
           maxWidth: s,
           showCaption: l,
           caption: d,
           isCollabActive: !1,
           historyState: pe,
           showNestedEditorTreeView: me,
-          t: F,
-          href: v
+          t: j,
+          href: k
         }
       )
     }
   );
 }
 export {
-  Xt as default
+  Zt as default
 };