notra-editor 0.8.0 → 0.8.2

package/dist/components/slash-dropdown-menu/slash-image-popover.cjs

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+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/components/slash-dropdown-menu/slash-image-popover.tsx
+var slash_image_popover_exports = {};
+__export(slash_image_popover_exports, {
+  SlashImagePopover: () => SlashImagePopover
+});
+module.exports = __toCommonJS(slash_image_popover_exports);
+var import_react = require("react");
+var import_image_input_form = require("../image-popover/image-input-form.cjs");
+var import_popover = require("../ui/popover.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SlashImagePopover({
+  editor,
+  anchorRect,
+  onClose
+}) {
+  const handleSubmit = (0, import_react.useCallback)(
+    ({ url, alt }) => {
+      if (!url) {
+        onClose();
+        return;
+      }
+      editor.chain().focus().setImage({ src: url, alt: alt || void 0 }).run();
+      onClose();
+    },
+    [editor, onClose]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_popover.Popover,
+    {
+      open: true,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            ref: (node) => {
+              if (!node) return;
+              const { top, left, width, height } = anchorRect;
+              node.style.position = "fixed";
+              node.style.top = `${top}px`;
+              node.style.left = `${left}px`;
+              node.style.width = `${width || 1}px`;
+              node.style.height = `${height || 1}px`;
+              node.style.pointerEvents = "none";
+            },
+            "aria-hidden": true
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popover.PopoverContent, { align: "start", className: "nt:w-auto nt:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image_input_form.ImageInputForm, { onCancel: onClose, onSubmit: handleSubmit }) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SlashImagePopover
+});
+//# sourceMappingURL=slash-image-popover.cjs.map

package/dist/components/slash-dropdown-menu/slash-image-popover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/slash-image-popover.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { ImageInputForm } from '../image-popover/image-input-form.js';\nimport { Popover, PopoverAnchor, PopoverContent } from '../ui/popover.js';\n\nimport type { Editor } from '@tiptap/core';\nimport type {} from '@tiptap/extension-image';\n\nexport interface SlashImagePopoverProps {\n\teditor: Editor;\n\tanchorRect: DOMRect;\n\tonClose: () => void;\n}\n\nexport function SlashImagePopover({\n\teditor,\n\tanchorRect,\n\tonClose\n}: SlashImagePopoverProps) {\n\tconst handleSubmit = useCallback(\n\t\t({ url, alt }: { url: string; alt: string }) => {\n\t\t\tif (!url) {\n\t\t\t\tonClose();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor\n\t\t\t\t.chain()\n\t\t\t\t.focus()\n\t\t\t\t.setImage({ src: url, alt: alt || undefined })\n\t\t\t\t.run();\n\t\t\tonClose();\n\t\t},\n\t\t[editor, onClose]\n\t);\n\n\treturn (\n\t\t<Popover\n\t\t\topen\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (!next) onClose();\n\t\t\t}}\n\t\t>\n\t\t\t<PopoverAnchor asChild>\n\t\t\t\t<span\n\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\tif (!node) return;\n\n\t\t\t\t\t\t// Pin the anchor element at the captured rect.\n\t\t\t\t\t\tconst { top, left, width, height } = anchorRect;\n\n\t\t\t\t\t\tnode.style.position = 'fixed';\n\t\t\t\t\t\tnode.style.top = `${top}px`;\n\t\t\t\t\t\tnode.style.left = `${left}px`;\n\t\t\t\t\t\tnode.style.width = `${width || 1}px`;\n\t\t\t\t\t\tnode.style.height = `${height || 1}px`;\n\t\t\t\t\t\tnode.style.pointerEvents = 'none';\n\t\t\t\t\t}}\n\t\t\t\t\taria-hidden\n\t\t\t\t/>\n\t\t\t</PopoverAnchor>\n\t\t\t<PopoverContent align=\"start\" className=\"nt:w-auto nt:p-0\">\n\t\t\t\t<ImageInputForm onCancel={onClose} onSubmit={handleSubmit} />\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4B;AAE5B,8BAA+B;AAC/B,qBAAuD;AAmCrD;AAxBK,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,GAA2B;AAC1B,QAAM,mBAAe;AAAA,IACpB,CAAC,EAAE,KAAK,IAAI,MAAoC;AAC/C,UAAI,CAAC,KAAK;AACT,gBAAQ;AAER;AAAA,MACD;AAEA,aACE,MAAM,EACN,MAAM,EACN,SAAS,EAAE,KAAK,KAAK,KAAK,OAAO,OAAU,CAAC,EAC5C,IAAI;AACN,cAAQ;AAAA,IACT;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAI;AAAA,MACJ,cAAc,CAAC,SAAS;AACvB,YAAI,CAAC,KAAM,SAAQ;AAAA,MACpB;AAAA,MAEA;AAAA,oDAAC,gCAAc,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACA,KAAK,CAAC,SAAS;AACd,kBAAI,CAAC,KAAM;AAGX,oBAAM,EAAE,KAAK,MAAM,OAAO,OAAO,IAAI;AAErC,mBAAK,MAAM,WAAW;AACtB,mBAAK,MAAM,MAAM,GAAG,GAAG;AACvB,mBAAK,MAAM,OAAO,GAAG,IAAI;AACzB,mBAAK,MAAM,QAAQ,GAAG,SAAS,CAAC;AAChC,mBAAK,MAAM,SAAS,GAAG,UAAU,CAAC;AAClC,mBAAK,MAAM,gBAAgB;AAAA,YAC5B;AAAA,YACA,eAAW;AAAA;AAAA,QACZ,GACD;AAAA,QACA,4CAAC,iCAAe,OAAM,SAAQ,WAAU,oBACvC,sDAAC,0CAAe,UAAU,SAAS,UAAU,cAAc,GAC5D;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/slash-dropdown-menu/slash-image-popover.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Editor } from '@tiptap/core';
+
+interface SlashImagePopoverProps {
+    editor: Editor;
+    anchorRect: DOMRect;
+    onClose: () => void;
+}
+declare function SlashImagePopover({ editor, anchorRect, onClose }: SlashImagePopoverProps): react_jsx_runtime.JSX.Element;
+
+export { SlashImagePopover, type SlashImagePopoverProps };

package/dist/components/slash-dropdown-menu/slash-image-popover.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Editor } from '@tiptap/core';
+
+interface SlashImagePopoverProps {
+    editor: Editor;
+    anchorRect: DOMRect;
+    onClose: () => void;
+}
+declare function SlashImagePopover({ editor, anchorRect, onClose }: SlashImagePopoverProps): react_jsx_runtime.JSX.Element;
+
+export { SlashImagePopover, type SlashImagePopoverProps };

package/dist/components/slash-dropdown-menu/slash-image-popover.mjs

@@ -0,0 +1,56 @@
+"use client";
+
+// src/components/slash-dropdown-menu/slash-image-popover.tsx
+import { useCallback } from "react";
+import { ImageInputForm } from "../image-popover/image-input-form.mjs";
+import { Popover, PopoverAnchor, PopoverContent } from "../ui/popover.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SlashImagePopover({
+  editor,
+  anchorRect,
+  onClose
+}) {
+  const handleSubmit = useCallback(
+    ({ url, alt }) => {
+      if (!url) {
+        onClose();
+        return;
+      }
+      editor.chain().focus().setImage({ src: url, alt: alt || void 0 }).run();
+      onClose();
+    },
+    [editor, onClose]
+  );
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open: true,
+      onOpenChange: (next) => {
+        if (!next) onClose();
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            ref: (node) => {
+              if (!node) return;
+              const { top, left, width, height } = anchorRect;
+              node.style.position = "fixed";
+              node.style.top = `${top}px`;
+              node.style.left = `${left}px`;
+              node.style.width = `${width || 1}px`;
+              node.style.height = `${height || 1}px`;
+              node.style.pointerEvents = "none";
+            },
+            "aria-hidden": true
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "nt:w-auto nt:p-0", children: /* @__PURE__ */ jsx(ImageInputForm, { onCancel: onClose, onSubmit: handleSubmit }) })
+      ]
+    }
+  );
+}
+export {
+  SlashImagePopover
+};
+//# sourceMappingURL=slash-image-popover.mjs.map

