@multiplatform.one/rich-text 6.1.0 → 6.3.0

package/dist/jsx/toolbar/HeadingPicker.mjs

@@ -1,54 +1,54 @@
-import { useState } from "react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Popover, Text, YStack } from "tamagui";
-import { DropdownMenuItemFrame } from "../styled.mjs";
+import { useRef, useState } from "react";
+import { DropdownMenu } from "@multiplatform.one/components";
+import { Text } from "tamagui";
 import { ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { t } from "../shared/t.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const HEADING_OPTIONS = [{
   label: "H1",
-  description: "Heading 1",
+  description: () => t("Heading 1"),
   command: "heading1",
   stateKey: "isHeading1",
   fontSize: "$5",
   fontWeight: "700"
 }, {
   label: "H2",
-  description: "Heading 2",
+  description: () => t("Heading 2"),
   command: "heading2",
   stateKey: "isHeading2",
   fontSize: "$4",
   fontWeight: "600"
 }, {
   label: "H3",
-  description: "Heading 3",
+  description: () => t("Heading 3"),
   command: "heading3",
   stateKey: "isHeading3",
   fontSize: "$3",
   fontWeight: "600"
 }, {
   label: "H4",
-  description: "Heading 4",
+  description: () => t("Heading 4"),
   command: "heading4",
   stateKey: "isHeading4",
   fontSize: "$2",
   fontWeight: "600"
 }, {
   label: "H5",
-  description: "Heading 5",
+  description: () => t("Heading 5"),
   command: "heading5",
   stateKey: "isHeading5",
   fontSize: "$1",
   fontWeight: "600"
 }, {
   label: "H6",
-  description: "Heading 6",
+  description: () => t("Heading 6"),
   command: "heading6",
   stateKey: "isHeading6",
   fontSize: "$1",
   fontWeight: "600"
 }, {
   label: "P",
-  description: "Paragraph",
+  description: () => t("Paragraph"),
   command: "paragraph",
   stateKey: "isParagraph",
   fontSize: "$3",
@@ -71,60 +71,53 @@ function HeadingPicker({
   state,
   disabled
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const [open, setOpen] = useState(false);
-  return /* @__PURE__ */jsxs(Popover, {
+  const selectedRef = useRef(false);
+  return /* @__PURE__ */jsxs(DropdownMenu, {
     open,
     onOpenChange: setOpen,
     placement: "bottom-start",
-    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+    children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
       asChild: true,
       children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
         active: isAnyHeadingActive(state),
         disabled,
         onPress: () => setOpen(true),
-        "aria-label": "Heading",
+        "aria-label": t("Heading"),
         children: /* @__PURE__ */jsx(Text, {
           fontWeight: "600",
           children: getActiveHeadingLabel(state)
         })
       })
-    }), /* @__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__ */jsx(DropdownMenu.Content, {
+      minWidth: 200,
+      onCloseAutoFocus: event => {
+        event.preventDefault();
+        if (selectedRef.current) {
+          selectedRef.current = false;
+          editorRef.current?.focus();
+        }
       },
-      exitStyle: {
-        opacity: 0,
-        y: -5
-      },
-      children: /* @__PURE__ */jsx(YStack, {
-        gap: "$1",
-        minWidth: 140,
-        children: HEADING_OPTIONS.map(option => /* @__PURE__ */jsxs(DropdownMenuItemFrame, {
-          active: state[option.stateKey],
-          onPress: () => {
+      children: HEADING_OPTIONS.map(option => {
+        const description = option.description();
+        return /* @__PURE__ */jsxs(DropdownMenu.Item, {
+          closeOnSelect: false,
+          backgroundColor: state[option.stateKey] ? "$color4" : void 0,
+          "aria-label": description,
+          onSelect: () => {
+            selectedRef.current = true;
             editorRef.current?.executeCommand(option.command);
             setOpen(false);
           },
-          "aria-label": option.description,
           children: [/* @__PURE__ */jsx(Text, {
             fontWeight: option.fontWeight,
             fontSize: option.fontSize,
             children: option.label
-          }), /* @__PURE__ */jsx(Text, {
+          }), /* @__PURE__ */jsxs(Text, {
             color: "$color11",
-            children: option.description
+            children: [" ", description]
           })]
-        }, option.command))
+        }, option.command);
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["useState","useResolvedKnobs","Popover","Text","YStack","DropdownMenuItemFrame","ToolbarDropdownButton","jsx","jsxs","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","HeadingPicker","editorRef","disabled","knobProps","open","setOpen","onOpenChange","placement","children","Trigger","asChild","active","onPress","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","gap","minWidth","map","option","current","executeCommand","color"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","useState","DropdownMenu","Text","ToolbarDropdownButton","t","jsx","jsxs","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","HeadingPicker","editorRef","disabled","open","setOpen","selectedRef","onOpenChange","placement","children","Trigger","asChild","active","onPress","Content","minWidth","onCloseAutoFocus","event","preventDefault","current","focus","map","option","Item","closeOnSelect","backgroundColor","onSelect","executeCommand","color"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -29,55 +29,69 @@ __export(HeadingPicker_exports, {
 module.exports = __toCommonJS(HeadingPicker_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_theme = require("@multiplatform.one/theme");
+var import_components = require("@multiplatform.one/components");
 var import_tamagui = require("tamagui");
-var import_styled = require("../styled.native.js");
 var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_t = require("../shared/t.native.js");
 var HEADING_OPTIONS = [{
   label: "H1",
-  description: "Heading 1",
+  description: function description() {
+    return (0, import_t.t)("Heading 1");
+  },
   command: "heading1",
   stateKey: "isHeading1",
   fontSize: "$5",
   fontWeight: "700"
 }, {
   label: "H2",
-  description: "Heading 2",
+  description: function description2() {
+    return (0, import_t.t)("Heading 2");
+  },
   command: "heading2",
   stateKey: "isHeading2",
   fontSize: "$4",
   fontWeight: "600"
 }, {
   label: "H3",
-  description: "Heading 3",
+  description: function description3() {
+    return (0, import_t.t)("Heading 3");
+  },
   command: "heading3",
   stateKey: "isHeading3",
   fontSize: "$3",
   fontWeight: "600"
 }, {
   label: "H4",
-  description: "Heading 4",
+  description: function description4() {
+    return (0, import_t.t)("Heading 4");
+  },
   command: "heading4",
   stateKey: "isHeading4",
   fontSize: "$2",
   fontWeight: "600"
 }, {
   label: "H5",
-  description: "Heading 5",
+  description: function description5() {
+    return (0, import_t.t)("Heading 5");
+  },
   command: "heading5",
   stateKey: "isHeading5",
   fontSize: "$1",
   fontWeight: "600"
 }, {
   label: "H6",
-  description: "Heading 6",
+  description: function description6() {
+    return (0, import_t.t)("Heading 6");
+  },
   command: "heading6",
   stateKey: "isHeading6",
   fontSize: "$1",
   fontWeight: "600"
 }, {
   label: "P",
-  description: "Paragraph",
+  description: function description7() {
+    return (0, import_t.t)("Paragraph");
+  },
   command: "paragraph",
   stateKey: "isParagraph",
   fontSize: "$3",
@@ -101,15 +115,13 @@ function HeadingPicker(param) {
     state,
     disabled
   } = param;
-  var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   var [open, setOpen] = (0, import_react.useState)(false);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+  var selectedRef = (0, import_react.useRef)(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu, {
     open,
     onOpenChange: setOpen,
     placement: "bottom-start",
-    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.ToolbarDropdownButton, {
         active: isAnyHeadingActive(state),
@@ -117,49 +129,47 @@ function HeadingPicker(param) {
         onPress: function onPress() {
           return setOpen(true);
         },
-        "aria-label": "Heading",
+        "aria-label": (0, import_t.t)("Heading"),
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
           fontWeight: "600",
           children: getActiveHeadingLabel(state)
         })
       })
-    }), /* @__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.jsx)(import_components.DropdownMenu.Content, {
+      minWidth: 200,
+      // Toolbar menus must not steal focus back to the trigger on
+      // select-close: the user expects to keep typing, so focus returns
+      // to the editor. 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.jsx)(import_tamagui.YStack, {
-        gap: "$1",
-        minWidth: 140,
-        children: HEADING_OPTIONS.map(function (option) {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
-            active: state[option.stateKey],
-            onPress: function onPress() {
-              var _editorRef_current;
-              (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand(option.command);
-              setOpen(false);
-            },
-            "aria-label": option.description,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontWeight: option.fontWeight,
-              fontSize: option.fontSize,
-              children: option.label
-            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              color: "$color11",
-              children: option.description
-            })]
-          }, option.command);
-        })
+      children: HEADING_OPTIONS.map(function (option) {
+        var description8 = option.description();
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.DropdownMenu.Item, {
+          closeOnSelect: false,
+          backgroundColor: state[option.stateKey] ? "$color4" : void 0,
+          "aria-label": description8,
+          onSelect: function onSelect() {
+            var _editorRef_current;
+            selectedRef.current = true;
+            (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand(option.command);
+            setOpen(false);
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontWeight: option.fontWeight,
+            fontSize: option.fontSize,
+            children: option.label
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+            color: "$color11",
+            children: [" ", description8]
+          })]
+        }, option.command);
       })
     })]
   });

package/dist/jsx/toolbar/HeadingPicker.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","HeadingPicker_exports","HeadingPicker","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_styled","import_ToolbarButton","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","param","editorRef","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","jsxs","Popover","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarDropdownButton","active","onPress","Text"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"AAIA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAkB,GAAAF,MAAM,CAAAG,wBAAc;AAEtC,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAA6B;AACtC,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAA6B;AA6H5B,IAAAC,QAAA,GAeEA,CAAAC,MAAA,EAAAC,GAfF;EAjGV,KAAM,IAAAC,IAAA,IAAAD,GAAA,EACJZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACS,IACPC,WAAA,GAAaA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACbF,IAAA,IAAS,OAAAA,IAAA,wBAAAA,IAAA;IACT,SAAAG,GAAU,IAAAhB,iBAAA,CAAAa,IAAA,GACV,KAAAX,YAAU,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACVnB,SAAY,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACd;EACA,OAAAE,EAAA;AAAA;AACS,IACPM,YAAA,GAAaC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACbE,qBAAS;AAAAhB,QACT,CAAAgB,qBAAU;EAAAC,aACA,EAAAA,CAAA,KAAAA;AAAA;AACEC,MACd,CAAAC,OAAA,GAAAN,YAAA,CAAAG,qBAAA;AAAA,IACAI,kBAAA,GAAAC,OAAA;AAAA,IACEC,YAAO,GAAAD,OAAA;AAAA,IACPE,YAAA,GAAaF,OAAA;AAAA,IACbG,cAAS,GAAAH,OAAA;AAAA,IACTI,aAAU,GAAAJ,OAAA;AAAA,IACVK,oBAAU,GAAAL,OAAA;AAAA,IACVM,eAAY,IACd;EACAC,KAAA;EACEC,WAAO;EACPC,OAAA,YAAa;EACbC,QAAA,EAAS;EACTC,QAAA,EAAU;EACVC,UAAU;AAAA,GAEZ;EACAL,KAAA;EACEC,WAAO;EACPC,OAAA,YAAa;EACbC,QAAA,EAAS;EACTC,QAAA,EAAU;EACVC,UAAU;AAAA,GAEZ;EACAL,KAAA;EACEC,WAAO;EACPC,OAAA,YAAa;EACbC,QAAA,EAAS;EACTC,QAAA,EAAU;EACVC,UAAU;AAAA,GAEZ;EACAL,KAAA;EACEC,WAAO;EACPC,OAAA,YAAa;EACbC,QAAA,EAAS;EACTC,QAAA,EAAU;EACVC,UAAU;AAAA,GAEZ;EACFL,KAAA;EAMAC,WAAS;EACPC,OAAI,EAAM,UAAY;EACtBC,QAAU,cAAY;EACtBC,QAAU;EACVC,UAAU;AACV,GACA;EACAL,KAAO;EACTC,WAAA;EAEAC,OAAS;EACPC,QACE,cAAM;EAOVC,QAAA;EAEOC,UAAS;AACd,GACA;EAEAL,KACE;EACEC,WAAA,aAAC;EACCC,OAAC;EAAAC,QAAA;EAAAC,QACC,MAAQ;EAAwBC,UAChC;AAAA,EAC2B;AAChB,SAEXC,sBAAAC,KAAA,EAAC;EAAoD,IAAAA,KAAA,CAAAC,UAAA;EAAA,IACvDD,KACF,CAAAE,UAAA;EAAA,IACAF,KAAA,CAAAG,UAAA;EAAA,IAACH,KAAA,CAAAI,UAAQ;EAAA,IAARJ,KAAA,CAAAK,UAAA;EAAA,IAAAL,KACK,CAAAM,UAAU;EAAA,OACd;AAAgB;AACH,SACbC,kBAAYA,CAAAP,KAAA;EAAA,OACZA,KAAA,CAAAC,UAAc,IAAAD,KAAU,CAAAE,UAAa,IAAAF,KAAA,CAAAG,UAAA,IAAAH,KAAA,CAAAI,UAAA,IAAAJ,KAAA,CAAAK,UAAA,IAAAL,KAAA,CAAAM,UAAA;AAAA;AAChB,SACrBxB,aAAcA,CAAA0B,KAAA;EAAkB;IAChCC,SAAA;IAAWT,KAAE;IAAAU;EAAY,CAAG,GAAGF,KAAA;EAAA;IAE/BG;EAAA,QAAAvB,YAAC,CAAAwB,gBAAW;EAER,KAAAC,IAAC,EAAAC,OAAA,QAAA3B,YAAA,CAAA4B,QAAA;EAAA,0BAAA9B,kBAAA,CAAA+B,IAAA,EAAA3B,cAAA,CAAA4B,OAAA;IAAAJ,IAAA;IAE8BK,YAC7B,EAAAJ,OAAS;IACPK,SAAA,gBAAU;IACVC,QAAA,GAAa,eACf,IAAAnC,kBAAA,CAAAoC,GAAA,EAAAhC,cAAA,CAAA4B,OAAA,CAAAK,OAAA;MAAAC,OACA;MAAmBH,QAEnB,qBAAAnC,kBAAA,CAAAoC,GAAA,EAAA9B,oBAAA,CAAAiC,qBAAA;QAAAC,MAAA,EAAAlB,kBAAC,CAAAP,KAAK;QAENU,QACA;QAA2CgB,OAAA,WAAAA,QAAA;UAAA,OAAAZ,OAAA;QAXtC;QAaR,YACH;QAAAM,QAAA,qBAAAnC,kBAAA,CAAAoC,GAAA,EAAAhC,cAAA,CAAAsC,IAAA;UACF7B,UAAA;UACFsB,QAAA,EAAArB,qBAAA,CAAAC,KAAA;QAEJ","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","HeadingPicker_exports","HeadingPicker","module","exports","import_jsx_runtime","require","import_react","import_components","import_tamagui","import_ToolbarButton","import_t","HEADING_OPTIONS","label","description","t","command","stateKey","fontSize","fontWeight","description2","description3","description4","description5","description6","description7","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","param","editorRef","disabled","open","setOpen","useState","selectedRef","useRef","jsxs","DropdownMenu","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarDropdownButton","active","onPress"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/ImageBubble.mjs

@@ -1,40 +1,12 @@
 import { useCallback, useState } from "react";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { PencilSimpleIcon, TrashIcon } from "@phosphor-icons/react";
 import { Input, Text, XStack, YStack } from "tamagui";
 import { Button } from "@multiplatform.one/forms";
 import { ToolbarButton } from "./ToolbarButton.mjs";
+import { t } from "../shared/t.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function TrashIcon() {
-  return /* @__PURE__ */jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */jsx("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */jsx("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
-}
-function EditIcon() {
-  return /* @__PURE__ */jsxs("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */jsx("path", {
-      d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
-    }), /* @__PURE__ */jsx("path", {
-      d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
-    })]
-  });
-}
 function ImageBubble({
   editor
 }) {
@@ -63,6 +35,7 @@ function ImageBubble({
   if (!editor) return null;
   return /* @__PURE__ */jsx(BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: ({
       editor: e
     }) => e.isActive("image"),
@@ -80,10 +53,10 @@ function ImageBubble({
         children: [/* @__PURE__ */jsx(Text, {
           fontSize: 12,
           fontWeight: "600",
-          children: "Alt text"
+          children: t("Alt text")
         }), /* @__PURE__ */jsx(Input, {
           size: "$2",
-          placeholder: "Describe this image...",
+          placeholder: t("Describe this image..."),
           value: altText,
           onChangeText: setAltText,
           onSubmitEditing: handleSave,
@@ -95,14 +68,14 @@ function ImageBubble({
           children: [/* @__PURE__ */jsx(Button, {
             size: "$2",
             onPress: () => setEditing(false),
-            "aria-label": "Cancel",
-            children: "Cancel"
+            "aria-label": t("Cancel"),
+            children: t("Cancel")
           }), /* @__PURE__ */jsx(Button, {
             size: "$2",
             theme: "active",
             onPress: handleSave,
-            "aria-label": "Save alt text",
-            children: "Save"
+            "aria-label": t("Save alt text"),
+            children: t("Save")
           })]
         })]
       }) : /* @__PURE__ */jsxs(Fragment, {
@@ -111,17 +84,21 @@ function ImageBubble({
           color: "$color10",
           maxWidth: 200,
           numberOfLines: 1,
-          children: editor.getAttributes("image").alt || "No alt text"
+          children: editor.getAttributes("image").alt || t("No alt text")
         }), /* @__PURE__ */jsx(ToolbarButton, {
           onPress: handleEdit,
-          "aria-label": "Edit alt text",
-          tooltip: "Edit alt text",
-          children: /* @__PURE__ */jsx(EditIcon, {})
+          "aria-label": t("Edit alt text"),
+          tooltip: t("Edit alt text"),
+          children: /* @__PURE__ */jsx(PencilSimpleIcon, {
+            size: 14
+          })
         }), /* @__PURE__ */jsx(ToolbarButton, {
           onPress: handleDelete,
-          "aria-label": "Delete image",
-          tooltip: "Delete image",
-          children: /* @__PURE__ */jsx(TrashIcon, {})
+          "aria-label": t("Delete image"),
+          tooltip: t("Delete image"),
+          children: /* @__PURE__ */jsx(TrashIcon, {
+            size: 14
+          })
         })]
       })
     })

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useState","BubbleMenu","useResolvedKnobs","Input","Text","XStack","YStack","Button","ToolbarButton","Fragment","jsx","jsxs","TrashIcon","width","height","viewBox","fill","stroke","strokeWidth","children","points","d","EditIcon","ImageBubble","editor","knobProps","editing","setEditing","altText","setAltText","handleEdit","attrs","getAttributes","alt","handleSave","chain","focus","updateAttributes","run","handleDelete","deleteSelection","shouldShow","e","isActive","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","fontSize","fontWeight","size","placeholder","value","onChangeText","onSubmitEditing","autoFocus","minWidth","justifyContent","onPress","theme","color","maxWidth","numberOfLines","tooltip"],"sources":["../../../src/toolbar/ImageBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useState","BubbleMenu","useResolvedKnobs","PencilSimpleIcon","TrashIcon","Input","Text","XStack","YStack","Button","ToolbarButton","t","Fragment","jsx","jsxs","ImageBubble","editor","knobProps","editing","setEditing","altText","setAltText","handleEdit","attrs","getAttributes","alt","handleSave","chain","focus","updateAttributes","run","handleDelete","deleteSelection","className","shouldShow","e","isActive","children","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","fontSize","fontWeight","size","placeholder","value","onChangeText","onSubmitEditing","autoFocus","minWidth","justifyContent","onPress","theme","color","maxWidth","numberOfLines","tooltip"],"sources":["../../../src/toolbar/ImageBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -31,39 +31,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_menus = require("@tiptap/react/menus");
 var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("@phosphor-icons/react");
 var import_tamagui = require("tamagui");
 var import_forms = require("@multiplatform.one/forms");
 var import_ToolbarButton = require("./ToolbarButton.native.js");
-function TrashIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("polyline", {
-      points: "3 6 5 6 21 6"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-      d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
-    })]
-  });
-}
-function EditIcon() {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-      d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("path", {
-      d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
-    })]
-  });
-}
+var import_t = require("../shared/t.native.js");
 function ImageBubble(param) {
   var {
     editor
@@ -93,6 +65,7 @@ function ImageBubble(param) {
   if (!editor) return null;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: function shouldShow(param2) {
       var {
         editor: e
@@ -113,10 +86,10 @@ function ImageBubble(param) {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
           fontSize: 12,
           fontWeight: "600",
-          children: "Alt text"
+          children: (0, import_t.t)("Alt text")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
           size: "$2",
-          placeholder: "Describe this image...",
+          placeholder: (0, import_t.t)("Describe this image..."),
           value: altText,
           onChangeText: setAltText,
           onSubmitEditing: handleSave,
@@ -130,14 +103,14 @@ function ImageBubble(param) {
             onPress: function onPress() {
               return setEditing(false);
             },
-            "aria-label": "Cancel",
-            children: "Cancel"
+            "aria-label": (0, import_t.t)("Cancel"),
+            children: (0, import_t.t)("Cancel")
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
             size: "$2",
             theme: "active",
             onPress: handleSave,
-            "aria-label": "Save alt text",
-            children: "Save"
+            "aria-label": (0, import_t.t)("Save alt text"),
+            children: (0, import_t.t)("Save")
           })]
         })]
       }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -146,17 +119,21 @@ function ImageBubble(param) {
           color: "$color10",
           maxWidth: 200,
           numberOfLines: 1,
-          children: editor.getAttributes("image").alt || "No alt text"
+          children: editor.getAttributes("image").alt || (0, import_t.t)("No alt text")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
           onPress: handleEdit,
-          "aria-label": "Edit alt text",
-          tooltip: "Edit alt text",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(EditIcon, {})
+          "aria-label": (0, import_t.t)("Edit alt text"),
+          tooltip: (0, import_t.t)("Edit alt text"),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.PencilSimpleIcon, {
+            size: 14
+          })
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
           onPress: handleDelete,
-          "aria-label": "Delete image",
-          tooltip: "Delete image",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+          "aria-label": (0, import_t.t)("Delete image"),
+          tooltip: (0, import_t.t)("Delete image"),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.TrashIcon, {
+            size: 14
+          })
         })]
       })
     })