@multiplatform.one/rich-text 6.0.0

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

@@ -0,0 +1,322 @@
+"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 FixedToolbar_native_exports = {};
+__export(FixedToolbar_native_exports, {
+  FixedToolbar: () => FixedToolbar
+});
+module.exports = __toCommonJS(FixedToolbar_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_types = require("../types.native.js");
+var import_constants = require("../constants.native.js");
+var import_styled = require("../styled.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var import_ToolbarGroup = require("./ToolbarGroup.native.js");
+var import_icons = require("./icons.native.js");
+function isSectionVisible(section, sections) {
+  if (!sections) return true;
+  return sections.includes(section);
+}
+function isNativeSupported(command) {
+  return import_constants.NATIVE_SUPPORTED_COMMANDS[command] === true;
+}
+function hasAnySupportedCommand(commands) {
+  return commands.some(isNativeSupported);
+}
+function FixedToolbar(param) {
+  var {
+    editorRef,
+    state = import_types.defaultEditorState,
+    sections,
+    hasError
+  } = param;
+  var executeCommand = (0, import_react.useCallback)(function (command, payload) {
+    var _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand(command, payload);
+  }, [editorRef]);
+  var visible = function visible2(section) {
+    return isSectionVisible(section, sections);
+  };
+  var historyVisible = visible("history") && hasAnySupportedCommand(["undo", "redo"]);
+  var formattingVisible = visible("formatting") && hasAnySupportedCommand(["bold", "italic", "underline", "strike", "code"]);
+  var colorVisible = visible("color") && hasAnySupportedCommand(["textColor", "highlight"]);
+  var headingVisible = visible("heading") && hasAnySupportedCommand(["heading1", "heading2", "heading3", "paragraph"]);
+  var alignmentVisible = visible("alignment") && hasAnySupportedCommand(["alignLeft", "alignCenter", "alignRight", "alignJustify"]);
+  var listVisible = visible("list") && hasAnySupportedCommand(["bulletList", "orderedList", "taskList"]);
+  var blockVisible = visible("block") && hasAnySupportedCommand(["blockquote", "codeBlock", "horizontalRule"]);
+  var linkVisible = visible("link") && isNativeSupported("link");
+  var imageVisible = visible("image") && isNativeSupported("image");
+  var clearVisible = visible("clear") && isNativeSupported("clearFormatting");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarFrame, {
+    hasError,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: {
+        paddingHorizontal: 8,
+        gap: 2
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        alignItems: "center",
+        gap: 4,
+        children: [/* History */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ToolbarGroup.ToolbarGroup, {
+          visible: historyVisible,
+          children: [isNativeSupported("undo") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            disabled: !state.canUndo,
+            onPress: function onPress() {
+              return executeCommand("undo");
+            },
+            "aria-label": "Undo",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.UndoIcon, {})
+          }), isNativeSupported("redo") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            disabled: !state.canRedo,
+            onPress: function onPress() {
+              return executeCommand("redo");
+            },
+            "aria-label": "Redo",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.RedoIcon, {})
+          })]
+        }), /* Formatting (hide subscript, superscript on native) */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ToolbarGroup.ToolbarGroup, {
+          visible: formattingVisible,
+          children: [isNativeSupported("bold") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isBold,
+            onPress: function onPress() {
+              return executeCommand("bold");
+            },
+            "aria-label": "Bold",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.BoldIcon, {
+              children: "B"
+            })
+          }), isNativeSupported("italic") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isItalic,
+            onPress: function onPress() {
+              return executeCommand("italic");
+            },
+            "aria-label": "Italic",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ItalicIcon, {
+              children: "I"
+            })
+          }), isNativeSupported("underline") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isUnderline,
+            onPress: function onPress() {
+              return executeCommand("underline");
+            },
+            "aria-label": "Underline",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.UnderlineIcon, {
+              children: "U"
+            })
+          }), isNativeSupported("strike") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isStrike,
+            onPress: function onPress() {
+              return executeCommand("strike");
+            },
+            "aria-label": "Strikethrough",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.StrikeIcon, {
+              children: "S"
+            })
+          }), isNativeSupported("code") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isCode,
+            onPress: function onPress() {
+              return executeCommand("code");
+            },
+            "aria-label": "Code",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: "</>"
+            })
+          })]
+        }), /* subscript and superscript are NOT supported on native -- hidden entirely */
+        /* Color */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ToolbarGroup.ToolbarGroup, {
+          visible: colorVisible,
+          children: [isNativeSupported("textColor") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: !!state.textColor,
+            onPress: function onPress() {
+              return executeCommand("textColor");
+            },
+            "aria-label": "Text Color",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.TextColorIcon, {
+              color: state.textColor
+            })
+          }), isNativeSupported("highlight") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: !!state.highlightColor,
+            onPress: function onPress() {
+              return executeCommand("highlight");
+            },
+            "aria-label": "Highlight Color",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.HighlightIcon, {
+              color: state.highlightColor
+            })
+          })]
+        }), /* Heading */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ToolbarGroup.ToolbarGroup, {
+          visible: headingVisible,
+          children: [isNativeSupported("heading1") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isHeading1,
+            onPress: function onPress() {
+              return executeCommand("heading1");
+            },
+            "aria-label": "Heading 1",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontWeight: "700",
+              children: "H1"
+            })
+          }), isNativeSupported("heading2") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isHeading2,
+            onPress: function onPress() {
+              return executeCommand("heading2");
+            },
+            "aria-label": "Heading 2",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontWeight: "600",
+              children: "H2"
+            })
+          }), isNativeSupported("heading3") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isHeading3,
+            onPress: function onPress() {
+              return executeCommand("heading3");
+            },
+            "aria-label": "Heading 3",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontWeight: "600",
+              children: "H3"
+            })
+          })]
+        }), /* Alignment (not supported on native -- entire group hidden) */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ToolbarGroup.ToolbarGroup, {
+          visible: alignmentVisible,
+          children: [isNativeSupported("alignLeft") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.textAlign === "left",
+            onPress: function onPress() {
+              return executeCommand("alignLeft");
+            },
+            "aria-label": "Align Left",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.AlignLeftIcon, {})
+          }), isNativeSupported("alignCenter") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.textAlign === "center",
+            onPress: function onPress() {
+              return executeCommand("alignCenter");
+            },
+            "aria-label": "Align Center",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.AlignCenterIcon, {})
+          }), isNativeSupported("alignRight") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.textAlign === "right",
+            onPress: function onPress() {
+              return executeCommand("alignRight");
+            },
+            "aria-label": "Align Right",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.AlignRightIcon, {})
+          }), isNativeSupported("alignJustify") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.textAlign === "justify",
+            onPress: function onPress() {
+              return executeCommand("alignJustify");
+            },
+            "aria-label": "Justify",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.AlignJustifyIcon, {})
+          })]
+        }), /* List */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_ToolbarGroup.ToolbarGroup, {
+          visible: listVisible,
+          children: [isNativeSupported("bulletList") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isBulletList,
+            onPress: function onPress() {
+              return executeCommand("bulletList");
+            },
+            "aria-label": "Bullet List",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: "\u2022"
+            })
+          }), isNativeSupported("orderedList") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isOrderedList,
+            onPress: function onPress() {
+              return executeCommand("orderedList");
+            },
+            "aria-label": "Ordered List",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: "1."
+            })
+          }), isNativeSupported("taskList") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isTaskList,
+            onPress: function onPress() {
+              return executeCommand("taskList");
+            },
+            "aria-label": "Task List",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: "[ ]"
+            })
+          })]
+        }), /* Block (only blockquote is supported on native) */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarGroup.ToolbarGroup, {
+          visible: blockVisible,
+          children: isNativeSupported("blockquote") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isBlockquote,
+            onPress: function onPress() {
+              return executeCommand("blockquote");
+            },
+            "aria-label": "Blockquote",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.BlockquoteIcon, {})
+          })
+        }), /* codeBlock and horizontalRule are NOT supported on native -- hidden entirely */
+        /* Link */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarGroup.ToolbarGroup, {
+          visible: linkVisible,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            active: state.isLink,
+            onPress: function onPress() {
+              return executeCommand("link");
+            },
+            "aria-label": "Link",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.LinkIcon, {})
+          })
+        }), /* Image */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarGroup.ToolbarGroup, {
+          visible: imageVisible,
+          showSeparator: !clearVisible,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            onPress: function onPress() {
+              return executeCommand("image");
+            },
+            "aria-label": "Insert Image",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ImageIcon, {})
+          })
+        }), /* Clear formatting (not supported on native -- hidden entirely) */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarGroup.ToolbarGroup, {
+          visible: clearVisible,
+          showSeparator: false,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarButton, {
+            onPress: function onPress() {
+              return executeCommand("clearFormatting");
+            },
+            "aria-label": "Clear Formatting",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ClearFormattingIcon, {})
+          })
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=FixedToolbar.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FixedToolbar_native_exports","__export","FixedToolbar","module","exports","__toCommonJS","import_jsx_runtime","require","import_react","import_tamagui","import_types","import_constants","import_styled","import_ToolbarButton","import_ToolbarGroup","import_icons","isSectionVisible","section","sections","includes","isNativeSupported","command","NATIVE_SUPPORTED_COMMANDS","hasAnySupportedCommand","commands","some","param","editorRef","state","defaultEditorState","hasError","executeCommand","useCallback","payload","_editorRef_current","current","visible","visible2","historyVisible","formattingVisible","colorVisible","headingVisible","alignmentVisible","listVisible","blockVisible","linkVisible","imageVisible","clearVisible","jsx","ToolbarFrame","children","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","paddingHorizontal","gap","jsxs","XStack","alignItems","ToolbarGroup","ToolbarButton","disabled","canUndo","onPress","UndoIcon","canRedo","RedoIcon","active","isBold","BoldIcon","isItalic","ItalicIcon","isUnderline","UnderlineIcon","isStrike","StrikeIcon","isCode","Text","textColor","TextColorIcon","color","highlightColor","HighlightIcon","isHeading1","fontWeight","isHeading2","isHeading3","textAlign","AlignLeftIcon","AlignCenterIcon","AlignRightIcon","AlignJustifyIcon","isBulletList","isOrderedList","isTaskList","isBlockquote","BlockquoteIcon","isLink","LinkIcon","showSeparator","ImageIcon","ClearFormattingIcon"],"sources":["../../../src/toolbar/FixedToolbar.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/HeadingPicker.cjs

