@multiplatform.one/rich-text 6.1.0 → 6.3.0

package/dist/jsx/toolbar/MoreDropdown.mjs

@@ -1,77 +1,58 @@
-import { useState } from "react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Popover, Text, XStack, YStack } from "tamagui";
-import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.mjs";
+import { DotsThreeIcon } from "@phosphor-icons/react";
+import { useRef, useState } from "react";
+import { DropdownMenu } from "@multiplatform.one/components";
 import { ToolbarButton } from "./ToolbarButton.mjs";
 import { SubscriptIcon, SuperscriptIcon, AlignLeftIcon, AlignCenterIcon, AlignRightIcon, AlignJustifyIcon, HorizontalRuleIcon, ClearFormattingIcon } from "./icons.mjs";
 import { SHORTCUTS } from "./shortcuts.mjs";
+import { t } from "../shared/t.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const INLINE_ITEMS = [{
-  label: SHORTCUTS.subscript,
+  label: () => SHORTCUTS.subscript,
   command: "subscript",
   icon: SubscriptIcon,
   isActive: s => s.isSubscript
 }, {
-  label: SHORTCUTS.superscript,
+  label: () => SHORTCUTS.superscript,
   command: "superscript",
   icon: SuperscriptIcon,
   isActive: s => s.isSuperscript
 }];
 const ALIGN_ITEMS = [{
-  label: SHORTCUTS.alignLeft,
+  label: () => SHORTCUTS.alignLeft,
   command: "alignLeft",
   icon: AlignLeftIcon,
   isActive: s => s.textAlign === "left"
 }, {
-  label: SHORTCUTS.alignCenter,
+  label: () => SHORTCUTS.alignCenter,
   command: "alignCenter",
   icon: AlignCenterIcon,
   isActive: s => s.textAlign === "center"
 }, {
-  label: SHORTCUTS.alignRight,
+  label: () => SHORTCUTS.alignRight,
   command: "alignRight",
   icon: AlignRightIcon,
   isActive: s => s.textAlign === "right"
 }, {
-  label: SHORTCUTS.alignJustify,
+  label: () => SHORTCUTS.alignJustify,
   command: "alignJustify",
   icon: AlignJustifyIcon,
   isActive: s => s.textAlign === "justify"
 }];
 const BLOCK_ITEMS = [{
-  label: SHORTCUTS.horizontalRule,
+  label: () => SHORTCUTS.horizontalRule,
   command: "horizontalRule",
   icon: HorizontalRuleIcon
 }, {
-  label: SHORTCUTS.clearFormatting,
+  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"
-    })]
+  return /* @__PURE__ */jsx(DotsThreeIcon, {
+    size: 16,
+    weight: "bold"
   });
 }
-function preventFocusTheft(e) {
-  e.preventDefault();
-}
 function ItemSection({
   items,
   state,
@@ -80,15 +61,14 @@ function ItemSection({
   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
-        })]
+      const label = item.label();
+      return /* @__PURE__ */jsx(DropdownMenu.Item, {
+        icon: /* @__PURE__ */jsx(Icon, {}),
+        closeOnSelect: false,
+        backgroundColor: item.isActive?.(state) ? "$color4" : void 0,
+        "aria-label": label,
+        onSelect: () => onSelect(item.command, item.payload),
+        children: label
       }, item.command);
     })
   });
