@multiplatform.one/rich-text 6.0.0

package/dist/cjs/toolbar/MoreDropdown.native.js

@@ -0,0 +1,224 @@
+"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 MoreDropdown_exports = {};
+__export(MoreDropdown_exports, {
+  MoreDropdown: () => MoreDropdown
+});
+module.exports = __toCommonJS(MoreDropdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_styled = require("../styled.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_icons = require("./icons.native.js");
+var import_shortcuts = require("./shortcuts.native.js");
+var INLINE_ITEMS = [{
+  label: import_shortcuts.SHORTCUTS.subscript,
+  command: "subscript",
+  icon: import_icons.SubscriptIcon,
+  isActive: function isActive(s) {
+    return s.isSubscript;
+  }
+}, {
+  label: import_shortcuts.SHORTCUTS.superscript,
+  command: "superscript",
+  icon: import_icons.SuperscriptIcon,
+  isActive: function isActive2(s) {
+    return s.isSuperscript;
+  }
+}];
+var ALIGN_ITEMS = [{
+  label: import_shortcuts.SHORTCUTS.alignLeft,
+  command: "alignLeft",
+  icon: import_icons.AlignLeftIcon,
+  isActive: function isActive3(s) {
+    return s.textAlign === "left";
+  }
+}, {
+  label: import_shortcuts.SHORTCUTS.alignCenter,
+  command: "alignCenter",
+  icon: import_icons.AlignCenterIcon,
+  isActive: function isActive4(s) {
+    return s.textAlign === "center";
+  }
+}, {
+  label: import_shortcuts.SHORTCUTS.alignRight,
+  command: "alignRight",
+  icon: import_icons.AlignRightIcon,
+  isActive: function isActive5(s) {
+    return s.textAlign === "right";
+  }
+}, {
+  label: import_shortcuts.SHORTCUTS.alignJustify,
+  command: "alignJustify",
+  icon: import_icons.AlignJustifyIcon,
+  isActive: function isActive6(s) {
+    return s.textAlign === "justify";
+  }
+}];
+var BLOCK_ITEMS = [{
+  label: import_shortcuts.SHORTCUTS.horizontalRule,
+  command: "horizontalRule",
+  icon: import_icons.HorizontalRuleIcon
+}, {
+  label: import_shortcuts.SHORTCUTS.clearFormatting,
+  command: "clearFormatting",
+  icon: import_icons.ClearFormattingIcon
+}];
+function MoreIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+      cx: "5",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+      cx: "19",
+      cy: "12",
+      r: "2"
+    })]
+  });
+}
+function preventFocusTheft(e) {
+  e.preventDefault();
+}
+function ItemSection(param) {
+  var {
+    items,
+    state,
+    onSelect
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: items.map(function (item) {
+      var _item_isActive;
+      var Icon = item.icon;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
+        active: (_item_isActive = item.isActive) === null || _item_isActive === void 0 ? void 0 : _item_isActive.call(item, state),
+        onMouseDown: preventFocusTheft,
+        onPress: function onPress() {
+          return onSelect(item.command, item.payload);
+        },
+        "aria-label": item.label,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 13,
+          children: item.label
+        })]
+      }, item.command);
+    })
+  });
+}
+function MoreDropdown(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var handleSelect = function handleSelect2(command, payload) {
+    var _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand(command, payload);
+    if (command === "horizontalRule" || command === "clearFormatting") {
+      setOpen(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-end",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "More formatting options",
+        tooltip: "More",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(MoreIcon, {})
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Content, {
+      ...knobProps.panelPadding,
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      elevation: knobProps.elevation,
+      enterStyle: {
+        opacity: 0,
+        y: -5
+      },
+      exitStyle: {
+        opacity: 0,
+        y: -5
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1",
+        minWidth: 200,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: INLINE_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: ALIGN_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: BLOCK_ITEMS,
+          state,
+          onSelect: handleSelect
+        })]
+      })
+    })]
+  });
+}
+//# sourceMappingURL=MoreDropdown.native.js.map

