@multiplatform.one/rich-text 6.1.0 → 6.4.0

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

@@ -1,20 +1,25 @@
 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 { DotsThreeIcon } from "@phosphor-icons/react";
+import { useRef, useState } from "react";
+import { DropdownMenu } from "@multiplatform.one/components";
+import { isCommandInCapabilities } from "../editor/capabilities.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";
+import { t } from "../shared/t.native.js";
 var INLINE_ITEMS = [{
-  label: SHORTCUTS.subscript,
+  label: function label() {
+    return SHORTCUTS.subscript;
+  },
   command: "subscript",
   icon: SubscriptIcon,
   isActive: function isActive(s) {
     return s.isSubscript;
   }
 }, {
-  label: SHORTCUTS.superscript,
+  label: function label2() {
+    return SHORTCUTS.superscript;
+  },
   command: "superscript",
   icon: SuperscriptIcon,
   isActive: function isActive2(s) {
@@ -22,28 +27,36 @@ var INLINE_ITEMS = [{
   }
 }];
 var ALIGN_ITEMS = [{
-  label: SHORTCUTS.alignLeft,
+  label: function label3() {
+    return SHORTCUTS.alignLeft;
+  },
   command: "alignLeft",
   icon: AlignLeftIcon,
   isActive: function isActive3(s) {
     return s.textAlign === "left";
   }
 }, {
-  label: SHORTCUTS.alignCenter,
+  label: function label4() {
+    return SHORTCUTS.alignCenter;
+  },
   command: "alignCenter",
   icon: AlignCenterIcon,
   isActive: function isActive4(s) {
     return s.textAlign === "center";
   }
 }, {
-  label: SHORTCUTS.alignRight,
+  label: function label5() {
+    return SHORTCUTS.alignRight;
+  },
   command: "alignRight",
   icon: AlignRightIcon,
   isActive: function isActive5(s) {
     return s.textAlign === "right";
   }
 }, {
-  label: SHORTCUTS.alignJustify,
+  label: function label6() {
+    return SHORTCUTS.alignJustify;
+  },
   command: "alignJustify",
   icon: AlignJustifyIcon,
   isActive: function isActive6(s) {
@@ -51,39 +64,24 @@ var ALIGN_ITEMS = [{
   }
 }];
 var BLOCK_ITEMS = [{
-  label: SHORTCUTS.horizontalRule,
+  label: function label7() {
+    return SHORTCUTS.horizontalRule;
+  },
   command: "horizontalRule",
   icon: HorizontalRuleIcon
 }, {
-  label: SHORTCUTS.clearFormatting,
+  label: function label8() {
+    return 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(param) {
   var {
     items,
@@ -94,17 +92,18 @@ function ItemSection(param) {
     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() {
+      var label9 = item.label();
+      return /* @__PURE__ */_jsx(DropdownMenu.Item, {
+        icon: /* @__PURE__ */_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__ */_jsx(Icon, {}), /* @__PURE__ */_jsx(Text, {
-          fontSize: 13,
-          children: item.label
-        })]
+        children: label9
       }, item.command);
     })
   });
@@ -113,82 +112,70 @@ function MoreDropdown(param) {
   var {
     editorRef,
     state,
+    capabilities = "full",
     disabled
   } = param;
-  var {
-    knobProps
-  } = useResolvedKnobs();
   var [open, setOpen] = useState(false);
+  var selectedRef = 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__ */_jsxs(Popover, {
+  var inlineItems = INLINE_ITEMS.filter(function (item) {
+    return isCommandInCapabilities(item.command, capabilities);
+  });
+  var alignItems = ALIGN_ITEMS.filter(function (item) {
+    return isCommandInCapabilities(item.command, capabilities);
+  });
+  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: function onPress() {
           return 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,
+      // 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();
+        }
       },
-      exitStyle: {
-        opacity: 0,
-        y: -5
-      },
-      children: /* @__PURE__ */_jsxs(YStack, {
-        gap: "$1",
-        minWidth: 200,
+      children: [inlineItems.length > 0 && /* @__PURE__ */_jsxs(_Fragment, {
         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,
+          items: inlineItems,
           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,
+        }), /* @__PURE__ */_jsx(DropdownMenu.Separator, {})]
+      }), alignItems.length > 0 && /* @__PURE__ */_jsxs(_Fragment, {
+        children: [/* @__PURE__ */_jsx(ItemSection, {
+          items: alignItems,
           state,
           onSelect: handleSelect
-        })]
-      })
+        }), /* @__PURE__ */_jsx(DropdownMenu.Separator, {})]
+      }), /* @__PURE__ */_jsx(ItemSection, {
+        items: BLOCK_ITEMS,
+        state,
+        onSelect: handleSelect
+      })]
     })]
   });
 }

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

