@techzyapp/ui-library 1.0.43 → 1.0.44

package/dist/RichTextEditor-DQz9jGD3.js

@@ -0,0 +1,1011 @@
+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