package/dist/cjs/toolbar/MoreDropdown.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MoreDropdown_exports","__export","MoreDropdown","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_styled","import_ToolbarButton","import_icons","import_shortcuts","INLINE_ITEMS","label","SHORTCUTS","subscript","command","icon","SubscriptIcon","isActive","s","isSubscript","superscript","SuperscriptIcon","isActive2","isSuperscript","ALIGN_ITEMS","alignLeft","AlignLeftIcon","isActive3","textAlign","alignCenter","AlignCenterIcon","isActive4","alignRight","AlignRightIcon","isActive5","alignJustify","AlignJustifyIcon","isActive6","BLOCK_ITEMS","horizontalRule","HorizontalRuleIcon","clearFormatting","ClearFormattingIcon","MoreIcon","jsxs","width","height","viewBox","fill","stroke","children","jsx","cx","cy","r","preventFocusTheft","e","preventDefault","ItemSection","param","items","state","onSelect","Fragment","map","item","_item_isActive","Icon","DropdownMenuItemFrame","active","call","onMouseDown","onPress","payload","Text","fontSize","editorRef","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","handleSelect","handleSelect2","_editorRef_current","current","executeCommand"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/ResizeHandle.cjs

@@ -0,0 +1,105 @@
+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 ResizeHandle_exports = {};
+__export(ResizeHandle_exports, {
+  ResizeHandle: () => ResizeHandle
+});
+module.exports = __toCommonJS(ResizeHandle_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function GripIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    opacity: 0.4,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 2L2 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 6L6 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 10L10 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    })]
+  });
+}
+function ResizeHandle({
+  containerRef,
+  minHeight = 150,
+  maxHeight
+}) {
+  const startY = (0, import_react.useRef)(0);
+  const startHeight = (0, import_react.useRef)(0);
+  const onMouseDown = (0, import_react.useCallback)(e => {
+    e.preventDefault();
+    const el = containerRef.current;
+    if (!el) return;
+    startY.current = e.clientY;
+    startHeight.current = el.getBoundingClientRect().height;
+    const onMouseMove = ev => {
+      const delta = ev.clientY - startY.current;
+      let newHeight = startHeight.current + delta;
+      if (newHeight < minHeight) newHeight = minHeight;
+      if (maxHeight && newHeight > maxHeight) newHeight = maxHeight;
+      el.style.height = `${newHeight}px`;
+    };
+    const onMouseUp = () => {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+    document.body.style.cursor = "ns-resize";
+    document.body.style.userSelect = "none";
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  }, [containerRef, minHeight, maxHeight]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    position: "absolute",
+    bottom: 0,
+    right: 0,
+    width: 16,
+    height: 16,
+    cursor: "ns-resize",
+    alignItems: "center",
+    justifyContent: "center",
+    opacity: 0.6,
+    hoverStyle: {
+      opacity: 1
+    },
+    onMouseDown,
+    "aria-label": "Resize editor",
+    role: "separator",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GripIcon, {})
+  });
+}

package/dist/cjs/toolbar/ResizeHandle.native.js

@@ -0,0 +1,109 @@
+"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 ResizeHandle_exports = {};
+__export(ResizeHandle_exports, {
+  ResizeHandle: () => ResizeHandle
+});
+module.exports = __toCommonJS(ResizeHandle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function GripIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    opacity: 0.4,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 2L2 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 6L6 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
+      d: "M10 10L10 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    })]
+  });
+}
+function ResizeHandle(param) {
+  var {
+    containerRef,
+    minHeight = 150,
+    maxHeight
+  } = param;
+  var startY = (0, import_react.useRef)(0);
+  var startHeight = (0, import_react.useRef)(0);
+  var onMouseDown = (0, import_react.useCallback)(function (e) {
+    e.preventDefault();
+    var el = containerRef.current;
+    if (!el) return;
+    startY.current = e.clientY;
+    startHeight.current = el.getBoundingClientRect().height;
+    var onMouseMove = function onMouseMove2(ev) {
+      var delta = ev.clientY - startY.current;
+      var newHeight = startHeight.current + delta;
+      if (newHeight < minHeight) newHeight = minHeight;
+      if (maxHeight && newHeight > maxHeight) newHeight = maxHeight;
+      el.style.height = `${newHeight}px`;
+    };
+    var onMouseUp = function onMouseUp1() {
+      document.removeEventListener("mousemove", onMouseMove);
+      document.removeEventListener("mouseup", onMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    };
+    document.body.style.cursor = "ns-resize";
+    document.body.style.userSelect = "none";
+    document.addEventListener("mousemove", onMouseMove);
+    document.addEventListener("mouseup", onMouseUp);
+  }, [containerRef, minHeight, maxHeight]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    position: "absolute",
+    bottom: 0,
+    right: 0,
+    width: 16,
+    height: 16,
+    cursor: "ns-resize",
+    alignItems: "center",
+    justifyContent: "center",
+    opacity: 0.6,
+    hoverStyle: {
+      opacity: 1
+    },
+    onMouseDown,
+    "aria-label": "Resize editor",
+    role: "separator",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GripIcon, {})
+  });
+}
+//# sourceMappingURL=ResizeHandle.native.js.map

