@multiplatform.one/rich-text 6.0.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HeadingPicker_exports","__export","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","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","YStack","gap","minWidth","map","option","DropdownMenuItemFrame"],"sources":["../../../src/toolbar/HeadingPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/ImageBubble.cjs

@@ -0,0 +1,156 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ImageBubble_exports = {};
+__export(ImageBubble_exports, {
+  ImageBubble: () => ImageBubble
+});
+module.exports = __toCommonJS(ImageBubble_exports);
+var import_react = require("react");
+var import_menus = require("@tiptap/react/menus");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+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"
+    })]
+  });
+}
+function ImageBubble({
+  editor
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [editing, setEditing] = (0, import_react.useState)(false);
+  const [altText, setAltText] = (0, import_react.useState)("");
+  const handleEdit = (0, import_react.useCallback)(() => {
+    if (!editor) return;
+    const attrs = editor.getAttributes("image");
+    setAltText(attrs.alt || "");
+    setEditing(true);
+  }, [editor]);
+  const handleSave = (0, import_react.useCallback)(() => {
+    if (!editor) return;
+    editor.chain().focus().updateAttributes("image", {
+      alt: altText
+    }).run();
+    setEditing(false);
+  }, [editor, altText]);
+  const handleDelete = (0, import_react.useCallback)(() => {
+    if (!editor) return;
+    editor.chain().focus().deleteSelection().run();
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
+    editor,
+    shouldShow: ({
+      editor: e
+    }) => e.isActive("image"),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1.5",
+      gap: "$1.5",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: editing ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1.5",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 12,
+          fontWeight: "600",
+          children: "Alt text"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$2",
+          placeholder: "Describe this image...",
+          value: altText,
+          onChangeText: setAltText,
+          onSubmitEditing: handleSave,
+          autoFocus: true,
+          minWidth: 220
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$1",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            onPress: () => setEditing(false),
+            "aria-label": "Cancel",
+            children: "Cancel"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSave,
+            "aria-label": "Save alt text",
+            children: "Save"
+          })]
+        })]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 12,
+          color: "$color10",
+          maxWidth: 200,
+          numberOfLines: 1,
+          children: editor.getAttributes("image").alt || "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, {})
+        }), /* @__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, {})
+        })]
+      })
+    })
+  });
+}

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

@@ -0,0 +1,165 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ImageBubble_exports = {};
+__export(ImageBubble_exports, {
+  ImageBubble: () => ImageBubble
+});
+module.exports = __toCommonJS(ImageBubble_exports);
+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_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"
+    })]
+  });
+}
+function ImageBubble(param) {
+  var {
+    editor
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [editing, setEditing] = (0, import_react.useState)(false);
+  var [altText, setAltText] = (0, import_react.useState)("");
+  var handleEdit = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    var attrs = editor.getAttributes("image");
+    setAltText(attrs.alt || "");
+    setEditing(true);
+  }, [editor]);
+  var handleSave = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    editor.chain().focus().updateAttributes("image", {
+      alt: altText
+    }).run();
+    setEditing(false);
+  }, [editor, altText]);
+  var handleDelete = (0, import_react.useCallback)(function () {
+    if (!editor) return;
+    editor.chain().focus().deleteSelection().run();
+  }, [editor]);
+  if (!editor) return null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_menus.BubbleMenu, {
+    editor,
+    shouldShow: function shouldShow(param2) {
+      var {
+        editor: e
+      } = param2;
+      return e.isActive("image");
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1.5",
+      gap: "$1.5",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: editing ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$1.5",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 12,
+          fontWeight: "600",
+          children: "Alt text"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$2",
+          placeholder: "Describe this image...",
+          value: altText,
+          onChangeText: setAltText,
+          onSubmitEditing: handleSave,
+          autoFocus: true,
+          minWidth: 220
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$1",
+          justifyContent: "flex-end",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            onPress: function onPress() {
+              return setEditing(false);
+            },
+            "aria-label": "Cancel",
+            children: "Cancel"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSave,
+            "aria-label": "Save alt text",
+            children: "Save"
+          })]
+        })]
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 12,
+          color: "$color10",
+          maxWidth: 200,
+          numberOfLines: 1,
+          children: editor.getAttributes("image").alt || "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, {})
+        }), /* @__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, {})
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=ImageBubble.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ImageBubble_exports","__export","ImageBubble","module","exports","import_jsx_runtime","require","import_react","import_menus","import_theme","import_tamagui","import_forms","import_ToolbarButton","TrashIcon","jsxs","width","height","viewBox","fill","stroke","strokeWidth","children","jsx","points","d","EditIcon","param","editor","knobProps","useResolvedKnobs","editing","setEditing","useState","altText","setAltText","handleEdit","useCallback","attrs","getAttributes","alt","handleSave","chain","focus","updateAttributes","run","handleDelete","deleteSelection","BubbleMenu","shouldShow","param2","e","isActive","XStack","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","YStack","Text","fontSize","fontWeight","Input"],"sources":["../../../src/toolbar/ImageBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/ImageDialog.cjs

@@ -0,0 +1,115 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ImageDialog_exports = {};
+__export(ImageDialog_exports, {
+  ImageDialog: () => ImageDialog
+});
+module.exports = __toCommonJS(ImageDialog_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.cjs");
+var import_icons = require("./icons.cjs");
+var import_shortcuts = require("./shortcuts.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ImageDialog({
+  editorRef,
+  disabled
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [imageUrl, setImageUrl] = (0, import_react.useState)("");
+  const handleInsert = (0, import_react.useCallback)(() => {
+    const trimmed = imageUrl.trim();
+    if (trimmed) {
+      editorRef.current?.executeCommand("image", {
+        src: trimmed
+      });
+      setImageUrl("");
+      setOpen(false);
+    }
+  }, [imageUrl, editorRef]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Insert Image",
+        tooltip: import_shortcuts.SHORTCUTS.image,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ImageIcon, {})
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(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
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        minWidth: 250,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          children: "Insert Image"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$3",
+          placeholder: "https://example.com/image.jpg",
+          value: imageUrl,
+          onChangeText: setImageUrl,
+          onSubmitEditing: handleInsert,
+          autoFocus: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleInsert,
+            disabled: !imageUrl.trim(),
+            "aria-label": "Insert image",
+            children: "Insert"
+          })
+        })]
+      })]
+    })]
+  });
+}

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

@@ -0,0 +1,122 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ImageDialog_exports = {};
+__export(ImageDialog_exports, {
+  ImageDialog: () => ImageDialog
+});
+module.exports = __toCommonJS(ImageDialog_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_forms = require("@multiplatform.one/forms");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_icons = require("./icons.native.js");
+var import_shortcuts = require("./shortcuts.native.js");
+function ImageDialog(param) {
+  var {
+    editorRef,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var [imageUrl, setImageUrl] = (0, import_react.useState)("");
+  var handleInsert = (0, import_react.useCallback)(function () {
+    var trimmed = imageUrl.trim();
+    if (trimmed) {
+      var _editorRef_current;
+      (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("image", {
+        src: trimmed
+      });
+      setImageUrl("");
+      setOpen(false);
+    }
+  }, [imageUrl, editorRef]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Insert Image",
+        tooltip: import_shortcuts.SHORTCUTS.image,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ImageIcon, {})
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(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
+      },
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderColor: "$borderColor",
+        backgroundColor: "$background"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        minWidth: 250,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          children: "Insert Image"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$3",
+          placeholder: "https://example.com/image.jpg",
+          value: imageUrl,
+          onChangeText: setImageUrl,
+          onSubmitEditing: handleInsert,
+          autoFocus: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleInsert,
+            disabled: !imageUrl.trim(),
+            "aria-label": "Insert image",
+            children: "Insert"
+          })
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=ImageDialog.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ImageDialog_exports","__export","ImageDialog","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_forms","import_ToolbarButton","import_icons","import_shortcuts","param","editorRef","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","imageUrl","setImageUrl","handleInsert","useCallback","trimmed","trim","_editorRef_current","current","executeCommand","src","jsxs","Popover","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarButton","onPress","tooltip","SHORTCUTS","image","ImageIcon","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","Arrow","YStack","gap","minWidth","Text","fontSize","sizeToken","fontWeight"],"sources":["../../../src/toolbar/ImageDialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}