@@ -0,0 +1,158 @@
+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 HeadingPicker_exports = {};
+__export(HeadingPicker_exports, {
+  HeadingPicker: () => HeadingPicker
+});
+module.exports = __toCommonJS(HeadingPicker_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_styled = require("../styled.cjs");
+var import_ToolbarButton = require("./ToolbarButton.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const HEADING_OPTIONS = [{
+  label: "H1",
+  description: "Heading 1",
+  command: "heading1",
+  stateKey: "isHeading1",
+  fontSize: "$5",
+  fontWeight: "700"
+}, {
+  label: "H2",
+  description: "Heading 2",
+  command: "heading2",
+  stateKey: "isHeading2",
+  fontSize: "$4",
+  fontWeight: "600"
+}, {
+  label: "H3",
+  description: "Heading 3",
+  command: "heading3",
+  stateKey: "isHeading3",
+  fontSize: "$3",
+  fontWeight: "600"
+}, {
+  label: "H4",
+  description: "Heading 4",
+  command: "heading4",
+  stateKey: "isHeading4",
+  fontSize: "$2",
+  fontWeight: "600"
+}, {
+  label: "H5",
+  description: "Heading 5",
+  command: "heading5",
+  stateKey: "isHeading5",
+  fontSize: "$1",
+  fontWeight: "600"
+}, {
+  label: "H6",
+  description: "Heading 6",
+  command: "heading6",
+  stateKey: "isHeading6",
+  fontSize: "$1",
+  fontWeight: "600"
+}, {
+  label: "P",
+  description: "Paragraph",
+  command: "paragraph",
+  stateKey: "isParagraph",
+  fontSize: "$3",
+  fontWeight: "400"
+}];
+function getActiveHeadingLabel(state) {
+  if (state.isHeading1) return "H1";
+  if (state.isHeading2) return "H2";
+  if (state.isHeading3) return "H3";
+  if (state.isHeading4) return "H4";
+  if (state.isHeading5) return "H5";
+  if (state.isHeading6) return "H6";
+  return "H";
+}
+function isAnyHeadingActive(state) {
+  return state.isHeading1 || state.isHeading2 || state.isHeading3 || state.isHeading4 || state.isHeading5 || state.isHeading6;
+}
+function HeadingPicker({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-start",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
+        active: isAnyHeadingActive(state),
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "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
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        gap: "$1",
+        minWidth: 140,
+        children: HEADING_OPTIONS.map(option => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
+          active: state[option.stateKey],
+          onPress: () => {
+            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))
+      })
+    })]
+  });
+}

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