@@ -98,77 +78,50 @@ function MoreDropdown({
   state,
   disabled
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const [open, setOpen] = useState(false);
+  const selectedRef = useRef(false);
   const handleSelect = (command, payload) => {
     editorRef.current?.executeCommand(command, payload);
     if (command === "horizontalRule" || command === "clearFormatting") {
+      selectedRef.current = true;
       setOpen(false);
     }
   };
-  return /* @__PURE__ */jsxs(Popover, {
+  return /* @__PURE__ */jsxs(DropdownMenu, {
     open,
     onOpenChange: setOpen,
     placement: "bottom-end",
-    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+    children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
       asChild: true,
       children: /* @__PURE__ */jsx(ToolbarButton, {
         disabled,
         onPress: () => setOpen(true),
-        "aria-label": "More formatting options",
-        tooltip: "More",
+        "aria-label": t("More formatting options"),
+        tooltip: t("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
+    }), /* @__PURE__ */jsxs(DropdownMenu.Content, {
+      minWidth: 200,
+      onCloseAutoFocus: event => {
+        event.preventDefault();
+        if (selectedRef.current) {
+          selectedRef.current = false;
+          editorRef.current?.focus();
+        }
       },
-      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
-        })]
-      })
+      children: [/* @__PURE__ */jsx(ItemSection, {
+        items: INLINE_ITEMS,
+        state,
+        onSelect: handleSelect
+      }), /* @__PURE__ */jsx(DropdownMenu.Separator, {}), /* @__PURE__ */jsx(ItemSection, {
+        items: ALIGN_ITEMS,
+        state,
+        onSelect: handleSelect
+      }), /* @__PURE__ */jsx(DropdownMenu.Separator, {}), /* @__PURE__ */jsx(ItemSection, {
+        items: BLOCK_ITEMS,
+        state,
+        onSelect: handleSelect
+      })]
     })]
   });
 }

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

