@multiplatform.one/rich-text 6.0.0

package/dist/esm/toolbar/MoreDropdown.mjs

@@ -0,0 +1,176 @@
+import { useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, XStack, YStack } from "tamagui";
+import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.mjs";
+import { ToolbarButton } from "./ToolbarButton.mjs";
+import { SubscriptIcon, SuperscriptIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, HorizontalRuleIcon, ClearFormattingIcon } from "./icons.mjs";
+import { SHORTCUTS } from "./shortcuts.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const INLINE_ITEMS = [{
+  label: SHORTCUTS.subscript,
+  command: "subscript",
+  icon: SubscriptIcon,
+  isActive: s => s.isSubscript
+}, {
+  label: SHORTCUTS.superscript,
+  command: "superscript",
+  icon: SuperscriptIcon,
+  isActive: s => s.isSuperscript
+}];
+const ALIGN_ITEMS = [{
+  label: SHORTCUTS.alignLeft,
+  command: "alignLeft",
+  icon: AlignLeftIcon,
+  isActive: s => s.textAlign === "left"
+}, {
+  label: SHORTCUTS.alignCenter,
+  command: "alignCenter",
+  icon: AlignCenterIcon,
+  isActive: s => s.textAlign === "center"
+}, {
+  label: SHORTCUTS.alignRight,
+  command: "alignRight",
+  icon: AlignRightIcon,
+  isActive: s => s.textAlign === "right"
+}, {
+  label: SHORTCUTS.alignJustify,
+  command: "alignJustify",
+  icon: AlignJustifyIcon,
+  isActive: s => s.textAlign === "justify"
+}];
+const BLOCK_ITEMS = [{
+  label: SHORTCUTS.horizontalRule,
+  command: "horizontalRule",
+  icon: HorizontalRuleIcon
+}, {
+  label: SHORTCUTS.clearFormatting,
+  command: "clearFormatting",
+  icon: ClearFormattingIcon
+}];
+function MoreIcon() {
+  return /* @__PURE__ */jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    children: [/* @__PURE__ */jsx("circle", {
+      cx: "5",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */jsx("circle", {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */jsx("circle", {
+      cx: "19",
+      cy: "12",
+      r: "2"
+    })]
+  });
+}
+function preventFocusTheft(e) {
+  e.preventDefault();
+}
+function ItemSection({
+  items,
+  state,
+  onSelect
+}) {
+  return /* @__PURE__ */jsx(Fragment, {
+    children: items.map(item => {
+      const Icon = item.icon;
+      return /* @__PURE__ */jsxs(DropdownMenuItemFrame, {
+        active: item.isActive?.(state),
+        onMouseDown: preventFocusTheft,
+        onPress: () => onSelect(item.command, item.payload),
+        "aria-label": item.label,
+        children: [/* @__PURE__ */jsx(Icon, {}), /* @__PURE__ */jsx(Text, {
+          fontSize: 13,
+          children: item.label
+        })]
+      }, item.command);
+    })
+  });
+}
+function MoreDropdown({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const handleSelect = (command, payload) => {
+    editorRef.current?.executeCommand(command, payload);
+    if (command === "horizontalRule" || command === "clearFormatting") {
+      setOpen(false);
+    }
+  };
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-end",
+    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(ToolbarButton, {
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "More formatting options",
+        tooltip: "More",
+        children: /* @__PURE__ */jsx(MoreIcon, {})
+      })
+    }), /* @__PURE__ */jsx(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__ */jsxs(YStack, {
+        gap: "$1",
+        minWidth: 200,
+        children: [/* @__PURE__ */jsx(ItemSection, {
+          items: INLINE_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */jsx(XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */jsx(ItemSection, {
+          items: ALIGN_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */jsx(XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */jsx(ItemSection, {
+          items: BLOCK_ITEMS,
+          state,
+          onSelect: handleSelect
+        })]
+      })
+    })]
+  });
+}
+export { MoreDropdown };
+//# sourceMappingURL=MoreDropdown.mjs.map

package/dist/esm/toolbar/MoreDropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","SubscriptIcon","SuperscriptIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","HorizontalRuleIcon","ClearFormattingIcon","SHORTCUTS","Fragment","jsx","jsxs","INLINE_ITEMS","label","subscript","command","icon","isActive","s","isSubscript","superscript","isSuperscript","ALIGN_ITEMS","alignLeft","textAlign","alignCenter","alignRight","alignJustify","BLOCK_ITEMS","horizontalRule","clearFormatting","MoreIcon","width","height","viewBox","fill","stroke","children","cx","cy","r","preventFocusTheft","e","preventDefault","ItemSection","items","state","onSelect","map","item","Icon","active","onMouseDown","onPress","payload","fontSize","MoreDropdown","editorRef","disabled","knobProps","open","setOpen","handleSelect","current","executeCommand","onOpenChange","placement","Trigger","asChild","tooltip","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","gap","minWidth","paddingVertical","vertical","marginHorizontal"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, XStack, YStack } from "tamagui";
+import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.native.js";
+import { ToolbarButton } from "./ToolbarButton.native.js";
+import { SubscriptIcon, SuperscriptIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, HorizontalRuleIcon, ClearFormattingIcon } from "./icons.native.js";
+import { SHORTCUTS } from "./shortcuts.native.js";
+var INLINE_ITEMS = [{
+  label: SHORTCUTS.subscript,
+  command: "subscript",
+  icon: SubscriptIcon,
+  isActive: function isActive(s) {
+    return s.isSubscript;
+  }
+}, {
+  label: SHORTCUTS.superscript,
+  command: "superscript",
+  icon: SuperscriptIcon,
+  isActive: function isActive2(s) {
+    return s.isSuperscript;
+  }
+}];
+var ALIGN_ITEMS = [{
+  label: SHORTCUTS.alignLeft,
+  command: "alignLeft",
+  icon: AlignLeftIcon,
+  isActive: function isActive3(s) {
+    return s.textAlign === "left";
+  }
+}, {
+  label: SHORTCUTS.alignCenter,
+  command: "alignCenter",
+  icon: AlignCenterIcon,
+  isActive: function isActive4(s) {
+    return s.textAlign === "center";
+  }
+}, {
+  label: SHORTCUTS.alignRight,
+  command: "alignRight",
+  icon: AlignRightIcon,
+  isActive: function isActive5(s) {
+    return s.textAlign === "right";
+  }
+}, {
+  label: SHORTCUTS.alignJustify,
+  command: "alignJustify",
+  icon: AlignJustifyIcon,
+  isActive: function isActive6(s) {
+    return s.textAlign === "justify";
+  }
+}];
+var BLOCK_ITEMS = [{
+  label: SHORTCUTS.horizontalRule,
+  command: "horizontalRule",
+  icon: HorizontalRuleIcon
+}, {
+  label: SHORTCUTS.clearFormatting,
+  command: "clearFormatting",
+  icon: ClearFormattingIcon
+}];
+function MoreIcon() {
+  return /* @__PURE__ */_jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    children: [/* @__PURE__ */_jsx("circle", {
+      cx: "5",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */_jsx("circle", {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */_jsx("circle", {
+      cx: "19",
+      cy: "12",
+      r: "2"
+    })]
+  });
+}
+function preventFocusTheft(e) {
+  e.preventDefault();
+}
+function ItemSection(param) {
+  var {
+    items,
+    state,
+    onSelect
+  } = param;
+  return /* @__PURE__ */_jsx(_Fragment, {
+    children: items.map(function (item) {
+      var _item_isActive;
+      var Icon = item.icon;
+      return /* @__PURE__ */_jsxs(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__ */_jsx(Icon, {}), /* @__PURE__ */_jsx(Text, {
+          fontSize: 13,
+          children: item.label
+        })]
+      }, item.command);
+    })
+  });
+}
+function MoreDropdown(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var [open, setOpen] = 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__ */_jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-end",
+    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */_jsx(ToolbarButton, {
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "More formatting options",
+        tooltip: "More",
+        children: /* @__PURE__ */_jsx(MoreIcon, {})
+      })
+    }), /* @__PURE__ */_jsx(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__ */_jsxs(YStack, {
+        gap: "$1",
+        minWidth: 200,
+        children: [/* @__PURE__ */_jsx(ItemSection, {
+          items: INLINE_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */_jsx(XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */_jsx(ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */_jsx(ItemSection, {
+          items: ALIGN_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */_jsx(XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */_jsx(ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */_jsx(ItemSection, {
+          items: BLOCK_ITEMS,
+          state,
+          onSelect: handleSelect
+        })]
+      })
+    })]
+  });
+}
+export { MoreDropdown };
+//# sourceMappingURL=MoreDropdown.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useState","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","SubscriptIcon","SuperscriptIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","HorizontalRuleIcon","ClearFormattingIcon","SHORTCUTS","INLINE_ITEMS","label","subscript","command","icon","isActive","s","isSubscript","superscript","isActive2","isSuperscript","ALIGN_ITEMS","alignLeft","isActive3","textAlign","alignCenter","isActive4","alignRight","isActive5","alignJustify","isActive6","BLOCK_ITEMS","horizontalRule","clearFormatting","MoreIcon","width","height","viewBox","fill","stroke","children","cx","cy","r","preventFocusTheft","e","preventDefault","ItemSection","param","items","state","onSelect","map","item","_item_isActive","Icon","active","call","onMouseDown","onPress","payload","fontSize","MoreDropdown","editorRef","disabled","knobProps","open","setOpen","handleSelect","handleSelect2","_editorRef_current","current","executeCommand","onOpenChange","placement","Trigger","asChild"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/toolbar/ResizeHandle.mjs

@@ -0,0 +1,80 @@
+import { useCallback, useRef } from "react";
+import { View } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function GripIcon() {
+  return /* @__PURE__ */jsxs("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    opacity: 0.4,
+    children: [/* @__PURE__ */jsx("path", {
+      d: "M10 2L2 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */jsx("path", {
+      d: "M10 6L6 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */jsx("path", {
+      d: "M10 10L10 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    })]
+  });
+}
+function ResizeHandle({
+  containerRef,
+  minHeight = 150,
+  maxHeight
+}) {
+  const startY = useRef(0);
+  const startHeight = useRef(0);
+  const onMouseDown = 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__ */jsx(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__ */jsx(GripIcon, {})
+  });
+}
+export { ResizeHandle };
+//# sourceMappingURL=ResizeHandle.mjs.map

package/dist/esm/toolbar/ResizeHandle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","View","jsx","jsxs","GripIcon","width","height","viewBox","fill","opacity","children","d","stroke","strokeWidth","ResizeHandle","containerRef","minHeight","maxHeight","startY","startHeight","onMouseDown","e","preventDefault","el","current","clientY","getBoundingClientRect","onMouseMove","ev","delta","newHeight","style","onMouseUp","document","removeEventListener","body","cursor","userSelect","addEventListener","position","bottom","right","alignItems","justifyContent","hoverStyle","role"],"sources":["../../../src/toolbar/ResizeHandle.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,WAAA,EAAaC,MAAA,QAAc;AACpC,SAASC,IAAA,QAAY;AAUjB,SACEC,GAAA,EADFC,IAAA;AAFJ,SAASC,SAAA,EAAW;EAClB,OACE,eAAAD,IAAA,CAAC;IAAIE,KAAA,EAAM;IAAKC,MAAA,EAAO;IAAKC,OAAA,EAAQ;IAAYC,IAAA,EAAK;IAAeC,OAAA,EAAS;IAC3EC,QAAA,kBAAAR,GAAA,CAAC;MAAKS,CAAA,EAAE;MAAaC,MAAA,EAAO;MAAeC,WAAA,EAAY;MAAML,IAAA,EAAK;IAAA,CAAO,GACzE,eAAAN,GAAA,CAAC;MAAKS,CAAA,EAAE;MAAaC,MAAA,EAAO;MAAeC,WAAA,EAAY;MAAML,IAAA,EAAK;IAAA,CAAO,GACzE,eAAAN,GAAA,CAAC;MAAKS,CAAA,EAAE;MAAeC,MAAA,EAAO;MAAeC,WAAA,EAAY;MAAML,IAAA,EAAK;IAAA,CAAO;EAAA,CAC7E;AAEJ;AAEO,SAASM,aAAa;EAAEC,YAAA;EAAcC,SAAA,GAAY;EAAKC;AAAU,GAAsB;EAC5F,MAAMC,MAAA,GAASlB,MAAA,CAAO,CAAC;EACvB,MAAMmB,WAAA,GAAcnB,MAAA,CAAO,CAAC;EAE5B,MAAMoB,WAAA,GAAcrB,WAAA,CACjBsB,CAAA,IAAwB;IACvBA,CAAA,CAAEC,cAAA,CAAe;IACjB,MAAMC,EAAA,GAAKR,YAAA,CAAaS,OAAA;IACxB,IAAI,CAACD,EAAA,EAAI;IAETL,MAAA,CAAOM,OAAA,GAAUH,CAAA,CAAEI,OAAA;IACnBN,WAAA,CAAYK,OAAA,GAAUD,EAAA,CAAGG,qBAAA,CAAsB,EAAEpB,MAAA;IAEjD,MAAMqB,WAAA,GAAeC,EAAA,IAAmB;MACtC,MAAMC,KAAA,GAAQD,EAAA,CAAGH,OAAA,GAAUP,MAAA,CAAOM,OAAA;MAClC,IAAIM,SAAA,GAAYX,WAAA,CAAYK,OAAA,GAAUK,KAAA;MACtC,IAAIC,SAAA,GAAYd,SAAA,EAAWc,SAAA,GAAYd,SAAA;MACvC,IAAIC,SAAA,IAAaa,SAAA,GAAYb,SAAA,EAAWa,SAAA,GAAYb,SAAA;MACpDM,EAAA,CAAGQ,KAAA,CAAMzB,MAAA,GAAS,GAAGwB,SAAS;IAChC;IAEA,MAAME,SAAA,GAAYA,CAAA,KAAM;MACtBC,QAAA,CAASC,mBAAA,CAAoB,aAAaP,WAAW;MACrDM,QAAA,CAASC,mBAAA,CAAoB,WAAWF,SAAS;MACjDC,QAAA,CAASE,IAAA,CAAKJ,KAAA,CAAMK,MAAA,GAAS;MAC7BH,QAAA,CAASE,IAAA,CAAKJ,KAAA,CAAMM,UAAA,GAAa;IACnC;IAEAJ,QAAA,CAASE,IAAA,CAAKJ,KAAA,CAAMK,MAAA,GAAS;IAC7BH,QAAA,CAASE,IAAA,CAAKJ,KAAA,CAAMM,UAAA,GAAa;IACjCJ,QAAA,CAASK,gBAAA,CAAiB,aAAaX,WAAW;IAClDM,QAAA,CAASK,gBAAA,CAAiB,WAAWN,SAAS;EAChD,GACA,CAACjB,YAAA,EAAcC,SAAA,EAAWC,SAAS,CACrC;EAEA,OACE,eAAAf,GAAA,CAACD,IAAA;IACCsC,QAAA,EAAS;IACTC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPpC,KAAA,EAAO;IACPC,MAAA,EAAQ;IACR8B,MAAA,EAAO;IACPM,UAAA,EAAW;IACXC,cAAA,EAAe;IACflC,OAAA,EAAS;IACTmC,UAAA,EAAY;MAAEnC,OAAA,EAAS;IAAE;IACzBW,WAAA;IACA,cAAW;IACXyB,IAAA,EAAK;IAELnC,QAAA,iBAAAR,GAAA,CAACE,QAAA,IAAS;EAAA,CACZ;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from "react";
+import { View } from "tamagui";
+function GripIcon() {
+  return /* @__PURE__ */_jsxs("svg", {
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    fill: "currentColor",
+    opacity: 0.4,
+    children: [/* @__PURE__ */_jsx("path", {
+      d: "M10 2L2 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */_jsx("path", {
+      d: "M10 6L6 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    }), /* @__PURE__ */_jsx("path", {
+      d: "M10 10L10 10",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      fill: "none"
+    })]
+  });
+}
+function ResizeHandle(param) {
+  var {
+    containerRef,
+    minHeight = 150,
+    maxHeight
+  } = param;
+  var startY = useRef(0);
+  var startHeight = useRef(0);
+  var onMouseDown = 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__ */_jsx(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__ */_jsx(GripIcon, {})
+  });
+}
+export { ResizeHandle };
+//# sourceMappingURL=ResizeHandle.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useCallback","useRef","View","GripIcon","width","height","viewBox","fill","opacity","children","d","stroke","strokeWidth","ResizeHandle","param","containerRef","minHeight","maxHeight","startY","startHeight","onMouseDown","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":"AAKA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,QAAc;AACpC,SAASC,WAAA,EAAYC,MAAA;AAUjB,SACEC,IAAA,QADF;AAFJ,SAASC,SAAA,EAAW;EAClB,OACE,eAAAJ,KAAC;IACCK,KAAA;IACAC,MAAA;IACAC,OAAA,aAAC;IAA0EC,IAC7E;IAEJC,OAAA;IAEOC,QAAS,GACd,eAAeZ,IAAQ;MACjBa,CAAA,cAAc;MAEdC,MAAA,gBAAc;MACjBC,WAAwB;MACrBL,IAAA;IACF,IACA,eAASV,IAAA;MAETa,CAAA,cAAiB;MACjBC,MAAA,gBAAsB;MAEtBC,WAAM,OAAc;MAClBL,IAAA,EAAM;IACN,IACA,eAAIV,IAAY,SAAW;MAC3Ba,CAAA,gBAAiB;MACjBC,MAAG,gBAAkB;MACvBC,WAAA;MAEAL,IAAM;IACJ;EAEA;AACA;AAAiC,SACnCM,aAAAC,KAAA;EAEA;IAAAC,YAAc;IAAAC,SAAM,MAAS;IAAAC;EAAA,IAAAH,KAAA;EAC7B,IAAAI,MAAA,GAASjB,MAAK;EACd,IAAAkB,WAAS,GAAAlB,MAAA;EACT,IAAAmB,WAAS,GAAApB,WAAA,CAAiB,UAAAqB,CAAA,EAAW;IACvCA,CAAA,CAAAC,cAAA;IACA,IAACC,EAAA,GAAAR,YAAc,CAAAS,OAAW;IAC5B,KAAAD,EAAA;IAEAL,MACE,CAAAM,OAAA,GAAAH,CAAA,CAAAI,OAAA;IAACN,WAAA,CAAAK,OAAA,GAAAD,EAAA,CAAAG,qBAAA,GAAArB,MAAA;IAAA,IAAAsB,WAAA,YAAAC,aAAAC,EAAA;MACC,IAAAC,KAAA,GAASD,EAAA,CAAAJ,OAAA,GAAAP,MAAA,CAAAM,OAAA;MACT,IAAAO,SAAQ,GAAAZ,WAAA,CAAAK,OAAA,GAAAM,KAAA;MACR,IAAAC,SAAO,GAAAf,SAAA,EAAAe,SAAA,GAAAf,SAAA;MACP,IAAAC,SAAO,IAAAc,SAAA,GAAAd,SAAA,EAAAc,SAAA,GAAAd,SAAA;MACPM,EAAA,CAAAS,KAAQ,CAAA3B,MAAA,MAAA0B,SAAA;IAAA;IACD,IACPE,SAAA,GAAW,SAAAC,WAAA;MACXC,QAAA,CAAAC,mBAAe,cAAAT,WAAA;MACfQ,QAAA,CAASC,mBAAA,YAAAH,SAAA;MACTE,QAAA,CAAAE,IAAY,CAAEL,KAAA,CAAAM,MAAW;MACzBH,QAAA,CAAAE,IAAA,CAAAL,KAAA,CAAAO,UAAA;IAAA;IACWJ,QACN,CAAAE,IAAA,CAAAL,KAAA,CAAAM,MAAA;IAAAH,QAEL,CAAAE,IAAA,CAAAL,KAAA,CAAAO,UAAA,GAAC;IAASJ,QAAA,CAAAK,gBAAA,cAAAb,WAAA;IACZQ,QAAA,CAAAK,gBAAA,YAAAP,SAAA;EAEJ,I","ignoreList":[]}

package/dist/esm/toolbar/StatusBar.mjs

@@ -0,0 +1,66 @@
+import { XStack, Text } from "tamagui";
+import { RichEditorContext } from "../context.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ModeButton({
+  label,
+  active,
+  onPress
+}) {
+  return /* @__PURE__ */jsx(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 = RichEditorContext.useStyledContext();
+  return /* @__PURE__ */jsxs(XStack, {
+    borderTopWidth: 1,
+    borderTopColor: "$color5",
+    paddingHorizontal: "$3",
+    paddingVertical: "$1.5",
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$1.5",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(ModeButton, {
+        label: "Rich text",
+        active: mode === "richtext",
+        onPress: () => onModeChange("richtext")
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: 11,
+        color: "$color7",
+        children: "|"
+      }), /* @__PURE__ */jsx(ModeButton, {
+        label: "Markdown",
+        active: mode === "markdown",
+        onPress: () => onModeChange("markdown")
+      })]
+    }), /* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */jsxs(Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
+      }), /* @__PURE__ */jsxs(Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+      })]
+    })]
+  });
+}
+export { StatusBar };
+//# sourceMappingURL=StatusBar.mjs.map

