@layers-app/editor 0.5.8-optimization → 0.5.10-optimization

package/dist/layers.CoCZDINv.js

@@ -1,864 +0,0 @@
-import { jsx as t, jsxs as R } from "react/jsx-runtime";
-import { useContext as le, memo as Xe, useState as O, useMemo as j, useRef as ie, useEffect as X } from "react";
-import { useTranslation as U } from "react-i18next";
-import { useLexicalComposerContext as je } from "@lexical/react/LexicalComposerContext";
-import { Flex as Ue, UnstyledButton as qe, Loader as Ve, Text as ue, Progress as Ze, Tooltip as we, Modal as Je, Button as Ke, Menu as w, Portal as Qe } from "@mantine/core";
-import { $getNodeByKey as et, CLICK_COMMAND as tt, COMMAND_PRIORITY_NORMAL as nt, $createParagraphNode as rt, $getNearestNodeFromDOMNode as it, DecoratorNode as ot, FORMAT_ELEMENT_COMMAND as st, BLUR_COMMAND as ct, COMMAND_PRIORITY_LOW as ze, FOCUS_COMMAND as at, $getRoot as lt } from "lexical";
-import { C as de } from "./layers.Dt_Jdn4Y.js";
-import { IconPalette as xe, IconLayoutSidebarLeftExpand as ut, IconSend as dt, IconReload as mt, IconShieldCheckFilled as ht, IconMessages as pt, IconFilter as gt, IconArrowBackUp as Me, IconMessage as ft, IconMusic as It, IconApi as yt, IconX as Ct, IconPaperclip as Et, IconAt as zt, IconCodeCircle as Mt, IconBaseline as be, IconExclamationCircle as Tt, IconAlertTriangle as Pt, IconCheck as Te, IconFile as ae, IconMoodSmile as Rt, IconBrandYoutube as _t, IconCheckupList as wt, IconDropletOff as xt, IconLayersSubtract as bt, IconLayersUnion as St, IconTableOff as kt, IconContainerOff as Dt, IconRowInsertBottom as Nt, IconRowInsertTop as vt, IconColumnInsertRight as Ot, IconColumnInsertLeft as Lt, IconArrowBarToRight as At, IconArrowBarToLeft as Ht, IconArrowBarToDown as Bt, IconArrowBarToUp as Ft, IconCut as Wt, IconClipboard as $t, IconCopy as Gt, IconDotsVertical as Yt, IconColumns3 as Xt, IconCaretRight as jt, IconTable as Se, IconTrash as Ut, IconPencil as qt, IconCircleX as Vt, IconCircleCheck as Zt, IconGripVertical as Jt, IconChevronRight as Kt, IconChevronDown as Qt, IconPlus as en, IconMinus as tn, IconSuperscript as nn, IconSubscript as rn, IconStrikethrough as on, IconFlipHorizontal as sn, IconAlignJustified as cn, IconAlignCenter as an, IconAlignRight as ln, IconAlignLeft as oe, IconPhotoCheck as un, IconPhoto as dn, IconBucketDroplet as mn, IconColorPicker as hn, IconLink as pn, IconUnderline as gn, IconItalic as fn, IconBold as In, IconArrowForwardUp as yn, IconLetterT as Cn, IconQuote as En, IconIndentIncrease as zn, IconListNumbers as ke, IconH3 as Mn, IconH2 as Tn, IconH1 as De, IconCode as Ne, IconListCheck as Pn, IconList as Rn, IconColumns2 as _n, IconTemplate as wn, IconApps as xn } from "@tabler/icons-react";
-import { ProjectIcon as bn } from "@layers-app/shared";
-import { aE as Sn, a4 as ve, a0 as kn, Z as Dn, a1 as Nn } from "./layers.BnVn2uMi.js";
-import { l as Pe, O as vn, c as Re, U as On, I as Ln } from "./layers.pre7B8K-.js";
-import { createPortal as An } from "react-dom";
-import { ContentEditable as Hn } from "@lexical/react/LexicalContentEditable";
-import { $createHeadingNode as Bn } from "@lexical/rich-text";
-import { mergeRegister as Fn } from "@lexical/utils";
-import { V as Wn, W as $n, X as Gn, I as Yn, Y as Xn, Z as jn } from "./layers.8yssqxrI.js";
-const _e = {
-  bullet: Rn,
-  check: Pn,
-  "check-mark": Te,
-  code: Ne,
-  h1: De,
-  h2: Tn,
-  h3: Mn,
-  number: ke,
-  paragraph: zn,
-  quote: En,
-  fontFamily: Cn,
-  undo: Me,
-  redo: yn,
-  bold: In,
-  italic: fn,
-  underline: gn,
-  link: pn,
-  "color-picker": hn,
-  background: mn,
-  photo: dn,
-  "photo-check": un,
-  "align-left": oe,
-  "align-end": oe,
-  "align-start": oe,
-  "align-right": ln,
-  "align-center": an,
-  "align-justify": cn,
-  "horizontal-rule": sn,
-  strikethrough: on,
-  subscript: rn,
-  superscript: nn,
-  minus: tn,
-  plus: en,
-  "chevron-down": Qt,
-  "chevron-right": Kt,
-  grip: Jt,
-  "circle-check": Zt,
-  "circle-x": Vt,
-  pencil: qt,
-  trash: Ut,
-  table: Se,
-  "caret-right": jt,
-  grid: Xt,
-  "dots-vertical": Yt,
-  copy: Gt,
-  clipboard: $t,
-  cut: Wt,
-  "arrow-bar-to-up": Ft,
-  "arrow-bar-to-down": Bt,
-  "arrow-bar-to-left": Ht,
-  "arrow-bar-to-right": At,
-  "column-insert-left": Lt,
-  "column-insert-right": Ot,
-  "row-insert-top": vt,
-  "row-insert-bottom": Nt,
-  "container-off": Dt,
-  "table-off": kt,
-  "layers-union": St,
-  "layers-substract": bt,
-  "сlear-format": xt,
-  form: wt,
-  youtube: _t,
-  emoji: Rt,
-  file: ae,
-  success: Te,
-  warning: Pt,
-  alert: Tt,
-  defaultOff: be,
-  embed: Mt,
-  at: zt,
-  paperclip: Et,
-  close: Ct,
-  api: yt,
-  music: It,
-  message: ft,
-  reply: Me,
-  filter: gt,
-  messages: pt,
-  "shield-check": ht,
-  reOpen: mt,
-  send: dt,
-  expandSidebar: ut,
-  palette: xe
-}, T = ({
-  name: e,
-  iconStyle: i,
-  ...c
-}) => {
-  const r = _e[e] || _e.bullet;
-  return /* @__PURE__ */ t(Ue, { gap: 0, justify: "center", align: "center", ...c, children: /* @__PURE__ */ t(r, { size: 18, stroke: 2, style: i, ...c }) });
-}, Mr = ({
-  icon: e,
-  title: i,
-  pointerEvents: c = "auto",
-  isLoading: r,
-  progress: y,
-  nodeKey: f,
-  onAfterCancel: m,
-  ...g
-}) => {
-  const [I] = je(), { t: C } = U(), { fetchUploadMedia: a } = le(de), P = ((a == null ? void 0 : a.length) ?? 0) >= 5, E = () => {
-    I.update(() => {
-      const z = et(f);
-      z && z.remove();
-    });
-  };
-  return /* @__PURE__ */ R(
-    qe,
-    {
-      className: "image-node-picker-button",
-      styles: {
-        root: {
-          width: "100%",
-          display: "flex",
-          alignItems: "center",
-          gap: "var(--mantine-spacing-sm)",
-          flexDirection: "column",
-          padding: "var(--mantine-spacing-md)",
-          background: "var(--mantine-primary-color-light)",
-          color: "var(--mantine-color-text)",
-          borderRadius: "var(--mantine-radius-default)",
-          opacity: 0.75,
-          pointerEvents: r ? "none" : c,
-          boxSizing: "border-box"
-        }
-      },
-      ...g,
-      children: [
-        /* @__PURE__ */ R("div", { className: "empty-node-button__content", children: [
-          r && !P && /* @__PURE__ */ t(Ve, { size: "xs", mb: 2, mr: 4, color: "gray" }),
-          !r && /* @__PURE__ */ t(T, { name: e }),
-          i,
-          r && m && /* @__PURE__ */ t(
-            ue,
-            {
-              component: "span",
-              onClick: (z) => {
-                z.stopPropagation(), m == null || m();
-              },
-              variant: "link",
-              style: {
-                marginLeft: "auto",
-                cursor: "pointer",
-                pointerEvents: "auto"
-              },
-              children: C("editor.cancel")
-            }
-          ),
-          f && !r && /* @__PURE__ */ t(
-            T,
-            {
-              style: { pointerEvents: "auto" },
-              className: "delete-icon",
-              name: "close",
-              size: 22,
-              onClick: E
-            }
-          )
-        ] }),
-        r && typeof y == "number" && P && /* @__PURE__ */ t(Ze, { w: "100%", value: y, animated: !0, transitionDuration: 200 })
-      ]
-    }
-  );
-}, Un = "_title_81iwv_1", qn = "_icon_81iwv_11", Vn = "_link_81iwv_20", se = {
-  title: Un,
-  icon: qn,
-  link: Vn
-}, Zn = ({ page: e }) => {
-  const { t: i } = U();
-  return /* @__PURE__ */ R("div", { className: se.link, onClick: e.onClick, children: [
-    /* @__PURE__ */ t("div", { className: se.icon, children: e.icon ? /* @__PURE__ */ t(
-      bn,
-      {
-        size: 16,
-        fz: 16,
-        icon: e.icon,
-        fallback: /* @__PURE__ */ t(ae, { size: "1em" })
-      }
-    ) : /* @__PURE__ */ t(ae, { size: 16 }) }),
-    /* @__PURE__ */ t(we, { label: e.title, disabled: !e.title, openDelay: 400, children: /* @__PURE__ */ t(ue, { truncate: !0, className: se.title, "data-empty": !e.title, children: e.title || i("editor.noTitle") }) })
-  ] });
-}, Jn = Xe, Tr = Jn(Zn), Kn = {
-  center: -8,
-  right: 2,
-  left: -18
-}, Qn = (e, i, c, r) => {
-  const f = e.width / 2, m = e.height / 2, g = r == null ? void 0 : r.classList[1], I = Kn[g];
-  switch (i) {
-    case "nw-resize":
-      return { x: 0, y: 0 };
-    case "ne-resize":
-      return { x: e.width - 16, y: 0 };
-    case "sw-resize":
-      return { x: 0, y: e.height - 16 };
-    case "se-resize":
-      return { x: e.width - 16, y: e.height - 16 };
-    case "n-resize":
-      return { x: f + I, y: 0 };
-    case "s-resize":
-      return { x: f + I, y: e.height - 16 };
-    case "w-resize":
-      return { x: 0, y: m - 8 };
-    case "e-resize":
-      return { x: e.width - 16, y: m - (c ? 17 : 8) };
-  }
-}, er = (e, i, c, r = [
-  "nw-resize",
-  "ne-resize",
-  "sw-resize",
-  "se-resize",
-  "n-resize",
-  "s-resize",
-  "w-resize",
-  "e-resize"
-]) => {
-  const f = c <= 32, m = c >= e.height - 32, g = i <= 32, I = i >= e.width - 32;
-  return f && g ? r.includes("nw-resize") ? "nw-resize" : "default" : f && I ? r.includes("ne-resize") ? "ne-resize" : "default" : m && g ? r.includes("sw-resize") ? "sw-resize" : "default" : m && I ? r.includes("se-resize") ? "se-resize" : "default" : f ? r.includes("n-resize") ? "n-resize" : "default" : m ? r.includes("s-resize") ? "s-resize" : "default" : g ? r.includes("w-resize") ? "w-resize" : "default" : I && r.includes("e-resize") ? "e-resize" : "default";
-}, G = 32, Y = (e, i) => e && typeof e == "number" ? Math.min(e / i * 100, 95.5) : 95.5;
-function tr(e) {
-  const c = 100 - 4e3 / e;
-  return { minResizePercent: Math.max(5, 9792 / e), maxWidthPercent: c };
-}
-const Pr = ({
-  editor: e,
-  width: i,
-  height: c,
-  initialHeight: r,
-  initialWidth: y,
-  children: f,
-  onResizeStart: m,
-  isIcon: g,
-  onResizeEnd: I,
-  alignment: C,
-  isEmbed: a,
-  type: P
-}) => {
-  const [E, L] = O({ x: -1e3, y: -1e3 }), [z, q] = O(30), [F, V] = O("default"), [W, me] = O(!1), { imperativeHandleRef: $ } = le(de), [Z, J] = O(
-    null
-  ), S = j(
-    () => Sn(C) || ["e-resize"],
-    [C]
-  ), Oe = S.length === 1 && S[0] === "e-resize", l = ie(null), he = ie(null), M = ie({
-    rootHeight: 0,
-    rootWidth: 0,
-    ratio: 1,
-    currentWidth: 0,
-    currentWidthPercent: 0,
-    currentHeight: 0,
-    currentHeightPercent: 0,
-    startWidth: 0,
-    startWidthPercent: 0,
-    startHeight: 0,
-    startHeightPercent: 0,
-    startX: 0,
-    startY: 0,
-    direction: "x",
-    isResizing: !1,
-    isTop: !1,
-    isBottom: !1,
-    isLeft: !1,
-    isRight: !1
-  }), k = (n, o = 95.5) => {
-    var u;
-    const h = (u = e._window) == null ? void 0 : u.innerWidth;
-    if (h) {
-      let p = 100;
-      a && (p = 250);
-      const d = p / h * 100;
-      return n < d ? d : n > o ? o : n;
-    } else
-      return n < 20 ? 20 : n > 100 ? 100 : n;
-  }, pe = (n, o) => {
-    const h = Math.min(n, o);
-    return 15 + (Math.max(200, Math.min(800, h)) - 100) / 500 * 15;
-  }, ge = (n, o, h) => {
-    if (V("default"), !W) return;
-    let u = F;
-    u = er(n, o, h, S), M.current.isResizing && (u = F), V(u), q(z), L((p) => Qn(
-      n,
-      u,
-      a || !1,
-      l.current
-    ) || p);
-  }, Le = (n) => {
-    var p;
-    if (Pe) return;
-    n.preventDefault();
-    const o = (p = l.current) == null ? void 0 : p.getBoundingClientRect();
-    if (!o) return;
-    const h = n.clientX - o.left, u = n.clientY - o.top;
-    M.current.isResizing || ge(o, h, u);
-  }, fe = (n, o = 12, h = 95.5, u = M.current.rootWidth) => {
-    const p = l.current, d = M.current;
-    if (!p || n.button === 2 || !(d != null && d.isResizing)) return;
-    const x = p.getBoundingClientRect(), D = n.clientX - x.left, K = n.clientY - x.top;
-    ge(x, D, K);
-    const Q = 0.17, A = C === "right", H = C === "center", N = d.isLeft, v = d.isTop, B = d.isBottom, ee = d.direction === "y", s = d.isRight, b = Math.floor(
-      A ? x.right - n.clientX - (x.right - d.startX) : n.clientX - d.startX
-    ), te = Math.floor(n.clientY - d.startY);
-    let _ = 0;
-    N || s ? _ = b / u * 100 : (v || B || H) && (_ = te * Q), (N || v) && (!A || ee && !N) && (!B || H) && (_ = -_), (v && s || B && s) && (_ = b / u * 100), _ = Math.max(-100, Math.min(100, _));
-    const ne = d.startWidthPercent + _, re = d.startHeightPercent + _;
-    d.currentWidthPercent = k(
-      Math.max(o, ne),
-      h
-    ), d.currentHeightPercent = k(
-      Math.max(o, re),
-      h
-    ), p.style.width = `${d.currentWidthPercent}%`, p.style.height = `${d.currentHeightPercent}%`;
-  }, Ae = (n) => {
-    var p, d;
-    const o = M.current;
-    if (o.isResizing = !1, (p = l.current) == null || p.classList.remove("is-resizing"), (d = l.current) == null || d.releasePointerCapture(n.pointerId), I(
-      o.currentWidthPercent + "%",
-      o.currentHeightPercent + "%"
-    ), document.removeEventListener("pointermove", fe), !l.current) return;
-    const h = l.current.getBoundingClientRect(), u = pe(h.width, h.height);
-    q(u);
-  }, He = (n) => {
-    var Ie, ye;
-    if (n.button === 2 || !W) {
-      n.preventDefault(), n.stopPropagation();
-      return;
-    }
-    if (!l.current) return;
-    l.current.classList.add("is-resizing");
-    const o = e.getRootElement();
-    if (!o) return;
-    const h = o.getBoundingClientRect();
-    if (!e.isEditable() || F === "default") return;
-    const u = he.current;
-    if (u === null) return;
-    const p = (Ie = l.current) == null ? void 0 : Ie.getBoundingClientRect();
-    if (!u.getBoundingClientRect() || !p) return;
-    const { width: x, height: D, top: K, left: Q } = p, A = n.clientX - Q, H = n.clientY - K, N = H <= G, v = H >= D - G, B = A <= G, ee = A >= x - G, s = M.current, b = window.getComputedStyle(o), te = parseFloat(b.paddingTop), _ = parseFloat(b.paddingBottom), ne = parseFloat(b.paddingLeft), re = parseFloat(b.paddingRight);
-    s.rootHeight = h.height - te - _ || 0, s.rootWidth = h.width - ne - re || 0, s.ratio = x / D, s.currentWidth = s.currentWidth || x, s.currentWidthPercent = +l.current.style.width.replace(
-      "%",
-      ""
-    ), s.currentHeight = s.currentHeight || D, s.currentHeightPercent = +l.current.style.height.replace("%", ""), s.startX = n.clientX, s.startY = n.clientY, s.startWidth = s.currentWidth || x, s.startWidthPercent = s.currentWidthPercent, s.startHeight = s.currentHeight || D, s.startHeightPercent = s.currentHeightPercent, s.isResizing = !0, s.isTop = N, s.isBottom = v, s.isLeft = B, s.isRight = ee, s.direction = v || N ? "y" : "x", m && m(), l.current.setPointerCapture(n.pointerId);
-    const We = ((ye = l.current.parentElement) == null ? void 0 : ye.offsetWidth) ?? s.rootWidth, { maxWidthPercent: $e, minResizePercent: Ge } = tr(We);
-    document.addEventListener(
-      "pointermove",
-      (Ye) => {
-        var Ce, Ee;
-        return fe(
-          Ye,
-          P === "video" ? 40 : Ge,
-          $e,
-          (Ee = (Ce = l.current) == null ? void 0 : Ce.parentElement) == null ? void 0 : Ee.offsetWidth
-        );
-      }
-    ), document.addEventListener("pointerup", Ae, {
-      capture: !0,
-      once: !0
-    });
-  };
-  X(() => {
-    var p;
-    const n = l.current;
-    if (!n) return;
-    if (typeof i == "number" && typeof c == "number") {
-      n.style.width = `${k(i)}%`, n.style.height = `${k(c)}%`;
-      return;
-    }
-    const o = (p = n.parentElement) == null ? void 0 : p.getBoundingClientRect();
-    if (!o) return;
-    const h = Y(
-      r,
-      o.height
-    ), u = Y(
-      y,
-      o.width
-    );
-    n.style.width = `${u}%`, n.style.height = `${h}%`;
-  }, [i, c, y, r]), X(() => {
-    var u;
-    if (!l.current) return;
-    const n = l.current.getBoundingClientRect(), o = (u = l.current.parentElement) == null ? void 0 : u.getBoundingClientRect(), h = pe(n.width, n.height);
-    if (q(h), typeof i == "number" && typeof c == "number")
-      l.current.style.width = `${k(i)}%`, l.current.style.height = `${k(c)}%`, M.current.currentWidthPercent = i, M.current.currentHeightPercent = c;
-    else if (o) {
-      const p = Y(
-        r,
-        o.height
-      ), d = Y(
-        y,
-        o.width
-      );
-      requestAnimationFrame(() => {
-        l.current && (l.current.style.height = `${p}%`, l.current.style.width = `${d}%`);
-      }), M.current.currentWidthPercent = d, M.current.currentHeightPercent = p;
-    } else
-      l.current.style.height = "100%", l.current.style.width = "100%", M.current.currentWidthPercent = 100, M.current.currentHeightPercent = 100;
-  }, [l.current, g, r, y]);
-  const Be = (n) => {
-    const h = n.target.closest("[data-lexical-decorator]");
-    return h ? e.update(() => {
-      const u = it(h);
-      u && u instanceof ot && J(u);
-    }) : J(null), !1;
-  }, Fe = () => (Z && setTimeout(() => {
-    e.update(() => (Z.insertAfter(rt()).selectStart(), J(null), !0));
-  }), !1);
-  return $ != null && $.current && ($.current.decoratorEnterAction = Fe), X(() => {
-    const n = e.registerCommand(
-      tt,
-      Be,
-      nt
-    );
-    return () => {
-      n();
-    };
-  }, [Z]), Pe ? f : /* @__PURE__ */ R(
-    "div",
-    {
-      ref: l,
-      className: `resizable-container ${C || ""} ${Oe ? "hide-padding" : ""}`,
-      style: { cursor: F },
-      onMouseMove: Le,
-      onMouseEnter: () => me(!0),
-      onMouseLeave: () => {
-        me(!1), V("default");
-      },
-      onMouseUp: () => {
-        e.dispatchCommand(vn, "show_menu");
-      },
-      onPointerDown: He,
-      children: [
-        /* @__PURE__ */ t(
-          "svg",
-          {
-            className: `resizable-container__handle ${W ? "hovered" : ""}`,
-            style: {
-              "--clip-x1": `${E.x - z}px`,
-              "--clip-y1": `${E.y - z}px`,
-              "--clip-x2": `${E.x + z}px`,
-              "--clip-y2": `${E.y - z}px`,
-              "--clip-x3": `${E.x + z}px`,
-              "--clip-y3": `${E.y + z}px`,
-              "--clip-x4": `${E.x - z}px`,
-              "--clip-y4": `${E.y + z}px`,
-              clipPath: `polygon(
-      var(--clip-x1) var(--clip-y1),
-      var(--clip-x2) var(--clip-y2),
-      var(--clip-x3) var(--clip-y3),
-      var(--clip-x4) var(--clip-y4)
-    )`,
-              opacity: W ? 1 : 0,
-              transition: `${M.current.isResizing ? "none" : ` opacity 0.3s ease-in-out, clip-path ${(S == null ? void 0 : S.length) < 4 ? "0.2s" : "0.3s"} cubic-bezier(0.825, 0.225, 0.280, 0.770)`}`
-            },
-            children: /* @__PURE__ */ t(
-              "rect",
-              {
-                x: 0,
-                y: 0,
-                width: "100%",
-                height: "100%",
-                stroke: "#D9D9D9",
-                strokeWidth: 8,
-                rx: 15,
-                ry: 15,
-                fill: "none"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ t(
-          "div",
-          {
-            ref: he,
-            className: "resizable-container__inner",
-            style: {
-              height: "100%",
-              width: "100%",
-              pointerEvents: M.current.isResizing ? "none" : "auto"
-            },
-            children: f
-          }
-        )
-      ]
-    }
-  );
-};
-function Rr({
-  children: e
-}) {
-  return An(
-    /* @__PURE__ */ t("div", { className: "FlashMessage__overlay", role: "dialog", children: /* @__PURE__ */ t("p", { className: "FlashMessage__alert", role: "alert", children: e }) }),
-    document.body
-  );
-}
-function _r({
-  onClose: e,
-  children: i,
-  title: c,
-  size: r
-}) {
-  return /* @__PURE__ */ t(
-    Je,
-    {
-      className: "doc-space-editor-wrapper",
-      size: r,
-      centered: !0,
-      opened: !0,
-      onClose: e,
-      title: c,
-      zIndex: 999,
-      children: i
-    }
-  );
-}
-function wr({
-  "data-test-id": e,
-  children: i,
-  className: c,
-  onClick: r,
-  disabled: y,
-  small: f,
-  title: m
-}) {
-  return /* @__PURE__ */ t(Ke, { onClick: r, disabled: y, variant: "filled", children: i });
-}
-const xr = ({
-  label: e,
-  icon: i
-}) => /* @__PURE__ */ R("div", { className: "custom-menu-item", children: [
-  /* @__PURE__ */ R("div", { children: [
-    i,
-    /* @__PURE__ */ t("span", { children: e })
-  ] }),
-  /* @__PURE__ */ t(T, { name: "chevron-right" })
-] }), nr = (e) => ({
-  center: {
-    icon: "align-center",
-    iconRTL: "center-align",
-    name: e("editor.toolbar.center")
-  },
-  end: {
-    icon: "align-end",
-    iconRTL: "left-align",
-    name: "End Align"
-  },
-  justify: {
-    icon: "align-justify",
-    iconRTL: "justify-align",
-    name: e("editor.toolbar.justify")
-  },
-  left: {
-    icon: "align-left",
-    iconRTL: "left-align",
-    name: e("editor.toolbar.left")
-  },
-  right: {
-    icon: "align-right",
-    iconRTL: "left-align",
-    name: e("editor.toolbar.right")
-  },
-  start: {
-    icon: "align-start",
-    iconRTL: "right-align",
-    name: "Start Align"
-  }
-});
-function br({
-  editor: e,
-  value: i,
-  // isRTL,
-  disabled: c = !1,
-  setElementFormat: r
-}) {
-  const { t: y, i18n: f } = U(), m = j(
-    () => nr(y),
-    [f.language]
-  ), g = j(() => i === "start" || i === "end" ? m.left : m[i || "left"], [i, f.language]), I = (C) => {
-    r(C), e.dispatchCommand(st, C);
-  };
-  return /* @__PURE__ */ R(
-    w,
-    {
-      transitionProps: ve,
-      shadow: "md",
-      styles: { dropdown: { zIndex: 1e3 } },
-      children: [
-        /* @__PURE__ */ t(w.Target, { children: /* @__PURE__ */ t(we, { label: y("editor.toolbar.align"), children: /* @__PURE__ */ R(
-          "button",
-          {
-            disabled: c,
-            className: "toolbar-item spaced alignment",
-            "aria-label": "Formatting options for text alignment",
-            type: "button",
-            children: [
-              /* @__PURE__ */ t(T, { size: 18, name: g.icon }),
-              /* @__PURE__ */ R(ue, { mx: 5, size: "sm", children: [
-                " ",
-                g.name
-              ] }),
-              /* @__PURE__ */ t(T, { name: "chevron-down" })
-            ]
-          }
-        ) }) }),
-        /* @__PURE__ */ R(
-          w.Dropdown,
-          {
-            onMouseDown: (C) => {
-              C.preventDefault();
-            },
-            children: [
-              /* @__PURE__ */ t(
-                w.Item,
-                {
-                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-left" }),
-                  rightSection: i === "left" && /* @__PURE__ */ t(T, { name: "check-mark" }),
-                  onClick: () => I("left"),
-                  children: m.left.name
-                }
-              ),
-              /* @__PURE__ */ t(
-                w.Item,
-                {
-                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-center" }),
-                  rightSection: i === "center" && /* @__PURE__ */ t(T, { name: "check-mark" }),
-                  onClick: () => I("center"),
-                  children: m.center.name
-                }
-              ),
-              /* @__PURE__ */ t(
-                w.Item,
-                {
-                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-right" }),
-                  rightSection: i === "right" && /* @__PURE__ */ t(T, { name: "check-mark" }),
-                  onClick: () => I("right"),
-                  children: m.right.name
-                }
-              ),
-              /* @__PURE__ */ t(
-                w.Item,
-                {
-                  leftSection: /* @__PURE__ */ t(T, { size: 18, name: "align-justify" }),
-                  rightSection: i === "justify" && /* @__PURE__ */ t(T, { name: "check-mark" }),
-                  onClick: () => I("justify"),
-                  children: m.justify.name
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function Sr({
-  className: e
-}) {
-  return /* @__PURE__ */ t(
-    Hn,
-    {
-      contentEditable: !1,
-      className: e || "ContentEditable__root"
-    }
-  );
-}
-const rr = "_listContainer_1d88b_1", ir = "_list_1d88b_1", or = "_text_1d88b_28", ce = {
-  listContainer: rr,
-  list: ir,
-  text: or
-}, kr = ({ editor: e }) => {
-  var C;
-  const [i, c] = O(!1), { t: r, i18n: y } = U(), { excludeNodes: f } = le(de), m = (a) => {
-    const P = document.querySelector(".editor-container");
-    if (a) {
-      P.classList.add("empty-editor");
-      return;
-    }
-    P.classList.remove("empty-editor");
-  };
-  X(() => {
-    e.update(() => {
-      Re() && (c(!0), m(!0));
-    }), Fn(
-      e.registerCommand(
-        ct,
-        () => {
-          const a = !!Re();
-          return c(a), m(a), !1;
-        },
-        ze
-      ),
-      e.registerCommand(
-        at,
-        () => (c(!1), m(!1), !1),
-        ze
-      )
-    );
-  }, []);
-  const g = (a, P) => {
-    a == null || a.update(() => {
-      a.focus();
-      const L = lt().getFirstChild();
-      L && P && (P(L), c(!1));
-    });
-  }, I = j(() => [
-    {
-      title: r("editor.emptyPageOptions.heading"),
-      icon: /* @__PURE__ */ t(De, { stroke: 2, size: 18 }),
-      onSelect: () => g(e, (a) => {
-        a.replace(Bn("h1"));
-      })
-    },
-    {
-      title: r("editor.emptyPageOptions.grid"),
-      icon: /* @__PURE__ */ t(_n, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        g(e, () => {
-          e == null || e.dispatchCommand(
-            Gn,
-            Yn
-          );
-        });
-      }
-    },
-    {
-      title: r("editor.emptyPageOptions.list"),
-      icon: /* @__PURE__ */ t(ke, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        g(e, () => {
-          e == null || e.dispatchCommand(Dn, void 0);
-        });
-      }
-    },
-    {
-      title: r("editor.emptyPageOptions.code"),
-      icon: /* @__PURE__ */ t(Ne, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        g(e, () => {
-          e == null || e.dispatchCommand(Xn, void 0);
-        });
-      }
-    },
-    {
-      title: r("editor.menu.media.excalidraw.hint.description"),
-      icon: /* @__PURE__ */ t(xe, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        import("./layers.8yssqxrI.js").then((a) => a.ac).then(
-          ({ INSERT_EXCALIDRAW_COMMAND: a }) => {
-            g(e, () => {
-              e.dispatchCommand(a, void 0);
-            });
-          }
-        );
-      }
-    },
-    f.template ? {
-      title: r("editor.emptyPageOptions.template"),
-      icon: /* @__PURE__ */ t(wn, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        g(e, () => {
-          e == null || e.dispatchCommand(On, void 0);
-        });
-      }
-    } : null,
-    {
-      title: r("editor.emptyPageOptions.callout"),
-      icon: /* @__PURE__ */ t(be, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        g(e, () => {
-          setTimeout(() => {
-            e == null || e.dispatchCommand(Ln, "success");
-          });
-        });
-      }
-    },
-    {
-      title: r("editor.emptyPageOptions.table"),
-      icon: /* @__PURE__ */ t(Se, { stroke: 2, size: 18 }),
-      onSelect: () => {
-        g(e, () => {
-          setTimeout(() => {
-            e == null || e.dispatchCommand(Nn, {
-              columns: "4",
-              includeHeaders: !1,
-              rows: "3"
-            });
-          });
-        });
-      }
-    },
-    {
-      title: r("editor.emptyPageOptions.integrations"),
-      icon: /* @__PURE__ */ t(xn, { stroke: 2, size: 18 }),
-      onSelect: () => {
-      }
-    }
-  ], [y.language]);
-  return i ? /* @__PURE__ */ t(Qe, { target: ((C = e == null ? void 0 : e._rootElement) == null ? void 0 : C.parentElement) || document.body, children: /* @__PURE__ */ t("ul", { className: `${ce.listContainer} empty-page-options`, children: I.map((a, P) => a ? /* @__PURE__ */ R(
-    w,
-    {
-      disabled: P !== I.length - 1,
-      position: "bottom-start",
-      shadow: "md",
-      styles: { dropdown: { overflow: "auto", zIndex: 1e3 } },
-      middlewares: Wn,
-      width: 200,
-      transitionProps: ve,
-      children: [
-        /* @__PURE__ */ t(w.Target, { children: /* @__PURE__ */ R("li", { className: ce.list, onClick: a.onSelect, children: [
-          a.icon,
-          " ",
-          /* @__PURE__ */ t("span", { className: ce.text, children: a.title })
-        ] }) }),
-        /* @__PURE__ */ t(w.Dropdown, { children: kn.map((E) => /* @__PURE__ */ t(
-          w.Item,
-          {
-            className: "item " + $n(E.key === "1"),
-            leftSection: E.icon,
-            style: { borderRadius: "var(--mantine-radius-sm)" },
-            onClick: () => {
-              g(e, () => {
-                setTimeout(() => {
-                  e == null || e.dispatchCommand(
-                    jn,
-                    ""
-                  ), c(!1);
-                });
-              });
-            },
-            children: E.name
-          },
-          E.name
-        )) })
-      ]
-    },
-    a.title
-  ) : null) }) }) : null;
-};
-export {
-  br as A,
-  wr as B,
-  xr as C,
-  kr as E,
-  Rr as F,
-  T as I,
-  Sr as L,
-  _r as M,
-  Tr as P,
-  Pr as R,
-  Mr as a
-};