@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/jsx/editor/mentions.mjs

@@ -0,0 +1,37 @@
+import Mention from "@tiptap/extension-mention";
+import { t } from "../shared/t.mjs";
+import { createSuggestionRenderer, getSuggestionChrome } from "./suggestionPopup.mjs";
+function createMentionExtension(options) {
+  return Mention.configure({
+    HTMLAttributes: {
+      class: "rt-mention"
+    },
+    deleteTriggerWithBackspace: true,
+    suggestion: {
+      char: options.trigger ?? "@",
+      items: async ({
+        query
+      }) => {
+        const items = await options.items(query);
+        return items.slice(0, 20).map(item => ({
+          id: item.id,
+          label: item.display,
+          description: item.description,
+          avatar: item.avatar
+        }));
+      },
+      render: createSuggestionRenderer({
+        toRow: item => ({
+          key: item.id,
+          title: item.label,
+          description: item.description,
+          avatarUrl: item.avatar
+        }),
+        getChrome: getSuggestionChrome,
+        getEmptyLabel: () => t("No results")
+      })
+    }
+  });
+}
+export { createMentionExtension };
+//# sourceMappingURL=mentions.mjs.map

package/dist/jsx/editor/mentions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Mention","t","createSuggestionRenderer","getSuggestionChrome","createMentionExtension","options","configure","HTMLAttributes","class","deleteTriggerWithBackspace","suggestion","char","trigger","items","query","slice","map","item","id","label","display","description","avatar","render","toRow","key","title","avatarUrl","getChrome","getEmptyLabel"],"sources":["../../../src/editor/mentions.ts"],"sourcesContent":[null],"mappings":"AAYA,OAAOA,OAAA,MAAa;AAEpB,SAASC,CAAA,QAAS;AAClB,SAASC,wBAAA,EAA0BC,mBAAA,QAA2B;AAYvD,SAASC,uBAAuBC,OAAA,EAAiC;EACtE,OAAOL,OAAA,CAAQM,SAAA,CAAU;IACvBC,cAAA,EAAgB;MAAEC,KAAA,EAAO;IAAa;IACtCC,0BAAA,EAA4B;IAC5BC,UAAA,EAAY;MACVC,IAAA,EAAMN,OAAA,CAAQO,OAAA,IAAW;MACzBC,KAAA,EAAO,MAAAA,CAAO;QAAEC;MAAM,MAA2D;QAC/E,MAAMD,KAAA,GAAQ,MAAMR,OAAA,CAAQQ,KAAA,CAAMC,KAAK;QACvC,OAAOD,KAAA,CAAME,KAAA,CAAM,GAAG,EAAE,EAAEC,GAAA,CAAKC,IAAA,KAAU;UACvCC,EAAA,EAAID,IAAA,CAAKC,EAAA;UACTC,KAAA,EAAOF,IAAA,CAAKG,OAAA;UACZC,WAAA,EAAaJ,IAAA,CAAKI,WAAA;UAClBC,MAAA,EAAQL,IAAA,CAAKK;QACf,EAAE;MACJ;MACAC,MAAA,EAAQrB,wBAAA,CAAgD;QACtDsB,KAAA,EAAQP,IAAA,KAAU;UAChBQ,GAAA,EAAKR,IAAA,CAAKC,EAAA;UACVQ,KAAA,EAAOT,IAAA,CAAKE,KAAA;UACZE,WAAA,EAAaJ,IAAA,CAAKI,WAAA;UAClBM,SAAA,EAAWV,IAAA,CAAKK;QAClB;QACAM,SAAA,EAAWzB,mBAAA;QACX0B,aAAA,EAAeA,CAAA,KAAM5B,CAAA,CAAE,YAAY;MACrC,CAAC;IACH;EACF,CAAC;AACH","ignoreList":[]}