package/dist/esm/toolbar/StatusBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["XStack","Text","RichEditorContext","jsx","jsxs","ModeButton","label","active","onPress","fontSize","color","fontWeight","cursor","hoverStyle","userSelect","children","StatusBar","state","mode","onModeChange","_ctx","useStyledContext","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","justifyContent","alignItems","gap","wordCount","characterCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,iBAAA,QAAyB;AAmB9B,SAAAC,GAAA,EA0BEC,IAAA,QA1BF;AAVJ,SAASC,WAAW;EAClBC,KAAA;EACAC,MAAA;EACAC;AACF,GAIG;EACD,OACE,eAAAL,GAAA,CAACF,IAAA;IACCQ,QAAA,EAAU;IACVC,KAAA,EAAOH,MAAA,GAAS,aAAa;IAC7BI,UAAA,EAAYJ,MAAA,GAAS,QAAQ;IAC7BK,MAAA,EAAO;IACPJ,OAAA;IACAK,UAAA,EAAY;MAAEH,KAAA,EAAO;IAAW;IAChCI,UAAA,EAAW;IAEVC,QAAA,EAAAT;EAAA,CACH;AAEJ;AAEO,SAASU,UAAU;EAAEC,KAAA;EAAOC,IAAA;EAAMC;AAAa,GAAmB;EACvE,MAAMC,IAAA,GAAOlB,iBAAA,CAAkBmB,gBAAA,CAAiB;EAEhD,OACE,eAAAjB,IAAA,CAACJ,MAAA;IACCsB,cAAA,EAAgB;IAChBC,cAAA,EAAe;IACfC,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IAChBC,cAAA,EAAe;IACfC,UAAA,EAAW;IAEXZ,QAAA,kBAAAX,IAAA,CAACJ,MAAA;MAAO4B,GAAA,EAAI;MAAOD,UAAA,EAAW;MAC5BZ,QAAA,kBAAAZ,GAAA,CAACE,UAAA;QACCC,KAAA,EAAM;QACNC,MAAA,EAAQW,IAAA,KAAS;QACjBV,OAAA,EAASA,CAAA,KAAMW,YAAA,CAAa,UAAU;MAAA,CACxC,GACA,eAAAhB,GAAA,CAACF,IAAA;QAAKQ,QAAA,EAAU;QAAIC,KAAA,EAAM;QAAUK,QAAA;MAAA,CAEpC,GACA,eAAAZ,GAAA,CAACE,UAAA;QACCC,KAAA,EAAM;QACNC,MAAA,EAAQW,IAAA,KAAS;QACjBV,OAAA,EAASA,CAAA,KAAMW,YAAA,CAAa,UAAU;MAAA,CACxC;IAAA,CACF,GACA,eAAAf,IAAA,CAACJ,MAAA;MAAO4B,GAAA,EAAI;MACVb,QAAA,kBAAAX,IAAA,CAACH,IAAA;QAAKQ,QAAA,EAAU;QAAIC,KAAA,EAAM;QACvBK,QAAA,GAAAE,KAAA,CAAMY,SAAA,EAAU,KAAEZ,KAAA,CAAMY,SAAA,KAAc,IAAI,SAAS;MAAA,CACtD,GACA,eAAAzB,IAAA,CAACH,IAAA;QAAKQ,QAAA,EAAU;QAAIC,KAAA,EAAM;QACvBK,QAAA,GAAAE,KAAA,CAAMa,cAAA,EAAe,KAAEb,KAAA,CAAMa,cAAA,KAAmB,IAAI,cAAc;MAAA,CACrE;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}