@@ -1 +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":[]}
+{"version":3,"names":["DotsThreeIcon","useRef","useState","DropdownMenu","ToolbarButton","SubscriptIcon","SuperscriptIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","HorizontalRuleIcon","ClearFormattingIcon","SHORTCUTS","t","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","size","weight","ItemSection","items","state","onSelect","children","map","item","Icon","Item","closeOnSelect","backgroundColor","payload","MoreDropdown","editorRef","disabled","open","setOpen","selectedRef","handleSelect","current","executeCommand","onOpenChange","placement","Trigger","asChild","onPress","tooltip","Content","minWidth","onCloseAutoFocus","event","preventDefault","focus","Separator"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"AAMA,SAASA,aAAA,QAAqB;AAC9B,SAASC,MAAA,EAAQC,QAAA,QAAgB;AACjC,SAASC,YAAA,QAAoB;AAE7B,SAASC,aAAA,QAAqB;AAC9B,SACEC,aAAA,EACAC,eAAA,EACAC,aAAA,EACAC,eAAA,EACAC,cAAA,EACAC,gBAAA,EACAC,kBAAA,EACAC,mBAAA,QACK;AACP,SAASC,SAAA,QAAiB;AAC1B,SAASC,CAAA,QAAS;AA0ET,SAaLC,QAAA,EAbKC,GAAA,EA4DHC,IAAA,QA5DG;AAzDT,MAAMC,YAAA,GAA2B,CAC/B;EACEC,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUO,SAAA;EACvBC,OAAA,EAAS;EACTC,IAAA,EAAMjB,aAAA;EACNkB,QAAA,EAAWC,CAAA,IAAMA,CAAA,CAAEC;AACrB,GACA;EACEN,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUa,WAAA;EACvBL,OAAA,EAAS;EACTC,IAAA,EAAMhB,eAAA;EACNiB,QAAA,EAAWC,CAAA,IAAMA,CAAA,CAAEG;AACrB,EACF;AAEA,MAAMC,WAAA,GAA0B,CAC9B;EACET,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUgB,SAAA;EACvBR,OAAA,EAAS;EACTC,IAAA,EAAMf,aAAA;EACNgB,QAAA,EAAWC,CAAA,IAAMA,CAAA,CAAEM,SAAA,KAAc;AACnC,GACA;EACEX,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUkB,WAAA;EACvBV,OAAA,EAAS;EACTC,IAAA,EAAMd,eAAA;EACNe,QAAA,EAAWC,CAAA,IAAMA,CAAA,CAAEM,SAAA,KAAc;AACnC,GACA;EACEX,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUmB,UAAA;EACvBX,OAAA,EAAS;EACTC,IAAA,EAAMb,cAAA;EACNc,QAAA,EAAWC,CAAA,IAAMA,CAAA,CAAEM,SAAA,KAAc;AACnC,GACA;EACEX,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUoB,YAAA;EACvBZ,OAAA,EAAS;EACTC,IAAA,EAAMZ,gBAAA;EACNa,QAAA,EAAWC,CAAA,IAAMA,CAAA,CAAEM,SAAA,KAAc;AACnC,EACF;AAEA,MAAMI,WAAA,GAA0B,CAC9B;EACEf,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUsB,cAAA;EACvBd,OAAA,EAAS;EACTC,IAAA,EAAMX;AACR,GACA;EACEQ,KAAA,EAAOA,CAAA,KAAMN,SAAA,CAAUuB,eAAA;EACvBf,OAAA,EAAS;EACTC,IAAA,EAAMV;AACR,EACF;AAEA,SAASyB,SAAA,EAAW;EAElB,OAAO,eAAArB,GAAA,CAAChB,aAAA;IAAcsC,IAAA,EAAM;IAAIC,MAAA,EAAO;EAAA,CAAO;AAChD;AAEA,SAASC,YAAY;EACnBC,KAAA;EACAC,KAAA;EACAC;AACF,GAIG;EACD,OACE,eAAA3B,GAAA,CAAAD,QAAA;IACG6B,QAAA,EAAAH,KAAA,CAAMI,GAAA,CAAKC,IAAA,IAAS;MACnB,MAAMC,IAAA,GAAOD,IAAA,CAAKxB,IAAA;MAClB,MAAMH,KAAA,GAAQ2B,IAAA,CAAK3B,KAAA,CAAM;MACzB,OACE,eAAAH,GAAA,CAACb,YAAA,CAAa6C,IAAA,EAAb;QAEC1B,IAAA,EAAM,eAAAN,GAAA,CAAC+B,IAAA,IAAK;QAGZE,aAAA,EAAe;QACfC,eAAA,EAAiBJ,IAAA,CAAKvB,QAAA,GAAWmB,KAAK,IAAI,YAAY;QACtD,cAAYvB,KAAA;QACZwB,QAAA,EAAUA,CAAA,KAAMA,QAAA,CAASG,IAAA,CAAKzB,OAAA,EAASyB,IAAA,CAAKK,OAAO;QAElDP,QAAA,EAAAzB;MAAA,GATI2B,IAAA,CAAKzB,OAUZ;IAEJ,CAAC;EAAA,CACH;AAEJ;AAEO,SAAS+B,aAAa;EAAEC,SAAA;EAAWX,KAAA;EAAOY;AAAS,GAAsB;EAC9E,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAItD,QAAA,CAAS,KAAK;EACtC,MAAMuD,WAAA,GAAcxD,MAAA,CAAO,KAAK;EAEhC,MAAMyD,YAAA,GAAeA,CAACrC,OAAA,EAAwB8B,OAAA,KAAkB;IAC9DE,SAAA,CAAUM,OAAA,EAASC,cAAA,CAAevC,OAAA,EAAS8B,OAAO;IAClD,IAAI9B,OAAA,KAAY,oBAAoBA,OAAA,KAAY,mBAAmB;MACjEoC,WAAA,CAAYE,OAAA,GAAU;MACtBH,OAAA,CAAQ,KAAK;IACf;EACF;EAEA,OACE,eAAAvC,IAAA,CAACd,YAAA;IAAaoD,IAAA;IAAYM,YAAA,EAAcL,OAAA;IAASM,SAAA,EAAU;IACzDlB,QAAA,kBAAA5B,GAAA,CAACb,YAAA,CAAa4D,OAAA,EAAb;MAAqBC,OAAA,EAAO;MAC3BpB,QAAA,iBAAA5B,GAAA,CAACZ,aAAA;QACCkD,QAAA;QACAW,OAAA,EAASA,CAAA,KAAMT,OAAA,CAAQ,IAAI;QAC3B,cAAY1C,CAAA,CAAE,yBAAyB;QACvCoD,OAAA,EAASpD,CAAA,CAAE,MAAM;QAEjB8B,QAAA,iBAAA5B,GAAA,CAACqB,QAAA,IAAS;MAAA,CACZ;IAAA,CACF,GACA,eAAApB,IAAA,CAACd,YAAA,CAAagE,OAAA,EAAb;MACCC,QAAA,EAAU;MAIVC,gBAAA,EAAmBC,KAAA,IAAU;QAC3BA,KAAA,CAAMC,cAAA,CAAe;QACrB,IAAId,WAAA,CAAYE,OAAA,EAAS;UACvBF,WAAA,CAAYE,OAAA,GAAU;UACtBN,SAAA,CAAUM,OAAA,EAASa,KAAA,CAAM;QAC3B;MACF;MAEA5B,QAAA,kBAAA5B,GAAA,CAACwB,WAAA;QAAYC,KAAA,EAAOvB,YAAA;QAAcwB,KAAA;QAAcC,QAAA,EAAUe;MAAA,CAAc,GACxE,eAAA1C,GAAA,CAACb,YAAA,CAAasE,SAAA,EAAb,EAAuB,GACxB,eAAAzD,GAAA,CAACwB,WAAA;QAAYC,KAAA,EAAOb,WAAA;QAAac,KAAA;QAAcC,QAAA,EAAUe;MAAA,CAAc,GACvE,eAAA1C,GAAA,CAACb,YAAA,CAAasE,SAAA,EAAb,EAAuB,GACxB,eAAAzD,GAAA,CAACwB,WAAA;QAAYC,KAAA,EAAOP,WAAA;QAAaQ,KAAA;QAAcC,QAAA,EAAUe;MAAA,CAAc;IAAA,CACzE;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -28,22 +28,26 @@ __export(MoreDropdown_exports, {
 });
 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_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_components = require("@multiplatform.one/components");
 var import_ToolbarButton = require("./ToolbarButton.native.js");
 var import_icons = require("./icons.native.js");
 var import_shortcuts = require("./shortcuts.native.js");