package/dist/jsx/editor/mentions.native.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mentions_exports = {};
+__export(mentions_exports, {
+  createMentionExtension: () => createMentionExtension
+});
+module.exports = __toCommonJS(mentions_exports);
+var import_extension_mention = __toESM(require("@tiptap/extension-mention"));
+var import_t = require("../shared/t.native.js");
+var import_suggestionPopup = require("./suggestionPopup.native.js");
+function createMentionExtension(options) {
+  var _options_trigger;
+  return import_extension_mention.default.configure({
+    HTMLAttributes: {
+      class: "rt-mention"
+    },
+    deleteTriggerWithBackspace: true,
+    suggestion: {
+      char: (_options_trigger = options.trigger) !== null && _options_trigger !== void 0 ? _options_trigger : "@",
+      items: async function items(param) {
+        var {
+          query
+        } = param;
+        var items2 = await options.items(query);
+        return items2.slice(0, 20).map(function (item) {
+          return {
+            id: item.id,
+            label: item.display,
+            description: item.description,
+            avatar: item.avatar
+          };
+        });
+      },
+      render: (0, import_suggestionPopup.createSuggestionRenderer)({
+        toRow: function toRow(item) {
+          return {
+            key: item.id,
+            title: item.label,
+            description: item.description,
+            avatarUrl: item.avatar
+          };
+        },
+        getChrome: import_suggestionPopup.getSuggestionChrome,
+        getEmptyLabel: function getEmptyLabel() {
+          return (0, import_t.t)("No results");
+        }
+      })
+    }
+  });
+}
+//# sourceMappingURL=mentions.native.js.map

package/dist/jsx/editor/mentions.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","mentions_exports","createMentionExtension"],"sources":["../../../src/editor/mentions.ts"],"sourcesContent":[null],"mappings":"AAYA,YAAO;;AAEP,IAAAA,QAAS,GAAAC,MAAS,CAAAC,MAAA;AAClB,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAA0B;AAY5B,IAAAC,gBAAS,GAAAJ,MAAA,CAAAK,wBAAwD;AACtE,IAAAC,iBAAe,GAAAN,MAAU,CAAAO,mBAAA;AAAA,IACvBC,YAAA,GAAAR,MAAkB,CAAAS,cAAO;AAAa,IACtCC,YAAA,GAAAV,MAAA,CAAAW,SAA4B,CAAAC,cAAA;AAAA,IAC5BC,QAAA,GAAAA,CAAYC,MAAA,EAAAC,GAAA;EAAA,KACV,IAAAC,IAAM,IAAAD,GAAQ,EAAWb,SAClB,CAAAY,MAAO,EAAEE,IAAA,EAAM;IAAAC,GAAA,EAA2DF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC/E;AACA,IAAAC,WAAO,GAAAA,CAAAC,EAAM,EAAAC,IAAM,EAAAC,MAAO,EAAAC,IAAK;EAAU,IAAAF,IACvC,IAAI,OAAKA,IAAA,wBAAAA,IAAA;IAAA,SACTG,GAAA,IAAOlB,iBAAK,CAAAe,IAAA,OACZ,CAAAX,YAAa,CAAAe,IAAK,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAApB,SAClB,CAAQkB,EAAA,EAAAI,GAAK;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACb,OACJE,EAAA;AAAA;AACwD,IAAAM,OACtD,GAAAA,CAAOC,GAAC,EAAAC,UAAU,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AACN;AACE;AACM;AACFS,UAClB,KAAAD,GAAA,KAAAA,GAAA,CAAAE,UAAA,GAAA3B,SAAA,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAAAa,GACW;AACwB,IAAAI,YACpC,GAAAJ,GAAA,IAAAR,WAAA,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAAA,IACHK,gBAAA;AAAAnB,QACD,CAAAmB,gBAAA;EACHC,sBAAA,EAAAA,CAAA,KAAAA","ignoreList":[]}

package/dist/jsx/editor/pasteCleanup.mjs

