reactjs-tiptap-editor 1.0.0 → 1.0.2

package/lib/Image.js

@@ -1,86 +1,65 @@
-import { m as pe } from "./index-DnWWK9F_.js";
-import { a as Z, c as xe } from "./throttle-CdwDrFpn.js";
-import { N as be, R as ye } from "./index-DzcKxutn.js";
-import { jsx as r, jsxs as x, Fragment as H } from "react/jsx-runtime";
-import * as we from "react";
-import j, { useState as M, useMemo as P, useCallback as F, useEffect as W, useRef as ne } from "react";
-import { I as J, m as K, n as Ie, u as le, k as ve, E as Te } from "./index-DYkucCoF.js";
-import { i as Q, c as Ae } from "./isNumber-fpLGS0AZ.js";
-import { A as Ce } from "./toggle-Cdp4IT2U.js";
-import { c as ee, a as Ne } from "./index-BPfVXs5_.js";
-import { I as $ } from "./Icon-jKs8Hr6p.js";
-import { D as oe, a as se, b as ce, c as de, d as Ee } from "./dialog-PtQivpHS.js";
-import Me from "react-image-crop";
-import { B } from "./button-DXMsXUEn.js";
-import { d as Le, r as Se } from "./file-BLas99n7.js";
-import { d as ue, u as _e, a as ke } from "./useButtonProps-BsEd4zYM.js";
-import { u as he } from "./use-toast-Crf7-q5H.js";
-import { a as Re } from "./store-DX599H5W.js";
-import { T as ze, a as Ue, b as te, c as ie } from "./tabs-B5mVSN1I.js";
-import * as G from "@radix-ui/react-checkbox";
-import { Check as De } from "lucide-react";
-import { L as ae } from "./label-CGdLYWv7.js";
-import { I as re } from "./input-wJ9PDEzZ.js";
-const me = we.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r(
-  G.Root,
-  {
-    ref: a,
-    className: ee(
-      "!richtext-peer !richtext-h-4 !richtext-w-4 !richtext-p-0 !richtext-shrink-0 !richtext-rounded-sm !richtext-border !richtext-border-primary !richtext-ring-offset-background focus-visible:!richtext-outline-none focus-visible:!richtext-ring-2 focus-visible:!richtext-ring-ring focus-visible:!richtext-ring-offset-2 disabled:!richtext-cursor-not-allowed disabled:!richtext-opacity-50 data-[state=checked]:!richtext-bg-primary data-[state=checked]:!richtext-text-primary-foreground",
-      e
-    ),
-    ...t,
-    children: /* @__PURE__ */ r(
-      G.Indicator,
-      {
-        className: ee("!richtext-flex !richtext-p-0 !richtext-items-center !richtext-justify-center !richtext-text-current"),
-        children: /* @__PURE__ */ r(De, { className: "!richtext-h-4 !richtext-w-4" })
-      }
-    )
-  }
-));
-me.displayName = G.Root.displayName;
+import { s as he, m as fe, R as ge } from "./index-nFjllrEl.js";
+import { a as q, c as pe } from "./throttle-CGM5M2yG.js";
+import { jsx as o, jsxs as b, Fragment as H } from "react/jsx-runtime";
+import j, { useState as L, useMemo as P, useCallback as F, useEffect as W, useRef as ae } from "react";
+import { I as Z, j as J, k as be, u as ne } from "./index-CEbbM7Gx.js";
+import { i as K, c as xe } from "./isNumber-CTm1pIvN.js";
+import { A as ye } from "./toggle-Crvm3Tcn.js";
+import "./index-ClAEwR0V.js";
+import { D as re, a as le, b as oe, c as se, d as we } from "./dialog-xrO7nV_z.js";
+import Ie from "react-image-crop";
+import { B } from "./button-DHZeIKzF.js";
+import { d as ve, r as Te } from "./file-BLas99n7.js";
+import { d as ce, c as Ae, u as Ce, a as Ee } from "./useButtonProps--5ytUuGi.js";
+import { u as de } from "./use-toast-Crf7-q5H.js";
+import { I as $ } from "./Icon-D3AdnMCj.js";
+import { a as Me } from "./store-Cu0gDf4G.js";
+import { l as Le, E as Ne } from "./events.constant-CBPIqO_g.js";
+import { T as Se, a as _e, b as Q, c as ee } from "./tabs-BiYU230B.js";
+import { C as ze } from "./checkbox-Dm8Nfwg8.js";
+import { L as te } from "./label-23SJWQ49.js";
+import { I as ie } from "./input-U-XBy56K.js";
 const X = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
   BOTTOM_LEFT: "bl",
   BOTTOM_RIGHT: "br"
 };
