@multiplatform.one/rich-text 6.0.0

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

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

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

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

package/dist/esm/toolbar/HeadingPicker.mjs

@@ -0,0 +1,133 @@
+import { useState } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Popover, Text, YStack } from "tamagui";
+import { DropdownMenuItemFrame } from "../styled.mjs";
+import { ToolbarDropdownButton } from "./ToolbarButton.mjs";
+import { jsx, jsxs } from "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
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-start",
+    children: [/* @__PURE__ */jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */jsx(ToolbarDropdownButton, {
+        active: isAnyHeadingActive(state),
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "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
+      },
+      children: /* @__PURE__ */jsx(YStack, {
+        gap: "$1",
+        minWidth: 140,
+        children: HEADING_OPTIONS.map(option => /* @__PURE__ */jsxs(DropdownMenuItemFrame, {
+          active: state[option.stateKey],
+          onPress: () => {
+            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))
+      })
+    })]
+  });
+}
+export { HeadingPicker };
+//# sourceMappingURL=HeadingPicker.mjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,139 @@
+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 { ToolbarDropdownButton } from "./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
+  } = useResolvedKnobs();
+  var [open, setOpen] = useState(false);
+  return /* @__PURE__ */_jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-start",
+    children: [/* @__PURE__ */_jsx(Popover.Trigger, {
+      asChild: true,
+      children: /* @__PURE__ */_jsx(ToolbarDropdownButton, {
+        active: isAnyHeadingActive(state),
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "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
+      },
+      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);
+        })
+      })
+    })]
+  });
+}
+export { HeadingPicker };
+//# sourceMappingURL=HeadingPicker.native.js.map

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

@@ -0,0 +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":[]}