@layers-app/editor 2.3.24 → 2.3.26

package/dist/{layers.AwhdZDwP.js → layers.CYqodYKM.js}

@@ -1,11 +1,11 @@
 import { jsx as n, jsxs as N, Fragment as X } from "react/jsx-runtime";
-import { useState as y, useCallback as L, useRef as ne, useEffect as E, useMemo as ie, useContext as Ue } from "react";
+import { useState as y, useCallback as L, useRef as ne, useEffect as O, useMemo as ie, useContext as xe } from "react";
 import { useTranslation as Y } from "react-i18next";
 import { useLexicalComposerContext as Z } from "@lexical/react/LexicalComposerContext";
-import { Menu as R, Flex as ee, Popover as z, Stack as et, Button as G, Box as Le, LoadingOverlay as tt } from "@mantine/core";
-import { $getNodeByKey as P, COMMAND_PRIORITY_LOW as ot, $setSelection as nt } from "lexical";
-import { z as it, B as rt, D as at, F as lt, G as Ne, J as oe, N as st, P as dt, L as re, K as ct, Q as ut, H as M, R as Ae, m as Re, S as Me, U as ze, W as O, w as We, X as pt, Y as mt, n as Se, Z as gt, C as Fe, _ as ht, a0 as ft, a1 as te, a2 as wt, a3 as kt, a4 as bt, a5 as vt, a6 as yt, a7 as It, a8 as Ct, y as Dt, k as Pe, O as Lt, a9 as Nt, aa as St, ab as Pt, V as Oe, ac as Ee, A as Ot } from "./layers.zbwA3qRl.js";
-import { AttachmentsGalleryModal as _e, showErrorNotification as Et } from "@layers-app/shared";
+import { Menu as M, Flex as ee, Popover as W, Stack as tt, Button as G, Box as Le, LoadingOverlay as ot } from "@mantine/core";
+import { $getNodeByKey as E, COMMAND_PRIORITY_LOW as nt, $setSelection as it } from "lexical";
+import { D as rt, z as at, B as lt, F as st, G as dt, J as Ne, N as oe, P as ct, Q as ut, L as re, K as pt, R as mt, H as R, S as Ae, m as Me, U as Re, W as We, X as P, w as ze, Y as gt, Z as ft, n as Se, _ as ht, C as Fe, a0 as wt, a1 as bt, a2 as te, a3 as kt, a4 as vt, a5 as yt, a6 as It, a7 as Ct, a8 as Dt, a9 as Lt, y as Nt, k as Ee, O as St, aa as Et, ab as Pt, ac as Ot, V as Pe, ad as Oe, A as Tt } from "./layers.BtWXLFqX.js";
+import { AttachmentsGalleryModal as _e, showErrorNotification as Ut } from "@layers-app/shared";
 import { useLexicalEditable as ae } from "@lexical/react/useLexicalEditable";
 import { useDisclosure as V } from "@mantine/hooks";
 import "@lexical/react/LexicalDecoratorBlockNode";
@@ -17,7 +17,13 @@ import "react-dom";
 import "@lexical/react/LexicalErrorBoundary";
 import "@lexical/react/LexicalBlockWithAlignableContents";
 import "@mantine/notifications";