package/dist/components/slash-dropdown-menu/slash-image-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/slash-image-popover.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\n\nimport { ImageInputForm } from '../image-popover/image-input-form.js';\nimport { Popover, PopoverAnchor, PopoverContent } from '../ui/popover.js';\n\nimport type { Editor } from '@tiptap/core';\nimport type {} from '@tiptap/extension-image';\n\nexport interface SlashImagePopoverProps {\n\teditor: Editor;\n\tanchorRect: DOMRect;\n\tonClose: () => void;\n}\n\nexport function SlashImagePopover({\n\teditor,\n\tanchorRect,\n\tonClose\n}: SlashImagePopoverProps) {\n\tconst handleSubmit = useCallback(\n\t\t({ url, alt }: { url: string; alt: string }) => {\n\t\t\tif (!url) {\n\t\t\t\tonClose();\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\teditor\n\t\t\t\t.chain()\n\t\t\t\t.focus()\n\t\t\t\t.setImage({ src: url, alt: alt || undefined })\n\t\t\t\t.run();\n\t\t\tonClose();\n\t\t},\n\t\t[editor, onClose]\n\t);\n\n\treturn (\n\t\t<Popover\n\t\t\topen\n\t\t\tonOpenChange={(next) => {\n\t\t\t\tif (!next) onClose();\n\t\t\t}}\n\t\t>\n\t\t\t<PopoverAnchor asChild>\n\t\t\t\t<span\n\t\t\t\t\tref={(node) => {\n\t\t\t\t\t\tif (!node) return;\n\n\t\t\t\t\t\t// Pin the anchor element at the captured rect.\n\t\t\t\t\t\tconst { top, left, width, height } = anchorRect;\n\n\t\t\t\t\t\tnode.style.position = 'fixed';\n\t\t\t\t\t\tnode.style.top = `${top}px`;\n\t\t\t\t\t\tnode.style.left = `${left}px`;\n\t\t\t\t\t\tnode.style.width = `${width || 1}px`;\n\t\t\t\t\t\tnode.style.height = `${height || 1}px`;\n\t\t\t\t\t\tnode.style.pointerEvents = 'none';\n\t\t\t\t\t}}\n\t\t\t\t\taria-hidden\n\t\t\t\t/>\n\t\t\t</PopoverAnchor>\n\t\t\t<PopoverContent align=\"start\" className=\"nt:w-auto nt:p-0\">\n\t\t\t\t<ImageInputForm onCancel={onClose} onSubmit={handleSubmit} />\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"mappings":";;;AAEA,SAAS,mBAAmB;AAE5B,SAAS,sBAAsB;AAC/B,SAAS,SAAS,eAAe,sBAAsB;AAmCrD,SAOE,KAPF;AAxBK,SAAS,kBAAkB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACD,GAA2B;AAC1B,QAAM,eAAe;AAAA,IACpB,CAAC,EAAE,KAAK,IAAI,MAAoC;AAC/C,UAAI,CAAC,KAAK;AACT,gBAAQ;AAER;AAAA,MACD;AAEA,aACE,MAAM,EACN,MAAM,EACN,SAAS,EAAE,KAAK,KAAK,KAAK,OAAO,OAAU,CAAC,EAC5C,IAAI;AACN,cAAQ;AAAA,IACT;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EACjB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAI;AAAA,MACJ,cAAc,CAAC,SAAS;AACvB,YAAI,CAAC,KAAM,SAAQ;AAAA,MACpB;AAAA,MAEA;AAAA,4BAAC,iBAAc,SAAO,MACrB;AAAA,UAAC;AAAA;AAAA,YACA,KAAK,CAAC,SAAS;AACd,kBAAI,CAAC,KAAM;AAGX,oBAAM,EAAE,KAAK,MAAM,OAAO,OAAO,IAAI;AAErC,mBAAK,MAAM,WAAW;AACtB,mBAAK,MAAM,MAAM,GAAG,GAAG;AACvB,mBAAK,MAAM,OAAO,GAAG,IAAI;AACzB,mBAAK,MAAM,QAAQ,GAAG,SAAS,CAAC;AAChC,mBAAK,MAAM,SAAS,GAAG,UAAU,CAAC;AAClC,mBAAK,MAAM,gBAAgB;AAAA,YAC5B;AAAA,YACA,eAAW;AAAA;AAAA,QACZ,GACD;AAAA,QACA,oBAAC,kBAAe,OAAM,SAAQ,WAAU,oBACvC,8BAAC,kBAAe,UAAU,SAAS,UAAU,cAAc,GAC5D;AAAA;AAAA;AAAA,EACD;AAEF;","names":[]}

package/dist/components/slash-dropdown-menu/use-slash-items.cjs

@@ -0,0 +1,138 @@
+"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/components/slash-dropdown-menu/use-slash-items.ts
+var use_slash_items_exports = {};
+__export(use_slash_items_exports, {
+  useSlashItems: () => useSlashItems
+});
+module.exports = __toCommonJS(use_slash_items_exports);
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+function useSlashItems({ onImageRequest }) {
+  return (0, import_react.useCallback)(
+    (editor) => [
+      {
+        title: "Text",
+        keywords: ["p", "paragraph", "text"],
+        badge: import_lucide_react.Type,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().setParagraph().run();
+        }
+      },
+      {
+        title: "Heading 1",
+        keywords: ["h1", "heading"],
+        badge: import_lucide_react.Heading1,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 1 }).run();
+        }
+      },
+      {
+        title: "Heading 2",
+        keywords: ["h2", "heading"],
+        badge: import_lucide_react.Heading2,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 2 }).run();
+        }
+      },
+      {
+        title: "Heading 3",
+        keywords: ["h3", "heading"],
+        badge: import_lucide_react.Heading3,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 3 }).run();
+        }
+      },
+      {
+        title: "Heading 4",
+        keywords: ["h4", "heading"],
+        badge: import_lucide_react.Heading4,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 4 }).run();
+        }
+      },
+      {
+        title: "Bullet List",
+        keywords: ["ul", "list", "bullet"],
+        badge: import_lucide_react.List,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBulletList().run();
+        }
+      },
+      {
+        title: "Numbered List",
+        keywords: ["ol", "list", "ordered", "numbered"],
+        badge: import_lucide_react.ListOrdered,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleOrderedList().run();
+        }
+      },
+      {
+        title: "To-do List",
+        keywords: ["task", "todo", "checklist"],
+        badge: import_lucide_react.ListTodo,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleTaskList().run();
+        }
+      },
+      {
+        title: "Blockquote",
+        keywords: ["quote"],
+        badge: import_lucide_react.Quote,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBlockquote().run();
+        }
+      },
+      {
+        title: "Code Block",
+        keywords: ["code", "pre"],
+        badge: import_lucide_react.SquareCode,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleCodeBlock().run();
+        }
+      },
+      {
+        title: "Image",
+        keywords: ["image", "img", "picture", "media", "url"],
+        badge: import_lucide_react.Image,
+        group: "Insert",
+        onSelect: () => {
+          onImageRequest();
+        }
+      }
+    ],
+    [onImageRequest]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSlashItems
+});
+//# sourceMappingURL=use-slash-items.cjs.map

