payload-richtext-tiptap 0.0.159 → 0.0.160

package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,0FAcpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,0FAsCpB,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.js

@@ -1,13 +1,13 @@
-import { mergeAttributes } from "@tiptap/core";
-import TiptapParagraph from "@tiptap/extension-paragraph";
+import { mergeAttributes } from '@tiptap/core';
+import TiptapParagraph from '@tiptap/extension-paragraph';
 export const Paragraph = TiptapParagraph.extend({
     addAttributes () {
         return {
             textAlign: {
-                default: ""
+                default: ''
             },
             class: {
-                default: ""
+                default: ''
             }
         };
     },
@@ -17,6 +17,29 @@ export const Paragraph = TiptapParagraph.extend({
             mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
             0
         ];
+    },
+    addKeyboardShortcuts () {
+        return {
+            Backspace: ({ editor })=>{
+                const { state } = editor;
+                const { selection } = state;
+                const { $from, empty } = selection;
+                if (!empty) {
+                    return false;
+                }
+                if ($from.parent.type.name !== 'paragraph') {
+                    return false;
+                }
+                const isEmpty = $from.parent.content.size === 0;
+                const isAtStart = $from.parentOffset === 0;
+                // If the paragraph is empty and we're at the start, delete it
+                if (isEmpty && isAtStart) {
+                    const pos = $from.before();
+                    return editor.chain().setNodeSelection(pos).deleteSelection().run();
+                }
+                return false;
+            }
+        };
     }
 });
 export default Paragraph;

package/dist/src/fields/TiptapEditor/extensions/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from \"@tiptap/core\";\r\nimport TiptapParagraph from \"@tiptap/extension-paragraph\";\r\n\r\nexport const Paragraph = TiptapParagraph.extend({\r\n  addAttributes() {\r\n    return {\r\n      textAlign: { default: \"\" },\r\n      class: { default: \"\" },\r\n    };\r\n  },\r\n  renderHTML({ node, HTMLAttributes }) {\r\n    return [\r\n      'p',\r\n      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),\r\n      0,\r\n    ];\r\n  },\r\n});\r\n\r\nexport default Paragraph;\r\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","addAttributes","textAlign","default","class","renderHTML","node","HTMLAttributes","options"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,qBAAqB,8BAA8B;AAE1D,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAG;YACzBC,OAAO;gBAAED,SAAS;YAAG;QACvB;IACF;IACAE,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YACL;YACAV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;YAC7C;SACD;IACH;AACF,GAAG;AAEH,eAAeR,UAAU"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/Paragraph.ts"],"sourcesContent":["import { mergeAttributes } from '@tiptap/core'\r\nimport TiptapParagraph from '@tiptap/extension-paragraph'\r\n\r\nexport const Paragraph = TiptapParagraph.extend({\r\n  addAttributes() {\r\n    return {\r\n      textAlign: { default: '' },\r\n      class: { default: '' },\r\n    }\r\n  },\r\n  renderHTML({ node, HTMLAttributes }) {\r\n    return ['p', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0]\r\n  },\r\n  addKeyboardShortcuts() {\r\n    return {\r\n      Backspace: ({ editor }) => {\r\n        const { state } = editor\r\n        const { selection } = state\r\n        const { $from, empty } = selection\r\n\r\n        if (!empty) {\r\n          return false\r\n        }\r\n\r\n        if ($from.parent.type.name !== 'paragraph') {\r\n          return false\r\n        }\r\n\r\n        const isEmpty = $from.parent.content.size === 0\r\n        const isAtStart = $from.parentOffset === 0\r\n\r\n        // If the paragraph is empty and we're at the start, delete it\r\n        if (isEmpty && isAtStart) {\r\n          const pos = $from.before()\r\n          return editor.chain().setNodeSelection(pos).deleteSelection().run()\r\n        }\r\n\r\n        return false\r\n      },\r\n    }\r\n  },\r\n})\r\n\r\nexport default Paragraph\r\n"],"names":["mergeAttributes","TiptapParagraph","Paragraph","extend","addAttributes","textAlign","default","class","renderHTML","node","HTMLAttributes","options","addKeyboardShortcuts","Backspace","editor","state","selection","$from","empty","parent","type","name","isEmpty","content","size","isAtStart","parentOffset","pos","before","chain","setNodeSelection","deleteSelection","run"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAc;AAC9C,OAAOC,qBAAqB,8BAA6B;AAEzD,OAAO,MAAMC,YAAYD,gBAAgBE,MAAM,CAAC;IAC9CC;QACE,OAAO;YACLC,WAAW;gBAAEC,SAAS;YAAG;YACzBC,OAAO;gBAAED,SAAS;YAAG;QACvB;IACF;IACAE,YAAW,EAAEC,IAAI,EAAEC,cAAc,EAAE;QACjC,OAAO;YAAC;YAAKV,gBAAgB,IAAI,CAACW,OAAO,CAACD,cAAc,EAAEA;YAAiB;SAAE;IAC/E;IACAE;QACE,OAAO;YACLC,WAAW,CAAC,EAAEC,MAAM,EAAE;gBACpB,MAAM,EAAEC,KAAK,EAAE,GAAGD;gBAClB,MAAM,EAAEE,SAAS,EAAE,GAAGD;gBACtB,MAAM,EAAEE,KAAK,EAAEC,KAAK,EAAE,GAAGF;gBAEzB,IAAI,CAACE,OAAO;oBACV,OAAO;gBACT;gBAEA,IAAID,MAAME,MAAM,CAACC,IAAI,CAACC,IAAI,KAAK,aAAa;oBAC1C,OAAO;gBACT;gBAEA,MAAMC,UAAUL,MAAME,MAAM,CAACI,OAAO,CAACC,IAAI,KAAK;gBAC9C,MAAMC,YAAYR,MAAMS,YAAY,KAAK;gBAEzC,8DAA8D;gBAC9D,IAAIJ,WAAWG,WAAW;oBACxB,MAAME,MAAMV,MAAMW,MAAM;oBACxB,OAAOd,OAAOe,KAAK,GAAGC,gBAAgB,CAACH,KAAKI,eAAe,GAAGC,GAAG;gBACnE;gBAEA,OAAO;YACT;QACF;IACF;AACF,GAAE;AAEF,eAAe9B,UAAS"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts

@@ -1,8 +1,8 @@
-import { openAssetHQType } from "../types.js";
+import { openAssetHQType } from '../types.js';
 interface ExtensionKitProps {
     openAssetHQHandler: openAssetHQType;
-    dir?: "ltr" | "rtl";
+    dir?: 'ltr' | 'rtl';
 }
-export declare const ExtensionKit: ({ dir, openAssetHQHandler, }: ExtensionKitProps) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
+export declare const ExtensionKit: ({ dir, openAssetHQHandler }: ExtensionKitProps) => (import("@tiptap/core").Node<any, any> | import("@tiptap/core").Extension<any, any> | import("@tiptap/core").Mark<import("@tiptap/extension-subscript").SubscriptExtensionOptions, any>)[];
 export default ExtensionKit;
 //# sourceMappingURL=extension-kit.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/extension-kit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AAiDA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9C,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,eAAe,CAAC;IACpC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,iCAGtB,iBAAiB,+LA6HnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"extension-kit.d.ts","sourceRoot":"","sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"names":[],"mappings":"AAkDA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAI7C,UAAU,iBAAiB;IACzB,kBAAkB,EAAE,eAAe,CAAA;IACnC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB;AAED,eAAO,MAAM,YAAY,gCAAyC,iBAAiB,+LA4HlF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/src/fields/TiptapEditor/extensions/extension-kit.js

@@ -1,11 +1,11 @@
-import { AICommand, AudioBlock, BlockquoteFigure, CharacterCount, Document, Dropcursor, Facebook, Figcaption, FileHandler, Focus, Heading, HorizontalRule, LinkPreview, ImageBlock, InsideLinks, Instagram, Link, Linkedin, Placeholder, Selection, SlashCommand, StarterKit, Subscript, Superscript, TaskItem, TaskList, TextAlign, TextStyle, Tiktok, TrailingNode, Twitter, Typography, Underline, VideoBlock, Youtube, Iframe, BulletList } from "./index.js";
-import { ImageUpload } from "./ImageUpload/ImageUpload.js";
-import History from "@tiptap/extension-history";
-import { Markdown } from "tiptap-markdown";
-import API from "../lib/api.js";
-import i18next from "i18next";
-import { getAssetActualSize } from "./ImageUpload/getImageActualSize.js";
-export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
+import { AICommand, AudioBlock, BlockquoteFigure, CharacterCount, Document, Dropcursor, Facebook, Figcaption, FileHandler, Focus, Heading, HorizontalRule, LinkPreview, ImageBlock, InsideLinks, Instagram, Link, Linkedin, Paragraph, Placeholder, Selection, SlashCommand, StarterKit, Subscript, Superscript, TaskItem, TaskList, TextAlign, TextStyle, Tiktok, Twitter, Typography, Underline, VideoBlock, Youtube, Iframe, BulletList } from './index.js';
+import { ImageUpload } from './ImageUpload/ImageUpload.js';
+import History from '@tiptap/extension-history';
+import { Markdown } from 'tiptap-markdown';
+import API from '../lib/api.js';
+import i18next from 'i18next';
+import { getAssetActualSize } from './ImageUpload/getImageActualSize.js';
+export const ExtensionKit = ({ dir = 'ltr', openAssetHQHandler })=>[
         Markdown,
         Document,
         TaskList,
@@ -31,13 +31,15 @@ export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
             horizontalRule: false,
             blockquote: false,
             history: false,
-            codeBlock: false
+            codeBlock: false,
+            paragraph: false
         }),
