@techzyapp/ui-library 1.0.43 → 1.0.44

package/dist/RichTextEditor-CJcbxQ6H.js

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