package/dist/components/slash-dropdown-menu/use-slash-items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/use-slash-items.ts"],"sourcesContent":["import {\n\tHeading1,\n\tHeading2,\n\tHeading3,\n\tHeading4,\n\tImage as ImageIcon,\n\tList,\n\tListOrdered,\n\tListTodo,\n\tQuote,\n\tSquareCode,\n\tType\n} from 'lucide-react';\nimport { useCallback } from 'react';\n\nimport type { SuggestionItem } from '../suggestion-menu/suggestion-menu-types.js';\nimport type { Editor } from '@tiptap/core';\n// Module augmentations: pull in ChainedCommands extensions from these packages.\nimport type {} from '@tiptap/starter-kit';\nimport type {} from '@tiptap/extension-list';\n\nexport interface UseSlashItemsOptions {\n\t/** Called when the Image slash item is chosen. */\n\tonImageRequest: () => void;\n}\n\nexport function useSlashItems({ onImageRequest }: UseSlashItemsOptions) {\n\treturn useCallback(\n\t\t(editor: Editor): SuggestionItem[] => [\n\t\t\t{\n\t\t\t\ttitle: 'Text',\n\t\t\t\tkeywords: ['p', 'paragraph', 'text'],\n\t\t\t\tbadge: Type,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().setParagraph().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 1',\n\t\t\t\tkeywords: ['h1', 'heading'],\n\t\t\t\tbadge: Heading1,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 1 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 2',\n\t\t\t\tkeywords: ['h2', 'heading'],\n\t\t\t\tbadge: Heading2,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 2 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 3',\n\t\t\t\tkeywords: ['h3', 'heading'],\n\t\t\t\tbadge: Heading3,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 3 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 4',\n\t\t\t\tkeywords: ['h4', 'heading'],\n\t\t\t\tbadge: Heading4,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 4 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Bullet List',\n\t\t\t\tkeywords: ['ul', 'list', 'bullet'],\n\t\t\t\tbadge: List,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBulletList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Numbered List',\n\t\t\t\tkeywords: ['ol', 'list', 'ordered', 'numbered'],\n\t\t\t\tbadge: ListOrdered,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleOrderedList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'To-do List',\n\t\t\t\tkeywords: ['task', 'todo', 'checklist'],\n\t\t\t\tbadge: ListTodo,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleTaskList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Blockquote',\n\t\t\t\tkeywords: ['quote'],\n\t\t\t\tbadge: Quote,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBlockquote().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Code Block',\n\t\t\t\tkeywords: ['code', 'pre'],\n\t\t\t\tbadge: SquareCode,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleCodeBlock().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Image',\n\t\t\t\tkeywords: ['image', 'img', 'picture', 'media', 'url'],\n\t\t\t\tbadge: ImageIcon,\n\t\t\t\tgroup: 'Insert',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\tonImageRequest();\n\t\t\t\t}\n\t\t\t}\n\t\t],\n\t\t[onImageRequest]\n\t);\n}\n"],"mappings":"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","names":["ImageIcon"]}