+var import_t = require("../shared/t.native.js");
 var INLINE_ITEMS = [{
-  label: import_shortcuts.SHORTCUTS.subscript,
+  label: function label() {
+    return import_shortcuts.SHORTCUTS.subscript;
+  },
   command: "subscript",
   icon: import_icons.SubscriptIcon,
   isActive: function isActive(s) {
     return s.isSubscript;
   }
 }, {
-  label: import_shortcuts.SHORTCUTS.superscript,
+  label: function label2() {
+    return import_shortcuts.SHORTCUTS.superscript;
+  },
   command: "superscript",
   icon: import_icons.SuperscriptIcon,
   isActive: function isActive2(s) {
@@ -51,28 +55,36 @@ var INLINE_ITEMS = [{
   }
 }];
 var ALIGN_ITEMS = [{
-  label: import_shortcuts.SHORTCUTS.alignLeft,
+  label: function label3() {
+    return import_shortcuts.SHORTCUTS.alignLeft;
+  },
   command: "alignLeft",
   icon: import_icons.AlignLeftIcon,
   isActive: function isActive3(s) {
     return s.textAlign === "left";
   }
 }, {
-  label: import_shortcuts.SHORTCUTS.alignCenter,
+  label: function label4() {
+    return import_shortcuts.SHORTCUTS.alignCenter;
+  },
   command: "alignCenter",
   icon: import_icons.AlignCenterIcon,
   isActive: function isActive4(s) {
     return s.textAlign === "center";
   }
 }, {
-  label: import_shortcuts.SHORTCUTS.alignRight,
+  label: function label5() {
+    return import_shortcuts.SHORTCUTS.alignRight;
+  },
   command: "alignRight",
   icon: import_icons.AlignRightIcon,
   isActive: function isActive5(s) {
     return s.textAlign === "right";
   }
 }, {
-  label: import_shortcuts.SHORTCUTS.alignJustify,
+  label: function label6() {
+    return import_shortcuts.SHORTCUTS.alignJustify;
+  },
   command: "alignJustify",
   icon: import_icons.AlignJustifyIcon,
   isActive: function isActive6(s) {
@@ -80,39 +92,24 @@ var ALIGN_ITEMS = [{
   }
 }];
 var BLOCK_ITEMS = [{
-  label: import_shortcuts.SHORTCUTS.horizontalRule,
+  label: function label7() {
+    return import_shortcuts.SHORTCUTS.horizontalRule;
+  },
   command: "horizontalRule",
   icon: import_icons.HorizontalRuleIcon
 }, {
-  label: import_shortcuts.SHORTCUTS.clearFormatting,
+  label: function label8() {
+    return 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"
-    })]
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.DotsThreeIcon, {
+    size: 16,
+    weight: "bold"
   });
 }
-function preventFocusTheft(e) {
-  e.preventDefault();
-}
 function ItemSection(param) {
   var {
     items,
@@ -123,17 +120,18 @@ function ItemSection(param) {
     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() {
+      var label9 = item.label();
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
+        icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {}),
+        // Toggle-style rows keep the menu open (only hr/clear close it,
+        // handled by the parent's onSelect).
+        closeOnSelect: false,
+        backgroundColor: ((_item_isActive = item.isActive) === null || _item_isActive === void 0 ? void 0 : _item_isActive.call(item, state)) ? "$color4" : void 0,
+        "aria-label": label9,
+        onSelect: function onSelect1() {
           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
-        })]
+        children: label9
       }, item.command);
     })
   });