@@ -0,0 +1,167 @@
+"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 HeadingPicker_exports = {};
+__export(HeadingPicker_exports, {
+  HeadingPicker: () => HeadingPicker
+});
+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_tamagui = require("tamagui");
+var import_styled = require("../styled.native.js");
+var import_ToolbarButton = require("./ToolbarButton.native.js");
+var HEADING_OPTIONS = [{
+  label: "H1",
+  description: "Heading 1",
+  command: "heading1",
+  stateKey: "isHeading1",
+  fontSize: "$5",
+  fontWeight: "700"
+}, {
+  label: "H2",
+  description: "Heading 2",
+  command: "heading2",
+  stateKey: "isHeading2",
+  fontSize: "$4",
+  fontWeight: "600"
+}, {
+  label: "H3",
+  description: "Heading 3",
+  command: "heading3",
+  stateKey: "isHeading3",
+  fontSize: "$3",
+  fontWeight: "600"
+}, {
+  label: "H4",
+  description: "Heading 4",
+  command: "heading4",
+  stateKey: "isHeading4",
+  fontSize: "$2",
+  fontWeight: "600"
+}, {
+  label: "H5",
+  description: "Heading 5",
+  command: "heading5",
+  stateKey: "isHeading5",
+  fontSize: "$1",
+  fontWeight: "600"
+}, {
+  label: "H6",
+  description: "Heading 6",
+  command: "heading6",
+  stateKey: "isHeading6",
+  fontSize: "$1",
+  fontWeight: "600"
+}, {
+  label: "P",
+  description: "Paragraph",
+  command: "paragraph",
+  stateKey: "isParagraph",
+  fontSize: "$3",
+  fontWeight: "400"
+}];
+function getActiveHeadingLabel(state) {
+  if (state.isHeading1) return "H1";
+  if (state.isHeading2) return "H2";
+  if (state.isHeading3) return "H3";
+  if (state.isHeading4) return "H4";
+  if (state.isHeading5) return "H5";
+  if (state.isHeading6) return "H6";
+  return "H";
+}
+function isAnyHeadingActive(state) {
+  return state.isHeading1 || state.isHeading2 || state.isHeading3 || state.isHeading4 || state.isHeading5 || state.isHeading6;
+}
+function HeadingPicker(param) {
+  var {
+    editorRef,
+    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, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-start",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ToolbarButton.ToolbarDropdownButton, {
+        active: isAnyHeadingActive(state),
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "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
+      },
+      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);
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=HeadingPicker.native.js.map