@@ -0,0 +1,57 @@
+const OFFICE_SIGNATURES = ["docs-internal-guid", "urn:schemas-microsoft-com", "MsoNormal", "mso-", "<o:p>", "office:office"];
+function isOfficeHtml(html) {
+  return OFFICE_SIGNATURES.some(sig => html.includes(sig));
+}
+const KEPT_STYLES = /* @__PURE__ */new Set(["color", "background-color",
+// Docs/Word mark bold/italic/underline/strike with span styles rather
+// than semantic tags; ProseMirror parses these into real marks.
+"font-weight", "font-style", "text-decoration", "text-decoration-line"]);
+function cleanElement(el) {
+  if (el.tagName.includes(":")) {
+    el.remove();
+    return;
+  }
+  if (el.hasAttribute("class")) el.removeAttribute("class");
+  if (el.hasAttribute("lang")) el.removeAttribute("lang");
+  if (el.hasAttribute("id")) el.removeAttribute("id");
+  if (el.hasAttribute("style")) {
+    const declarations = (el.getAttribute("style") ?? "").split(";").map(decl => decl.trim()).filter(decl => decl.includes(":"));
+    const kept = [];
+    for (const decl of declarations) {
+      const colon = decl.indexOf(":");
+      const prop = decl.slice(0, colon).trim().toLowerCase();
+      const value = decl.slice(colon + 1).trim();
+      if (!KEPT_STYLES.has(prop)) continue;
+      if (prop === "color" && /^(rgb\(0,\s*0,\s*0\)|#000000|#000|windowtext)$/i.test(value)) {
+        continue;
+      }
+      if (prop === "background-color" && /^(transparent|#ffffff|#fff|rgb\(255,\s*255,\s*255\))$/i.test(value)) {
+        continue;
+      }
+      if (prop === "font-weight" && !/^(bold(er)?|[5-9]\d\d)$/i.test(value)) continue;
+      if (prop === "font-style" && !/^(italic|oblique)/i.test(value)) continue;
+      if ((prop === "text-decoration" || prop === "text-decoration-line") && !/(underline|line-through)/i.test(value)) {
+        continue;
+      }
+      kept.push(`${prop}: ${value}`);
+    }
+    if (kept.length > 0) el.setAttribute("style", kept.join("; "));else el.removeAttribute("style");
+  }
+  for (const child of Array.from(el.children)) cleanElement(child);
+}
+function cleanPastedHtml(html) {
+  if (typeof document === "undefined" || !isOfficeHtml(html)) return html;
+  const source = html.replace(/<xml>[\s\S]*?<\/xml>/gi, "").replace(/<!--\[if[\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--StartFragment-->|<!--EndFragment-->/gi, "");
+  const doc = new DOMParser().parseFromString(source, "text/html");
+  doc.querySelectorAll("style, meta, link, script, title").forEach(el => el.remove());
+  for (const b of Array.from(doc.body.querySelectorAll("b"))) {
+    const weight = b.style.fontWeight;
+    if (weight === "normal" || weight === "400") {
+      b.replaceWith(...Array.from(b.childNodes));
+    }
+  }
+  for (const child of Array.from(doc.body.children)) cleanElement(child);
+  return doc.body.innerHTML;
+}
+export { cleanPastedHtml, isOfficeHtml };
+//# sourceMappingURL=pasteCleanup.mjs.map

package/dist/jsx/editor/pasteCleanup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["OFFICE_SIGNATURES","isOfficeHtml","html","some","sig","includes","KEPT_STYLES","Set","cleanElement","el","tagName","remove","hasAttribute","removeAttribute","declarations","getAttribute","split","map","decl","trim","filter","kept","colon","indexOf","prop","slice","toLowerCase","value","has","test","push","length","setAttribute","join","child","Array","from","children","cleanPastedHtml","document","source","replace","doc","DOMParser","parseFromString","querySelectorAll","forEach","b","body","weight","style","fontWeight","replaceWith","childNodes","innerHTML"],"sources":["../../../src/editor/pasteCleanup.ts"],"sourcesContent":[null],"mappings":"AAiBA,MAAMA,iBAAA,GAAoB,CACxB,sBACA,6BACA,aACA,QACA,SACA,gBACF;AAGO,SAASC,aAAaC,IAAA,EAAuB;EAClD,OAAOF,iBAAA,CAAkBG,IAAA,CAAMC,GAAA,IAAQF,IAAA,CAAKG,QAAA,CAASD,GAAG,CAAC;AAC3D;AAGA,MAAME,WAAA,GAAc,mBAAIC,GAAA,CAAI,CAC1B,SACA;AAAA;AAAA;AAGA,eACA,cACA,mBACA,uBACD;AAED,SAASC,aAAaC,EAAA,EAAmB;EAEvC,IAAIA,EAAA,CAAGC,OAAA,CAAQL,QAAA,CAAS,GAAG,GAAG;IAC5BI,EAAA,CAAGE,MAAA,CAAO;IACV;EACF;EAEA,IAAIF,EAAA,CAAGG,YAAA,CAAa,OAAO,GAAGH,EAAA,CAAGI,eAAA,CAAgB,OAAO;EACxD,IAAIJ,EAAA,CAAGG,YAAA,CAAa,MAAM,GAAGH,EAAA,CAAGI,eAAA,CAAgB,MAAM;EACtD,IAAIJ,EAAA,CAAGG,YAAA,CAAa,IAAI,GAAGH,EAAA,CAAGI,eAAA,CAAgB,IAAI;EAElD,IAAIJ,EAAA,CAAGG,YAAA,CAAa,OAAO,GAAG;IAG5B,MAAME,YAAA,IAAgBL,EAAA,CAAGM,YAAA,CAAa,OAAO,KAAK,IAC/CC,KAAA,CAAM,GAAG,EACTC,GAAA,CAAKC,IAAA,IAASA,IAAA,CAAKC,IAAA,CAAK,CAAC,EACzBC,MAAA,CAAQF,IAAA,IAASA,IAAA,CAAKb,QAAA,CAAS,GAAG,CAAC;IACtC,MAAMgB,IAAA,GAAiB,EAAC;IACxB,WAAWH,IAAA,IAAQJ,YAAA,EAAc;MAC/B,MAAMQ,KAAA,GAAQJ,IAAA,CAAKK,OAAA,CAAQ,GAAG;MAC9B,MAAMC,IAAA,GAAON,IAAA,CAAKO,KAAA,CAAM,GAAGH,KAAK,EAAEH,IAAA,CAAK,EAAEO,WAAA,CAAY;MACrD,MAAMC,KAAA,GAAQT,IAAA,CAAKO,KAAA,CAAMH,KAAA,GAAQ,CAAC,EAAEH,IAAA,CAAK;MACzC,IAAI,CAACb,WAAA,CAAYsB,GAAA,CAAIJ,IAAI,GAAG;MAG5B,IAAIA,IAAA,KAAS,WAAW,kDAAkDK,IAAA,CAAKF,KAAK,GAAG;QACrF;MACF;MACA,IACEH,IAAA,KAAS,sBACT,yDAAyDK,IAAA,CAAKF,KAAK,GACnE;QACA;MACF;MAEA,IAAIH,IAAA,KAAS,iBAAiB,CAAC,2BAA2BK,IAAA,CAAKF,KAAK,GAAG;MACvE,IAAIH,IAAA,KAAS,gBAAgB,CAAC,qBAAqBK,IAAA,CAAKF,KAAK,GAAG;MAChE,KACGH,IAAA,KAAS,qBAAqBA,IAAA,KAAS,2BACxC,CAAC,4BAA4BK,IAAA,CAAKF,KAAK,GACvC;QACA;MACF;MACAN,IAAA,CAAKS,IAAA,CAAK,GAAGN,IAAI,KAAKG,KAAK,EAAE;IAC/B;IACA,IAAIN,IAAA,CAAKU,MAAA,GAAS,GAAGtB,EAAA,CAAGuB,YAAA,CAAa,SAASX,IAAA,CAAKY,IAAA,CAAK,IAAI,CAAC,OACxDxB,EAAA,CAAGI,eAAA,CAAgB,OAAO;EACjC;EAEA,WAAWqB,KAAA,IAASC,KAAA,CAAMC,IAAA,CAAK3B,EAAA,CAAG4B,QAAQ,GAAG7B,YAAA,CAAa0B,KAAK;AACjE;AAMO,SAASI,gBAAgBpC,IAAA,EAAsB;EACpD,IAAI,OAAOqC,QAAA,KAAa,eAAe,CAACtC,YAAA,CAAaC,IAAI,GAAG,OAAOA,IAAA;EAGnE,MAAMsC,MAAA,GAAStC,IAAA,CACZuC,OAAA,CAAQ,0BAA0B,EAAE,EACpCA,OAAA,CAAQ,oCAAoC,EAAE,EAC9CA,OAAA,CAAQ,6CAA6C,EAAE;EAE1D,MAAMC,GAAA,GAAM,IAAIC,SAAA,CAAU,EAAEC,eAAA,CAAgBJ,MAAA,EAAQ,WAAW;EAC/DE,GAAA,CAAIG,gBAAA,CAAiB,kCAAkC,EAAEC,OAAA,CAASrC,EAAA,IAAOA,EAAA,CAAGE,MAAA,CAAO,CAAC;EAGpF,WAAWoC,CAAA,IAAKZ,KAAA,CAAMC,IAAA,CAAKM,GAAA,CAAIM,IAAA,CAAKH,gBAAA,CAAiB,GAAG,CAAC,GAAG;IAC1D,MAAMI,MAAA,GAAUF,CAAA,CAAkBG,KAAA,CAAMC,UAAA;IACxC,IAAIF,MAAA,KAAW,YAAYA,MAAA,KAAW,OAAO;MAC3CF,CAAA,CAAEK,WAAA,CAAY,GAAGjB,KAAA,CAAMC,IAAA,CAAKW,CAAA,CAAEM,UAAU,CAAC;IAC3C;EACF;EAEA,WAAWnB,KAAA,IAASC,KAAA,CAAMC,IAAA,CAAKM,GAAA,CAAIM,IAAA,CAAKX,QAAQ,GAAG7B,YAAA,CAAa0B,KAAK;EAErE,OAAOQ,GAAA,CAAIM,IAAA,CAAKM,SAAA;AAClB","ignoreList":[]}

package/dist/jsx/editor/pasteCleanup.native.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var pasteCleanup_exports = {};
+__export(pasteCleanup_exports, {
+  cleanPastedHtml: () => cleanPastedHtml,
+  isOfficeHtml: () => isOfficeHtml
+});
+module.exports = __toCommonJS(pasteCleanup_exports);
+var OFFICE_SIGNATURES = ["docs-internal-guid", "urn:schemas-microsoft-com", "MsoNormal", "mso-", "<o:p>", "office:office"];
+function isOfficeHtml(html) {
+  return OFFICE_SIGNATURES.some(function (sig) {
+    return html.includes(sig);
+  });
+}
+var KEPT_STYLES = /* @__PURE__ */new Set(["color", "background-color",
+// Docs/Word mark bold/italic/underline/strike with span styles rather
+// than semantic tags; ProseMirror parses these into real marks.
+"font-weight", "font-style", "text-decoration", "text-decoration-line"]);
+function cleanElement(el) {
+  if (el.tagName.includes(":")) {
+    el.remove();
+    return;
+  }
+  if (el.hasAttribute("class")) el.removeAttribute("class");
+  if (el.hasAttribute("lang")) el.removeAttribute("lang");
+  if (el.hasAttribute("id")) el.removeAttribute("id");
+  if (el.hasAttribute("style")) {
+    var _el_getAttribute;
+    var declarations = ((_el_getAttribute = el.getAttribute("style")) !== null && _el_getAttribute !== void 0 ? _el_getAttribute : "").split(";").map(function (decl2) {
+      return decl2.trim();
+    }).filter(function (decl2) {
+      return decl2.includes(":");
+    });
+    var kept = [];
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = declarations[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var decl = _step.value;
+        var colon = decl.indexOf(":");
+        var prop = decl.slice(0, colon).trim().toLowerCase();
+        var value = decl.slice(colon + 1).trim();
+        if (!KEPT_STYLES.has(prop)) continue;
+        if (prop === "color" && /^(rgb\(0,\s*0,\s*0\)|#000000|#000|windowtext)$/i.test(value)) {
+          continue;
+        }
+        if (prop === "background-color" && /^(transparent|#ffffff|#fff|rgb\(255,\s*255,\s*255\))$/i.test(value)) {
+          continue;
+        }
+        if (prop === "font-weight" && !/^(bold(er)?|[5-9]\d\d)$/i.test(value)) continue;
+        if (prop === "font-style" && !/^(italic|oblique)/i.test(value)) continue;
+        if ((prop === "text-decoration" || prop === "text-decoration-line") && !/(underline|line-through)/i.test(value)) {
+          continue;
+        }
+        kept.push(`${prop}: ${value}`);
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    if (kept.length > 0) el.setAttribute("style", kept.join("; "));else el.removeAttribute("style");
+  }
+  var _iteratorNormalCompletion1 = true,
+    _didIteratorError1 = false,
+    _iteratorError1 = void 0;
+  try {
+    for (var _iterator1 = Array.from(el.children)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+      var child = _step1.value;
+      cleanElement(child);
+    }
+  } catch (err) {
+    _didIteratorError1 = true;
+    _iteratorError1 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+        _iterator1.return();
+      }
+    } finally {
+      if (_didIteratorError1) {
+        throw _iteratorError1;
+      }
+    }
+  }
+}
+function cleanPastedHtml(html) {
+  if (typeof document === "undefined" || !isOfficeHtml(html)) return html;
+  var source = html.replace(/<xml>[\s\S]*?<\/xml>/gi, "").replace(/<!--\[if[\s\S]*?<!\[endif\]-->/gi, "").replace(/<!--StartFragment-->|<!--EndFragment-->/gi, "");
+  var doc = new DOMParser().parseFromString(source, "text/html");
+  doc.querySelectorAll("style, meta, link, script, title").forEach(function (el) {
+    return el.remove();
+  });
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Array.from(doc.body.querySelectorAll("b"))[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var b = _step.value;
+      var weight = b.style.fontWeight;
+      if (weight === "normal" || weight === "400") {
+        b.replaceWith(...Array.from(b.childNodes));
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  var _iteratorNormalCompletion1 = true,
+    _didIteratorError1 = false,
+    _iteratorError1 = void 0;
+  try {
+    for (var _iterator1 = Array.from(doc.body.children)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+      var child = _step1.value;
+      cleanElement(child);
+    }
+  } catch (err) {
+    _didIteratorError1 = true;
+    _iteratorError1 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+        _iterator1.return();
+      }
+    } finally {
+      if (_didIteratorError1) {
+        throw _iteratorError1;
+      }
+    }
+  }
+  return doc.body.innerHTML;
+}
+//# sourceMappingURL=pasteCleanup.native.js.map

package/dist/jsx/editor/pasteCleanup.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","pasteCleanup_exports","cleanPastedHtml","isOfficeHtml","module","exports","OFFICE_SIGNATURES","html","some","sig","includes","KEPT_STYLES","Set","cleanElement","el","tagName","remove","hasAttribute","removeAttribute","_el_getAttribute","declarations","getAttribute","split","map","decl2","trim","filter","kept","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","decl","colon","indexOf","prop","slice","toLowerCase"],"sources":["../../../src/editor/pasteCleanup.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/editor/suggestionPopup.mjs

@@ -0,0 +1,268 @@
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { Extension } from "@tiptap/core";
+import { ReactRenderer } from "@tiptap/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+const fallbackSuggestionChrome = {
+  background: "var(--background)",
+  borderColor: "var(--borderColor)",
+  activeBackground: "var(--color4)",
+  iconTileBackground: "var(--color3)",
+  titleColor: "var(--color12)",
+  descriptionColor: "var(--color11)",
+  radius: 8,
+  shadow: "0px 8px 28px var(--shadow2), 0px 2px 6px var(--shadow1)",
+  motionMs: 120,
+  rowPaddingX: 12
+};
+const SuggestionChromeStore = Extension.create({
+  name: "suggestionChrome",
+  addStorage() {
+    return {
+      value: fallbackSuggestionChrome
+    };
+  }
+});
+function getSuggestionChrome(editor) {
+  return editor?.storage?.suggestionChrome?.value ?? fallbackSuggestionChrome;
+}
+const SuggestionList = forwardRef(({
+  rows,
+  chrome,
+  emptyLabel,
+  onSelect
+}, ref) => {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const listRef = useRef(null);
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [rows]);
+  useEffect(() => {
+    const el = listRef.current?.children[selectedIndex];
+    el?.scrollIntoView({
+      block: "nearest"
+    });
+  }, [selectedIndex]);
+  const selectItem = useCallback(index => {
+    if (rows[index]) onSelect(index);
+  }, [rows, onSelect]);
+  useImperativeHandle(ref, () => ({
+    onKeyDown: ({
+      event
+    }) => {
+      if (rows.length === 0) return false;
+      if (event.key === "ArrowUp") {
+        setSelectedIndex(i => (i + rows.length - 1) % rows.length);
+        return true;
+      }
+      if (event.key === "ArrowDown") {
+        setSelectedIndex(i => (i + 1) % rows.length);
+        return true;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        selectItem(selectedIndex);
+        return true;
+      }
+      return false;
+    }
+  }));
+  const containerStyle = {
+    background: chrome.background,
+    border: `1px solid ${chrome.borderColor}`,
+    borderRadius: `${chrome.radius}px`,
+    boxShadow: chrome.shadow,
+    // SP-EDGE: container owns only its border -- rows own all padding
+    padding: 0,
+    maxHeight: "320px",
+    overflowY: "auto",
+    minWidth: "220px",
+    maxWidth: "320px"
+  };
+  if (rows.length === 0) {
+    return /* @__PURE__ */jsx("div", {
+      style: containerStyle,
+      "data-suggestion-popup": "true",
+      children: /* @__PURE__ */jsx("div", {
+        style: {
+          padding: `8px ${chrome.rowPaddingX}px`,
+          color: chrome.descriptionColor,
+          fontSize: "13px"
+        },
+        children: emptyLabel
+      })
+    });
+  }
+  return /* @__PURE__ */jsx("div", {
+    style: containerStyle,
+    ref: listRef,
+    role: "listbox",
+    "data-suggestion-popup": "true",
+    children: rows.map((row, index) => /* @__PURE__ */jsxs("button", {
+      role: "option",
+      "aria-selected": index === selectedIndex,
+      type: "button",
+      style: {
+        // LC-16 shared menu-row geometry (menuRowFrame): horizontal
+        // padding resolved from the theme recipe, 8px vertical, 8px
+        // in-row gap, full-width flat rows (SP-EDGE)
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: `8px ${chrome.rowPaddingX}px`,
+        border: "none",
+        background: index === selectedIndex ? chrome.activeBackground : "none",
+        width: "100%",
+        textAlign: "start",
+        cursor: "pointer",
+        borderRadius: 0,
+        fontSize: "13px",
+        lineHeight: "1.3",
+        fontFamily: "inherit"
+      },
+      onClick: () => selectItem(index),
+      onMouseEnter: () => setSelectedIndex(index),
+      children: [row.avatarUrl ? /* @__PURE__ */jsx("img", {
+        src: row.avatarUrl,
+        alt: "",
+        style: {
+          width: "24px",
+          height: "24px",
+          borderRadius: "50%",
+          flexShrink: 0,
+          objectFit: "cover"
+        }
+      }) : row.icon !== void 0 && row.icon !== null ? /* @__PURE__ */jsx("span", {
+        "aria-hidden": "true",
+        style: {
+          width: "28px",
+          height: "28px",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: "4px",
+          background: chrome.iconTileBackground,
+          color: chrome.titleColor,
+          fontWeight: 700,
+          fontSize: "12px",
+          flexShrink: 0
+        },
+        children: row.icon
+      }) : null, /* @__PURE__ */jsxs("span", {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "1px",
+          minWidth: 0
+        },
+        children: [/* @__PURE__ */jsx("span", {
+          style: {
+            fontWeight: 600,
+            color: chrome.titleColor,
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis"
+          },
+          children: row.title
+        }), row.description ? /* @__PURE__ */jsx("span", {
+          style: {
+            fontSize: "11px",
+            color: chrome.descriptionColor
+          },
+          children: row.description
+        }) : null]
+      })]
+    }, row.key))
+  });
+});
+SuggestionList.displayName = "SuggestionList";
+function createPopup(editorDom, motionMs) {
+  const popup = document.createElement("div");
+  popup.style.position = "fixed";
+  popup.style.zIndex = "100001";
+  popup.style.fontFamily = getComputedStyle(editorDom).fontFamily;
+  if (motionMs > 0) {
+    popup.style.opacity = "0";
+    popup.style.transform = "translateY(4px)";
+    popup.style.transition = `opacity ${motionMs}ms ease, transform ${motionMs}ms ease`;
+    requestAnimationFrame(() => {
+      popup.style.opacity = "1";
+      popup.style.transform = "translateY(0)";
+    });
+  }
+  document.body.appendChild(popup);
+  return {
+    element: popup,
+    position: clientRect => {
+      const rect = clientRect?.();
+      if (!rect) return;
+      const menuHeight = Math.min(popup.offsetHeight || 320, 320);
+      const below = rect.bottom + 4;
+      const flip = below + menuHeight > window.innerHeight && rect.top - menuHeight - 4 > 0;
+      popup.style.left = `${Math.min(rect.left, Math.max(8, window.innerWidth - popup.offsetWidth - 8))}px`;
+      popup.style.top = flip ? `${rect.top - menuHeight - 4}px` : `${below}px`;
+    },
+    destroy: (immediate = false) => {
+      if (immediate || motionMs === 0) {
+        popup.remove();
+        return;
+      }
+      popup.style.opacity = "0";
+      popup.style.transform = "translateY(4px)";
+      popup.style.pointerEvents = "none";
+      window.setTimeout(() => popup.remove(), motionMs);
+    }
+  };
+}
+function createSuggestionRenderer({
+  toRow,
+  getChrome,
+  getEmptyLabel
+}) {
+  return () => {
+    let component = null;
+    let popup = null;
+    const makeProps = props => ({
+      rows: props.items.map(toRow),
+      chrome: getChrome(props.editor),
+      emptyLabel: getEmptyLabel(),
+      onSelect: index => {
+        const item = props.items[index];
+        if (item !== void 0) props.command(item);
+      }
+    });
+    return {
+      onStart: props => {
+        component = new ReactRenderer(SuggestionList, {
+          props: makeProps(props),
+          editor: props.editor
+        });
+        popup = createPopup(props.editor.view.dom, getChrome(props.editor).motionMs);
+        popup.element.appendChild(component.element);
+        popup.position(props.clientRect);
+        requestAnimationFrame(() => popup?.position(props.clientRect));
+      },
+      onUpdate: props => {
+        component?.updateProps(makeProps(props));
+        popup?.position(props.clientRect);
+      },
+      onKeyDown: props => {
+        if (props.event.key === "Escape") {
+          props.event.stopPropagation();
+          popup?.destroy();
+          component?.destroy();
+          popup = null;
+          component = null;
+          return true;
+        }
+        return component?.ref?.onKeyDown(props) ?? false;
+      },
+      onExit: () => {
+        popup?.destroy();
+        component?.destroy();
+        popup = null;
+        component = null;
+      }
+    };
+  };
+}
+export { SuggestionChromeStore, SuggestionList, createSuggestionRenderer, fallbackSuggestionChrome, getSuggestionChrome };
+//# sourceMappingURL=suggestionPopup.mjs.map