package/dist/components/slash-dropdown-menu/use-slash-items.d.cts

@@ -0,0 +1,11 @@
+import { SuggestionItem } from '../suggestion-menu/suggestion-menu-types.cjs';
+import { Editor } from '@tiptap/core';
+import '@tiptap/react';
+
+interface UseSlashItemsOptions {
+    /** Called when the Image slash item is chosen. */
+    onImageRequest: () => void;
+}
+declare function useSlashItems({ onImageRequest }: UseSlashItemsOptions): (editor: Editor) => SuggestionItem[];
+
+export { type UseSlashItemsOptions, useSlashItems };

package/dist/components/slash-dropdown-menu/use-slash-items.d.ts

@@ -0,0 +1,11 @@
+import { SuggestionItem } from '../suggestion-menu/suggestion-menu-types.js';
+import { Editor } from '@tiptap/core';
+import '@tiptap/react';
+
+interface UseSlashItemsOptions {
+    /** Called when the Image slash item is chosen. */
+    onImageRequest: () => void;
+}
+declare function useSlashItems({ onImageRequest }: UseSlashItemsOptions): (editor: Editor) => SuggestionItem[];
+
+export { type UseSlashItemsOptions, useSlashItems };

package/dist/components/slash-dropdown-menu/use-slash-items.mjs