+        Paragraph,
         TextStyle,
         // FontSize,
         // FontFamily,
         // Color,
-        TrailingNode,
+        // TrailingNode,
         Link.configure({
             openOnClick: false
         }),
@@ -54,17 +56,17 @@ export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
         AudioBlock,
         FileHandler.configure({
             allowedMimeTypes: [
-                "image/png",
-                "image/jpeg",
-                "image/gif",
-                "image/webp"
+                'image/png',
+                'image/jpeg',
+                'image/gif',
+                'image/webp'
             ],
             onDrop: (currentEditor, files, pos)=>{
                 const file = files[0];
                 (async ()=>{
                     openAssetHQHandler((asset)=>{
                         let title = asset.title;
-                        if (i18next.language !== "en" && !!asset.title_locale[i18next.language.toUpperCase()]) {
+                        if (i18next.language !== 'en' && !!asset.title_locale[i18next.language.toUpperCase()]) {
                             title = asset.title_locale[i18next.language.toUpperCase()];
                         }
                         const { actualHeight, actualWidth } = getAssetActualSize(asset);
@@ -75,7 +77,7 @@ export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
                             actualHeight,
                             actualWidth
                         }).focus().run();
-                    }, file, "image");
+                    }, file, 'image');
                 })();
             },
             onPaste: (currentEditor, files)=>{
@@ -97,10 +99,10 @@ export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
                 return {};
             }
         }).configure({
-            defaultAlignment: dir === "rtl" ? "right" : "left",
+            defaultAlignment: dir === 'rtl' ? 'right' : 'left',
             types: [
-                "heading",
-                "paragraph"
+                'heading',
+                'paragraph'
             ]
         }),
         Subscript,
