@multiplatform.one/rich-text 6.1.0 → 6.4.0

package/dist/esm/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/esm/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/esm/toolbar/HeadingPicker.native.js

@@ -1,54 +1,68 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { Popover, Text, YStack } from "tamagui";
-import { DropdownMenuItemFrame } from "../styled.native.js";
+import { useRef, useState } from "react";
+import { DropdownMenu } from "@multiplatform.one/components";
+import { Text } from "tamagui";
 import { ToolbarDropdownButton } from "./ToolbarButton.native.js";
+import { t } from "../shared/t.native.js";
 var HEADING_OPTIONS = [{
   label: "H1",
-  description: "Heading 1",
+  description: function description() {
+    return t("Heading 1");
+  },
   command: "heading1",
   stateKey: "isHeading1",
   fontSize: "$5",
   fontWeight: "700"
 }, {
   label: "H2",
-  description: "Heading 2",
+  description: function description2() {
+    return t("Heading 2");
+  },
   command: "heading2",
   stateKey: "isHeading2",
   fontSize: "$4",
   fontWeight: "600"
 }, {
   label: "H3",
-  description: "Heading 3",
+  description: function description3() {
+    return t("Heading 3");
+  },
   command: "heading3",
   stateKey: "isHeading3",
   fontSize: "$3",
   fontWeight: "600"
 }, {
   label: "H4",
-  description: "Heading 4",
+  description: function description4() {
+    return t("Heading 4");
+  },
   command: "heading4",
   stateKey: "isHeading4",
   fontSize: "$2",
   fontWeight: "600"
 }, {
   label: "H5",
-  description: "Heading 5",
+  description: function description5() {
+    return t("Heading 5");
+  },
   command: "heading5",
   stateKey: "isHeading5",
   fontSize: "$1",
   fontWeight: "600"
 }, {
   label: "H6",
-  description: "Heading 6",
+  description: function description6() {
+    return t("Heading 6");
+  },
   command: "heading6",
   stateKey: "isHeading6",
   fontSize: "$1",
   fontWeight: "600"
 }, {
   label: "P",
-  description: "Paragraph",
+  description: function description7() {
+    return t("Paragraph");
+  },
   command: "paragraph",
   stateKey: "isParagraph",
   fontSize: "$3",
@@ -72,15 +86,13 @@ function HeadingPicker(param) {
     state,
     disabled
   } = param;
-  var {
-    knobProps
-  } = useResolvedKnobs();
   var [open, setOpen] = useState(false);
-  return /* @__PURE__ */_jsxs(Popover, {
+  var 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),
@@ -88,49 +100,47 @@ function HeadingPicker(param) {
         onPress: function onPress() {
           return 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
-      },
-      exitStyle: {
-        opacity: 0,
-        y: -5
+    }), /* @__PURE__ */_jsx(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__ */_jsx(YStack, {
-        gap: "$1",
-        minWidth: 140,
-        children: HEADING_OPTIONS.map(function (option) {
-          return /* @__PURE__ */_jsxs(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__ */_jsx(Text, {
-              fontWeight: option.fontWeight,
-              fontSize: option.fontSize,
-              children: option.label
-            }), /* @__PURE__ */_jsx(Text, {
-              color: "$color11",
-              children: option.description
-            })]
-          }, option.command);
-        })
+      children: HEADING_OPTIONS.map(function (option) {
+        var description8 = option.description();
+        return /* @__PURE__ */_jsxs(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__ */_jsx(Text, {
+            fontWeight: option.fontWeight,
+            fontSize: option.fontSize,
+            children: option.label
+          }), /* @__PURE__ */_jsxs(Text, {
+            color: "$color11",
+            children: [" ", description8]
+          })]
+        }, option.command);
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","useResolvedKnobs","Popover","Text","YStack","DropdownMenuItemFrame","ToolbarDropdownButton","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","HeadingPicker","param","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"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useRef","useState","DropdownMenu","Text","ToolbarDropdownButton","t","HEADING_OPTIONS","label","description","command","stateKey","fontSize","fontWeight","description2","description3","description4","description5","description6","description7","getActiveHeadingLabel","state","isHeading1","isHeading2","isHeading3","isHeading4","isHeading5","isHeading6","isAnyHeadingActive","HeadingPicker","param","editorRef","disabled","open","setOpen","selectedRef","onOpenChange","placement","children","Trigger","asChild","active","onPress","Content","minWidth","onCloseAutoFocus","event","preventDefault","current","_editorRef_current","focus","map","option"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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":"AAKA,SAASA,WAAA,EAAaC,QAAA,QAAgB;AAEtC,SAASC,UAAA,QAAkB;AAC3B,SAASC,gBAAA,QAAwB;AACjC,SAASC,gBAAA,EAAkBC,SAAA,QAAiB;AAC5C,SAASC,KAAA,EAAOC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAC5C,SAASC,MAAA,QAAc;AACvB,SAASC,aAAA,QAAqB;AAC9B,SAASC,CAAA,QAAS;AAiDN,SAsBFC,QAAA,EAtBEC,GAAA,EAYAC,IAAA,QAZA;AA3CL,SAASC,YAAY;EAAEC;AAAO,GAAqB;EACxD,MAAM;IAAEC;EAAU,IAAIf,gBAAA,CAAiB;EACvC,MAAM,CAACgB,OAAA,EAASC,UAAU,IAAInB,QAAA,CAAS,KAAK;EAC5C,MAAM,CAACoB,OAAA,EAASC,UAAU,IAAIrB,QAAA,CAAS,EAAE;EAEzC,MAAMsB,UAAA,GAAavB,WAAA,CAAY,MAAM;IACnC,IAAI,CAACiB,MAAA,EAAQ;IACb,MAAMO,KAAA,GAAQP,MAAA,CAAOQ,aAAA,CAAc,OAAO;IAC1CH,UAAA,CAAWE,KAAA,CAAME,GAAA,IAAO,EAAE;IAC1BN,UAAA,CAAW,IAAI;EACjB,GAAG,CAACH,MAAM,CAAC;EAEX,MAAMU,UAAA,GAAa3B,WAAA,CAAY,MAAM;IACnC,IAAI,CAACiB,MAAA,EAAQ;IACbA,MAAA,CAAOW,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEC,gBAAA,CAAiB,SAAS;MAAEJ,GAAA,EAAKL;IAAQ,CAAC,EAAEU,GAAA,CAAI;IACvEX,UAAA,CAAW,KAAK;EAClB,GAAG,CAACH,MAAA,EAAQI,OAAO,CAAC;EAEpB,MAAMW,YAAA,GAAehC,WAAA,CAAY,MAAM;IACrC,IAAI,CAACiB,MAAA,EAAQ;IACbA,MAAA,CAAOW,KAAA,CAAM,EAAEC,KAAA,CAAM,EAAEI,eAAA,CAAgB,EAAEF,GAAA,CAAI;EAC/C,GAAG,CAACd,MAAM,CAAC;EAEX,IAAI,CAACA,MAAA,EAAQ,OAAO;EAEpB,OACE,eAAAH,GAAA,CAACZ,UAAA;IACCe,MAAA;IACAiB,SAAA,EAAU;IACVC,UAAA,EAAYA,CAAC;MAAElB,MAAA,EAAQmB;IAAE,MAAMA,CAAA,CAAEC,QAAA,CAAS,OAAO;IAEjDC,QAAA,iBAAAxB,GAAA,CAACN,MAAA;MACC+B,eAAA,EAAgB;MAChBC,WAAA,EAAa;MACbC,WAAA,EAAY;MACZC,YAAA,EAAcxB,SAAA,CAAUwB,YAAA,CAAaA,YAAA;MACrCC,OAAA,EAAQ;MACRC,GAAA,EAAI;MACJC,UAAA,EAAW;MACXC,SAAA,EAAW5B,SAAA,CAAU4B,SAAA;MAEpBR,QAAA,EAAAnB,OAAA,GACC,eAAAJ,IAAA,CAACN,MAAA;QAAOmC,GAAA,EAAI;QACVN,QAAA,kBAAAxB,GAAA,CAACP,IAAA;UAAKwC,QAAA,EAAU;UAAIC,UAAA,EAAW;UAC5BV,QAAA,EAAA1B,CAAA,CAAE,UAAU;QAAA,CACf,GACA,eAAAE,GAAA,CAACR,KAAA;UACC2C,IAAA,EAAK;UACLC,WAAA,EAAatC,CAAA,CAAE,wBAAwB;UACvCuC,KAAA,EAAO9B,OAAA;UACP+B,YAAA,EAAc9B,UAAA;UACd+B,eAAA,EAAiB1B,UAAA;UACjB2B,SAAA,EAAS;UACTC,QAAA,EAAU;QAAA,CACZ,GACA,eAAAxC,IAAA,CAACP,MAAA;UAAOoC,GAAA,EAAI;UAAKY,cAAA,EAAe;UAC9BlB,QAAA,kBAAAxB,GAAA,CAACJ,MAAA;YAAOuC,IAAA,EAAK;YAAKQ,OAAA,EAASA,CAAA,KAAMrC,UAAA,CAAW,KAAK;YAAG,cAAYR,CAAA,CAAE,QAAQ;YACvE0B,QAAA,EAAA1B,CAAA,CAAE,QAAQ;UAAA,CACb,GACA,eAAAE,GAAA,CAACJ,MAAA;YAAOuC,IAAA,EAAK;YAAKS,KAAA,EAAM;YAASD,OAAA,EAAS9B,UAAA;YAAY,cAAYf,CAAA,CAAE,eAAe;YAChF0B,QAAA,EAAA1B,CAAA,CAAE,MAAM;UAAA,CACX;QAAA,CACF;MAAA,CACF,IAEA,eAAAG,IAAA,CAAAF,QAAA;QACEyB,QAAA,kBAAAxB,GAAA,CAACP,IAAA;UAAKwC,QAAA,EAAU;UAAIY,KAAA,EAAM;UAAWC,QAAA,EAAU;UAAKC,aAAA,EAAe;UAChEvB,QAAA,EAAArB,MAAA,CAAOQ,aAAA,CAAc,OAAO,EAAEC,GAAA,IAAOd,CAAA,CAAE,aAAa;QAAA,CACvD,GACA,eAAAE,GAAA,CAACH,aAAA;UACC8C,OAAA,EAASlC,UAAA;UACT,cAAYX,CAAA,CAAE,eAAe;UAC7BkD,OAAA,EAASlD,CAAA,CAAE,eAAe;UAE1B0B,QAAA,iBAAAxB,GAAA,CAACV,gBAAA;YAAiB6C,IAAA,EAAM;UAAA,CAAI;QAAA,CAC9B,GACA,eAAAnC,GAAA,CAACH,aAAA;UACC8C,OAAA,EAASzB,YAAA;UACT,cAAYpB,CAAA,CAAE,cAAc;UAC5BkD,OAAA,EAASlD,CAAA,CAAE,cAAc;UAEzB0B,QAAA,iBAAAxB,GAAA,CAACT,SAAA;YAAU4C,IAAA,EAAM;UAAA,CAAI;QAAA,CACvB;MAAA,CACF;IAAA,CAEJ;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -2,39 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 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.native.js";
-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"
-    })]
-  });
-}
+import { t } from "../shared/t.native.js";
 function ImageBubble(param) {
   var {
     editor
@@ -64,6 +36,7 @@ function ImageBubble(param) {
   if (!editor) return null;
   return /* @__PURE__ */_jsx(BubbleMenu, {
     editor,
+    className: "rt-bubble-menu",
     shouldShow: function shouldShow(param2) {
       var {
         editor: e
@@ -84,10 +57,10 @@ function ImageBubble(param) {
         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,
@@ -101,14 +74,14 @@ function ImageBubble(param) {
             onPress: function onPress() {
               return 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, {
@@ -117,17 +90,21 @@ function ImageBubble(param) {
           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
+          })
         })]
       })
     })