@multiplatform.one/rich-text 6.0.0

package/dist/jsx/toolbar/useHorizontalScroll.native.js

@@ -0,0 +1,260 @@
+"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 useHorizontalScroll_exports = {};
+__export(useHorizontalScroll_exports, {
+  HorizontalScrollArrow: () => HorizontalScrollArrow,
+  useHorizontalScroll: () => useHorizontalScroll,
+  useHorizontalScrollArrows: () => useHorizontalScrollArrows
+});
+module.exports = __toCommonJS(useHorizontalScroll_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_linear_gradient = require("@tamagui/linear-gradient");
+var import_react2 = require("@phosphor-icons/react");
+var scrollArrowThreshold = 8;
+function useHorizontalScroll(ref) {
+  (0, import_react.useEffect)(function () {
+    var el = ref.current;
+    if (!el) return;
+    var handleWheel = function handleWheel2(e) {
+      var delta = e.deltaY !== 0 ? e.deltaY : e.deltaX;
+      if (delta !== 0 && el.scrollWidth > el.clientWidth) {
+        e.preventDefault();
+        el.scrollLeft += delta;
+      }
+    };
+    var isDown = false;
+    var isDragging = false;
+    var startX = 0;
+    var scrollLeft = 0;
+    var handleMouseDown = function handleMouseDown2(e) {
+      if (e.button !== 0) return;
+      isDown = true;
+      isDragging = false;
+      startX = e.clientX;
+      scrollLeft = el.scrollLeft;
+    };
+    var handleMouseUp = function handleMouseUp2(e) {
+      if (isDragging) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+      isDown = false;
+      isDragging = false;
+    };
+    var handleMouseMove = function handleMouseMove2(e) {
+      if (!isDown) return;
+      var x = e.clientX;
+      var diff = Math.abs(x - startX);
+      if (diff > 5) {
+        isDragging = true;
+        e.preventDefault();
+        var walk = x - startX;
+        el.scrollLeft = scrollLeft - walk;
+      }
+    };
+    el.addEventListener("wheel", handleWheel, {
+      passive: false
+    });
+    el.addEventListener("mousedown", handleMouseDown, {
+      capture: true
+    });
+    el.addEventListener("mouseup", handleMouseUp, {
+      capture: true
+    });
+    el.addEventListener("mousemove", handleMouseMove);
+    document.addEventListener("mouseup", function () {
+      isDown = false;
+      isDragging = false;
+    });
+    return function () {
+      el.removeEventListener("wheel", handleWheel);
+      el.removeEventListener("mousedown", handleMouseDown, {
+        capture: true
+      });
+      el.removeEventListener("mouseup", handleMouseUp, {
+        capture: true
+      });
+      el.removeEventListener("mousemove", handleMouseMove);
+    };
+  }, [ref]);
+}
+function useHorizontalScrollArrows() {
+  var [arrowLeft, setArrowLeft] = (0, import_react.useState)(false);
+  var [arrowRight, setArrowRight] = (0, import_react.useState)(false);
+  var arrowScrollDirRef = (0, import_react.useRef)(null);
+  var updateArrows = (0, import_react.useCallback)(function (element) {
+    var left = element.scrollLeft > scrollArrowThreshold;
+    var right = element.scrollLeft < element.scrollWidth - element.clientWidth - scrollArrowThreshold;
+    setArrowLeft(function (prev) {
+      return prev !== left ? left : prev;
+    });
+    setArrowRight(function (prev) {
+      return prev !== right ? right : prev;
+    });
+  }, []);
+  return {
+    arrowLeft,
+    arrowRight,
+    arrowScrollDirRef,
+    updateArrows
+  };
+}
+function HorizontalScrollArrow(param) {
+  var {
+    direction,
+    scrollRef,
+    visible,
+    arrowScrollDirRef,
+    transition
+  } = param;
+  var isLeft = direction === "left";
+  var animationFrameRef = (0, import_react.useRef)(0);
+  var lastTimeRef = (0, import_react.useRef)(0);
+  var resumeTimerRef = (0, import_react.useRef)(null);
+  var hoveringRef = (0, import_react.useRef)(false);
+  var activeRef = (0, import_react.useRef)(false);
+  var selfScrollingRef = (0, import_react.useRef)(false);
+  var resumeDelay = 100;
+  var stopLoop = (0, import_react.useCallback)(function () {
+    activeRef.current = false;
+    cancelAnimationFrame(animationFrameRef.current);
+    animationFrameRef.current = 0;
+  }, []);
+  var startLoop = (0, import_react.useCallback)(function () {
+    if (activeRef.current || !hoveringRef.current) return;
+    activeRef.current = true;
+    lastTimeRef.current = performance.now();
+    var tick = function tick1() {
+      var el = scrollRef.current;
+      if (!el || !hoveringRef.current || !activeRef.current) {
+        activeRef.current = false;
+        return;
+      }
+      var now = performance.now();
+      var elapsed = now - lastTimeRef.current;
+      lastTimeRef.current = now;
+      var px = Math.min(elapsed / 2, Math.max(isLeft ? el.scrollLeft : el.scrollWidth - el.clientWidth - el.scrollLeft, 0));
+      if (px > 0) {
+        selfScrollingRef.current = true;
+        arrowScrollDirRef.current = isLeft ? "left" : "right";
+        el.scrollLeft += isLeft ? -px : px;
+      }
+      animationFrameRef.current = requestAnimationFrame(tick);
+    };
+    animationFrameRef.current = requestAnimationFrame(tick);
+  }, [isLeft, scrollRef, arrowScrollDirRef]);
+  var openTimestampRef = (0, import_react.useRef)(0);
+  (0, import_react.useEffect)(function () {
+    openTimestampRef.current = performance.now();
+  }, [visible]);
+  var handlePointerEnter = (0, import_react.useCallback)(function () {
+    hoveringRef.current = true;
+    var elapsed = performance.now() - openTimestampRef.current;
+    var wasOverOnOpen = elapsed < 80;
+    if (wasOverOnOpen) {
+      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = setTimeout(function () {
+        resumeTimerRef.current = null;
+        if (hoveringRef.current) startLoop();
+      }, 600);
+    } else {
+      startLoop();
+    }
+  }, [startLoop]);
+  var handlePointerLeave = (0, import_react.useCallback)(function () {
+    hoveringRef.current = false;
+    if (resumeTimerRef.current) {
+      clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = null;
+    }
+    stopLoop();
+  }, [stopLoop]);
+  (0, import_react.useEffect)(function () {
+    var el = scrollRef.current;
+    if (!el || !visible) return;
+    var onScroll = function onScroll2() {
+      if (selfScrollingRef.current) {
+        selfScrollingRef.current = false;
+        return;
+      }
+      if (!hoveringRef.current) return;
+      stopLoop();
+      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = setTimeout(function () {
+        resumeTimerRef.current = null;
+        if (hoveringRef.current) startLoop();
+      }, resumeDelay);
+    };
+    el.addEventListener("scroll", onScroll, {
+      passive: true
+    });
+    return function () {
+      return el.removeEventListener("scroll", onScroll);
+    };
+  }, [scrollRef, visible, startLoop, stopLoop]);
+  (0, import_react.useEffect)(function () {
+    return function () {
+      handlePointerLeave();
+    };
+  }, [handlePointerLeave]);
+  var Icon = isLeft ? import_react2.CaretLeftIcon : import_react2.CaretRightIcon;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    position: "absolute",
+    [isLeft ? "left" : "right"]: 0,
+    top: 0,
+    bottom: 0,
+    width: 28,
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 2,
+    pointerEvents: visible ? "auto" : "none",
+    opacity: visible ? 1 : 0,
+    ...(transition ? {
+      animation: transition
+    } : void 0),
+    onPointerEnter: visible ? handlePointerEnter : void 0,
+    onPointerLeave: handlePointerLeave,
+    "data-testid": `toolbar-scroll-arrow-${direction}`,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      colors: isLeft ? ["$color3", "transparent"] : ["transparent", "$color3"],
+      start: isLeft ? [0, 0] : [0.6, 0],
+      end: isLeft ? [0.6, 0] : [1, 0]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "relative",
+      zIndex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+        size: 16
+      })
+    })]
+  });
+}
+//# sourceMappingURL=useHorizontalScroll.native.js.map

