neuphlo-editor 0.3.7 → 0.3.8

package/dist/index.cjs

@@ -1,18 +1 @@
-'use strict';
-
-var StarterKit = require('@tiptap/starter-kit');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
-
-// src/preset.ts
-var Preset = [
-  StarterKit__default.default.configure({
-    bulletList: { keepMarks: true },
-    orderedList: { keepMarks: true },
-    heading: { levels: [1, 2, 3, 4] }
-  })
-];
-
-exports.Preset = Preset;
+'use strict';var e=require('@tiptap/starter-kit');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var e__default=/*#__PURE__*/_interopDefault(e);var r=[e__default.default.configure({bulletList:{keepMarks:true},orderedList:{keepMarks:true},heading:{levels:[1,2,3,4]}})];exports.Preset=r;

package/dist/index.js

@@ -1 +1 @@
-export { Preset } from './chunk-SWNQOIUA.js';
+import e from'@tiptap/starter-kit';var r=[e.configure({bulletList:{keepMarks:true},orderedList:{keepMarks:true},heading:{levels:[1,2,3,4]}})];export{r as Preset};

package/dist/react/index.cjs

@@ -1,594 +1,3 @@
-'use strict';
-
-var react = require('@tiptap/react');
-var StarterKit = require('@tiptap/starter-kit');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var menus = require('@tiptap/react/menus');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var iconsReact = require('@tabler/icons-react');
-var Dropdown = require('@radix-ui/react-dropdown-menu');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
-var React__default = /*#__PURE__*/_interopDefault(React);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-var Dropdown__namespace = /*#__PURE__*/_interopNamespace(Dropdown);
-
-// src/react/Editor.tsx
-var Preset = [
-  StarterKit__default.default.configure({
-    bulletList: { keepMarks: true },
-    orderedList: { keepMarks: true },
-    heading: { levels: [1, 2, 3, 4] }
-  })
-];
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var Surface = React.forwardRef(
-  ({ children, className, withShadow = true, withBorder = true, ...props }, ref) => {
-    const surfaceClass = cn(
-      className,
-      "nph-surface",
-      withShadow ? "nph-surface--shadow" : "",
-      withBorder ? "nph-surface--border" : ""
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: surfaceClass, ...props, ref, children });
-  }
-);
-Surface.displayName = "Surface";
-var Button = React__default.default.forwardRef(
-  ({
-    active,
-    buttonSize = "medium",
-    children,
-    disabled,
-    variant = "primary",
-    className,
-    activeClassname,
-    ...rest
-  }, ref) => {
-    const buttonClassName = cn(
-      "nph-btn",
-      variant === "primary" && "nph-btn--primary",
-      variant === "secondary" && "nph-btn--secondary",
-      variant === "tertiary" && "nph-btn--tertiary",
-      variant === "ghost" && "nph-btn--ghost",
-      active && cn("nph-btn--active", activeClassname),
-      buttonSize === "medium" && "nph-btn--md",
-      buttonSize === "small" && "nph-btn--sm",
-      buttonSize === "icon" && "nph-btn--icon",
-      buttonSize === "iconSmall" && "nph-btn--icon-sm",
-      className
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        ref,
-        disabled,
-        className: buttonClassName,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var isMac = typeof window !== "undefined" ? navigator.userAgent.toLowerCase().includes("mac") : false;
-var ShortcutKey = ({ children }) => {
-  const className = "nph-kbd";
-  if (children === "Mod") {
-    return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className, children: isMac ? "\u2318" : "Ctrl" });
-  }
-  if (children === "Shift") {
-    return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className, children: "\u21E7" });
-  }
-  if (children === "Alt") {
-    return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className, children: isMac ? "\u2325" : "Alt" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className, children });
-};
-var Tooltip = ({
-  children,
-  enabled = true,
-  title,
-  shortcut,
-  className
-}) => {
-  if (!enabled) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, { delayDuration: 500, children: /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      TooltipPrimitive__namespace.Content,
-      {
-        sideOffset: 8,
-        className: cn("nph-tooltip", className),
-        children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nph-tooltip-title", children: title }),
-          shortcut && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nph-tooltip-shortcut", children: shortcut.map((shortcutKey) => /* @__PURE__ */ jsxRuntime.jsx(ShortcutKey, { children: shortcutKey }, shortcutKey)) })
-        ]
-      }
-    ) })
-  ] }) });
-};
-var Tooltip_default = Tooltip;
-var ToolbarWrapper = React.forwardRef(
-  ({
-    shouldShowContent = true,
-    children,
-    isVertical = false,
-    className,
-    ...rest
-  }, ref) => {
-    const toolbarClassName = cn(
-      "nph-toolbar",
-      isVertical ? "nph-toolbar--vertical" : "nph-toolbar--horizontal",
-      className
-    );
-    return shouldShowContent && /* @__PURE__ */ jsxRuntime.jsx(Surface, { className: toolbarClassName, ...rest, ref, children });
-  }
-);
-ToolbarWrapper.displayName = "Toolbar";
-var ToolbarDivider = React.forwardRef(
-  ({ horizontal, className, ...rest }, ref) => {
-    const dividerClassName = cn(
-      "nph-toolbar-divider",
-      horizontal ? "nph-toolbar-divider--horizontal" : "nph-toolbar-divider--vertical",
-      className
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: dividerClassName, ref, ...rest });
-  }
-);
-ToolbarDivider.displayName = "Toolbar.Divider";
-var ToolbarButton = React.forwardRef(
-  ({
-    children,
-    buttonSize = "icon",
-    variant = "ghost",
-    className,
-    tooltip,
-    tooltipShortcut,
-    activeClassname,
-    ...rest
-  }, ref) => {
-    const buttonClass = cn("nph-toolbar-button", className);
-    const content = /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        activeClassname,
-        className: buttonClass,
-        variant,
-        buttonSize,
-        ref,
-        ...rest,
-        children
-      }
-    );
-    if (tooltip) {
-      return /* @__PURE__ */ jsxRuntime.jsx(Tooltip_default, { title: tooltip, shortcut: tooltipShortcut, children: content });
-    }
-    return content;
-  }
-);
-ToolbarButton.displayName = "ToolbarButton";
-var Toolbar = {
-  Wrapper: ToolbarWrapper,
-  Button: ToolbarButton
-};
-var Icon = React.memo(({ name, className, strokeWidth }) => {
-  const IconComponent = iconsReact.icons[name];
-  if (!IconComponent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    IconComponent,
-    {
-      className: cn("nph-icon", className),
-      strokeWidth: strokeWidth || 2.5
-    }
-  );
-});
-Icon.displayName = "Icon";
-var DropdownCategoryTitle = ({
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nph-dropdown-title", children });
-};
-var DropdownButton = React__default.default.forwardRef(function DropdownButtonInner({ children, isActive, onClick, disabled, className }, ref) {
-  const buttonClass = cn("nph-dropdown-button", className);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      className: buttonClass,
-      disabled,
-      "data-active": isActive ? "true" : void 0,
-      onClick,
-      ref,
-      children
-    }
-  );
-});
-var isOption = (option) => option.type === "option";
-var isCategory = (option) => option.type === "category";
-var ContentTypePicker = ({ options }) => {
-  const activeItem = React.useMemo(
-    () => options.find((option) => option.type === "option" && option.isActive()),
-    [options]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown__namespace.Root, { modal: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Dropdown__namespace.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Toolbar.Button, { buttonSize: "small", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Icon,
-        {
-          name: activeItem?.type === "option" && activeItem.icon || "IconPilcrow"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "IconChevronDown", className: "nph-icon", strokeWidth: 3 })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Dropdown__namespace.Content,
-      {
-        side: "bottom",
-        align: "start",
-        alignOffset: -6,
-        sideOffset: 9,
-        avoidCollisions: false,
-        asChild: true,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Surface, { className: "nph-menu-panel", children: options.map((option) => {
-          if (isOption(option)) {
-            return /* @__PURE__ */ jsxRuntime.jsxs(
-              DropdownButton,
-              {
-                onClick: option.onClick,
-                isActive: option.isActive(),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: option.icon, className: "nph-icon nph-mr-1" }),
-                  option.label
-                ]
-              },
-              option.id
-            );
-          } else if (isCategory(option)) {
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nph-category-gap", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownCategoryTitle, { children: option.label }, option.id) }, option.id);
-          }
-        }) })
-      }
-    )
-  ] });
-};
-var useTextmenuContentTypes = (editor) => {
-  return react.useEditorState({
-    editor,
-    selector: (ctx) => [
-      {
-        type: "category",
-        label: "Hierarchy",
-        id: "hierarchy"
-      },
-      {
-        icon: "IconPilcrow",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setParagraph().run(),
-        id: "paragraph",
-        disabled: () => !ctx.editor.can().setParagraph(),
-        isActive: () => ctx.editor.isActive("paragraph") && !ctx.editor.isActive("orderedList") && !ctx.editor.isActive("bulletList") && !ctx.editor.isActive("taskList"),
-        label: "Paragraph",
-        type: "option"
-      },
-      {
-        icon: "IconH1",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setHeading({ level: 1 }).run(),
-        id: "heading1",
-        disabled: () => !ctx.editor.can().setHeading({ level: 1 }),
-        isActive: () => ctx.editor.isActive("heading", { level: 1 }),
-        label: "Heading 1",
-        type: "option"
-      },
-      {
-        icon: "IconH2",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setHeading({ level: 2 }).run(),
-        id: "heading2",
-        disabled: () => !ctx.editor.can().setHeading({ level: 2 }),
-        isActive: () => ctx.editor.isActive("heading", { level: 2 }),
-        label: "Heading 2",
-        type: "option"
-      },
-      {
-        icon: "IconH3",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setHeading({ level: 3 }).run(),
-        id: "heading3",
-        disabled: () => !ctx.editor.can().setHeading({ level: 3 }),
-        isActive: () => ctx.editor.isActive("heading", { level: 3 }),
-        label: "Heading 3",
-        type: "option"
-      },
-      {
-        type: "category",
-        label: "Lists",
-        id: "lists"
-      },
-      {
-        icon: "IconList",
-        onClick: () => ctx.editor.chain().focus().toggleBulletList().run(),
-        id: "bulletList",
-        disabled: () => !ctx.editor.can().toggleBulletList(),
-        isActive: () => ctx.editor.isActive("bulletList"),
-        label: "Bullet list",
-        type: "option"
-      },
-      {
-        icon: "IconListNumbers",
-        onClick: () => ctx.editor.chain().focus().toggleOrderedList().run(),
-        id: "orderedList",
-        disabled: () => !ctx.editor.can().toggleOrderedList(),
-        isActive: () => ctx.editor.isActive("orderedList") && !ctx.editor.isActive("orderedList", { class: "styled-list" }),
-        label: "Numbered list",
-        type: "option"
-      }
-      // {
-      //   icon: "ListOrdered",
-      //   onClick: () => ctx.editor.chain().focus().toggleOrderedList({ class: "styled-list" }).run(),
-      //   id: "styledOrderedList",
-      //   disabled: () => !ctx.editor.can().toggleOrderedList(),
-      //   isActive: () => ctx.editor.isActive("orderedList", { class: "styled-list" }),
-      //   label: "Styled numbered list",
-      //   type: "option",
-      // },
-      // {
-      //   icon: "ListTodo",
-      //   onClick: () => ctx.editor.chain().focus().toggleTaskList().run(),
-      //   id: "todoList",
-      //   disabled: () => !ctx.editor.can().toggleTaskList(),
-      //   isActive: () => ctx.editor.isActive("taskList"),
-      //   label: "Todo list",
-      //   type: "option",
-      // },
-    ]
-  });
-};
-var useTextmenuCommands = (editor, sourceId, sourceType) => {
-  const onBold = React.useCallback(
-    () => editor.chain().focus().toggleBold().run(),
-    [editor]
-  );
-  const onItalic = React.useCallback(
-    () => editor.chain().focus().toggleItalic().run(),
-    [editor]
-  );
-  const onStrike = React.useCallback(
-    () => editor.chain().focus().toggleStrike().run(),
-    [editor]
-  );
-  const onCode = React.useCallback(
-    () => editor.chain().focus().toggleCode().run(),
-    [editor]
-  );
-  const onCodeBlock = React.useCallback(
-    () => editor.chain().focus().toggleCodeBlock().run(),
-    [editor]
-  );
-  const onLink = React.useCallback(() => {
-    if (editor.isActive("link")) {
-      window.dispatchEvent(new CustomEvent("editor:link"));
-      return;
-    }
-    if (editor.state.selection.empty) {
-      try {
-        editor.commands.selectTextblockEnd();
-      } catch {
-      }
-    }
-    window.dispatchEvent(new CustomEvent("editor:link"));
-  }, [editor]);
-  React.useCallback(() => {
-    const { from, to } = editor.state.selection;
-    const selectedText = editor.state.doc.textBetween(from, to, "\n");
-    const lines = selectedText.split("\n");
-    const firstLine = lines[0].trim() || "Untitled";
-    let title = firstLine;
-    const content = `<p>${selectedText.replace(/\n\n/g, "</p><p>").replace(/\n/g, "<br />")}</p>`;
-    return { title, content };
-  }, [editor, sourceId, sourceType]);
-  return {
-    onBold,
-    onItalic,
-    onStrike,
-    // onUnderline,
-    onCode,
-    onCodeBlock,
-    // onSubscript,
-    // onSuperscript,
-    // onAlignLeft,
-    // onAlignCenter,
-    // onAlignRight,
-    // onAlignJustify,
-    // onChangeColor,
-    // onClearColor,
-    // onChangeHighlight,
-    // onClearHighlight,
-    // onSetFont,
-    // onSetFontSize,
-    onLink
-  };
-};
-var useTextmenuStates = (editor) => {
-  const states = react.useEditorState({
-    editor,
-    selector: (ctx) => {
-      return {
-        isBold: ctx.editor.isActive("bold"),
-        isItalic: ctx.editor.isActive("italic"),
-        isStrike: ctx.editor.isActive("strike"),
-        isUnderline: ctx.editor.isActive("underline"),
-        isCode: ctx.editor.isActive("code"),
-        isSubscript: ctx.editor.isActive("subscript"),
-        isSuperscript: ctx.editor.isActive("superscript"),
-        isAlignLeft: ctx.editor.isActive({ textAlign: "left" }),
-        isAlignCenter: ctx.editor.isActive({ textAlign: "center" }),
-        isAlignRight: ctx.editor.isActive({ textAlign: "right" }),
-        isAlignJustify: ctx.editor.isActive({ textAlign: "justify" }),
-        isLink: ctx.editor.isActive("link"),
-        currentColor: ctx.editor.getAttributes("textStyle")?.color || void 0,
-        currentHighlight: ctx.editor.getAttributes("highlight")?.color || void 0,
-        currentFont: ctx.editor.getAttributes("textStyle")?.fontFamily || void 0,
-        currentSize: ctx.editor.getAttributes("textStyle")?.fontSize || void 0
-      };
-    }
-  });
-  return {
-    ...states
-  };
-};
-var MemoButton = React.memo(Toolbar.Button);
-var MemoContentTypePicker = React.memo(ContentTypePicker);
-function Selection() {
-  const { editor } = react.useCurrentEditor();
-  if (!editor) return null;
-  const commands = useTextmenuCommands(editor);
-  const states = useTextmenuStates(editor);
-  const blockOptions = useTextmenuContentTypes(editor);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    menus.BubbleMenu,
-    {
-      editor,
-      options: { placement: "top" },
-      shouldShow: ({ editor: editor2, from, to }) => {
-        if (from === to) return false;
-        if (editor2.isActive("codeBlock")) return false;
-        return true;
-      },
-      className: "nph-bubble",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Toolbar.Wrapper, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(MemoContentTypePicker, { options: blockOptions }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MemoButton,
-          {
-            tooltip: "Bold",
-            tooltipShortcut: ["Mod", "B"],
-            onClick: commands.onBold,
-            active: states.isBold,
-            children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconBold, { className: "nph-icon" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MemoButton,
-          {
-            tooltip: "Italic",
-            tooltipShortcut: ["Mod", "I"],
-            onClick: commands.onItalic,
-            active: states.isItalic,
-            children: /* @__PURE__ */ jsxRuntime.jsx(iconsReact.IconItalic, { className: "nph-icon" })
-          }
-        )
-      ] })
-    }
-  );
-}
-function Editor3({
-  className,
-  editorContainerProps,
-  extensions = [],
-  content,
-  onUpdate,
-  editorProps,
-  editable = true,
-  showSelectionMenu = true,
-  selectionMenu,
-  immediatelyRender = false,
-  children,
-  ...rest
-}) {
-  const mergedContainerProps = {
-    ...editorContainerProps,
-    className: cn("nph-editor", className)
-  };
-  const mergedEditorProps = {
-    ...editorProps,
-    attributes: {
-      ...editorProps?.attributes,
-      ...!editable ? { "aria-disabled": "true", "data-disabled": "true" } : {}
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react.EditorProvider,
-    {
-      content,
-      extensions: [...Preset, ...extensions ?? []],
-      onUpdate,
-      editorProps: mergedEditorProps,
-      editable,
-      editorContainerProps: mergedContainerProps,
-      immediatelyRender,
-      ...rest,
-      children: [
-        showSelectionMenu && (selectionMenu ?? /* @__PURE__ */ jsxRuntime.jsx(Selection, {})),
-        children
-      ]
-    }
-  );
-}
-
-exports.Editor = Editor3;
+'use strict';var react=require('@tiptap/react'),q=require('@tiptap/starter-kit'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),menus=require('@tiptap/react/menus'),_=require('react'),jsxRuntime=require('react/jsx-runtime'),c=require('@radix-ui/react-tooltip'),iconsReact=require('@tabler/icons-react'),h=require('@radix-ui/react-dropdown-menu');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var q__default=/*#__PURE__*/_interopDefault(q);var ___default=/*#__PURE__*/_interopDefault(_);var c__namespace=/*#__PURE__*/_interopNamespace(c);var h__namespace=/*#__PURE__*/_interopNamespace(h);var w=[q__default.default.configure({bulletList:{keepMarks:true},orderedList:{keepMarks:true},heading:{levels:[1,2,3,4]}})];function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var v=_.forwardRef(({children:e,className:o,withShadow:t=true,withBorder:i=true,...r},n)=>{let a=s(o,"nph-surface",t?"nph-surface--shadow":"",i?"nph-surface--border":"");return jsxRuntime.jsx("div",{className:a,...r,ref:n,children:e})});v.displayName="Surface";var A=___default.default.forwardRef(({active:e,buttonSize:o="medium",children:t,disabled:i,variant:r="primary",className:n,activeClassname:a,...p},m)=>{let f=s("nph-btn",r==="primary"&&"nph-btn--primary",r==="secondary"&&"nph-btn--secondary",r==="tertiary"&&"nph-btn--tertiary",r==="ghost"&&"nph-btn--ghost",e&&s("nph-btn--active",a),o==="medium"&&"nph-btn--md",o==="small"&&"nph-btn--sm",o==="icon"&&"nph-btn--icon",o==="iconSmall"&&"nph-btn--icon-sm",n);return jsxRuntime.jsx("button",{ref:m,disabled:i,className:f,...p,children:t})});A.displayName="Button";var M=typeof window<"u"?navigator.userAgent.toLowerCase().includes("mac"):false,tt=({children:e})=>{let o="nph-kbd";return e==="Mod"?jsxRuntime.jsx("kbd",{className:o,children:M?"\u2318":"Ctrl"}):e==="Shift"?jsxRuntime.jsx("kbd",{className:o,children:"\u21E7"}):e==="Alt"?jsxRuntime.jsx("kbd",{className:o,children:M?"\u2325":"Alt"}):jsxRuntime.jsx("kbd",{className:o,children:e})},et=({children:e,enabled:o=true,title:t,shortcut:i,className:r})=>o?jsxRuntime.jsx(c__namespace.Provider,{delayDuration:500,children:jsxRuntime.jsxs(c__namespace.Root,{children:[jsxRuntime.jsx(c__namespace.Trigger,{asChild:true,children:jsxRuntime.jsx("span",{children:e})}),jsxRuntime.jsx(c__namespace.Portal,{children:jsxRuntime.jsxs(c__namespace.Content,{sideOffset:8,className:s("nph-tooltip",r),children:[t&&jsxRuntime.jsx("span",{className:"nph-tooltip-title",children:t}),i&&jsxRuntime.jsx("span",{className:"nph-tooltip-shortcut",children:i.map(n=>jsxRuntime.jsx(tt,{children:n},n))})]})})]})}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:e}),H=et;var D=_.forwardRef(({shouldShowContent:e=true,children:o,isVertical:t=false,className:i,...r},n)=>{let a=s("nph-toolbar",t?"nph-toolbar--vertical":"nph-toolbar--horizontal",i);return e&&jsxRuntime.jsx(v,{className:a,...r,ref:n,children:o})});D.displayName="Toolbar";var R=_.forwardRef(({horizontal:e,className:o,...t},i)=>{let r=s("nph-toolbar-divider",e?"nph-toolbar-divider--horizontal":"nph-toolbar-divider--vertical",o);return jsxRuntime.jsx("div",{className:r,ref:i,...t})});R.displayName="Toolbar.Divider";var O=_.forwardRef(({children:e,buttonSize:o="icon",variant:t="ghost",className:i,tooltip:r,tooltipShortcut:n,activeClassname:a,...p},m)=>{let f=s("nph-toolbar-button",i),b=jsxRuntime.jsx(A,{activeClassname:a,className:f,variant:t,buttonSize:o,ref:m,...p,children:e});return r?jsxRuntime.jsx(H,{title:r,shortcut:n,children:b}):b});O.displayName="ToolbarButton";var y={Wrapper:D,Button:O};var dt={IconPilcrow:iconsReact.IconPilcrow,IconChevronDown:iconsReact.IconChevronDown,IconH1:iconsReact.IconH1,IconH2:iconsReact.IconH2,IconH3:iconsReact.IconH3,IconList:iconsReact.IconList,IconListNumbers:iconsReact.IconListNumbers},C=_.memo(({name:e,className:o,strokeWidth:t})=>{let i=dt[e];return i?jsxRuntime.jsx(i,{className:s("nph-icon",o),strokeWidth:t||2.5}):null});C.displayName="Icon";var z=({children:e})=>jsxRuntime.jsx("div",{className:"nph-dropdown-title",children:e}),W=___default.default.forwardRef(function({children:o,isActive:t,onClick:i,disabled:r,className:n},a){let p=s("nph-dropdown-button",n);return jsxRuntime.jsx("button",{className:p,disabled:r,"data-active":t?"true":void 0,onClick:i,ref:a,children:o})});var bt=e=>e.type==="option",ht=e=>e.type==="category",V=({options:e})=>{let o=_.useMemo(()=>e.find(t=>t.type==="option"&&t.isActive()),[e]);return jsxRuntime.jsxs(h__namespace.Root,{modal:false,children:[jsxRuntime.jsx(h__namespace.Trigger,{asChild:true,children:jsxRuntime.jsxs(y.Button,{buttonSize:"small",children:[jsxRuntime.jsx(C,{name:o?.type==="option"&&o.icon||"IconPilcrow"}),jsxRuntime.jsx(C,{name:"IconChevronDown",className:"nph-icon",strokeWidth:3})]})}),jsxRuntime.jsx(h__namespace.Content,{side:"bottom",align:"start",alignOffset:-6,sideOffset:9,avoidCollisions:false,asChild:true,children:jsxRuntime.jsx(v,{className:"nph-menu-panel",children:e.map(t=>{if(bt(t))return jsxRuntime.jsxs(W,{onClick:t.onClick,isActive:t.isActive(),children:[jsxRuntime.jsx(C,{name:t.icon,className:"nph-icon nph-mr-1"}),t.label]},t.id);if(ht(t))return jsxRuntime.jsx("div",{className:"nph-category-gap",children:jsxRuntime.jsx(z,{children:t.label},t.id)},t.id)})})})]})};var J=e=>react.useEditorState({editor:e,selector:o=>[{type:"category",label:"Hierarchy",id:"hierarchy"},{icon:"IconPilcrow",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setParagraph().run(),id:"paragraph",disabled:()=>!o.editor.can().setParagraph(),isActive:()=>o.editor.isActive("paragraph")&&!o.editor.isActive("orderedList")&&!o.editor.isActive("bulletList")&&!o.editor.isActive("taskList"),label:"Paragraph",type:"option"},{icon:"IconH1",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setHeading({level:1}).run(),id:"heading1",disabled:()=>!o.editor.can().setHeading({level:1}),isActive:()=>o.editor.isActive("heading",{level:1}),label:"Heading 1",type:"option"},{icon:"IconH2",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setHeading({level:2}).run(),id:"heading2",disabled:()=>!o.editor.can().setHeading({level:2}),isActive:()=>o.editor.isActive("heading",{level:2}),label:"Heading 2",type:"option"},{icon:"IconH3",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setHeading({level:3}).run(),id:"heading3",disabled:()=>!o.editor.can().setHeading({level:3}),isActive:()=>o.editor.isActive("heading",{level:3}),label:"Heading 3",type:"option"},{type:"category",label:"Lists",id:"lists"},{icon:"IconList",onClick:()=>o.editor.chain().focus().toggleBulletList().run(),id:"bulletList",disabled:()=>!o.editor.can().toggleBulletList(),isActive:()=>o.editor.isActive("bulletList"),label:"Bullet list",type:"option"},{icon:"IconListNumbers",onClick:()=>o.editor.chain().focus().toggleOrderedList().run(),id:"orderedList",disabled:()=>!o.editor.can().toggleOrderedList(),isActive:()=>o.editor.isActive("orderedList")&&!o.editor.isActive("orderedList",{class:"styled-list"}),label:"Numbered list",type:"option"}]});var U=(e,o,t)=>{let i=_.useCallback(()=>e.chain().focus().toggleBold().run(),[e]),r=_.useCallback(()=>e.chain().focus().toggleItalic().run(),[e]),n=_.useCallback(()=>e.chain().focus().toggleStrike().run(),[e]),a=_.useCallback(()=>e.chain().focus().toggleCode().run(),[e]),p=_.useCallback(()=>e.chain().focus().toggleCodeBlock().run(),[e]),m=_.useCallback(()=>{if(e.isActive("link")){window.dispatchEvent(new CustomEvent("editor:link"));return}if(e.state.selection.empty)try{e.commands.selectTextblockEnd();}catch{}window.dispatchEvent(new CustomEvent("editor:link"));},[e]);_.useCallback(()=>{let{from:b,to:k}=e.state.selection,T=e.state.doc.textBetween(b,k,`
+`),S=T.split(`
+`)[0].trim()||"Untitled";let K=`<p>${T.replace(/\n\n/g,"</p><p>").replace(/\n/g,"<br />")}</p>`;return {title:S,content:K}},[e,o,t]);return {onBold:i,onItalic:r,onStrike:n,onCode:a,onCodeBlock:p,onLink:m}};var X=e=>({...react.useEditorState({editor:e,selector:t=>({isBold:t.editor.isActive("bold"),isItalic:t.editor.isActive("italic"),isStrike:t.editor.isActive("strike"),isUnderline:t.editor.isActive("underline"),isCode:t.editor.isActive("code"),isSubscript:t.editor.isActive("subscript"),isSuperscript:t.editor.isActive("superscript"),isAlignLeft:t.editor.isActive({textAlign:"left"}),isAlignCenter:t.editor.isActive({textAlign:"center"}),isAlignRight:t.editor.isActive({textAlign:"right"}),isAlignJustify:t.editor.isActive({textAlign:"justify"}),isLink:t.editor.isActive("link"),currentColor:t.editor.getAttributes("textStyle")?.color||void 0,currentHighlight:t.editor.getAttributes("highlight")?.color||void 0,currentFont:t.editor.getAttributes("textStyle")?.fontFamily||void 0,currentSize:t.editor.getAttributes("textStyle")?.fontSize||void 0})})});var $=_.memo(y.Button),kt=_.memo(V);function N(){let{editor:e}=react.useCurrentEditor();if(!e)return null;let o=U(e),t=X(e),i=J(e);return jsxRuntime.jsx(menus.BubbleMenu,{editor:e,options:{placement:"top"},shouldShow:({editor:r,from:n,to:a})=>!(n===a||r.isActive("codeBlock")),className:"nph-bubble",children:jsxRuntime.jsxs(y.Wrapper,{children:[jsxRuntime.jsx(kt,{options:i}),jsxRuntime.jsx($,{tooltip:"Bold",tooltipShortcut:["Mod","B"],onClick:o.onBold,active:t.isBold,children:jsxRuntime.jsx(iconsReact.IconBold,{className:"nph-icon"})}),jsxRuntime.jsx($,{tooltip:"Italic",tooltipShortcut:["Mod","I"],onClick:o.onItalic,active:t.isItalic,children:jsxRuntime.jsx(iconsReact.IconItalic,{className:"nph-icon"})})]})})}function Xe({className:e,editorContainerProps:o,extensions:t=[],content:i,onUpdate:r,editorProps:n,editable:a=true,showSelectionMenu:p=true,selectionMenu:m,immediatelyRender:f=false,children:b,...k}){let T={...o,className:s("nph-editor",e)},I={...n,attributes:{...n?.attributes,...a?{}:{"aria-disabled":"true","data-disabled":"true"}}};return jsxRuntime.jsxs(react.EditorProvider,{content:i,extensions:[...w,...t??[]],onUpdate:r,editorProps:I,editable:a,editorContainerProps:T,immediatelyRender:f,...k,children:[p&&(m??jsxRuntime.jsx(N,{})),b]})}exports.Editor=Xe;