package/dist/cjs/toolbar/ResizeHandle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ResizeHandle_exports","__export","ResizeHandle","module","exports","import_jsx_runtime","require","import_react","import_tamagui","GripIcon","jsxs","width","height","viewBox","fill","opacity","children","jsx","d","stroke","strokeWidth","param","containerRef","minHeight","maxHeight","startY","useRef","startHeight","onMouseDown","useCallback","e","preventDefault","el","current","clientY","getBoundingClientRect","onMouseMove","onMouseMove2","ev","delta","newHeight","style","onMouseUp","onMouseUp1","document","removeEventListener","body","cursor","userSelect","addEventListener"],"sources":["../../../src/toolbar/ResizeHandle.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAKAC,MAAA,CAAAC,OAAA,GAAAT,YAAoC,CAAAK,oBAAA;AACpC,IAAAK,kBAAqB,GAAAC,OAAA;AAUjB,IAAAC,YAAA,GAAAD,OAAA;AAFJ,IAAAE,cAAS,GAAWF,OAAA;AAClB,SACEG,SAAA;EACE,0BAAAJ,kBAAA,CAACK,IAAA,OAAK,EAAE;IACRC,KAAA;IACAC,MAAA;IAA2EC,OAC7E;IAEJC,IAAA;IAEOC,OAAS;IACdC,QAAM,GACN,eAAM,IAAcX,kBAAA,CAAAY,GAAQ;MAEtBC,CAAA;MACHC,MAAwB;MACrBC,WAAA,OAAe;MACjBN,IAAM;IACN,IAEA,eAAO,CAAU,GAAET,kBAAA,CAAAY,GAAA;MACnBC,CAAA,cAAY;MAEZC,MAAM,gBAAe;MACnBC,WAAM,OAAW;MACjBN,IAAI;IACJ,IACA,eAAI,IAAaT,kBAAY,CAAAY,GAAW;MACxCC,CAAA,EAAG,cAAM;MACXC,MAAA;MAEAC,WAAM,OAAY;MAChBN,IAAA;IACA;EAEA;AAAiC;AAGnC,SAAAZ,YAAcA,CAAAmB,KAAM;EACpB;IAAAC,YAAc;IAAAC,SAAM;IAAaC;EAAA,IAAAH,KAAA;EACjC,IAAAI,MAAA,GAAS,IAAAlB,YAAA,CAAiBmB,MAAA;EAC1B,IAAAC,WAAS,OAAApB,YAAiB,CAAAmB,MAAW;EAAS,IAChDE,WAAA,OAAArB,YAAA,CAAAsB,WAAA,YAAAC,CAAA;IACAA,CAAC,CAAAC,cAAc;IACjB,IAAAC,EAAA,GAAAV,YAAA,CAAAW,OAAA;IAEA,KACED,EAAA;IAACP,MAAA,CAAAQ,OAAA,GAAAH,CAAA,CAAAI,OAAA;IAAAP,WAAA,CAAAM,OAAA,GAAAD,EAAA,CAAAG,qBAAA,GAAAvB,MAAA;IAAA,IACCwB,WAAS,YAAAC,aAAAC,EAAA;MACT,IAAAC,KAAQ,GAAAD,EAAA,CAAAJ,OAAA,GAAAT,MAAA,CAAAQ,OAAA;MACR,IAAAO,SAAO,GAAAb,WAAA,CAAAM,OAAA,GAAAM,KAAA;MACP,IAAAC,SAAO,GAAAjB,SAAA,EAAAiB,SAAA,GAAAjB,SAAA;MACP,IAAAC,SAAQ,IAAAgB,SAAA,GAAAhB,SAAA,EAAAgB,SAAA,GAAAhB,SAAA;MACRQ,EAAA,CAAAS,KAAO,CAAA7B,MAAA,MAAA4B,SAAA;IAAA;IACI,IACXE,SAAA,YAAeC,WAAA;MACfC,QAAA,CAASC,mBAAA,cAAAT,WAAA;MACTQ,QAAA,CAAAC,mBAAyB,YAAAH,SAAA;MACzBE,QAAA,CAAAE,IAAA,CAAAL,KAAA,CAAAM,MAAA;MACAH,QAAA,CAAAE,IAAA,CAAWL,KAAA,CAAAO,UAAA;IAAA;IACNJ,QAEL,CAAAE,IAAA,CAAAL,KAAA,CAAAM,MAAA;IAAUH,QAAA,CAAAE,IAAA,CAAAL,KAAA,CAAAO,UAAA;IACZJ,QAAA,CAAAK,gBAAA,cAAAb,WAAA;IAEJQ,QAAA,CAAAK,gBAAA,YAAAP,SAAA","ignoreList":[]}

