@multiplatform.one/rich-text 6.1.0 → 6.4.0

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

@@ -28,22 +28,27 @@ __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_capabilities = require("../editor/capabilities.native.js");
 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 +56,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 +93,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 +121,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);
     })
   });
@@ -142,82 +141,70 @@ function MoreDropdown(param) {
   var {
     editorRef,
     state,
+    capabilities = "full",
     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, {
+  var inlineItems = INLINE_ITEMS.filter(function (item) {
+    return (0, import_capabilities.isCommandInCapabilities)(item.command, capabilities);
+  });
+  var alignItems = ALIGN_ITEMS.filter(function (item) {
+    return (0, import_capabilities.isCommandInCapabilities)(item.command, capabilities);
+  });
+  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
+    }), /* @__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();
+        }
       },
-      exitStyle: {
-        opacity: 0,
-        y: -5
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-        gap: "$1",
-        minWidth: 200,
+      children: [inlineItems.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         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,
+          items: inlineItems,
           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,
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {})]
+      }), alignItems.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: alignItems,
           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/cjs/toolbar/MoreDropdown.native.js.map

@@ -1 +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":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MoreDropdown_exports","__export","MoreDropdown","module","exports","import_jsx_runtime","require","import_react","import_react2","import_components","import_capabilities","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","call","onSelect1","payload","editorRef","capabilities","disabled","open","setOpen","useState","selectedRef","useRef","handleSelect","handleSelect2","_editorRef_current","current","executeCommand","inlineItems","filter","isCommandInCapabilities","alignItems","jsxs","onOpenChange","placement","Trigger","asChild","ToolbarButton"],"sources":["../../../src/toolbar/MoreDropdown.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/StatusBar.cjs

@@ -27,6 +27,7 @@ __export(StatusBar_exports, {
 module.exports = __toCommonJS(StatusBar_exports);
 var import_tamagui = require("tamagui");
 var import_context = require("../context.cjs");
+var import_t = require("../shared/t.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function ModeButton({
   label,
@@ -35,7 +36,7 @@ function ModeButton({
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
     fontSize: 11,
-    color: active ? "$color12" : "$color9",
+    color: active ? "$color12" : "$color11",
     fontWeight: active ? "600" : "400",
     cursor: "pointer",
     onPress,
@@ -63,28 +64,36 @@ function StatusBar({
       gap: "$1.5",
       alignItems: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
-        label: "Rich text",
+        label: (0, import_t.t)("Rich text"),
         active: mode === "richtext",
         onPress: () => onModeChange("richtext")
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: 11,
-        color: "$color7",
+        color: "$color8",
         children: "|"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
-        label: "Markdown",
+        label: (0, import_t.t)("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, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: 11,
-        color: "$color9",
-        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        color: "$color11",
+        children: state.wordCount === 1 ? (0, import_t.t)("{{count}} word", {
+          count: state.wordCount
+        }) : (0, import_t.t)("{{count}} words", {
+          count: state.wordCount
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: 11,
-        color: "$color9",
-        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+        color: "$color11",
+        children: state.characterCount === 1 ? (0, import_t.t)("{{count}} character", {
+          count: state.characterCount
+        }) : (0, import_t.t)("{{count}} characters", {
+          count: state.characterCount
+        })
       })]
     })]
   });

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

@@ -30,6 +30,7 @@ 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");
+var import_t = require("../shared/t.native.js");
 function ModeButton(param) {
   var {
     label,
@@ -38,7 +39,7 @@ function ModeButton(param) {
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
     fontSize: 11,
-    color: active ? "$color12" : "$color9",
+    color: active ? "$color12" : "$color11",
     fontWeight: active ? "600" : "400",
     cursor: "pointer",
     onPress,
@@ -67,17 +68,17 @@ function StatusBar(param) {
       gap: "$1.5",
       alignItems: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
-        label: "Rich text",
+        label: (0, import_t.t)("Rich text"),
         active: mode === "richtext",
         onPress: function onPress() {
           return onModeChange("richtext");
         }
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: 11,
-        color: "$color7",
+        color: "$color8",
         children: "|"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
-        label: "Markdown",
+        label: (0, import_t.t)("Markdown"),
         active: mode === "markdown",
         onPress: function onPress() {
           return onModeChange("markdown");
@@ -85,14 +86,22 @@ function StatusBar(param) {
       })]
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
       gap: "$3",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: 11,
-        color: "$color9",
-        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        color: "$color11",
+        children: state.wordCount === 1 ? (0, import_t.t)("{{count}} word", {
+          count: state.wordCount
+        }) : (0, import_t.t)("{{count}} words", {
+          count: state.wordCount
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
         fontSize: 11,
-        color: "$color9",
-        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+        color: "$color11",
+        children: state.characterCount === 1 ? (0, import_t.t)("{{count}} character", {
+          count: state.characterCount
+        }) : (0, import_t.t)("{{count}} characters", {
+          count: state.characterCount
+        })
       })]
     })]
   });

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

@@ -1 +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":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","StatusBar_exports","__export","StatusBar","module","exports","import_jsx_runtime","require","import_tamagui","import_context","import_t","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","t"],"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;AAElC,IAAAC,cAAkB,GAAAD,OAAA;AAkBd,IAAAE,cAAA,GAAAF,OAAA;AAVJ,IAAAG,QAAS,GAAAH,OAAW;AAAA,SAClBI,WAAAC,KAAA;EACA;IAAAC,KAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,KAAA;EACA,0BAAAN,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAS,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,SAAAV,UAAAS,KAAA;EACH;IAAAa,KAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAf,KAAA;EAEJ,IAAAgB,IAAA,GAAAnB,cAAA,CAAAoB,iBAAA,CAAAC,gBAAA;EAEO,OAAS,eAAY,IAAOxB,kBAAmB,CAAAyB,IAAmB,EAAAvB,cAAA,CAAAwB,MAAA;IACvEC,cAAa;IAEbC,cACE;IAACC,iBAAA;IAAAC,eAAA;IAAAC,cACC,iBAAgB;IAAAC,UAChB,UAAe;IAAAd,QACf,GACA,gBAAgB,GAAAlB,kBAAA,CAAAyB,IAAA,EAAAvB,cAAA,CAAAwB,MAAA;MAChBO,GAAA;MACAD,UAAW;MAEXd,QAAA,sBAAAlB,kBAAA,CAAAU,GAAA,EAACL,UAAA;QACCE,KAAA,MAAAH,QAAA,CAAA8B,CAAA;QAAC1B,MAAA,EAAAY,IAAA;QAAAX,OAAA,WAAAA,QAAA;UACC,OAAAY,YAAO,WAAE;QAAW;MACH,IACqB,mBAAArB,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAS,IAAA;QACxCC,QAAA;QACAC,KAAA;QAGAK,QAAA;MAAA,EAAC,qBAAAlB,kBAAA,CAAAU,GAAA,EAAAL,UAAA;QAAAE,KACC,MAAAH,QAAO,CAAA8B,CAAA,YAAE;QAAU1B,MACnB,EAAAY,IAAQ,eAAS;QAAAX,OACjB,WAAeA,QAAA;UAAuB,OAAAY,YAAA;QACxC;MAAA,CACF;IAEE,IAIA,eACA,IAAArB,kBAAA,CAAAyB,IAAA,EAAAvB,cAAC,CAAAwB,MAAA;MAIDO,GACF;MAAAf,QAAA,sBAAAlB,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAS,IAAA;QACFC,QAAA;QAEJC,KAAA","ignoreList":[]}