@kopexa/tiptap 17.6.17 → 17.7.0

package/dist/ui/list-dropdown-menu/index.mjs

@@ -1,21 +0,0 @@
-"use client";
-import {
-  ListDropdownMenu,
-  canToggleAnyList,
-  getFilteredListOptions,
-  isAnyListActive,
-  shouldShowListDropdown,
-  useActiveListIcon,
-  useListDropdownState
-} from "../../chunk-Q7DFJ5NI.mjs";
-import "../../chunk-IOB3REX6.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  ListDropdownMenu,
-  canToggleAnyList,
-  getFilteredListOptions,
-  isAnyListActive,
-  shouldShowListDropdown,
-  useActiveListIcon,
-  useListDropdownState
-};

package/dist/ui/mark-button/index.d.mts

@@ -1,59 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { ButtonProps } from '@kopexa/button';
-import { Editor } from '@tiptap/react';
-
-type Mark = "bold" | "italic" | "strike" | "code" | "underline" | "superscript" | "subscript";
-interface MarkButtonProps extends Omit<ButtonProps, "type"> {
-    /**
-     * The type of mark to toggle
-     */
-    type: Mark;
-    /**
-     * Optional editor instance. If not provided, will use editor from context
-     */
-    editor?: Editor | null;
-    /**
-     * Display text for the button (optional)
-     */
-    text?: string;
-    /**
-     * Whether this button should be hidden when the mark is not available
-     */
-    hideWhenUnavailable?: boolean;
-}
-declare const markIcons: {
-    bold: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    italic: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    underline: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    strike: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    code: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    superscript: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    subscript: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-declare const markShortcutKeys: Partial<Record<Mark, string>>;
-/**
- * Checks if a mark can be toggled in the current editor state
- */
-declare function canToggleMark(editor: Editor | null, type: Mark): boolean;
-declare function isMarkActive(editor: Editor | null, type: Mark): boolean;
-declare function toggleMark(editor: Editor | null, type: Mark): void;
-declare function isMarkButtonDisabled(editor: Editor | null, type: Mark, userDisabled?: boolean): boolean;
-declare function shouldShowMarkButton(params: {
-    editor: Editor | null;
-    type: Mark;
-    hideWhenUnavailable: boolean;
-    markInSchema: boolean;
-}): boolean;
-declare function getFormattedMarkName(type: Mark): string;
-declare function useMarkState(editor: Editor | null, type: Mark, disabled?: boolean): {
-    markInSchema: boolean;
-    isDisabled: boolean;
-    isActive: boolean;
-    Icon: (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element);
-    shortcutKey: string | undefined;
-    formattedName: string;
-};
-declare const MarkButton: ({ editor: providedEditor, type, text, hideWhenUnavailable, className, disabled, onClick, children, ...buttonProps }: MarkButtonProps) => react_jsx_runtime.JSX.Element | null;
-
-export { type Mark, MarkButton, type MarkButtonProps, canToggleMark, getFormattedMarkName, isMarkActive, isMarkButtonDisabled, markIcons, markShortcutKeys, shouldShowMarkButton, toggleMark, useMarkState };

package/dist/ui/mark-button/index.d.ts

@@ -1,59 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _kopexa_icons from '@kopexa/icons';
-import { ButtonProps } from '@kopexa/button';
-import { Editor } from '@tiptap/react';
-
-type Mark = "bold" | "italic" | "strike" | "code" | "underline" | "superscript" | "subscript";
-interface MarkButtonProps extends Omit<ButtonProps, "type"> {
-    /**
-     * The type of mark to toggle
-     */
-    type: Mark;
-    /**
-     * Optional editor instance. If not provided, will use editor from context
-     */
-    editor?: Editor | null;
-    /**
-     * Display text for the button (optional)
-     */
-    text?: string;
-    /**
-     * Whether this button should be hidden when the mark is not available
-     */
-    hideWhenUnavailable?: boolean;
-}
-declare const markIcons: {
-    bold: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    italic: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    underline: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    strike: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    code: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    superscript: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-    subscript: ({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element;
-};
-declare const markShortcutKeys: Partial<Record<Mark, string>>;
-/**
- * Checks if a mark can be toggled in the current editor state
- */
-declare function canToggleMark(editor: Editor | null, type: Mark): boolean;
-declare function isMarkActive(editor: Editor | null, type: Mark): boolean;
-declare function toggleMark(editor: Editor | null, type: Mark): void;
-declare function isMarkButtonDisabled(editor: Editor | null, type: Mark, userDisabled?: boolean): boolean;
-declare function shouldShowMarkButton(params: {
-    editor: Editor | null;
-    type: Mark;
-    hideWhenUnavailable: boolean;
-    markInSchema: boolean;
-}): boolean;
-declare function getFormattedMarkName(type: Mark): string;
-declare function useMarkState(editor: Editor | null, type: Mark, disabled?: boolean): {
-    markInSchema: boolean;
-    isDisabled: boolean;
-    isActive: boolean;
-    Icon: (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element) | (({ size, ...props }: _kopexa_icons.IconSvgProps) => react_jsx_runtime.JSX.Element);
-    shortcutKey: string | undefined;
-    formattedName: string;
-};
-declare const MarkButton: ({ editor: providedEditor, type, text, hideWhenUnavailable, className, disabled, onClick, children, ...buttonProps }: MarkButtonProps) => react_jsx_runtime.JSX.Element | null;
-
-export { type Mark, MarkButton, type MarkButtonProps, canToggleMark, getFormattedMarkName, isMarkActive, isMarkButtonDisabled, markIcons, markShortcutKeys, shouldShowMarkButton, toggleMark, useMarkState };

package/dist/ui/mark-button/index.js

@@ -1,217 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/mark-button/index.tsx
-var mark_button_exports = {};
-__export(mark_button_exports, {
-  MarkButton: () => MarkButton,
-  canToggleMark: () => canToggleMark,
-  getFormattedMarkName: () => getFormattedMarkName,
-  isMarkActive: () => isMarkActive,
-  isMarkButtonDisabled: () => isMarkButtonDisabled,
-  markIcons: () => markIcons,
-  markShortcutKeys: () => markShortcutKeys,
-  shouldShowMarkButton: () => shouldShowMarkButton,
-  toggleMark: () => toggleMark,
-  useMarkState: () => useMarkState
-});
-module.exports = __toCommonJS(mark_button_exports);
-var import_editor_utils = require("@kopexa/editor-utils");
-var import_icons = require("@kopexa/icons");
-var import_toolbar = require("@kopexa/toolbar");
-var import_react3 = require("@tiptap/react");
-var import_react4 = require("react");
-
-// src/hooks/use-tiptap-editor.ts
-var import_react = require("@tiptap/react");
-var import_react2 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
-  const mainEditor = (0, import_react2.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react.useEditorState)({
-    editor: mainEditor,
-    selector(context) {
-      if (!context.editor) {
-        return {
-          editor: null,
-          editorState: void 0,
-          canCommand: void 0
-        };
-      }
-      return {
-        editor: context.editor,
-        editorState: context.editor.state,
-        canCommand: context.editor.can
-      };
-    }
-  });
-  return editorState || { editor: null };
-}
-
-// src/ui/mark-button/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var markIcons = {
-  bold: import_icons.BoldIcon,
-  italic: import_icons.ItalicIcon,
-  underline: import_icons.UnderlineIcon,
-  strike: import_icons.StrikeIcon,
-  code: import_icons.CodeIcon,
-  superscript: import_icons.SuperscriptIcon,
-  subscript: import_icons.SubscriptIcon
-};
-var markShortcutKeys = {
-  bold: "mod+b",
-  italic: "mod+i",
-  underline: "mod+u",
-  strike: "mod+shift+s",
-  code: "mod+e",
-  superscript: "mod+.",
-  subscript: "mod+,"
-};
-function canToggleMark(editor, type) {
-  if (!editor || !editor.isEditable) return false;
-  if (!(0, import_editor_utils.isMarkInSchema)(type, editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
-    return false;
-  return editor.can().toggleMark(type);
-}
-function isMarkActive(editor, type) {
-  if (!editor) return false;
-  return editor.isActive(type);
-}
-function toggleMark(editor, type) {
-  if (!editor) return;
-  editor.chain().focus().toggleMark(type).run();
-}
-function isMarkButtonDisabled(editor, type, userDisabled = false) {
-  if (!editor) return true;
-  if (userDisabled) return true;
-  if (editor.isActive("codeBlock")) return true;
-  if (!canToggleMark(editor, type)) return true;
-  return false;
-}
-function shouldShowMarkButton(params) {
-  const { editor, type, hideWhenUnavailable, markInSchema } = params;
-  if (!markInSchema || !editor) {
-    return false;
-  }
-  if (hideWhenUnavailable) {
-    if ((0, import_react3.isNodeSelection)(editor.state.selection) || !canToggleMark(editor, type)) {
-      return false;
-    }
-  }
-  return true;
-}
-function getFormattedMarkName(type) {
-  return type.charAt(0).toUpperCase() + type.slice(1);
-}
-function useMarkState(editor, type, disabled = false) {
-  const markInSchema = (0, import_editor_utils.isMarkInSchema)(type, editor);
-  const isDisabled = isMarkButtonDisabled(editor, type, disabled);
-  const isActive = isMarkActive(editor, type);
-  const Icon = markIcons[type];
-  const shortcutKey = markShortcutKeys[type];
-  const formattedName = getFormattedMarkName(type);
-  return {
-    markInSchema,
-    isDisabled,
-    isActive,
-    Icon,
-    shortcutKey,
-    formattedName
-  };
-}
-var MarkButton = ({
-  editor: providedEditor,
-  type,
-  text,
-  hideWhenUnavailable = false,
-  className = "",
-  disabled,
-  onClick,
-  children,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    markInSchema,
-    isDisabled,
-    isActive,
-    Icon,
-    shortcutKey,
-    formattedName
-  } = useMarkState(editor, type, disabled);
-  const handleClick = (0, import_react4.useCallback)(
-    (e) => {
-      onClick == null ? void 0 : onClick(e);
-      if (!e.defaultPrevented && !isDisabled && editor) {
-        toggleMark(editor, type);
-      }
-    },
-    [onClick, isDisabled, editor, type]
-  );
-  const show = (0, import_react4.useMemo)(() => {
-    return shouldShowMarkButton({
-      editor,
-      type,
-      hideWhenUnavailable,
-      markInSchema
-    });
-  }, [editor, type, hideWhenUnavailable, markInSchema]);
-  if (!show || !editor || !editor.isEditable) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_toolbar.ToolbarButton,
-    {
-      type: "button",
-      className: className.trim(),
-      disabled: isDisabled,
-      variant: "ghost",
-      color: "default",
-      "data-active-state": isActive ? "on" : "off",
-      "data-disabled": isDisabled,
-      tabIndex: -1,
-      "aria-label": type,
-      "aria-pressed": isActive,
-      title: formattedName,
-      shortcutKeys: shortcutKey,
-      onClick: handleClick,
-      isIconOnly: true,
-      ...buttonProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {})
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MarkButton,
-  canToggleMark,
-  getFormattedMarkName,
-  isMarkActive,
-  isMarkButtonDisabled,
-  markIcons,
-  markShortcutKeys,
-  shouldShowMarkButton,
-  toggleMark,
-  useMarkState
-});

package/dist/ui/mark-button/index.mjs

@@ -1,26 +0,0 @@
-"use client";
-import {
-  MarkButton,
-  canToggleMark,
-  getFormattedMarkName,
-  isMarkActive,
-  isMarkButtonDisabled,
-  markIcons,
-  markShortcutKeys,
-  shouldShowMarkButton,
-  toggleMark,
-  useMarkState
-} from "../../chunk-LNVWG34E.mjs";
-import "../../chunk-P55PLOHR.mjs";
-export {
-  MarkButton,
-  canToggleMark,
-  getFormattedMarkName,
-  isMarkActive,
-  isMarkButtonDisabled,
-  markIcons,
-  markShortcutKeys,
-  shouldShowMarkButton,
-  toggleMark,
-  useMarkState
-};

package/dist/ui/reset-all-formatting-button/index.d.mts

@@ -1,7 +0,0 @@
-export { ResetAllFormattingButton, ResetAllFormattingButtonProps, ResetAllFormattingShortcutBadge } from './reset-all-formatting-button.mjs';
-export { RESET_ALL_FORMATTING_SHORTCUT_KEY, UseResetAllFormattingConfig, canResetFormatting, canResetMarks, removeAllMarksExcept, resetFormatting, shouldShowButton, useResetAllFormatting } from './use-reset-all-formatting.mjs';
-import 'react/jsx-runtime';
-import '@kopexa/button';
-import '@kopexa/icons';
-import '@tiptap/pm/state';
-import '@tiptap/react';

package/dist/ui/reset-all-formatting-button/index.d.ts

@@ -1,7 +0,0 @@
-export { ResetAllFormattingButton, ResetAllFormattingButtonProps, ResetAllFormattingShortcutBadge } from './reset-all-formatting-button.js';
-export { RESET_ALL_FORMATTING_SHORTCUT_KEY, UseResetAllFormattingConfig, canResetFormatting, canResetMarks, removeAllMarksExcept, resetFormatting, shouldShowButton, useResetAllFormatting } from './use-reset-all-formatting.js';
-import 'react/jsx-runtime';
-import '@kopexa/button';
-import '@kopexa/icons';
-import '@tiptap/pm/state';
-import '@tiptap/react';

package/dist/ui/reset-all-formatting-button/index.js

@@ -1,286 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/ui/reset-all-formatting-button/index.ts
-var reset_all_formatting_button_exports = {};
-__export(reset_all_formatting_button_exports, {
-  RESET_ALL_FORMATTING_SHORTCUT_KEY: () => RESET_ALL_FORMATTING_SHORTCUT_KEY,
-  ResetAllFormattingButton: () => ResetAllFormattingButton,
-  ResetAllFormattingShortcutBadge: () => ResetAllFormattingShortcutBadge,
-  canResetFormatting: () => canResetFormatting,
-  canResetMarks: () => canResetMarks,
-  removeAllMarksExcept: () => removeAllMarksExcept,
-  resetFormatting: () => resetFormatting,
-  shouldShowButton: () => shouldShowButton,
-  useResetAllFormatting: () => useResetAllFormatting
-});
-module.exports = __toCommonJS(reset_all_formatting_button_exports);
-
-// src/ui/reset-all-formatting-button/reset-all-formatting-button.tsx
-var import_button = require("@kopexa/button");
-var import_chip = require("@kopexa/chip");
-var import_shared_utils = require("@kopexa/shared-utils");
-var import_react3 = require("react");
-
-// src/hooks/use-tiptap-editor.ts
-var import_react = require("@tiptap/react");
-var import_react2 = require("react");
-function useTiptapEditor(providedEditor) {
-  const { editor: coreEditor } = (0, import_react.useCurrentEditor)();
-  const mainEditor = (0, import_react2.useMemo)(
-    () => providedEditor || coreEditor,
-    [providedEditor, coreEditor]
-  );
-  const editorState = (0, import_react.useEditorState)({
-    editor: mainEditor,
-    selector(context) {
-      if (!context.editor) {
-        return {
-          editor: null,
-          editorState: void 0,
-          canCommand: void 0
-        };
-      }
-      return {
-        editor: context.editor,
-        editorState: context.editor.state,
-        canCommand: context.editor.can
-      };
-    }
-  });
-  return editorState || { editor: null };
-}
-
-// src/ui/reset-all-formatting-button/use-reset-all-formatting.ts
-var import_icons = require("@kopexa/icons");
-var import_use_is_mobile = require("@kopexa/use-is-mobile");
-var React = __toESM(require("react"));
-var import_react_hotkeys_hook = require("react-hotkeys-hook");
-var RESET_ALL_FORMATTING_SHORTCUT_KEY = "mod+r";
-function removeAllMarksExcept(tr, skip = []) {
-  const { selection } = tr;
-  const { empty, ranges } = selection;
-  if (empty) return tr;
-  ranges.forEach((range) => {
-    const from = range.$from.pos;
-    const to = range.$to.pos;
-    tr.doc.nodesBetween(from, to, (node, pos) => {
-      if (!node.isInline) return true;
-      node.marks.forEach((mark) => {
-        if (!skip.includes(mark.type.name)) {
-          tr.removeMark(pos, pos + node.nodeSize, mark.type);
-        }
-      });
-      return true;
-    });
-  });
-  return tr;
-}
-function canResetMarks(tr, skip = []) {
-  const { selection } = tr;
-  const { empty, ranges } = selection;
-  if (empty) return false;
-  for (const range of ranges) {
-    const from = range.$from.pos;
-    const to = range.$to.pos;
-    let hasRemovableMarks = false;
-    tr.doc.nodesBetween(from, to, (node) => {
-      if (!node.isInline) return true;
-      for (const mark of node.marks) {
-        if (!skip.includes(mark.type.name)) {
-          hasRemovableMarks = true;
-          return false;
-        }
-      }
-      return true;
-    });
-    if (hasRemovableMarks) {
-      return true;
-    }
-  }
-  return false;
-}
-function canResetFormatting(editor, preserveMarks) {
-  if (!editor || !editor.isEditable) return false;
-  const tr = editor.state.tr;
-  return canResetMarks(tr, preserveMarks);
-}
-function resetFormatting(editor, preserveMarks) {
-  if (!editor || !editor.isEditable) return false;
-  try {
-    const { view, state } = editor;
-    const { tr } = state;
-    const transaction = removeAllMarksExcept(tr, preserveMarks);
-    view.dispatch(transaction);
-    editor.commands.focus();
-    return true;
-  } catch {
-    return false;
-  }
-}
-function shouldShowButton(props) {
-  const { editor, hideWhenUnavailable, preserveMarks } = props;
-  if (!editor || !editor.isEditable) return false;
-  if (hideWhenUnavailable && !editor.isActive("code")) {
-    return canResetFormatting(editor, preserveMarks);
-  }
-  return true;
-}
-function useResetAllFormatting(config) {
-  const {
-    editor: providedEditor,
-    preserveMarks,
-    hideWhenUnavailable = false,
-    onResetAllFormatting
-  } = config || {};
-  const { editor } = useTiptapEditor(providedEditor);
-  const isMobile = (0, import_use_is_mobile.useIsMobile)();
-  const [isVisible, setIsVisible] = React.useState(true);
-  const canReset = canResetFormatting(editor, preserveMarks);
-  React.useEffect(() => {
-    if (!editor) return;
-    const handleSelectionUpdate = () => {
-      setIsVisible(
-        shouldShowButton({ editor, hideWhenUnavailable, preserveMarks })
-      );
-    };
-    handleSelectionUpdate();
-    editor.on("selectionUpdate", handleSelectionUpdate);
-    return () => {
-      editor.off("selectionUpdate", handleSelectionUpdate);
-    };
-  }, [editor, hideWhenUnavailable, preserveMarks]);
-  const handleResetFormatting = React.useCallback(() => {
-    if (!editor) return false;
-    const success = resetFormatting(editor, preserveMarks);
-    if (success) {
-      onResetAllFormatting == null ? void 0 : onResetAllFormatting();
-    }
-    return success;
-  }, [editor, onResetAllFormatting, preserveMarks]);
-  (0, import_react_hotkeys_hook.useHotkeys)(
-    RESET_ALL_FORMATTING_SHORTCUT_KEY,
-    (event) => {
-      event.preventDefault();
-      handleResetFormatting();
-    },
-    {
-      enabled: isVisible && canReset,
-      enableOnContentEditable: !isMobile,
-      enableOnFormTags: true
-    }
-  );
-  return {
-    isVisible,
-    handleResetFormatting,
-    canReset,
-    label: "Reset formatting",
-    shortcutKeys: RESET_ALL_FORMATTING_SHORTCUT_KEY,
-    Icon: import_icons.RotateCcwIcon
-  };
-}
-
-// src/ui/reset-all-formatting-button/reset-all-formatting-button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function ResetAllFormattingShortcutBadge({
-  shortcutKeys = RESET_ALL_FORMATTING_SHORTCUT_KEY
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_chip.Chip, { children: (0, import_shared_utils.parseShortcutKeys)({ shortcutKeys }) });
-}
-var ResetAllFormattingButton = ({
-  editor: providedEditor,
-  text,
-  hideWhenUnavailable = false,
-  preserveMarks = ["inlineThread"],
-  onResetAllFormatting,
-  showShortcut = false,
-  onClick,
-  children,
-  ref,
-  ...buttonProps
-}) => {
-  const { editor } = useTiptapEditor(providedEditor);
-  const {
-    isVisible,
-    canReset,
-    handleResetFormatting,
-    label,
-    shortcutKeys,
-    Icon
-  } = useResetAllFormatting({
-    editor,
-    preserveMarks,
-    hideWhenUnavailable,
-    onResetAllFormatting
-  });
-  const handleClick = (0, import_react3.useCallback)(
-    (event) => {
-      onClick == null ? void 0 : onClick(event);
-      if (event.defaultPrevented) return;
-      handleResetFormatting();
-    },
-    [handleResetFormatting, onClick]
-  );
-  if (!isVisible) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_button.Button,
-    {
-      type: "button",
-      variant: "ghost",
-      color: "default",
-      disabled: !canReset,
-      "data-disabled": !canReset,
-      "data-active-state": "off",
-      tabIndex: -1,
-      "aria-label": label,
-      tooltip: "Reset formatting",
-      onClick: handleClick,
-      startContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {}),
-      endContent: showShortcut ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ResetAllFormattingShortcutBadge, { shortcutKeys }) : null,
-      ...buttonProps,
-      ref,
-      children: text
-    }
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  RESET_ALL_FORMATTING_SHORTCUT_KEY,
-  ResetAllFormattingButton,
-  ResetAllFormattingShortcutBadge,
-  canResetFormatting,
-  canResetMarks,
-  removeAllMarksExcept,
-  resetFormatting,
-  shouldShowButton,
-  useResetAllFormatting
-});