-function xt(e, i) {
+const xt = (e) => {
+  if (typeof e == "number") return e > 0;
+  if (e.includes("%")) return e !== rt;
+  const i = parseFloat(e);
+  return Number.isFinite(i) && i > 0;
+};
+function At(e, i) {
   const t = document.createElement("a");
   t.href = e, t.download = i, t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
 }
@@ -35,27 +41,27 @@ async function se(e, i) {
     throw new Error("fetch failed");
   const r = await t.blob(), a = URL.createObjectURL(r);
   try {
-    xt(a, i);
+    At(a, i);
   } finally {
     setTimeout(() => URL.revokeObjectURL(a), 0);
   }
 }
-function Tt({
+function Mt({
   editor: e,
   nodeKey: i,
   href: t,
   onClose: r
 }) {
   const [a, d] = y(
-    () => it(t)
-  ), [l, c] = y(() => rt(t)), [D, b] = y(!1), p = L((u) => {
-    d(u), b(!1);
+    () => at(t)
+  ), [l, c] = y(() => lt(t)), [D, k] = y(!1), p = L((u) => {
+    d(u), k(!1);
   }, []), m = L((u) => {
-    c(u), b(!1);
-  }, []), f = L(() => {
-    const u = at(l.trim(), a);
-    if (!u || !lt(u, a)) {
-      b(!0);
+    c(u), k(!1);
+  }, []), h = L(() => {
+    const u = st(l.trim(), a);
+    if (!u || !dt(u, a)) {
+      k(!0);
       return;
     }
     Ne(e, i, oe(u)), r();
@@ -63,9 +69,9 @@ function Tt({
     Ne(e, i, ""), r();
   }, [e, i, r]), v = L(
     (u) => {
-      u.key === "Enter" ? (u.preventDefault(), f()) : u.key === "Escape" && (u.preventDefault(), r());
+      u.key === "Enter" ? (u.preventDefault(), h()) : u.key === "Escape" && (u.preventDefault(), r());
     },
-    [f, r]
+    [h, r]
   );
   return {
     linkType: a,
@@ -74,7 +80,7 @@ function Tt({
     onLinkTypeChange: p,
     onUrlInputChange: m,
     onUrlInputKeyDown: v,
-    onSave: f,
+    onSave: h,
     onRemove: I
   };
 }
@@ -85,12 +91,12 @@ function de({
   onClose: r,
   mobile: a
 }) {
-  const d = ne(null), l = Tt({ editor: e, nodeKey: i, href: t, onClose: r });
-  return E(() => {
+  const d = ne(null), l = Mt({ editor: e, nodeKey: i, href: t, onClose: r });
+  return O(() => {
     var c;
     (c = d.current) == null || c.focus({ preventScroll: !0 });
   }, []), /* @__PURE__ */ n(
-    st,
+    ct,
     {
       inputRef: d,
       linkUrl: l.linkUrl,
@@ -116,28 +122,28 @@ function je({
   onLinkAction: l
 }) {
   return /* @__PURE__ */ N(
-    R,
+    M,
     {
       opened: e,
       onChange: i,
-      transitionProps: dt,
+      transitionProps: ut,
       shadow: "md",
       position: "bottom-start",
       offset: 4,
       withinPortal: !0,
       closeOnItemClick: !0,
       children: [
-        /* @__PURE__ */ n(R.Target, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(M.Target, { children: /* @__PURE__ */ n(
           re,
           {
             label: t("editor.toolbar.more"),
-            icon: ct,
+            icon: pt,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": t("editor.toolbar.more")
           }
         ) }),
         /* @__PURE__ */ N(
-          R.Dropdown,
+          M.Dropdown,
           {
             p: 4,
             miw: 164,
@@ -145,9 +151,9 @@ function je({
             onMouseDown: (c) => c.preventDefault(),
             children: [
               l && /* @__PURE__ */ n(
-                R.Item,
+                M.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(ut, { name: "link", size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(mt, { name: "link", size: 16 }) }),
                   onClick: (c) => {
                     c.stopPropagation(), l();
                   },
@@ -155,9 +161,9 @@ function je({
                 }
               ),
               /* @__PURE__ */ n(
-                R.Item,
+                M.Item,
                 {
-                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(M, { icon: Ae, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "gray.6", children: /* @__PURE__ */ n(R, { icon: Ae, size: 16 }) }),
                   onClick: (c) => {
                     c.stopPropagation(), r();
                   },
@@ -165,10 +171,10 @@ function je({
                 }
               ),
               /* @__PURE__ */ n(
-                R.Item,
+                M.Item,
                 {
                   color: "red",
-                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(M, { icon: Re, size: 16 }) }),
+                  leftSection: /* @__PURE__ */ n(ee, { align: "center", justify: "center", c: "red.6", children: /* @__PURE__ */ n(R, { icon: Me, size: 16 }) }),
                   onClick: (c) => {
                     c.stopPropagation(), a();
                   },
@@ -188,7 +194,7 @@ const $e = ({
   setShown: t,
   id: r
 }) => {
-  const [a, { open: d, close: l }] = V(!1), c = Me(), D = ie(() => [
+  const [a, { open: d, close: l }] = V(!1), c = Re(), D = ie(() => [
     {
       id: !r || r === "0" ? "" : r,
       Url: i ?? "",
@@ -224,7 +230,7 @@ const $e = ({
       re,
       {
         label: e("editor.image.preview"),
-        icon: ze,
+        icon: We,
         iconColor: "var(--mantine-color-gray-text)",
         "aria-label": e("editor.image.preview"),
         onClick: () => {
@@ -233,24 +239,24 @@ const $e = ({
       }
     )
   ] });
-}, Ut = ({
+}, Rt = ({
   nodeKey: e,
   src: i,
   href: t
 }) => {
-  const [r] = Z(), a = ae(), [d, l] = y(!1), [c, D] = y(!1), [b, p] = y(!1), { t: m } = Y();
-  E(() => {
-    if (!b) return;
+  const [r] = Z(), a = ae(), [d, l] = y(!1), [c, D] = y(!1), [k, p] = y(!1), { t: m } = Y();
+  O(() => {
+    if (!k) return;
     const v = (u) => {
       const w = u.target;
       w != null && w.closest(".floating-link-dropdown") || w != null && w.closest(".floating-link-type-combobox-dropdown") || p(!1);
     };
     return document.addEventListener("pointerdown", v, !0), () => document.removeEventListener("pointerdown", v, !0);
-  }, [b]);
-  const f = L(() => {
+  }, [k]);
+  const h = L(() => {
     r.update(() => {
-      const v = P(e);
-      O(v) && v.remove();
+      const v = E(e);
+      P(v) && v.remove();
     });
   }, [r, e]), I = L(async () => {
     if (i)
@@ -260,9 +266,9 @@ const $e = ({
       }
   }, [i]);
   return /* @__PURE__ */ N(
-    z,
+    W,
     {
-      opened: b,
+      opened: k,
       onChange: p,
       position: "bottom-end",
       offset: 4,
@@ -271,7 +277,7 @@ const $e = ({
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: `media-actions ${a ? "" : "media-actions--readonly"}`,
@@ -280,7 +286,7 @@ const $e = ({
               } }),
               a && /* @__PURE__ */ N(X, { children: [
                 /* @__PURE__ */ n(
-                  We,
+                  ze,
                   {
                     opened: d,
                     setOpened: l,
@@ -298,7 +304,7 @@ const $e = ({
                     onOpenChange: D,
                     t: m,
                     onDownload: () => void I(),
-                    onDelete: f,
+                    onDelete: h,
                     hasLink: !!t,
                     onLinkAction: () => p(!0)
                   }
@@ -308,7 +314,7 @@ const $e = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          z.Dropdown,
+          W.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${t ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
@@ -326,24 +332,24 @@ const $e = ({
       ]
     }
   );
-}, At = () => {
+}, Wt = () => {
 };
-function Rt({ nodeKey: e, src: i, id: t, href: r }) {
-  const { t: a } = Y(), [d] = Z(), l = ae(), [c, D] = y(!1), [b, p] = y(!1), [m, f] = y(!1);
-  E(() => {
+function zt({ nodeKey: e, src: i, id: t, href: r }) {
+  const { t: a } = Y(), [d] = Z(), l = ae(), [c, D] = y(!1), [k, p] = y(!1), [m, h] = y(!1);
+  O(() => {
     if (!m) return;
     const u = (w) => {
       const S = w.target;
-      S != null && S.closest(".floating-link-dropdown") || S != null && S.closest(".floating-link-type-combobox-dropdown") || f(!1);
+      S != null && S.closest(".floating-link-dropdown") || S != null && S.closest(".floating-link-type-combobox-dropdown") || h(!1);
     };
     return document.addEventListener("pointerdown", u, !0), () => document.removeEventListener("pointerdown", u, !0);
   }, [m]);
   const I = L(() => {
     p(!1), d.update(() => {
-      const u = P(e);
-      if (!O(u)) return;
+      const u = E(e);
+      if (!P(u)) return;
       const w = u.getParent();
-      pt(w) ? w.remove() : u.remove();
+      gt(w) ? w.remove() : u.remove();
     });
   }, [d, e]), v = L(async () => {
     if (i)
@@ -353,10 +359,10 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
       }
   }, [i]);
   return /* @__PURE__ */ N(
-    z,
+    W,
     {
       opened: m,
-      onChange: f,
+      onChange: h,
       position: "bottom-end",
       offset: 4,
       shadow: "md",
@@ -364,7 +370,7 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
       withinPortal: !0,
       closeOnClickOutside: !1,
       children: [
-        /* @__PURE__ */ n(z.Target, { children: /* @__PURE__ */ N(
+        /* @__PURE__ */ n(W.Target, { children: /* @__PURE__ */ N(
           "div",
           {
             className: "media-actions visible",
@@ -379,10 +385,10 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
             },
             onClick: (u) => u.stopPropagation(),
             children: [
-              /* @__PURE__ */ n($e, { t: a, src: i, setShown: At, id: t }),
+              /* @__PURE__ */ n($e, { t: a, src: i, setShown: Wt, id: t }),
               l && /* @__PURE__ */ N(X, { children: [
                 /* @__PURE__ */ n(
-                  We,
+                  ze,
                   {
                     opened: c,
                     setOpened: D,
@@ -394,13 +400,13 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
                 /* @__PURE__ */ n(
                   je,
                   {
-                    opened: b,
+                    opened: k,
                     onOpenChange: p,
                     t: a,
                     onDownload: () => void v(),
                     onDelete: I,
                     hasLink: !!r,
-                    onLinkAction: () => f(!0)
+                    onLinkAction: () => h(!0)
                   }
                 )
               ] })
@@ -408,7 +414,7 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
           }
         ) }),
         /* @__PURE__ */ n(
-          z.Dropdown,
+          W.Dropdown,
           {
             className: `floating-link-dropdown floating-link-dropdown--${r ? "edit" : "create"}-mode`,
             "data-test-id": "floating-link-dropdown",
@@ -418,7 +424,7 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
                 editor: d,
                 nodeKey: e,
                 href: r,
-                onClose: () => f(!1)
+                onClose: () => h(!1)
               }
             )
           }
@@ -427,10 +433,10 @@ function Rt({ nodeKey: e, src: i, id: t, href: r }) {
     }
   );
 }
-function Mt({ nodeKey: e, src: i, id: t, href: r }) {
-  const { t: a } = Y(), [d] = Z(), l = ae(), c = Me(), [D, { open: b, close: p }] = V(!1), [m, { open: f, close: I }] = V(!1), [v, { open: u, close: w }] = V(!1), S = () => {
+function Ft({ nodeKey: e, src: i, id: t, href: r }) {
+  const { t: a } = Y(), [d] = Z(), l = ae(), c = Re(), [D, { open: k, close: p }] = V(!1), [m, { open: h, close: I }] = V(!1), [v, { open: u, close: w }] = V(!1), S = () => {
     p(), u();
-  }, W = ie(
+  }, z = ie(
     () => [
       {
         id: !t || t === "0" ? "" : t,
@@ -452,18 +458,18 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
       }
     ],
     [i, t]
-  ), h = () => {
-    p(), f();
-  }, x = L(async () => {
+  ), f = () => {
+    p(), h();
+  }, T = L(async () => {
     if (p(), !!i)
       try {
         await se(i, le(i));
       } catch {
       }
-  }, [i, p]), A = L(() => {
+  }, [i, p]), x = L(() => {
     p(), d.update(() => {
-      const C = P(e);
-      O(C) && C.remove();
+      const C = E(e);
+      P(C) && C.remove();
     });
   }, [d, e, p]);
   return /* @__PURE__ */ N(X, { children: [
@@ -483,10 +489,10 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
           re,
           {
             label: a("editor.toolbar.more"),
-            icon: mt,
+            icon: ft,
             iconColor: "var(--mantine-color-gray-text)",
             "aria-label": a("editor.toolbar.more"),
-            onClick: b
+            onClick: k
           }
         )
       }
@@ -495,8 +501,8 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
       _e,
       {
         opened: m,
-        onOpenChange: (C) => C ? f() : I(),
-        attachments: W,
+        onOpenChange: (C) => C ? h() : I(),
+        attachments: z,
         allowDownload: c
       }
     ),
@@ -506,7 +512,7 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
         opened: D,
         onClose: p,
         title: a("editor.image.mobileActions"),
-        children: /* @__PURE__ */ N(et, { gap: 4, p: 0, children: [
+        children: /* @__PURE__ */ N(tt, { gap: 4, p: 0, children: [
           /* @__PURE__ */ n(
             G,
             {
@@ -516,11 +522,11 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: h,
+              onClick: f,
               leftSection: /* @__PURE__ */ n(
-                M,
+                R,
                 {
-                  icon: ze,
+                  icon: We,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -539,9 +545,9 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
               bg: "var(--editor-action-bg)",
               onClick: S,
               leftSection: /* @__PURE__ */ n(
-                M,
+                R,
                 {
-                  icon: gt,
+                  icon: ht,
                   size: 16,
                   color: "var(--mantine-color-dimmed)"
                 }
@@ -558,9 +564,9 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: () => void x(),
+              onClick: () => void T(),
               leftSection: /* @__PURE__ */ n(
-                M,
+                R,
                 {
                   icon: Ae,
                   size: 16,
@@ -579,11 +585,11 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
               fullWidth: !0,
               justify: "flex-start",
               bg: "var(--editor-action-bg)",
-              onClick: A,
+              onClick: x,
               leftSection: /* @__PURE__ */ n(
-                M,
+                R,
                 {
-                  icon: Re,
+                  icon: Me,
                   size: 16,
                   color: "var(--mantine-color-red-6)"
                 }
@@ -614,7 +620,7 @@ function Mt({ nodeKey: e, src: i, id: t, href: r }) {
     )
   ] });
 }
-const xe = 75, Te = (e) => {
+const Te = 75, Ue = (e) => {
   const {
     width: i,
     height: t,
@@ -624,10 +630,10 @@ const xe = 75, Te = (e) => {
     id: l,
     altText: c,
     imageRef: D,
-    maxWidth: b,
+    maxWidth: k,
     aspectRatio: p,
     href: m
-  } = e, f = ne(null);
+  } = e, h = ne(null);
   return /* @__PURE__ */ N(
     "div",
     {
@@ -642,7 +648,7 @@ const xe = 75, Te = (e) => {
       },
       children: [
         /* @__PURE__ */ n(
-          tt,
+          ot,
           {
             visible: r,
             zIndex: 1e3,
@@ -660,15 +666,15 @@ const xe = 75, Te = (e) => {
             rel: m ? "noopener noreferrer" : void 0,
             draggable: !1,
             onMouseDown: m ? (I) => {
-              f.current = { x: I.clientX, y: I.clientY };
+              h.current = { x: I.clientX, y: I.clientY };
             } : void 0,
             onClick: m ? (I) => {
               I.preventDefault();
-              const v = f.current;
-              f.current = null, !(v && Math.hypot(I.clientX - v.x, I.clientY - v.y) > 5) && window.open(oe(m), "_blank", "noopener,noreferrer");
+              const v = h.current;
+              h.current = null, !(v && Math.hypot(I.clientX - v.x, I.clientY - v.y) > 5) && window.open(oe(m), "_blank", "noopener,noreferrer");
             } : void 0,
             children: /* @__PURE__ */ n(
-              zt,
+              _t,
               {
                 className: null,
                 src: d,
@@ -676,14 +682,14 @@ const xe = 75, Te = (e) => {
                 imageRef: D,
                 width: "inherit",
                 height: "inherit",
-                maxWidth: b || "auto",
+                maxWidth: k || "auto",
                 id: l
               }
             )
           }
         ),
-        Oe && /* @__PURE__ */ n(
-          Mt,
+        Pe && /* @__PURE__ */ n(
+          Ft,
           {
             nodeKey: e.nodeKey,
             src: d,
@@ -691,8 +697,8 @@ const xe = 75, Te = (e) => {
             href: m
           }
         ),
-        Ee && /* @__PURE__ */ n(
-          Rt,
+        Oe && /* @__PURE__ */ n(
+          zt,
           {
             nodeKey: e.nodeKey,
             src: d,
@@ -700,12 +706,12 @@ const xe = 75, Te = (e) => {
             href: m
           }
         ),
-        Ot && !Oe && !Ee && /* @__PURE__ */ n(Ut, { nodeKey: e.nodeKey, src: d, href: m })
+        Tt && !Pe && !Oe && /* @__PURE__ */ n(Rt, { nodeKey: e.nodeKey, src: d, href: m })
       ]
     }
   );
 };
-function zt({
+function _t({
   altText: e,
   className: i,
   imageRef: t,
@@ -715,7 +721,7 @@ function zt({
   maxWidth: l,
   id: c
 }) {
-  const [D, b] = y(!1);
+  const [D, k] = y(!1);
   return /* @__PURE__ */ n(
     "img",
     {
@@ -730,19 +736,19 @@ function zt({
       },
       onLoad: () => {
         r.includes("splash") ? setTimeout(() => {
-          b(!0);
-        }, 100) : b(!0);
+          k(!0);
+        }, 100) : k(!0);
       },
       draggable: "false",
       "data-id": c
     }
   );
 }
-function lo(e) {
-  const { disable: i } = Ue(Fe);
-  return i && ht.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(Wt, { ...e });
+function uo(e) {
+  const { disable: i } = xe(Fe);
+  return i && wt.isPlaceholderSrc(e.src) ? null : /* @__PURE__ */ n(jt, { ...e });
 }
-function Wt({
+function jt({
   src: e,
   altText: i,
   nodeKey: t,
@@ -752,32 +758,32 @@ function Wt({
   showCaption: l,
   caption: c,
   id: D,
-  create: b,
+  create: k,
   alignment: p,
   imagePickerTab: m,
-  aspectRatio: f,
+  aspectRatio: h,
   href: I
 }) {
-  var be, ve;
-  const v = ne(null), [u, w] = y(!0), [S, W] = y(!1), [h] = Z(), [x, A] = y(!0), [C, F] = y({
+  var ke, ve;
+  const v = ne(null), [u, w] = y(!0), [S, z] = y(!1), [f] = Z(), [T, x] = y(!0), [C, F] = y({
     width: 0,
     height: 0
-  }), { start: ce, cancel: ue } = ft(), [Ft, _] = y(0), {
+  }), { start: ce, cancel: ue } = bt(), [$t, _] = y(0), {
     fetchUploadMedia: j,
     fetchDeleteMedia: pe,
-    maxFileSize: _t,
-    imperativeHandleRef: T,
-    disable: Be
-  } = Ue(Fe), $ = te.has(e) && (((be = te.get(e)) == null ? void 0 : be.mediaNodeKeys.length) === 0 || ((ve = te.get(e)) == null ? void 0 : ve.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: B } = Y(), me = (o) => {
+    maxFileSize: Ht,
+    imperativeHandleRef: U,
+    disable: He
+  } = xe(Fe), $ = te.has(e) && (((ke = te.get(e)) == null ? void 0 : ke.mediaNodeKeys.length) === 0 || ((ve = te.get(e)) == null ? void 0 : ve.mediaNodeKeys.length) === void 0 || e.trim() === ""), { t: H } = Y(), me = (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;
     }
     return null;
-  }, U = me(r), ge = me(a), he = U && ge ? U / ge : void 0, [He, Ge] = y(
+  }, A = me(r), ge = me(a), Be = xt(r), fe = A && ge ? A / ge : void 0, [Ge, Ve] = y(
     void 0
-  ), fe = ie(() => {
+  ), he = ie(() => {
     try {
       const o = parseFloat(
         localStorage.getItem("layers-img-ratio:" + e) || ""
@@ -786,13 +792,13 @@ function Wt({
     } catch {
       return;
     }
-  }, [e]), Ve = he ?? f ?? fe ?? He, [Xe, J] = y(!1), Ye = !Xe && !he && (f ?? fe) != null, [jt, Ze] = y(0);
-  E(() => h.registerDecoratorListener(() => {
-    Ze((o) => o + 1);
-  }), [$]), E(() => {
-    const o = h.getElementByKey(t);
+  }, [e]), Xe = fe ?? h ?? he ?? Ge, [Ye, J] = y(!1), Ze = !Ye && !fe && (h ?? he) != null, [Bt, Je] = y(0);
+  O(() => f.registerDecoratorListener(() => {
+    Je((o) => o + 1);
+  }), [$]), O(() => {
+    const o = f.getElementByKey(t);
     o && (o.style.removeProperty("aspect-ratio"), o.style.removeProperty("width"));
-  }, [h, t]), E(() => {
+  }, [f, t]), O(() => {
     if (!e || e.startsWith("data:image/") || !e.trim()) {
       w(!1);
       return;
@@ -801,15 +807,15 @@ function Wt({
     o.src = e, o.onload = () => {
       if (w(!1), o.naturalWidth) {
         const g = o.naturalWidth / o.naturalHeight;
-        if (Ge(g), o.naturalWidth >= 100)
+        if (Ve(g), o.naturalWidth >= 100)
           try {
             localStorage.setItem("layers-img-ratio:" + e, String(g));
           } catch {
           }
-        !f && o.naturalWidth >= 100 && h.update(
+        !h && o.naturalWidth >= 100 && f.update(
           () => {
-            const s = P(t);
-            O(s) && s.getAspectRatio() == null && s.setAspectRatio(g);
+            const s = E(t);
+            P(s) && s.getAspectRatio() == null && s.setAspectRatio(g);
           },
           { tag: "history-merge" }
         );
@@ -818,156 +824,156 @@ function Wt({
       w(!1);
     };
   }, [e, $]);
-  const Je = (o, g) => {
-    h.update(() => {
-      nt(null);
-      const s = P(t);
-      O(s) && s.setWidthAndHeight(o, g);
+  const Qe = (o, g) => {
+    f.update(() => {
+      it(null);
+      const s = E(t);
+      P(s) && s.setWidthAndHeight(o, g);
     });
-  }, { historyState: we } = wt(), {
-    settings: { showNestedEditorTreeView: ke }
-  } = kt();
-  function Qe(o) {
+  }, { historyState: we } = kt(), {
+    settings: { showNestedEditorTreeView: be }
+  } = vt();
+  function qe(o) {
     return new Promise((g, s) => {
-      if (Nt(o)) {
-        const H = St(o);
-        g(H ? Pt(H) : { width: 0, height: 0 });
+      if (Et(o)) {
+        const B = Pt(o);
+        g(B ? Ot(B) : { width: 0, height: 0 });
         return;
       }
-      const k = new Image();
-      k.src = o, k.onload = () => {
-        g({ width: k.width, height: k.height });
-      }, k.onerror = () => {
+      const b = new Image();
+      b.src = o, b.onload = () => {
+        g({ width: b.width, height: b.height });
+      }, b.onerror = () => {
         s(new Error("Failed to load image"));
       };
     });
   }
-  E(() => {
-    let o = r, g = a, s = xe;
+  O(() => {
+    let o = r, g = a, s = Te;
     if ((e.includes("unsplash") ? e.trim() : !$ && e.trim() || e.includes("upload-src-editor")) && e !== "upload") {
-      if (U != null && U >= s) {
-        A(!1), F({ width: U, height: U }), J(!0);
+      if (A != null && A >= s) {
+        x(!1), F({ width: A, height: A }), J(!0);
         return;
       }
-      Qe(e).then(({ width: k, height: H }) => {
+      qe(e).then(({ width: b, height: B }) => {
         var ye, Ie;
-        if (typeof o == "number" && o < s && k < s)
-          A(!0), F({
+        if (typeof o == "number" && o < s && b < s)
+          x(!0), F({
             width: o,
             height: g
           });
-        else if (k < s)
-          A(!0), F({
-            width: k,
-            height: H
+        else if (b < s)
+          x(!0), F({
+            width: b,
+            height: B
           });
         else if (F({
-          width: k,
-          height: k
-        }), A(!1), U == null) {
-          const K = ((Ie = (ye = h.getElementByKey(t)) == null ? void 0 : ye.parentElement) == null ? void 0 : Ie.getBoundingClientRect().width) ?? 0;
-          if (K > 0 && k < K) {
-            const Ce = k / K * 100;
-            h.update(
+          width: b,
+          height: b
+        }), x(!1), !Be) {
+          const K = ((Ie = (ye = f.getElementByKey(t)) == null ? void 0 : ye.parentElement) == null ? void 0 : Ie.getBoundingClientRect().width) ?? 0;
+          if (K > 0 && b < K) {
+            const Ce = b / K * 100;
+            f.update(
               () => {
-                const De = P(t);
-                O(De) && De.setWidthAndHeight(Ce, Ce);
+                const De = E(t);
+                P(De) && De.setWidthAndHeight(Ce, Ce);
               },
               { tag: "history-merge" }
             );
           }
         }
         J(!0);
-      }).catch((k) => {
-        J(!0), console.warn("Ошибка при загрузке изображения:", k.message);
+      }).catch((b) => {
+        J(!0), console.warn("Ошибка при загрузке изображения:", b.message);
       });
     }
-  }, [e, $]), E(() => {
-    C.width && C.height && x && h.update(() => {
-      const o = P(t);
-      O(o) && o.setWidthAndHeight(C.width, C.height);
+  }, [e, $]), O(() => {
+    C.width && C.height && T && f.update(() => {
+      const o = E(t);
+      P(o) && o.setWidthAndHeight(C.width, C.height);
     });
-  }, [C.width, C.height, x]);
-  const qe = L(
-    (o) => bt(h, t, o),
-    [h, t]
+  }, [C.width, C.height, T]);
+  const Ke = L(
+    (o) => yt(f, t, o),
+    [f, t]
   ), Q = L(
     (o, g) => {
-      W(!1), w(!1), h.update(() => {
-        const s = P(t);
-        O(s) && (s.setSrc(o), s.setId(g));
+      z(!1), w(!1), f.update(() => {
+        const s = E(t);
+        P(s) && (s.setSrc(o), s.setId(g));
       });
     },
-    [h, t]
-  ), Ke = L(() => {
-    ue(), W(!1), w(!1), _(0);
+    [f, t]
+  ), et = L(() => {
+    ue(), z(!1), w(!1), _(0);
   }, [ue]), q = L(
     (o) => {
-      W(!0), w(!0);
+      z(!0), w(!0);
       const g = ce();
       j && j(
         o[0],
-        (s, k) => {
-          Q(s, k), _(0);
+        (s, b) => {
+          Q(s, b), _(0);
         },
         (s) => {
-          s && Et({
-            message: B("editor.gallery.errorFile")
+          s && Ut({
+            message: H("editor.gallery.errorFile")
           }), _(0), Q(e.startsWith("blob:") ? "upload" : "", "");
         },
         g,
         (s) => {
           _(s);
         },
-        h.getEditorState().read(() => {
-          const s = P(t);
-          return O(s) ? s.getId() : void 0;
+        f.getEditorState().read(() => {
+          const s = E(t);
+          return P(s) ? s.getId() : void 0;
         })
       );
     },
-    [h, j, t, ce, B, Q, e]
+    [f, j, t, ce, H, Q, e]
   );
-  return E(() => h.registerCommand(
-    vt,
-    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (q(o.files), !0),
-    ot
-  ), [h, q, t, e]), !e || e === "upload" ? S ? /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(yt, { onCancel: Ke }) }) : /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+  return O(() => f.registerCommand(
     It,
+    (o) => !e.startsWith("blob:") && e !== "upload" || o.targetNodeKey !== t ? !1 : (q(o.files), !0),
+    nt
+  ), [f, q, t, e]), !e || e === "upload" ? S ? /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(Ct, { onCancel: et }) }) : /* @__PURE__ */ n(Le, { "data-editor-image-picker-drop-root": !0, w: "100%", children: /* @__PURE__ */ n(
+    Dt,
     {
       inline: !0,
       nodeKey: t,
       defaultTabValue: m,
-      onWriteTabToNode: qe,
+      onWriteTabToNode: Ke,
       onUpload: (o) => {
-        var s, k;
+        var s, b;
         if (!j || !o.length) return;
         q([o[0]]);
         const g = o.slice(1);
-        g.length && ((k = (s = T == null ? void 0 : T.current) == null ? void 0 : s.insertImages) == null || k.call(s, g));
+        g.length && ((b = (s = U == null ? void 0 : U.current) == null ? void 0 : s.insertImages) == null || b.call(s, g));
       },
       popoverProps: {
         opened: !0,
         position: "bottom",
-        zIndex: Ct
+        zIndex: Lt
       },
       onChange: (o) => {
-        h.update(() => {
-          const g = P(t);
-          O(g) && g.setSrc(o);
+        f.update(() => {
+          const g = E(t);
+          P(g) && g.setSrc(o);
         });
       }
     }
-  ) }) : x && !Ye ? /* @__PURE__ */ n(
-    Te,
+  ) }) : T && !Ze ? /* @__PURE__ */ n(
+    Ue,
     {
       width: C.width,
       height: C.height,
       isLoading: u,
       isError: !1,
-      isIcon: x,
+      isIcon: T,
       src: e,
       id: D,
-      editor: h,
+      editor: f,
       nodeKey: t,
       fetchDeleteMedia: pe,
       altText: i,
@@ -977,39 +983,39 @@ function Wt({
       caption: c,
       isCollabActive: !1,
       historyState: we,
-      showNestedEditorTreeView: ke,
-      t: B,
+      showNestedEditorTreeView: be,
+      t: H,
       href: I
     }
   ) : /* @__PURE__ */ n(
-    Dt,
+    Nt,
     {
-      editor: h,
-      isIcon: x,
-      minWidthPx: xe,
-      width: Pe(r),
-      height: Pe(a),
+      editor: f,
+      isIcon: T,
+      minWidthPx: Te,
+      width: Ee(r),
+      height: Ee(a),
       initialWidth: C.width || "",
       initialHeight: C.height || "",
-      onResizeEnd: Je,
+      onResizeEnd: Qe,
       alignment: p,
-      disable: Be,
+      disable: He,
       onRegisterDecoratorEnter: (o) => {
-        T != null && T.current && (T.current.decoratorEnterAction = o);
+        U != null && U.current && (U.current.decoratorEnterAction = o);
       },
-      onActivate: () => h.dispatchCommand(Lt, "show_menu"),
+      onActivate: () => f.dispatchCommand(St, "show_menu"),
       children: /* @__PURE__ */ n(
-        Te,
+        Ue,
         {
           width: "inherit",
           height: "inherit",
-          aspectRatio: Ve,
+          aspectRatio: Xe,
           isLoading: u,
           isError: !1,
-          isIcon: x,
+          isIcon: T,
           src: e,
           id: D,
-          editor: h,
+          editor: f,
           nodeKey: t,
           fetchDeleteMedia: pe,
           altText: i,
@@ -1019,8 +1025,8 @@ function Wt({
           caption: c,
           isCollabActive: !1,
           historyState: we,
-          showNestedEditorTreeView: ke,
-          t: B,
+          showNestedEditorTreeView: be,
+          t: H,
           href: I
         }
       )
@@ -1028,5 +1034,5 @@ function Wt({
   );
 }
 export {
-  lo as default
+  uo as default
 };