package/dist/cjs/toolbar/StatusBar.cjs

@@ -0,0 +1,91 @@
+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 StatusBar_exports = {};
+__export(StatusBar_exports, {
+  StatusBar: () => StatusBar
+});
+module.exports = __toCommonJS(StatusBar_exports);
+var import_tamagui = require("tamagui");
+var import_context = require("../context.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ModeButton({
+  label,
+  active,
+  onPress
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: 11,
+    color: active ? "$color12" : "$color9",
+    fontWeight: active ? "600" : "400",
+    cursor: "pointer",
+    onPress,
+    hoverStyle: {
+      color: "$color11"
+    },
+    userSelect: "none",
+    children: label
+  });
+}
+function StatusBar({
+  state,
+  mode,
+  onModeChange
+}) {
+  const _ctx = import_context.RichEditorContext.useStyledContext();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    borderTopWidth: 1,
+    borderTopColor: "$color5",
+    paddingHorizontal: "$3",
+    paddingVertical: "$1.5",
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$1.5",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
+        label: "Rich text",
+        active: mode === "richtext",
+        onPress: () => onModeChange("richtext")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color7",
+        children: "|"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
+        label: "Markdown",
+        active: mode === "markdown",
+        onPress: () => onModeChange("markdown")
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+      })]
+    })]
+  });
+}

package/dist/cjs/toolbar/StatusBar.native.js