package/dist/jsx/toolbar/useHorizontalScroll.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","useHorizontalScroll_exports","HorizontalScrollArrow","useHorizontalScroll","useHorizontalScrollArrows","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_linear_gradient","import_react2","scrollArrowThreshold","ref","useEffect","el","current","handleWheel","handleWheel2","e","delta","deltaY","deltaX","scrollWidth","clientWidth","preventDefault","scrollLeft","isDown","isDragging","startX","handleMouseDown","handleMouseDown2","button","clientX","handleMouseUp","handleMouseUp2","stopPropagation","handleMouseMove","handleMouseMove2","x","diff","Math","abs","walk","addEventListener","passive","capture","document","removeEventListener","arrowLeft","setArrowLeft","useState","arrowRight","setArrowRight","arrowScrollDirRef","useRef","updateArrows","useCallback","element","left","right","prev","param","direction","scrollRef","visible","transition","isLeft","animationFrameRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","cancelAnimationFrame","startLoop","performance","now","tick","tick1","elapsed","px","min","max","requestAnimationFrame","openTimestampRef","handlePointerEnter","wasOverOnOpen","clearTimeout","setTimeout","handlePointerLeave","onScroll","onScroll2"],"sources":["../../../src/toolbar/useHorizontalScroll.tsx"],"sourcesContent":[null],"mappings":"AAMA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAY,CAAAC,cAAA;AACrB,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAsB;AAC/B,IAAAC,iBAAS,GAAeJ,MAAA,CAAAK,mBAAsB;AAqO1C,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAnOJ,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAuB;EAStB,SAASC,IAAA,IAAAD,GAAA,EACdZ,SAAU,CAAAW,MAAM,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AACd;AACA,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAGT,IAAAF,IAAM,WAAAA,IAAe,aAAkB,WAAAA,IAAA;IAErC,SAAMG,GAAA,IAAQhB,iBAAiB,CAAAa,IAAE,GACjC,IAAI,CAAAX,YAAU,CAAAe,IAAQ,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAc,KAAGF,MAAA,EACrCnB,SAAE,CAAAiB,EAAA,EAAAI,GAAe;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACjB;EAAiB,OACnBE,EAAA;AAAA;AAIF,IAAAM,YAAI,GAASC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACb,IAAAE,2BAAiB;AACjBhB,QAAI,CAAAgB,2BAAS;EACbC,qBAAiB,EAAAA,CAAA,KAAAA,qBAAA;EAEjBC,mBAAM,EAAAA,CAAA,KAAmBA,mBAAkB;EACzCC,yBAAoB,EAAAA,CAAA,KAAAA;AACpB;AACAC,MAAA,CAAAC,OAAA,GAAAR,YAAa,CAAAG,2BAAA;AACb,IAAAM,kBAAW,GAAAC,OAAA;AACX,IAAAC,YAAA,GAAaD,OAAG;AAAA,IAClBE,cAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAsB,GAACH,OAAkB;AACvC,IAAAI,aAAI,GAAAJ,OAAY;AAEd,IAAAK,oBAAE,GAAe;AACjB,SAAAV,mBAAkBA,CAAAW,GAAA;EAAA,IACpBL,YAAA,CAAAM,SAAA;IACA,IAAAC,EAAA,GAAAF,GAAS,CAAAG,OAAA;IACT,KAAAD,EAAA;IACF,IAAAE,WAAA,YAAAC,aAAAC,CAAA;MAEA,IAAMC,KAAA,GAAAD,CAAA,CAAAE,MAAA,KAAmB,IAAkBF,CAAA,CAAAE,MAAA,GAAAF,CAAA,CAAAG,MAAA;MACzC,IAAIF,KAAC,KAAQ,KAAAL,EAAA,CAAAQ,WAAA,GAAAR,EAAA,CAAAS,WAAA;QAEbL,CAAA,CAAAM,cAAY;QACZV,EAAA,CAAAW,UAAa,IAAKN,KAAI;MAGtB;IACE;IACA,IAAAO,MAAE;IACF,IAAAC,UAAM,GAAO,KAAI;IACjB,IAAAC,MAAG;IAA0B,IAC/BH,UAAA;IACF,IAAAI,eAAA,YAAAC,iBAAAZ,CAAA;MAEA,IAAGA,CAAA,CAAAa,MAAA,MAAiB;MACpBL,MAAG;MACHC,UAAG,QAAiB;MACpBC,MAAG,GAAAV,CAAA,CAAAc,OAAiB;MACpBP,UAAS,GAAAX,EAAA,CAAAW,UAAiB;IACxB;IACA,IAAAQ,aAAa,YAAAC,eAAAhB,CAAA;MACd,IAAAS,UAAA;QAEDT,CAAA,CAAAM,cAAa;QACXN,CAAG,CAAAiB,eAAA;MACH;MACAT,MAAG;MACHC,UAAG;IACL;IACF,IAAIS,eAAI,YAAAC,iBAAAnB,CAAA;MACV,KAAAQ,MAAA;MASO,IAASY,CAAA,GAAApB,CAAA,CAAAc,OAAA;MACd,IAAOO,IAAA,GAAAC,IAAW,CAAAC,GAAA,CAAAH,CAAA,GAAAV,MAAgB;MAClC,IAAOW,IAAA;QACDZ,UAAA;QAEAT,CAAA,CAAAM,cAAe;QACnB,IAAMkB,IAAA,GAAOJ,CAAA,GAAAV,MAAQ;QACrBd,EAAM,CAAAW,UACJ,GAAAA,UAAQ,GAAAiB,IAAa;MACvB;IACA;IACF5B,EAAI,CAAC6B,gBAAA,UAAA3B,WAAA;MAEL4B,OAAS;IACX;IAiBO9B,EAAA,CAAA6B,gBAAS,YAAsB,EAAAd,eAAA;MACpCgB,OAAA;IACA;IACA/B,EAAA,CAAA6B,gBAAA,YAAAV,aAAA;MACAY,OAAA;IACA;IAC6B/B,EAAA,CAAA6B,gBAAA,cAAAP,eAAA;IAC7BU,QAAM,CAAAH,gBAAS,UAAc;MAC7BjB,MAAM;MACNC,UAAM,QAAc;IACpB;IACA,OAAM,YAAc;MACpBb,EAAM,CAAAiC,mBAAmB,QAAK,EAAA/B,WAAA;MAC9BF,EAAM,CAAAiC,mBAAmB,YAAY,EAAAlB,eAAA;QAC/BgB,OAAA;MAEN,EAAM;MACJ/B,EAAA,CAAAiC,mBAAoB,YAAAd,aAAA;QACpBY,OAAA;MACA;MACE/B,EAAC,CAAAiC,mBAAA,cAAAX,eAAA;IAEL;EACE,IACAxB,GAAA,CACA;AACA;AACE,SAAAV,yBAAqBA,CAAA;EACrB,KAAA8C,SAAK,EAAOC,YAAY,QAAA1C,YAAY,CAAA2C,QAAU,EAAS;EACrD,KAAAC,UAAA,EAAUC,aAAU,QAAA7C,YAAA,CAAA2C,QAAA;EACpB,IAAAG,iBAAA,OAAA9C,YAAA,CAAA+C,MAAA;EAAA,IACFC,YAAA,OAAAhD,YAAA,CAAAiD,WAAA,YAAAC,OAAA;IACA,IAAAC,IAAM,GAAAD,OAAM,CAAAhC,UAAY,GAAId,oBAAA;IAC5B,IAAAgD,KAAM,GAAAF,OAAU,CAAAhC,UAAM,GAAAgC,OAAY,CAAAnC,WAAA,GAAAmC,OAAA,CAAAlC,WAAA,GAAAZ,oBAAA;IAClCsC,YAAA,WAAYW,IAAU;MACtB,OAAMA,IAAK,KAAKF,IAAA,GAAAA,IAAA,GAAAE,IAAA;IAAA;IACJR,aACD,WAASQ,IAAG;MACvB,OAAAA,IAAA,KAAAD,KAAA,GAAAA,KAAA,GAAAC,IAAA;IACA;EACE;EACA;IACAZ,SAAG;IAA6BG,UAClC;IACAE,iBAAA;IACFE;EACA;AAAsD;AAGxD,SAAMvD,qBAAmBA,CAAA6D,KAAQ;EACjC;IAAAC,SAAU;IAAMC,SAAA;IAAAC,OAAA;IAAAX,iBAAA;IAAAY;EAAA,IAAAJ,KAAA;EACd,IAAAK,MAAA,GAAAJ,SAAiB,WAAU;EAC7B,IAAIK,iBAAQ,OAAA5D,YAAA,CAAA+C,MAAA;EAEZ,IAAAc,WAAM,OAAA7D,YAAqB,CAAA+C,MAAY,IAAM;EAC3C,IAAAe,cAAY,OAAU9D,YAAA,CAAA+C,MAAA;EACtB,IAAAgB,WAAM,GAAU,IAAA/D,YAAgB,CAAA+C,MAAI;EACpC,IAAAiB,SAAM,OAAAhE,YAAgB,CAAA+C,MAAU;EAChC,IAAAkB,gBAAI,GAAe,IAAAjE,YAAA,CAAA+C,MAAA;EACjB,IAAAmB,WAAI;EACJ,IAAAC,QAAA,OAAenE,YAAU,CAAAiD,WAAW,cAAM;IACxCe,SAAA,CAAAxD,OAAA,GAAe;IACf4D,oBAAgB,CAAAR,iBAAS,CAAUpD,OAAA;IAAAoD,iBAC/B,CAAApD,OAAA;EAAA,GACR;EACE,IAAA6D,SAAA,GAAU,IAAArE,YAAA,CAAAiD,WAAA;IACZ,IAAAe,SAAA,CAAAxD,OAAA,KAAAuD,WAAA,CAAAvD,OAAA;IACFwD,SAAI,CAAAxD,OAAU;IAEdqD,WAAM,CAAArD,OAAA,GAAA8D,WAAqB,CAAAC,GAAY;IACrC,IAAAC,IAAA,YAAYC,KAAUA,CAAA;MACtB,IAAIlE,EAAA,GAAAiD,SAAe,CAAAhD,OAAS;MAC1B,KAAAD,EAAA,KAAAwD,WAAa,CAAAvD,OAAe,IAAO,CAAAwD,SAAA,CAAAxD,OAAA;QACnCwD,SAAA,CAAAxD,OAAe,QAAU;QAC3B;MACA;MACE,IAAA+D,GAAA,GAASD,WAAA,CAAAC,GAAA;MAEb,IAAAG,OAAU,GAAMH,GAAA,GAAAV,WAAA,CAAArD,OAAA;MACdqD,WAAW,CAAArD,OAAU,GAAA+D,GAAA;MACrB,IAAKI,EAAA,GAAM1C,IAAC,CAAA2C,GAAA,CAASF,OAAA,MAAAzC,IAAA,CAAA4C,GAAA,CAAAlB,MAAA,GAAApD,EAAA,CAAAW,UAAA,GAAAX,EAAA,CAAAQ,WAAA,GAAAR,EAAA,CAAAS,WAAA,GAAAT,EAAA,CAAAW,UAAA;MACrB,IAAMyD,EAAA;QACJV,gBAAI,CAAAzD,OAAiB,OAAS;QAC5BsC,iBAAiB,CAAAtC,OAAA,GAAUmD,MAAA;QAC3BpD,EAAA,CAAAW,UAAA,IAAAyC,MAAA,IAAAgB,EAAA,GAAAA,EAAA;MACF;MACAf,iBAAiB,CAAApD,OAAS,GAAAsE,qBAAA,CAAAN,IAAA;IAC1B;IACAZ,iBAAI,CAAApD,OAAe,GAAAsE,qBAAsB,CAAAN,IAAA;EACzC,IACEb,MAAA,EACAH,SAAI,EAA+BV,iBACvB,EAChB;EACA,IAAAiC,gBAAG,GAAiB,IAAA/E,YAAU,CAAA+C,MAAY;EAC1C,IAAA/C,YAAa,CAAAM,SAAG,cAAoB;IACtCyE,gBAAe,CAAAvE,OAAS,GAAA8D,WAAW,CAAAC,GAAS;EAE5C,IACEd,OAAM,CACJ;EAAmB,IACrBuB,kBAAA,OAAAhF,YAAA,CAAAiD,WAAA;IACAc,WAAC,CAAAvD,OAAkB;IACrB,IAAAkE,OAAA,GAAAJ,WAAA,CAAAC,GAAA,KAAAQ,gBAAA,CAAAvE,OAAA;IAEA,IAAMyE,aAAO,GAASP,OAAA;IAEtB,IAAAO,aACE;MAAC,IAAAnB,cAAA,CAAAtD,OAAA,EAAA0E,YAAA,CAAApB,cAAA,CAAAtD,OAAA;MAAAsD,cAAA,CAAAtD,OAAA,GAAA2E,UAAA;QACCrB,cAAS,CAAAtD,OAAA;QACR,IAAMuD,WAAS,CAAAvD,OAAS,EAAA6D,SAAY;MACrC,MAAK;IAAA,OACL;MACAA,SAAO;IAAA;EACI,IACIA,SACf,CAAQ;EAC0B,IAClCe,kBAAS,GAAU,EAAI,EAAApF,YAAA,CAAAiD,WAAA;IAAAc,WAClB,CAAAvD,OAAa,GAAE;IAAiC,IACrDsD,cAAgB,CAAAtD,OAAA,EAAU;MAC1B0E,YAAA,CAAApB,cAAgB,CAAAtD,OAAA;MAChBsD,cAAA,CAAatD,OAAA;IAAiC;IAE9C2D,QAAA;EAAA,IAACA,QAAA;EACU,IAAAnE,YACJ,CAAAM,SAAA;IAAA,IAAAC,EAAA,GACLiD,SAAM,CAAAhD,OAAA;IAAA,KAAAD,EAAA,IACN,CAAAkD,OAAO;IAAA,IAAA4B,QACP,YAAQC,UAAA;MAAA,IAAArB,gBACA,CAAAzD,OAAU;QAAqDyD,gBAChE,CAAAzD,OAAa,GAAC,KAAK;QAAM;MACF;MAAA,IAChC,CAAAuD,WAAA,CAAAvD,OAAA;MAAA2D,QACA;MAEA,IAAAL,cAAA,CAAAtD,OAAA,EAAA0E,YAAA,CAAApB,cAAA,CAAAtD,OAAA;MAAAsD,cAAA,CAAAtD,OAAA,GAAA2E,UAAA;QACFrB,cAAA,CAAAtD,OAAA;QAEJ,IAAAuD,WAAA,CAAAvD,OAAA,EAAA6D,SAAA","ignoreList":[]}

