@techzyapp/ui-library 1.0.44 → 1.0.45

package/dist/RichTextEditor-DQz9jGD3.js

@@ -1,1011 +0,0 @@
-import { jsx as o, jsxs as S, Fragment as De } from "react/jsx-runtime";
-import { useId as Ze, useState as b, useRef as k, useEffect as M, useCallback as Re, forwardRef as et } from "react";
-import { clsx as tt } from "clsx";
-import { DecoratorNode as Ie, $applyNodeReplacement as we, $getNodeByKey as rt, $getSelection as B, $isRangeSelection as P, $isElementNode as pe, SELECTION_CHANGE_COMMAND as ot, COMMAND_PRIORITY_LOW as ce, CAN_UNDO_COMMAND as nt, CAN_REDO_COMMAND as it, UNDO_COMMAND as lt, REDO_COMMAND as at, $createParagraphNode as fe, FORMAT_ELEMENT_COMMAND as ct, $getRoot as he, $isParagraphNode as je, FORMAT_TEXT_COMMAND as st, TextNode as dt, $isTextNode as mt, getStyleObjectFromCSS as ut, $insertNodes as pt, $setSelection as ft } from "lexical";
-import { LexicalComposer as ht } from "@lexical/react/LexicalComposer";
-import { useLexicalComposerContext as _e } from "@lexical/react/LexicalComposerContext";
-import { RichTextPlugin as _t } from "@lexical/react/LexicalRichTextPlugin";
-import { ContentEditable as gt } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary as bt } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin as yt } from "@lexical/react/LexicalHistoryPlugin";
-import { ListPlugin as vt } from "@lexical/react/LexicalListPlugin";
-import { CheckListPlugin as Nt } from "@lexical/react/LexicalCheckListPlugin";
-import { LinkPlugin as Tt } from "@lexical/react/LexicalLinkPlugin";
-import { MarkdownShortcutPlugin as Et } from "@lexical/react/LexicalMarkdownShortcutPlugin";
-import { ELEMENT_TRANSFORMERS as Ct, TEXT_FORMAT_TRANSFORMERS as St, TEXT_MATCH_TRANSFORMERS as xt } from "@lexical/markdown";
-import { $isHeadingNode as Lt, $isQuoteNode as At, $createQuoteNode as Mt, $createHeadingNode as kt, HeadingNode as Ot, QuoteNode as zt } from "@lexical/rich-text";
-import { ListNode as Fe, REMOVE_LIST_COMMAND as Dt, INSERT_UNORDERED_LIST_COMMAND as Rt, INSERT_ORDERED_LIST_COMMAND as It, INSERT_CHECK_LIST_COMMAND as wt, ListItemNode as jt } from "@lexical/list";
-import { $isLinkNode as Se, TOGGLE_LINK_COMMAND as Ft, LinkNode as Ue } from "@lexical/link";
-import { $generateNodesFromDOM as Ut, $generateHtmlFromNodes as $t } from "@lexical/html";
-import { u as Bt } from "./formContext-B7ln1Miy.js";
-import { T as xe } from "./Typography-ChSuxgkc.js";
-import { t as Pt } from "./toastStore-Cx_JOKwS.js";
-import { $getSelectionStyleValueForProperty as Le, $patchStyleText as Ae, $setBlocksType as se } from "@lexical/selection";
-import { $findMatchingParent as Ht, $getNearestNodeOfType as qt, mergeRegister as Vt, $insertNodeToNearestRoot as Kt } from "@lexical/utils";
-import { B as j } from "./Button-5LQtDA9d.js";
-import { C as Gt, D as Wt } from "./ColorPickerPanel-y4A2LLLf.js";
-import { D as I } from "./Divider-LtH3dLgw.js";
-import { D as de } from "./Dropdown-D-D_Z1Jo.js";
-import { F as Jt } from "./FloatingPanel-C5c_eMQ0.js";
-import { b as y } from "./Icon-B7DJn8Tw.js";
-import { I as w } from "./IconButton-EaExCXRq.js";
-import { L as Q } from "./ListItem-Ezmdk7q-.js";
-import { M as $e } from "./Modal-1rIBMvKH.js";
-import { T as Be } from "./TextField-oZI7thoU.js";
-import { useLexicalEditable as Qt } from "@lexical/react/useLexicalEditable";
-import { a as Y } from "./ConfigProvider-CYgmMH4j.js";
-const Xt = /^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i, Yt = /^[a-z][a-z0-9+.-]*:/i;
-function ge(n) {
-  const e = n.trim();
-  return e === "" ? "" : Xt.test(e) || !Yt.test(e) ? e : "#";
-}
-function Pe(n) {
-  const e = n.trim();
-  if (/^data:(?:image|video)\//i.test(e) || /^blob:/i.test(e)) return e;
-  const i = ge(e);
-  return i === "#" ? "" : i;
-}
-const Zt = "_editor_1jz0l_1", er = "_label_1jz0l_9", tr = "_required_1jz0l_15", rr = "_helper_1jz0l_18", or = "_control_1jz0l_24", nr = "_error_1jz0l_38", ir = "_disabled_1jz0l_45", lr = "_toolbar_1jz0l_51", ar = "_sm_1jz0l_67", cr = "_md_1jz0l_71", sr = "_lg_1jz0l_75", dr = "_colorGlyph_1jz0l_81", mr = "_colorBar_1jz0l_89", ur = "_shell_1jz0l_107", pr = "_content_1jz0l_110", fr = "_placeholder_1jz0l_123", hr = "_paragraph_1jz0l_146", _r = "_h1_1jz0l_152", gr = "_h2_1jz0l_153", br = "_h3_1jz0l_154", yr = "_h4_1jz0l_155", vr = "_h5_1jz0l_156", Nr = "_h6_1jz0l_157", Tr = "_quote_1jz0l_176", Er = "_ul_1jz0l_183", Cr = "_ol_1jz0l_188", Sr = "_li_1jz0l_193", xr = "_nestedLi_1jz0l_196", Lr = "_liChecked_1jz0l_200", Ar = "_liUnchecked_1jz0l_201", Mr = "_link_1jz0l_238", kr = "_bold_1jz0l_245", Or = "_italic_1jz0l_248", zr = "_underline_1jz0l_251", Dr = "_strike_1jz0l_254", Rr = "_codeInline_1jz0l_260", Ir = "_imageFrame_1jz0l_277", wr = "_imageAltButton_1jz0l_293", a = {
-  editor: Zt,
-  label: er,
-  required: tr,
-  helper: rr,
-  control: or,
-  error: nr,
-  disabled: ir,
-  toolbar: lr,
-  sm: ar,
-  md: cr,
-  lg: sr,
-  colorGlyph: dr,
-  colorBar: mr,
-  shell: ur,
-  content: pr,
-  placeholder: fr,
-  paragraph: hr,
-  h1: _r,
-  h2: gr,
-  h3: br,
-  h4: yr,
-  h5: vr,
-  h6: Nr,
-  quote: Tr,
-  ul: Er,
-  ol: Cr,
-  li: Sr,
-  nestedLi: xr,
-  liChecked: Lr,
-  liUnchecked: Ar,
-  link: Mr,
-  bold: kr,
-  italic: Or,
-  underline: zr,
-  strike: Dr,
-  codeInline: Rr,
-  imageFrame: Ir,
-  imageAltButton: wr
-};
-function jr(n) {
-  return n instanceof HTMLImageElement && n.src ? { node: X(n.getAttribute("src") ?? n.src, n.alt) } : null;
-}
-class H extends Ie {
-  static getType() {
-    return "tz-image";
-  }
-  static clone(e) {
-    return new H(e.__src, e.__alt, e.__key);
-  }
-  constructor(e, i = "", r) {
-    super(r), this.__src = Pe(e), this.__alt = i;
-  }
-  static importJSON(e) {
-    return X(e.src, e.alt);
-  }
-  exportJSON() {
-    return { ...super.exportJSON(), type: "tz-image", version: 1, src: this.__src, alt: this.__alt };
-  }
-  static importDOM() {
-    return { img: () => ({ conversion: jr, priority: 0 }) };
-  }
-  exportDOM() {
-    const e = document.createElement("img");
-    return e.setAttribute("src", this.__src), e.setAttribute("alt", this.__alt), { element: e };
-  }
-  /** A `display: contents` wrapper; the image itself is rendered by {@link decorate}. */
-  createDOM() {
-    const e = document.createElement("div");
-    return e.style.display = "contents", e;
-  }
-  updateDOM() {
-    return !1;
-  }
-  getSrc() {
-    return this.__src;
-  }
-  getAltText() {
-    return this.__alt;
-  }
-  /** Set the image's alt text (use inside an `editor.update`). */
-  setAltText(e) {
-    this.getWritable().__alt = e;
-  }
-  decorate() {
-    return /* @__PURE__ */ o(Fr, { nodeKey: this.getKey(), src: this.__src, alt: this.__alt });
-  }
-}
-function Fr({ nodeKey: n, src: e, alt: i }) {
-  const [r] = _e(), d = Qt(), l = Y(), u = Ze(), [g, c] = b(!1), [p, v] = b(i), f = k(null);
-  M(() => {
-    const m = f.current;
-    if (!m) return;
-    const N = (F) => F.stopPropagation();
-    return m.addEventListener("keydown", N), () => m.removeEventListener("keydown", N);
-  }, [d]);
-  const _ = () => {
-    r.update(() => {
-      const m = rt(n);
-      Ur(m) && m.setAltText(p.trim());
-    }), c(!1);
-  };
-  return /* @__PURE__ */ S("span", { className: a.imageFrame, contentEditable: !1, children: [
-    /* @__PURE__ */ o("img", { src: e, alt: i, draggable: !1 }),
-    d && /* @__PURE__ */ S(
-      "button",
-      {
-        ref: f,
-        type: "button",
-        className: a.imageAltButton,
-        "aria-label": l("rte.editAlt"),
-        title: i || l("rte.editAlt"),
-        onMouseDown: (m) => {
-          m.preventDefault(), m.stopPropagation();
-        },
-        onClick: () => {
-          v(i), c(!0);
-        },
-        children: [
-          /* @__PURE__ */ o(y, { name: "Text", size: "sm" }),
-          /* @__PURE__ */ o("span", { children: l("rte.altText") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ o(
-      $e,
-      {
-        open: g,
-        onClose: () => c(!1),
-        size: "sm",
-        icon: "Text",
-        title: l("rte.altText"),
-        footer: /* @__PURE__ */ S(De, { children: [
-          /* @__PURE__ */ o(j, { variant: "text", size: "sm", onClick: () => c(!1), children: l("common.cancel") }),
-          /* @__PURE__ */ o(j, { type: "submit", size: "sm", form: u, children: l("common.save") })
-        ] }),
-        children: /* @__PURE__ */ o(
-          "form",
-          {
-            id: u,
-            onSubmit: (m) => {
-              m.preventDefault(), m.stopPropagation(), _();
-            },
-            children: /* @__PURE__ */ o(
-              Be,
-              {
-                label: l("rte.altText"),
-                placeholder: l("rte.altPlaceholder"),
-                value: p,
-                onChange: (m) => v(m.target.value),
-                autoFocus: !0
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}
-function X(n, e = "") {
-  return we(new H(n, e));
-}
-function Ur(n) {
-  return n instanceof H;
-}
-function Me(n) {
-  return /\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(n);
-}
-function $r(n) {
-  const e = n.match(
-    /(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/
-  );
-  if (e) return `https://www.youtube.com/embed/${e[1]}`;
-  const i = n.match(/vimeo\.com\/(?:video\/)?(\d+)/);
-  return i ? `https://player.vimeo.com/video/${i[1]}` : n;
-}
-function ke(n) {
-  var i;
-  const e = n.getAttribute("src") || ((i = n.querySelector("source")) == null ? void 0 : i.getAttribute("src"));
-  return e ? { node: be(e) } : null;
-}
-class Z extends Ie {
-  static getType() {
-    return "tz-video";
-  }
-  static clone(e) {
-    return new Z(e.__src, e.__key);
-  }
-  constructor(e, i) {
-    super(i), this.__src = Pe(e);
-  }
-  static importJSON(e) {
-    return be(e.src);
-  }
-  exportJSON() {
-    return { ...super.exportJSON(), type: "tz-video", version: 1, src: this.__src };
-  }
-  static importDOM() {
-    return {
-      iframe: () => ({ conversion: ke, priority: 0 }),
-      video: () => ({ conversion: ke, priority: 0 })
-    };
-  }
-  exportDOM() {
-    if (Me(this.__src)) {
-      const i = document.createElement("video");
-      return i.setAttribute("src", this.__src), i.setAttribute("controls", "true"), { element: i };
-    }
-    const e = document.createElement("iframe");
-    return e.setAttribute("src", this.__src), e.setAttribute("frameborder", "0"), e.setAttribute("allowfullscreen", "true"), e.setAttribute(
-      "allow",
-      "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-    ), { element: e };
-  }
-  /** A `display: contents` wrapper; the media element itself is rendered by {@link decorate}. */
-  createDOM() {
-    const e = document.createElement("div");
-    return e.style.display = "contents", e;
-  }
-  updateDOM() {
-    return !1;
-  }
-  getSrc() {
-    return this.__src;
-  }
-  decorate() {
-    return Me(this.__src) ? /* @__PURE__ */ o("video", { src: this.__src, controls: !0 }) : /* @__PURE__ */ o(Br, { src: this.__src });
-  }
-}
-function Br({ src: n }) {
-  const e = Y();
-  return /* @__PURE__ */ o("div", { className: "tz-rte-embed", children: /* @__PURE__ */ o(
-    "iframe",
-    {
-      src: n,
-      title: e("rte.embeddedVideo"),
-      frameBorder: 0,
-      allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-      allowFullScreen: !0
-    }
-  ) });
-}
-function be(n) {
-  return we(new Z($r(n)));
-}
-const Pr = {
-  paragraph: "Paragraph",
-  h1: "Heading 1",
-  h2: "Heading 2",
-  h3: "Heading 3",
-  quote: "Quote",
-  bullet: "Bullet List",
-  number: "Numbered List",
-  check: "Check List"
-}, Hr = [
-  { type: "paragraph", icon: "Text" },
-  { type: "h1", icon: "Hashtag" },
-  { type: "h2", icon: "Hashtag" },
-  { type: "h3", icon: "Hashtag" }
-], qr = [
-  { value: "left", labelKey: "rte.alignLeft", icon: "TextalignLeft" },
-  { value: "center", labelKey: "rte.alignCenter", icon: "TextalignCenter" },
-  { value: "right", labelKey: "rte.alignRight", icon: "TextalignRight" }
-], Vr = ["10px", "12px", "13px", "14px", "16px", "18px", "20px"], Kr = { sm: "12px", md: "13px", lg: "16px" };
-function Gr({ color: n, size: e }) {
-  return /* @__PURE__ */ S("span", { className: a.colorGlyph, children: [
-    /* @__PURE__ */ o(y, { name: "Brush", size: e }),
-    /* @__PURE__ */ o(
-      "span",
-      {
-        className: a.colorBar,
-        style: { borderColor: `transparent transparent ${n || "currentColor"} transparent` },
-        "aria-hidden": "true"
-      }
-    )
-  ] });
-}
-function Wr({ size: n, disabled: e, onImageUpload: i }) {
-  const r = Y(), d = (t) => Pr[t] ?? t, [l] = _e(), u = k(null), [g, c] = b(!1), [p, v] = b(!1), [f, _] = b(!1), [m, N] = b(!1), [F, ee] = b(""), [x, D] = b("paragraph"), [q, te] = b("left"), [C, T] = b(""), [R, U] = b(""), [V, K] = b(!1), $ = k(null), [re, G] = b(!1), [oe, E] = b(!1), [h, ne] = b(null), [ye, ve] = b(""), ie = Re(() => {
-    const t = B();
-    if (!P(t)) return;
-    c(t.hasFormat("bold")), v(t.hasFormat("italic")), _(t.hasFormat("underline")), U(Le(t, "color", "")), T(Le(t, "font-size", ""));
-    const s = t.anchor.getNode(), O = s.getParent(), A = Se(s) ? s : Se(O) ? O : null;
-    N(A !== null), ee((A == null ? void 0 : A.getURL()) ?? "");
-    const z = s.getKey() === "root" ? s : Ht(s, (Ye) => {
-      const Ce = Ye.getParent();
-      return Ce === null || Ce.getKey() === "root";
-    }) ?? s.getTopLevelElement();
-    te(pe(z) && z.getFormatType() || "left");
-    const J = qt(s, Fe);
-    J ? D(J.getListType()) : Lt(z) ? D(z.getTag()) : At(z) ? D("quote") : D("paragraph");
-  }, []);
-  M(() => Vt(
-    l.registerUpdateListener(({ editorState: t }) => t.read(ie)),
-    l.registerCommand(
-      ot,
-      () => (ie(), !1),
-      ce
-    ),
-    l.registerCommand(
-      nt,
-      (t) => (G(t), !1),
-      ce
-    ),
-    l.registerCommand(
-      it,
-      (t) => (E(t), !1),
-      ce
-    )
-  ), [l, ie]);
-  const le = (t) => l.dispatchCommand(st, t), He = (t) => l.dispatchCommand(ct, t), qe = (t) => {
-    U(t), l.update(() => {
-      const s = B();
-      P(s) && Ae(s, { color: t || null });
-    });
-  }, Ve = (t) => {
-    T(t), l.update(() => {
-      const s = B();
-      P(s) && Ae(s, { "font-size": t || null });
-    });
-  }, W = (t) => {
-    if (t === "bullet" || t === "number" || t === "check") {
-      if (x === t)
-        l.dispatchCommand(Dt, void 0);
-      else {
-        const s = t === "bullet" ? Rt : t === "number" ? It : wt;
-        l.dispatchCommand(s, void 0);
-      }
-      return;
-    }
-    l.update(() => {
-      const s = B();
-      P(s) && (t === "paragraph" ? se(s, () => fe()) : t === "quote" ? se(s, () => Mt()) : se(s, () => kt(t)));
-    });
-  }, Ke = () => W(x === "quote" ? "paragraph" : "quote"), ae = (t, s = "") => {
-    ve(s), ne(t);
-  }, Ne = () => ne(null), Ge = () => {
-    h == null || h.onConfirm(ye.trim()), ne(null);
-  }, We = () => ae(
-    {
-      icon: "Link2",
-      title: r("rte.linkTitle"),
-      label: r("rte.linkUrl"),
-      placeholder: "https://example.com",
-      confirmLabel: r(m ? "common.update" : "common.insert"),
-      // an empty value removes the link (matches the old prompt behavior); sanitize the scheme
-      onConfirm: (t) => l.dispatchCommand(Ft, t === "" ? null : ge(t))
-    },
-    F
-    // prefill the current link's URL when the cursor sits in one
-  ), Je = () => ae({
-    icon: "GalleryAdd",
-    title: r("rte.imageTitle"),
-    label: r("rte.imageUrl"),
-    placeholder: "https://example.com/image.jpg",
-    confirmLabel: r("common.insert"),
-    onConfirm: (t) => {
-      t && l.update(() => me(X(t)));
-    }
-  }), Qe = async (t) => {
-    var O;
-    const s = (O = t.target.files) == null ? void 0 : O[0];
-    if (t.target.value = "", !!s)
-      try {
-        const A = i ? await i(s) : await Jr(s);
-        l.update(() => me(X(A)));
-      } catch {
-        Pt.error(r("rte.imageError"));
-      }
-  }, Xe = () => ae({
-    icon: "VideoSquare",
-    title: r("rte.videoTitle"),
-    label: r("rte.videoUrl"),
-    placeholder: r("rte.videoUrlPlaceholder"),
-    confirmLabel: r("common.insert"),
-    onConfirm: (t) => {
-      t && l.update(() => me(be(t)));
-    }
-  }), L = (t, s, O, A, z) => /* @__PURE__ */ o(
-    w,
-    {
-      variant: t ? "filled" : "text",
-      color: "primary",
-      size: n,
-      disabled: e,
-      "aria-label": s,
-      "aria-pressed": t,
-      onMouseDown: (J) => J.preventDefault(),
-      onClick: O,
-      children: A
-    },
-    z
-  ), Te = x.startsWith("h") ? x : "paragraph", Ee = C || Kr[n];
-  return /* @__PURE__ */ S(
-    "div",
-    {
-      className: a.toolbar,
-      role: "toolbar",
-      "aria-label": r("rte.formatting"),
-      "aria-orientation": "horizontal",
-      children: [
-        /* @__PURE__ */ o(
-          w,
-          {
-            variant: "text",
-            color: "primary",
-            size: n,
-            disabled: e || !re,
-            "aria-label": r("rte.undo"),
-            onMouseDown: (t) => t.preventDefault(),
-            onClick: () => l.dispatchCommand(lt, void 0),
-            children: /* @__PURE__ */ o(y, { name: "UndoArrow" })
-          }
-        ),
-        /* @__PURE__ */ o(
-          w,
-          {
-            variant: "text",
-            color: "primary",
-            size: n,
-            disabled: e || !oe,
-            "aria-label": r("rte.redo"),
-            onMouseDown: (t) => t.preventDefault(),
-            onClick: () => l.dispatchCommand(at, void 0),
-            children: /* @__PURE__ */ o(y, { name: "RedoArrow" })
-          }
-        ),
-        /* @__PURE__ */ o(I, { orientation: "vertical" }),
-        /* @__PURE__ */ o(
-          de,
-          {
-            size: n,
-            disabled: e,
-            minWidth: !1,
-            trigger: /* @__PURE__ */ o(
-              j,
-              {
-                variant: "text",
-                color: "primary",
-                size: n,
-                disabled: e,
-                endIcon: /* @__PURE__ */ o(y, { name: "ArrowDown4" }),
-                "aria-label": r("rte.fontSize"),
-                onMouseDown: (t) => t.preventDefault(),
-                children: Ee
-              }
-            ),
-            children: Vr.map((t) => /* @__PURE__ */ o(
-              Q,
-              {
-                clickable: !0,
-                selected: t === Ee,
-                onClick: () => Ve(t),
-                children: t
-              },
-              t
-            ))
-          }
-        ),
-        /* @__PURE__ */ o(I, { orientation: "vertical" }),
-        /* @__PURE__ */ o(
-          de,
-          {
-            size: n,
-            disabled: e,
-            trigger: /* @__PURE__ */ o(
-              j,
-              {
-                variant: "text",
-                color: "primary",
-                size: n,
-                disabled: e,
-                endIcon: /* @__PURE__ */ o(y, { name: "ArrowDown4" }),
-                onMouseDown: (t) => t.preventDefault(),
-                children: d(Te)
-              }
-            ),
-            children: Hr.map((t) => /* @__PURE__ */ o(
-              Q,
-              {
-                clickable: !0,
-                selected: Te === t.type,
-                icon: t.icon,
-                onClick: () => W(t.type),
-                children: d(t.type)
-              },
-              t.type
-            ))
-          }
-        ),
-        /* @__PURE__ */ o(I, { orientation: "vertical" }),
-        L(g, r("rte.bold"), () => le("bold"), /* @__PURE__ */ o(y, { name: "TextBold" })),
-        L(p, r("rte.italic"), () => le("italic"), /* @__PURE__ */ o(y, { name: "TextItalic" })),
-        L(
-          f,
-          r("rte.underline"),
-          () => le("underline"),
-          /* @__PURE__ */ o(y, { name: "TextUnderline" })
-        ),
-        /* @__PURE__ */ o(I, { orientation: "vertical" }),
-        L(
-          x === "bullet",
-          r("rte.bulletList"),
-          () => W("bullet"),
-          /* @__PURE__ */ o(y, { name: "ListBullet" })
-        ),
-        L(
-          x === "number",
-          r("rte.numberedList"),
-          () => W("number"),
-          /* @__PURE__ */ o(y, { name: "ListNumber" })
-        ),
-        L(x === "quote", r("rte.quote"), Ke, /* @__PURE__ */ o(y, { name: "QuoteUp" })),
-        /* @__PURE__ */ o(I, { orientation: "vertical" }),
-        qr.map(
-          (t) => L(
-            q === t.value,
-            r(t.labelKey),
-            () => He(t.value),
-            /* @__PURE__ */ o(y, { name: t.icon }),
-            t.value
-          )
-        ),
-        /* @__PURE__ */ o(I, { orientation: "vertical" }),
-        /* @__PURE__ */ o(
-          w,
-          {
-            ref: $,
-            variant: "text",
-            color: "primary",
-            size: n,
-            disabled: e,
-            "aria-label": r("rte.textColor"),
-            "aria-expanded": V,
-            onMouseDown: (t) => t.preventDefault(),
-            onClick: () => K((t) => !t),
-            children: /* @__PURE__ */ o(Gr, { color: R })
-          }
-        ),
-        /* @__PURE__ */ o(
-          Jt,
-          {
-            open: V,
-            triggerRef: $,
-            onClose: (t) => {
-              var s;
-              K(!1), t && ((s = $.current) == null || s.focus());
-            },
-            role: "dialog",
-            ariaLabel: r("rte.textColor"),
-            width: 232,
-            children: /* @__PURE__ */ o(
-              Gt,
-              {
-                value: R || Wt[0],
-                onChange: qe,
-                clearable: !1
-              }
-            )
-          }
-        ),
-        L(m, r("rte.link"), We, /* @__PURE__ */ o(y, { name: "Link2" })),
-        /* @__PURE__ */ S(
-          de,
-          {
-            size: n,
-            disabled: e,
-            minWidth: !1,
-            trigger: /* @__PURE__ */ o(
-              w,
-              {
-                variant: "text",
-                color: "primary",
-                size: n,
-                disabled: e,
-                "aria-label": r("rte.insertImage"),
-                children: /* @__PURE__ */ o(y, { name: "GalleryAdd" })
-              }
-            ),
-            children: [
-              /* @__PURE__ */ o(Q, { clickable: !0, icon: "GalleryImport", onClick: () => {
-                var t;
-                return (t = u.current) == null ? void 0 : t.click();
-              }, children: r("rte.uploadImage") }),
-              /* @__PURE__ */ o(Q, { clickable: !0, icon: "Link", onClick: Je, children: r("rte.imageByUrl") })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          w,
-          {
-            variant: "text",
-            color: "primary",
-            size: n,
-            disabled: e,
-            "aria-label": r("rte.insertVideo"),
-            onClick: Xe,
-            children: /* @__PURE__ */ o(y, { name: "VideoSquare" })
-          }
-        ),
-        /* @__PURE__ */ o(
-          "input",
-          {
-            ref: u,
-            type: "file",
-            accept: "image/*",
-            hidden: !0,
-            onChange: Qe,
-            "aria-hidden": "true",
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ o(
-          $e,
-          {
-            open: h !== null,
-            onClose: Ne,
-            size: "sm",
-            icon: h == null ? void 0 : h.icon,
-            title: h == null ? void 0 : h.title,
-            footer: /* @__PURE__ */ S(De, { children: [
-              /* @__PURE__ */ o(j, { variant: "text", size: "sm", onClick: Ne, children: r("common.cancel") }),
-              /* @__PURE__ */ o(j, { type: "submit", size: "sm", form: "rte-url-form", children: (h == null ? void 0 : h.confirmLabel) ?? r("common.insert") })
-            ] }),
-            children: /* @__PURE__ */ o(
-              "form",
-              {
-                id: "rte-url-form",
-                onSubmit: (t) => {
-                  t.preventDefault(), t.stopPropagation(), Ge();
-                },
-                children: /* @__PURE__ */ o(
-                  Be,
-                  {
-                    label: h == null ? void 0 : h.label,
-                    placeholder: h == null ? void 0 : h.placeholder,
-                    value: ye,
-                    onChange: (t) => ve(t.target.value)
-                  }
-                )
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-function me(n) {
-  const e = B(), i = P(e) ? e.anchor.getNode().getTopLevelElement() : he().getLastChild();
-  if (je(i) && i.isEmpty()) {
-    i.append(n), i.selectEnd();
-    return;
-  }
-  const r = fe();
-  r.append(n), Kt(r);
-  const d = r.getNextSibling();
-  pe(d) && d.isEmpty() && (d.remove(), r.selectEnd());
-  const l = r.getPreviousSibling();
-  pe(l) && l.isEmpty() && l.remove();
-}
-function Jr(n) {
-  return new Promise((e, i) => {
-    const r = new FileReader();
-    r.onload = () => e(r.result), r.onerror = () => i(r.error), r.readAsDataURL(n);
-  });
-}
-const Qr = {
-  paragraph: a.paragraph,
-  heading: {
-    h1: a.h1,
-    h2: a.h2,
-    h3: a.h3,
-    h4: a.h4,
-    h5: a.h5,
-    h6: a.h6
-  },
-  quote: a.quote,
-  list: {
-    ul: a.ul,
-    ol: a.ol,
-    listitem: a.li,
-    listitemChecked: a.liChecked,
-    listitemUnchecked: a.liUnchecked,
-    nested: { listitem: a.nestedLi }
-  },
-  link: a.link,
-  text: {
-    bold: a.bold,
-    italic: a.italic,
-    underline: a.underline,
-    strikethrough: a.strike,
-    code: a.codeInline
-  }
-}, Xr = [
-  Ot,
-  zt,
-  Fe,
-  jt,
-  Ue,
-  H,
-  Z
-], Yr = [
-  ...Ct,
-  ...St,
-  ...xt
-], Zr = ["color", "font-size"], eo = {
-  span: (n) => {
-    var i, r;
-    const e = (r = (i = dt.importDOM()) == null ? void 0 : i.span) == null ? void 0 : r.call(i, n);
-    return {
-      priority: 1,
-      conversion: (d) => {
-        const l = (e == null ? void 0 : e.conversion(d)) ?? { node: null }, u = Zr.flatMap((c) => {
-          const p = d.style.getPropertyValue(c);
-          return p ? [[c, p]] : [];
-        });
-        if (u.length === 0) return l;
-        const g = l.forChild;
-        return {
-          ...l,
-          forChild: (c, p) => {
-            const v = g ? g(c, p) : c;
-            if (mt(v)) {
-              const f = {
-                ...ut(v.getStyle())
-              };
-              for (const [_, m] of u) f[_] = m;
-              v.setStyle(
-                Object.entries(f).map(([_, m]) => `${_}: ${m};`).join(" ")
-              );
-            }
-            return v;
-          }
-        };
-      }
-    };
-  }
-}, to = /* @__PURE__ */ new Set([
-  "A",
-  "B",
-  "CODE",
-  "EM",
-  "I",
-  "MARK",
-  "S",
-  "SPAN",
-  "STRONG",
-  "SUB",
-  "SUP",
-  "U"
-]);
-function ro(n) {
-  const e = n.split(";").map((i) => i.trim()).filter((i) => i && !/^white-space\s*:\s*pre-wrap$/i.test(i));
-  return e.length ? `${e.join("; ")};` : null;
-}
-function oo(n) {
-  const e = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
-  let i = !0, r = !1, d = null;
-  const l = () => {
-    d && d.data.endsWith(" ") && (d.data = `${d.data.slice(0, -1)} `), d = null, i = !0, r = !1;
-  };
-  for (let u = e.nextNode(); u; u = e.nextNode()) {
-    if (u.nodeType === Node.ELEMENT_NODE) {
-      to.has(u.tagName) || l();
-      continue;
-    }
-    const g = u;
-    if (!g.data) continue;
-    let c = "";
-    for (const p of g.data)
-      p === " " && (i || r) ? (c += " ", r = !1) : (c += p, r = p === " "), i = !1;
-    g.data = c, d = g;
-  }
-  l();
-}
-function no(n) {
-  if (typeof document > "u") return n;
-  const e = document.createElement("template");
-  e.innerHTML = n;
-  const i = e.content;
-  return i.querySelectorAll("[class]").forEach((r) => r.removeAttribute("class")), i.querySelectorAll("[style]").forEach((r) => {
-    var l;
-    if ((l = r.textContent) != null && l.includes("	")) return;
-    const d = ro(r.getAttribute("style") ?? "");
-    d ? r.setAttribute("style", d) : r.removeAttribute("style");
-  }), i.querySelectorAll("span").forEach((r) => {
-    r.attributes.length === 0 && r.replaceWith(...r.childNodes);
-  }), i.normalize(), oo(i), e.innerHTML;
-}
-function io() {
-  const n = he(), e = n.getFirstChild();
-  return n.getChildrenSize() <= 1 && (e === null || je(e) && e.getChildrenSize() === 0);
-}
-function Oe(n, e) {
-  const i = he();
-  if (i.clear(), e) {
-    const r = new DOMParser().parseFromString(e, "text/html"), d = Ut(n, r);
-    i.select(), pt(d);
-  }
-  i.getChildrenSize() === 0 && i.append(fe()), ft(null);
-}
-const ue = "tz-external-value";
-function ze(n) {
-  return io() ? "" : no($t(n, null));
-}
-function lo({ value: n, defaultValue: e, onChange: i, onReady: r, disabled: d }) {
-  const [l] = _e(), u = k(void 0), g = k(i);
-  g.current = i;
-  const c = k(r);
-  c.current = r;
-  const p = k(!1), v = (f) => {
-    var _;
-    p.current || (p.current = !0, (_ = c.current) == null || _.call(c, f));
-  };
-  return M(() => l.setEditable(!d), [l, d]), M(
-    () => l.registerNodeTransform(Ue, (f) => {
-      const _ = f.getURL(), m = ge(_);
-      m !== _ && f.setURL(m);
-    }),
-    [l]
-  ), M(() => {
-    if (n === void 0) {
-      if (!e) {
-        u.current = "", v("");
-        return;
-      }
-      u.current = e, l.update(() => Oe(l, e), {
-        tag: ["history-merge", ue]
-      });
-    }
-  }, []), M(() => {
-    n === void 0 || n === u.current || (u.current = n, l.update(() => Oe(l, n), {
-      tag: ["history-merge", ue]
-    }));
-  }, [l, n]), M(
-    () => l.registerUpdateListener(({ dirtyElements: f, dirtyLeaves: _, tags: m }) => {
-      if (m.has(ue)) {
-        l.read(() => {
-          const N = ze(l);
-          u.current = N, v(N);
-        });
-        return;
-      }
-      f.size === 0 && _.size === 0 || l.read(() => {
-        const N = ze(l);
-        N !== u.current && (u.current = N, g.current(N));
-      });
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [l]
-  ), null;
-}
-const qo = et(
-  function({
-    label: e,
-    size: i = "md",
-    error: r,
-    helperText: d,
-    required: l = !1,
-    disabled: u = !1,
-    placeholder: g,
-    name: c,
-    value: p,
-    defaultValue: v,
-    onChange: f,
-    onReady: _,
-    onImageUpload: m,
-    minHeight: N = 220,
-    "aria-label": F,
-    className: ee,
-    style: x
-  }, D) {
-    const q = Y(), te = F ?? q("rte.label"), C = Bt(), T = C && c ? C.field(c) : void 0, R = r ?? (T == null ? void 0 : T.error) ?? !1, U = d ?? (T == null ? void 0 : T.helperText), V = C && c ? C.values[c] : void 0, K = p !== void 0 ? p : C && c ? String(V ?? "") : void 0, $ = Re(
-      (E) => {
-        C && c && C.setValue(c, E), f == null || f(E);
-      },
-      [C, c, f]
-    ), re = (E) => T == null ? void 0 : T.onBlur(E), G = k(null);
-    M(() => {
-      const E = G.current;
-      E && (c ? E.setAttribute("name", c) : E.removeAttribute("name"));
-    }, [c]);
-    const oe = {
-      namespace: "tz-rich-text-editor",
-      theme: Qr,
-      nodes: Xr,
-      html: { import: eo },
-      editable: !u,
-      onError: (E) => {
-        throw E;
-      }
-    };
-    return /* @__PURE__ */ S(
-      "div",
-      {
-        ref: D,
-        className: tt(
-          a.editor,
-          a[i],
-          R && a.error,
-          u && a.disabled,
-          ee
-        ),
-        style: { "--tz-rte-min-height": `${N}px`, ...x },
-        children: [
-          e != null && /* @__PURE__ */ S("div", { className: a.label, children: [
-            /* @__PURE__ */ o(xe, { as: "span", variant: "bodySmall", color: "muted", children: e }),
-            l && /* @__PURE__ */ o("span", { className: a.required, "aria-hidden": "true", children: "*" })
-          ] }),
-          /* @__PURE__ */ o("div", { className: a.control, children: /* @__PURE__ */ S(ht, { initialConfig: oe, children: [
-            /* @__PURE__ */ o(Wr, { size: i, disabled: u, onImageUpload: m }),
-            /* @__PURE__ */ o("div", { className: a.shell, children: /* @__PURE__ */ o(
-              _t,
-              {
-                contentEditable: /* @__PURE__ */ o(
-                  gt,
-                  {
-                    ref: G,
-                    className: a.content,
-                    "aria-label": te,
-                    "aria-invalid": R || void 0,
-                    onBlur: re
-                  }
-                ),
-                placeholder: /* @__PURE__ */ o("div", { className: a.placeholder, children: g ?? q("rte.placeholder") }),
-                ErrorBoundary: bt
-              }
-            ) }),
-            /* @__PURE__ */ o(yt, {}),
-            /* @__PURE__ */ o(vt, {}),
-            /* @__PURE__ */ o(Nt, {}),
-            /* @__PURE__ */ o(Tt, {}),
-            /* @__PURE__ */ o(Et, { transformers: Yr }),
-            /* @__PURE__ */ o(
-              lo,
-              {
-                value: K,
-                defaultValue: v,
-                onChange: $,
-                onReady: _,
-                disabled: u
-              }
-            )
-          ] }) }),
-          U != null && /* @__PURE__ */ o(
-            xe,
-            {
-              as: "span",
-              variant: "bodySmall",
-              color: R ? "error" : "muted",
-              className: a.helper,
-              children: U
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-export {
-  qo as R
-};
-//# sourceMappingURL=RichTextEditor-DQz9jGD3.js.map