@@ -0,0 +1,100 @@
+"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 StatusBar_exports = {};
+__export(StatusBar_exports, {
+  StatusBar: () => StatusBar
+});
+module.exports = __toCommonJS(StatusBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var import_context = require("../context.native.js");
+function ModeButton(param) {
+  var {
+    label,
+    active,
+    onPress
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: 11,
+    color: active ? "$color12" : "$color9",
+    fontWeight: active ? "600" : "400",
+    cursor: "pointer",
+    onPress,
+    hoverStyle: {
+      color: "$color11"
+    },
+    userSelect: "none",
+    children: label
+  });
+}
+function StatusBar(param) {
+  var {
+    state,
+    mode,
+    onModeChange
+  } = param;
+  var _ctx = import_context.RichEditorContext.useStyledContext();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    borderTopWidth: 1,
+    borderTopColor: "$color5",
+    paddingHorizontal: "$3",
+    paddingVertical: "$1.5",
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$1.5",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
+        label: "Rich text",
+        active: mode === "richtext",
+        onPress: function onPress() {
+          return onModeChange("richtext");
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color7",
+        children: "|"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
+        label: "Markdown",
+        active: mode === "markdown",
+        onPress: function onPress() {
+          return onModeChange("markdown");
+        }
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=StatusBar.native.js.map

package/dist/cjs/toolbar/StatusBar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","StatusBar_exports","__export","StatusBar","module","exports","import_jsx_runtime","require","import_tamagui","import_context","ModeButton","param","label","active","onPress","jsx","Text","fontSize","color","fontWeight","cursor","hoverStyle","userSelect","children","state","mode","onModeChange","_ctx","RichEditorContext","useStyledContext","jsxs","XStack","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","justifyContent","alignItems","gap","wordCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAIAC,MAAA,CAAAC,OAAA,GAAAT,YAA6B,CAAAK,iBAAA;AAC7B,IAAAK,kBAAkC,GAAAC,OAAA;AAmB9B,IAAAC,cAAA,GAAAD,OAAA;AAVJ,IAAAE,cAAS,GAAWF,OAAA;AAAA,SAClBG,WAAAC,KAAA;EACA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,0BAAAL,kBAAA,CAAAS,GAAA,EAAAP,cAAA,CAAAQ,IAAA;IAKCC,QAAA;IACDC,KACE,EAAAL,MAAA;IAACM,UAAA,EAAAN,MAAA;IAAAO,MAAA;IAAAN,OACC;IAAUO,UACH;MACPH,KAAA;IAA6B;IACtBI,UACP;IAAAC,QACA,EAAAX;EAAgC;AACrB;AAEV,SAAAT,UAAAQ,KAAA;EACH;IAAAa,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAf,KAAA;EAEJ,IAAAgB,IAAA,GAAAlB,cAAA,CAAAmB,iBAAA,CAAAC,gBAAA;EAEO,OAAS,eAAY,IAAOvB,kBAAmB,CAAAwB,IAAmB,EAAAtB,cAAA,CAAAuB,MAAA;IACvEC,cAAa;IAEbC,cACE;IAACC,iBAAA;IAAAC,eAAA;IAAAC,cACC,iBAAgB;IAAAC,UAChB,UAAe;IAAAd,QACf,GACA,gBAAgB,GAAAjB,kBAAA,CAAAwB,IAAA,EAAAtB,cAAA,CAAAuB,MAAA;MAChBO,GAAA;MACAD,UAAW;MAEXd,QAAA,sBAAAjB,kBAAA,CAAAS,GAAA,EAACL,UAAA;QACCE,KAAA;QAACC,MAAA,EAAAY,IAAA;QAAAX,OAAA,WAAAA,QAAA;UACC,OAAMY,YAAA;QAAA;MACW,IACqB,mBAAApB,kBAAA,CAAAS,GAAA,EAAAP,cAAA,CAAAQ,IAAA;QACxCC,QAAA;QACAC,KAAA;QAGAK,QAAA;MAAA,EAAC,qBAAAjB,kBAAA,CAAAS,GAAA,EAAAL,UAAA;QAAAE,KACC,YAAM;QAAAC,MACN,EAAAY,IAAQ,eAAS;QAAAX,OACjB,WAAeA,QAAA;UAAuB,OAAAY,YAAA;QACxC;MAAA,CACF;IAEE,IACG,eAAM,IAAApB,kBAAA,CAAAwB,IAAA,EAAAtB,cAAA,CAAAuB,MAAA;MAAAO,GAAA,EAAU;MAAAf,QAAE,EAAM,CAA2B,eACtD,IAAAjB,kBAAA,CAAAwB,IAAA,EAAAtB,cAAA,CAAAQ,IAAA;QACAC,QAAA;QACGC,KAAA,EAAM;QAAeK,QAAA,GAAEC,KAAM,CAAAe,SAAA,EAChC,KACFf,KAAA,CAAAe,SAAA;MAAA,IACF,mBAAAjC,kBAAA,CAAAwB,IAAA,EAAAtB,cAAA,CAAAQ,IAAA;QAEJC,QAAA","ignoreList":[]}