package/dist/jsx/types.mjs

@@ -0,0 +1,31 @@
+const defaultEditorState = {
+  isBold: false,
+  isItalic: false,
+  isUnderline: false,
+  isStrike: false,
+  isCode: false,
+  isSubscript: false,
+  isSuperscript: false,
+  isHeading1: false,
+  isHeading2: false,
+  isHeading3: false,
+  isHeading4: false,
+  isHeading5: false,
+  isHeading6: false,
+  isParagraph: true,
+  isBulletList: false,
+  isOrderedList: false,
+  isTaskList: false,
+  isBlockquote: false,
+  isCodeBlock: false,
+  isLink: false,
+  canUndo: false,
+  canRedo: false,
+  textAlign: "left",
+  textColor: null,
+  highlightColor: null,
+  wordCount: 0,
+  characterCount: 0
+};
+export { defaultEditorState };
+//# sourceMappingURL=types.mjs.map

package/dist/jsx/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultEditorState","isBold","isItalic","isUnderline","isStrike","isCode","isSubscript","isSuperscript","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isParagraph","isBulletList","isOrderedList","isTaskList","isBlockquote","isCodeBlock","isLink","canUndo","canRedo","textAlign","textColor","highlightColor","wordCount","characterCount"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AA8FO,MAAMA,kBAAA,GAAkC;EAC7CC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,WAAA,EAAa;EACbC,QAAA,EAAU;EACVC,MAAA,EAAQ;EACRC,WAAA,EAAa;EACbC,aAAA,EAAe;EACfC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,UAAA,EAAY;EACZC,WAAA,EAAa;EACbC,YAAA,EAAc;EACdC,aAAA,EAAe;EACfC,UAAA,EAAY;EACZC,YAAA,EAAc;EACdC,WAAA,EAAa;EACbC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,OAAA,EAAS;EACTC,SAAA,EAAW;EACXC,SAAA,EAAW;EACXC,cAAA,EAAgB;EAChBC,SAAA,EAAW;EACXC,cAAA,EAAgB;AAClB","ignoreList":[]}