@@ -109,7 +111,7 @@ export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
         Placeholder.configure({
             includeChildren: true,
             showOnlyCurrent: false,
-            placeholder: ()=>""
+            placeholder: ()=>''
         }),
         SlashCommand,
         Focus,
@@ -117,7 +119,7 @@ export const ExtensionKit = ({ dir = "ltr", openAssetHQHandler })=>[
         BlockquoteFigure,
         Dropcursor.configure({
             width: 2,
-            class: "ProseMirror-dropcursor border-black"
+            class: 'ProseMirror-dropcursor border-black'
         }),
         History,
         Twitter,

package/dist/src/fields/TiptapEditor/extensions/extension-kit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\r\n  AICommand,\r\n  AudioBlock,\r\n  BlockquoteFigure,\r\n  CharacterCount,\r\n  Color,\r\n  Document,\r\n  Dropcursor,\r\n  Facebook,\r\n  Figcaption,\r\n  FileHandler,\r\n  Focus,\r\n  FontFamily,\r\n  FontSize,\r\n  Heading,\r\n  Highlight,\r\n  HorizontalRule,\r\n  LinkPreview,\r\n  ImageBlock,\r\n  InsideLinks,\r\n  Instagram,\r\n  Link,\r\n  Linkedin,\r\n  Placeholder,\r\n  Selection,\r\n  SlashCommand,\r\n  StarterKit,\r\n  Subscript,\r\n  Superscript,\r\n  TaskItem,\r\n  TaskList,\r\n  TextAlign,\r\n  TextStyle,\r\n  Tiktok,\r\n  TrailingNode,\r\n  Twitter,\r\n  Typography,\r\n  Underline,\r\n  VideoBlock,\r\n  Youtube,\r\n  Iframe,\r\n  BulletList,\r\n} from \"./index.js\";\r\n\r\nimport { ImageUpload } from \"./ImageUpload/ImageUpload.js\";\r\n\r\nimport History from \"@tiptap/extension-history\";\r\nimport { Markdown } from \"tiptap-markdown\";\r\nimport API from \"../lib/api.js\";\r\nimport { openAssetHQType } from \"../types.js\";\r\nimport i18next from \"i18next\";\r\nimport { getAssetActualSize } from \"./ImageUpload/getImageActualSize.js\";\r\n\r\ninterface ExtensionKitProps {\r\n  openAssetHQHandler: openAssetHQType;\r\n  dir?: \"ltr\" | \"rtl\";\r\n}\r\n\r\nexport const ExtensionKit = ({\r\n  dir = \"ltr\",\r\n  openAssetHQHandler,\r\n}: ExtensionKitProps) => [\r\n  Markdown,\r\n  Document,\r\n  TaskList,\r\n  TaskItem.configure({\r\n    nested: true,\r\n  }),\r\n  Selection,\r\n  Heading.configure({\r\n    levels: [1, 2, 3, 4, 5, 6],\r\n  }),\r\n  HorizontalRule,\r\n  StarterKit.configure({\r\n    document: false,\r\n    dropcursor: false,\r\n    heading: false,\r\n    horizontalRule: false,\r\n    blockquote: false,\r\n    history: false,\r\n    codeBlock: false,\r\n  }),\r\n  TextStyle,\r\n  // FontSize,\r\n  // FontFamily,\r\n  // Color,\r\n  TrailingNode,\r\n  Link.configure({\r\n    openOnClick: false,\r\n  }),\r\n  // Highlight.configure({ multicolor: true }),\r\n  Underline,\r\n  CharacterCount.configure({ limit: 50000 }),\r\n  ImageUpload.configure({\r\n    openAssetHQHandler,\r\n  }),\r\n  ImageBlock,\r\n  VideoBlock,\r\n  AudioBlock,\r\n  FileHandler.configure({\r\n    allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\r\n    onDrop: (currentEditor, files, pos) => {\r\n      const file = files[0];\r\n      (async () => {\r\n        openAssetHQHandler(\r\n          (asset) => {\r\n            let title = asset.title;\r\n            if (\r\n              i18next.language !== \"en\" &&\r\n              !!asset.title_locale[i18next.language.toUpperCase()]\r\n            ) {\r\n              title = asset.title_locale[i18next.language.toUpperCase()];\r\n            }\r\n            const { actualHeight, actualWidth } = getAssetActualSize(asset);\r\n            currentEditor\r\n              .chain()\r\n              .setImageBlockAt({\r\n                pos,\r\n                src: asset?.optimizedImageUrl || asset.fullUrl,\r\n                caption: title,\r\n                actualHeight,\r\n                actualWidth,\r\n              })\r\n              .focus()\r\n              .run();\r\n          },\r\n          file,\r\n          \"image\"\r\n        );\r\n      })();\r\n    },\r\n    onPaste: (currentEditor, files) => {\r\n      files.forEach(async () => {\r\n        const url = await API.uploadImage();\r\n\r\n        return currentEditor\r\n          .chain()\r\n          .setImageBlockAt({\r\n            pos: currentEditor.state.selection.anchor,\r\n            src: url,\r\n          })\r\n          .focus()\r\n          .run();\r\n      });\r\n    },\r\n  }),\r\n  // Emoji.configure({\r\n  //   enableEmoticons: true,\r\n  //   suggestion: emojiSuggestion,\r\n  // }),\r\n  TextAlign.extend({\r\n    addKeyboardShortcuts() {\r\n      return {};\r\n    },\r\n  }).configure({\r\n    defaultAlignment: dir === \"rtl\" ? \"right\" : \"left\",\r\n    types: [\"heading\", \"paragraph\"],\r\n  }),\r\n  Subscript,\r\n  Superscript,\r\n  Typography,\r\n  Placeholder.configure({\r\n    includeChildren: true,\r\n    showOnlyCurrent: false,\r\n    placeholder: () => \"\",\r\n  }),\r\n  SlashCommand,\r\n  Focus,\r\n  Figcaption,\r\n  BlockquoteFigure,\r\n  Dropcursor.configure({\r\n    width: 2,\r\n    class: \"ProseMirror-dropcursor border-black\",\r\n  }),\r\n  History,\r\n  Twitter,\r\n  Tiktok,\r\n  Instagram,\r\n  Facebook,\r\n  Linkedin,\r\n  Youtube,\r\n  InsideLinks,\r\n  Iframe,\r\n  AICommand,\r\n  LinkPreview,\r\n  BulletList,\r\n];\r\n\r\nexport default ExtensionKit;\r\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","Heading","HorizontalRule","LinkPreview","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","TrailingNode","Twitter","Typography","Underline","VideoBlock","Youtube","Iframe","BulletList","ImageUpload","History","Markdown","API","i18next","getAssetActualSize","ExtensionKit","dir","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","openOnClick","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","title","language","title_locale","toUpperCase","actualHeight","actualWidth","chain","setImageBlockAt","src","optimizedImageUrl","fullUrl","caption","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","defaultAlignment","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/extensions/extension-kit.ts"],"sourcesContent":["import {\r\n  AICommand,\r\n  AudioBlock,\r\n  BlockquoteFigure,\r\n  CharacterCount,\r\n  Color,\r\n  Document,\r\n  Dropcursor,\r\n  Facebook,\r\n  Figcaption,\r\n  FileHandler,\r\n  Focus,\r\n  FontFamily,\r\n  FontSize,\r\n  Heading,\r\n  Highlight,\r\n  HorizontalRule,\r\n  LinkPreview,\r\n  ImageBlock,\r\n  InsideLinks,\r\n  Instagram,\r\n  Link,\r\n  Linkedin,\r\n  Paragraph,\r\n  Placeholder,\r\n  Selection,\r\n  SlashCommand,\r\n  StarterKit,\r\n  Subscript,\r\n  Superscript,\r\n  TaskItem,\r\n  TaskList,\r\n  TextAlign,\r\n  TextStyle,\r\n  Tiktok,\r\n  TrailingNode,\r\n  Twitter,\r\n  Typography,\r\n  Underline,\r\n  VideoBlock,\r\n  Youtube,\r\n  Iframe,\r\n  BulletList,\r\n} from './index.js'\r\n\r\nimport { ImageUpload } from './ImageUpload/ImageUpload.js'\r\n\r\nimport History from '@tiptap/extension-history'\r\nimport { Markdown } from 'tiptap-markdown'\r\nimport API from '../lib/api.js'\r\nimport { openAssetHQType } from '../types.js'\r\nimport i18next from 'i18next'\r\nimport { getAssetActualSize } from './ImageUpload/getImageActualSize.js'\r\n\r\ninterface ExtensionKitProps {\r\n  openAssetHQHandler: openAssetHQType\r\n  dir?: 'ltr' | 'rtl'\r\n}\r\n\r\nexport const ExtensionKit = ({ dir = 'ltr', openAssetHQHandler }: ExtensionKitProps) => [\r\n  Markdown,\r\n  Document,\r\n  TaskList,\r\n  TaskItem.configure({\r\n    nested: true,\r\n  }),\r\n  Selection,\r\n  Heading.configure({\r\n    levels: [1, 2, 3, 4, 5, 6],\r\n  }),\r\n  HorizontalRule,\r\n  StarterKit.configure({\r\n    document: false,\r\n    dropcursor: false,\r\n    heading: false,\r\n    horizontalRule: false,\r\n    blockquote: false,\r\n    history: false,\r\n    codeBlock: false,\r\n    paragraph: false,\r\n  }),\r\n  Paragraph,\r\n  TextStyle,\r\n  // FontSize,\r\n  // FontFamily,\r\n  // Color,\r\n  // TrailingNode,\r\n  Link.configure({\r\n    openOnClick: false,\r\n  }),\r\n  // Highlight.configure({ multicolor: true }),\r\n  Underline,\r\n  CharacterCount.configure({ limit: 50000 }),\r\n  ImageUpload.configure({\r\n    openAssetHQHandler,\r\n  }),\r\n  ImageBlock,\r\n  VideoBlock,\r\n  AudioBlock,\r\n  FileHandler.configure({\r\n    allowedMimeTypes: ['image/png', 'image/jpeg', 'image/gif', 'image/webp'],\r\n    onDrop: (currentEditor, files, pos) => {\r\n      const file = files[0]\r\n      ;(async () => {\r\n        openAssetHQHandler(\r\n          (asset) => {\r\n            let title = asset.title\r\n            if (i18next.language !== 'en' && !!asset.title_locale[i18next.language.toUpperCase()]) {\r\n              title = asset.title_locale[i18next.language.toUpperCase()]\r\n            }\r\n            const { actualHeight, actualWidth } = getAssetActualSize(asset)\r\n            currentEditor\r\n              .chain()\r\n              .setImageBlockAt({\r\n                pos,\r\n                src: asset?.optimizedImageUrl || asset.fullUrl,\r\n                caption: title,\r\n                actualHeight,\r\n                actualWidth,\r\n              })\r\n              .focus()\r\n              .run()\r\n          },\r\n          file,\r\n          'image',\r\n        )\r\n      })()\r\n    },\r\n    onPaste: (currentEditor, files) => {\r\n      files.forEach(async () => {\r\n        const url = await API.uploadImage()\r\n\r\n        return currentEditor\r\n          .chain()\r\n          .setImageBlockAt({\r\n            pos: currentEditor.state.selection.anchor,\r\n            src: url,\r\n          })\r\n          .focus()\r\n          .run()\r\n      })\r\n    },\r\n  }),\r\n  // Emoji.configure({\r\n  //   enableEmoticons: true,\r\n  //   suggestion: emojiSuggestion,\r\n  // }),\r\n  TextAlign.extend({\r\n    addKeyboardShortcuts() {\r\n      return {}\r\n    },\r\n  }).configure({\r\n    defaultAlignment: dir === 'rtl' ? 'right' : 'left',\r\n    types: ['heading', 'paragraph'],\r\n  }),\r\n  Subscript,\r\n  Superscript,\r\n  Typography,\r\n  Placeholder.configure({\r\n    includeChildren: true,\r\n    showOnlyCurrent: false,\r\n    placeholder: () => '',\r\n  }),\r\n  SlashCommand,\r\n  Focus,\r\n  Figcaption,\r\n  BlockquoteFigure,\r\n  Dropcursor.configure({\r\n    width: 2,\r\n    class: 'ProseMirror-dropcursor border-black',\r\n  }),\r\n  History,\r\n  Twitter,\r\n  Tiktok,\r\n  Instagram,\r\n  Facebook,\r\n  Linkedin,\r\n  Youtube,\r\n  InsideLinks,\r\n  Iframe,\r\n  AICommand,\r\n  LinkPreview,\r\n  BulletList,\r\n]\r\n\r\nexport default ExtensionKit\r\n"],"names":["AICommand","AudioBlock","BlockquoteFigure","CharacterCount","Document","Dropcursor","Facebook","Figcaption","FileHandler","Focus","Heading","HorizontalRule","LinkPreview","ImageBlock","InsideLinks","Instagram","Link","Linkedin","Paragraph","Placeholder","Selection","SlashCommand","StarterKit","Subscript","Superscript","TaskItem","TaskList","TextAlign","TextStyle","Tiktok","Twitter","Typography","Underline","VideoBlock","Youtube","Iframe","BulletList","ImageUpload","History","Markdown","API","i18next","getAssetActualSize","ExtensionKit","dir","openAssetHQHandler","configure","nested","levels","document","dropcursor","heading","horizontalRule","blockquote","history","codeBlock","paragraph","openOnClick","limit","allowedMimeTypes","onDrop","currentEditor","files","pos","file","asset","title","language","title_locale","toUpperCase","actualHeight","actualWidth","chain","setImageBlockAt","src","optimizedImageUrl","fullUrl","caption","focus","run","onPaste","forEach","url","uploadImage","state","selection","anchor","extend","addKeyboardShortcuts","defaultAlignment","types","includeChildren","showOnlyCurrent","placeholder","width","class"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashCommandTriggerButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SlashCommandTriggerButtonProps } from './types.js';
+export declare const SlashCommandTriggerButton: ({ editor, config }: SlashCommandTriggerButtonProps) => React.JSX.Element;
+//# sourceMappingURL=SlashCommandTriggerButton.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashCommandTriggerButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashCommandTriggerButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/SlashCommandTriggerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,8BAA8B,EAAE,MAAM,YAAY,CAAA;AAK3D,eAAO,MAAM,yBAAyB,uBAAwB,8BAA8B,sBAqB3F,CAAA"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashCommandTriggerButton.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Button } from '../Button/Button.jsx';
+import { Icon } from '../Icon.js';
+import { Plus } from 'lucide-react';
+export const SlashCommandTriggerButton = ({ editor, config })=>{
+    if (!editor) {
+        return null;
+    }
+    const handleClick = ()=>{
+        // Insert a slash command trigger
+        editor.chain().focus().insertContent('/').run();
+    };
+    return /*#__PURE__*/ _jsxs(Button, {
+        variant: "ghost",
+        buttonSize: "small",
+        onClick: handleClick,
+        className: "flex items-center gap-2 text-neutral-500 hover:text-black",
+        children: [
+            /*#__PURE__*/ _jsx(Icon, {
+                icon: Plus,
+                className: "w-4 h-4"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "text-sm font-medium",
+                children: "Insert"
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=SlashCommandTriggerButton.js.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashCommandTriggerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/SlashCommandTriggerButton.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Editor } from '@tiptap/core'\r\nimport { SlashCommandTriggerButtonProps } from './types.js'\r\nimport { Button } from '../Button/Button.jsx'\r\nimport { Icon } from '../Icon.js'\r\nimport { Plus } from 'lucide-react'\r\n\r\nexport const SlashCommandTriggerButton = ({ editor, config }: SlashCommandTriggerButtonProps) => {\r\n  if (!editor) {\r\n    return null\r\n  }\r\n\r\n  const handleClick = () => {\r\n    // Insert a slash command trigger\r\n    editor.chain().focus().insertContent('/').run()\r\n  }\r\n\r\n  return (\r\n    <Button\r\n      variant=\"ghost\"\r\n      buttonSize=\"small\"\r\n      onClick={handleClick}\r\n      className=\"flex items-center gap-2 text-neutral-500 hover:text-black\"\r\n    >\r\n      <Icon icon={Plus} className=\"w-4 h-4\" />\r\n      <span className=\"text-sm font-medium\">Insert</span>\r\n    </Button>\r\n  )\r\n}\r\n"],"names":["React","Button","Icon","Plus","SlashCommandTriggerButton","editor","config","handleClick","chain","focus","insertContent","run","variant","buttonSize","onClick","className","icon","span"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAGzB,SAASC,MAAM,QAAQ,uBAAsB;AAC7C,SAASC,IAAI,QAAQ,aAAY;AACjC,SAASC,IAAI,QAAQ,eAAc;AAEnC,OAAO,MAAMC,4BAA4B,CAAC,EAAEC,MAAM,EAAEC,MAAM,EAAkC;IAC1F,IAAI,CAACD,QAAQ;QACX,OAAO;IACT;IAEA,MAAME,cAAc;QAClB,iCAAiC;QACjCF,OAAOG,KAAK,GAAGC,KAAK,GAAGC,aAAa,CAAC,KAAKC,GAAG;IAC/C;IAEA,qBACE,MAACV;QACCW,SAAQ;QACRC,YAAW;QACXC,SAASP;QACTQ,WAAU;;0BAEV,KAACb;gBAAKc,MAAMb;gBAAMY,WAAU;;0BAC5B,KAACE;gBAAKF,WAAU;0BAAsB;;;;AAG5C,EAAC"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashDropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SlashDropdownMenuProps } from './types.js';
+export declare const SlashDropdownMenu: ({ editor, config }: SlashDropdownMenuProps) => React.JSX.Element;
+//# sourceMappingURL=SlashDropdownMenu.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashDropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/SlashDropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,sBAAsB,EAAmC,MAAM,YAAY,CAAA;AA+CpF,eAAO,MAAM,iBAAiB,uBAAwC,sBAAsB,sBAwB3F,CAAA"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashDropdownMenu.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { SuggestionMenu } from './SuggestionMenu.js';
+import { SlashMenuList } from './SlashMenuList.js';
+import { getSlashMenuItems, filterSuggestionItems } from './utils.js';
+const defaultConfig = {
+    enabledItems: [
+        'text',
+        'heading_1',
+        'heading_2',
+        'heading_3',
+        'bullet_list',
+        'ordered_list',
+        'quote',
+        'code_block',
+        'image',
+        'horizontal_rule',
+        'button',
+        'custom_html',
+        'social',
+        'columns',
+        'unsubscribe_footer',
+        'twitter'
+    ],
+    showGroups: true,
+    itemGroups: {
+        text: 'Style',
+        heading_1: 'Style',
+        heading_2: 'Style',
+        heading_3: 'Style',
+        bullet_list: 'Lists',
+        ordered_list: 'Lists',
+        quote: 'Style',
+        code_block: 'Style',
+        image: 'Content',
+        horizontal_rule: 'Content',
+        button: 'Content',
+        custom_html: 'Content',
+        social: 'Content',
+        columns: 'Layout',
+        unsubscribe_footer: 'Content',
+        twitter: 'Content'
+    }
+};
+export const SlashDropdownMenu = ({ editor, config = defaultConfig })=>{
+    if (!editor) {
+        return null;
+    }
+    const mergedConfig = {
+        ...defaultConfig,
+        ...config
+    };
+    const getItems = ({ query, editor })=>{
+        const allItems = getSlashMenuItems(editor, mergedConfig);
+        return filterSuggestionItems(allItems, query);
+    };
+    return /*#__PURE__*/ _jsx(SuggestionMenu, {
+        editor: editor,
+        char: "/",
+        items: getItems,
+        children: (props)=>/*#__PURE__*/ _jsx(SlashMenuList, {
+                ref: props.ref,
+                items: props.items,
+                command: props.command,
+                showGroups: mergedConfig.showGroups
+            })
+    });
+};
+
+//# sourceMappingURL=SlashDropdownMenu.js.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashDropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/SlashDropdownMenu.tsx"],"sourcesContent":["import React from 'react'\r\nimport { Editor } from '@tiptap/core'\r\nimport { SlashDropdownMenuProps, SlashMenuConfig, SuggestionItem } from './types.js'\r\nimport { SuggestionMenu } from './SuggestionMenu.js'\r\nimport { SlashMenuList } from './SlashMenuList.js'\r\nimport { getSlashMenuItems, filterSuggestionItems } from './utils.js'\r\n\r\nconst defaultConfig: SlashMenuConfig = {\r\n  enabledItems: [\r\n    'text',\r\n    'heading_1',\r\n    'heading_2',\r\n    'heading_3',\r\n    'bullet_list',\r\n    'ordered_list',\r\n    'quote',\r\n    'code_block',\r\n    'image',\r\n    'horizontal_rule',\r\n    'button',\r\n    'custom_html',\r\n    'social',\r\n    'columns',\r\n    'unsubscribe_footer',\r\n    'twitter',\r\n    // 'ai_writer',\r\n  ],\r\n  showGroups: true,\r\n  itemGroups: {\r\n    text: 'Style',\r\n    heading_1: 'Style',\r\n    heading_2: 'Style',\r\n    heading_3: 'Style',\r\n    bullet_list: 'Lists',\r\n    ordered_list: 'Lists',\r\n    quote: 'Style',\r\n    code_block: 'Style',\r\n    image: 'Content',\r\n    horizontal_rule: 'Content',\r\n    button: 'Content',\r\n    custom_html: 'Content',\r\n    social: 'Content',\r\n    columns: 'Layout',\r\n    unsubscribe_footer: 'Content',\r\n    twitter: 'Content',\r\n    // ai_writer: 'AI',\r\n  },\r\n}\r\n\r\nexport const SlashDropdownMenu = ({ editor, config = defaultConfig }: SlashDropdownMenuProps) => {\r\n  if (!editor) {\r\n    return null\r\n  }\r\n\r\n  const mergedConfig = { ...defaultConfig, ...config }\r\n\r\n  const getItems = ({ query, editor }: { query: string; editor: Editor }) => {\r\n    const allItems = getSlashMenuItems(editor, mergedConfig)\r\n    return filterSuggestionItems(allItems, query)\r\n  }\r\n\r\n  return (\r\n    <SuggestionMenu editor={editor} char=\"/\" items={getItems}>\r\n      {(props: any) => (\r\n        <SlashMenuList\r\n          ref={props.ref}\r\n          items={props.items}\r\n          command={props.command}\r\n          showGroups={mergedConfig.showGroups}\r\n        />\r\n      )}\r\n    </SuggestionMenu>\r\n  )\r\n}\r\n"],"names":["React","SuggestionMenu","SlashMenuList","getSlashMenuItems","filterSuggestionItems","defaultConfig","enabledItems","showGroups","itemGroups","text","heading_1","heading_2","heading_3","bullet_list","ordered_list","quote","code_block","image","horizontal_rule","button","custom_html","social","columns","unsubscribe_footer","twitter","SlashDropdownMenu","editor","config","mergedConfig","getItems","query","allItems","char","items","props","ref","command"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAGzB,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,aAAa,QAAQ,qBAAoB;AAClD,SAASC,iBAAiB,EAAEC,qBAAqB,QAAQ,aAAY;AAErE,MAAMC,gBAAiC;IACrCC,cAAc;QACZ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;KAED;IACDC,YAAY;IACZC,YAAY;QACVC,MAAM;QACNC,WAAW;QACXC,WAAW;QACXC,WAAW;QACXC,aAAa;QACbC,cAAc;QACdC,OAAO;QACPC,YAAY;QACZC,OAAO;QACPC,iBAAiB;QACjBC,QAAQ;QACRC,aAAa;QACbC,QAAQ;QACRC,SAAS;QACTC,oBAAoB;QACpBC,SAAS;IAEX;AACF;AAEA,OAAO,MAAMC,oBAAoB,CAAC,EAAEC,MAAM,EAAEC,SAAStB,aAAa,EAA0B;IAC1F,IAAI,CAACqB,QAAQ;QACX,OAAO;IACT;IAEA,MAAME,eAAe;QAAE,GAAGvB,aAAa;QAAE,GAAGsB,MAAM;IAAC;IAEnD,MAAME,WAAW,CAAC,EAAEC,KAAK,EAAEJ,MAAM,EAAqC;QACpE,MAAMK,WAAW5B,kBAAkBuB,QAAQE;QAC3C,OAAOxB,sBAAsB2B,UAAUD;IACzC;IAEA,qBACE,KAAC7B;QAAeyB,QAAQA;QAAQM,MAAK;QAAIC,OAAOJ;kBAC7C,CAACK,sBACA,KAAChC;gBACCiC,KAAKD,MAAMC,GAAG;gBACdF,OAAOC,MAAMD,KAAK;gBAClBG,SAASF,MAAME,OAAO;gBACtB7B,YAAYqB,aAAarB,UAAU;;;AAK7C,EAAC"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashMenuList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SuggestionItem } from './types.js';
+interface SlashMenuListProps {
+    items: SuggestionItem[];
+    command: (item: SuggestionItem) => void;
+    showGroups?: boolean;
+}
+export declare const SlashMenuList: React.ForwardRefExoticComponent<SlashMenuListProps & React.RefAttributes<any>>;
+export {};
+//# sourceMappingURL=SlashMenuList.d.ts.map

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashMenuList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlashMenuList.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/SlashCommand/SlashMenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAK3C,UAAU,kBAAkB;IAC1B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAA;IACvC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,eAAO,MAAM,aAAa,gFAoPzB,CAAA"}

package/dist/src/fields/TiptapEditor/features/ui/SlashCommand/SlashMenuList.js

@@ -0,0 +1,249 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Surface } from '../Surface.js';
+import { DropdownButton } from '../Dropdown/Dropdown.js';
+import { Icon } from '../Icon.js';
+export const SlashMenuList = /*#__PURE__*/ React.forwardRef(({ items, command, showGroups = true }, ref)=>{
+    const scrollContainer = useRef(null);
+    const activeItem = useRef(null);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [hoveredIndex, setHoveredIndex] = useState(null);
+    const isKeyboardNavigation = useRef(false);
+    // Group items by their group property
+    const groupedItems = React.useMemo(()=>{
+        if (!showGroups) {
+            return {
+                All: items
+            };
+        }
+        return items.reduce((groups, item)=>{
+            const group = item.group || 'Other';
+            if (!groups[group]) {
+                groups[group] = [];
+            }
+            groups[group].push(item);
+            return groups;
+        }, {});
+    }, [
+        items,
+        showGroups
+    ]);
+    // Flatten grouped items for navigation
+    const flatItems = React.useMemo(()=>{
+        return Object.values(groupedItems).flat();
+    }, [
+        groupedItems
+    ]);
+    // Reset selection when items change
+    useEffect(()=>{
+        setSelectedIndex(0);
+        setHoveredIndex(null);
+    }, [
+        items
+    ]);
+    const selectItem = useCallback((index)=>{
+        const item = flatItems[index];
+        if (item) {
+            command(item);
+        }
+    }, [
+        flatItems,
+        command
+    ]);
+    // Expose the handleKeyDown method for external use
+    React.useImperativeHandle(ref, ()=>({
+            onKeyDown: ({ event })=>{
+                handleKeyDown(event);
+                return true;
+            }
+        }));
+    // Only scroll on keyboard navigation, not on hover
+    const scrollToActiveItem = useCallback(()=>{
+        if (activeItem.current && scrollContainer.current) {
+            const container = scrollContainer.current;
+            const item = activeItem.current;
+            const containerRect = container.getBoundingClientRect();
+            const itemRect = item.getBoundingClientRect();
+            // Only scroll if item is not fully visible
+            if (itemRect.top < containerRect.top) {
+                container.scrollTop = item.offsetTop - container.offsetTop - 10;
+            } else if (itemRect.bottom > containerRect.bottom) {
+                container.scrollTop = item.offsetTop - container.offsetTop - container.clientHeight + item.offsetHeight + 10;
+            }
+        }
+    }, []);
+    useEffect(()=>{
+        // Only scroll on keyboard navigation, not on hover
+        if (isKeyboardNavigation.current) {
+            scrollToActiveItem();
+            isKeyboardNavigation.current = false // Reset flag
+            ;
+        }
+    }, [
+        selectedIndex,
+        scrollToActiveItem
+    ]);
+    // Note: Focus is only set when arrow keys are pressed, not on mount
+    const createItemClickHandler = useCallback((index)=>{
+        return ()=>{
+            selectItem(index);
+        };
+    }, [
+        selectItem
+    ]);
+    const createItemHoverHandler = useCallback((index)=>{
+        return ()=>{
+            setHoveredIndex(index);
+            setSelectedIndex(index) // Update selected index on hover
+            ;
+        };
+    }, []);
+    const createItemLeaveHandler = useCallback(()=>{
+        return ()=>{
+            setHoveredIndex(null);
+        };
+    }, []);
+    // Handle keyboard events directly
+    const handleKeyDown = useCallback((event)=>{
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!flatItems.length) {
+                return;
+            }
+            isKeyboardNavigation.current = true // Mark as keyboard navigation
+            ;
+            const newIndex = (selectedIndex + 1) % flatItems.length;
+            setSelectedIndex(newIndex);
+            setHoveredIndex(null);
+            return;
+        }
+        if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!flatItems.length) {
+                return;
+            }
+            // If at the top and pressing up again, return focus to editor
+            if (selectedIndex === 0) {
+                // Return focus to editor
+                const editorElement = document.querySelector('.ProseMirror');
+                if (editorElement) {
+                    ;
+                    editorElement.focus();
+                }
+                return;
+            }
+            isKeyboardNavigation.current = true // Mark as keyboard navigation
+            ;
+            const newIndex = selectedIndex - 1;
+            setSelectedIndex(newIndex);
+            setHoveredIndex(null);
+            return;
+        }
+        if (event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!flatItems.length || selectedIndex === -1) {
+                return;
+            }
+            console.log('Enter key pressed, selecting item:', selectedIndex);
+            selectItem(selectedIndex);
+            // Return focus to editor after selection
+            setTimeout(()=>{
+                const editorElement = document.querySelector('.ProseMirror');
+                if (editorElement) {
+                    ;
+                    editorElement.focus();
+                }
+            }, 0);
+            return;
+        }
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            event.stopPropagation();
+            // Let the parent handle closing - it will return focus to editor
+            return;
+        }
+        // For any other key, return focus to editor
+        event.preventDefault();
+        event.stopPropagation();
+        const editorElement = document.querySelector('.ProseMirror');
+        if (editorElement) {
+            ;
+            editorElement.focus();
+        }
+    }, [
+        selectedIndex,
+        flatItems,
+        selectItem
+    ]);
+    if (!items.length) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(Surface, {
+        ref: scrollContainer,
+        className: "bg-dark-panel text-dark-text max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-3 focus:outline-none focus:ring-0 rounded-lg shadow-lg border border-dark-border animate-slide-up-fade",
+        onKeyDown: handleKeyDown,
+        onMouseEnter: (e)=>{
+            e.stopPropagation();
+        },
+        onMouseLeave: (e)=>{
+            e.stopPropagation();
+        },
+        role: "menu",
+        "aria-label": "Slash command menu",
+        "aria-activedescendant": selectedIndex >= 0 ? `menu-item-${selectedIndex}` : undefined,
+        tabIndex: 0,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "space-y-1",
+            children: Object.entries(groupedItems).map(([groupName, groupItems])=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        showGroups && /*#__PURE__*/ _jsx("div", {
+                            className: "text-dark-text-muted text-xs px-2 py-1 font-medium tracking-wide select-none uppercase",
+                            children: groupName
+                        }),
+                        groupItems.map((item, itemIndex)=>{
+                            const flatIndex = flatItems.indexOf(item);
+                            const isActive = selectedIndex === flatIndex;
+                            const isHovered = hoveredIndex === flatIndex;
+                            return /*#__PURE__*/ _jsxs(DropdownButton, {
+                                ref: isActive ? activeItem : null,
+                                isActive: isActive || isHovered,
+                                onClick: createItemClickHandler(flatIndex),
+                                onMouseEnter: createItemHoverHandler(flatIndex),
+                                onMouseLeave: createItemLeaveHandler(),
+                                role: "menuitem",
+                                id: `menu-item-${flatIndex}`,
+                                "aria-label": `${item.title}: ${item.subtext}`,
+                                "aria-selected": isActive,
+                                tabIndex: -1,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Icon, {
+                                        icon: item.badge,
+                                        className: "mr-1"
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "flex flex-col items-start",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: "text-sm font-medium",
+                                                children: item.title
+                                            }),
+                                            /*#__PURE__*/ _jsx("div", {
+                                                className: "text-xs text-neutral-500",
+                                                children: item.subtext
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, `${item.title}-${itemIndex}`);
+                        })
+                    ]
+                }, groupName))
+        })
+    });
+});
+SlashMenuList.displayName = 'SlashMenuList';
+
+//# sourceMappingURL=SlashMenuList.js.map