-function Oe(e) {
-  var O, d, L;
-  const [t, a] = M({
-    width: J,
-    height: J
-  }), [s, f] = M({
+function Re(e) {
+  var O, d, N;
+  const [t, a] = L({
+    width: Z,
+    height: Z
+  }), [s, f] = L({
     width: 0,
     height: 0
-  }), [u] = M([
+  }), [u] = L([
     X.TOP_LEFT,
     X.TOP_RIGHT,
     X.BOTTOM_LEFT,
     X.BOTTOM_RIGHT
-  ]), [g, v] = M(!1), [h, b] = M({
+  ]), [g, v] = L(!1), [m, x] = L({
     x: 0,
     y: 0,
     w: 0,
     h: 0,
     dir: ""
   }), { align: C, inline: T } = (O = e == null ? void 0 : e.node) == null ? void 0 : O.attrs, _ = T && (C === "left" || C === "right"), S = P(() => {
-    var q;
-    const { src: n, alt: y, width: i, height: l, flipX: m, flipY: o } = (q = e == null ? void 0 : e.node) == null ? void 0 : q.attrs, w = Q(i) ? `${i}px` : i, I = Q(l) ? `${l}px` : l, Y = [];
-    m && Y.push("rotateX(180deg)"), o && Y.push("rotateY(180deg)");
-    const ge = Y.join(" ");
+    var V;
+    const { src: n, alt: y, width: i, height: r, flipX: h, flipY: l } = (V = e == null ? void 0 : e.node) == null ? void 0 : V.attrs, w = K(i) ? `${i}px` : i, I = K(r) ? `${r}px` : r, Y = [];
+    h && Y.push("rotateX(180deg)"), l && Y.push("rotateY(180deg)");
+    const me = Y.join(" ");
     return {
       src: n || void 0,
       alt: y || void 0,
       style: {
         width: w || void 0,
         height: I || void 0,
-        transform: ge || "none",
+        transform: me || "none",
         ..._ ? { float: C } : {}
       }
     };
-  }, [(d = e == null ? void 0 : e.node) == null ? void 0 : d.attrs]), z = P(() => {
+  }, [(d = e == null ? void 0 : e.node) == null ? void 0 : d.attrs]), k = P(() => {
     const {
       style: { width: n }
     } = S;
@@ -92,55 +71,55 @@ function Oe(e) {
       height: n.target.height
     });
   }
-  function E() {
+  function M() {
     const { editor: n, getPos: y } = e;
     n.commands.setNodeSelection(y());
   }
-  const N = F(
-    Z(() => {
+  const E = F(
+    q(() => {
       const { editor: n } = e, { width: y } = getComputedStyle(n.view.dom);
       a((i) => ({
         ...i,
         width: Number.parseInt(y, 10)
       }));
-    }, K),
+    }, J),
     [e == null ? void 0 : e.editor]
   );
-  function k(n, y) {
+  function z(n, y) {
     n.preventDefault(), n.stopPropagation();
-    const i = s.width, l = s.height, m = i / l;
-    let o = Number(e.node.attrs.width), w = Number(e.node.attrs.height);
+    const i = s.width, r = s.height, h = i / r;
+    let l = Number(e.node.attrs.width), w = Number(e.node.attrs.height);
     const I = t.width;
-    o && !w ? (o = o > I ? I : o, w = Math.round(o / m)) : w && !o ? (o = Math.round(w * m), o = o > I ? I : o) : !o && !w ? (o = i > I ? I : i, w = Math.round(o / m)) : o = o > I ? I : o, v(!0), b({
+    l && !w ? (l = l > I ? I : l, w = Math.round(l / h)) : w && !l ? (l = Math.round(w * h), l = l > I ? I : l) : !l && !w ? (l = i > I ? I : i, w = Math.round(l / h)) : l = l > I ? I : l, v(!0), x({
       x: n.clientX,
       y: n.clientY,
-      w: o,
+      w: l,
       h: w,
       dir: y
     });
   }
   const A = F(
-    Z((n) => {
+    q((n) => {
       if (n.preventDefault(), n.stopPropagation(), !g)
         return;
-      const { x: y, w: i, dir: l } = h, m = (n.clientX - y) * (/l/.test(l) ? -1 : 1), o = Ae(i + m, Ie, t.width);
+      const { x: y, w: i, dir: r } = m, h = (n.clientX - y) * (/l/.test(r) ? -1 : 1), l = xe(i + h, be, t.width);
       e.updateAttributes({
-        width: o,
+        width: l,
         height: null
       });
-    }, K),
-    [g, h, t, e.updateAttributes]
+    }, J),
+    [g, m, t, e.updateAttributes]
   ), p = F(
     (n) => {
-      n.preventDefault(), n.stopPropagation(), g && (b({
+      n.preventDefault(), n.stopPropagation(), g && (x({
         x: 0,
         y: 0,
         w: 0,
         h: 0,
         dir: ""
-      }), v(!1), E());
+      }), v(!1), M());
     },
-    [g, E]
+    [g, M]
   ), c = F(() => {
     document == null || document.addEventListener("mousemove", A, !0), document == null || document.addEventListener("mouseup", p, !0);
   }, [A, p]), U = F(() => {
@@ -149,11 +128,11 @@ function Oe(e) {
   W(() => (g ? c() : U(), () => {
     U();
   }), [g, c, U]);
-  const D = P(() => new ResizeObserver(() => N()), [N]);
+  const D = P(() => new ResizeObserver(() => E()), [E]);
   return W(() => (D.observe(e.editor.view.dom), () => {
     D.disconnect();
-  }), [e.editor.view.dom, D]), /* @__PURE__ */ r(
-    be,
+  }), [e.editor.view.dom, D]), /* @__PURE__ */ o(
+    he,
     {
       as: T ? "span" : "div",
       className: "image-view",
@@ -162,34 +141,34 @@ function Oe(e) {
         margin: _ ? C === "left" ? "1em 1em 1em 0" : "1em 0 1em 1em" : void 0,
         display: T ? "inline" : "block",
         textAlign: _ ? void 0 : C,
-        width: ((L = S.style) == null ? void 0 : L.width) ?? "auto",
-        ..._ ? {} : z
+        width: ((N = S.style) == null ? void 0 : N.width) ?? "auto",
+        ..._ ? {} : k
       },
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ b(
         "div",
         {
           "data-drag-handle": !0,
           draggable: "true",
-          style: z,
+          style: k,
           className: `image-view__body ${e != null && e.selected ? "image-view__body--focused" : ""} ${g ? "image-view__body--resizing" : ""}`,
           children: [
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               "img",
               {
                 alt: S.alt,
                 className: "image-view__body__image block",
                 height: "auto",
-                onClick: E,
+                onClick: M,
                 onLoad: R,
                 src: S.src,
                 style: S.style
               }
             ),
-            (e == null ? void 0 : e.editor.view.editable) && ((e == null ? void 0 : e.selected) || g) && /* @__PURE__ */ r("div", { className: "image-resizer", children: u == null ? void 0 : u.map((n) => /* @__PURE__ */ r(
+            (e == null ? void 0 : e.editor.view.editable) && ((e == null ? void 0 : e.selected) || g) && /* @__PURE__ */ o("div", { className: "image-resizer", children: u == null ? void 0 : u.map((n) => /* @__PURE__ */ o(
               "span",
               {
                 className: `image-resizer__handler image-resizer__handler--${n}`,
-                onMouseDown: (y) => k(y, n)
+                onMouseDown: (y) => z(y, n)
               },
               `image-dir-${n}`
             )) })
@@ -199,7 +178,7 @@ function Oe(e) {
     }
   );
 }
-function Fe(e, t) {
+function ke(e, t) {
   const a = e.type, s = e.name.toLowerCase(), f = s.split(".").pop();
   if (!f) return !1;
   const g = a || {
@@ -216,119 +195,119 @@ function Fe(e, t) {
     if (v.startsWith("."))
       return s.endsWith(v);
     if (v.endsWith("/*")) {
-      const h = v.split("/")[0];
-      return g == null ? void 0 : g.startsWith(h + "/");
+      const m = v.split("/")[0];
+      return g == null ? void 0 : g.startsWith(m + "/");
     }
     return g === v;
   });
 }
-function fe(e, t) {
+function ue(e, t) {
   const { acceptMimes: a, maxSize: s, t: f, toast: u } = t, g = [];
-  return (Array.isArray(e) ? e : Object.values(e)).forEach((h) => {
-    if (!Fe(h, a)) {
+  return (Array.isArray(e) ? e : Object.values(e)).forEach((m) => {
+    if (!ke(m, a)) {
       t.onError ? t.onError({
         type: "type",
-        message: f("editor.upload.fileTypeNotSupported", { fileName: h.name }),
-        file: h
+        message: f("editor.upload.fileTypeNotSupported", { fileName: m.name }),
+        file: m
       }) : u({
         variant: "default",
-        title: f("editor.upload.fileTypeNotSupported", { fileName: h.name })
+        title: f("editor.upload.fileTypeNotSupported", { fileName: m.name })
       });
       return;
     }
-    if (h.size > s) {
-      const b = (s / 1024 / 1024).toFixed(2);
+    if (m.size > s) {
+      const x = (s / 1024 / 1024).toFixed(2);
       t.onError ? t.onError({
         type: "size",
-        message: f("editor.upload.fileSizeTooBig", { fileName: h.name, size: b }),
-        file: h
+        message: f("editor.upload.fileSizeTooBig", { fileName: m.name, size: x }),
+        file: m
       }) : u({
         variant: "default",
-        title: f("editor.upload.fileSizeTooBig", { fileName: h.name, size: b })
+        title: f("editor.upload.fileSizeTooBig", { fileName: m.name, size: x })
       });
       return;
     }
-    g.push(h);
+    g.push(m);
   }), g;
 }
-function He({ editor: e, imageInline: t, onClose: a, disabled: s, alt: f }) {
+function Ue({ editor: e, imageInline: t, onClose: a, disabled: s, alt: f }) {
   var n, y;
-  const { t: u } = le(), { toast: g } = he(), [v, h] = M(!1), [b, C] = M(!1), T = j.useRef(null), [_, S] = j.useState(), [z, R] = j.useState(""), E = ne(null), [N, k] = M({
+  const { t: u } = ne(), { toast: g } = de(), [v, m] = L(!1), [x, C] = L(!1), T = j.useRef(null), [_, S] = j.useState(), [k, R] = j.useState(""), M = ae(null), [E, z] = L({
     src: "",
     file: null
-  }), A = ue(V.name), p = P(() => (A == null ? void 0 : A.options) ?? {}, [A]);
+  }), A = ce(G.name), p = P(() => (A == null ? void 0 : A.options) ?? {}, [A]);
   function c(i) {
     if (T.current && i.width && i.height) {
-      const l = U(T.current, i);
-      R(l);
+      const r = U(T.current, i);
+      R(r);
     }
   }
-  function U(i, l) {
-    const m = document.createElement("canvas"), o = i.naturalWidth / i.width, w = i.naturalHeight / i.height;
-    m.width = l.width * o, m.height = l.height * w;
-    const I = m.getContext("2d");
+  function U(i, r) {
+    const h = document.createElement("canvas"), l = i.naturalWidth / i.width, w = i.naturalHeight / i.height;
+    h.width = r.width * l, h.height = r.height * w;
+    const I = h.getContext("2d");
     return I && (I.imageSmoothingEnabled = !1, I.drawImage(
       i,
-      l.x * o,
-      l.y * w,
-      l.width * o,
-      l.height * w,
+      r.x * l,
+      r.y * w,
+      r.width * l,
+      r.height * w,
       0,
       0,
-      l.width * o,
-      l.height * w
-    )), m.toDataURL("image/png", 1);
+      r.width * l,
+      r.height * w
+    )), h.toDataURL("image/png", 1);
   }
   const D = j.useCallback(async () => {
     var i;
-    if (!b) {
+    if (!x) {
       C(!0);
       try {
-        const l = Le(z, ((i = N == null ? void 0 : N.file) == null ? void 0 : i.name) || "image.png");
-        let m = "";
-        p.upload ? m = await p.upload(l) : m = URL.createObjectURL(l), e.chain().focus().setImageInline({ src: m, inline: t, alt: f }).run(), h(!1), k({
+        const r = ve(k, ((i = E == null ? void 0 : E.file) == null ? void 0 : i.name) || "image.png");
+        let h = "";
+        p.upload ? h = await p.upload(r) : h = URL.createObjectURL(r), e.chain().focus().setImageInline({ src: h, inline: t, alt: f }).run(), m(!1), z({
           src: "",
           file: null
-        }), L(), a();
-      } catch (l) {
-        console.log("Error cropping image", l);
+        }), N(), a();
+      } catch (r) {
+        console.log("Error cropping image", r);
       } finally {
         C(!1);
       }
     }
-  }, [z, e, t, b, a, (n = N == null ? void 0 : N.file) == null ? void 0 : n.name, p]);
+  }, [k, e, t, x, a, (n = E == null ? void 0 : E.file) == null ? void 0 : n.name, p]);
   function O(i) {
-    var l;
-    i.preventDefault(), (l = E.current) == null || l.click();
+    var r;
+    i.preventDefault(), (r = M.current) == null || r.click();
   }
   const d = async (i) => {
     var I;
-    const l = (I = i == null ? void 0 : i.target) == null ? void 0 : I.files;
-    if (!e || e.isDestroyed || l.length === 0) {
+    const r = (I = i == null ? void 0 : i.target) == null ? void 0 : I.files;
+    if (!e || e.isDestroyed || r.length === 0) {
       i.target.value = "";
       return;
     }
-    const m = fe(l, {
+    const h = ue(r, {
       acceptMimes: p == null ? void 0 : p.acceptMimes,
       maxSize: p == null ? void 0 : p.maxSize,
       t: u,
       toast: g,
       onError: p.onError
     });
-    if (m.length <= 0) {
+    if (h.length <= 0) {
       i.target.value = "";
       return;
     }
-    const o = m[0], w = await Se(o);
-    h(!0), k({
+    const l = h[0], w = await Te(l);
+    m(!0), z({
       src: w.src,
-      file: o
+      file: l
     });
-  }, L = () => {
-    E.current && (E.current.value = "");
+  }, N = () => {
+    M.current && (M.current.value = "");
   };
-  return /* @__PURE__ */ x(H, { children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ b(H, { children: [
+    /* @__PURE__ */ o(
       B,
       {
         className: "richtext-mt-1 richtext-w-full",
@@ -338,48 +317,48 @@ function He({ editor: e, imageInline: t, onClose: a, disabled: s, alt: f }) {
         children: u("editor.image.dialog.tab.uploadCrop")
       }
     ),
-    /* @__PURE__ */ x(
-      oe,
+    /* @__PURE__ */ b(
+      re,
       {
         open: v,
         onOpenChange: (i) => {
-          h(i), i || (k({ src: "", file: null }), L());
+          m(i), i || (z({ src: "", file: null }), N());
         },
         children: [
-          /* @__PURE__ */ r(se, {}),
-          /* @__PURE__ */ x(ce, { children: [
-            /* @__PURE__ */ r(de, { children: u("editor.image.dialog.tab.uploadCrop") }),
-            /* @__PURE__ */ r("div", { children: N.src && /* @__PURE__ */ r(
-              Me,
+          /* @__PURE__ */ o(le, {}),
+          /* @__PURE__ */ b(oe, { children: [
+            /* @__PURE__ */ o(se, { children: u("editor.image.dialog.tab.uploadCrop") }),
+            /* @__PURE__ */ o("div", { children: E.src && /* @__PURE__ */ o(
+              Ie,
               {
                 className: "richtext-w-full",
                 crop: _,
                 onChange: (i) => S(i),
                 onComplete: (i) => c(i),
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ o(
                   "img",
                   {
                     alt: "Crop me",
                     ref: T,
-                    src: N.src
+                    src: E.src
                   }
                 )
               }
             ) }),
-            /* @__PURE__ */ x(Ee, { children: [
-              /* @__PURE__ */ x(
+            /* @__PURE__ */ b(we, { children: [
+              /* @__PURE__ */ b(
                 B,
                 {
-                  disabled: b,
+                  disabled: x,
                   onClick: () => {
-                    h(!1), k({
+                    m(!1), z({
                       src: "",
                       file: null
-                    }), L();
+                    }), N();
                   },
                   children: [
                     u("editor.imageUpload.cancel"),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ o(
                       $,
                       {
                         className: "richtext-ml-1",
@@ -389,24 +368,24 @@ function He({ editor: e, imageInline: t, onClose: a, disabled: s, alt: f }) {
                   ]
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ o(
                 B,
                 {
                   className: "richtext-w-fit",
-                  disabled: b || !_,
+                  disabled: x || !_,
                   onClick: D,
-                  children: b ? /* @__PURE__ */ x(H, { children: [
+                  children: x ? /* @__PURE__ */ b(H, { children: [
                     u("editor.imageUpload.uploading"),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ o(
                       $,
                       {
                         className: "richtext-ml-1 richtext-animate-spin",
                         name: "Loader"
                       }
                     )
-                  ] }) : /* @__PURE__ */ x(H, { children: [
+                  ] }) : /* @__PURE__ */ b(H, { children: [
                     u("editor.imageUpload.crop"),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ o(
                       $,
                       {
                         className: "richtext-ml-1",
@@ -421,40 +400,40 @@ function He({ editor: e, imageInline: t, onClose: a, disabled: s, alt: f }) {
         ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(
       "input",
       {
         accept: ((y = p == null ? void 0 : p.acceptMimes) == null ? void 0 : y.join(",")) || "image/*",
         multiple: !1,
         onChange: d,
-        ref: E,
+        ref: M,
         style: { display: "none" },
         type: "file"
       }
     )
   ] });
 }
-function ct() {
-  const { t: e } = le(), { toast: t } = he(), a = Ne(), s = _e(V.name), {
+function rt() {
+  const { t: e } = ne(), { toast: t } = de(), a = Ae(), s = Ce(G.name), {
     icon: f,
     tooltip: u
-  } = (s == null ? void 0 : s.componentProps) ?? {}, { editorDisabled: g } = ke(), [v, h] = M(!1), [b, C] = M(!1), T = ue(V.name), _ = (d) => {
-    h(d.detail);
-  }, [S, z] = M(""), [R, E] = M(""), N = ne(null), k = (T == null ? void 0 : T.options.defaultInline) || !1, [A, p] = M(k), c = P(() => T == null ? void 0 : T.options, [T]);
+  } = (s == null ? void 0 : s.componentProps) ?? {}, { editorDisabled: g } = Ee(), [v, m] = L(!1), [x, C] = L(!1), T = ce(G.name), _ = (d) => {
+    m(d.detail);
+  }, [S, k] = L(""), [R, M] = L(""), E = ae(null), z = (T == null ? void 0 : T.options.defaultInline) || !1, [A, p] = L(z), c = P(() => T == null ? void 0 : T.options, [T]);
   W(() => {
-    const d = ve(Te.UPLOAD_IMAGE(a.id), _);
+    const d = Le(Ne.UPLOAD_IMAGE(a.id), _);
     return () => {
       d();
     };
   }, []);
   async function U(d) {
     var y;
-    const L = (y = d == null ? void 0 : d.target) == null ? void 0 : y.files;
-    if (!a || a.isDestroyed || L.length === 0 || b) {
+    const N = (y = d == null ? void 0 : d.target) == null ? void 0 : y.files;
+    if (!a || a.isDestroyed || N.length === 0 || x) {
       d.target.value = "";
       return;
     }
-    const n = fe(L, {
+    const n = ue(N, {
       acceptMimes: c == null ? void 0 : c.acceptMimes,
       maxSize: c == null ? void 0 : c.maxSize,
       t: e,
@@ -468,19 +447,19 @@ function ct() {
     C(!0);
     try {
       if (c != null && c.multiple) {
-        const i = n.map(async (m) => {
-          let o = "";
-          return c.upload ? o = await c.upload(m) : o = URL.createObjectURL(m), o;
+        const i = n.map(async (h) => {
+          let l = "";
+          return c.upload ? l = await c.upload(h) : l = URL.createObjectURL(h), l;
         });
-        (await Promise.all(i)).forEach((m) => {
-          a.chain().focus().setImageInline({ src: m, inline: A, alt: R }).run();
+        (await Promise.all(i)).forEach((h) => {
+          a.chain().focus().setImageInline({ src: h, inline: A, alt: R }).run();
         });
       } else {
         const i = n[0];
-        let l = "";
-        c.upload ? l = await c.upload(i) : l = URL.createObjectURL(i), a.chain().focus().setImageInline({ src: l, inline: A, alt: R }).run();
+        let r = "";
+        c.upload ? r = await c.upload(i) : r = URL.createObjectURL(i), a.chain().focus().setImageInline({ src: r, inline: A, alt: R }).run();
       }
-      h(!1), E(""), p(k);
+      m(!1), M(""), p(z);
     } catch (i) {
       console.error("Error uploading image", i), c.onError ? c.onError({
         type: "upload",
@@ -494,50 +473,50 @@ function ct() {
     }
   }
   function D(d) {
-    d.preventDefault(), d.stopPropagation(), a.chain().focus().setImageInline({ src: S, inline: A, alt: R }).run(), h(!1), p(k), z(""), E("");
+    d.preventDefault(), d.stopPropagation(), a.chain().focus().setImageInline({ src: S, inline: A, alt: R }).run(), m(!1), p(z), k(""), M("");
   }
   function O(d) {
-    var L;
-    d.preventDefault(), (L = N.current) == null || L.click();
+    var N;
+    d.preventDefault(), (N = E.current) == null || N.click();
   }
-  return s ? /* @__PURE__ */ x(
-    oe,
+  return s ? /* @__PURE__ */ b(
+    re,
     {
-      onOpenChange: h,
+      onOpenChange: m,
       open: v,
       children: [
-        /* @__PURE__ */ r(
-          se,
+        /* @__PURE__ */ o(
+          le,
           {
             asChild: !0,
-            children: /* @__PURE__ */ r(
-              Ce,
+            children: /* @__PURE__ */ o(
+              ye,
               {
                 disabled: g,
                 icon: f,
                 tooltip: u,
                 action: () => {
-                  g || h(!0);
+                  g || m(!0);
                 }
               }
             )
           }
         ),
-        /* @__PURE__ */ x(ce, { children: [
-          /* @__PURE__ */ r(de, { children: e("editor.image.dialog.title") }),
-          /* @__PURE__ */ x(
-            ze,
+        /* @__PURE__ */ b(oe, { children: [
+          /* @__PURE__ */ o(se, { children: e("editor.image.dialog.title") }),
+          /* @__PURE__ */ b(
+            Se,
             {
               activationMode: "manual",
               defaultValue: c.resourceImage === "both" || c.resourceImage === "upload" ? "upload" : "link",
               children: [
-                c.resourceImage === "both" && /* @__PURE__ */ x(Ue, { className: "richtext-grid richtext-w-full richtext-grid-cols-2", children: [
-                  /* @__PURE__ */ r(te, { value: "upload", children: e("editor.image.dialog.tab.upload") }),
-                  /* @__PURE__ */ r(te, { value: "link", children: e("editor.image.dialog.tab.url") })
+                c.resourceImage === "both" && /* @__PURE__ */ b(_e, { className: "richtext-grid richtext-w-full richtext-grid-cols-2", children: [
+                  /* @__PURE__ */ o(Q, { value: "upload", children: e("editor.image.dialog.tab.upload") }),
+                  /* @__PURE__ */ o(Q, { value: "link", children: e("editor.image.dialog.tab.url") })
                 ] }),
-                /* @__PURE__ */ x("div", { className: "richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]", children: [
-                  /* @__PURE__ */ r(
-                    me,
+                /* @__PURE__ */ b("div", { className: "richtext-my-[10px] richtext-flex richtext-items-center richtext-gap-[4px]", children: [
+                  /* @__PURE__ */ o(
+                    ze,
                     {
                       checked: A,
                       onCheckedChange: (d) => {
@@ -545,32 +524,32 @@ function ct() {
                       }
                     }
                   ),
-                  /* @__PURE__ */ r(ae, { children: e("editor.link.dialog.inline") })
+                  /* @__PURE__ */ o(te, { children: e("editor.link.dialog.inline") })
                 ] }),
-                c.enableAlt && /* @__PURE__ */ x("div", { className: "richtext-my-[10px] ", children: [
-                  /* @__PURE__ */ r(ae, { className: "mb-[6px]", children: e("editor.imageUpload.alt") }),
-                  /* @__PURE__ */ r(
-                    re,
+                c.enableAlt && /* @__PURE__ */ b("div", { className: "richtext-my-[10px] ", children: [
+                  /* @__PURE__ */ o(te, { className: "mb-[6px]", children: e("editor.imageUpload.alt") }),
+                  /* @__PURE__ */ o(
+                    ie,
                     {
-                      onChange: (d) => E(d.target.value),
+                      onChange: (d) => M(d.target.value),
                       required: !0,
                       type: "text",
                       value: R
                     }
                   )
                 ] }),
-                /* @__PURE__ */ x(ie, { value: "upload", children: [
-                  /* @__PURE__ */ x("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
-                    /* @__PURE__ */ r(
+                /* @__PURE__ */ b(ee, { value: "upload", children: [
+                  /* @__PURE__ */ b("div", { className: "richtext-flex richtext-items-center richtext-gap-[10px]", children: [
+                    /* @__PURE__ */ o(
                       B,
                       {
                         className: "richtext-mt-1 richtext-w-full",
-                        disabled: b,
+                        disabled: x,
                         onClick: O,
                         size: "sm",
-                        children: b ? /* @__PURE__ */ x(H, { children: [
+                        children: x ? /* @__PURE__ */ b(H, { children: [
                           e("editor.imageUpload.uploading"),
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ o(
                             $,
                             {
                               className: "richtext-ml-1 richtext-animate-spin",
@@ -580,44 +559,44 @@ function ct() {
                         ] }) : e("editor.image.dialog.tab.upload")
                       }
                     ),
-                    /* @__PURE__ */ r(
-                      He,
+                    /* @__PURE__ */ o(
+                      Ue,
                       {
                         alt: R,
-                        disabled: b,
+                        disabled: x,
                         editor: a,
                         imageInline: A,
                         onClose: () => {
-                          Re.setOpen(a.id, !1), E("");
+                          Me.setOpen(a.id, !1), M("");
                         }
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ o(
                     "input",
                     {
                       accept: c.acceptMimes.join(",") || "image/*",
                       multiple: c.multiple,
                       onChange: U,
-                      ref: N,
+                      ref: E,
                       style: { display: "none" },
                       type: "file"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ r(ie, { value: "link", children: /* @__PURE__ */ r("form", { onSubmit: D, children: /* @__PURE__ */ x("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
-                  /* @__PURE__ */ r(
-                    re,
+                /* @__PURE__ */ o(ee, { value: "link", children: /* @__PURE__ */ o("form", { onSubmit: D, children: /* @__PURE__ */ b("div", { className: "richtext-flex richtext-items-center richtext-gap-2", children: [
+                  /* @__PURE__ */ o(
+                    ie,
                     {
                       autoFocus: !0,
-                      onChange: (d) => z(d.target.value),
+                      onChange: (d) => k(d.target.value),
                       placeholder: e("editor.image.dialog.placeholder"),
                       required: !0,
                       type: "url",
                       value: S
                     }
                   ),
-                  /* @__PURE__ */ r(B, { type: "submit", children: e("editor.image.dialog.button.apply") })
+                  /* @__PURE__ */ o(B, { type: "submit", children: e("editor.image.dialog.button.apply") })
                 ] }) }) })
               ]
             }
@@ -625,9 +604,9 @@ function ct() {
         ] })
       ]
     }
-  ) : /* @__PURE__ */ r(H, {});
+  ) : /* @__PURE__ */ o(H, {});
 }
-const Pe = {
+const De = {
   acceptMimes: ["image/jpeg", "image/gif", "image/png", "image/jpg"],
   maxSize: 1024 * 1024 * 5,
   // 5MB
@@ -635,7 +614,7 @@ const Pe = {
   resourceImage: "both",
   defaultInline: !1,
   enableAlt: !0
-}, V = /* @__PURE__ */ xe.extend({
+}, G = /* @__PURE__ */ pe.extend({
   group: "inline",
   inline: !0,
   defining: !0,
@@ -644,7 +623,7 @@ const Pe = {
   addOptions() {
     var e;
     return {
-      ...Pe,
+      ...De,
       ...(e = this.parent) == null ? void 0 : e.call(this),
       upload: () => Promise.reject("Image Upload Function"),
       button: ({
@@ -710,7 +689,7 @@ const Pe = {
     };
   },
   addNodeView() {
-    return ye(Oe);
+    return ge(Re);
   },
   addCommands() {
     var e;
@@ -737,7 +716,7 @@ const Pe = {
       },
       [
         "img",
-        pe(
+        fe(
           {
             height: "auto",
             style: C
@@ -845,6 +824,6 @@ const Pe = {
   // },
 });
 export {
-  V as Image,
-  ct as RichTextImage
+  G as Image,
+  rt as RichTextImage
 };