package/dist/jsx/types.native.js

@@ -0,0 +1,59 @@
+"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 types_exports = {};
+__export(types_exports, {
+  defaultEditorState: () => defaultEditorState
+});
+module.exports = __toCommonJS(types_exports);
+var defaultEditorState = {
+  isBold: false,
+  isItalic: false,
+  isUnderline: false,
+  isStrike: false,
+  isCode: false,
+  isSubscript: false,
+  isSuperscript: false,
+  isHeading1: false,
+  isHeading2: false,
+  isHeading3: false,
+  isHeading4: false,
+  isHeading5: false,
+  isHeading6: false,
+  isParagraph: true,
+  isBulletList: false,
+  isOrderedList: false,
+  isTaskList: false,
+  isBlockquote: false,
+  isCodeBlock: false,
+  isLink: false,
+  canUndo: false,
+  canRedo: false,
+  textAlign: "left",
+  textColor: null,
+  highlightColor: null,
+  wordCount: 0,
+  characterCount: 0
+};
+//# sourceMappingURL=types.native.js.map

package/dist/jsx/types.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","types_exports","defaultEditorState","module","exports","isBold","isItalic","isUnderline","isStrike","isCode"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AA8FO,YAAM;;AAAkC,IAC7CA,SAAQ,GAAAC,MAAA,CAAAC,cAAA;AAAA,IACRC,gBAAU,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACVC,iBAAa,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACbC,YAAU,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACR,SAAAC,IAAa,IAAAD,GAAA,EACbZ,SAAA,CAAAW,MAAe,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACH,IACZC,WAAY,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACZ,IAAAF,IAAA,IAAY,OAAAA,IAAA,wBAAAA,IAAA;IACZ,SAAAG,GAAY,IAAAhB,iBAAA,CAAAa,IAAA,GACZ,KAAAX,YAAY,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACZnB,SAAY,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACZ;EACA,OAAAE,EAAA;AAAc;AACC,IACfM,YAAY,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACZE,aAAc;AAAAhB,QACd,CAAAgB,aAAa;EACbC,kBAAQ,EAAAA,CAAA,KAAAA;AAAA,EACR;AAASC,MACT,CAAAC,OAAS,GAAAN,YAAA,CAAAG,aAAA;AAAA,IACTC,kBAAW;EACXG,MAAA,OAAW;EACXC,QAAA;EACAC,WAAW;EACXC,QAAA;EACFC,MAAA","ignoreList":[]}

