@multiplatform.one/rich-text 6.0.0

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

@@ -0,0 +1,146 @@
+"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 LinkDialog_exports = {};
+__export(LinkDialog_exports, {
+  LinkDialog: () => LinkDialog,
+  normalizeUrl: () => normalizeUrl
+});
+module.exports = __toCommonJS(LinkDialog_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 normalizeUrl(url) {
+  var trimmed = url.trim();
+  if (!trimmed) return trimmed;
+  if (/^https?:\/\//i.test(trimmed)) return trimmed;
+  if (/^mailto:/i.test(trimmed)) return trimmed;
+  if (/^tel:/i.test(trimmed)) return trimmed;
+  return `https://${trimmed}`;
+}
+function LinkDialog(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var [linkUrl, setLinkUrl] = (0, import_react.useState)("");
+  var handleSubmit = (0, import_react.useCallback)(function () {
+    var normalized = normalizeUrl(linkUrl);
+    if (normalized) {
+      var _editorRef_current;
+      (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("link", {
+        href: normalized
+      });
+    }
+    setLinkUrl("");
+    setOpen(false);
+  }, [linkUrl, editorRef]);
+  var handleRemove = (0, import_react.useCallback)(function () {
+    var _editorRef_current;
+    (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.executeCommand("link", {
+      href: null
+    });
+    setOpen(false);
+  }, [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, {
+        active: state.isLink,
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Link",
+        tooltip: import_shortcuts.SHORTCUTS.link,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.LinkIcon, {})
+      })
+    }), /* @__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: state.isLink ? "Edit Link" : "Add Link"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+          size: "$3",
+          placeholder: "https://example.com",
+          value: linkUrl,
+          onChangeText: setLinkUrl,
+          onSubmitEditing: handleSubmit,
+          autoFocus: true
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [state.isLink && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "red",
+            onPress: handleRemove,
+            "aria-label": "Remove link",
+            children: "Remove"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            theme: "active",
+            onPress: handleSubmit,
+            disabled: !linkUrl.trim(),
+            "aria-label": state.isLink ? "Update link" : "Add link",
+            children: state.isLink ? "Update" : "Add"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=LinkDialog.native.js.map

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

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

package/dist/cjs/toolbar/ListPicker.cjs

@@ -0,0 +1,117 @@
+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 ListPicker_exports = {};
+__export(ListPicker_exports, {
+  ListPicker: () => ListPicker
+});
+module.exports = __toCommonJS(ListPicker_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_icons = require("./icons.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const LIST_OPTIONS = [{
+  label: "Bullet List",
+  command: "bulletList",
+  stateKey: "isBulletList",
+  icon: import_icons.BulletListIcon
+}, {
+  label: "Ordered List",
+  command: "orderedList",
+  stateKey: "isOrderedList",
+  icon: import_icons.OrderedListIcon
+}, {
+  label: "Task List",
+  command: "taskList",
+  stateKey: "isTaskList",
+  icon: import_icons.TaskListIcon
+}];
+function getActiveListIcon(state) {
+  if (state.isOrderedList) return import_icons.OrderedListIcon;
+  if (state.isTaskList) return import_icons.TaskListIcon;
+  return import_icons.BulletListIcon;
+}
+function isAnyListActive(state) {
+  return state.isBulletList || state.isOrderedList || state.isTaskList;
+}
+function ListPicker({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const ActiveIcon = getActiveListIcon(state);
+  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: isAnyListActive(state),
+        disabled,
+        onPress: () => setOpen(true),
+        "aria-label": "Lists",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ActiveIcon, {})
+      })
+    }), /* @__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: 150,
+        children: LIST_OPTIONS.map(option => {
+          const Icon = option.icon;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
+            active: state[option.stateKey],
+            onPress: () => {
+              editorRef.current?.executeCommand(option.command);
+              setOpen(false);
+            },
+            "aria-label": option.label,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: option.label
+            })]
+          }, option.command);
+        })
+      })
+    })]
+  });
+}

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

@@ -0,0 +1,124 @@
+"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 ListPicker_exports = {};
+__export(ListPicker_exports, {
+  ListPicker: () => ListPicker
+});
+module.exports = __toCommonJS(ListPicker_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 import_icons = require("./icons.native.js");
+var LIST_OPTIONS = [{
+  label: "Bullet List",
+  command: "bulletList",
+  stateKey: "isBulletList",
+  icon: import_icons.BulletListIcon
+}, {
+  label: "Ordered List",
+  command: "orderedList",
+  stateKey: "isOrderedList",
+  icon: import_icons.OrderedListIcon
+}, {
+  label: "Task List",
+  command: "taskList",
+  stateKey: "isTaskList",
+  icon: import_icons.TaskListIcon
+}];
+function getActiveListIcon(state) {
+  if (state.isOrderedList) return import_icons.OrderedListIcon;
+  if (state.isTaskList) return import_icons.TaskListIcon;
+  return import_icons.BulletListIcon;
+}
+function isAnyListActive(state) {
+  return state.isBulletList || state.isOrderedList || state.isTaskList;
+}
+function ListPicker(param) {
+  var {
+    editorRef,
+    state,
+    disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var ActiveIcon = getActiveListIcon(state);
+  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: isAnyListActive(state),
+        disabled,
+        onPress: function onPress() {
+          return setOpen(true);
+        },
+        "aria-label": "Lists",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ActiveIcon, {})
+      })
+    }), /* @__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: 150,
+        children: LIST_OPTIONS.map(function (option) {
+          var Icon = option.icon;
+          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.label,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              children: option.label
+            })]
+          }, option.command);
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=ListPicker.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ListPicker_exports","__export","ListPicker","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_styled","import_ToolbarButton","import_icons","LIST_OPTIONS","label","command","stateKey","icon","BulletListIcon","OrderedListIcon","TaskListIcon","getActiveListIcon","state","isOrderedList","isTaskList","isAnyListActive","isBulletList","param","editorRef","disabled","knobProps","useResolvedKnobs","open","setOpen","useState","ActiveIcon","jsxs","Popover","onOpenChange","placement","children","jsx","Trigger","asChild","ToolbarDropdownButton","active","onPress","Content","panelPadding","backgroundColor","borderWidth","borderColor","borderRadius","elevation","enterStyle","opacity","y","exitStyle","YStack","gap","minWidth","map","option","Icon","DropdownMenuItemFrame","_editorRef_current","current","executeCommand"],"sources":["../../../src/toolbar/ListPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/toolbar/MoreDropdown.cjs

@@ -0,0 +1,201 @@
+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 MoreDropdown_exports = {};
+__export(MoreDropdown_exports, {
+  MoreDropdown: () => MoreDropdown
+});
+module.exports = __toCommonJS(MoreDropdown_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_icons = require("./icons.cjs");
+var import_shortcuts = require("./shortcuts.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const INLINE_ITEMS = [{
+  label: import_shortcuts.SHORTCUTS.subscript,
+  command: "subscript",
+  icon: import_icons.SubscriptIcon,
+  isActive: s => s.isSubscript
+}, {
+  label: import_shortcuts.SHORTCUTS.superscript,
+  command: "superscript",
+  icon: import_icons.SuperscriptIcon,
+  isActive: s => s.isSuperscript
+}];
+const ALIGN_ITEMS = [{
+  label: import_shortcuts.SHORTCUTS.alignLeft,
+  command: "alignLeft",
+  icon: import_icons.AlignLeftIcon,
+  isActive: s => s.textAlign === "left"
+}, {
+  label: import_shortcuts.SHORTCUTS.alignCenter,
+  command: "alignCenter",
+  icon: import_icons.AlignCenterIcon,
+  isActive: s => s.textAlign === "center"
+}, {
+  label: import_shortcuts.SHORTCUTS.alignRight,
+  command: "alignRight",
+  icon: import_icons.AlignRightIcon,
+  isActive: s => s.textAlign === "right"
+}, {
+  label: import_shortcuts.SHORTCUTS.alignJustify,
+  command: "alignJustify",
+  icon: import_icons.AlignJustifyIcon,
+  isActive: s => s.textAlign === "justify"
+}];
+const BLOCK_ITEMS = [{
+  label: import_shortcuts.SHORTCUTS.horizontalRule,
+  command: "horizontalRule",
+  icon: import_icons.HorizontalRuleIcon
+}, {
+  label: import_shortcuts.SHORTCUTS.clearFormatting,
+  command: "clearFormatting",
+  icon: import_icons.ClearFormattingIcon
+}];
+function MoreIcon() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+      cx: "5",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("circle", {
+      cx: "19",
+      cy: "12",
+      r: "2"
+    })]
+  });
+}
+function preventFocusTheft(e) {
+  e.preventDefault();
+}
+function ItemSection({
+  items,
+  state,
+  onSelect
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: items.map(item => {
+      const Icon = item.icon;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styled.DropdownMenuItemFrame, {
+        active: item.isActive?.(state),
+        onMouseDown: preventFocusTheft,
+        onPress: () => onSelect(item.command, item.payload),
+        "aria-label": item.label,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: 13,
+          children: item.label
+        })]
+      }, item.command);
+    })
+  });
+}
+function MoreDropdown({
+  editorRef,
+  state,
+  disabled
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleSelect = (command, payload) => {
+    editorRef.current?.executeCommand(command, payload);
+    if (command === "horizontalRule" || command === "clearFormatting") {
+      setOpen(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom-end",
+    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": "More formatting options",
+        tooltip: "More",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(MoreIcon, {})
+      })
+    }), /* @__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: "$1",
+        minWidth: 200,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: INLINE_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: ALIGN_ITEMS,
+          state,
+          onSelect: handleSelect
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          paddingVertical: "$1",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styled.ToolbarSeparatorFrame, {
+            vertical: false,
+            width: "100%",
+            height: 1,
+            marginHorizontal: 0
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ItemSection, {
+          items: BLOCK_ITEMS,
+          state,
+          onSelect: handleSelect
+        })]
+      })
+    })]
+  });
+}