@@ -0,0 +1,125 @@
+// src/components/slash-dropdown-menu/use-slash-items.ts
+import {
+  Heading1,
+  Heading2,
+  Heading3,
+  Heading4,
+  Image as ImageIcon,
+  List,
+  ListOrdered,
+  ListTodo,
+  Quote,
+  SquareCode,
+  Type
+} from "lucide-react";
+import { useCallback } from "react";
+function useSlashItems({ onImageRequest }) {
+  return useCallback(
+    (editor) => [
+      {
+        title: "Text",
+        keywords: ["p", "paragraph", "text"],
+        badge: Type,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().setParagraph().run();
+        }
+      },
+      {
+        title: "Heading 1",
+        keywords: ["h1", "heading"],
+        badge: Heading1,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 1 }).run();
+        }
+      },
+      {
+        title: "Heading 2",
+        keywords: ["h2", "heading"],
+        badge: Heading2,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 2 }).run();
+        }
+      },
+      {
+        title: "Heading 3",
+        keywords: ["h3", "heading"],
+        badge: Heading3,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 3 }).run();
+        }
+      },
+      {
+        title: "Heading 4",
+        keywords: ["h4", "heading"],
+        badge: Heading4,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleHeading({ level: 4 }).run();
+        }
+      },
+      {
+        title: "Bullet List",
+        keywords: ["ul", "list", "bullet"],
+        badge: List,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBulletList().run();
+        }
+      },
+      {
+        title: "Numbered List",
+        keywords: ["ol", "list", "ordered", "numbered"],
+        badge: ListOrdered,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleOrderedList().run();
+        }
+      },
+      {
+        title: "To-do List",
+        keywords: ["task", "todo", "checklist"],
+        badge: ListTodo,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleTaskList().run();
+        }
+      },
+      {
+        title: "Blockquote",
+        keywords: ["quote"],
+        badge: Quote,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleBlockquote().run();
+        }
+      },
+      {
+        title: "Code Block",
+        keywords: ["code", "pre"],
+        badge: SquareCode,
+        group: "Style",
+        onSelect: () => {
+          editor.chain().focus().toggleCodeBlock().run();
+        }
+      },
+      {
+        title: "Image",
+        keywords: ["image", "img", "picture", "media", "url"],
+        badge: ImageIcon,
+        group: "Insert",
+        onSelect: () => {
+          onImageRequest();
+        }
+      }
+    ],
+    [onImageRequest]
+  );
+}
+export {
+  useSlashItems
+};
+//# sourceMappingURL=use-slash-items.mjs.map

