@ablogcms/block-editor 3.2.28-beta.0

package/dist/chunk-S24TRRWW.mjs

@@ -0,0 +1,3126 @@
+import {
+  AlignPicker
+} from "./chunk-OFWQRNO2.mjs";
+import {
+  ColorButton
+} from "./chunk-GIHTGDIW.mjs";
+import {
+  Toolbar
+} from "./chunk-HNSTT2Z4.mjs";
+import {
+  Column,
+  CustomConvertBlock,
+  CustomMark,
+  Document,
+  Dropcursor,
+  Figcaption,
+  FileBlock,
+  Focus,
+  FontStyle,
+  Heading,
+  Highlight,
+  HorizontalRule,
+  ImageBlock,
+  Link,
+  LinkButton,
+  MediaUpload,
+  PasteHandler,
+  Placeholder,
+  Selection,
+  SlashCommand_default,
+  StarterKit,
+  Subscript,
+  Superscript,
+  Table,
+  TableCell,
+  TableHeader,
+  TableRow,
+  TextAlign,
+  TextStyle,
+  TrailingNode,
+  Typography,
+  Underline,
+  isAllowedBlockEditorLinkUri,
+  isCellSelection,
+  isCustomNodeSelected,
+  isTextSelected,
+  useMediaSelect
+} from "./chunk-TKSGCO5Z.mjs";
+import {
+  Icon
+} from "./chunk-57Q3DEDF.mjs";
+import {
+  SettingsProvider,
+  useSettingsContext
+} from "./chunk-DUT25D7Z.mjs";
+import {
+  DEFAULT_EDITOR_SETTINGS,
+  buildIdentifier
+} from "./chunk-JYUNKG2P.mjs";
+import {
+  blocks_default,
+  mergeBlockDefinitions
+} from "./chunk-XGAKMQH4.mjs";
+import {
+  Columns
+} from "./chunk-OZG2BL6F.mjs";
+
+// src/components/BlockEditor/BlockEditor.tsx
+import { EditorContent } from "@tiptap/react";
+import { useRef as useRef14 } from "react";
+import { Slot } from "@ablogcms/components/slot-fill";
+import { Tooltip } from "@ablogcms/components/tooltip";
+
+// src/components/menus/LinkMenu/LinkMenu.tsx
+import { BubbleMenu as BaseBubbleMenu } from "@tiptap/react/menus";
+import { useCallback as useCallback3, useMemo as useMemo2, useState as useState3 } from "react";
+import { Popover, PopoverContent } from "@ablogcms/components/popover";
+
+// src/components/panels/LinkPreviewPanel/LinkPreviewPanel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function LinkPreviewPanel({ onClear, onEdit, url }) {
+  return /* @__PURE__ */ jsxs("div", { className: "acms-admin-block-editor-link-preview", children: [
+    /* @__PURE__ */ jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "acms-admin-block-editor-link-preview-url", children: url }),
+    /* @__PURE__ */ jsx(Toolbar.Divider, {}),
+    /* @__PURE__ */ jsx(Toolbar.Button, { type: "button", onClick: onEdit, "aria-label": "\u30EA\u30F3\u30AF\u3092\u7DE8\u96C6", children: /* @__PURE__ */ jsx(Icon, { name: "edit" }) }),
+    /* @__PURE__ */ jsx(Toolbar.Button, { type: "button", onClick: onClear, "aria-label": "\u30EA\u30F3\u30AF\u3092\u524A\u9664", children: /* @__PURE__ */ jsx(Icon, { name: "delete" }) })
+  ] });
+}
+
+// src/components/panels/Colorpicker/Colorpicker.tsx
+import { useCallback, useState, useEffect, useRef, useMemo } from "react";
+import { HexColorPicker } from "react-colorful";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var isHex = (v) => /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.test(v);
+function ColorPicker({ color, onChange, onClear }) {
+  const { colorPalette } = useSettingsContext();
+  const [colorInputValue, setColorInputValue] = useState(color ?? "");
+  const lastValidColorRef = useRef(isHex(color ?? "") ? color : "#000000");
+  useEffect(() => {
+    if (typeof color === "string") {
+      setColorInputValue(color);
+      if (isHex(color)) lastValidColorRef.current = color;
+    }
+  }, [color]);
+  const handleInputChange = useCallback(
+    (e) => {
+      const next = e.target.value.trim();
+      setColorInputValue(next);
+      if (isHex(next)) {
+        lastValidColorRef.current = next;
+        onChange?.(next);
+      }
+    },
+    [onChange]
+  );
+  const handleInputBlur = useCallback(() => {
+    if (!isHex(colorInputValue)) {
+      setColorInputValue(lastValidColorRef.current);
+      return;
+    }
+    onChange?.(colorInputValue);
+  }, [colorInputValue, onChange]);
+  const handlePickerChange = useCallback(
+    (hex) => {
+      lastValidColorRef.current = hex;
+      setColorInputValue(hex);
+      onChange?.(hex);
+    },
+    [onChange]
+  );
+  const handlePalettePick = useCallback(
+    (hex) => {
+      lastValidColorRef.current = hex;
+      setColorInputValue(hex);
+      onChange?.(hex);
+    },
+    [onChange]
+  );
+  const handleClear = useCallback(() => {
+    setColorInputValue("");
+    onClear?.();
+  }, [onClear]);
+  const pickerColor = useMemo(() => {
+    return isHex(colorInputValue) ? colorInputValue : lastValidColorRef.current;
+  }, [colorInputValue]);
+  return /* @__PURE__ */ jsxs2("div", { className: "acms-admin-block-editor-text-menu-color-picker-container", children: [
+    /* @__PURE__ */ jsx2(
+      HexColorPicker,
+      {
+        className: "acms-admin-block-editor-text-menu-color-picker-input",
+        color: pickerColor,
+        onChange: handlePickerChange
+      }
+    ),
+    /* @__PURE__ */ jsx2(
+      "input",
+      {
+        type: "text",
+        className: "acms-admin-block-editor-text-menu-color-picker-text-input",
+        placeholder: "#000000",
+        value: colorInputValue,
+        onChange: handleInputChange,
+        onBlur: handleInputBlur,
+        "aria-label": "\u30AB\u30E9\u30FC\u30B3\u30FC\u30C9\uFF08#RRGGBB \u307E\u305F\u306F #RGB\uFF09"
+      }
+    ),
+    /* @__PURE__ */ jsxs2("div", { className: "acms-admin-block-editor-text-menu-color-picker-palette", children: [
+      colorPalette?.map((currentColor) => /* @__PURE__ */ jsx2(
+        ColorButton,
+        {
+          active: currentColor === color,
+          color: currentColor,
+          onColorChange: handlePalettePick
+        },
+        currentColor
+      )),
+      /* @__PURE__ */ jsx2(Toolbar.Button, { type: "button", tooltip: "Reset color to default", onClick: handleClear, "aria-label": "\u8272\u3092\u30EA\u30BB\u30C3\u30C8", children: /* @__PURE__ */ jsx2(Icon, { name: "undo" }) })
+    ] })
+  ] });
+}
+
+// src/components/panels/LinkEditorPanel/LinkEditorPanel.tsx
+import { useState as useState2, useCallback as useCallback2 } from "react";
+import { ButtonV2 } from "@ablogcms/components/button-v2";
+import { isValidUrl } from "@ablogcms/utils";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var useLinkEditorState = ({ initialUrl, initialOpenInNewTab, onSetLink }) => {
+  const [url, setUrl] = useState2(initialUrl || "");
+  const [openInNewTab, setOpenInNewTab] = useState2(initialOpenInNewTab || false);
+  const onChange = useCallback2((event) => {
+    setUrl(event.target.value);
+  }, []);
+  const handleSubmit = useCallback2(
+    (e) => {
+      e.preventDefault();
+      if (isValidUrl(url)) {
+        onSetLink(url, openInNewTab);
+      } else {
+        alert("\u6709\u52B9\u306AURL\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002");
+      }
+    },
+    [url, openInNewTab, onSetLink]
+  );
+  return {
+    url,
+    setUrl,
+    openInNewTab,
+    setOpenInNewTab,
+    onChange,
+    handleSubmit,
+    isValidUrl
+  };
+};
+function LinkEditorPanel({ onSetLink, onClear, initialOpenInNewTab, initialUrl }) {
+  const state = useLinkEditorState({ onSetLink, initialOpenInNewTab, initialUrl });
+  const handleClear = useCallback2(() => {
+    onClear?.();
+    state.setUrl("");
+    state.setOpenInNewTab(false);
+  }, [onClear, state]);
+  return /* @__PURE__ */ jsx3("div", { className: "acms-admin-form acms-admin-block-editor-link-editor acms-admin-block-editor-popover-form", children: /* @__PURE__ */ jsxs3("form", { onSubmit: state.handleSubmit, children: [
+    /* @__PURE__ */ jsx3("div", { className: "acms-admin-block-editor-popover-form-item", children: /* @__PURE__ */ jsxs3("label", { className: "acms-admin-form-block", children: [
+      /* @__PURE__ */ jsx3("span", { className: "acms-admin-block-editor-popover-form-item-label", children: "\u30EA\u30F3\u30AF\u5148URL" }),
+      /* @__PURE__ */ jsx3(
+        "input",
+        {
+          type: "text",
+          className: "acms-admin-form-width-full",
+          placeholder: "URL\u3092\u5165\u529B",
+          value: state.url,
+          onChange: state.onChange
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx3("div", { className: "acms-admin-block-editor-popover-form-item", children: /* @__PURE__ */ jsxs3("div", { className: "acms-admin-form-checkbox", children: [
+      /* @__PURE__ */ jsx3(
+        "input",
+        {
+          type: "checkbox",
+          id: "openInNewTab",
+          value: "true",
+          checked: state.openInNewTab,
+          onChange: (prev) => {
+            state.setOpenInNewTab(prev.target.checked);
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs3("label", { htmlFor: "openInNewTab", children: [
+        /* @__PURE__ */ jsx3("i", { className: "acms-admin-ico-checkbox" }),
+        "\u30EA\u30F3\u30AF\u5148\u3092\u5225\u30BF\u30D6\u3067\u958B\u304F"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx3("div", { className: "acms-admin-block-editor-popover-form-button-group", children: initialUrl ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+      /* @__PURE__ */ jsxs3(ButtonV2, { variant: "outlined", size: "small", type: "submit", children: [
+        /* @__PURE__ */ jsx3(Icon, { name: "sync" }),
+        "\u5909\u66F4"
+      ] }),
+      /* @__PURE__ */ jsxs3(ButtonV2, { variant: "filled", size: "small", type: "button", onClick: handleClear, children: [
+        /* @__PURE__ */ jsx3(Icon, { name: "delete" }),
+        "\u89E3\u9664"
+      ] })
+    ] }) : /* @__PURE__ */ jsx3(ButtonV2, { variant: "filled", size: "small", type: "submit", children: "\u8FFD\u52A0" }) })
+  ] }) });
+}
+
+// src/components/menus/LinkMenu/LinkMenu.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function LinkMenu({ editor, appendTo }) {
+  const [showEdit, setShowEdit] = useState3(false);
+  const [isOpen, setIsOpen] = useState3(false);
+  const shouldShow = useCallback3(({ editor: editor2 }) => {
+    const isActive = editor2.isActive("link");
+    const isShow = isActive && !isTextSelected({ editor: editor2 });
+    setIsOpen(isShow);
+    return isShow;
+  }, []);
+  const { href: link, target } = editor.getAttributes("link");
+  const handleEdit = useCallback3(() => {
+    setShowEdit(true);
+  }, []);
+  const onSetLink = useCallback3(
+    (url, openInNewTab) => {
+      editor.chain().focus().extendMarkRange("link").setLink({
+        href: url,
+        target: openInNewTab ? "_blank" : null,
+        rel: openInNewTab ? "noopener noreferrer" : null
+      }).run();
+      setShowEdit(false);
+    },
+    [editor]
+  );
+  const onUnsetLink = useCallback3(() => {
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    setShowEdit(false);
+    return null;
+  }, [editor]);
+  const getAnchorRect = useCallback3(() => {
+    const { view } = editor;
+    const { state } = editor;
+    const { $from } = state.selection;
+    const pos = $from.before($from.depth);
+    const dom = view.nodeDOM(pos);
+    if (dom instanceof HTMLElement) {
+      return dom.getBoundingClientRect();
+    }
+    return null;
+  }, [editor]);
+  const handleHide = useCallback3(() => {
+    setShowEdit(false);
+  }, []);
+  const bubbleMenuAppendTo = useCallback3(() => appendTo?.current, [appendTo]);
+  const bubbleMenuOptions = useMemo2(
+    () => ({
+      placement: "bottom-start",
+      onHide: handleHide
+    }),
+    [handleHide]
+  );
+  return /* @__PURE__ */ jsx4(
+    BaseBubbleMenu,
+    {
+      editor,
+      pluginKey: "linkMenu",
+      shouldShow,
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      options: bubbleMenuOptions,
+      children: /* @__PURE__ */ jsx4(Popover, { modal: true, isOpen, getAnchorRect, children: /* @__PURE__ */ jsx4(PopoverContent, { "data-elevation": "2", size: showEdit ? "default" : "small", children: showEdit ? /* @__PURE__ */ jsx4(
+        LinkEditorPanel,
+        {
+          initialUrl: link,
+          initialOpenInNewTab: target === "_blank",
+          onSetLink,
+          onClear: onUnsetLink
+        }
+      ) : /* @__PURE__ */ jsx4(LinkPreviewPanel, { url: link, onClear: onUnsetLink, onEdit: handleEdit }) }) })
+    }
+  );
+}
+
+// src/components/menus/TextMenu/TextMenu.tsx
+import { BubbleMenu } from "@tiptap/react/menus";
+import { memo, useEffect as useEffect5, useState as useState7, useRef as useRef4, useMemo as useMemo7, useCallback as useCallback11 } from "react";
+import { Popover as Popover3, PopoverTrigger as PopoverTrigger2, PopoverContent as PopoverContent3 } from "@ablogcms/components/popover";
+
+// src/hooks/useBlockMenus.ts
+import { useCallback as useCallback4, useEffect as useEffect2, useRef as useRef2, useMemo as useMemo3 } from "react";
+
+// src/hooks/useFrequentlyUsed.ts
+import { useState as useState4 } from "react";
+
+// src/lib/utils/commandUsageStorage.ts
+var STORAGE_KEY_PREFIX = "acms-frequently-used-commands";
+var FREQUENT_BLOCKS_MAX_ITEMS = 30;
+var FREQUENCY_WEIGHT = 0.3;
+var RECENCY_WEIGHT = 0.5;
+var RECENCY_HALFLIFE_DAYS = 7;
+var getKey = () => {
+  return `${STORAGE_KEY_PREFIX}-setid-${ACMS.Config.editorSetId}-root-${ACMS.Config.root}-suid-${ACMS.Config.suid}`;
+};
+var getCommandKey = (command) => {
+  return command.class ? `${command.name}:${command.class}` : command.name;
+};
+var loadUsageData = () => {
+  const key = getKey();
+  const raw = localStorage.getItem(key);
+  if (!raw) return {};
+  try {
+    const parsed = JSON.parse(raw);
+    if (typeof parsed === "object" && parsed !== null && !Array.isArray(parsed)) {
+      return parsed;
+    }
+  } catch (e) {
+    console.error("Error parsing usage data from localStorage:", e);
+  }
+  return {};
+};
+var saveUsageData = (data) => {
+  const key = getKey();
+  localStorage.setItem(key, JSON.stringify(data));
+};
+var recordCommandUsage = (command) => {
+  const data = loadUsageData();
+  const commandKey = getCommandKey({ name: command.name, class: command.class });
+  const now = Date.now();
+  const existing = data[commandKey];
+  data[commandKey] = {
+    count: (existing?.count ?? 0) + 1,
+    lastUsed: now
+  };
+  const trimmedEntries = Object.entries(data).toSorted((a, b) => (b[1].lastUsed ?? 0) - (a[1].lastUsed ?? 0)).slice(0, FREQUENT_BLOCKS_MAX_ITEMS);
+  const trimmedData = Object.fromEntries(trimmedEntries);
+  saveUsageData(trimmedData);
+};
+var calculateScore = (record, now) => {
+  const useCount = record.count;
+  const { lastUsed } = record;
+  const frequencyScore = Math.log(useCount + 1);
+  const daysSinceLastUse = (now - lastUsed) / (1e3 * 60 * 60 * 24);
+  const recencyScore = Math.exp(-daysSinceLastUse / RECENCY_HALFLIFE_DAYS);
+  return frequencyScore * FREQUENCY_WEIGHT + recencyScore * RECENCY_WEIGHT;
+};
+var getSortedCommandEntries = (data, limit, now) => {
+  const entriesWithScore = Object.entries(data).map(([id, record]) => {
+    const score = calculateScore(record, now);
+    return [id, { ...record, score }];
+  });
+  return entriesWithScore.toSorted((a, b) => {
+    const scoreA = a[1].score ?? 0;
+    const scoreB = b[1].score ?? 0;
+    return scoreB - scoreA;
+  }).slice(0, limit);
+};
+var getFrequentlyUsedCommands = (limit = 5) => {
+  const data = loadUsageData();
+  const now = Date.now();
+  const sortedEntries = getSortedCommandEntries(data, FREQUENT_BLOCKS_MAX_ITEMS, now);
+  return sortedEntries.slice(0, limit).map(([commandKey]) => {
+    const colonIndex = commandKey.indexOf(":");
+    if (colonIndex !== -1) {
+      return {
+        name: commandKey.substring(0, colonIndex),
+        class: commandKey.substring(colonIndex + 1)
+      };
+    }
+    return { name: commandKey };
+  });
+};
+
+// src/hooks/useFrequentlyUsed.ts
+var maxItem = 5;
+var useFrequentlyUsed = () => {
+  const [frequentlyUsed, setFrequentlyUsed] = useState4(() => getFrequentlyUsedCommands(maxItem));
+  const recordUsage = (command) => {
+    recordCommandUsage(command);
+    setFrequentlyUsed(getFrequentlyUsedCommands(maxItem));
+  };
+  return { frequentlyUsed, recordUsage };
+};
+
+// src/hooks/resolveCommands.ts
+function resolveCommands(commands, recordUsage, additionalDefinitions) {
+  const masters = mergeBlockDefinitions(additionalDefinitions);
+  return commands.flatMap((cmd) => {
+    const def = masters[cmd.name];
+    if (!def) {
+      return [];
+    }
+    return [
+      {
+        ...cmd,
+        ...def.createActions(cmd, { recordUsage })
+      }
+    ];
+  });
+}
+
+// src/hooks/useBlockMenus.ts
+function useBlockMenus({ blockMenus, blockDefinitions }) {
+  const { frequentlyUsed, recordUsage } = useFrequentlyUsed();
+  const itemsRef = useRef2([]);
+  useEffect2(() => {
+    itemsRef.current = blockMenus ?? [];
+  }, [blockMenus]);
+  const getFilteredBlockMenus = useCallback4(
+    ({ query, editor }) => {
+      const currentItems = itemsRef.current;
+      if (!currentItems || currentItems.length === 0) {
+        return [];
+      }
+      const withFilteredCommands = currentItems.map((group) => ({
+        ...group,
+        commands: group.commands.filter((item) => {
+          const labelNormalized = item.label.toLowerCase().trim();
+          const queryNormalized = query.toLowerCase().trim();
+          if (item.aliases) {
+            const aliases = item.aliases.map((alias) => alias.toLowerCase().trim());
+            return labelNormalized.includes(queryNormalized) || aliases.some((alias) => alias.includes(queryNormalized));
+          }
+          return labelNormalized.includes(queryNormalized);
+        }).filter((command) => {
+          if (!command.shouldBeHidden) {
+            return true;
+          }
+          return !command.shouldBeHidden(editor);
+        })
+      }));
+      const withoutEmptyGroups = withFilteredCommands.filter((group) => {
+        if (group.commands.length > 0) {
+          return true;
+        }
+        return false;
+      });
+      const withEnabledSettings = withoutEmptyGroups.map((group) => ({
+        ...group,
+        commands: group.commands.map((command) => ({
+          ...command,
+          isEnabled: true
+        }))
+      }));
+      const resolvedGroups = withEnabledSettings.map((group) => ({
+        ...group,
+        commands: resolveCommands(group.commands, recordUsage, blockDefinitions)
+      }));
+      if (frequentlyUsed.length > 0) {
+        const frequentlyUsedMap = /* @__PURE__ */ new Map();
+        frequentlyUsed.forEach((f, index) => {
+          const key = `${f.name}:${f.class ?? ""}`;
+          frequentlyUsedMap.set(key, index);
+        });
+        const frequentlyUsedCommands = resolvedGroups.flatMap((group) => group.commands).filter((cmd, index, self) => {
+          const key = `${cmd.name}:${cmd.class ?? ""}`;
+          const isFrequentlyUsed = frequentlyUsedMap.has(key);
+          const firstIndex = self.findIndex((c) => c.name === cmd.name && (c.class ?? "") === (cmd.class ?? ""));
+          return isFrequentlyUsed && firstIndex === index;
+        }).toSorted((a, b) => {
+          const aKey = `${a.name}:${a.class ?? ""}`;
+          const bKey = `${b.name}:${b.class ?? ""}`;
+          const aIndex = frequentlyUsedMap.get(aKey) ?? Infinity;
+          const bIndex = frequentlyUsedMap.get(bKey) ?? Infinity;
+          return aIndex - bIndex;
+        });
+        if (frequentlyUsedCommands.length > 0) {
+          const frequentlyUsedGroup = {
+            title: "\u3088\u304F\u4F7F\u3046\u30D6\u30ED\u30C3\u30AF",
+            name: "frequently-used",
+            commands: frequentlyUsedCommands
+          };
+          return [frequentlyUsedGroup, ...resolvedGroups];
+        }
+      }
+      return resolvedGroups;
+    },
+    [recordUsage, frequentlyUsed, blockDefinitions]
+  );
+  return {
+    groups: blockMenus ?? [],
+    getFilteredBlockMenus
+  };
+}
+function useFilteredCommands(menus, editor, currentPos) {
+  return useMemo3(() => {
+    return menus.map((item) => {
+      const filteredCommands = item.commands.filter((cmd) => !cmd.isDisabled(editor, currentPos));
+      return {
+        ...item,
+        commands: filteredCommands
+      };
+    }).filter((item) => item.commands.length > 0 && item.name !== "frequently-used");
+  }, [menus, editor, currentPos]);
+}
+
+// src/hooks/useEditorViewDom.ts
+import { useEffect as useEffect3, useState as useState5 } from "react";
+function useEditorViewDom(editor) {
+  const [dom, setDom] = useState5(
+    () => editor.isInitialized ? editor.view.dom : null
+  );
+  useEffect3(() => {
+    if (editor.isInitialized) {
+      setDom(editor.view.dom);
+      return void 0;
+    }
+    const handleCreate = () => setDom(editor.view.dom);
+    editor.on("create", handleCreate);
+    return () => {
+      editor.off("create", handleCreate);
+    };
+  }, [editor]);
+  return dom;
+}
+
+// src/components/menus/TextMenu/hooks/useTextmenuCommands.ts
+import { useCallback as useCallback5 } from "react";
+var useTextmenuCommands = (editor) => {
+  const onBold = useCallback5(() => editor.chain().focus().toggleBold().run(), [editor]);
+  const onItalic = useCallback5(() => editor.chain().focus().toggleItalic().run(), [editor]);
+  const onStrike = useCallback5(() => editor.chain().focus().toggleStrike().run(), [editor]);
+  const onUnderline = useCallback5(() => editor.chain().focus().toggleUnderline().run(), [editor]);
+  const onCode = useCallback5(() => editor.chain().focus().toggleCode().run(), [editor]);
+  const onCodeBlock = useCallback5(() => editor.chain().focus().toggleCodeBlock().run(), [editor]);
+  const onSubscript = useCallback5(() => editor.chain().focus().toggleSubscript().run(), [editor]);
+  const onSuperscript = useCallback5(() => editor.chain().focus().toggleSuperscript().run(), [editor]);
+  const onAlignLeft = useCallback5(() => editor.chain().focus().setTextAlign("left").run(), [editor]);
+  const onAlignCenter = useCallback5(() => editor.chain().focus().setTextAlign("center").run(), [editor]);
+  const onAlignRight = useCallback5(() => editor.chain().focus().setTextAlign("right").run(), [editor]);
+  const onAlignJustify = useCallback5(() => editor.chain().focus().setTextAlign("justify").run(), [editor]);
+  const onChangeColor = useCallback5((color) => editor.chain().setFontColor(color).run(), [editor]);
+  const onClearColor = useCallback5(() => editor.chain().focus().unsetFontColor().run(), [editor]);
+  const onChangeHighlight = useCallback5((color) => editor.chain().setHighlight({ color }).run(), [editor]);
+  const onClearHighlight = useCallback5(() => editor.chain().focus().unsetHighlight().run(), [editor]);
+  const onLink = useCallback5(
+    (url, inNewTab) => editor.chain().focus().setLink({ href: url, target: inNewTab ? "_blank" : "" }).run(),
+    [editor]
+  );
+  const onUnsetLink = useCallback5(() => {
+    editor.chain().focus().unsetLink().run();
+  }, [editor]);
+  const onSetFont = useCallback5(
+    (font) => {
+      if (!font || font.length === 0) {
+        return editor.chain().focus().unsetFontFamily().run();
+      }
+      return editor.chain().focus().setFontFamily(font).run();
+    },
+    [editor]
+  );
+  const onSetFontSize = useCallback5(
+    (fontSize) => {
+      if (!fontSize || fontSize.length === 0) {
+        return editor.chain().focus().unsetFontSize().run();
+      }
+      return editor.chain().focus().setFontSize(fontSize).run();
+    },
+    [editor]
+  );
+  const onCustomClass = useCallback5(
+    (className) => {
+      editor.commands.setMark("customMark", { class: className });
+    },
+    [editor]
+  );
+  const removeCustomClass = useCallback5(() => {
+    editor.commands.unsetMark("customMark");
+  }, [editor]);
+  return {
+    onBold,
+    onItalic,
+    onStrike,
+    onUnderline,
+    onCode,
+    onCodeBlock,
+    onSubscript,
+    onSuperscript,
+    onAlignLeft,
+    onAlignCenter,
+    onAlignRight,
+    onAlignJustify,
+    onChangeColor,
+    onClearColor,
+    onChangeHighlight,
+    onClearHighlight,
+    onSetFont,
+    onSetFontSize,
+    onLink,
+    onUnsetLink,
+    onCustomClass,
+    removeCustomClass
+  };
+};
+
+// src/components/menus/TextMenu/hooks/useTextmenuStates.ts
+import { useCallback as useCallback6 } from "react";
+var useTextmenuStates = (editor) => {
+  const shouldShow = useCallback6(
+    ({ view, state, from }) => {
+      if (!view || !state) {
+        return false;
+      }
+      if (isCellSelection(state.selection)) {
+        return false;
+      }
+      const domAtPos = view.domAtPos(from || 0).node;
+      const nodeDOM = view.nodeDOM(from || 0);
+      const node = nodeDOM || domAtPos;
+      if (isCustomNodeSelected(editor, node)) {
+        return false;
+      }
+      return isTextSelected({ editor });
+    },
+    [editor]
+  );
+  return {
+    isLink: editor.isActive("link"),
+    isBold: editor.isActive("bold"),
+    isItalic: editor.isActive("italic"),
+    isStrike: editor.isActive("strike"),
+    isUnderline: editor.isActive("underline"),
+    isCode: editor.isActive("code"),
+    isSubscript: editor.isActive("subscript"),
+    isSuperscript: editor.isActive("superscript"),
+    isAlignLeft: editor.isActive({ textAlign: "left" }),
+    isAlignCenter: editor.isActive({ textAlign: "center" }),
+    isAlignRight: editor.isActive({ textAlign: "right" }),
+    isAlignJustify: editor.isActive({ textAlign: "justify" }),
+    currentColor: editor.getAttributes("textStyle")?.color || void 0,
+    currentHighlight: editor.getAttributes("highlight")?.color || void 0,
+    currentFont: editor.getAttributes("textStyle")?.fontFamily || void 0,
+    currentSize: editor.getAttributes("textStyle")?.fontSize || void 0,
+    currentCustomClass: editor.getAttributes("customMark")?.class || void 0,
+    shouldShow
+  };
+};
+
+// src/components/menus/TextMenu/components/ContentTypePicker.tsx
+import { useMemo as useMemo4 } from "react";
+import { Menu, MenuTrigger, MenuList, MenuItem, MenuGroup, MenuPopover } from "@ablogcms/components/dropdown-menu";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function ContentTypePicker({ menus, editor, currentPos }) {
+  const activeItem = useMemo4(() => {
+    return menus.flatMap((item) => item.commands).find((cmd) => (cmd.isActive?.(editor) ?? false) && cmd.isTextMenu === true);
+  }, [menus, editor]);
+  const filteredCommands = useFilteredCommands(menus, editor, currentPos);
+  return /* @__PURE__ */ jsxs4(Menu, { children: [
+    activeItem && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+      /* @__PURE__ */ jsx5(MenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(Toolbar.Button, { type: "button", tooltip: "\u30D6\u30ED\u30C3\u30AF\u30BF\u30A4\u30D7", "aria-label": "\u30D6\u30ED\u30C3\u30AF\u30BF\u30A4\u30D7\u3092\u9078\u629E", children: [
+        /* @__PURE__ */ jsx5(Icon, { name: activeItem.iconName }),
+        activeItem.label,
+        /* @__PURE__ */ jsx5(Icon, { name: "keyboard_arrow_down" })
+      ] }) }),
+      /* @__PURE__ */ jsx5(Toolbar.Divider, {})
+    ] }),
+    /* @__PURE__ */ jsx5(MenuPopover, { scrollable: true, "data-elevation": "3", children: /* @__PURE__ */ jsx5(MenuList, { children: filteredCommands.map((group) => /* @__PURE__ */ jsx5(MenuGroup, { title: group.title, children: group.commands.map((command) => /* @__PURE__ */ jsx5(
+      MenuItem,
+      {
+        icon: /* @__PURE__ */ jsx5(Icon, { name: command.iconName }),
+        onSelect: command.convert ? () => command.convert(editor, currentPos) : () => {
+        },
+        children: command.label
+      },
+      `${command.name}_${command.label}`
+    )) }, group.title)) }) })
+  ] });
+}
+
+// src/components/menus/TextMenu/components/FontFamilyPicker.tsx
+import { useCallback as useCallback7, useMemo as useMemo5 } from "react";
+import {
+  Menu as Menu2,
+  MenuTrigger as MenuTrigger2,
+  MenuList as MenuList2,
+  MenuGroup as MenuGroup2,
+  MenuItemRadio,
+  MenuItemRadioGroup,
+  MenuPopover as MenuPopover2
+} from "@ablogcms/components/dropdown-menu";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function FontFamilyPicker({ onChange, value }) {
+  const { fontFamily } = useSettingsContext();
+  const currentValue = useMemo5(() => fontFamily?.find((family) => family.value === value), [fontFamily, value]);
+  const currentFontLabel = useMemo5(() => currentValue?.label || "\u30C7\u30D5\u30A9\u30EB\u30C8", [currentValue]);
+  const selectFont = useCallback7((font) => onChange(font), [onChange]);
+  return /* @__PURE__ */ jsxs5(Menu2, { closeOnSelect: true, children: [
+    /* @__PURE__ */ jsx6(MenuTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs5(
+      Toolbar.Button,
+      {
+        type: "button",
+        tooltip: "\u30D5\u30A9\u30F3\u30C8\u30D5\u30A1\u30DF\u30EA\u30FC",
+        active: !!currentValue?.value,
+        "aria-label": "\u30D5\u30A9\u30F3\u30C8\u30D5\u30A1\u30DF\u30EA\u30FC\u3092\u8A2D\u5B9A",
+        children: [
+          /* @__PURE__ */ jsx6(Icon, { name: "slab_serif" }),
+          currentFontLabel,
+          /* @__PURE__ */ jsx6(Icon, { name: "keyboard_arrow_down" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx6(MenuPopover2, { "data-elevation": "3", children: /* @__PURE__ */ jsx6(MenuList2, { children: fontFamily?.length > 0 && /* @__PURE__ */ jsx6(MenuGroup2, { title: "\u30D5\u30A9\u30F3\u30C8\u30D5\u30A1\u30DF\u30EA\u30FC", children: /* @__PURE__ */ jsx6(MenuItemRadioGroup, { defaultValue: currentValue?.value, onValueChange: selectFont, children: fontFamily.map((item) => /* @__PURE__ */ jsx6(MenuItemRadio, { value: item.value, children: /* @__PURE__ */ jsx6("span", { style: { fontFamily: item.value }, children: item.label }) }, `${item.label}_${item.value}`)) }) }) }) })
+  ] });
+}
+
+// src/components/menus/TextMenu/components/FontSizePicker.tsx
+import { useCallback as useCallback8, useMemo as useMemo6 } from "react";
+import {
+  Menu as Menu3,
+  MenuTrigger as MenuTrigger3,
+  MenuList as MenuList3,
+  MenuGroup as MenuGroup3,
+  MenuItemRadio as MenuItemRadio2,
+  MenuItemRadioGroup as MenuItemRadioGroup2,
+  MenuPopover as MenuPopover3
+} from "@ablogcms/components/dropdown-menu";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function FontSizePicker({ onChange, value }) {
+  const { fontSize } = useSettingsContext();
+  const currentValue = useMemo6(() => fontSize?.find((size) => size.value === value), [fontSize, value]);
+  const currentSizeLabel = useMemo6(() => currentValue?.label.split(" ")[0] || "\u6A19\u6E96", [currentValue]);
+  const selectSize = useCallback8((size) => onChange(size), [onChange]);
+  return /* @__PURE__ */ jsxs6(Menu3, { closeOnSelect: true, children: [
+    /* @__PURE__ */ jsx7(MenuTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs6(
+      Toolbar.Button,
+      {
+        type: "button",
+        tooltip: "\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA",
+        active: !!currentValue?.value,
+        "aria-label": "\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u3092\u8A2D\u5B9A",
+        children: [
+          /* @__PURE__ */ jsx7(Icon, { name: "format_size" }),
+          currentSizeLabel,
+          /* @__PURE__ */ jsx7(Icon, { name: "keyboard_arrow_down" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx7(MenuPopover3, { "data-elevation": "3", children: /* @__PURE__ */ jsx7(MenuList3, { children: fontSize?.length > 0 && /* @__PURE__ */ jsx7(MenuGroup3, { title: "\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA", children: /* @__PURE__ */ jsx7(MenuItemRadioGroup2, { defaultValue: currentValue?.value, onValueChange: selectSize, children: fontSize.map((item) => /* @__PURE__ */ jsx7(MenuItemRadio2, { value: item.value, children: /* @__PURE__ */ jsx7("span", { style: { fontSize: item.value }, children: item.label }) }, `${item.label}_${item.value}`)) }) }) }) })
+  ] });
+}
+
+// src/components/menus/TextMenu/components/CustomClassPicker.tsx
+import { useCallback as useCallback9, useEffect as useEffect4, useState as useState6 } from "react";
+import {
+  Menu as Menu4,
+  MenuItem as MenuItem2,
+  MenuTrigger as MenuTrigger4,
+  MenuList as MenuList4,
+  MenuGroup as MenuGroup4,
+  MenuItemRadio as MenuItemRadio3,
+  MenuItemRadioGroup as MenuItemRadioGroup3,
+  MenuPopover as MenuPopover4
+} from "@ablogcms/components/dropdown-menu";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function CustomClassPicker({ onChange, onRemove, value }) {
+  const { customClass } = useSettingsContext();
+  const [currentValue, setCurrentValue] = useState6(null);
+  useEffect4(() => {
+    const currentValue2 = customClass.find((item) => item.value === value.replace("custom-mark ", ""));
+    setCurrentValue(currentValue2 || null);
+  }, [customClass, value]);
+  const selectClass = useCallback9(
+    (className) => {
+      onChange(`custom-mark ${className}`);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxs7(Menu4, { closeOnSelect: true, children: [
+    /* @__PURE__ */ jsx8(MenuTrigger4, { asChild: true, children: /* @__PURE__ */ jsxs7(
+      Toolbar.Button,
+      {
+        type: "button",
+        tooltip: "\u30AB\u30B9\u30BF\u30E0\u30AF\u30E9\u30B9",
+        active: !!currentValue?.value,
+        "aria-label": "\u30AB\u30B9\u30BF\u30E0\u30AF\u30E9\u30B9\u3092\u8A2D\u5B9A",
+        children: [
+          /* @__PURE__ */ jsx8(Icon, { name: "build" }),
+          currentValue?.label || "\u30AB\u30B9\u30BF\u30E0\u30AF\u30E9\u30B9",
+          /* @__PURE__ */ jsx8(Icon, { name: "keyboard_arrow_down" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx8(MenuPopover4, { "data-elevation": "3", children: /* @__PURE__ */ jsx8(MenuList4, { children: /* @__PURE__ */ jsx8(MenuGroup4, { title: "\u30AB\u30B9\u30BF\u30E0\u30AF\u30E9\u30B9", children: /* @__PURE__ */ jsxs7(MenuItemRadioGroup3, { defaultValue: currentValue?.value, onValueChange: selectClass, children: [
+      customClass?.map((item) => /* @__PURE__ */ jsx8(MenuItemRadio3, { value: item.value, icon: /* @__PURE__ */ jsx8(Icon, { name: "build" }), children: item.label }, `${item.label}_${item.value}`)),
+      /* @__PURE__ */ jsx8(MenuItem2, { variant: "danger", icon: /* @__PURE__ */ jsx8(Icon, { name: "delete" }), onSelect: onRemove, children: "\u30AB\u30B9\u30BF\u30E0\u30AF\u30E9\u30B9\u3092\u89E3\u9664" })
+    ] }) }) }) })
+  ] });
+}
+
+// src/components/menus/TextMenu/components/EditLinkPopover.tsx
+import { Popover as Popover2, PopoverTrigger, PopoverContent as PopoverContent2 } from "@ablogcms/components/popover";
+import { useCallback as useCallback10, useRef as useRef3 } from "react";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function EditLinkPopover({ editor, onSetLink, onClearLink, isActive }) {
+  const popoverRef = useRef3(null);
+  const { href: link, target } = editor.getAttributes("link");
+  const handleSetLink = useCallback10(
+    (link2, openInNewTab) => {
+      onSetLink(link2, openInNewTab);
+      popoverRef.current?.closePopover();
+    },
+    [onSetLink]
+  );
+  const handleClearLink = useCallback10(() => {
+    onClearLink();
+    popoverRef.current?.closePopover();
+  }, [onClearLink]);
+  return /* @__PURE__ */ jsxs8(Popover2, { modal: true, ref: popoverRef, children: [
+    /* @__PURE__ */ jsx9(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx9(Toolbar.Button, { type: "button", tooltip: "\u30EA\u30F3\u30AF", "aria-label": "\u30EA\u30F3\u30AF\u3092\u8A2D\u5B9A", active: isActive, children: /* @__PURE__ */ jsx9(Icon, { name: "link" }) }) }),
+    /* @__PURE__ */ jsx9(PopoverContent2, { "data-elevation": "2", children: /* @__PURE__ */ jsx9(
+      LinkEditorPanel,
+      {
+        initialUrl: link,
+        initialOpenInNewTab: target === "_blank",
+        onSetLink: handleSetLink,
+        onClear: handleClearLink
+      }
+    ) })
+  ] });
+}
+
+// src/components/menus/TextMenu/TextMenu.tsx
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+var MemoButton = memo(Toolbar.Button);
+var MemoContentTypePicker = memo(ContentTypePicker);
+var MemoColorPicker = memo(ColorPicker);
+var MemoFontFamilyPicker = memo(FontFamilyPicker);
+var MemoFontSizePicker = memo(FontSizePicker);
+var MemoCustomClassPicker = memo(CustomClassPicker);
+var SHORTCUT_BOLD = ["Mod", "B"];
+var SHORTCUT_ITALIC = ["Mod", "I"];
+var SHORTCUT_UNDERLINE = ["Mod", "U"];
+var SHORTCUT_STRIKE = ["Mod", "Shift", "S"];
+var SHORTCUT_CODE = ["Mod", "E"];
+var SHORTCUT_SUBSCRIPT = ["Mod", ","];
+var SHORTCUT_SUPERSCRIPT = ["Mod", "."];
+function TextMenu({ editor, appendTo }) {
+  const viewDom = useEditorViewDom(editor);
+  const commands = useTextmenuCommands(editor);
+  const states = useTextmenuStates(editor);
+  const { features, blockMenus } = useSettingsContext();
+  const { getFilteredBlockMenus } = useBlockMenus({ blockMenus });
+  const menuRef = useRef4(null);
+  const [showLeft, setShowLeft] = useState7(false);
+  const [showRight, setShowRight] = useState7(false);
+  const updateScrollButtons = useCallback11(() => {
+    const el = menuRef.current;
+    if (!el) return;
+    setShowLeft(el.scrollLeft > 0);
+    setShowRight(el.scrollLeft + el.clientWidth < el.scrollWidth - 1);
+  }, []);
+  const scrollLeft = () => {
+    menuRef.current?.scrollBy({ left: -150, behavior: "smooth" });
+  };
+  const scrollRight = () => {
+    menuRef.current?.scrollBy({ left: 150, behavior: "smooth" });
+  };
+  const align = useMemo7(() => {
+    if (states.isAlignLeft) {
+      return "left";
+    }
+    if (states.isAlignCenter) {
+      return "center";
+    }
+    if (states.isAlignRight) {
+      return "right";
+    }
+    return "left";
+  }, [states.isAlignLeft, states.isAlignCenter, states.isAlignRight]);
+  const handleAlign = (newAlign) => {
+    if (newAlign === "left") {
+      commands.onAlignLeft();
+    } else if (newAlign === "center") {
+      commands.onAlignCenter();
+    } else if (newAlign === "right") {
+      commands.onAlignRight();
+    }
+  };
+  useEffect5(() => {
+    const el = menuRef.current;
+    if (!el) return;
+    el.addEventListener("scroll", updateScrollButtons, { passive: true });
+    document.addEventListener("resize", updateScrollButtons);
+    return () => {
+      el.removeEventListener("scroll", updateScrollButtons);
+      document.removeEventListener("resize", updateScrollButtons);
+    };
+  }, [editor, updateScrollButtons]);
+  useEffect5(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Tab") {
+        const toolbar = menuRef.current;
+        if (toolbar) {
+          toolbar.focus();
+        }
+      }
+    };
+    if (viewDom === null) {
+      return void 0;
+    }
+    viewDom.addEventListener("keydown", handleKeyDown, { capture: true });
+    return () => {
+      viewDom.removeEventListener("keydown", handleKeyDown, { capture: true });
+    };
+  }, [viewDom]);
+  const handleToolbarKeyDown = (event) => {
+    if (event.key === "Tab") {
+      editor.commands.focus();
+    }
+  };
+  const bubbleMenuAppendTo = useCallback11(() => appendTo?.current ?? document.body, [appendTo]);
+  const bubbleMenuOptions = useMemo7(
+    () => ({
+      placement: "top-start",
+      shift: {
+        boundary: appendTo?.current ?? void 0,
+        padding: 8
+      },
+      flip: {
+        fallbackPlacements: ["bottom-start", "top"]
+      },
+      onShow: () => {
+        requestAnimationFrame(() => {
+          updateScrollButtons();
+        });
+      }
+    }),
+    [appendTo, updateScrollButtons]
+  );
+  return /* @__PURE__ */ jsx10(
+    BubbleMenu,
+    {
+      editor,
+      pluginKey: "textMenu",
+      shouldShow: states.shouldShow,
+      updateDelay: 100,
+      appendTo: bubbleMenuAppendTo,
+      "data-theme": "text-menu",
+      style: { zIndex: 100018 },
+      options: bubbleMenuOptions,
+      children: /* @__PURE__ */ jsxs9(
+        Toolbar,
+        {
+          ref: menuRef,
+          className: "acms-admin-block-editor-toolbar-scrollable",
+          onKeyDownCapture: handleToolbarKeyDown,
+          children: [
+            /* @__PURE__ */ jsx10(
+              MemoContentTypePicker,
+              {
+                menus: getFilteredBlockMenus({ query: "", editor }),
+                editor,
+                currentPos: editor.state.selection.$from.before(1)
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u592A\u5B57",
+                tooltipShortcut: SHORTCUT_BOLD,
+                onClick: commands.onBold,
+                active: states.isBold,
+                "aria-label": "\u592A\u5B57",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "format_bold" })
+              }
+            ),
+            features?.textItalic && /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u659C\u4F53",
+                tooltipShortcut: SHORTCUT_ITALIC,
+                onClick: commands.onItalic,
+                active: states.isItalic,
+                "aria-label": "\u659C\u4F53",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "format_italic" })
+              }
+            ),
+            features?.textUnderline && /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u4E0B\u7DDA",
+                tooltipShortcut: SHORTCUT_UNDERLINE,
+                onClick: commands.onUnderline,
+                active: states.isUnderline,
+                "aria-label": "\u4E0B\u7DDA",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "format_underlined" })
+              }
+            ),
+            features?.textStrike && /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u6253\u3061\u6D88\u3057\u7DDA",
+                tooltipShortcut: SHORTCUT_STRIKE,
+                onClick: commands.onStrike,
+                active: states.isStrike,
+                "aria-label": "\u6253\u3061\u6D88\u3057\u7DDA",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "format_strikethrough" })
+              }
+            ),
+            features?.textCode && /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u30B3\u30FC\u30C9",
+                tooltipShortcut: SHORTCUT_CODE,
+                onClick: commands.onCode,
+                active: states.isCode,
+                "aria-label": "\u30B3\u30FC\u30C9",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "code" })
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              EditLinkPopover,
+              {
+                editor,
+                onSetLink: commands.onLink,
+                onClearLink: commands.onUnsetLink,
+                isActive: states.isLink
+              }
+            ),
+            /* @__PURE__ */ jsx10(AlignPicker, { align, onChange: handleAlign }),
+            features?.textMarker && /* @__PURE__ */ jsxs9(Popover3, { modal: true, placement: "top-start", children: [
+              /* @__PURE__ */ jsx10(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx10(MemoButton, { type: "button", tooltip: "\u30DE\u30FC\u30AB\u30FC", active: !!states.currentHighlight, "aria-label": "\u30DE\u30FC\u30AB\u30FC", children: /* @__PURE__ */ jsx10(Icon, { name: "format_ink_highlighter" }) }) }),
+              /* @__PURE__ */ jsx10(PopoverContent3, { "data-elevation": "3", children: /* @__PURE__ */ jsx10(
+                MemoColorPicker,
+                {
+                  color: states.currentHighlight,
+                  onChange: commands.onChangeHighlight,
+                  onClear: commands.onClearHighlight
+                }
+              ) })
+            ] }),
+            features?.textColor && /* @__PURE__ */ jsxs9(Popover3, { modal: true, placement: "top-start", children: [
+              /* @__PURE__ */ jsx10(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx10(MemoButton, { type: "button", active: !!states.currentColor, tooltip: "\u6587\u5B57\u8272", "aria-label": "\u6587\u5B57\u8272", children: /* @__PURE__ */ jsx10(Icon, { name: "format_color_text" }) }) }),
+              /* @__PURE__ */ jsx10(PopoverContent3, { "data-elevation": "3", children: /* @__PURE__ */ jsx10(
+                MemoColorPicker,
+                {
+                  color: states.currentColor,
+                  onChange: commands.onChangeColor,
+                  onClear: commands.onClearColor
+                }
+              ) })
+            ] }),
+            features?.textSubscript && /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u4E0B\u4ED8\u304D\u6587\u5B57",
+                tooltipShortcut: SHORTCUT_SUBSCRIPT,
+                onClick: commands.onSubscript,
+                active: states.isSubscript,
+                "aria-label": "\u4E0B\u4ED8\u304D\u6587\u5B57",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "subscript" })
+              }
+            ),
+            features?.textSuperscript && /* @__PURE__ */ jsx10(
+              MemoButton,
+              {
+                type: "button",
+                tooltip: "\u4E0A\u4ED8\u304D\u6587\u5B57",
+                tooltipShortcut: SHORTCUT_SUPERSCRIPT,
+                onClick: commands.onSuperscript,
+                active: states.isSuperscript,
+                "aria-label": "\u4E0A\u4ED8\u304D\u6587\u5B57",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "superscript" })
+              }
+            ),
+            features?.fontSize && /* @__PURE__ */ jsxs9(Fragment3, { children: [
+              /* @__PURE__ */ jsx10(Toolbar.Divider, {}),
+              /* @__PURE__ */ jsx10(MemoFontSizePicker, { onChange: commands.onSetFontSize, value: states.currentSize || "" })
+            ] }),
+            features?.fontFamily && /* @__PURE__ */ jsxs9(Fragment3, { children: [
+              /* @__PURE__ */ jsx10(Toolbar.Divider, {}),
+              /* @__PURE__ */ jsx10(MemoFontFamilyPicker, { onChange: commands.onSetFont, value: states.currentFont || "" })
+            ] }),
+            features?.customClass && /* @__PURE__ */ jsxs9(Fragment3, { children: [
+              /* @__PURE__ */ jsx10(Toolbar.Divider, {}),
+              /* @__PURE__ */ jsx10(
+                MemoCustomClassPicker,
+                {
+                  onChange: commands.onCustomClass,
+                  onRemove: commands.removeCustomClass,
+                  value: states.currentCustomClass || ""
+                }
+              )
+            ] }),
+            showLeft && /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: scrollLeft,
+                "aria-label": "\u5DE6\u306B\u30B9\u30AF\u30ED\u30FC\u30EB",
+                className: "acms-admin-block-editor-toolbar-arrow acms-admin-block-editor-toolbar-arrow-left",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "chevron_left" })
+              }
+            ),
+            showRight && /* @__PURE__ */ jsx10(
+              "button",
+              {
+                type: "button",
+                onClick: scrollRight,
+                "aria-label": "\u53F3\u306B\u30B9\u30AF\u30ED\u30FC\u30EB",
+                className: "acms-admin-block-editor-toolbar-arrow acms-admin-block-editor-toolbar-arrow-right",
+                children: /* @__PURE__ */ jsx10(Icon, { name: "chevron_right" })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/menus/ContentItemMenu/ContentItemMenu.tsx
+import { useEffect as useEffect6, useRef as useRef5, useState as useState10, memo as memo2, useCallback as useCallback14 } from "react";
+import { DragHandle } from "@tiptap/extension-drag-handle-react";
+import { NodeSelection as NodeSelection2, TextSelection } from "@tiptap/pm/state";
+import { Menu as Menu6, MenuList as MenuList6, MenuItem as MenuItem5, MenuDivider, MenuPopover as MenuPopover6 } from "@ablogcms/components/dropdown-menu";
+
+// src/components/menus/ContentItemMenu/hooks/useContentItemActions.tsx
+import { NodeSelection } from "@tiptap/pm/state";
+import { useCallback as useCallback12 } from "react";
+var useContentItemActions = (editor, currentNode, currentNodePos) => {
+  const getCurrentNode = useCallback12(
+    (curNodeProp, curNodePosProp) => {
+      const { state } = editor;
+      const { selection } = state;
+      const { $from } = selection;
+      let curNode = curNodeProp ?? null;
+      let curPos = curNodePosProp ?? null;
+      if (!curNode || !curPos) {
+        if (selection instanceof NodeSelection) {
+          curNode = selection.node;
+          curPos = selection.from;
+        } else {
+          const depth = $from.depth >= 1 ? 1 : $from.depth;
+          curNode = $from.node(depth);
+          if (depth > 0) {
+            curPos = $from.before(depth);
+          } else {
+            return {
+              curNode: null,
+              curPos: -1
+            };
+          }
+        }
+      }
+      return {
+        curNode,
+        curPos
+      };
+    },
+    [editor]
+  );
+  const resetTextFormatting = useCallback12(
+    (curNodeProp, curNodePosProp) => {
+      const { curNode, curPos } = getCurrentNode(curNodeProp, curNodePosProp);
+      if (!curNode || curPos === -1) return;
+      const chain = editor.chain();
+      chain.setBlockAttrs(curPos, { id: null, class: null });
+      chain.setNodeSelection(curPos).unsetAllMarks();
+      if (curNode?.type.name !== "paragraph") {
+        chain.focus().setParagraph();
+      }
+      chain.run();
+    },
+    [editor, getCurrentNode]
+  );
+  const duplicateNode = useCallback12(
+    (curNodeProp, curNodePosProp) => {
+      const { curNode, curPos } = getCurrentNode(curNodeProp, curNodePosProp);
+      if (!curNode || curPos === -1) return;
+      const nodeJSON = curNode.toJSON();
+      editor.chain().setMeta("hideDragHandle", true).insertContentAt(curPos + (curNode?.nodeSize || 0), {
+        type: nodeJSON.type,
+        attrs: { ...nodeJSON.attrs, id: null },
+        // ID属性を削除
+        content: nodeJSON.content || []
+      }).run();
+    },
+    [editor, getCurrentNode]
+  );
+  const copyNodeToClipboard = useCallback12(() => {
+    const nodeText = currentNode?.textContent || "";
+    navigator.clipboard.writeText(nodeText).catch((err) => {
+      console.error("Clipboard copy failed:", err);
+    });
+  }, [currentNode]);
+  const deleteNode = useCallback12(
+    (curNodeProp, curNodePosProp) => {
+      const { curNode, curPos } = getCurrentNode(curNodeProp, curNodePosProp);
+      if (!curNode || curPos === -1) return;
+      editor.chain().setMeta("hideDragHandle", true).setNodeSelection(curPos).deleteSelection().run();
+    },
+    [editor, getCurrentNode]
+  );
+  const handleAdd = useCallback12(() => {
+    if (currentNodePos !== -1) {
+      const currentNodeSize = currentNode?.nodeSize || 0;
+      const insertPos = currentNodePos + currentNodeSize;
+      const currentNodeIsEmptyParagraph = currentNode?.type.name === "paragraph" && currentNode?.content?.size === 0;
+      const focusPos = currentNodeIsEmptyParagraph ? currentNodePos + 2 : insertPos + 2;
+      editor.chain().command(({ dispatch, tr, state }) => {
+        if (dispatch) {
+          if (currentNodeIsEmptyParagraph) {
+            tr.insertText("/", currentNodePos, currentNodePos + 1);
+          } else {
+            tr.insert(insertPos, state.schema.nodes.paragraph.create(null, [state.schema.text("/")]));
+          }
+          return dispatch(tr);
+        }
+        return true;
+      }).focus(focusPos).run();
+    }
+  }, [currentNode, currentNodePos, editor]);
+  const setHeadingId = useCallback12(
+    (id) => {
+      editor.chain().setBlockAttrs(currentNodePos, { id }).run();
+    },
+    [currentNodePos, editor]
+  );
+  const setBlockAttrs = useCallback12(
+    (attrs) => {
+      editor.chain().setBlockAttrs(currentNodePos, attrs).run();
+    },
+    [currentNodePos, editor]
+  );
+  const moveBlockUp = useCallback12(
+    (curNodeProp, curNodePosProp) => {
+      const { state } = editor;
+      const { $from } = state.selection;
+      const { curNode, curPos } = getCurrentNode(curNodeProp, curNodePosProp);
+      if (!curNode || curPos === -1) return;
+      const { nodeSize } = curNode;
+      const index = $from.index(0);
+      if (index === 0) return;
+      const prevNode = state.doc.child(index - 1);
+      if (!prevNode) return;
+      const nodeJSON = curNode.toJSON();
+      editor.chain().deleteRange({ from: curPos, to: curPos + nodeSize }).insertContentAt(curPos - prevNode.nodeSize, nodeJSON).run();
+    },
+    [editor, getCurrentNode]
+  );
+  const moveBlockDown = useCallback12(
+    (curNodeProp, curNodePosProp) => {
+      const { state } = editor;
+      const { curNode, curPos } = getCurrentNode(curNodeProp, curNodePosProp);
+      if (!curNode || curPos === -1) return;
+      const { nodeSize } = curNode;
+      const nextPos = curPos + nodeSize;
+      const nextNode = state.doc.resolve(nextPos).nodeAfter;
+      if (!nextNode) return;
+      const nextNodeSize = nextNode.nodeSize;
+      const nodeJSON = curNode.toJSON();
+      editor.chain().deleteRange({ from: curPos, to: curPos + nodeSize }).insertContentAt(curPos + nextNodeSize, nodeJSON).run();
+    },
+    [editor, getCurrentNode]
+  );
+  return {
+    resetTextFormatting,
+    duplicateNode,
+    copyNodeToClipboard,
+    deleteNode,
+    handleAdd,
+    setHeadingId,
+    setBlockAttrs,
+    moveBlockUp,
+    moveBlockDown
+  };
+};
+var useContentItemActions_default = useContentItemActions;
+
+// src/components/menus/ContentItemMenu/components/IdEditor.tsx
+import { useState as useState8 } from "react";
+import { ButtonV2 as ButtonV22 } from "@ablogcms/components/button-v2";
+import { Popover as Popover4, PopoverContent as PopoverContent4, PopoverTrigger as PopoverTrigger3 } from "@ablogcms/components/popover";
+import { MenuItem as MenuItem3 } from "@ablogcms/components/dropdown-menu";
+import { VStack } from "@ablogcms/components/stack";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function IdEditor({ onChange, value }) {
+  const [isOpen, setIsOpen] = useState8(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!(e.target instanceof HTMLFormElement)) {
+      return;
+    }
+    const formData = new FormData(e.target);
+    const id = formData.get("id");
+    setIsOpen(false);
+    onChange(id);
+  };
+  return /* @__PURE__ */ jsxs10(Popover4, { isOpen, onOpenChange: setIsOpen, modal: true, placement: "right", children: [
+    /* @__PURE__ */ jsx11(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs10(MenuItem3, { icon: /* @__PURE__ */ jsx11(Icon, { name: "grid_3x3" }), onSelect: () => setIsOpen((prev) => !prev), closeOnSelect: false, children: [
+      value || "ID\u3092\u8A2D\u5B9A",
+      value && /* @__PURE__ */ jsx11("span", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx11(Icon, { name: "edit" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx11(PopoverContent4, { "data-elevation": "3", className: "acms-admin-block-editor-id-editor", children: /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11("form", { onSubmit: handleSubmit, className: "acms-admin-form", children: /* @__PURE__ */ jsxs10(VStack, { spacing: "0.5rem", align: "start", children: [
+      /* @__PURE__ */ jsxs10(VStack, { align: "start", className: "acms-admin-width-max", children: [
+        /* @__PURE__ */ jsx11("label", { htmlFor: "input-text-id-editor", children: "ID\u3092\u8A2D\u5B9A" }),
+        /* @__PURE__ */ jsx11(
+          "input",
+          {
+            id: "input-text-id-editor",
+            name: "id",
+            pattern: "^[a-zA-Z0-9_\\-]+$",
+            type: "text",
+            className: "acms-admin-form-width-full",
+            defaultValue: value,
+            onKeyDown: (e) => e.stopPropagation()
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx11(ButtonV22, { variant: "filled", size: "small", type: "submit", children: "\u9069\u7528" })
+    ] }) }) }) })
+  ] });
+}
+
+// src/components/menus/ContentItemMenu/components/BlockMenus.tsx
+import {
+  Menu as Menu5,
+  SubmenuTriggerItem,
+  MenuList as MenuList5,
+  MenuItem as MenuItem4,
+  MenuGroup as MenuGroup5,
+  MenuPopover as MenuPopover5
+} from "@ablogcms/components/dropdown-menu";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+function BlockMenus({ menus, editor, currentPos }) {
+  const filteredCommands = useFilteredCommands(menus, editor, currentPos);
+  return filteredCommands.length > 0 ? /* @__PURE__ */ jsxs11(Menu5, { children: [
+    /* @__PURE__ */ jsx12(SubmenuTriggerItem, { icon: /* @__PURE__ */ jsx12(Icon, { name: "sync" }), children: "\u30D6\u30ED\u30C3\u30AF\u30BF\u30A4\u30D7\u5909\u63DB" }),
+    /* @__PURE__ */ jsx12(MenuPopover5, { "data-elevation": "3", children: /* @__PURE__ */ jsx12(MenuList5, { children: filteredCommands.map((group) => /* @__PURE__ */ jsx12(MenuGroup5, { title: group.title, children: group.commands.map((command) => /* @__PURE__ */ jsx12(
+      MenuItem4,
+      {
+        icon: /* @__PURE__ */ jsx12(Icon, { name: command.iconName }),
+        onSelect: command.convert ? () => command.convert(editor, currentPos) : () => {
+        },
+        children: command.label
+      },
+      `${command.name}_${command.label}`
+    )) }, group.title)) }) })
+  ] }) : null;
+}
+
+// src/components/menus/ContentItemMenu/hooks/useData.tsx
+import { useCallback as useCallback13, useState as useState9 } from "react";
+var useData = () => {
+  const [currentNode, setCurrentNode] = useState9(null);
+  const [currentNodePos, setCurrentNodePos] = useState9(-1);
+  const handleNodeChange = useCallback13(
+    (data) => {
+      if (data.node) {
+        setCurrentNode(data.node);
+      }
+      setCurrentNodePos(data.pos);
+    },
+    [setCurrentNodePos, setCurrentNode]
+  );
+  return {
+    currentNode,
+    currentNodePos,
+    setCurrentNode,
+    setCurrentNodePos,
+    handleNodeChange
+  };
+};
+
+// src/components/menus/ContentItemMenu/ContentItemMenu.tsx
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+function ContentItemMenu({ editor, getFilteredBlockMenus }) {
+  const menuAnchorRef = useRef5(null);
+  const [menuOpen, setMenuOpen] = useState10(false);
+  const viewDom = useEditorViewDom(editor);
+  const { currentNode, currentNodePos, handleNodeChange } = useData();
+  const actions = useContentItemActions_default(editor, currentNode, currentNodePos);
+  const MemoIdEditor = memo2(IdEditor);
+  const MemoBlockMenus = memo2(BlockMenus);
+  const getAnchorRect = useCallback14(() => menuAnchorRef.current.getBoundingClientRect(), []);
+  useEffect6(() => {
+    const dom = viewDom;
+    if (dom === null) {
+      return void 0;
+    }
+    const handleKeyDown = (e) => {
+      const isMod = e.metaKey || e.ctrlKey;
+      if (isMod && e.altKey && e.key === "ArrowUp") {
+        e.preventDefault();
+        e.stopPropagation();
+        actions.moveBlockUp();
+      }
+      if (isMod && e.altKey && e.key === "ArrowDown") {
+        e.preventDefault();
+        e.stopPropagation();
+        actions.moveBlockDown();
+      }
+      if (isMod && e.shiftKey && e.key.toLowerCase() === "d") {
+        e.preventDefault();
+        e.stopPropagation();
+        actions.duplicateNode();
+      }
+      if (isMod && e.shiftKey && e.key.toLowerCase() === "x") {
+        e.preventDefault();
+        e.stopPropagation();
+        actions.resetTextFormatting();
+      }
+      if (isMod && e.shiftKey && e.key.toLowerCase() === "backspace") {
+        e.preventDefault();
+        e.stopPropagation();
+        actions.deleteNode();
+      }
+    };
+    dom.addEventListener("keydown", handleKeyDown);
+    return () => dom.removeEventListener("keydown", handleKeyDown);
+  }, [viewDom, actions]);
+  const onChangeId = useCallback14(
+    (id) => {
+      actions.setHeadingId(id);
+    },
+    [actions]
+  );
+  return /* @__PURE__ */ jsx13(DragHandle, { pluginKey: "ContentItemMenu", editor, onNodeChange: handleNodeChange, children: /* @__PURE__ */ jsxs12("div", { className: "acms-admin-block-editor-content-item-menu", children: [
+    /* @__PURE__ */ jsx13(
+      Toolbar.Button,
+      {
+        type: "button",
+        size: "small",
+        variant: "secondary",
+        onClick: actions.handleAdd,
+        "aria-label": "\u65B0\u898F\u30D6\u30ED\u30C3\u30AF\u3092\u8FFD\u52A0",
+        children: /* @__PURE__ */ jsx13(Icon, { name: "add" })
+      }
+    ),
+    /* @__PURE__ */ jsxs12(
+      Menu6,
+      {
+        isOpen: menuOpen,
+        onOpenChange: (open) => {
+          setMenuOpen(open);
+          editor.commands.setMeta("lockDragHandle", open);
+        },
+        getAnchorRect,
+        children: [
+          /* @__PURE__ */ jsx13(
+            Toolbar.Button,
+            {
+              type: "button",
+              size: "small",
+              variant: "secondary",
+              ref: menuAnchorRef,
+              "aria-label": "\u30D6\u30ED\u30C3\u30AF\u30E1\u30CB\u30E5\u30FC\u3092\u958B\u304F",
+              onClick: () => {
+                const { state } = editor;
+                const { tr } = state;
+                const node = editor.state.doc.nodeAt(currentNodePos);
+                if (!node) return;
+                if (node.isTextblock) {
+                  const textSelection = TextSelection.create(state.doc, currentNodePos + 1);
+                  editor.view.dispatch(tr.setSelection(textSelection).scrollIntoView());
+                } else {
+                  const nodeSelection = NodeSelection2.create(state.doc, currentNodePos);
+                  editor.view.dispatch(tr.setSelection(nodeSelection).scrollIntoView());
+                }
+                const newOpen = !menuOpen;
+                setMenuOpen(newOpen);
+                editor.commands.setMeta("lockDragHandle", newOpen);
+              },
+              children: /* @__PURE__ */ jsx13(Icon, { name: "drag_indicator" })
+            }
+          ),
+          /* @__PURE__ */ jsx13(MenuPopover6, { size: "large", "data-elevation": "3", children: /* @__PURE__ */ jsxs12(MenuList6, { children: [
+            /* @__PURE__ */ jsx13(
+              MemoBlockMenus,
+              {
+                menus: getFilteredBlockMenus({ query: "", editor }),
+                editor,
+                currentPos: currentNodePos
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              MenuItem5,
+              {
+                icon: /* @__PURE__ */ jsx13(Icon, { name: "keyboard_arrow_up" }),
+                shortcut: ["Mod", "Alt", "ArrowUp"],
+                onSelect: () => actions.moveBlockUp(currentNode, currentNodePos),
+                children: "\u4E0A\u306B\u79FB\u52D5"
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              MenuItem5,
+              {
+                icon: /* @__PURE__ */ jsx13(Icon, { name: "keyboard_arrow_down" }),
+                shortcut: ["Mod", "Alt", "ArrowDown"],
+                onSelect: () => actions.moveBlockDown(currentNode, currentNodePos),
+                children: "\u4E0B\u306B\u79FB\u52D5"
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              MenuItem5,
+              {
+                icon: /* @__PURE__ */ jsx13(Icon, { name: "library_add" }),
+                shortcut: ["Mod", "Shift", "D"],
+                onSelect: () => actions.duplicateNode(currentNode, currentNodePos),
+                children: "\u8907\u88FD"
+              }
+            ),
+            /* @__PURE__ */ jsx13(MenuItem5, { icon: /* @__PURE__ */ jsx13(Icon, { name: "content_copy" }), onSelect: actions.copyNodeToClipboard, children: "\u30B3\u30D4\u30FC" }),
+            /* @__PURE__ */ jsx13(
+              MenuItem5,
+              {
+                icon: /* @__PURE__ */ jsx13(Icon, { name: "format_clear" }),
+                shortcut: ["Mod", "Shift", "X"],
+                onSelect: () => actions.resetTextFormatting(currentNode, currentNodePos),
+                children: "\u66F8\u5F0F\u3092\u30AF\u30EA\u30A2"
+              }
+            ),
+            /* @__PURE__ */ jsx13(
+              MenuItem5,
+              {
+                variant: "danger",
+                icon: /* @__PURE__ */ jsx13(Icon, { name: "delete" }),
+                shortcut: ["Mod", "Shift", "Backspace"],
+                onSelect: () => actions.deleteNode(currentNode, currentNodePos),
+                children: "\u524A\u9664"
+              }
+            ),
+            /* @__PURE__ */ jsx13(MenuDivider, {}),
+            /* @__PURE__ */ jsx13(MemoIdEditor, { onChange: onChangeId, value: currentNode?.attrs.id })
+          ] }) })
+        ]
+      }
+    )
+  ] }) });
+}
+
+// src/hooks/useBlockEditor.ts
+import { useEditor } from "@tiptap/react";
+import { useMemo as useMemo8, useRef as useRef6 } from "react";
+
+// src/extensions/BaseBlock/BaseBlock.ts
+import { Extension } from "@tiptap/core";
+import { Plugin, TextSelection as TextSelection2 } from "@tiptap/pm/state";
+var BlockAttributes = Extension.create({
+  name: "blockAttributes",
+  addGlobalAttributes() {
+    return [
+      {
+        types: [
+          "heading",
+          "paragraph",
+          "bulletList",
+          "orderedList",
+          "MediaUpload",
+          "imageBlock",
+          "fileBlock",
+          "linkButton",
+          "table",
+          "blockquote",
+          "codeBlock",
+          "bulletList",
+          "orderedList",
+          "horizontalRule",
+          "columns"
+        ],
+        attributes: {
+          id: {
+            default: null,
+            parseHTML: (element) => element.getAttribute("id"),
+            renderHTML: (attributes) => attributes.id ? { id: attributes.id } : {},
+            keepOnSplit: false
+            // コピー＆ペースト時に属性を保持しない
+          },
+          class: {
+            default: null,
+            parseHTML: (element) => element.getAttribute("class"),
+            renderHTML: (attributes) => attributes.class ? { class: attributes.class } : {}
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    return {
+      // ノードの属性を設定する
+      setBlockAttrs: (pos, attrs) => ({ state, dispatch }) => {
+        const { tr, selection } = state;
+        const { $from } = selection;
+        let targetPos;
+        if (typeof pos === "number") {
+          targetPos = pos;
+        } else if ($from.depth > 0) {
+          targetPos = $from.before(1);
+        } else {
+          targetPos = null;
+        }
+        if (targetPos === null) return false;
+        const node = state.doc.nodeAt(targetPos);
+        if (!node || !dispatch) return false;
+        if (node && dispatch) {
+          dispatch(tr.setNodeMarkup(targetPos, void 0, { ...node.attrs, ...attrs }));
+          return true;
+        }
+        return false;
+      }
+    };
+  },
+  addProseMirrorPlugins() {
+    const isMac = typeof navigator !== "undefined" && /Mac/.test(navigator.platform);
+    return [
+      new Plugin({
+        props: {
+          handlePaste(view, event) {
+            const { state, dispatch } = view;
+            const { selection } = state;
+            const { parent } = selection.$from;
+            if (parent.type.name === "codeBlock") {
+              const text = event.clipboardData?.getData("text/plain");
+              if (text) {
+                dispatch(state.tr.insertText(text, selection.from, selection.to));
+                return true;
+              }
+            }
+            return false;
+          },
+          handleKeyDown(view, event) {
+            const { state, dispatch } = view;
+            const { selection } = state;
+            const { $from } = selection;
+            if ($from.parent.type.name !== "codeBlock") return false;
+            if (event.metaKey && event.key === "a" || !isMac && event.ctrlKey && event.key === "a") {
+              event.preventDefault();
+              const start = $from.start();
+              const end = $from.end();
+              dispatch(state.tr.setSelection(TextSelection2.create(state.doc, start, end)));
+              return true;
+            }
+            if (isMac && event.ctrlKey && event.key === "a") {
+              event.preventDefault();
+              const pos = selection.from;
+              const textBefore = $from.parent.textContent.slice(0, $from.parentOffset);
+              const offsetToLineStart = textBefore.lastIndexOf("\n") + 1;
+              const newPos = pos - ($from.parentOffset - offsetToLineStart);
+              dispatch(state.tr.setSelection(TextSelection2.create(state.doc, newPos)));
+              return true;
+            }
+            if (isMac && event.ctrlKey && event.key === "e") {
+              event.preventDefault();
+              const pos = selection.from;
+              const parentText = $from.parent.textContent;
+              const offsetToLineEnd = parentText.indexOf("\n", $from.parentOffset);
+              const lineEndOffset = offsetToLineEnd === -1 ? parentText.length : offsetToLineEnd;
+              const lineEndPos = pos + (lineEndOffset - $from.parentOffset);
+              dispatch(state.tr.setSelection(TextSelection2.create(state.doc, lineEndPos)));
+              return true;
+            }
+            return false;
+          }
+        }
+      })
+    ];
+  }
+});
+
+// src/extensions/extension-kit.ts
+import { UndoRedo } from "@tiptap/extensions";
+var ExtensionKit = ({ getImageDefaultLightbox } = {}) => {
+  return [
+    StarterKit.configure({
+      document: false,
+      dropcursor: false,
+      heading: false,
+      horizontalRule: false,
+      undoRedo: false,
+      // v3 の StarterKit は Link / Underline / ListKeymap / TrailingNode を新たに同梱するため、
+      // 下記で個別登録している独自拡張・独自設定と二重登録にならないよう無効化する
+      link: false,
+      underline: false,
+      trailingNode: false,
+      listKeymap: false
+    }),
+    UndoRedo,
+    Document,
+    Columns,
+    Column,
+    Selection,
+    Heading.configure({
+      levels: [1, 2, 3, 4, 5, 6]
+    }),
+    HorizontalRule,
+    TextStyle,
+    FontStyle,
+    TrailingNode,
+    Link.configure({
+      openOnClick: false,
+      isAllowedUri: (url, { protocols }) => !!isAllowedBlockEditorLinkUri(url, protocols),
+      HTMLAttributes: {
+        // Change rel to different value
+        // Allow search engines to follow links(remove nofollow)
+        rel: "noopener noreferrer",
+        // Remove target entirely so links open in current tab
+        target: null
+      }
+    }),
+    Highlight.configure({ multicolor: true }),
+    Underline,
+    MediaUpload,
+    CustomMark,
+    CustomConvertBlock,
+    ImageBlock.configure({
+      getImageDefaultLightbox: getImageDefaultLightbox ?? (() => true)
+    }),
+    FileBlock,
+    PasteHandler,
+    LinkButton,
+    TextAlign.extend({
+      addKeyboardShortcuts() {
+        return {};
+      }
+    }).configure({
+      types: ["heading", "paragraph"]
+    }),
+    Subscript,
+    Superscript,
+    Table,
+    TableCell,
+    TableHeader,
+    TableRow,
+    Typography,
+    Placeholder.configure({
+      includeChildren: true,
+      showOnlyCurrent: false,
+      placeholder: () => ""
+    }),
+    Focus,
+    Figcaption,
+    Dropcursor.configure({
+      width: 4,
+      color: "#a3c0ef",
+      class: "acms-admin-dropcursor"
+    })
+  ];
+};
+
+// src/hooks/useBlockEditor.ts
+var useBlockEditor = ({
+  defaultValue = "",
+  onUpdate = () => {
+  },
+  blockMenus = [],
+  imageDefaultLightbox = true,
+  extensions: extraExtensions,
+  blockDefinitions,
+  ...editorOptions
+}) => {
+  const { getFilteredBlockMenus } = useBlockMenus({ blockMenus, blockDefinitions });
+  const getItemsRef = useRef6(getFilteredBlockMenus);
+  getItemsRef.current = getFilteredBlockMenus;
+  const imageDefaultLightboxRef = useRef6(imageDefaultLightbox);
+  imageDefaultLightboxRef.current = imageDefaultLightbox;
+  const extensions = useMemo8(
+    () => [
+      ...ExtensionKit({ getImageDefaultLightbox: () => imageDefaultLightboxRef.current }),
+      BlockAttributes,
+      SlashCommand_default.configure({
+        getItems: ({ query, editor: editor2 }) => getItemsRef.current({ query, editor: editor2 })
+      }),
+      ...extraExtensions ?? []
+    ],
+    // Tiptap は動的な拡張変更をサポートしないため、初回マウント時に確定する既存設計を踏襲する（extraExtensions も同様）
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  const editor = useEditor(
+    {
+      autofocus: false,
+      // v3 は既定で false（トランザクション毎の再描画を行わない）。
+      // TextMenu/ContentItemMenu 等が editor.isActive()/getAttributes() を再描画のたびに
+      // 直接参照する v2 由来の設計のため、これまで通り毎トランザクション再描画する挙動を維持する。
+      shouldRerenderOnTransaction: true,
+      onCreate: ({ editor: editor2 }) => {
+        if (editor2.isEmpty) {
+          editor2.commands.setContent(defaultValue || "");
+        }
+      },
+      onUpdate: ({ editor: editor2 }) => {
+        const html = editor2.getHTML();
+        onUpdate(html);
+      },
+      extensions,
+      ...editorOptions,
+      editorProps: {
+        ...editorOptions.editorProps,
+        attributes: (...args) => {
+          const attributes = {
+            autocomplete: "off",
+            autocorrect: "off",
+            autocapitalize: "off"
+          };
+          const overrideAttributes = typeof editorOptions.editorProps?.attributes === "function" ? editorOptions.editorProps.attributes(...args) : editorOptions.editorProps?.attributes;
+          return {
+            ...attributes,
+            ...overrideAttributes
+          };
+        }
+      }
+    },
+    []
+  );
+  return { editor, getFilteredBlockMenus };
+};
+
+// src/extensions/Table/menus/TableMenu/index.tsx
+import { BubbleMenu as BaseBubbleMenu2 } from "@tiptap/react/menus";
+import { useCallback as useCallback16, useMemo as useMemo9, useRef as useRef7, useState as useState11 } from "react";
+import { v4 as uuid } from "uuid";
+import { Popover as Popover5, PopoverTrigger as PopoverTrigger4, PopoverContent as PopoverContent5 } from "@ablogcms/components/popover";
+
+// src/extensions/Table/menus/TableColumn/utils.ts
+var isColumnGripSelected = ({ editor, view, from }) => {
+  const domAtPos = view.domAtPos(from).node;
+  const nodeDOM = view.nodeDOM(from);
+  const node = nodeDOM || domAtPos;
+  if (!editor.isActive(Table.name) || !node) {
+    return false;
+  }
+  let container = node;
+  while (container && !["TD", "TH"].includes(container.tagName)) {
+    container = container.parentElement;
+  }
+  const gripColumn = container && container.querySelector && container.querySelector("button.grip-column.selected");
+  return !!gripColumn;
+};
+
+// src/extensions/Table/menus/TableRow/utils.ts
+var isRowGripSelected = ({ editor, view, from }) => {
+  const domAtPos = view.domAtPos(from).node;
+  const nodeDOM = view.nodeDOM(from);
+  const node = nodeDOM || domAtPos;
+  if (!editor.isActive(Table.name) || !node) {
+    return false;
+  }
+  let container = node;
+  while (container && !["TD", "TH"].includes(container.tagName)) {
+    container = container.parentElement;
+  }
+  const gripRow = container && container.querySelector && container.querySelector("button.grip-row.selected");
+  return !!gripRow;
+};
+
+// src/extensions/Table/menus/hooks.ts
+import { useCallback as useCallback15 } from "react";
+var useTableStyle = (editor) => {
+  const handleSetBgColor = useCallback15(
+    (color) => {
+      editor.chain().setCellBackgroundColor(color).run();
+      editor.chain().setHeaderBackgroundColor(color).run();
+    },
+    [editor]
+  );
+  const handleClearBgColor = useCallback15(() => {
+    editor.chain().setCellBackgroundColor("").run();
+    editor.chain().setHeaderBackgroundColor("").run();
+  }, [editor]);
+  return {
+    handleSetBgColor,
+    handleClearBgColor
+  };
+};
+
+// src/extensions/Table/menus/TableMenu/index.tsx
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+function TableMenu({ editor, appendTo }) {
+  const menuRef = useRef7(null);
+  const pluginKeyRef = useRef7(`table-menu-${uuid()}`);
+  const [isOpen, setIsOpen] = useState11(false);
+  const { handleSetBgColor, handleClearBgColor } = useTableStyle(editor);
+  const { features } = useSettingsContext();
+  const shouldShow = useCallback16(
+    ({ view, state, from }) => {
+      if (!state || !from) {
+        return false;
+      }
+      const hasTextSelection = !state.selection.empty && !isCellSelection(state.selection);
+      return editor.isActive("table") && !hasTextSelection && !isColumnGripSelected({ editor, view, from: from || 0 }) && !isRowGripSelected({ editor, view, from });
+    },
+    [editor]
+  );
+  const bubbleMenuAppendTo = useCallback16(() => appendTo?.current, [appendTo]);
+  const getReferencedVirtualElement = useCallback16(() => {
+    const { view } = editor;
+    const { state } = editor;
+    const { $from } = state.selection;
+    for (let { depth } = $from; depth > 0; depth--) {
+      const node = $from.node(depth);
+      if (node.type.name === "table") {
+        const pos = $from.before(depth);
+        const dom = view.nodeDOM(pos);
+        if (dom instanceof HTMLElement) {
+          return { getBoundingClientRect: () => dom.getBoundingClientRect() };
+        }
+      }
+    }
+    const rect = editor.view.dom.getBoundingClientRect();
+    return { getBoundingClientRect: () => rect };
+  }, [editor]);
+  const bubbleMenuStyle = useMemo9(() => ({ zIndex: 100019 }), []);
+  const bubbleMenuOptions = useMemo9(() => ({ offset: 15, flip: true }), []);
+  return /* @__PURE__ */ jsx14(
+    BaseBubbleMenu2,
+    {
+      editor,
+      pluginKey: pluginKeyRef.current,
+      shouldShow,
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      style: bubbleMenuStyle,
+      getReferencedVirtualElement,
+      options: bubbleMenuOptions,
+      children: /* @__PURE__ */ jsxs13(Toolbar, { ref: menuRef, children: [
+        /* @__PURE__ */ jsx14(
+          Toolbar.Button,
+          {
+            type: "button",
+            tooltip: "\u30BB\u30EB\u3092\u7D50\u5408",
+            "aria-label": "\u30BB\u30EB\u3092\u7D50\u5408",
+            onClick: () => editor.chain().focus().mergeCells().run(),
+            children: /* @__PURE__ */ jsx14(Icon, { name: "cell_merge" })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          Toolbar.Button,
+          {
+            type: "button",
+            tooltip: "\u30BB\u30EB\u3092\u5206\u96E2",
+            "aria-label": "\u30BB\u30EB\u3092\u5206\u96E2",
+            onClick: () => editor.chain().focus().splitCell().run(),
+            children: /* @__PURE__ */ jsx14(Icon, { name: "arrows_outward" })
+          }
+        ),
+        /* @__PURE__ */ jsx14(
+          Toolbar.Button,
+          {
+            type: "button",
+            tooltip: "\u30B9\u30AF\u30ED\u30FC\u30EB\u3055\u305B\u308B",
+            "aria-label": "\u30C6\u30FC\u30D6\u30EB\u3092\u30B9\u30AF\u30ED\u30FC\u30EB\u3055\u305B\u308B",
+            active: editor.getAttributes("table").scrollable,
+            onClick: () => editor.chain().focus().toggleTableScrollable().run(),
+            children: /* @__PURE__ */ jsx14(Icon, { name: "swipe" })
+          }
+        ),
+        features?.tableBgColor && /* @__PURE__ */ jsxs13(Popover5, { modal: true, isOpen, onOpenChange: setIsOpen, placement: "top", children: [
+          /* @__PURE__ */ jsx14(Toolbar.Divider, {}),
+          /* @__PURE__ */ jsx14(PopoverTrigger4, { asChild: true, children: /* @__PURE__ */ jsx14(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u30BB\u30EB\u306E\u80CC\u666F\u8272",
+              active: false,
+              "aria-label": "\u30BB\u30EB\u306E\u80CC\u666F\u8272\u3092\u8A2D\u5B9A",
+              onClick: () => setIsOpen((prev) => !prev),
+              children: /* @__PURE__ */ jsx14(Icon, { name: "format_color_fill" })
+            }
+          ) }),
+          /* @__PURE__ */ jsx14(PopoverContent5, { "data-elevation": "3", children: /* @__PURE__ */ jsx14(
+            ColorPicker,
+            {
+              onChange: (color) => {
+                if (/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(color)) {
+                  handleSetBgColor(color);
+                }
+              },
+              onClear: () => {
+                handleClearBgColor();
+                setIsOpen(false);
+              }
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/extensions/Table/menus/TableColumn/index.tsx
+import { BubbleMenu as BaseBubbleMenu3 } from "@tiptap/react/menus";
+import React, { useCallback as useCallback17, useMemo as useMemo10, useState as useState12 } from "react";
+import { Menu as Menu7, MenuList as MenuList7, MenuItem as MenuItem7, MenuPopover as MenuPopover7, MenuDivider as MenuDivider2 } from "@ablogcms/components/dropdown-menu";
+
+// src/extensions/Table/menus/ColorPicker.tsx
+import { memo as memo3, useRef as useRef8 } from "react";
+import { MenuItem as MenuItem6 } from "@ablogcms/components/dropdown-menu";
+import { Popover as Popover6, PopoverTrigger as PopoverTrigger5, PopoverContent as PopoverContent6 } from "@ablogcms/components/popover";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+var TableColorPicker = memo3(({ editor }) => {
+  const popoverRef = useRef8(null);
+  const { handleSetBgColor, handleClearBgColor } = useTableStyle(editor);
+  return /* @__PURE__ */ jsxs14(Popover6, { ref: popoverRef, modal: true, placement: "bottom-start", children: [
+    /* @__PURE__ */ jsx15(PopoverTrigger5, { asChild: true, children: /* @__PURE__ */ jsx15(MenuItem6, { icon: /* @__PURE__ */ jsx15(Icon, { name: "format_color_fill" }), onSelect: () => popoverRef.current?.togglePopover(), children: "\u80CC\u666F\u8272" }) }),
+    /* @__PURE__ */ jsx15(PopoverContent6, { "data-elevation": "3", children: /* @__PURE__ */ jsx15(
+      ColorPicker,
+      {
+        onChange: (color) => {
+          if (/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(color)) {
+            handleSetBgColor(color);
+          }
+        },
+        onClear: () => {
+          handleClearBgColor();
+        }
+      }
+    ) })
+  ] });
+});
+TableColorPicker.displayName = "TableColorPicker";
+
+// src/extensions/Table/menus/TableColumn/index.tsx
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var TableColumnMenu = React.memo(({ editor, appendTo }) => {
+  const { features } = useSettingsContext();
+  const [isOpen, setIsOpen] = useState12(false);
+  const [menuRect, setMenuRect] = useState12(null);
+  const shouldShow = useCallback17(
+    ({ view, state, from }) => {
+      if (!state) {
+        setIsOpen(false);
+        return false;
+      }
+      const show = isColumnGripSelected({ editor, view, from: from || 0 });
+      setIsOpen(show);
+      return show;
+    },
+    [editor]
+  );
+  const bubbleMenuAppendTo = useCallback17(() => appendTo?.current, [appendTo]);
+  const getReferencedVirtualElement = useCallback17(() => {
+    const { view } = editor;
+    const { state } = editor;
+    const { $from } = state.selection;
+    const pos = $from.before($from.depth);
+    const dom = view.nodeDOM(pos);
+    if (dom instanceof HTMLElement) {
+      const rect2 = dom.getBoundingClientRect();
+      setMenuRect(rect2);
+      return { getBoundingClientRect: () => rect2 };
+    }
+    const rect = editor.view.dom.getBoundingClientRect();
+    setMenuRect(rect);
+    return { getBoundingClientRect: () => rect };
+  }, [editor]);
+  const bubbleMenuStyle = useMemo10(() => ({ zIndex: 100019 }), []);
+  const bubbleMenuOptions = useMemo10(() => ({ placement: "bottom-end", offset: 15, flip: false }), []);
+  return /* @__PURE__ */ jsx16(
+    BaseBubbleMenu3,
+    {
+      editor,
+      pluginKey: "tableColumnMenu",
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      style: bubbleMenuStyle,
+      getReferencedVirtualElement,
+      options: bubbleMenuOptions,
+      shouldShow,
+      children: /* @__PURE__ */ jsx16(Menu7, { isOpen, getAnchorRect: () => menuRect, children: /* @__PURE__ */ jsx16(MenuPopover7, { size: "small", "data-elevation": "3", children: /* @__PURE__ */ jsxs15(MenuList7, { children: [
+        /* @__PURE__ */ jsx16(
+          MenuItem7,
+          {
+            icon: /* @__PURE__ */ jsx16(Icon, { name: "splitscreen_left" }),
+            onSelect: () => editor.chain().focus().toggleHeaderCell().run(),
+            children: "\u5217\u898B\u51FA\u3057"
+          }
+        ),
+        /* @__PURE__ */ jsx16(MenuDivider2, {}),
+        /* @__PURE__ */ jsx16(MenuItem7, { icon: /* @__PURE__ */ jsx16(Icon, { name: "arrow_back" }), onSelect: () => editor.chain().focus().addColumnBefore().run(), children: "\u5DE6\u306B\u633F\u5165" }),
+        /* @__PURE__ */ jsx16(
+          MenuItem7,
+          {
+            icon: /* @__PURE__ */ jsx16(Icon, { name: "arrow_forward" }),
+            onSelect: () => editor.chain().focus().addColumnAfter().run(),
+            children: "\u53F3\u306B\u633F\u5165"
+          }
+        ),
+        /* @__PURE__ */ jsx16(MenuItem7, { icon: /* @__PURE__ */ jsx16(Icon, { name: "cell_merge" }), onSelect: () => editor.chain().focus().mergeCells().run(), children: "\u30BB\u30EB\u3092\u7D50\u5408" }),
+        /* @__PURE__ */ jsx16(MenuItem7, { icon: /* @__PURE__ */ jsx16(Icon, { name: "arrows_outward" }), onSelect: () => editor.chain().focus().splitCell().run(), children: "\u30BB\u30EB\u3092\u5206\u96E2" }),
+        features?.tableBgColor && /* @__PURE__ */ jsx16(TableColorPicker, { editor }),
+        /* @__PURE__ */ jsx16(
+          MenuItem7,
+          {
+            variant: "danger",
+            icon: /* @__PURE__ */ jsx16(Icon, { name: "delete" }),
+            onSelect: () => editor.chain().focus().deleteColumn().run(),
+            children: "\u524A\u9664"
+          }
+        )
+      ] }) }) })
+    }
+  );
+});
+TableColumnMenu.displayName = "TableColumnMenu";
+
+// src/extensions/Table/menus/TableRow/index.tsx
+import { BubbleMenu as BaseBubbleMenu4 } from "@tiptap/react/menus";
+import React2, { useCallback as useCallback18, useMemo as useMemo11, useState as useState13 } from "react";
+import { Menu as Menu8, MenuList as MenuList8, MenuItem as MenuItem8, MenuPopover as MenuPopover8, MenuDivider as MenuDivider3 } from "@ablogcms/components/dropdown-menu";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var TableRowMenu = React2.memo(({ editor, appendTo }) => {
+  const { features } = useSettingsContext();
+  const [isOpen, setIsOpen] = useState13(false);
+  const [menuRect, setMenuRect] = useState13(null);
+  const shouldShow = useCallback18(
+    ({ view, state, from }) => {
+      if (!state || !from) {
+        setIsOpen(false);
+        return false;
+      }
+      const show = isRowGripSelected({ editor, view, from });
+      setIsOpen(show);
+      return show;
+    },
+    [editor]
+  );
+  const bubbleMenuAppendTo = useCallback18(() => appendTo?.current, [appendTo]);
+  const getReferencedVirtualElement = useCallback18(() => {
+    const { view } = editor;
+    const { state } = editor;
+    const { $from } = state.selection;
+    const pos = $from.before($from.depth);
+    const dom = view.nodeDOM(pos);
+    if (dom instanceof HTMLElement) {
+      const rect2 = dom.getBoundingClientRect();
+      setMenuRect(rect2);
+      return { getBoundingClientRect: () => rect2 };
+    }
+    const rect = editor.view.dom.getBoundingClientRect();
+    setMenuRect(rect);
+    return { getBoundingClientRect: () => rect };
+  }, [editor]);
+  const bubbleMenuStyle = useMemo11(() => ({ zIndex: 100019 }), []);
+  const bubbleMenuOptions = useMemo11(() => ({ placement: "bottom-end", offset: 15, flip: false }), []);
+  return /* @__PURE__ */ jsx17(
+    BaseBubbleMenu4,
+    {
+      editor,
+      pluginKey: "tableRowMenu",
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      style: bubbleMenuStyle,
+      getReferencedVirtualElement,
+      options: bubbleMenuOptions,
+      shouldShow,
+      children: /* @__PURE__ */ jsx17(Menu8, { isOpen, getAnchorRect: () => menuRect, children: /* @__PURE__ */ jsx17(MenuPopover8, { size: "small", "data-elevation": "3", children: /* @__PURE__ */ jsxs16(MenuList8, { children: [
+        /* @__PURE__ */ jsx17(
+          MenuItem8,
+          {
+            icon: /* @__PURE__ */ jsx17(Icon, { name: "splitscreen_top" }),
+            onSelect: () => editor.chain().focus().toggleHeaderCell().run(),
+            children: "\u884C\u898B\u51FA\u3057"
+          }
+        ),
+        /* @__PURE__ */ jsx17(MenuDivider3, {}),
+        /* @__PURE__ */ jsx17(MenuItem8, { icon: /* @__PURE__ */ jsx17(Icon, { name: "arrow_upward" }), onSelect: () => editor.chain().focus().addRowBefore().run(), children: "\u4E0A\u306B\u633F\u5165" }),
+        /* @__PURE__ */ jsx17(MenuItem8, { icon: /* @__PURE__ */ jsx17(Icon, { name: "arrow_downward" }), onSelect: () => editor.chain().focus().addRowAfter().run(), children: "\u4E0B\u306B\u633F\u5165" }),
+        /* @__PURE__ */ jsx17(MenuItem8, { icon: /* @__PURE__ */ jsx17(Icon, { name: "cell_merge" }), onSelect: () => editor.chain().focus().mergeCells().run(), children: "\u30BB\u30EB\u3092\u7D50\u5408" }),
+        /* @__PURE__ */ jsx17(MenuItem8, { icon: /* @__PURE__ */ jsx17(Icon, { name: "arrows_outward" }), onSelect: () => editor.chain().focus().splitCell().run(), children: "\u30BB\u30EB\u3092\u5206\u96E2" }),
+        features?.tableBgColor && /* @__PURE__ */ jsx17(TableColorPicker, { editor }),
+        /* @__PURE__ */ jsx17(
+          MenuItem8,
+          {
+            variant: "danger",
+            icon: /* @__PURE__ */ jsx17(Icon, { name: "delete" }),
+            onSelect: () => editor.chain().focus().deleteRow().run(),
+            children: "\u524A\u9664"
+          }
+        )
+      ] }) }) })
+    }
+  );
+});
+TableRowMenu.displayName = "TableRowMenu";
+
+// src/extensions/ImageBlock/components/ImageBlockMenu.tsx
+import { BubbleMenu as BaseBubbleMenu5 } from "@tiptap/react/menus";
+import { NodeSelection as NodeSelection3 } from "@tiptap/pm/state";
+import { useCallback as useCallback21, useMemo as useMemo12, useRef as useRef10, useState as useState17, useEffect as useEffect8 } from "react";
+import { v4 as uuid2 } from "uuid";
+import { emit } from "@ablogcms/events";
+import MediaInsert from "@ablogcms/media/components/media-insert/media-insert";
+import MediaUpdate from "@ablogcms/media/components/media-update/media-update";
+import { useMediaSelect as useMediaSelect2 } from "@ablogcms/react-hooks/use-media";
+
+// src/extensions/ImageBlock/components/ImageBlockWidth.tsx
+import { memo as memo4, useCallback as useCallback19, useEffect as useEffect7, useState as useState14 } from "react";
+import {
+  Menu as Menu9,
+  MenuTrigger as MenuTrigger5,
+  MenuList as MenuList9,
+  MenuGroup as MenuGroup6,
+  MenuItemRadio as MenuItemRadio4,
+  MenuItemRadioGroup as MenuItemRadioGroup4,
+  MenuPopover as MenuPopover9
+} from "@ablogcms/components/dropdown-menu";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var ImageBlockWidth = memo4(({ onChange, value }) => {
+  const { imageSizes } = useSettingsContext();
+  const [currentValue, setCurrentValue] = useState14(null);
+  useEffect7(() => {
+    const sizeItem = imageSizes.find((item) => item.value === value) || imageSizes[0];
+    setCurrentValue(sizeItem);
+  }, [imageSizes, value]);
+  const handleChange = useCallback19(
+    (value2) => {
+      onChange(value2);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxs17(Menu9, { closeOnSelect: true, children: [
+    /* @__PURE__ */ jsx18(MenuTrigger5, { asChild: true, children: /* @__PURE__ */ jsxs17(Toolbar.Button, { type: "button", tooltip: "\u753B\u50CF\u30B5\u30A4\u30BA", "aria-label": "\u753B\u50CF\u30B5\u30A4\u30BA\u3092\u8A2D\u5B9A", children: [
+      /* @__PURE__ */ jsx18(Icon, { name: "crop_free" }),
+      currentValue?.label || "1/1 (100%)",
+      /* @__PURE__ */ jsx18(Icon, { name: "keyboard_arrow_down" })
+    ] }) }),
+    /* @__PURE__ */ jsx18(MenuPopover9, { size: "medium", "data-elevation": "3", children: /* @__PURE__ */ jsx18(MenuList9, { children: /* @__PURE__ */ jsx18(MenuGroup6, { title: "\u753B\u50CF\u30B5\u30A4\u30BA", children: /* @__PURE__ */ jsx18(MenuItemRadioGroup4, { defaultValue: value, onValueChange: handleChange, children: imageSizes?.map((item) => /* @__PURE__ */ jsx18(MenuItemRadio4, { value: item.value, children: item.label }, `${item.label}_${item.value}`)) }) }) }) })
+  ] });
+});
+ImageBlockWidth.displayName = "ImageBlockWidth";
+
+// src/extensions/ImageBlock/components/ImageBlockCaption.tsx
+import { memo as memo5, useRef as useRef9 } from "react";
+import { Popover as Popover7, PopoverTrigger as PopoverTrigger6, PopoverContent as PopoverContent7, PopoverClose } from "@ablogcms/components/popover";
+import { ButtonV2 as ButtonV23 } from "@ablogcms/components/button-v2";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+var ImageBlockCaption = memo5(({ caption, alt, onChange }) => {
+  const captionRef = useRef9(null);
+  const altRef = useRef9(null);
+  return /* @__PURE__ */ jsxs18(Popover7, { modal: true, children: [
+    /* @__PURE__ */ jsx19(PopoverTrigger6, { asChild: true, children: /* @__PURE__ */ jsx19(
+      Toolbar.Button,
+      {
+        tooltip: "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3\u3092\u7DE8\u96C6",
+        type: "button",
+        active: !!caption || !!alt,
+        "aria-label": "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3\u3092\u7DE8\u96C6",
+        children: /* @__PURE__ */ jsx19(Icon, { name: "closed_caption" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx19(PopoverContent7, { "data-elevation": "3", children: /* @__PURE__ */ jsxs18(
+      "form",
+      {
+        className: "acms-admin-form acms-admin-block-editor-popover-form",
+        onSubmit: () => onChange(captionRef.current?.value ?? "", altRef.current?.value ?? ""),
+        children: [
+          /* @__PURE__ */ jsxs18("div", { className: "acms-admin-block-editor-popover-form-item", children: [
+            /* @__PURE__ */ jsx19("label", { htmlFor: "captionText", className: "acms-admin-block-editor-popover-form-item-label", children: "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3" }),
+            /* @__PURE__ */ jsx19(
+              "input",
+              {
+                type: "text",
+                id: "captionText",
+                className: "acms-admin-form-width-full",
+                defaultValue: caption,
+                ref: captionRef,
+                placeholder: ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs18("div", { className: "acms-admin-block-editor-popover-form-item", children: [
+            /* @__PURE__ */ jsx19("label", { htmlFor: "altText", className: "acms-admin-block-editor-popover-form-item-label", children: "Alt\uFF08\u4EE3\u66FF\u30C6\u30AD\u30B9\u30C8\uFF09" }),
+            /* @__PURE__ */ jsx19(
+              "textarea",
+              {
+                id: "altText",
+                defaultValue: alt,
+                ref: altRef,
+                className: "acms-admin-form-width-full",
+                placeholder: ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx19("div", { className: "acms-admin-block-editor-popover-form-button-group", children: /* @__PURE__ */ jsx19(PopoverClose, { asChild: true, children: /* @__PURE__ */ jsx19(
+            ButtonV23,
+            {
+              variant: "filled",
+              size: "small",
+              type: "submit",
+              "aria-label": "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3\u3092\u9069\u7528",
+              onClick: () => {
+                onChange(captionRef.current?.value ?? "", altRef.current?.value ?? "");
+              },
+              children: "\u9069\u7528"
+            }
+          ) }) })
+        ]
+      }
+    ) })
+  ] });
+});
+ImageBlockCaption.displayName = "ImageBlockCaption";
+
+// src/extensions/ImageBlock/components/ImageBlockLink.tsx
+import { memo as memo6, useState as useState15 } from "react";
+import { Popover as Popover8, PopoverTrigger as PopoverTrigger7, PopoverContent as PopoverContent8 } from "@ablogcms/components/popover";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+var ImageBlockLink = memo6(({ initialUrl, initialOpenInNewTab, onChange }) => {
+  const [isOpen, setIsOpen] = useState15(false);
+  return /* @__PURE__ */ jsxs19(Popover8, { modal: true, isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx20(PopoverTrigger7, { asChild: true, children: /* @__PURE__ */ jsx20(
+      Toolbar.Button,
+      {
+        tooltip: "\u30EA\u30F3\u30AF\u3092\u8A2D\u5B9A",
+        type: "button",
+        active: !!initialUrl,
+        onClick: () => setIsOpen((prev) => !prev),
+        "alia-label": "\u30EA\u30F3\u30AF\u3092\u8A2D\u5B9A",
+        children: /* @__PURE__ */ jsx20(Icon, { name: "link" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx20(PopoverContent8, { "data-elevation": "3", children: /* @__PURE__ */ jsx20(
+      LinkEditorPanel,
+      {
+        initialUrl,
+        initialOpenInNewTab,
+        onSetLink: (link, openInNewTab) => {
+          onChange(link, openInNewTab);
+          setIsOpen(false);
+        },
+        onClear: () => {
+          onChange("", false);
+          setIsOpen(false);
+        }
+      }
+    ) })
+  ] });
+});
+ImageBlockLink.displayName = "ImageBlockLink";
+
+// src/extensions/ImageBlock/mediaUpdateHooks.ts
+import { useState as useState16, useCallback as useCallback20 } from "react";
+var useMediaUpdate = ({ inspectMedia }) => {
+  const [isUpdateModalOpen, setIsUpdateModalOpen] = useState16(false);
+  const targetMediaId = inspectMedia()?.attrs?.mediaId || null;
+  const imageSrc = inspectMedia()?.attrs?.src || null;
+  let selfImgSrc = null;
+  if (imageSrc && !/^(?:[a-z]+:)?\/\//i.test(imageSrc)) {
+    selfImgSrc = imageSrc;
+  }
+  const handleUpdateModalClose = useCallback20(() => {
+    setIsUpdateModalOpen(false);
+  }, []);
+  const handleUpdateClick = useCallback20(() => {
+    setIsUpdateModalOpen(true);
+  }, []);
+  return {
+    targetMediaId,
+    selfImgSrc,
+    isUpdateModalOpen,
+    handleUpdateModalClose,
+    handleUpdateClick
+  };
+};
+
+// src/extensions/ImageBlock/components/ImageBlockMenu.tsx
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+function ImageBlockMenu({ editor, appendTo }) {
+  const menuRef = useRef10(null);
+  const pluginKeyRef = useRef10(`imageBlockMenu-${uuid2()}`);
+  const [hasMainImageField, setHasMainImageField] = useState17(false);
+  const [isMainImageActive, setIsMainImageActive] = useState17(false);
+  const inspectMedia = useCallback21(() => {
+    const { selection } = editor.state;
+    if (selection instanceof NodeSelection3) {
+      const selectedNode = selection.node;
+      if (selectedNode.type.name === "imageBlock") {
+        return selectedNode;
+      }
+    }
+  }, [editor]);
+  const { isInsertModalOpen, tab, files, handleModalClose, handleSelectClick, uploadFile } = useMediaSelect2();
+  const { targetMediaId, selfImgSrc, isUpdateModalOpen, handleUpdateModalClose, handleUpdateClick } = useMediaUpdate({
+    inspectMedia
+  });
+  const handleInsertMedia = useCallback21(
+    (items) => {
+      const [item] = items;
+      if (item.media_thumbnail) {
+        editor.chain().focus(void 0, { scrollIntoView: false }).updateMediaImageBlock(item).run();
+      }
+      handleModalClose();
+    },
+    [editor, handleModalClose]
+  );
+  const handleUpdateMedia = useCallback21(
+    (item) => {
+      if (item.media_thumbnail) {
+        editor.chain().focus(void 0, { scrollIntoView: false }).updateMediaImageBlock(item).run();
+      }
+      handleUpdateModalClose();
+    },
+    [editor, handleUpdateModalClose]
+  );
+  const shouldShow = useCallback21(() => {
+    const isActive = editor.isActive("imageBlock");
+    return isActive;
+  }, [editor]);
+  const bubbleMenuAppendTo = useCallback21(() => appendTo?.current ?? document.body, [appendTo]);
+  const bubbleMenuOptions = useMemo12(() => ({ offset: 8 }), []);
+  const onWidthChange = useCallback21(
+    (value) => {
+      editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockWidth(value).run();
+    },
+    [editor]
+  );
+  const handleUploadClick = useCallback21(async () => {
+    const res = await fetch(selfImgSrc);
+    const blob = await res.blob();
+    const filename = selfImgSrc.split("/").pop() || "";
+    const ext = blob.type.split("/")[1] || "jpg";
+    const name = filename.includes(".") ? filename : `${filename}.${ext}`;
+    const file = new File([blob], name, { type: blob.type });
+    uploadFile([file]);
+  }, [uploadFile, selfImgSrc]);
+  const handleSetMainImage = useCallback21(() => {
+    const mainImageValues = document.querySelectorAll(
+      ACMS.Config.blockEditorConfig.setMainImageMark || ".js-block-editor-set-main-image"
+    );
+    if (mainImageValues && mainImageValues.length > 0) {
+      [].forEach.call(mainImageValues, (mainImageValue) => {
+        setIsMainImageActive(true);
+        mainImageValue.dispatchEvent(new Event("change", { bubbles: true }));
+        void emit("entry.main-image.change", {
+          target: mainImageValue,
+          mediaId: editor.getAttributes("imageBlock").mediaId,
+          thumbnail: editor.getAttributes("imageBlock").src
+        });
+        mainImageValue?.dispatchEvent(
+          new CustomEvent("acms.set-main-image", {
+            detail: {
+              media_id: editor.getAttributes("imageBlock").mediaId,
+              media_thumbnail: editor.getAttributes("imageBlock").src,
+              media_type: "image"
+            }
+          })
+        );
+      });
+    }
+  }, [editor]);
+  useEffect8(() => {
+    const mainImageValues = document.querySelectorAll(
+      ACMS.Config.blockEditorConfig.setMainImageMark || ".js-block-editor-set-main-image"
+    );
+    if (mainImageValues && mainImageValues.length > 0) {
+      const mainImageMids = Array.from(mainImageValues).map((mainImageValue) => mainImageValue.value);
+      setHasMainImageField(true);
+      setIsMainImageActive(mainImageMids.includes(String(editor.getAttributes("imageBlock").mediaId)));
+    }
+  }, [editor, editor.state]);
+  return /* @__PURE__ */ jsxs20(
+    BaseBubbleMenu5,
+    {
+      editor,
+      pluginKey: pluginKeyRef.current,
+      shouldShow,
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      options: bubbleMenuOptions,
+      children: [
+        /* @__PURE__ */ jsxs20(Toolbar, { shouldShowContent: shouldShow(), ref: menuRef, children: [
+          /* @__PURE__ */ jsx21(Toolbar.Button, { type: "button", tooltip: "\u30E1\u30C7\u30A3\u30A2\u9078\u629E", onClick: handleSelectClick, "aria-label": "\u30E1\u30C7\u30A3\u30A2\u3092\u9078\u629E", children: /* @__PURE__ */ jsx21(Icon, { name: "perm_media" }) }),
+          targetMediaId != null && targetMediaId > 0 && /* @__PURE__ */ jsx21(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u30E1\u30C7\u30A3\u30A2\u3092\u7DE8\u96C6",
+              onClick: handleUpdateClick,
+              "aria-label": "\u30E1\u30C7\u30A3\u30A2\u3092\u7DE8\u96C6",
+              children: /* @__PURE__ */ jsx21(Icon, { name: "edit" })
+            }
+          ),
+          targetMediaId == null && selfImgSrc && /* @__PURE__ */ jsx21(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+              onClick: handleUploadClick,
+              "aria-label": "\u753B\u50CF\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9",
+              children: /* @__PURE__ */ jsx21(Icon, { name: "upload" })
+            }
+          ),
+          /* @__PURE__ */ jsx21(Toolbar.Divider, {}),
+          /* @__PURE__ */ jsx21(
+            ImageBlockLink,
+            {
+              initialUrl: editor.getAttributes("imageBlock").link,
+              initialOpenInNewTab: editor.getAttributes("imageBlock").target === "_blank",
+              onChange: (link, openInNewTab) => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockLink(link, openInNewTab).run();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx21(
+            ImageBlockCaption,
+            {
+              caption: editor.getAttributes("imageBlock").caption,
+              alt: editor.getAttributes("imageBlock").alt,
+              onChange: (caption, alt) => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockCaption(caption).setImageBlockAlt(alt).run();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx21(
+            AlignPicker,
+            {
+              align: editor.getAttributes("imageBlock").align,
+              onChange: (align) => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).setImageBlockAlign(align).run();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx21(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u62E1\u5927\u8868\u793A\u3057\u306A\u3044",
+              "aria-label": "\u753B\u50CF\u3092\u62E1\u5927\u8868\u793A\u3057\u306A\u3044",
+              onClick: () => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).toggleImageBlockLightbox().run();
+              },
+              active: editor.getAttributes("imageBlock").noLightbox === "true",
+              children: /* @__PURE__ */ jsx21(Icon, { name: "search_off" })
+            }
+          ),
+          hasMainImageField && targetMediaId && /* @__PURE__ */ jsx21(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u30E1\u30A4\u30F3\u753B\u50CF\u306B\u8A2D\u5B9A",
+              onClick: handleSetMainImage,
+              active: isMainImageActive,
+              "aria-label": "\u30E1\u30A4\u30F3\u753B\u50CF\u306B\u8A2D\u5B9A",
+              children: /* @__PURE__ */ jsx21(Icon, { name: "imagesmode" })
+            }
+          ),
+          /* @__PURE__ */ jsx21(Toolbar.Divider, {}),
+          /* @__PURE__ */ jsx21(ImageBlockWidth, { onChange: onWidthChange, value: editor.getAttributes("imageBlock").displayWidth })
+        ] }),
+        /* @__PURE__ */ jsx21(
+          MediaInsert,
+          {
+            isOpen: isInsertModalOpen,
+            onInsert: handleInsertMedia,
+            onClose: handleModalClose,
+            tab,
+            files,
+            filetype: "image"
+          }
+        ),
+        targetMediaId != null && targetMediaId > 0 && /* @__PURE__ */ jsx21(
+          MediaUpdate,
+          {
+            isOpen: isUpdateModalOpen,
+            mid: targetMediaId,
+            onClose: handleUpdateModalClose,
+            onUpdate: handleUpdateMedia
+          }
+        )
+      ]
+    }
+  );
+}
+var ImageBlockMenu_default = ImageBlockMenu;
+
+// src/extensions/FileBlock/components/FileBlockMenu.tsx
+import { BubbleMenu as BaseBubbleMenu6 } from "@tiptap/react/menus";
+import { NodeSelection as NodeSelection4 } from "@tiptap/pm/state";
+import { useCallback as useCallback22, useMemo as useMemo13, useRef as useRef12 } from "react";
+import { v4 as uuid3 } from "uuid";
+import MediaInsert2 from "@ablogcms/media/components/media-insert/media-insert";
+import MediaUpdate2 from "@ablogcms/media/components/media-update/media-update";
+
+// src/extensions/FileBlock/components/FileBlockCaption.tsx
+import { memo as memo7, useRef as useRef11 } from "react";
+import { Popover as Popover9, PopoverTrigger as PopoverTrigger8, PopoverContent as PopoverContent9, PopoverClose as PopoverClose2 } from "@ablogcms/components/popover";
+import { ButtonV2 as ButtonV24 } from "@ablogcms/components/button-v2";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var FileBlockCaption = memo7(({ caption, alt, onChange }) => {
+  const captionRef = useRef11(null);
+  const altRef = useRef11(null);
+  return /* @__PURE__ */ jsxs21(Popover9, { modal: true, children: [
+    /* @__PURE__ */ jsx22(PopoverTrigger8, { asChild: true, children: /* @__PURE__ */ jsx22(
+      Toolbar.Button,
+      {
+        tooltip: "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3\u3092\u7DE8\u96C6",
+        type: "button",
+        active: !!caption || !!alt,
+        "aria-label": "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3\u3092\u7DE8\u96C6",
+        children: /* @__PURE__ */ jsx22(Icon, { name: "closed_caption" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx22(PopoverContent9, { "data-elevation": "3", children: /* @__PURE__ */ jsxs21(
+      "form",
+      {
+        className: "acms-admin-form acms-admin-block-editor-popover-form",
+        onSubmit: () => onChange(captionRef.current?.value ?? "", altRef.current?.value ?? ""),
+        children: [
+          /* @__PURE__ */ jsxs21("div", { className: "acms-admin-block-editor-popover-form-item", children: [
+            /* @__PURE__ */ jsx22("label", { htmlFor: "captionText", className: "acms-admin-block-editor-popover-form-item-label", children: "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3" }),
+            /* @__PURE__ */ jsx22(
+              "input",
+              {
+                type: "text",
+                id: "captionText",
+                className: "acms-admin-form-width-full",
+                defaultValue: caption,
+                ref: captionRef,
+                placeholder: ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs21("div", { className: "acms-admin-block-editor-popover-form-item", children: [
+            /* @__PURE__ */ jsx22("label", { htmlFor: "altText", className: "acms-admin-block-editor-popover-form-item-label", children: "Alt\uFF08\u4EE3\u66FF\u30C6\u30AD\u30B9\u30C8\uFF09" }),
+            /* @__PURE__ */ jsx22(
+              "textarea",
+              {
+                id: "altText",
+                defaultValue: alt,
+                ref: altRef,
+                className: "acms-admin-form-width-full",
+                placeholder: ""
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx22("div", { className: "acms-admin-block-editor-popover-form-button-group", children: /* @__PURE__ */ jsx22(PopoverClose2, { asChild: true, children: /* @__PURE__ */ jsx22(
+            ButtonV24,
+            {
+              variant: "filled",
+              size: "small",
+              type: "submit",
+              "aria-label": "\u30AD\u30E3\u30D7\u30B7\u30E7\u30F3\u3092\u9069\u7528",
+              onClick: () => {
+                onChange(captionRef.current?.value ?? "", altRef.current?.value ?? "");
+              },
+              children: "\u9069\u7528"
+            }
+          ) }) })
+        ]
+      }
+    ) })
+  ] });
+});
+FileBlockCaption.displayName = "FileBlockCaption";
+
+// src/extensions/FileBlock/components/FileBlockMenu.tsx
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+function FileBlockMenu({ editor, appendTo }) {
+  const menuRef = useRef12(null);
+  const pluginKeyRef = useRef12(`fileBlockMenu-${uuid3()}`);
+  const inspectMedia = useCallback22(() => {
+    const { selection } = editor.state;
+    if (selection instanceof NodeSelection4) {
+      const selectedNode = selection.node;
+      if (selectedNode.type.name === "fileBlock") {
+        return selectedNode;
+      }
+    }
+  }, [editor]);
+  const { isInsertModalOpen, tab, files, handleModalClose, handleSelectClick } = useMediaSelect();
+  const { targetMediaId, isUpdateModalOpen, handleUpdateModalClose, handleUpdateClick } = useMediaUpdate({
+    inspectMedia
+  });
+  const handleInsertMedia = useCallback22(
+    (items) => {
+      const [item] = items;
+      if (item.media_permalink) {
+        editor.chain().focus(void 0, { scrollIntoView: false }).updateMediaFileBlock(item).run();
+      }
+      handleModalClose();
+    },
+    [editor, handleModalClose]
+  );
+  const handleUpdateMedia = useCallback22(
+    (item) => {
+      if (item.media_permalink) {
+        editor.chain().focus(void 0, { scrollIntoView: false }).updateMediaFileBlock(item).run();
+      }
+      handleUpdateModalClose();
+    },
+    [editor, handleUpdateModalClose]
+  );
+  const shouldShow = useCallback22(() => {
+    const isActive = editor.isActive("fileBlock");
+    return isActive;
+  }, [editor]);
+  const bubbleMenuAppendTo = useCallback22(() => appendTo?.current ?? document.body, [appendTo]);
+  const bubbleMenuOptions = useMemo13(() => ({ offset: 8 }), []);
+  return /* @__PURE__ */ jsxs22(
+    BaseBubbleMenu6,
+    {
+      editor,
+      pluginKey: pluginKeyRef.current,
+      shouldShow,
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      options: bubbleMenuOptions,
+      children: [
+        /* @__PURE__ */ jsxs22(Toolbar, { shouldShowContent: shouldShow(), ref: menuRef, children: [
+          /* @__PURE__ */ jsx23(Toolbar.Button, { type: "button", tooltip: "\u30E1\u30C7\u30A3\u30A2\u9078\u629E", onClick: handleSelectClick, "aria-label": "\u30E1\u30C7\u30A3\u30A2\u3092\u9078\u629E", children: /* @__PURE__ */ jsx23(Icon, { name: "perm_media" }) }),
+          targetMediaId != null && targetMediaId > 0 && /* @__PURE__ */ jsx23(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u30E1\u30C7\u30A3\u30A2\u3092\u7DE8\u96C6",
+              onClick: handleUpdateClick,
+              "aria-label": "\u30E1\u30C7\u30A3\u30A2\u3092\u7DE8\u96C6",
+              children: /* @__PURE__ */ jsx23(Icon, { name: "edit" })
+            }
+          ),
+          /* @__PURE__ */ jsx23(Toolbar.Divider, {}),
+          /* @__PURE__ */ jsx23(
+            FileBlockCaption,
+            {
+              caption: editor.getAttributes("fileBlock").caption ?? "",
+              alt: editor.getAttributes("fileBlock").alt ?? "",
+              onChange: (caption, alt) => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).setFileBlockCaption(caption).setFileBlockAlt(alt).run();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            AlignPicker,
+            {
+              align: editor.getAttributes("fileBlock").align,
+              onChange: (align) => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).setFileBlockAlign(align).run();
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u30DC\u30BF\u30F3\u3067\u8868\u793A",
+              "aria-label": "\u30DC\u30BF\u30F3\u3067\u8868\u793A",
+              onClick: () => {
+                const newDisplayType = editor.getAttributes("fileBlock").displayType === "button" ? "icon" : "button";
+                editor.chain().focus(void 0, { scrollIntoView: false }).setFileBlockDisplayType(newDisplayType).run();
+              },
+              disabled: !editor.getAttributes("fileBlock").caption,
+              active: editor.getAttributes("fileBlock").displayType === "button",
+              children: /* @__PURE__ */ jsx23(Icon, { name: "variable_insert" })
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            Toolbar.Button,
+            {
+              tooltip: "\u30EA\u30F3\u30AF\u3092\u78BA\u8A8D",
+              onClick: () => {
+                window.open(editor.getAttributes("fileBlock").href, "_blank", "noopener,noreferrer");
+              },
+              "aria-label": "\u30EA\u30F3\u30AF\u3092\u78BA\u8A8D",
+              disabled: !editor.getAttributes("fileBlock").href,
+              children: /* @__PURE__ */ jsx23(Icon, { name: "visibility" })
+            }
+          ),
+          /* @__PURE__ */ jsx23(
+            Toolbar.Button,
+            {
+              type: "button",
+              tooltip: "\u5225\u30BF\u30D6\u3067\u958B\u304F",
+              "aria-label": "\u5225\u30BF\u30D6\u3067\u958B\u304F",
+              onClick: () => {
+                editor.chain().focus(void 0, { scrollIntoView: false }).toggleFileBlockTarget().run();
+              },
+              active: editor.getAttributes("fileBlock").target === "_blank",
+              children: /* @__PURE__ */ jsx23(Icon, { name: "open_in_new" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx23(
+          MediaInsert2,
+          {
+            isOpen: isInsertModalOpen,
+            onInsert: handleInsertMedia,
+            onClose: handleModalClose,
+            tab,
+            files,
+            filetype: "file",
+            radioMode: true
+          }
+        ),
+        targetMediaId != null && targetMediaId > 0 && /* @__PURE__ */ jsx23(
+          MediaUpdate2,
+          {
+            isOpen: isUpdateModalOpen,
+            mid: targetMediaId,
+            onClose: handleUpdateModalClose,
+            onUpdate: handleUpdateMedia
+          }
+        )
+      ]
+    }
+  );
+}
+var FileBlockMenu_default = FileBlockMenu;
+
+// src/extensions/LinkButton/components/LinkButtonMenu.tsx
+import { BubbleMenu as BaseBubbleMenu7 } from "@tiptap/react/menus";
+import { useCallback as useCallback23, useMemo as useMemo14, useRef as useRef13 } from "react";
+import { v4 as uuid4 } from "uuid";
+import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+function LinkButtonMenu({ editor, appendTo }) {
+  const menuRef = useRef13(null);
+  const pluginKeyRef = useRef13(`linkButtonMenu-${uuid4()}`);
+  const linkButtonBlock = useCallback23(() => {
+    const { selection } = editor.state;
+    const { $from } = selection;
+    for (let { depth } = $from; depth >= 0; depth--) {
+      const node = $from.node(depth);
+      if (node.type.name === "linkButton") {
+        return {
+          node,
+          pos: $from.before(depth)
+          // ノードの先頭位置も一緒に返すと便利
+        };
+      }
+    }
+    return null;
+  }, [editor]);
+  const shouldShow = useCallback23(() => {
+    const isActive = editor.isActive("linkButton");
+    return isActive;
+  }, [editor]);
+  const bubbleMenuAppendTo = useCallback23(() => appendTo?.current ?? document.body, [appendTo]);
+  const getReferencedVirtualElement = useCallback23(() => {
+    const result = linkButtonBlock();
+    if (!result) return null;
+    const { pos } = result;
+    const dom = editor.view.nodeDOM(pos);
+    if (!dom || !dom.getBoundingClientRect) return null;
+    return { getBoundingClientRect: () => dom.getBoundingClientRect() };
+  }, [editor, linkButtonBlock]);
+  const bubbleMenuOptions = useMemo14(() => ({ offset: 18 }), []);
+  return /* @__PURE__ */ jsx24(
+    BaseBubbleMenu7,
+    {
+      editor,
+      pluginKey: pluginKeyRef.current,
+      shouldShow,
+      updateDelay: 0,
+      appendTo: bubbleMenuAppendTo,
+      getReferencedVirtualElement,
+      options: bubbleMenuOptions,
+      children: /* @__PURE__ */ jsxs23(Toolbar, { shouldShowContent: shouldShow(), ref: menuRef, children: [
+        /* @__PURE__ */ jsx24(
+          ImageBlockLink,
+          {
+            initialUrl: editor.getAttributes("linkButton").href,
+            initialOpenInNewTab: editor.getAttributes("linkButton").target === "_blank",
+            onChange: (link, openInNewTab) => {
+              editor.chain().focus(void 0, { scrollIntoView: false }).setLinkButtonBlockLink(link, openInNewTab).run();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          Toolbar.Button,
+          {
+            tooltip: "\u30EA\u30F3\u30AF\u3092\u78BA\u8A8D",
+            onClick: () => {
+              window.open(editor.getAttributes("linkButton").href, "_blank", "noopener,noreferrer");
+            },
+            "aria-label": "\u30EA\u30F3\u30AF\u3092\u78BA\u8A8D",
+            disabled: !editor.getAttributes("linkButton").href,
+            children: /* @__PURE__ */ jsx24(Icon, { name: "visibility" })
+          }
+        ),
+        /* @__PURE__ */ jsx24(
+          AlignPicker,
+          {
+            align: editor.getAttributes("linkButton").align,
+            onChange: (align) => {
+              editor.chain().focus(void 0, { scrollIntoView: false }).setLinkButtonBlockAlign(align).run();
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+var LinkButtonMenu_default = LinkButtonMenu;
+
+// src/hooks/useSettings.ts
+import { useMemo as useMemo15 } from "react";
+
+// src/utils/mergeSettings.ts
+var isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var identifierOf = (cmd) => cmd.identifier ?? cmd.name;
+var FALLBACK_GROUP_TITLE = "\u305D\u306E\u4ED6";
+var flattenBlockMenus = (blockMenus) => {
+  const commands = /* @__PURE__ */ new Map();
+  const groupMetaByTitle = /* @__PURE__ */ new Map();
+  const baseGroupOrder = [];
+  for (const group of blockMenus) {
+    if (!groupMetaByTitle.has(group.title)) {
+      groupMetaByTitle.set(group.title, { name: group.name, title: group.title });
+      baseGroupOrder.push(group.title);
+    }
+    for (const command of group.commands) {
+      commands.set(identifierOf(command), { group: group.title, command });
+    }
+  }
+  return { commands, groupMetaByTitle, baseGroupOrder };
+};
+var applyAllowDenyFilter = (baseCommands, override) => {
+  let working = new Map(baseCommands);
+  if (Array.isArray(override.allow)) {
+    const allowed = new Set(override.allow);
+    working = new Map(Array.from(working).filter(([identifier]) => allowed.has(identifier)));
+  }
+  if (Array.isArray(override.deny)) {
+    const denied = new Set(override.deny);
+    for (const identifier of Array.from(working.keys())) {
+      if (denied.has(identifier)) {
+        working.delete(identifier);
+      }
+    }
+  }
+  return working;
+};
+var regroupCommands = (filtered, groupMetaByTitle, baseGroupOrder) => {
+  const groupCommands = /* @__PURE__ */ new Map();
+  const appearanceOrder = [];
+  for (const entry of filtered.values()) {
+    if (!groupCommands.has(entry.group)) {
+      groupCommands.set(entry.group, []);
+      appearanceOrder.push(entry.group);
+    }
+    groupCommands.get(entry.group).push(entry.command);
+  }
+  const orderedTitles = [
+    ...baseGroupOrder.filter((title) => groupCommands.has(title)),
+    ...appearanceOrder.filter((title) => !baseGroupOrder.includes(title))
+  ];
+  return orderedTitles.map((title) => {
+    const meta = groupMetaByTitle.get(title) ?? { name: title, title };
+    return {
+      name: meta.name,
+      title: meta.title,
+      commands: groupCommands.get(title) ?? []
+    };
+  });
+};
+var buildFromBlocksOverride = (entries) => {
+  const byIdentifier = /* @__PURE__ */ new Map();
+  let currentGroup = FALLBACK_GROUP_TITLE;
+  for (const entry of entries) {
+    if (!isPlainObject(entry) || typeof entry.type !== "string" || entry.type === "") {
+      continue;
+    }
+    const master = blocks_default[entry.type];
+    if (!master) {
+      continue;
+    }
+    if (typeof entry.group === "string" && entry.group !== "" && entry.group !== currentGroup) {
+      currentGroup = entry.group;
+    }
+    const className = entry.class || void 0;
+    const identifier = buildIdentifier(entry.type, className);
+    const command = {
+      name: entry.type,
+      identifier,
+      label: entry.label || master.label,
+      description: master.description,
+      iconName: entry.icon ?? master.icon,
+      aliases: master.aliases,
+      isTextMenu: master.isTextMenu,
+      class: className,
+      isDisabled: () => false
+    };
+    byIdentifier.delete(identifier);
+    byIdentifier.set(identifier, { group: currentGroup, command });
+  }
+  const commandsByGroup = /* @__PURE__ */ new Map();
+  const groupOrder = [];
+  for (const { group, command } of byIdentifier.values()) {
+    if (!commandsByGroup.has(group)) {
+      commandsByGroup.set(group, []);
+      groupOrder.push(group);
+    }
+    commandsByGroup.get(group).push(command);
+  }
+  return groupOrder.map((title, index) => ({
+    name: `group-${index + 1}`,
+    title,
+    commands: commandsByGroup.get(title) ?? []
+  }));
+};
+var mergeBlockMenus = (base, override) => {
+  if (Array.isArray(override.blocks)) {
+    return buildFromBlocksOverride(override.blocks);
+  }
+  const flattened = flattenBlockMenus(base);
+  const filtered = applyAllowDenyFilter(flattened.commands, override);
+  return regroupCommands(filtered, flattened.groupMetaByTitle, flattened.baseGroupOrder);
+};
+function mergeSettings(base, override) {
+  if (!isPlainObject(override)) {
+    return base;
+  }
+  return {
+    features: { ...base.features, ...isPlainObject(override.features) ? override.features : {} },
+    blockMenus: isPlainObject(override.blockMenus) ? mergeBlockMenus(base.blockMenus, override.blockMenus) : base.blockMenus,
+    fontSize: Array.isArray(override.fontSize) ? override.fontSize : base.fontSize,
+    fontFamily: Array.isArray(override.fontFamily) ? override.fontFamily : base.fontFamily,
+    customClass: Array.isArray(override.customClass) ? override.customClass : base.customClass,
+    imageSizes: Array.isArray(override.imageSizes) ? override.imageSizes : base.imageSizes,
+    colorPalette: Array.isArray(override.colorPalette) ? override.colorPalette : base.colorPalette
+  };
+}
+
+// src/hooks/useSettings.ts
+function useSettings(editorSettings, override) {
+  return useMemo15(
+    () => mergeSettings(editorSettings ?? DEFAULT_EDITOR_SETTINGS, override),
+    [editorSettings, override]
+  );
+}
+
+// src/components/BlockEditor/BlockEditor.tsx
+import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+function BlockEditor({ settings: settingsOverride, editorSettings, ...props }) {
+  const menuContainerRef = useRef14(null);
+  const settings = useSettings(editorSettings, settingsOverride);
+  const { editor, getFilteredBlockMenus } = useBlockEditor({
+    ...props,
+    blockMenus: settings.blockMenus,
+    imageDefaultLightbox: settings.features.imageDefaultLightbox
+  });
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs24(SettingsProvider, { settings, children: [
+    /* @__PURE__ */ jsx25("div", { className: "acms-admin-block-editor-container", children: /* @__PURE__ */ jsxs24("div", { className: "acms-admin-block-editor", ref: menuContainerRef, children: [
+      /* @__PURE__ */ jsx25(EditorContent, { editor, className: "acms-admin-block-editor-content" }),
+      /* @__PURE__ */ jsx25(ContentItemMenu, { editor, getFilteredBlockMenus }),
+      /* @__PURE__ */ jsx25(LinkMenu, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(TextMenu, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(TableMenu, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(TableRowMenu, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(TableColumnMenu, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(ImageBlockMenu_default, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(FileBlockMenu_default, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(LinkButtonMenu_default, { editor, appendTo: menuContainerRef }),
+      /* @__PURE__ */ jsx25(
+        Slot,
+        {
+          name: "block-editor.menus",
+          fillProps: { editor, appendTo: menuContainerRef }
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx25(Tooltip, { id: "block-editor-shared-tooltip", delayShow: 150 })
+  ] });
+}
+var BlockEditor_default = BlockEditor;
+
+export {
+  BlockEditor,
+  BlockEditor_default
+};
+//# sourceMappingURL=chunk-S24TRRWW.mjs.map