@@ -144,80 +142,57 @@ function MoreDropdown(param) {
     state,
     disabled
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
-  var [open, setOpen] = (0, import_react.useState)(false);
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var selectedRef = (0, import_react2.useRef)(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") {
+      selectedRef.current = true;
       setOpen(false);
     }
   };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
     open,
     onOpenChange: setOpen,
     placement: "bottom-end",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.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",
+        "aria-label": (0, import_t.t)("More formatting options"),
+        tooltip: (0, import_t.t)("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
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Content, {
+      minWidth: 200,
+      // Toolbar menus must not steal focus back to the trigger on
+      // select-close: focus returns to the editor so typing continues.
+      // Escape still restores the trigger via the menu's own close().
+      onCloseAutoFocus: function onCloseAutoFocus(event) {
+        event.preventDefault();
+        if (selectedRef.current) {
+          var _editorRef_current;
+          selectedRef.current = false;
+          (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.focus();
+        }
       },
-      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
-        })]
-      })
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+        items: INLINE_ITEMS,
+        state,
+        onSelect: handleSelect
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+        items: ALIGN_ITEMS,
+        state,
+        onSelect: handleSelect
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+        items: BLOCK_ITEMS,
+        state,
+        onSelect: handleSelect
+      })]
     })]
   });
 }

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

@@ -1 +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","MoreDropdown_exports","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","onMouseDown","onPress","payload","Text","fontSize"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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","MoreDropdown_exports","MoreDropdown","module","exports","import_jsx_runtime","require","import_react","import_react2","import_components","import_ToolbarButton","import_icons","import_shortcuts","import_t","INLINE_ITEMS","label","SHORTCUTS","subscript","command","icon","SubscriptIcon","isActive","s","isSubscript","label2","superscript","SuperscriptIcon","isActive2","isSuperscript","ALIGN_ITEMS","label3","alignLeft","AlignLeftIcon","isActive3","textAlign","label4","alignCenter","AlignCenterIcon","isActive4","label5","alignRight","AlignRightIcon","isActive5","label6","alignJustify","AlignJustifyIcon","isActive6","BLOCK_ITEMS","label7","horizontalRule","HorizontalRuleIcon","label8","clearFormatting","ClearFormattingIcon","MoreIcon","jsx","DotsThreeIcon","size","weight","ItemSection","param","items","state","onSelect","Fragment","children","map","item","_item_isActive","Icon","label9","DropdownMenu","Item","closeOnSelect","backgroundColor","onSelect1","payload"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/StatusBar.mjs

@@ -1,5 +1,6 @@
 import { XStack, Text } from "tamagui";
 import { RichEditorContext } from "../context.mjs";
+import { t } from "../shared/t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ModeButton({
   label,