@@ -1 +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":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DotsThreeIcon","useRef","useState","DropdownMenu","isCommandInCapabilities","ToolbarButton","SubscriptIcon","SuperscriptIcon","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","HorizontalRuleIcon","ClearFormattingIcon","SHORTCUTS","t","INLINE_ITEMS","label","subscript","command","icon","isActive","s","isSubscript","label2","superscript","isActive2","isSuperscript","ALIGN_ITEMS","label3","alignLeft","isActive3","textAlign","label4","alignCenter","isActive4","label5","alignRight","isActive5","label6","alignJustify","isActive6","BLOCK_ITEMS","label7","horizontalRule","label8","clearFormatting","MoreIcon","size","weight","ItemSection","param","items","state","onSelect","children","map","item","_item_isActive","Icon","label9","Item","closeOnSelect","backgroundColor","call","onSelect1","payload","MoreDropdown","editorRef","capabilities","disabled","open","setOpen","selectedRef","handleSelect","handleSelect2","_editorRef_current","current","executeCommand","inlineItems","filter","alignItems","onOpenChange","placement","Trigger","asChild","onPress","tooltip","Content"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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":[]}

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { XStack, Text } from "tamagui";
 import { RichEditorContext } from "../context.native.js";
+import { t } from "../shared/t.native.js";
 function ModeButton(param) {
   var {
     label,
@@ -9,7 +10,7 @@ function ModeButton(param) {
   } = param;
   return /* @__PURE__ */_jsx(Text, {
     fontSize: 11,
-    color: active ? "$color12" : "$color9",
+    color: active ? "$color12" : "$color11",
     fontWeight: active ? "600" : "400",
     cursor: "pointer",
     onPress,
@@ -38,17 +39,17 @@ function StatusBar(param) {
       gap: "$1.5",
       alignItems: "center",
       children: [/* @__PURE__ */_jsx(ModeButton, {
-        label: "Rich text",
+        label: t("Rich text"),
         active: mode === "richtext",
         onPress: function onPress() {
           return onModeChange("richtext");
         }
       }), /* @__PURE__ */_jsx(Text, {
         fontSize: 11,
-        color: "$color7",
+        color: "$color8",
         children: "|"
       }), /* @__PURE__ */_jsx(ModeButton, {
-        label: "Markdown",
+        label: t("Markdown"),
         active: mode === "markdown",
         onPress: function onPress() {
           return onModeChange("markdown");
@@ -56,14 +57,22 @@ function StatusBar(param) {
       })]
     }), /* @__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/esm/toolbar/StatusBar.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","Text","RichEditorContext","ModeButton","param","label","active","onPress","fontSize","color","fontWeight","cursor","hoverStyle","userSelect","children","StatusBar","state","mode","onModeChange","_ctx","useStyledContext","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","justifyContent","alignItems","gap","wordCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAYC,KAAA;AAC7B,SAASC,MAAA,EAAAC,IAAA,iBAAyB;AAmB9B,SAAAC,iBAAA;AAVJ,SAASC,WAAWC,KAAA;EAClB;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,sBAAAP,IAAA,CAAAI,IAAA;IACAO,QAAA;IAKCC,KAAA,EAAAH,MAAA;IACDI,UACE,EAAAJ,MAAA;IAACK,MAAA;IAAAJ,OAAA;IAAAK,UACC,EAAU;MACVH,KAAA,EAAO;IAAsB;IACAI,UACtB;IAAAC,QACP,EAAAT;EAAA;AACgC;AACrB,SAEVU,UAAAX,KAAA;EAAA;IAAAY,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAd,KAAA;EACH,IAAAe,IAAA,GAAAjB,iBAAA,CAAAkB,gBAAA;EAEJ,sBAAArB,KAAA,CAAAC,MAAA;IAEOqB,cAAS,EAAU,CAAE;IAC1BC,cAAa;IAEbC,iBACE;IAACC,eAAA;IAAAC,cAAA;IAAAC,UACC,UAAgB;IAAAZ,QAChB,GACA,eAAAf,KAAkB,CAAAC,MAAA;MAClB2B,GAAA;MACAD,UAAA,UAAe;MACfZ,QAAA,EAAW,CAEX,eAAAjB,IAAA,CAAAM,UAAA;QAAAE,KAAA,aAAC;QACCC,MAAA,EAAAW,IAAA;QAACV,OAAA,WAAAA,QAAA;UAAA,OAAAW,YAAA;QAAA;MACO,IACW,eACRrB,IAAM,CAAAI,IAAA;QAAuBO,QAAA;QACxCC,KAAA;QACAK,QAAA;MAGA,mBAACjB,IAAA,CAAAM,UAAA;QAAAE,KAAA;QAAAC,MACC,EAAAW,IAAM;QAAAV,OACN,WAAQA,OAASA,CAAA;UACjB,OAAAW,YAAe,WAAa;QAAU;MACxC;IACF,EACA,EACE,eAAAnB,KAAA,CAAAC,MAAC;MACE2B,GAAA;MAAMb,QAAU,kBAAQf,KAAA,CAAcE,IAAI;QAASO,QACtD;QACAC,KAAA;QACGK,QAAM,GAAeE,KAAA,CAAAY,SAAA,EAAE,KAC1BZ,KAAA,CAAAY,SAAA;MACF,mBAAA7B,KAAA,CAAAE,IAAA;QACFO,QAAA;QAEJC,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","Text","RichEditorContext","t","ModeButton","param","label","active","onPress","fontSize","color","fontWeight","cursor","hoverStyle","userSelect","children","StatusBar","state","mode","onModeChange","_ctx","useStyledContext","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","justifyContent","alignItems","gap","wordCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAYC,KAAA;AAC7B,SAASC,MAAA,EAAAC,IAAA,iBAAyB;AAElC,SAASC,iBAAS;AAkBd,SAAAC,CAAA,QA0BE,uBA1BF;AAVJ,SAASC,WAAWC,KAAA;EAClB;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,sBAAAR,IAAA,CAAAI,IAAA;IACAQ,QAAA;IAKCC,KAAA,EAAAH,MAAA;IACDI,UACE,EAAAJ,MAAA;IAACK,MAAA;IAAAJ,OAAA;IAAAK,UACC,EAAU;MACVH,KAAA,EAAO;IAAsB;IACAI,UACtB;IAAAC,QACP,EAAAT;EAAA;AACgC;AACrB,SAEVU,UAAAX,KAAA;EAAA;IAAAY,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAd,KAAA;EACH,IAAAe,IAAA,GAAAlB,iBAAA,CAAAmB,gBAAA;EAEJ,sBAAAtB,KAAA,CAAAC,MAAA;IAEOsB,cAAS,EAAU,CAAE;IAC1BC,cAAa;IAEbC,iBACE;IAACC,eAAA;IAAAC,cAAA;IAAAC,UACC,UAAgB;IAAAZ,QAChB,GACA,eAAAhB,KAAkB,CAAAC,MAAA;MAClB4B,GAAA;MACAD,UAAA,UAAe;MACfZ,QAAA,EAAW,CAEX,eAAAlB,IAAA,CAAAO,UAAA;QAAAE,KAAA,EAAAH,CAAA,YAAC;QACCI,MAAA,EAAAW,IAAA;QAACV,OAAA,WAAAA,QAAA;UAAA,OAAAW,YAAA;QAAA;MACqB,IACH,eACRtB,IAAM,CAAAI,IAAA;QAAuBQ,QAAA;QACxCC,KAAA;QACAK,QAAA;MAGA,mBAAClB,IAAA,CAAAO,UAAA;QAAAE,KAAA,EAAAH,CAAA;QAAAI,MACC,EAAAW,IAAS,eAAU;QAAAV,OACnB,WAAQA,OAASA,CAAA;UACjB,OAAAW,YAAe,WAAa;QAAU;MACxC;IACF,EACA,EACE,eAAApB,KAAA,CAAAC,MAAC;MAID4B,GACA;MAIAb,QACF,kBAAAlB,IAAA,CAAAI,IAAA;QAAAQ,QAAA;QACFC,KAAA;QAEJK,QAAA,EAAAE,KAAA,CAAAY,SAAA,SAAA1B,CAAA","ignoreList":[]}