package/dist/components/slash-dropdown-menu/use-slash-items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/slash-dropdown-menu/use-slash-items.ts"],"sourcesContent":["import {\n\tHeading1,\n\tHeading2,\n\tHeading3,\n\tHeading4,\n\tImage as ImageIcon,\n\tList,\n\tListOrdered,\n\tListTodo,\n\tQuote,\n\tSquareCode,\n\tType\n} from 'lucide-react';\nimport { useCallback } from 'react';\n\nimport type { SuggestionItem } from '../suggestion-menu/suggestion-menu-types.js';\nimport type { Editor } from '@tiptap/core';\n// Module augmentations: pull in ChainedCommands extensions from these packages.\nimport type {} from '@tiptap/starter-kit';\nimport type {} from '@tiptap/extension-list';\n\nexport interface UseSlashItemsOptions {\n\t/** Called when the Image slash item is chosen. */\n\tonImageRequest: () => void;\n}\n\nexport function useSlashItems({ onImageRequest }: UseSlashItemsOptions) {\n\treturn useCallback(\n\t\t(editor: Editor): SuggestionItem[] => [\n\t\t\t{\n\t\t\t\ttitle: 'Text',\n\t\t\t\tkeywords: ['p', 'paragraph', 'text'],\n\t\t\t\tbadge: Type,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().setParagraph().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 1',\n\t\t\t\tkeywords: ['h1', 'heading'],\n\t\t\t\tbadge: Heading1,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 1 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 2',\n\t\t\t\tkeywords: ['h2', 'heading'],\n\t\t\t\tbadge: Heading2,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 2 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 3',\n\t\t\t\tkeywords: ['h3', 'heading'],\n\t\t\t\tbadge: Heading3,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 3 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Heading 4',\n\t\t\t\tkeywords: ['h4', 'heading'],\n\t\t\t\tbadge: Heading4,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleHeading({ level: 4 }).run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Bullet List',\n\t\t\t\tkeywords: ['ul', 'list', 'bullet'],\n\t\t\t\tbadge: List,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBulletList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Numbered List',\n\t\t\t\tkeywords: ['ol', 'list', 'ordered', 'numbered'],\n\t\t\t\tbadge: ListOrdered,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleOrderedList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'To-do List',\n\t\t\t\tkeywords: ['task', 'todo', 'checklist'],\n\t\t\t\tbadge: ListTodo,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleTaskList().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Blockquote',\n\t\t\t\tkeywords: ['quote'],\n\t\t\t\tbadge: Quote,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleBlockquote().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Code Block',\n\t\t\t\tkeywords: ['code', 'pre'],\n\t\t\t\tbadge: SquareCode,\n\t\t\t\tgroup: 'Style',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\teditor.chain().focus().toggleCodeBlock().run();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: 'Image',\n\t\t\t\tkeywords: ['image', 'img', 'picture', 'media', 'url'],\n\t\t\t\tbadge: ImageIcon,\n\t\t\t\tgroup: 'Insert',\n\t\t\t\tonSelect: () => {\n\t\t\t\t\tonImageRequest();\n\t\t\t\t}\n\t\t\t}\n\t\t],\n\t\t[onImageRequest]\n\t);\n}\n"],"mappings":"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","names":[]}

package/dist/components/suggestion-menu/filter-suggestion-items.cjs