@@ -8,7 +9,7 @@ function ModeButton({
 }) {
   return /* @__PURE__ */jsx(Text, {
     fontSize: 11,
-    color: active ? "$color12" : "$color9",
+    color: active ? "$color12" : "$color11",
     fontWeight: active ? "600" : "400",
     cursor: "pointer",
     onPress,
@@ -36,28 +37,36 @@ function StatusBar({
       gap: "$1.5",
       alignItems: "center",
       children: [/* @__PURE__ */jsx(ModeButton, {
-        label: "Rich text",
+        label: t("Rich text"),
         active: mode === "richtext",
         onPress: () => onModeChange("richtext")
       }), /* @__PURE__ */jsx(Text, {
         fontSize: 11,
-        color: "$color7",
+        color: "$color8",
         children: "|"
       }), /* @__PURE__ */jsx(ModeButton, {
-        label: "Markdown",
+        label: t("Markdown"),
         active: mode === "markdown",
         onPress: () => onModeChange("markdown")
       })]
     }), /* @__PURE__ */jsxs(XStack, {
       gap: "$3",
-      children: [/* @__PURE__ */jsxs(Text, {
+      children: [/* @__PURE__ */jsx(Text, {
         fontSize: 11,
-        color: "$color9",
-        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
-      }), /* @__PURE__ */jsxs(Text, {
+        color: "$color11",
+        children: state.wordCount === 1 ? t("{{count}} word", {
+          count: state.wordCount
+        }) : t("{{count}} words", {
+          count: state.wordCount
+        })
+      }), /* @__PURE__ */jsx(Text, {
         fontSize: 11,
-        color: "$color9",
-        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+        color: "$color11",
+        children: state.characterCount === 1 ? t("{{count}} character", {
+          count: state.characterCount
+        }) : t("{{count}} characters", {
+          count: state.characterCount
+        })
       })]
     })]
   });

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

@@ -1 +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":[]}
+{"version":3,"names":["XStack","Text","RichEditorContext","t","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","count","characterCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,iBAAA,QAAyB;AAElC,SAASC,CAAA,QAAS;AAkBd,SAAAC,GAAA,EA0BEC,IAAA,QA1BF;AAVJ,SAASC,WAAW;EAClBC,KAAA;EACAC,MAAA;EACAC;AACF,GAIG;EACD,OACE,eAAAL,GAAA,CAACH,IAAA;IACCS,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,GAAOnB,iBAAA,CAAkBoB,gBAAA,CAAiB;EAEhD,OACE,eAAAjB,IAAA,CAACL,MAAA;IACCuB,cAAA,EAAgB;IAChBC,cAAA,EAAe;IACfC,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IAChBC,cAAA,EAAe;IACfC,UAAA,EAAW;IAEXZ,QAAA,kBAAAX,IAAA,CAACL,MAAA;MAAO6B,GAAA,EAAI;MAAOD,UAAA,EAAW;MAC5BZ,QAAA,kBAAAZ,GAAA,CAACE,UAAA;QACCC,KAAA,EAAOJ,CAAA,CAAE,WAAW;QACpBK,MAAA,EAAQW,IAAA,KAAS;QACjBV,OAAA,EAASA,CAAA,KAAMW,YAAA,CAAa,UAAU;MAAA,CACxC,GACA,eAAAhB,GAAA,CAACH,IAAA;QAAKS,QAAA,EAAU;QAAIC,KAAA,EAAM;QAAUK,QAAA;MAAA,CAEpC,GACA,eAAAZ,GAAA,CAACE,UAAA;QACCC,KAAA,EAAOJ,CAAA,CAAE,UAAU;QACnBK,MAAA,EAAQW,IAAA,KAAS;QACjBV,OAAA,EAASA,CAAA,KAAMW,YAAA,CAAa,UAAU;MAAA,CACxC;IAAA,CACF,GACA,eAAAf,IAAA,CAACL,MAAA;MAAO6B,GAAA,EAAI;MACVb,QAAA,kBAAAZ,GAAA,CAACH,IAAA;QAAKS,QAAA,EAAU;QAAIC,KAAA,EAAM;QACvBK,QAAA,EAAAE,KAAA,CAAMY,SAAA,KAAc,IACjB3B,CAAA,CAAE,kBAAkB;UAAE4B,KAAA,EAAOb,KAAA,CAAMY;QAAU,CAAC,IAC9C3B,CAAA,CAAE,mBAAmB;UAAE4B,KAAA,EAAOb,KAAA,CAAMY;QAAU,CAAC;MAAA,CACrD,GACA,eAAA1B,GAAA,CAACH,IAAA;QAAKS,QAAA,EAAU;QAAIC,KAAA,EAAM;QACvBK,QAAA,EAAAE,KAAA,CAAMc,cAAA,KAAmB,IACtB7B,CAAA,CAAE,uBAAuB;UAAE4B,KAAA,EAAOb,KAAA,CAAMc;QAAe,CAAC,IACxD7B,CAAA,CAAE,wBAAwB;UAAE4B,KAAA,EAAOb,KAAA,CAAMc;QAAe,CAAC;MAAA,CAC/D;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}