package/package.json

@@ -0,0 +1,117 @@
+{
+  "name": "@multiplatform.one/rich-text",
+  "version": "6.0.0",
+  "description": "Cross-platform rich text editor with markdown support and syntax highlighting",
+  "keywords": [
+    "cross-platform",
+    "editor",
+    "markdown",
+    "multiplatform",
+    "react",
+    "react-native",
+    "rich-text",
+    "tamagui",
+    "wysiwyg"
+  ],
+  "homepage": "https://multiplatform.one",
+  "bugs": {
+    "url": "https://gitlab.com/bitspur/multiplatform.one/multiplatform.one/issues",
+    "email": "support@risserlabs.com"
+  },
+  "license": "Apache-2.0",
+  "author": "BitSpur <support@risserlabs.com> (https://risserlabs.com)",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/bitspur/multiplatform.one/multiplatform.one.git"
+  },
+  "source": "src/index.ts",
+  "files": [
+    "dist",
+    "src",
+    "types"
+  ],
+  "sideEffects": false,
+  "main": "src/index.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "source": "./src/index.ts",
+      "react-native": {
+        "import": "./dist/esm/index.native.js",
+        "require": "./dist/cjs/index.native.js",
+        "default": "./dist/esm/index.native.js"
+      },
+      "types": "./src/index.ts",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/cjs/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@10play/tentap-editor": "^1.0.1",
+    "@phosphor-icons/react": "^2.1.10",
+    "@tamagui/linear-gradient": "2.0.0-rc.41",
+    "@tanstack/react-form": "^1.29.1",
+    "@tiptap/extension-character-count": "^3.22.5",
+    "@tiptap/extension-code-block-lowlight": "^3.22.5",
+    "@tiptap/extension-color": "^3.22.5",
+    "@tiptap/extension-focus": "^3.22.5",
+    "@tiptap/extension-highlight": "^3.22.5",
+    "@tiptap/extension-image": "^3.22.5",
+    "@tiptap/extension-link": "^3.22.5",
+    "@tiptap/extension-placeholder": "^3.22.5",
+    "@tiptap/extension-subscript": "^3.22.5",
+    "@tiptap/extension-superscript": "^3.22.5",
+    "@tiptap/extension-table": "^3.22.5",
+    "@tiptap/extension-table-cell": "^3.22.5",
+    "@tiptap/extension-table-header": "^3.22.5",
+    "@tiptap/extension-table-row": "^3.22.5",
+    "@tiptap/extension-task-item": "^3.22.5",
+    "@tiptap/extension-task-list": "^3.22.5",
+    "@tiptap/extension-text-align": "^3.22.5",
+    "@tiptap/extension-text-style": "^3.22.5",
+    "@tiptap/extension-typography": "^3.22.5",
+    "@tiptap/extension-underline": "^3.22.5",
+    "@tiptap/pm": "^3.22.5",
+    "@tiptap/react": "^3.22.5",
+    "@tiptap/starter-kit": "^3.22.5",
+    "@tiptap/suggestion": "^3.22.5",
+    "@types/turndown": "^5.0.6",
+    "lowlight": "^3.3.0",
+    "marked": "^17.0.6",
+    "tamagui": "2.0.0-rc.41",
+    "turndown": "^7.2.4",
+    "@multiplatform.one/components": "6.0.0",
+    "@multiplatform.one/markdown": "6.0.0",
+    "@multiplatform.one/theme": "6.0.0",
+    "@multiplatform.one/forms": "6.0.0"
+  },
+  "devDependencies": {
+    "@tamagui/build": "2.0.0-rc.41",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "~19.2.14",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/coverage-v8": "^4.1.5",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
+    "vitest": "^4.1.5",
+    "@multiplatform.one/config": "6.0.0",
+    "@multiplatform.one/storybook": "6.0.0",
+    "@multiplatform.one/test-utils": "6.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-native": "*"
+  },
+  "module:jsx": "dist/jsx",
+  "scripts": {
+    "build": "rm -rf dist types 2>/dev/null && tamagui-build --ts-project ./tsconfig.build.json --exclude '\\.spec\\.|\\.test\\.'",
+    "test": "vitest run --coverage --coverage.provider=v8 --coverage.reporter=text --coverage.reporter=lcov --coverage.reporter=html",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/src/RichEditor.native.tsx

@@ -0,0 +1,161 @@
+/**
+ * RichEditor compound component (native)
+ *
+ * Same public interface as the web version. Uses TentapEditor and
+ * FixedToolbar.native instead of TiptapEditor and BubbleToolbar.
+ *
+ * No BubbleToolbar sub-component (10Tap does not support floating menus).
+ * The BubbleToolbar property is still present on the compound component
+ * to maintain the same public interface, but renders nothing on native.
+ */
+
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
+import type { SizeTokens } from "tamagui";
+import { Text, View, withStaticProperties } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { clampRadiusForLargeComponent } from "@multiplatform.one/forms";
+import type { EditorState, RichEditorProps, RichEditorRef, ToolbarSection } from "./types";
+import { defaultEditorState } from "./types";
+import { RichEditorContext } from "./context";
+import { EditorFrame } from "./styled";
+import { FixedToolbar } from "./toolbar/FixedToolbar";
+
+// ===========================================================================
+// Combined Props
+// ===========================================================================
+
+export interface RichEditorCombinedProps extends RichEditorProps {
+  /** Size token for the editor */
+  size?: SizeTokens;
+  /** Use compact sizing for tighter controls */
+  compact?: boolean;
+  /** Show the fixed toolbar (default: true) */
+  showToolbar?: boolean;
+  /** Show the bubble toolbar on text selection (not supported on native, ignored) */
+  showBubbleToolbar?: boolean;
+  /** Toolbar sections to display (shows all when omitted) */
+  sections?: ToolbarSection[];
+}
+
+// ===========================================================================
+// Noop BubbleToolbar (native has no floating menus)
+// ===========================================================================
+
+/** No-op BubbleToolbar for native -- 10Tap does not support floating menus */
+function NativeBubbleToolbar() {
+  return null;
+}
+
+// ===========================================================================
+// TentapEditor dynamic import
+// ===========================================================================
+
+let TentapEditor: any = null;
+try {
+  TentapEditor = require("./editor/TentapEditor.native").TentapEditor;
+} catch {
+  // @10play/tentap-editor not available (e.g. Expo Go)
+}
+
+// ===========================================================================
+// RichEditorImpl
+// ===========================================================================
+
+const RichEditorImpl = forwardRef<RichEditorRef, RichEditorCombinedProps>(
+  (
+    {
+      size,
+      compact = false,
+      showToolbar = true,
+      showBubbleToolbar: _showBubbleToolbar,
+      sections,
+      hasError,
+      editable = true,
+      onStateChange,
+      minHeight = 150,
+      ...editorProps
+    },
+    ref,
+  ) => {
+    const internalRef = useRef<RichEditorRef>(null);
+    const [editorState, setEditorState] = useState<EditorState>(defaultEditorState);
+
+    const { knobProps } = useResolvedKnobs({
+      component: "RichEditor",
+      size,
+      compact,
+    });
+
+    const handleStateChange = useCallback(
+      (state: EditorState) => {
+        setEditorState(state);
+        onStateChange?.(state);
+      },
+      [onStateChange],
+    );
+
+    useImperativeHandle(ref, () => internalRef.current!, []);
+
+    const cappedRadius = clampRadiusForLargeComponent(knobProps.borderRadius.borderRadius, 4);
+
+    const disabled = !editable;
+
+    return (
+      <RichEditorContext.Provider
+        size={(knobProps.sizeToken ?? "$true") as any}
+        compact={compact}
+        disabled={disabled}
+      >
+        <EditorFrame
+          hasError={hasError}
+          borderRadius={cappedRadius}
+          borderWidth={knobProps.borderRadius.borderWidth}
+          borderColor={hasError ? "$red10" : "$color6"}
+          disabled={disabled}
+        >
+          {showToolbar && !disabled && (
+            <FixedToolbar
+              editorRef={internalRef}
+              state={editorState}
+              sections={sections}
+              hasError={hasError}
+            />
+          )}
+          {TentapEditor ? (
+            <TentapEditor
+              ref={internalRef}
+              minHeight={minHeight}
+              {...editorProps}
+              editable={editable}
+              onStateChange={handleStateChange}
+              hasError={false}
+            />
+          ) : (
+            <View
+              minHeight={minHeight}
+              padding={knobProps.panelPadding.padding}
+              justifyContent="center"
+              alignItems="center"
+            >
+              <Text color="$colorSubtle" fontSize={knobProps.sizeToken}>
+                Rich text editor requires a development build
+              </Text>
+            </View>
+          )}
+        </EditorFrame>
+      </RichEditorContext.Provider>
+    );
+  },
+);
+
+RichEditorImpl.displayName = "RichEditor";
+
+// ===========================================================================
+// Compound Component
+// ===========================================================================
+
+export const RichEditor = withStaticProperties(RichEditorImpl, {
+  FixedToolbar,
+  BubbleToolbar: NativeBubbleToolbar,
+  Editor: TentapEditor ?? View,
+});