package/dist/react/index.js

@@ -1,559 +1,3 @@
-import { Preset } from '../chunk-SWNQOIUA.js';
-import { EditorProvider, useCurrentEditor, useEditorState } from '@tiptap/react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { BubbleMenu } from '@tiptap/react/menus';
-import React, { forwardRef, memo, useMemo, useCallback } from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { icons, IconBold, IconItalic } from '@tabler/icons-react';
-import * as Dropdown from '@radix-ui/react-dropdown-menu';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var Surface = forwardRef(
-  ({ children, className, withShadow = true, withBorder = true, ...props }, ref) => {
-    const surfaceClass = cn(
-      className,
-      "nph-surface",
-      withShadow ? "nph-surface--shadow" : "",
-      withBorder ? "nph-surface--border" : ""
-    );
-    return /* @__PURE__ */ jsx("div", { className: surfaceClass, ...props, ref, children });
-  }
-);
-Surface.displayName = "Surface";
-var Button = React.forwardRef(
-  ({
-    active,
-    buttonSize = "medium",
-    children,
-    disabled,
-    variant = "primary",
-    className,
-    activeClassname,
-    ...rest
-  }, ref) => {
-    const buttonClassName = cn(
-      "nph-btn",
-      variant === "primary" && "nph-btn--primary",
-      variant === "secondary" && "nph-btn--secondary",
-      variant === "tertiary" && "nph-btn--tertiary",
-      variant === "ghost" && "nph-btn--ghost",
-      active && cn("nph-btn--active", activeClassname),
-      buttonSize === "medium" && "nph-btn--md",
-      buttonSize === "small" && "nph-btn--sm",
-      buttonSize === "icon" && "nph-btn--icon",
-      buttonSize === "iconSmall" && "nph-btn--icon-sm",
-      className
-    );
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        disabled,
-        className: buttonClassName,
-        ...rest,
-        children
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var isMac = typeof window !== "undefined" ? navigator.userAgent.toLowerCase().includes("mac") : false;
-var ShortcutKey = ({ children }) => {
-  const className = "nph-kbd";
-  if (children === "Mod") {
-    return /* @__PURE__ */ jsx("kbd", { className, children: isMac ? "\u2318" : "Ctrl" });
-  }
-  if (children === "Shift") {
-    return /* @__PURE__ */ jsx("kbd", { className, children: "\u21E7" });
-  }
-  if (children === "Alt") {
-    return /* @__PURE__ */ jsx("kbd", { className, children: isMac ? "\u2325" : "Alt" });
-  }
-  return /* @__PURE__ */ jsx("kbd", { className, children });
-};
-var Tooltip = ({
-  children,
-  enabled = true,
-  title,
-  shortcut,
-  className
-}) => {
-  if (!enabled) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration: 500, children: /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { children: [
-    /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { children }) }),
-    /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
-      TooltipPrimitive.Content,
-      {
-        sideOffset: 8,
-        className: cn("nph-tooltip", className),
-        children: [
-          title && /* @__PURE__ */ jsx("span", { className: "nph-tooltip-title", children: title }),
-          shortcut && /* @__PURE__ */ jsx("span", { className: "nph-tooltip-shortcut", children: shortcut.map((shortcutKey) => /* @__PURE__ */ jsx(ShortcutKey, { children: shortcutKey }, shortcutKey)) })
-        ]
-      }
-    ) })
-  ] }) });
-};
-var Tooltip_default = Tooltip;
-var ToolbarWrapper = forwardRef(
-  ({
-    shouldShowContent = true,
-    children,
-    isVertical = false,
-    className,
-    ...rest
-  }, ref) => {
-    const toolbarClassName = cn(
-      "nph-toolbar",
-      isVertical ? "nph-toolbar--vertical" : "nph-toolbar--horizontal",
-      className
-    );
-    return shouldShowContent && /* @__PURE__ */ jsx(Surface, { className: toolbarClassName, ...rest, ref, children });
-  }
-);
-ToolbarWrapper.displayName = "Toolbar";
-var ToolbarDivider = forwardRef(
-  ({ horizontal, className, ...rest }, ref) => {
-    const dividerClassName = cn(
-      "nph-toolbar-divider",
-      horizontal ? "nph-toolbar-divider--horizontal" : "nph-toolbar-divider--vertical",
-      className
-    );
-    return /* @__PURE__ */ jsx("div", { className: dividerClassName, ref, ...rest });
-  }
-);
-ToolbarDivider.displayName = "Toolbar.Divider";
-var ToolbarButton = forwardRef(
-  ({
-    children,
-    buttonSize = "icon",
-    variant = "ghost",
-    className,
-    tooltip,
-    tooltipShortcut,
-    activeClassname,
-    ...rest
-  }, ref) => {
-    const buttonClass = cn("nph-toolbar-button", className);
-    const content = /* @__PURE__ */ jsx(
-      Button,
-      {
-        activeClassname,
-        className: buttonClass,
-        variant,
-        buttonSize,
-        ref,
-        ...rest,
-        children
-      }
-    );
-    if (tooltip) {
-      return /* @__PURE__ */ jsx(Tooltip_default, { title: tooltip, shortcut: tooltipShortcut, children: content });
-    }
-    return content;
-  }
-);
-ToolbarButton.displayName = "ToolbarButton";
-var Toolbar = {
-  Wrapper: ToolbarWrapper,
-  Button: ToolbarButton
-};
-var Icon = memo(({ name, className, strokeWidth }) => {
-  const IconComponent = icons[name];
-  if (!IconComponent) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    IconComponent,
-    {
-      className: cn("nph-icon", className),
-      strokeWidth: strokeWidth || 2.5
-    }
-  );
-});
-Icon.displayName = "Icon";
-var DropdownCategoryTitle = ({
-  children
-}) => {
-  return /* @__PURE__ */ jsx("div", { className: "nph-dropdown-title", children });
-};
-var DropdownButton = React.forwardRef(function DropdownButtonInner({ children, isActive, onClick, disabled, className }, ref) {
-  const buttonClass = cn("nph-dropdown-button", className);
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      className: buttonClass,
-      disabled,
-      "data-active": isActive ? "true" : void 0,
-      onClick,
-      ref,
-      children
-    }
-  );
-});
-var isOption = (option) => option.type === "option";
-var isCategory = (option) => option.type === "category";
-var ContentTypePicker = ({ options }) => {
-  const activeItem = useMemo(
-    () => options.find((option) => option.type === "option" && option.isActive()),
-    [options]
-  );
-  return /* @__PURE__ */ jsxs(Dropdown.Root, { modal: false, children: [
-    /* @__PURE__ */ jsx(Dropdown.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Toolbar.Button, { buttonSize: "small", children: [
-      /* @__PURE__ */ jsx(
-        Icon,
-        {
-          name: activeItem?.type === "option" && activeItem.icon || "IconPilcrow"
-        }
-      ),
-      /* @__PURE__ */ jsx(Icon, { name: "IconChevronDown", className: "nph-icon", strokeWidth: 3 })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      Dropdown.Content,
-      {
-        side: "bottom",
-        align: "start",
-        alignOffset: -6,
-        sideOffset: 9,
-        avoidCollisions: false,
-        asChild: true,
-        children: /* @__PURE__ */ jsx(Surface, { className: "nph-menu-panel", children: options.map((option) => {
-          if (isOption(option)) {
-            return /* @__PURE__ */ jsxs(
-              DropdownButton,
-              {
-                onClick: option.onClick,
-                isActive: option.isActive(),
-                children: [
-                  /* @__PURE__ */ jsx(Icon, { name: option.icon, className: "nph-icon nph-mr-1" }),
-                  option.label
-                ]
-              },
-              option.id
-            );
-          } else if (isCategory(option)) {
-            return /* @__PURE__ */ jsx("div", { className: "nph-category-gap", children: /* @__PURE__ */ jsx(DropdownCategoryTitle, { children: option.label }, option.id) }, option.id);
-          }
-        }) })
-      }
-    )
-  ] });
-};
-var useTextmenuContentTypes = (editor) => {
-  return useEditorState({
-    editor,
-    selector: (ctx) => [
-      {
-        type: "category",
-        label: "Hierarchy",
-        id: "hierarchy"
-      },
-      {
-        icon: "IconPilcrow",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setParagraph().run(),
-        id: "paragraph",
-        disabled: () => !ctx.editor.can().setParagraph(),
-        isActive: () => ctx.editor.isActive("paragraph") && !ctx.editor.isActive("orderedList") && !ctx.editor.isActive("bulletList") && !ctx.editor.isActive("taskList"),
-        label: "Paragraph",
-        type: "option"
-      },
-      {
-        icon: "IconH1",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setHeading({ level: 1 }).run(),
-        id: "heading1",
-        disabled: () => !ctx.editor.can().setHeading({ level: 1 }),
-        isActive: () => ctx.editor.isActive("heading", { level: 1 }),
-        label: "Heading 1",
-        type: "option"
-      },
-      {
-        icon: "IconH2",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setHeading({ level: 2 }).run(),
-        id: "heading2",
-        disabled: () => !ctx.editor.can().setHeading({ level: 2 }),
-        isActive: () => ctx.editor.isActive("heading", { level: 2 }),
-        label: "Heading 2",
-        type: "option"
-      },
-      {
-        icon: "IconH3",
-        onClick: () => ctx.editor.chain().focus().command(({ commands }) => {
-          try {
-            commands.lift("taskItem");
-          } catch {
-          }
-          try {
-            commands.liftListItem("listItem");
-          } catch {
-          }
-          return true;
-        }).setHeading({ level: 3 }).run(),
-        id: "heading3",
-        disabled: () => !ctx.editor.can().setHeading({ level: 3 }),
-        isActive: () => ctx.editor.isActive("heading", { level: 3 }),
-        label: "Heading 3",
-        type: "option"
-      },
-      {
-        type: "category",
-        label: "Lists",
-        id: "lists"
-      },
-      {
-        icon: "IconList",
-        onClick: () => ctx.editor.chain().focus().toggleBulletList().run(),
-        id: "bulletList",
-        disabled: () => !ctx.editor.can().toggleBulletList(),
-        isActive: () => ctx.editor.isActive("bulletList"),
-        label: "Bullet list",
-        type: "option"
-      },
-      {
-        icon: "IconListNumbers",
-        onClick: () => ctx.editor.chain().focus().toggleOrderedList().run(),
-        id: "orderedList",
-        disabled: () => !ctx.editor.can().toggleOrderedList(),
-        isActive: () => ctx.editor.isActive("orderedList") && !ctx.editor.isActive("orderedList", { class: "styled-list" }),
-        label: "Numbered list",
-        type: "option"
-      }
-      // {
-      //   icon: "ListOrdered",
-      //   onClick: () => ctx.editor.chain().focus().toggleOrderedList({ class: "styled-list" }).run(),
-      //   id: "styledOrderedList",
-      //   disabled: () => !ctx.editor.can().toggleOrderedList(),
-      //   isActive: () => ctx.editor.isActive("orderedList", { class: "styled-list" }),
-      //   label: "Styled numbered list",
-      //   type: "option",
-      // },
-      // {
-      //   icon: "ListTodo",
-      //   onClick: () => ctx.editor.chain().focus().toggleTaskList().run(),
-      //   id: "todoList",
-      //   disabled: () => !ctx.editor.can().toggleTaskList(),
-      //   isActive: () => ctx.editor.isActive("taskList"),
-      //   label: "Todo list",
-      //   type: "option",
-      // },
-    ]
-  });
-};
-var useTextmenuCommands = (editor, sourceId, sourceType) => {
-  const onBold = useCallback(
-    () => editor.chain().focus().toggleBold().run(),
-    [editor]
-  );
-  const onItalic = useCallback(
-    () => editor.chain().focus().toggleItalic().run(),
-    [editor]
-  );
-  const onStrike = useCallback(
-    () => editor.chain().focus().toggleStrike().run(),
-    [editor]
-  );
-  const onCode = useCallback(
-    () => editor.chain().focus().toggleCode().run(),
-    [editor]
-  );
-  const onCodeBlock = useCallback(
-    () => editor.chain().focus().toggleCodeBlock().run(),
-    [editor]
-  );
-  const onLink = useCallback(() => {
-    if (editor.isActive("link")) {
-      window.dispatchEvent(new CustomEvent("editor:link"));
-      return;
-    }
-    if (editor.state.selection.empty) {
-      try {
-        editor.commands.selectTextblockEnd();
-      } catch {
-      }
-    }
-    window.dispatchEvent(new CustomEvent("editor:link"));
-  }, [editor]);
-  useCallback(() => {
-    const { from, to } = editor.state.selection;
-    const selectedText = editor.state.doc.textBetween(from, to, "\n");
-    const lines = selectedText.split("\n");
-    const firstLine = lines[0].trim() || "Untitled";
-    let title = firstLine;
-    const content = `<p>${selectedText.replace(/\n\n/g, "</p><p>").replace(/\n/g, "<br />")}</p>`;
-    return { title, content };
-  }, [editor, sourceId, sourceType]);
-  return {
-    onBold,
-    onItalic,
-    onStrike,
-    // onUnderline,
-    onCode,
-    onCodeBlock,
-    // onSubscript,
-    // onSuperscript,
-    // onAlignLeft,
-    // onAlignCenter,
-    // onAlignRight,
-    // onAlignJustify,
-    // onChangeColor,
-    // onClearColor,
-    // onChangeHighlight,
-    // onClearHighlight,
-    // onSetFont,
-    // onSetFontSize,
-    onLink
-  };
-};
-var useTextmenuStates = (editor) => {
-  const states = useEditorState({
-    editor,
-    selector: (ctx) => {
-      return {
-        isBold: ctx.editor.isActive("bold"),
-        isItalic: ctx.editor.isActive("italic"),
-        isStrike: ctx.editor.isActive("strike"),
-        isUnderline: ctx.editor.isActive("underline"),
-        isCode: ctx.editor.isActive("code"),
-        isSubscript: ctx.editor.isActive("subscript"),
-        isSuperscript: ctx.editor.isActive("superscript"),
-        isAlignLeft: ctx.editor.isActive({ textAlign: "left" }),
-        isAlignCenter: ctx.editor.isActive({ textAlign: "center" }),
-        isAlignRight: ctx.editor.isActive({ textAlign: "right" }),
-        isAlignJustify: ctx.editor.isActive({ textAlign: "justify" }),
-        isLink: ctx.editor.isActive("link"),
-        currentColor: ctx.editor.getAttributes("textStyle")?.color || void 0,
-        currentHighlight: ctx.editor.getAttributes("highlight")?.color || void 0,
-        currentFont: ctx.editor.getAttributes("textStyle")?.fontFamily || void 0,
-        currentSize: ctx.editor.getAttributes("textStyle")?.fontSize || void 0
-      };
-    }
-  });
-  return {
-    ...states
-  };
-};
-var MemoButton = memo(Toolbar.Button);
-var MemoContentTypePicker = memo(ContentTypePicker);
-function Selection() {
-  const { editor } = useCurrentEditor();
-  if (!editor) return null;
-  const commands = useTextmenuCommands(editor);
-  const states = useTextmenuStates(editor);
-  const blockOptions = useTextmenuContentTypes(editor);
-  return /* @__PURE__ */ jsx(
-    BubbleMenu,
-    {
-      editor,
-      options: { placement: "top" },
-      shouldShow: ({ editor: editor2, from, to }) => {
-        if (from === to) return false;
-        if (editor2.isActive("codeBlock")) return false;
-        return true;
-      },
-      className: "nph-bubble",
-      children: /* @__PURE__ */ jsxs(Toolbar.Wrapper, { children: [
-        /* @__PURE__ */ jsx(MemoContentTypePicker, { options: blockOptions }),
-        /* @__PURE__ */ jsx(
-          MemoButton,
-          {
-            tooltip: "Bold",
-            tooltipShortcut: ["Mod", "B"],
-            onClick: commands.onBold,
-            active: states.isBold,
-            children: /* @__PURE__ */ jsx(IconBold, { className: "nph-icon" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          MemoButton,
-          {
-            tooltip: "Italic",
-            tooltipShortcut: ["Mod", "I"],
-            onClick: commands.onItalic,
-            active: states.isItalic,
-            children: /* @__PURE__ */ jsx(IconItalic, { className: "nph-icon" })
-          }
-        )
-      ] })
-    }
-  );
-}
-function Editor3({
-  className,
-  editorContainerProps,
-  extensions = [],
-  content,
-  onUpdate,
-  editorProps,
-  editable = true,
-  showSelectionMenu = true,
-  selectionMenu,
-  immediatelyRender = false,
-  children,
-  ...rest
-}) {
-  const mergedContainerProps = {
-    ...editorContainerProps,
-    className: cn("nph-editor", className)
-  };
-  const mergedEditorProps = {
-    ...editorProps,
-    attributes: {
-      ...editorProps?.attributes,
-      ...!editable ? { "aria-disabled": "true", "data-disabled": "true" } : {}
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    EditorProvider,
-    {
-      content,
-      extensions: [...Preset, ...extensions ?? []],
-      onUpdate,
-      editorProps: mergedEditorProps,
-      editable,
-      editorContainerProps: mergedContainerProps,
-      immediatelyRender,
-      ...rest,
-      children: [
-        showSelectionMenu && (selectionMenu ?? /* @__PURE__ */ jsx(Selection, {})),
-        children
-      ]
-    }
-  );
-}
-
-export { Editor3 as Editor };
+import {EditorProvider,useCurrentEditor,useEditorState}from'@tiptap/react';import q from'@tiptap/starter-kit';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {BubbleMenu}from'@tiptap/react/menus';import _,{forwardRef,memo,useMemo,useCallback}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as c from'@radix-ui/react-tooltip';import {IconListNumbers,IconList,IconH3,IconH2,IconH1,IconChevronDown,IconPilcrow,IconBold,IconItalic}from'@tabler/icons-react';import*as h from'@radix-ui/react-dropdown-menu';var w=[q.configure({bulletList:{keepMarks:true},orderedList:{keepMarks:true},heading:{levels:[1,2,3,4]}})];function s(...e){return twMerge(clsx(e))}var v=forwardRef(({children:e,className:o,withShadow:t=true,withBorder:i=true,...r},n)=>{let a=s(o,"nph-surface",t?"nph-surface--shadow":"",i?"nph-surface--border":"");return jsx("div",{className:a,...r,ref:n,children:e})});v.displayName="Surface";var A=_.forwardRef(({active:e,buttonSize:o="medium",children:t,disabled:i,variant:r="primary",className:n,activeClassname:a,...p},m)=>{let f=s("nph-btn",r==="primary"&&"nph-btn--primary",r==="secondary"&&"nph-btn--secondary",r==="tertiary"&&"nph-btn--tertiary",r==="ghost"&&"nph-btn--ghost",e&&s("nph-btn--active",a),o==="medium"&&"nph-btn--md",o==="small"&&"nph-btn--sm",o==="icon"&&"nph-btn--icon",o==="iconSmall"&&"nph-btn--icon-sm",n);return jsx("button",{ref:m,disabled:i,className:f,...p,children:t})});A.displayName="Button";var M=typeof window<"u"?navigator.userAgent.toLowerCase().includes("mac"):false,tt=({children:e})=>{let o="nph-kbd";return e==="Mod"?jsx("kbd",{className:o,children:M?"\u2318":"Ctrl"}):e==="Shift"?jsx("kbd",{className:o,children:"\u21E7"}):e==="Alt"?jsx("kbd",{className:o,children:M?"\u2325":"Alt"}):jsx("kbd",{className:o,children:e})},et=({children:e,enabled:o=true,title:t,shortcut:i,className:r})=>o?jsx(c.Provider,{delayDuration:500,children:jsxs(c.Root,{children:[jsx(c.Trigger,{asChild:true,children:jsx("span",{children:e})}),jsx(c.Portal,{children:jsxs(c.Content,{sideOffset:8,className:s("nph-tooltip",r),children:[t&&jsx("span",{className:"nph-tooltip-title",children:t}),i&&jsx("span",{className:"nph-tooltip-shortcut",children:i.map(n=>jsx(tt,{children:n},n))})]})})]})}):jsx(Fragment,{children:e}),H=et;var D=forwardRef(({shouldShowContent:e=true,children:o,isVertical:t=false,className:i,...r},n)=>{let a=s("nph-toolbar",t?"nph-toolbar--vertical":"nph-toolbar--horizontal",i);return e&&jsx(v,{className:a,...r,ref:n,children:o})});D.displayName="Toolbar";var R=forwardRef(({horizontal:e,className:o,...t},i)=>{let r=s("nph-toolbar-divider",e?"nph-toolbar-divider--horizontal":"nph-toolbar-divider--vertical",o);return jsx("div",{className:r,ref:i,...t})});R.displayName="Toolbar.Divider";var O=forwardRef(({children:e,buttonSize:o="icon",variant:t="ghost",className:i,tooltip:r,tooltipShortcut:n,activeClassname:a,...p},m)=>{let f=s("nph-toolbar-button",i),b=jsx(A,{activeClassname:a,className:f,variant:t,buttonSize:o,ref:m,...p,children:e});return r?jsx(H,{title:r,shortcut:n,children:b}):b});O.displayName="ToolbarButton";var y={Wrapper:D,Button:O};var dt={IconPilcrow:IconPilcrow,IconChevronDown:IconChevronDown,IconH1:IconH1,IconH2:IconH2,IconH3:IconH3,IconList:IconList,IconListNumbers:IconListNumbers},C=memo(({name:e,className:o,strokeWidth:t})=>{let i=dt[e];return i?jsx(i,{className:s("nph-icon",o),strokeWidth:t||2.5}):null});C.displayName="Icon";var z=({children:e})=>jsx("div",{className:"nph-dropdown-title",children:e}),W=_.forwardRef(function({children:o,isActive:t,onClick:i,disabled:r,className:n},a){let p=s("nph-dropdown-button",n);return jsx("button",{className:p,disabled:r,"data-active":t?"true":void 0,onClick:i,ref:a,children:o})});var bt=e=>e.type==="option",ht=e=>e.type==="category",V=({options:e})=>{let o=useMemo(()=>e.find(t=>t.type==="option"&&t.isActive()),[e]);return jsxs(h.Root,{modal:false,children:[jsx(h.Trigger,{asChild:true,children:jsxs(y.Button,{buttonSize:"small",children:[jsx(C,{name:o?.type==="option"&&o.icon||"IconPilcrow"}),jsx(C,{name:"IconChevronDown",className:"nph-icon",strokeWidth:3})]})}),jsx(h.Content,{side:"bottom",align:"start",alignOffset:-6,sideOffset:9,avoidCollisions:false,asChild:true,children:jsx(v,{className:"nph-menu-panel",children:e.map(t=>{if(bt(t))return jsxs(W,{onClick:t.onClick,isActive:t.isActive(),children:[jsx(C,{name:t.icon,className:"nph-icon nph-mr-1"}),t.label]},t.id);if(ht(t))return jsx("div",{className:"nph-category-gap",children:jsx(z,{children:t.label},t.id)},t.id)})})})]})};var J=e=>useEditorState({editor:e,selector:o=>[{type:"category",label:"Hierarchy",id:"hierarchy"},{icon:"IconPilcrow",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setParagraph().run(),id:"paragraph",disabled:()=>!o.editor.can().setParagraph(),isActive:()=>o.editor.isActive("paragraph")&&!o.editor.isActive("orderedList")&&!o.editor.isActive("bulletList")&&!o.editor.isActive("taskList"),label:"Paragraph",type:"option"},{icon:"IconH1",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setHeading({level:1}).run(),id:"heading1",disabled:()=>!o.editor.can().setHeading({level:1}),isActive:()=>o.editor.isActive("heading",{level:1}),label:"Heading 1",type:"option"},{icon:"IconH2",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setHeading({level:2}).run(),id:"heading2",disabled:()=>!o.editor.can().setHeading({level:2}),isActive:()=>o.editor.isActive("heading",{level:2}),label:"Heading 2",type:"option"},{icon:"IconH3",onClick:()=>o.editor.chain().focus().command(({commands:t})=>{try{t.lift("taskItem");}catch{}try{t.liftListItem("listItem");}catch{}return  true}).setHeading({level:3}).run(),id:"heading3",disabled:()=>!o.editor.can().setHeading({level:3}),isActive:()=>o.editor.isActive("heading",{level:3}),label:"Heading 3",type:"option"},{type:"category",label:"Lists",id:"lists"},{icon:"IconList",onClick:()=>o.editor.chain().focus().toggleBulletList().run(),id:"bulletList",disabled:()=>!o.editor.can().toggleBulletList(),isActive:()=>o.editor.isActive("bulletList"),label:"Bullet list",type:"option"},{icon:"IconListNumbers",onClick:()=>o.editor.chain().focus().toggleOrderedList().run(),id:"orderedList",disabled:()=>!o.editor.can().toggleOrderedList(),isActive:()=>o.editor.isActive("orderedList")&&!o.editor.isActive("orderedList",{class:"styled-list"}),label:"Numbered list",type:"option"}]});var U=(e,o,t)=>{let i=useCallback(()=>e.chain().focus().toggleBold().run(),[e]),r=useCallback(()=>e.chain().focus().toggleItalic().run(),[e]),n=useCallback(()=>e.chain().focus().toggleStrike().run(),[e]),a=useCallback(()=>e.chain().focus().toggleCode().run(),[e]),p=useCallback(()=>e.chain().focus().toggleCodeBlock().run(),[e]),m=useCallback(()=>{if(e.isActive("link")){window.dispatchEvent(new CustomEvent("editor:link"));return}if(e.state.selection.empty)try{e.commands.selectTextblockEnd();}catch{}window.dispatchEvent(new CustomEvent("editor:link"));},[e]);useCallback(()=>{let{from:b,to:k}=e.state.selection,T=e.state.doc.textBetween(b,k,`
+`),S=T.split(`
+`)[0].trim()||"Untitled";let K=`<p>${T.replace(/\n\n/g,"</p><p>").replace(/\n/g,"<br />")}</p>`;return {title:S,content:K}},[e,o,t]);return {onBold:i,onItalic:r,onStrike:n,onCode:a,onCodeBlock:p,onLink:m}};var X=e=>({...useEditorState({editor:e,selector:t=>({isBold:t.editor.isActive("bold"),isItalic:t.editor.isActive("italic"),isStrike:t.editor.isActive("strike"),isUnderline:t.editor.isActive("underline"),isCode:t.editor.isActive("code"),isSubscript:t.editor.isActive("subscript"),isSuperscript:t.editor.isActive("superscript"),isAlignLeft:t.editor.isActive({textAlign:"left"}),isAlignCenter:t.editor.isActive({textAlign:"center"}),isAlignRight:t.editor.isActive({textAlign:"right"}),isAlignJustify:t.editor.isActive({textAlign:"justify"}),isLink:t.editor.isActive("link"),currentColor:t.editor.getAttributes("textStyle")?.color||void 0,currentHighlight:t.editor.getAttributes("highlight")?.color||void 0,currentFont:t.editor.getAttributes("textStyle")?.fontFamily||void 0,currentSize:t.editor.getAttributes("textStyle")?.fontSize||void 0})})});var $=memo(y.Button),kt=memo(V);function N(){let{editor:e}=useCurrentEditor();if(!e)return null;let o=U(e),t=X(e),i=J(e);return jsx(BubbleMenu,{editor:e,options:{placement:"top"},shouldShow:({editor:r,from:n,to:a})=>!(n===a||r.isActive("codeBlock")),className:"nph-bubble",children:jsxs(y.Wrapper,{children:[jsx(kt,{options:i}),jsx($,{tooltip:"Bold",tooltipShortcut:["Mod","B"],onClick:o.onBold,active:t.isBold,children:jsx(IconBold,{className:"nph-icon"})}),jsx($,{tooltip:"Italic",tooltipShortcut:["Mod","I"],onClick:o.onItalic,active:t.isItalic,children:jsx(IconItalic,{className:"nph-icon"})})]})})}function Xe({className:e,editorContainerProps:o,extensions:t=[],content:i,onUpdate:r,editorProps:n,editable:a=true,showSelectionMenu:p=true,selectionMenu:m,immediatelyRender:f=false,children:b,...k}){let T={...o,className:s("nph-editor",e)},I={...n,attributes:{...n?.attributes,...a?{}:{"aria-disabled":"true","data-disabled":"true"}}};return jsxs(EditorProvider,{content:i,extensions:[...w,...t??[]],onUpdate:r,editorProps:I,editable:a,editorContainerProps:T,immediatelyRender:f,...k,children:[p&&(m??jsx(N,{})),b]})}export{Xe as Editor};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "neuphlo-editor",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs",

package/dist/chunk-SWNQOIUA.js

@@ -1,12 +0,0 @@
-import StarterKit from '@tiptap/starter-kit';
-
-// src/preset.ts
-var Preset = [
-  StarterKit.configure({
-    bulletList: { keepMarks: true },
-    orderedList: { keepMarks: true },
-    heading: { levels: [1, 2, 3, 4] }
-  })
-];
-
-export { Preset };