@@ -0,0 +1,57 @@
+"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/components/suggestion-menu/filter-suggestion-items.ts
+var filter_suggestion_items_exports = {};
+__export(filter_suggestion_items_exports, {
+  filterSuggestionItems: () => filterSuggestionItems
+});
+module.exports = __toCommonJS(filter_suggestion_items_exports);
+function filterSuggestionItems(items, query) {
+  const normalized = query.trim().toLowerCase();
+  if (!normalized) {
+    return items;
+  }
+  const matches = items.filter((item) => {
+    if (item.title.toLowerCase().includes(normalized)) return true;
+    if (item.subtext?.toLowerCase().includes(normalized)) return true;
+    if (item.keywords?.some((kw) => kw.toLowerCase().includes(normalized))) {
+      return true;
+    }
+    return false;
+  });
+  return matches.sort((a, b) => {
+    const aTitle = a.title.toLowerCase();
+    const bTitle = b.title.toLowerCase();
+    const aExact = aTitle === normalized;
+    const bExact = bTitle === normalized;
+    if (aExact && !bExact) return -1;
+    if (bExact && !aExact) return 1;
+    const aStarts = aTitle.startsWith(normalized);
+    const bStarts = bTitle.startsWith(normalized);
+    if (aStarts && !bStarts) return -1;
+    if (bStarts && !aStarts) return 1;
+    return 0;
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  filterSuggestionItems
+});
+//# sourceMappingURL=filter-suggestion-items.cjs.map

package/dist/components/suggestion-menu/filter-suggestion-items.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/suggestion-menu/filter-suggestion-items.ts"],"sourcesContent":["import type { SuggestionItem } from './suggestion-menu-types.js';\n\nexport function filterSuggestionItems(\n\titems: SuggestionItem[],\n\tquery: string\n): SuggestionItem[] {\n\tconst normalized = query.trim().toLowerCase();\n\n\tif (!normalized) {\n\t\treturn items;\n\t}\n\n\tconst matches = items.filter((item) => {\n\t\tif (item.title.toLowerCase().includes(normalized)) return true;\n\n\t\tif (item.subtext?.toLowerCase().includes(normalized)) return true;\n\n\t\tif (item.keywords?.some((kw) => kw.toLowerCase().includes(normalized))) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t});\n\n\treturn matches.sort((a, b) => {\n\t\tconst aTitle = a.title.toLowerCase();\n\t\tconst bTitle = b.title.toLowerCase();\n\n\t\tconst aExact = aTitle === normalized;\n\t\tconst bExact = bTitle === normalized;\n\n\t\tif (aExact && !bExact) return -1;\n\n\t\tif (bExact && !aExact) return 1;\n\n\t\tconst aStarts = aTitle.startsWith(normalized);\n\t\tconst bStarts = bTitle.startsWith(normalized);\n\n\t\tif (aStarts && !bStarts) return -1;\n\n\t\tif (bStarts && !aStarts) return 1;\n\n\t\treturn 0;\n\t});\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,SAAS,sBACf,OACA,OACmB;AACnB,QAAM,aAAa,MAAM,KAAK,EAAE,YAAY;AAE5C,MAAI,CAAC,YAAY;AAChB,WAAO;AAAA,EACR;AAEA,QAAM,UAAU,MAAM,OAAO,CAAC,SAAS;AACtC,QAAI,KAAK,MAAM,YAAY,EAAE,SAAS,UAAU,EAAG,QAAO;AAE1D,QAAI,KAAK,SAAS,YAAY,EAAE,SAAS,UAAU,EAAG,QAAO;AAE7D,QAAI,KAAK,UAAU,KAAK,CAAC,OAAO,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,GAAG;AACvE,aAAO;AAAA,IACR;AAEA,WAAO;AAAA,EACR,CAAC;AAED,SAAO,QAAQ,KAAK,CAAC,GAAG,MAAM;AAC7B,UAAM,SAAS,EAAE,MAAM,YAAY;AACnC,UAAM,SAAS,EAAE,MAAM,YAAY;AAEnC,UAAM,SAAS,WAAW;AAC1B,UAAM,SAAS,WAAW;AAE1B,QAAI,UAAU,CAAC,OAAQ,QAAO;AAE9B,QAAI,UAAU,CAAC,OAAQ,QAAO;AAE9B,UAAM,UAAU,OAAO,WAAW,UAAU;AAC5C,UAAM,UAAU,OAAO,WAAW,UAAU;AAE5C,QAAI,WAAW,CAAC,QAAS,QAAO;AAEhC,QAAI,WAAW,CAAC,QAAS,QAAO;AAEhC,WAAO;AAAA,EACR,CAAC;AACF;","names":[]}

package/dist/components/suggestion-menu/filter-suggestion-items.d.cts

@@ -0,0 +1,6 @@
+import { SuggestionItem } from './suggestion-menu-types.cjs';
+import '@tiptap/react';
+
+declare function filterSuggestionItems(items: SuggestionItem[], query: string): SuggestionItem[];
+
+export { filterSuggestionItems };

package/dist/components/suggestion-menu/filter-suggestion-items.d.ts

@@ -0,0 +1,6 @@
+import { SuggestionItem } from './suggestion-menu-types.js';
+import '@tiptap/react';
+
+declare function filterSuggestionItems(items: SuggestionItem[], query: string): SuggestionItem[];
+
+export { filterSuggestionItems };

package/dist/components/suggestion-menu/filter-suggestion-items.mjs

@@ -0,0 +1,32 @@
+// src/components/suggestion-menu/filter-suggestion-items.ts
+function filterSuggestionItems(items, query) {
+  const normalized = query.trim().toLowerCase();
+  if (!normalized) {
+    return items;
+  }
+  const matches = items.filter((item) => {
+    if (item.title.toLowerCase().includes(normalized)) return true;
+    if (item.subtext?.toLowerCase().includes(normalized)) return true;
+    if (item.keywords?.some((kw) => kw.toLowerCase().includes(normalized))) {
+      return true;
+    }
+    return false;
+  });
+  return matches.sort((a, b) => {
+    const aTitle = a.title.toLowerCase();
+    const bTitle = b.title.toLowerCase();
+    const aExact = aTitle === normalized;
+    const bExact = bTitle === normalized;
+    if (aExact && !bExact) return -1;
+    if (bExact && !aExact) return 1;
+    const aStarts = aTitle.startsWith(normalized);
+    const bStarts = bTitle.startsWith(normalized);
+    if (aStarts && !bStarts) return -1;
+    if (bStarts && !aStarts) return 1;
+    return 0;
+  });
+}
+export {
+  filterSuggestionItems
+};
+//# sourceMappingURL=filter-suggestion-items.mjs.map

package/dist/components/suggestion-menu/filter-suggestion-items.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/suggestion-menu/filter-suggestion-items.ts"],"sourcesContent":["import type { SuggestionItem } from './suggestion-menu-types.js';\n\nexport function filterSuggestionItems(\n\titems: SuggestionItem[],\n\tquery: string\n): SuggestionItem[] {\n\tconst normalized = query.trim().toLowerCase();\n\n\tif (!normalized) {\n\t\treturn items;\n\t}\n\n\tconst matches = items.filter((item) => {\n\t\tif (item.title.toLowerCase().includes(normalized)) return true;\n\n\t\tif (item.subtext?.toLowerCase().includes(normalized)) return true;\n\n\t\tif (item.keywords?.some((kw) => kw.toLowerCase().includes(normalized))) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t});\n\n\treturn matches.sort((a, b) => {\n\t\tconst aTitle = a.title.toLowerCase();\n\t\tconst bTitle = b.title.toLowerCase();\n\n\t\tconst aExact = aTitle === normalized;\n\t\tconst bExact = bTitle === normalized;\n\n\t\tif (aExact && !bExact) return -1;\n\n\t\tif (bExact && !aExact) return 1;\n\n\t\tconst aStarts = aTitle.startsWith(normalized);\n\t\tconst bStarts = bTitle.startsWith(normalized);\n\n\t\tif (aStarts && !bStarts) return -1;\n\n\t\tif (bStarts && !aStarts) return 1;\n\n\t\treturn 0;\n\t});\n}\n"],"mappings":";AAEO,SAAS,sBACf,OACA,OACmB;AACnB,QAAM,aAAa,MAAM,KAAK,EAAE,YAAY;AAE5C,MAAI,CAAC,YAAY;AAChB,WAAO;AAAA,EACR;AAEA,QAAM,UAAU,MAAM,OAAO,CAAC,SAAS;AACtC,QAAI,KAAK,MAAM,YAAY,EAAE,SAAS,UAAU,EAAG,QAAO;AAE1D,QAAI,KAAK,SAAS,YAAY,EAAE,SAAS,UAAU,EAAG,QAAO;AAE7D,QAAI,KAAK,UAAU,KAAK,CAAC,OAAO,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,GAAG;AACvE,aAAO;AAAA,IACR;AAEA,WAAO;AAAA,EACR,CAAC;AAED,SAAO,QAAQ,KAAK,CAAC,GAAG,MAAM;AAC7B,UAAM,SAAS,EAAE,MAAM,YAAY;AACnC,UAAM,SAAS,EAAE,MAAM,YAAY;AAEnC,UAAM,SAAS,WAAW;AAC1B,UAAM,SAAS,WAAW;AAE1B,QAAI,UAAU,CAAC,OAAQ,QAAO;AAE9B,QAAI,UAAU,CAAC,OAAQ,QAAO;AAE9B,UAAM,UAAU,OAAO,WAAW,UAAU;AAC5C,UAAM,UAAU,OAAO,WAAW,UAAU;AAE5C,QAAI,WAAW,CAAC,QAAS,QAAO;AAEhC,QAAI,WAAW,CAAC,QAAS,QAAO;AAEhC,WAAO;AAAA,EACR,CAAC;AACF;","names":[]}

package/dist/components/suggestion-menu/suggestion-menu-types.cjs

@@ -0,0 +1,19 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/suggestion-menu/suggestion-menu-types.ts
+var suggestion_menu_types_exports = {};
+module.exports = __toCommonJS(suggestion_menu_types_exports);
+//# sourceMappingURL=suggestion-menu-types.cjs.map

package/dist/components/suggestion-menu/suggestion-menu-types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/suggestion-menu/suggestion-menu-types.ts"],"sourcesContent":["import type { Editor, Range } from '@tiptap/react';\n\nexport type IconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;\n\nexport interface SuggestionItem {\n\t/** Main label shown in the menu. */\n\ttitle: string;\n\t/** Secondary description shown under the title. */\n\tsubtext?: string;\n\t/** Icon component (lucide-react). */\n\tbadge?: IconComponent;\n\t/** Group label used by callers that render grouped lists. */\n\tgroup?: string;\n\t/** Extra search keywords. */\n\tkeywords?: string[];\n\t/** Invoked when the item is chosen. */\n\tonSelect: (props: { editor: Editor; range: Range }) => void;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}