@multiplatform.one/rich-text 6.0.0

package/dist/jsx/toolbar/StatusBar.mjs

@@ -0,0 +1,66 @@
+import { XStack, Text } from "tamagui";
+import { RichEditorContext } from "../context.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ModeButton({
+  label,
+  active,
+  onPress
+}) {
+  return /* @__PURE__ */jsx(Text, {
+    fontSize: 11,
+    color: active ? "$color12" : "$color9",
+    fontWeight: active ? "600" : "400",
+    cursor: "pointer",
+    onPress,
+    hoverStyle: {
+      color: "$color11"
+    },
+    userSelect: "none",
+    children: label
+  });
+}
+function StatusBar({
+  state,
+  mode,
+  onModeChange
+}) {
+  const _ctx = RichEditorContext.useStyledContext();
+  return /* @__PURE__ */jsxs(XStack, {
+    borderTopWidth: 1,
+    borderTopColor: "$color5",
+    paddingHorizontal: "$3",
+    paddingVertical: "$1.5",
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$1.5",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(ModeButton, {
+        label: "Rich text",
+        active: mode === "richtext",
+        onPress: () => onModeChange("richtext")
+      }), /* @__PURE__ */jsx(Text, {
+        fontSize: 11,
+        color: "$color7",
+        children: "|"
+      }), /* @__PURE__ */jsx(ModeButton, {
+        label: "Markdown",
+        active: mode === "markdown",
+        onPress: () => onModeChange("markdown")
+      })]
+    }), /* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */jsxs(Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
+      }), /* @__PURE__ */jsxs(Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+      })]
+    })]
+  });
+}
+export { StatusBar };
+//# sourceMappingURL=StatusBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["XStack","Text","RichEditorContext","jsx","jsxs","ModeButton","label","active","onPress","fontSize","color","fontWeight","cursor","hoverStyle","userSelect","children","StatusBar","state","mode","onModeChange","_ctx","useStyledContext","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","justifyContent","alignItems","gap","wordCount","characterCount"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,MAAA,EAAQC,IAAA,QAAY;AAC7B,SAASC,iBAAA,QAAyB;AAmB9B,SAAAC,GAAA,EA0BEC,IAAA,QA1BF;AAVJ,SAASC,WAAW;EAClBC,KAAA;EACAC,MAAA;EACAC;AACF,GAIG;EACD,OACE,eAAAL,GAAA,CAACF,IAAA;IACCQ,QAAA,EAAU;IACVC,KAAA,EAAOH,MAAA,GAAS,aAAa;IAC7BI,UAAA,EAAYJ,MAAA,GAAS,QAAQ;IAC7BK,MAAA,EAAO;IACPJ,OAAA;IACAK,UAAA,EAAY;MAAEH,KAAA,EAAO;IAAW;IAChCI,UAAA,EAAW;IAEVC,QAAA,EAAAT;EAAA,CACH;AAEJ;AAEO,SAASU,UAAU;EAAEC,KAAA;EAAOC,IAAA;EAAMC;AAAa,GAAmB;EACvE,MAAMC,IAAA,GAAOlB,iBAAA,CAAkBmB,gBAAA,CAAiB;EAEhD,OACE,eAAAjB,IAAA,CAACJ,MAAA;IACCsB,cAAA,EAAgB;IAChBC,cAAA,EAAe;IACfC,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IAChBC,cAAA,EAAe;IACfC,UAAA,EAAW;IAEXZ,QAAA,kBAAAX,IAAA,CAACJ,MAAA;MAAO4B,GAAA,EAAI;MAAOD,UAAA,EAAW;MAC5BZ,QAAA,kBAAAZ,GAAA,CAACE,UAAA;QACCC,KAAA,EAAM;QACNC,MAAA,EAAQW,IAAA,KAAS;QACjBV,OAAA,EAASA,CAAA,KAAMW,YAAA,CAAa,UAAU;MAAA,CACxC,GACA,eAAAhB,GAAA,CAACF,IAAA;QAAKQ,QAAA,EAAU;QAAIC,KAAA,EAAM;QAAUK,QAAA;MAAA,CAEpC,GACA,eAAAZ,GAAA,CAACE,UAAA;QACCC,KAAA,EAAM;QACNC,MAAA,EAAQW,IAAA,KAAS;QACjBV,OAAA,EAASA,CAAA,KAAMW,YAAA,CAAa,UAAU;MAAA,CACxC;IAAA,CACF,GACA,eAAAf,IAAA,CAACJ,MAAA;MAAO4B,GAAA,EAAI;MACVb,QAAA,kBAAAX,IAAA,CAACH,IAAA;QAAKQ,QAAA,EAAU;QAAIC,KAAA,EAAM;QACvBK,QAAA,GAAAE,KAAA,CAAMY,SAAA,EAAU,KAAEZ,KAAA,CAAMY,SAAA,KAAc,IAAI,SAAS;MAAA,CACtD,GACA,eAAAzB,IAAA,CAACH,IAAA;QAAKQ,QAAA,EAAU;QAAIC,KAAA,EAAM;QACvBK,QAAA,GAAAE,KAAA,CAAMa,cAAA,EAAe,KAAEb,KAAA,CAAMa,cAAA,KAAmB,IAAI,cAAc;MAAA,CACrE;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"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 StatusBar_exports = {};
+__export(StatusBar_exports, {
+  StatusBar: () => StatusBar
+});
+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");
+function ModeButton(param) {
+  var {
+    label,
+    active,
+    onPress
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: 11,
+    color: active ? "$color12" : "$color9",
+    fontWeight: active ? "600" : "400",
+    cursor: "pointer",
+    onPress,
+    hoverStyle: {
+      color: "$color11"
+    },
+    userSelect: "none",
+    children: label
+  });
+}
+function StatusBar(param) {
+  var {
+    state,
+    mode,
+    onModeChange
+  } = param;
+  var _ctx = import_context.RichEditorContext.useStyledContext();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    borderTopWidth: 1,
+    borderTopColor: "$color5",
+    paddingHorizontal: "$3",
+    paddingVertical: "$1.5",
+    justifyContent: "space-between",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$1.5",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
+        label: "Rich text",
+        active: mode === "richtext",
+        onPress: function onPress() {
+          return onModeChange("richtext");
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color7",
+        children: "|"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModeButton, {
+        label: "Markdown",
+        active: mode === "markdown",
+        onPress: function onPress() {
+          return onModeChange("markdown");
+        }
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.wordCount, " ", state.wordCount === 1 ? "word" : "words"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        fontSize: 11,
+        color: "$color9",
+        children: [state.characterCount, " ", state.characterCount === 1 ? "character" : "characters"]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=StatusBar.native.js.map

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

@@ -0,0 +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","StatusBar_exports","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"],"sources":["../../../src/toolbar/StatusBar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/toolbar/TableBubble.mjs

@@ -0,0 +1,207 @@
+import { useState } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, XStack, YStack } from "tamagui";
+import { DropdownMenuItemFrame, ToolbarSeparatorFrame } from "../styled.mjs";
+import { ToolbarButton, ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RowPlusIcon() {
+  return /* @__PURE__ */jsxs("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */jsx("line", {
+      x1: "12",
+      y1: "5",
+      x2: "12",
+      y2: "19"
+    }), /* @__PURE__ */jsx("line", {
+      x1: "5",
+      y1: "12",
+      x2: "19",
+      y2: "12"
+    })]
+  });
+}
+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"
+    })]
+  });
+}
+const ROW_ACTIONS = [{
+  label: "Add row above",
+  action: e => e.chain().focus().addRowBefore().run()
+}, {
+  label: "Add row below",
+  action: e => e.chain().focus().addRowAfter().run()
+}, {
+  label: "Delete row",
+  action: e => e.chain().focus().deleteRow().run()
+}];
+const COL_ACTIONS = [{
+  label: "Add column before",
+  action: e => e.chain().focus().addColumnBefore().run()
+}, {
+  label: "Add column after",
+  action: e => e.chain().focus().addColumnAfter().run()
+}, {
+  label: "Delete column",
+  action: e => e.chain().focus().deleteColumn().run()
+}];
+const TABLE_ACTIONS = [{
+  label: "Toggle header row",
+  action: e => e.chain().focus().toggleHeaderRow().run()
+}, {
+  label: "Merge cells",
+  action: e => e.chain().focus().mergeCells().run()
+}, {
+  label: "Split cell",
+  action: e => e.chain().focus().splitCell().run()
+}, {
+  label: "Delete table",
+  action: e => e.chain().focus().deleteTable().run()
+}];
+function TableBubble({
+  editor
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [menuOpen, setMenuOpen] = useState(false);
+  if (!editor) return null;
+  return /* @__PURE__ */jsx(BubbleMenu, {
+    editor,
+    shouldShow: ({
+      editor: e
+    }) => e.isActive("table"),
+    options: {
+      placement: "top"
+    },
+    children: /* @__PURE__ */jsxs(XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1",
+      gap: "$1",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: [/* @__PURE__ */jsx(ToolbarButton, {
+        onPress: () => editor.chain().focus().addRowAfter().run(),
+        "aria-label": "Add row",
+        tooltip: "Add row below",
+        children: /* @__PURE__ */jsx(RowPlusIcon, {})
+      }), /* @__PURE__ */jsx(ToolbarButton, {
+        onPress: () => editor.chain().focus().addColumnAfter().run(),
+        "aria-label": "Add column",
+        tooltip: "Add column after",
+        children: /* @__PURE__ */jsx(Text, {
+          fontSize: 11,
+          fontWeight: "700",
+          children: "+Col"
+        })
+      }), /* @__PURE__ */jsxs(Popover, {
+        open: menuOpen,
+        onOpenChange: setMenuOpen,
+        placement: "bottom",
+        children: [/* @__PURE__ */jsx(Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
+            onPress: () => setMenuOpen(true),
+            "aria-label": "Table options",
+            children: /* @__PURE__ */jsx(Text, {
+              fontSize: 12,
+              children: "Table"
+            })
+          })
+        }), /* @__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
+          },
+          children: /* @__PURE__ */jsxs(YStack, {
+            gap: "$0.5",
+            minWidth: 180,
+            children: [ROW_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+              onPress: () => {
+                a.action(editor);
+                setMenuOpen(false);
+              },
+              "aria-label": a.label,
+              children: /* @__PURE__ */jsx(Text, {
+                fontSize: 13,
+                children: a.label
+              })
+            }, a.label)), /* @__PURE__ */jsx(XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), COL_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+              onPress: () => {
+                a.action(editor);
+                setMenuOpen(false);
+              },
+              "aria-label": a.label,
+              children: /* @__PURE__ */jsx(Text, {
+                fontSize: 13,
+                children: a.label
+              })
+            }, a.label)), /* @__PURE__ */jsx(XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */jsx(ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), TABLE_ACTIONS.map(a => /* @__PURE__ */jsx(DropdownMenuItemFrame, {
+              onPress: () => {
+                a.action(editor);
+                setMenuOpen(false);
+              },
+              "aria-label": a.label,
+              children: /* @__PURE__ */jsx(Text, {
+                fontSize: 13,
+                children: a.label
+              })
+            }, a.label))]
+          })
+        })]
+      }), /* @__PURE__ */jsx(ToolbarButton, {
+        onPress: () => editor.chain().focus().deleteTable().run(),
+        "aria-label": "Delete table",
+        tooltip: "Delete table",
+        children: /* @__PURE__ */jsx(TrashIcon, {})
+      })]
+    })
+  });
+}
+export { TableBubble };
+//# sourceMappingURL=TableBubble.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","BubbleMenu","useResolvedKnobs","Popover","Text","XStack","YStack","DropdownMenuItemFrame","ToolbarSeparatorFrame","ToolbarButton","ToolbarDropdownButton","jsx","jsxs","RowPlusIcon","width","height","viewBox","fill","stroke","strokeWidth","children","x1","y1","x2","y2","TrashIcon","points","d","ROW_ACTIONS","label","action","e","chain","focus","addRowBefore","run","addRowAfter","deleteRow","COL_ACTIONS","addColumnBefore","addColumnAfter","deleteColumn","TABLE_ACTIONS","toggleHeaderRow","mergeCells","splitCell","deleteTable","TableBubble","editor","knobProps","menuOpen","setMenuOpen","shouldShow","isActive","options","placement","backgroundColor","borderWidth","borderColor","borderRadius","padding","gap","alignItems","elevation","onPress","tooltip","fontSize","fontWeight","open","onOpenChange","Trigger","asChild","Content","panelPadding","enterStyle","opacity","y","exitStyle","minWidth","map","a","paddingVertical","vertical","marginHorizontal"],"sources":["../../../src/toolbar/TableBubble.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,273 @@
+"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 TableBubble_exports = {};
+__export(TableBubble_exports, {
+  TableBubble: () => TableBubble
+});
+module.exports = __toCommonJS(TableBubble_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_styled = require("../styled.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+function RowPlusIcon() {
+  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)("line", {
+      x1: "12",
+      y1: "5",
+      x2: "12",
+      y2: "19"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("line", {
+      x1: "5",
+      y1: "12",
+      x2: "19",
+      y2: "12"
+    })]
+  });
+}
+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"
+    })]
+  });
+}
+var ROW_ACTIONS = [{
+  label: "Add row above",
+  action: function action(e) {
+    return e.chain().focus().addRowBefore().run();
+  }
+}, {
+  label: "Add row below",
+  action: function action2(e) {
+    return e.chain().focus().addRowAfter().run();
+  }
+}, {
+  label: "Delete row",
+  action: function action3(e) {
+    return e.chain().focus().deleteRow().run();
+  }
+}];
+var COL_ACTIONS = [{
+  label: "Add column before",
+  action: function action4(e) {
+    return e.chain().focus().addColumnBefore().run();
+  }
+}, {
+  label: "Add column after",
+  action: function action5(e) {
+    return e.chain().focus().addColumnAfter().run();
+  }
+}, {
+  label: "Delete column",
+  action: function action6(e) {
+    return e.chain().focus().deleteColumn().run();
+  }
+}];
+var TABLE_ACTIONS = [{
+  label: "Toggle header row",
+  action: function action7(e) {
+    return e.chain().focus().toggleHeaderRow().run();
+  }
+}, {
+  label: "Merge cells",
+  action: function action8(e) {
+    return e.chain().focus().mergeCells().run();
+  }
+}, {
+  label: "Split cell",
+  action: function action9(e) {
+    return e.chain().focus().splitCell().run();
+  }
+}, {
+  label: "Delete table",
+  action: function action10(e) {
+    return e.chain().focus().deleteTable().run();
+  }
+}];
+function TableBubble(param) {
+  var {
+    editor
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
+  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("table");
+    },
+    options: {
+      placement: "top"
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      backgroundColor: "$background",
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      borderRadius: knobProps.borderRadius.borderRadius,
+      padding: "$1",
+      gap: "$1",
+      alignItems: "center",
+      elevation: knobProps.elevation,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: function onPress() {
+          return editor.chain().focus().addRowAfter().run();
+        },
+        "aria-label": "Add row",
+        tooltip: "Add row below",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RowPlusIcon, {})
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: function onPress() {
+          return editor.chain().focus().addColumnAfter().run();
+        },
+        "aria-label": "Add column",
+        tooltip: "Add column after",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 11,
+          fontWeight: "700",
+          children: "+Col"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+        open: menuOpen,
+        onOpenChange: setMenuOpen,
+        placement: "bottom",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+          asChild: true,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
+            onPress: function onPress() {
+              return setMenuOpen(true);
+            },
+            "aria-label": "Table options",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: 12,
+              children: "Table"
+            })
+          })
+        }), /* @__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
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            gap: "$0.5",
+            minWidth: 180,
+            children: [ROW_ACTIONS.map(function (a) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                onPress: function onPress() {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": a.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: a.label
+                })
+              }, a.label);
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), COL_ACTIONS.map(function (a) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                onPress: function onPress() {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": a.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: a.label
+                })
+              }, a.label);
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              paddingVertical: "$0.5",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+                vertical: false,
+                width: "100%",
+                height: 1,
+                marginHorizontal: 0
+              })
+            }), TABLE_ACTIONS.map(function (a) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.DropdownMenuItemFrame, {
+                onPress: function onPress() {
+                  a.action(editor);
+                  setMenuOpen(false);
+                },
+                "aria-label": a.label,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+                  fontSize: 13,
+                  children: a.label
+                })
+              }, a.label);
+            })]
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+        onPress: function onPress() {
+          return editor.chain().focus().deleteTable().run();
+        },
+        "aria-label": "Delete table",
+        tooltip: "Delete table",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(TrashIcon, {})
+      })]
+    })
+  });
+}
+//# sourceMappingURL=TableBubble.native.js.map