payload-richtext-tiptap 0.0.30 → 0.0.32

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { Node, NodeViewRendererProps } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { TableOfContents } from \"../../features/TableOfContents/index.js\";\nimport { twj } from \"tw-to-css\";\n\nconst TableOfNodeContent = (props: NodeViewRendererProps) => {\n  const { editor } = props;\n\n  return (\n    <NodeViewWrapper>\n      <div style={twj(\"p-2 -m-2 rounded-lg\")} contentEditable={false}>\n        <TableOfContents editor={editor} />\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    tableOfContentsNode: {\n      insertTableOfContents: () => ReturnType;\n    };\n  }\n}\n\nexport const TableOfContentsNode = Node.create({\n  name: \"tableOfContentsNode\",\n  group: \"block\",\n  atom: true,\n  selectable: true,\n  draggable: true,\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"table-of-content\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"div\", { ...HTMLAttributes, \"data-type\": \"table-of-content\" }];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TableOfNodeContent);\n  },\n\n  addCommands() {\n    return {\n      insertTableOfContents:\n        () =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n          });\n        },\n    };\n  },\n});\n"],"names":["React","Node","NodeViewWrapper","ReactNodeViewRenderer","TableOfContents","twj","TableOfNodeContent","props","editor","div","style","contentEditable","TableOfContentsNode","create","name","group","atom","selectable","draggable","inline","parseHTML","tag","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTableOfContents","commands","insertContent","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,QAA+B,eAAe;AAC3D,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,gBAAgB;AACvE,SAASC,eAAe,QAAQ,0CAA0C;AAC1E,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,qBAAqB,CAACC;IAC1B,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,qBACE,KAACL;kBACC,cAAA,KAACO;YAAIC,OAAOL,IAAI;YAAwBM,iBAAiB;sBACvD,cAAA,KAACP;gBAAgBI,QAAQA;;;;AAIjC;AAUA,OAAO,MAAMI,sBAAsBX,KAAKY,MAAM,CAAC;IAC7CC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,YAAY;IACZC,WAAW;IACXC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAO;gBAAE,GAAGA,cAAc;gBAAE,aAAa;YAAmB;SAAE;IACxE;IAEAC;QACE,OAAOrB,sBAAsBG;IAC/B;IAEAmB;QACE,OAAO;YACLC,uBACE,IACA,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM,IAAI,CAACf,IAAI;oBACjB;gBACF;QACJ;IACF;AACF,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/TableOfContentsNode/TableOfContentsNode.tsx"],"sourcesContent":["import React from \"react\";\nimport { Node, NodeViewRendererProps } from \"@tiptap/core\";\nimport { NodeViewWrapper, ReactNodeViewRenderer } from \"@tiptap/react\";\nimport { TableOfContents } from \"../../features/TableOfContents/index.js\";\n\nconst TableOfNodeContent = (props: NodeViewRendererProps) => {\n  const { editor } = props;\n\n  return (\n    <NodeViewWrapper>\n      <div className=\"p-2 -m-2 rounded-lg\" contentEditable={false}>\n        <TableOfContents editor={editor} />\n      </div>\n    </NodeViewWrapper>\n  );\n};\n\ndeclare module \"@tiptap/core\" {\n  interface Commands<ReturnType> {\n    tableOfContentsNode: {\n      insertTableOfContents: () => ReturnType;\n    };\n  }\n}\n\nexport const TableOfContentsNode = Node.create({\n  name: \"tableOfContentsNode\",\n  group: \"block\",\n  atom: true,\n  selectable: true,\n  draggable: true,\n  inline: false,\n\n  parseHTML() {\n    return [\n      {\n        tag: 'div[data-type=\"table-of-content\"]',\n      },\n    ];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\"div\", { ...HTMLAttributes, \"data-type\": \"table-of-content\" }];\n  },\n\n  addNodeView() {\n    return ReactNodeViewRenderer(TableOfNodeContent);\n  },\n\n  addCommands() {\n    return {\n      insertTableOfContents:\n        () =>\n        ({ commands }) => {\n          return commands.insertContent({\n            type: this.name,\n          });\n        },\n    };\n  },\n});\n"],"names":["React","Node","NodeViewWrapper","ReactNodeViewRenderer","TableOfContents","TableOfNodeContent","props","editor","div","className","contentEditable","TableOfContentsNode","create","name","group","atom","selectable","draggable","inline","parseHTML","tag","renderHTML","HTMLAttributes","addNodeView","addCommands","insertTableOfContents","commands","insertContent","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,QAA+B,eAAe;AAC3D,SAASC,eAAe,EAAEC,qBAAqB,QAAQ,gBAAgB;AACvE,SAASC,eAAe,QAAQ,0CAA0C;AAE1E,MAAMC,qBAAqB,CAACC;IAC1B,MAAM,EAAEC,MAAM,EAAE,GAAGD;IAEnB,qBACE,KAACJ;kBACC,cAAA,KAACM;YAAIC,WAAU;YAAsBC,iBAAiB;sBACpD,cAAA,KAACN;gBAAgBG,QAAQA;;;;AAIjC;AAUA,OAAO,MAAMI,sBAAsBV,KAAKW,MAAM,CAAC;IAC7CC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,YAAY;IACZC,WAAW;IACXC,QAAQ;IAERC;QACE,OAAO;YACL;gBACEC,KAAK;YACP;SACD;IACH;IAEAC,YAAW,EAAEC,cAAc,EAAE;QAC3B,OAAO;YAAC;YAAO;gBAAE,GAAGA,cAAc;gBAAE,aAAa;YAAmB;SAAE;IACxE;IAEAC;QACE,OAAOpB,sBAAsBE;IAC/B;IAEAmB;QACE,OAAO;YACLC,uBACE,IACA,CAAC,EAAEC,QAAQ,EAAE;oBACX,OAAOA,SAASC,aAAa,CAAC;wBAC5BC,MAAM,IAAI,CAACf,IAAI;oBACjB;gBACF;QACJ;IACF;AACF,GAAG"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.d.ts

@@ -1,5 +1,4 @@
 import { TiptapProps } from "./types.js";
-import "../../../../styles.css";
 export declare const BlockEditor: ({ handleChange, content }: TiptapProps) => import("react").JSX.Element;
 export default BlockEditor;
 //# sourceMappingURL=BlockEditor.d.ts.map

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,OAAO,wBAAwB,CAAC;AAGhC,eAAO,MAAM,WAAW,8BAA+B,WAAW,gCA+FjE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"BlockEditor.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,eAAO,MAAM,WAAW,8BAA+B,WAAW,gCAyFjE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js

@@ -12,11 +12,10 @@ import { ColumnsMenu } from "../../extensions/MultiColumn/menus/ColumnsMenu.js";
 import { SocialMediaMenu } from "../../extensions/SocialMedia/menus/index.js";
 import { TableColumnMenu, TableRowMenu } from "../../extensions/Table/menus/index.js";
 import { useBlockEditor } from "../../hooks/useBlockEditor.js";
+import { Sidebar } from "../Sidebar/Sidebar.js";
 import { ContentItemMenu } from "../menus/ContentItemMenu/ContentItemMenu.js";
 import { TextMenu } from "../menus/TextMenu/TextMenu.js";
 import { LinkMenu } from "../menus/index.js";
-import "../../../../styles.css";
-import { twj } from "tw-to-css";
 export const BlockEditor = ({ handleChange, content })=>{
     const menuContainerRef = useRef(null);
     const editorRef = useRef(null);
@@ -56,62 +55,69 @@ export const BlockEditor = ({ handleChange, content })=>{
       editor.commands.setContent(contentEn)
   }*/ return /*#__PURE__*/ _jsx(EditorContext.Provider, {
         value: providerValue,
-        children: /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsxs("div", {
             lang: i18n.language,
-            style: twj("flex h-full overflow-visible editor-tiptap"),
+            className: "flex h-full overflow-visible",
             ref: menuContainerRef,
-            children: /*#__PURE__*/ _jsxs("div", {
-                style: twj("relative flex flex-col flex-1 h-full  justify-center items-center "),
-                children: [
-                    /*#__PURE__*/ _jsx(EditorContent, {
-                        editor: editor,
-                        ref: editorRef,
-                        lang: i18n.language,
-                        style: {
-                            ...twj("flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0"),
-                            outline: "none"
-                        }
-                    }),
-                    /*#__PURE__*/ _jsx(ContentItemMenu, {
-                        editor: editor
-                    }),
-                    /*#__PURE__*/ _jsx(LinkMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(TextMenu, {
-                        editor: editor
-                    }),
-                    /*#__PURE__*/ _jsx(IframeMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(SocialMediaMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(InsideLinksMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(ColumnsMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(TableRowMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(TableColumnMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    }),
-                    /*#__PURE__*/ _jsx(ImageBlockMenu, {
-                        editor: editor,
-                        appendTo: menuContainerRef
-                    })
-                ]
-            })
+            children: [
+                /*#__PURE__*/ _jsx(Sidebar, {
+                    isOpen: leftSidebar.isOpen,
+                    onClose: leftSidebar.close,
+                    editor: editor
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "relative flex flex-col flex-1 h-full  justify-center items-center ",
+                    children: [
+                        /*#__PURE__*/ _jsx(EditorContent, {
+                            editor: editor,
+                            ref: editorRef,
+                            lang: i18n.language,
+                            className: "flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0",
+                            style: {
+                                outline: "none"
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(ContentItemMenu, {
+                            editor: editor
+                        }),
+                        /*#__PURE__*/ _jsx(LinkMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(TextMenu, {
+                            editor: editor
+                        }),
+                        /*#__PURE__*/ _jsx(IframeMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(SocialMediaMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(InsideLinksMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(ColumnsMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(TableRowMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(TableColumnMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        }),
+                        /*#__PURE__*/ _jsx(ImageBlockMenu, {
+                            editor: editor,
+                            appendTo: menuContainerRef
+                        })
+                    ]
+                })
+            ]
         })
     });
 };

package/dist/src/fields/TiptapEditor/features/BlockEditor/BlockEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\n\nimport \"../../../../styles.css\";\nimport { twj } from \"tw-to-css\";\n\nexport const BlockEditor = ({ handleChange, content }: TiptapProps) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n  });\n\n  const { code } = useLocale();\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  useEffect(() => {\n    if (code === \"ar\" || code === \"fa\") {\n      editor?.commands?.setTextDirection(\"rtl\");\n      editor?.commands?.setContent(\"dwa\");\n    }\n  }, [code]);\n\n  if (!editor) {\n    return null;\n  }\n  const { i18n } = useTranslation();\n\n  // Define the content for different languages\n  const contentEn = \"للكتابة...\"; // Content for English or default language\n  const contentAr = \"انقر هنا للكتابة...\"; // Content for Arabic language\n  const contentFa = \"اینجا کلیک کنید تا شروع به نوشتن کنید...\";\n\n  /*switch (i18n.language) {\n    case 'ar':\n      editor.commands.setContent(contentAr)\n      break\n    case 'fa':\n      editor.commands.setContent(contentFa)\n      break\n    default:\n      editor.commands.setContent(contentEn)\n  }*/\n\n  return (\n    <EditorContext.Provider value={providerValue}>\n      <div\n        lang={i18n.language}\n        style={twj(\"flex h-full overflow-visible editor-tiptap\")}\n        ref={menuContainerRef}\n      >\n        {/* <Sidebar\n          isOpen={leftSidebar.isOpen}\n          onClose={leftSidebar.close}\n          editor={editor}\n        /> */}\n        <div\n          style={twj(\n            \"relative flex flex-col flex-1 h-full  justify-center items-center \"\n          )}\n        >\n          {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n          <EditorContent\n            editor={editor}\n            ref={editorRef}\n            lang={i18n.language}\n            style={{\n              ...twj(\n                \"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n              ),\n              outline: \"none\",\n            }}\n          />\n          <ContentItemMenu editor={editor} />\n          <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n          <TextMenu editor={editor} />\n          <IframeMenu editor={editor} appendTo={menuContainerRef} />\n          <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n          <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n          <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n          <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n          <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n          <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n        </div>\n      </div>\n    </EditorContext.Provider>\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","useLocale","useTranslation","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","ContentItemMenu","TextMenu","LinkMenu","twj","BlockEditor","handleChange","content","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","code","displayedUsers","slice","providerValue","commands","setTextDirection","setContent","i18n","contentEn","contentAr","contentFa","Provider","value","div","lang","language","style","ref","outline","appendTo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,yBAAyB;AAChC,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,cAAc,CAAC,EAAEC,YAAY,EAAEC,OAAO,EAAe;IAChE,MAAMC,mBAAmBnB,OAAO;IAChC,MAAMoB,YAAYpB,OAAuB;IAEzC,MAAM,EAAEqB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGb,eAAe;QACpEO,SAASA;QACTD,cAAcA;IAChB;IAEA,MAAM,EAAEQ,IAAI,EAAE,GAAGxB;IAEjB,MAAMyB,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgB7B,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAELD,UAAU;QACR,IAAI2B,SAAS,QAAQA,SAAS,MAAM;YAClCJ,QAAQQ,UAAUC,iBAAiB;YACnCT,QAAQQ,UAAUE,WAAW;QAC/B;IACF,GAAG;QAACN;KAAK;IAET,IAAI,CAACJ,QAAQ;QACX,OAAO;IACT;IACA,MAAM,EAAEW,IAAI,EAAE,GAAG9B;IAEjB,6CAA6C;IAC7C,MAAM+B,YAAY,cAAc,0CAA0C;IAC1E,MAAMC,YAAY,uBAAuB,8BAA8B;IACvE,MAAMC,YAAY;IAElB;;;;;;;;;GASC,GAED,qBACE,KAAChC,cAAciC,QAAQ;QAACC,OAAOT;kBAC7B,cAAA,KAACU;YACCC,MAAMP,KAAKQ,QAAQ;YACnBC,OAAO1B,IAAI;YACX2B,KAAKvB;sBAOL,cAAA,MAACmB;gBACCG,OAAO1B,IACL;;kCAUF,KAAClB;wBACCwB,QAAQA;wBACRqB,KAAKtB;wBACLmB,MAAMP,KAAKQ,QAAQ;wBACnBC,OAAO;4BACL,GAAG1B,IACD,wEACD;4BACD4B,SAAS;wBACX;;kCAEF,KAAC/B;wBAAgBS,QAAQA;;kCACzB,KAACP;wBAASO,QAAQA;wBAAQuB,UAAUzB;;kCAEpC,KAACN;wBAASQ,QAAQA;;kCAClB,KAACjB;wBAAWiB,QAAQA;wBAAQuB,UAAUzB;;kCACtC,KAACX;wBAAgBa,QAAQA;wBAAQuB,UAAUzB;;kCAC3C,KAACb;wBAAgBe,QAAQA;wBAAQuB,UAAUzB;;kCAC3C,KAACZ;wBAAYc,QAAQA;wBAAQuB,UAAUzB;;kCACvC,KAACT;wBAAaW,QAAQA;wBAAQuB,UAAUzB;;kCACxC,KAACV;wBAAgBY,QAAQA;wBAAQuB,UAAUzB;;kCAC3C,KAACd;wBAAegB,QAAQA;wBAAQuB,UAAUzB;;;;;;AAKpD,EAAE;AAEF,eAAeH,YAAY"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/BlockEditor/BlockEditor.tsx"],"sourcesContent":["\"use client\";\nimport { EditorContent } from \"@tiptap/react\";\nimport { useEffect, useMemo, useRef } from \"react\";\n\nimport { useLocale } from \"@payloadcms/ui/providers/Locale\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport { EditorContext } from \"../../context/EditorContext.js\";\nimport { IframeMenu } from \"../../extensions/Iframe/menus/index.js\";\nimport ImageBlockMenu from \"../../extensions/ImageBlock/components/ImageBlockMenu.js\";\nimport { InsideLinksMenu } from \"../../extensions/InsideLinks/menus/index.js\";\nimport { ColumnsMenu } from \"../../extensions/MultiColumn/menus/ColumnsMenu.js\";\nimport { SocialMediaMenu } from \"../../extensions/SocialMedia/menus/index.js\";\nimport {\n  TableColumnMenu,\n  TableRowMenu,\n} from \"../../extensions/Table/menus/index.js\";\nimport { useBlockEditor } from \"../../hooks/useBlockEditor.js\";\nimport { Sidebar } from \"../Sidebar/Sidebar.js\";\nimport { ContentItemMenu } from \"../menus/ContentItemMenu/ContentItemMenu.js\";\nimport { TextMenu } from \"../menus/TextMenu/TextMenu.js\";\nimport { LinkMenu } from \"../menus/index.js\";\nimport { TiptapProps } from \"./types.js\";\n\nexport const BlockEditor = ({ handleChange, content }: TiptapProps) => {\n  const menuContainerRef = useRef(null);\n  const editorRef = useRef<HTMLDivElement>(null);\n\n  const { editor, users, characterCount, leftSidebar } = useBlockEditor({\n    content: content,\n    handleChange: handleChange,\n  });\n\n  const { code } = useLocale();\n\n  const displayedUsers = users.slice(0, 3);\n\n  const providerValue = useMemo(() => {\n    return {};\n  }, []);\n\n  useEffect(() => {\n    if (code === \"ar\" || code === \"fa\") {\n      editor?.commands?.setTextDirection(\"rtl\");\n      editor?.commands?.setContent(\"dwa\");\n    }\n  }, [code]);\n\n  if (!editor) {\n    return null;\n  }\n  const { i18n } = useTranslation();\n\n  // Define the content for different languages\n  const contentEn = \"للكتابة...\"; // Content for English or default language\n  const contentAr = \"انقر هنا للكتابة...\"; // Content for Arabic language\n  const contentFa = \"اینجا کلیک کنید تا شروع به نوشتن کنید...\";\n\n  /*switch (i18n.language) {\n    case 'ar':\n      editor.commands.setContent(contentAr)\n      break\n    case 'fa':\n      editor.commands.setContent(contentFa)\n      break\n    default:\n      editor.commands.setContent(contentEn)\n  }*/\n\n  return (\n    <EditorContext.Provider value={providerValue}>\n      <div\n        lang={i18n.language}\n        className=\"flex h-full overflow-visible\"\n        ref={menuContainerRef}\n      >\n        <Sidebar\n          isOpen={leftSidebar.isOpen}\n          onClose={leftSidebar.close}\n          editor={editor}\n        />\n        <div className=\"relative flex flex-col flex-1 h-full  justify-center items-center \">\n          {/* <EditorHeader\n            characters={characterCount.characters()}\n            users={displayedUsers}\n            words={characterCount.words()}\n            isSidebarOpen={leftSidebar.isOpen}\n            toggleSidebar={leftSidebar.toggle}\n          /> */}\n          <EditorContent\n            editor={editor}\n            ref={editorRef}\n            lang={i18n.language}\n            className=\"flex-1 overflow-y-visible w-full h-full outline-none outline-offset-0\"\n            style={{\n              outline: \"none\",\n            }}\n          />\n          <ContentItemMenu editor={editor} />\n          <LinkMenu editor={editor} appendTo={menuContainerRef} />\n\n          <TextMenu editor={editor} />\n          <IframeMenu editor={editor} appendTo={menuContainerRef} />\n          <SocialMediaMenu editor={editor} appendTo={menuContainerRef} />\n          <InsideLinksMenu editor={editor} appendTo={menuContainerRef} />\n          <ColumnsMenu editor={editor} appendTo={menuContainerRef} />\n          <TableRowMenu editor={editor} appendTo={menuContainerRef} />\n          <TableColumnMenu editor={editor} appendTo={menuContainerRef} />\n          <ImageBlockMenu editor={editor} appendTo={menuContainerRef} />\n        </div>\n      </div>\n    </EditorContext.Provider>\n  );\n};\n\nexport default BlockEditor;\n"],"names":["EditorContent","useEffect","useMemo","useRef","useLocale","useTranslation","EditorContext","IframeMenu","ImageBlockMenu","InsideLinksMenu","ColumnsMenu","SocialMediaMenu","TableColumnMenu","TableRowMenu","useBlockEditor","Sidebar","ContentItemMenu","TextMenu","LinkMenu","BlockEditor","handleChange","content","menuContainerRef","editorRef","editor","users","characterCount","leftSidebar","code","displayedUsers","slice","providerValue","commands","setTextDirection","setContent","i18n","contentEn","contentAr","contentFa","Provider","value","div","lang","language","className","ref","isOpen","onClose","close","style","outline","appendTo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,aAAa,QAAQ,gBAAgB;AAC9C,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,QAAQ;AAEnD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,cAAc,QAAQ,uCAAuC;AACtE,SAASC,aAAa,QAAQ,iCAAiC;AAC/D,SAASC,UAAU,QAAQ,yCAAyC;AACpE,OAAOC,oBAAoB,2DAA2D;AACtF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,WAAW,QAAQ,oDAAoD;AAChF,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SACEC,eAAe,EACfC,YAAY,QACP,wCAAwC;AAC/C,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,OAAO,QAAQ,wBAAwB;AAChD,SAASC,eAAe,QAAQ,8CAA8C;AAC9E,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,OAAO,MAAMC,cAAc,CAAC,EAAEC,YAAY,EAAEC,OAAO,EAAe;IAChE,MAAMC,mBAAmBnB,OAAO;IAChC,MAAMoB,YAAYpB,OAAuB;IAEzC,MAAM,EAAEqB,MAAM,EAAEC,KAAK,EAAEC,cAAc,EAAEC,WAAW,EAAE,GAAGb,eAAe;QACpEO,SAASA;QACTD,cAAcA;IAChB;IAEA,MAAM,EAAEQ,IAAI,EAAE,GAAGxB;IAEjB,MAAMyB,iBAAiBJ,MAAMK,KAAK,CAAC,GAAG;IAEtC,MAAMC,gBAAgB7B,QAAQ;QAC5B,OAAO,CAAC;IACV,GAAG,EAAE;IAELD,UAAU;QACR,IAAI2B,SAAS,QAAQA,SAAS,MAAM;YAClCJ,QAAQQ,UAAUC,iBAAiB;YACnCT,QAAQQ,UAAUE,WAAW;QAC/B;IACF,GAAG;QAACN;KAAK;IAET,IAAI,CAACJ,QAAQ;QACX,OAAO;IACT;IACA,MAAM,EAAEW,IAAI,EAAE,GAAG9B;IAEjB,6CAA6C;IAC7C,MAAM+B,YAAY,cAAc,0CAA0C;IAC1E,MAAMC,YAAY,uBAAuB,8BAA8B;IACvE,MAAMC,YAAY;IAElB;;;;;;;;;GASC,GAED,qBACE,KAAChC,cAAciC,QAAQ;QAACC,OAAOT;kBAC7B,cAAA,MAACU;YACCC,MAAMP,KAAKQ,QAAQ;YACnBC,WAAU;YACVC,KAAKvB;;8BAEL,KAACP;oBACC+B,QAAQnB,YAAYmB,MAAM;oBAC1BC,SAASpB,YAAYqB,KAAK;oBAC1BxB,QAAQA;;8BAEV,MAACiB;oBAAIG,WAAU;;sCAQb,KAAC5C;4BACCwB,QAAQA;4BACRqB,KAAKtB;4BACLmB,MAAMP,KAAKQ,QAAQ;4BACnBC,WAAU;4BACVK,OAAO;gCACLC,SAAS;4BACX;;sCAEF,KAAClC;4BAAgBQ,QAAQA;;sCACzB,KAACN;4BAASM,QAAQA;4BAAQ2B,UAAU7B;;sCAEpC,KAACL;4BAASO,QAAQA;;sCAClB,KAACjB;4BAAWiB,QAAQA;4BAAQ2B,UAAU7B;;sCACtC,KAACX;4BAAgBa,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACb;4BAAgBe,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACZ;4BAAYc,QAAQA;4BAAQ2B,UAAU7B;;sCACvC,KAACT;4BAAaW,QAAQA;4BAAQ2B,UAAU7B;;sCACxC,KAACV;4BAAgBY,QAAQA;4BAAQ2B,UAAU7B;;sCAC3C,KAACd;4BAAegB,QAAQA;4BAAQ2B,UAAU7B;;;;;;;AAKpD,EAAE;AAEF,eAAeH,YAAY"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,gEAMtB,iBAAiB,sBAuBnB,CAAC"}
+{"version":3,"file":"EditorHeader.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAGzC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,gEAMtB,iBAAiB,sBAmBnB,CAAC"}

package/dist/src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.js

@@ -4,15 +4,14 @@ import { PanelLeft, PanelLeftClose } from "lucide-react";
 import { Icon } from "../../ui/Icon.js";
 import { Toolbar } from "../../ui/Toolbar.js";
 import { EditorInfo } from "./EditorInfo.js";
-import { twj } from "tw-to-css";
 export const EditorHeader = ({ characters, users, words, isSidebarOpen, toggleSidebar })=>{
     return /*#__PURE__*/ _jsxs("div", {
-        style: twj("w-full flex flex-row items-center justify-between flex-none py-2  text-black bg-white border-b border-neutral-200 dark:bg-black dark:text-white dark:border-neutral-800"),
+        className: "w-full flex flex-row items-center justify-between flex-none py-2  text-black bg-white border-b border-neutral-200 dark:bg-black dark:text-white dark:border-neutral-800",
         children: [
             /*#__PURE__*/ _jsx("div", {
-                style: twj("flex flex-row gap-x-1.5 items-center"),
+                className: "flex flex-row gap-x-1.5 items-center",
                 children: /*#__PURE__*/ _jsx("div", {
-                    style: twj("flex items-center gap-x-1.5"),
+                    className: "flex items-center gap-x-1.5",
                     children: /*#__PURE__*/ _jsx(Toolbar.Button, {
                         type: "button",
                         tooltip: isSidebarOpen ? "Close sidebar" : "Open sidebar",

package/dist/src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { PanelLeft, PanelLeftClose } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport { EditorUser } from \"../types.js\";\nimport { EditorInfo } from \"./EditorInfo.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type EditorHeaderProps = {\n  isSidebarOpen?: boolean;\n  toggleSidebar?: () => void;\n  characters: number;\n  words: number;\n  users: EditorUser[];\n};\n\nexport const EditorHeader = ({\n  characters,\n  users,\n  words,\n  isSidebarOpen,\n  toggleSidebar,\n}: EditorHeaderProps) => {\n  return (\n    <div\n      style={twj(\n        \"w-full flex flex-row items-center justify-between flex-none py-2  text-black bg-white border-b border-neutral-200 dark:bg-black dark:text-white dark:border-neutral-800\"\n      )}\n    >\n      <div style={twj(\"flex flex-row gap-x-1.5 items-center\")}>\n        <div style={twj(\"flex items-center gap-x-1.5\")}>\n          <Toolbar.Button\n            type=\"button\"\n            tooltip={isSidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n            onClick={toggleSidebar}\n            active={isSidebarOpen}\n            className={isSidebarOpen ? \"bg-transparent\" : \"\"}\n          >\n            <Icon icon={isSidebarOpen ? PanelLeftClose : PanelLeft} />\n          </Toolbar.Button>\n        </div>\n      </div>\n      <EditorInfo characters={characters} words={words} users={users} />\n    </div>\n  );\n};\n"],"names":["React","PanelLeft","PanelLeftClose","Icon","Toolbar","EditorInfo","twj","EditorHeader","characters","users","words","isSidebarOpen","toggleSidebar","div","style","Button","type","tooltip","onClick","active","className","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,SAAS,EAAEC,cAAc,QAAQ,eAAe;AACzD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,GAAG,QAAQ,YAAY;AAUhC,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,KAAK,EACLC,KAAK,EACLC,aAAa,EACbC,aAAa,EACK;IAClB,qBACE,MAACC;QACCC,OAAOR,IACL;;0BAGF,KAACO;gBAAIC,OAAOR,IAAI;0BACd,cAAA,KAACO;oBAAIC,OAAOR,IAAI;8BACd,cAAA,KAACF,QAAQW,MAAM;wBACbC,MAAK;wBACLC,SAASN,gBAAgB,kBAAkB;wBAC3CO,SAASN;wBACTO,QAAQR;wBACRS,WAAWT,gBAAgB,mBAAmB;kCAE9C,cAAA,KAACR;4BAAKkB,MAAMV,gBAAgBT,iBAAiBD;;;;;0BAInD,KAACI;gBAAWG,YAAYA;gBAAYE,OAAOA;gBAAOD,OAAOA;;;;AAG/D,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/BlockEditor/components/EditorHeader.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { PanelLeft, PanelLeftClose } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport { EditorUser } from \"../types.js\";\nimport { EditorInfo } from \"./EditorInfo.js\";\n\nexport type EditorHeaderProps = {\n  isSidebarOpen?: boolean;\n  toggleSidebar?: () => void;\n  characters: number;\n  words: number;\n  users: EditorUser[];\n};\n\nexport const EditorHeader = ({\n  characters,\n  users,\n  words,\n  isSidebarOpen,\n  toggleSidebar,\n}: EditorHeaderProps) => {\n  return (\n    <div className=\"w-full flex flex-row items-center justify-between flex-none py-2  text-black bg-white border-b border-neutral-200 dark:bg-black dark:text-white dark:border-neutral-800\">\n      <div className=\"flex flex-row gap-x-1.5 items-center\">\n        <div className=\"flex items-center gap-x-1.5\">\n          <Toolbar.Button\n            type=\"button\"\n            tooltip={isSidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n            onClick={toggleSidebar}\n            active={isSidebarOpen}\n            className={isSidebarOpen ? \"bg-transparent\" : \"\"}\n          >\n            <Icon icon={isSidebarOpen ? PanelLeftClose : PanelLeft} />\n          </Toolbar.Button>\n        </div>\n      </div>\n      <EditorInfo characters={characters} words={words} users={users} />\n    </div>\n  );\n};\n"],"names":["React","PanelLeft","PanelLeftClose","Icon","Toolbar","EditorInfo","EditorHeader","characters","users","words","isSidebarOpen","toggleSidebar","div","className","Button","type","tooltip","onClick","active","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,SAASC,SAAS,EAAEC,cAAc,QAAQ,eAAe;AACzD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,UAAU,QAAQ,kBAAkB;AAU7C,OAAO,MAAMC,eAAe,CAAC,EAC3BC,UAAU,EACVC,KAAK,EACLC,KAAK,EACLC,aAAa,EACbC,aAAa,EACK;IAClB,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACD;oBAAIC,WAAU;8BACb,cAAA,KAACT,QAAQU,MAAM;wBACbC,MAAK;wBACLC,SAASN,gBAAgB,kBAAkB;wBAC3CO,SAASN;wBACTO,QAAQR;wBACRG,WAAWH,gBAAgB,mBAAmB;kCAE9C,cAAA,KAACP;4BAAKgB,MAAMT,gBAAgBR,iBAAiBD;;;;;0BAInD,KAACI;gBAAWE,YAAYA;gBAAYE,OAAOA;gBAAOD,OAAOA;;;;AAG/D,EAAE"}

package/dist/src/fields/TiptapEditor/features/Sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAKvC,eAAO,MAAM,OAAO,2DAKf;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,uBA2BF,CAAC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAIvC,eAAO,MAAM,OAAO,2DAKf;IACD,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,uBA2BF,CAAC"}

package/dist/src/fields/TiptapEditor/features/Sidebar/Sidebar.js

@@ -4,7 +4,6 @@ import React from "react";
 import { memo, useCallback } from "react";
 import { TableOfContents } from "../TableOfContents/index.js";
 import { cn } from "../../lib/utils/index.js";
-import { twj } from "tw-to-css";
 export const Sidebar = /*#__PURE__*/ memo(({ editor, isOpen, onClose })=>{
     const handlePotentialClose = useCallback(()=>{
         if (window.innerWidth < 1024) {
@@ -15,11 +14,11 @@ export const Sidebar = /*#__PURE__*/ memo(({ editor, isOpen, onClose })=>{
     ]);
     const windowClassName = cn("absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all", "dark:bg-black lg:dark:bg-black/30", !isOpen && "border-r-transparent", isOpen && "w-80 border-r border-r-neutral-200 dark:border-r-neutral-800");
     return /*#__PURE__*/ _jsx("div", {
-        style: twj(windowClassName),
+        className: windowClassName,
         children: /*#__PURE__*/ _jsx("div", {
-            style: twj("w-full h-full overflow-hidden"),
+            className: "w-full h-full overflow-hidden",
             children: /*#__PURE__*/ _jsx("div", {
-                style: twj("w-full h-full p-2 overflow-auto"),
+                className: "w-full h-full p-2 overflow-auto",
                 children: /*#__PURE__*/ _jsx(TableOfContents, {
                     onItemClick: handlePotentialClose,
                     editor: editor

package/dist/src/fields/TiptapEditor/features/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { memo, useCallback } from \"react\";\nimport { Editor } from \"@tiptap/react\";\nimport { TableOfContents } from \"../TableOfContents/index.js\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const Sidebar = memo(\n  ({\n    editor,\n    isOpen,\n    onClose,\n  }: {\n    editor: Editor;\n    isOpen?: boolean;\n    onClose: () => void;\n  }) => {\n    const handlePotentialClose = useCallback(() => {\n      if (window.innerWidth < 1024) {\n        onClose();\n      }\n    }, [onClose]);\n\n    const windowClassName = cn(\n      \"absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all\",\n      \"dark:bg-black lg:dark:bg-black/30\",\n      !isOpen && \"border-r-transparent\",\n      isOpen && \"w-80 border-r border-r-neutral-200 dark:border-r-neutral-800\"\n    );\n\n    return (\n      <div style={twj(windowClassName)}>\n        <div style={twj(\"w-full h-full overflow-hidden\")}>\n          <div style={twj(\"w-full h-full p-2 overflow-auto\")}>\n            <TableOfContents\n              onItemClick={handlePotentialClose}\n              editor={editor}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = \"TableOfContentSidepanel\";\n"],"names":["React","memo","useCallback","TableOfContents","cn","twj","Sidebar","editor","isOpen","onClose","handlePotentialClose","window","innerWidth","windowClassName","div","style","onItemClick","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AAE1C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,wBAAUL,KACrB,CAAC,EACCM,MAAM,EACNC,MAAM,EACNC,OAAO,EAKR;IACC,MAAMC,uBAAuBR,YAAY;QACvC,IAAIS,OAAOC,UAAU,GAAG,MAAM;YAC5BH;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,MAAMI,kBAAkBT,GACtB,0IACA,qCACA,CAACI,UAAU,wBACXA,UAAU;IAGZ,qBACE,KAACM;QAAIC,OAAOV,IAAIQ;kBACd,cAAA,KAACC;YAAIC,OAAOV,IAAI;sBACd,cAAA,KAACS;gBAAIC,OAAOV,IAAI;0BACd,cAAA,KAACF;oBACCa,aAAaN;oBACbH,QAAQA;;;;;AAMpB,GACA;AAEFD,QAAQW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/Sidebar/Sidebar.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { memo, useCallback } from \"react\";\nimport { Editor } from \"@tiptap/react\";\nimport { TableOfContents } from \"../TableOfContents/index.js\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport const Sidebar = memo(\n  ({\n    editor,\n    isOpen,\n    onClose,\n  }: {\n    editor: Editor;\n    isOpen?: boolean;\n    onClose: () => void;\n  }) => {\n    const handlePotentialClose = useCallback(() => {\n      if (window.innerWidth < 1024) {\n        onClose();\n      }\n    }, [onClose]);\n\n    const windowClassName = cn(\n      \"absolute top-0 left-0 bg-white lg:bg-white/30 lg:backdrop-blur-xl h-full lg:h-auto lg:relative z-[999] w-0 duration-300 transition-all\",\n      \"dark:bg-black lg:dark:bg-black/30\",\n      !isOpen && \"border-r-transparent\",\n      isOpen && \"w-80 border-r border-r-neutral-200 dark:border-r-neutral-800\"\n    );\n\n    return (\n      <div className={windowClassName}>\n        <div className=\"w-full h-full overflow-hidden\">\n          <div className=\"w-full h-full p-2 overflow-auto\">\n            <TableOfContents\n              onItemClick={handlePotentialClose}\n              editor={editor}\n            />\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = \"TableOfContentSidepanel\";\n"],"names":["React","memo","useCallback","TableOfContents","cn","Sidebar","editor","isOpen","onClose","handlePotentialClose","window","innerWidth","windowClassName","div","className","onItemClick","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,IAAI,EAAEC,WAAW,QAAQ,QAAQ;AAE1C,SAASC,eAAe,QAAQ,8BAA8B;AAC9D,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,OAAO,MAAMC,wBAAUJ,KACrB,CAAC,EACCK,MAAM,EACNC,MAAM,EACNC,OAAO,EAKR;IACC,MAAMC,uBAAuBP,YAAY;QACvC,IAAIQ,OAAOC,UAAU,GAAG,MAAM;YAC5BH;QACF;IACF,GAAG;QAACA;KAAQ;IAEZ,MAAMI,kBAAkBR,GACtB,0IACA,qCACA,CAACG,UAAU,wBACXA,UAAU;IAGZ,qBACE,KAACM;QAAIC,WAAWF;kBACd,cAAA,KAACC;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAU;0BACb,cAAA,KAACX;oBACCY,aAAaN;oBACbH,QAAQA;;;;;AAMpB,GACA;AAEFD,QAAQW,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentItemMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAqBvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,oBAAoB,gCA4E/D,CAAC"}
+{"version":3,"file":"ContentItemMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoBvC,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,eAAe,eAAgB,oBAAoB,gCA4E/D,CAAC"}

package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.js

@@ -11,7 +11,6 @@ import { DropdownButton } from "../../ui/Dropdown/Dropdown.js";
 import { Surface } from "../../ui/Surface.js";
 import useContentItemActions from "./hooks/useContentItemActions.js";
 import { useData } from "./hooks/useData.js";
-import { twj } from "tw-to-css";
 export const ContentItemMenu = ({ editor })=>{
     const [menuOpen, setMenuOpen] = useState(false);
     const [tippyOptions, setTippyOptions] = useState();
@@ -41,7 +40,7 @@ export const ContentItemMenu = ({ editor })=>{
             zIndex: 99
         },
         children: /*#__PURE__*/ _jsxs("div", {
-            style: twj("flex items-center gap-0.5"),
+            className: "flex items-center gap-0.5",
             children: [
                 /*#__PURE__*/ _jsx(Toolbar.Button, {
                     type: "button",
@@ -68,7 +67,7 @@ export const ContentItemMenu = ({ editor })=>{
                             align: "start",
                             sideOffset: 8,
                             children: /*#__PURE__*/ _jsxs(Surface, {
-                                style: twj("p-2 flex flex-col min-w-[16rem]"),
+                                className: "p-2 flex flex-col min-w-[16rem]",
                                 children: [
                                     /*#__PURE__*/ _jsx(Popover.Close, {
                                         children: /*#__PURE__*/ _jsxs(DropdownButton, {

package/dist/src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"sourcesContent":["\"use client\";\nimport { DragHandle } from \"@tiptap-pro/extension-drag-handle-react\";\nimport { Editor } from \"@tiptap/react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n  Clipboard,\n  Copy,\n  GripVertical,\n  Plus,\n  RemoveFormatting,\n  Trash2,\n} from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { DropdownButton } from \"../../ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport useContentItemActions from \"./hooks/useContentItemActions.js\";\nimport { useData } from \"./hooks/useData.js\";\nimport { twj } from \"tw-to-css\";\n\nexport type ContentItemMenuProps = {\n  editor: Editor;\n};\n\nexport const ContentItemMenu = ({ editor }: ContentItemMenuProps) => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [tippyOptions, setTippyOptions] = useState();\n  const data = useData();\n  const { i18n } = useTranslation();\n  const actions = useContentItemActions(\n    editor,\n    data.currentNode,\n    data.currentNodePos\n  );\n\n  useEffect(() => {\n    if (menuOpen) {\n      editor.commands.setMeta(\"lockDragHandle\", true);\n    } else {\n      editor.commands.setMeta(\"lockDragHandle\", false);\n    }\n  }, [editor, menuOpen]);\n\n  return (\n    <DragHandle\n      pluginKey=\"ContentItemMenu\"\n      editor={editor}\n      onNodeChange={data.handleNodeChange}\n      tippyOptions={{\n        placement: \"left\",\n        offset: [-12, 2],\n        zIndex: 99,\n      }}\n    >\n      <div style={twj(\"flex items-center gap-0.5\")}>\n        <Toolbar.Button type=\"button\" onClick={actions.handleAdd}>\n          <Icon icon={Plus} />\n        </Toolbar.Button>\n        <Popover.Root open={menuOpen} onOpenChange={setMenuOpen}>\n          <Popover.Trigger asChild>\n            <Toolbar.Button type=\"button\">\n              <Icon icon={GripVertical} />\n            </Toolbar.Button>\n          </Popover.Trigger>\n          <Popover.Content side=\"bottom\" align=\"start\" sideOffset={8}>\n            <Surface style={twj(\"p-2 flex flex-col min-w-[16rem]\")}>\n              <Popover.Close>\n                <DropdownButton onClick={actions.resetTextFormatting}>\n                  <Icon icon={RemoveFormatting} />\n                  Clear formatting\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.copyNodeToClipboard}>\n                  <Icon icon={Clipboard} />\n                  Copy to clipboard\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.duplicateNode}>\n                  <Icon icon={Copy} />\n                  Duplicate\n                </DropdownButton>\n              </Popover.Close>\n              <Toolbar.Divider horizontal />\n              <Popover.Close>\n                <DropdownButton\n                  onClick={actions.deleteNode}\n                  className=\"text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20\"\n                >\n                  <Icon icon={Trash2} />\n                  Delete\n                </DropdownButton>\n              </Popover.Close>\n            </Surface>\n          </Popover.Content>\n        </Popover.Root>\n      </div>\n    </DragHandle>\n  );\n};\n"],"names":["DragHandle","Icon","Toolbar","useTranslation","Popover","Clipboard","Copy","GripVertical","Plus","RemoveFormatting","Trash2","useEffect","useState","DropdownButton","Surface","useContentItemActions","useData","twj","ContentItemMenu","editor","menuOpen","setMenuOpen","tippyOptions","setTippyOptions","data","i18n","actions","currentNode","currentNodePos","commands","setMeta","pluginKey","onNodeChange","handleNodeChange","placement","offset","zIndex","div","style","Button","type","onClick","handleAdd","icon","Root","open","onOpenChange","Trigger","asChild","Content","side","align","sideOffset","Close","resetTextFormatting","copyNodeToClipboard","duplicateNode","Divider","horizontal","deleteNode","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,QAAQ,0CAA0C;AAErE,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,YAAYC,aAAa,0BAA0B;AACnD,SACEC,SAAS,EACTC,IAAI,EACJC,YAAY,EACZC,IAAI,EACJC,gBAAgB,EAChBC,MAAM,QACD,eAAe;AACtB,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,2BAA2B,mCAAmC;AACrE,SAASC,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,GAAG,QAAQ,YAAY;AAMhC,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAwB;IAC9D,MAAM,CAACC,UAAUC,YAAY,GAAGT,SAAS;IACzC,MAAM,CAACU,cAAcC,gBAAgB,GAAGX;IACxC,MAAMY,OAAOR;IACb,MAAM,EAAES,IAAI,EAAE,GAAGtB;IACjB,MAAMuB,UAAUX,sBACdI,QACAK,KAAKG,WAAW,EAChBH,KAAKI,cAAc;IAGrBjB,UAAU;QACR,IAAIS,UAAU;YACZD,OAAOU,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C,OAAO;YACLX,OAAOU,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C;IACF,GAAG;QAACX;QAAQC;KAAS;IAErB,qBACE,KAACpB;QACC+B,WAAU;QACVZ,QAAQA;QACRa,cAAcR,KAAKS,gBAAgB;QACnCX,cAAc;YACZY,WAAW;YACXC,QAAQ;gBAAC,CAAC;gBAAI;aAAE;YAChBC,QAAQ;QACV;kBAEA,cAAA,MAACC;YAAIC,OAAOrB,IAAI;;8BACd,KAACf,QAAQqC,MAAM;oBAACC,MAAK;oBAASC,SAASf,QAAQgB,SAAS;8BACtD,cAAA,KAACzC;wBAAK0C,MAAMnC;;;8BAEd,MAACJ,QAAQwC,IAAI;oBAACC,MAAMzB;oBAAU0B,cAAczB;;sCAC1C,KAACjB,QAAQ2C,OAAO;4BAACC,OAAO;sCACtB,cAAA,KAAC9C,QAAQqC,MAAM;gCAACC,MAAK;0CACnB,cAAA,KAACvC;oCAAK0C,MAAMpC;;;;sCAGhB,KAACH,QAAQ6C,OAAO;4BAACC,MAAK;4BAASC,OAAM;4BAAQC,YAAY;sCACvD,cAAA,MAACtC;gCAAQwB,OAAOrB,IAAI;;kDAClB,KAACb,QAAQiD,KAAK;kDACZ,cAAA,MAACxC;4CAAe4B,SAASf,QAAQ4B,mBAAmB;;8DAClD,KAACrD;oDAAK0C,MAAMlC;;gDAAoB;;;;kDAIpC,KAACL,QAAQiD,KAAK;kDACZ,cAAA,MAACxC;4CAAe4B,SAASf,QAAQ6B,mBAAmB;;8DAClD,KAACtD;oDAAK0C,MAAMtC;;gDAAa;;;;kDAI7B,KAACD,QAAQiD,KAAK;kDACZ,cAAA,MAACxC;4CAAe4B,SAASf,QAAQ8B,aAAa;;8DAC5C,KAACvD;oDAAK0C,MAAMrC;;gDAAQ;;;;kDAIxB,KAACJ,QAAQuD,OAAO;wCAACC,UAAU;;kDAC3B,KAACtD,QAAQiD,KAAK;kDACZ,cAAA,MAACxC;4CACC4B,SAASf,QAAQiC,UAAU;4CAC3BC,WAAU;;8DAEV,KAAC3D;oDAAK0C,MAAMjC;;gDAAU;;;;;;;;;;;;AAUxC,EAAE"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/ContentItemMenu/ContentItemMenu.tsx"],"sourcesContent":["\"use client\";\nimport { DragHandle } from \"@tiptap-pro/extension-drag-handle-react\";\nimport { Editor } from \"@tiptap/react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport * as Popover from \"@radix-ui/react-popover\";\nimport {\n  Clipboard,\n  Copy,\n  GripVertical,\n  Plus,\n  RemoveFormatting,\n  Trash2,\n} from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { DropdownButton } from \"../../ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport useContentItemActions from \"./hooks/useContentItemActions.js\";\nimport { useData } from \"./hooks/useData.js\";\n\nexport type ContentItemMenuProps = {\n  editor: Editor;\n};\n\nexport const ContentItemMenu = ({ editor }: ContentItemMenuProps) => {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [tippyOptions, setTippyOptions] = useState();\n  const data = useData();\n  const { i18n } = useTranslation();\n  const actions = useContentItemActions(\n    editor,\n    data.currentNode,\n    data.currentNodePos\n  );\n\n  useEffect(() => {\n    if (menuOpen) {\n      editor.commands.setMeta(\"lockDragHandle\", true);\n    } else {\n      editor.commands.setMeta(\"lockDragHandle\", false);\n    }\n  }, [editor, menuOpen]);\n\n  return (\n    <DragHandle\n      pluginKey=\"ContentItemMenu\"\n      editor={editor}\n      onNodeChange={data.handleNodeChange}\n      tippyOptions={{\n        placement: \"left\",\n        offset: [-12, 2],\n        zIndex: 99,\n      }}\n    >\n      <div className=\"flex items-center gap-0.5\">\n        <Toolbar.Button type=\"button\" onClick={actions.handleAdd}>\n          <Icon icon={Plus} />\n        </Toolbar.Button>\n        <Popover.Root open={menuOpen} onOpenChange={setMenuOpen}>\n          <Popover.Trigger asChild>\n            <Toolbar.Button type=\"button\">\n              <Icon icon={GripVertical} />\n            </Toolbar.Button>\n          </Popover.Trigger>\n          <Popover.Content side=\"bottom\" align=\"start\" sideOffset={8}>\n            <Surface className=\"p-2 flex flex-col min-w-[16rem]\">\n              <Popover.Close>\n                <DropdownButton onClick={actions.resetTextFormatting}>\n                  <Icon icon={RemoveFormatting} />\n                  Clear formatting\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.copyNodeToClipboard}>\n                  <Icon icon={Clipboard} />\n                  Copy to clipboard\n                </DropdownButton>\n              </Popover.Close>\n              <Popover.Close>\n                <DropdownButton onClick={actions.duplicateNode}>\n                  <Icon icon={Copy} />\n                  Duplicate\n                </DropdownButton>\n              </Popover.Close>\n              <Toolbar.Divider horizontal />\n              <Popover.Close>\n                <DropdownButton\n                  onClick={actions.deleteNode}\n                  className=\"text-red-500 bg-red-500 dark:text-red-500 hover:bg-red-500 dark:hover:text-red-500 dark:hover:bg-red-500 bg-opacity-10 hover:bg-opacity-20 dark:hover:bg-opacity-20\"\n                >\n                  <Icon icon={Trash2} />\n                  Delete\n                </DropdownButton>\n              </Popover.Close>\n            </Surface>\n          </Popover.Content>\n        </Popover.Root>\n      </div>\n    </DragHandle>\n  );\n};\n"],"names":["DragHandle","Icon","Toolbar","useTranslation","Popover","Clipboard","Copy","GripVertical","Plus","RemoveFormatting","Trash2","useEffect","useState","DropdownButton","Surface","useContentItemActions","useData","ContentItemMenu","editor","menuOpen","setMenuOpen","tippyOptions","setTippyOptions","data","i18n","actions","currentNode","currentNodePos","commands","setMeta","pluginKey","onNodeChange","handleNodeChange","placement","offset","zIndex","div","className","Button","type","onClick","handleAdd","icon","Root","open","onOpenChange","Trigger","asChild","Content","side","align","sideOffset","Close","resetTextFormatting","copyNodeToClipboard","duplicateNode","Divider","horizontal","deleteNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,QAAQ,0CAA0C;AAErE,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAE9C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,YAAYC,aAAa,0BAA0B;AACnD,SACEC,SAAS,EACTC,IAAI,EACJC,YAAY,EACZC,IAAI,EACJC,gBAAgB,EAChBC,MAAM,QACD,eAAe;AACtB,SAASC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAC5C,SAASC,cAAc,QAAQ,gCAAgC;AAC/D,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,2BAA2B,mCAAmC;AACrE,SAASC,OAAO,QAAQ,qBAAqB;AAM7C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAwB;IAC9D,MAAM,CAACC,UAAUC,YAAY,GAAGR,SAAS;IACzC,MAAM,CAACS,cAAcC,gBAAgB,GAAGV;IACxC,MAAMW,OAAOP;IACb,MAAM,EAAEQ,IAAI,EAAE,GAAGrB;IACjB,MAAMsB,UAAUV,sBACdG,QACAK,KAAKG,WAAW,EAChBH,KAAKI,cAAc;IAGrBhB,UAAU;QACR,IAAIQ,UAAU;YACZD,OAAOU,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C,OAAO;YACLX,OAAOU,QAAQ,CAACC,OAAO,CAAC,kBAAkB;QAC5C;IACF,GAAG;QAACX;QAAQC;KAAS;IAErB,qBACE,KAACnB;QACC8B,WAAU;QACVZ,QAAQA;QACRa,cAAcR,KAAKS,gBAAgB;QACnCX,cAAc;YACZY,WAAW;YACXC,QAAQ;gBAAC,CAAC;gBAAI;aAAE;YAChBC,QAAQ;QACV;kBAEA,cAAA,MAACC;YAAIC,WAAU;;8BACb,KAACnC,QAAQoC,MAAM;oBAACC,MAAK;oBAASC,SAASf,QAAQgB,SAAS;8BACtD,cAAA,KAACxC;wBAAKyC,MAAMlC;;;8BAEd,MAACJ,QAAQuC,IAAI;oBAACC,MAAMzB;oBAAU0B,cAAczB;;sCAC1C,KAAChB,QAAQ0C,OAAO;4BAACC,OAAO;sCACtB,cAAA,KAAC7C,QAAQoC,MAAM;gCAACC,MAAK;0CACnB,cAAA,KAACtC;oCAAKyC,MAAMnC;;;;sCAGhB,KAACH,QAAQ4C,OAAO;4BAACC,MAAK;4BAASC,OAAM;4BAAQC,YAAY;sCACvD,cAAA,MAACrC;gCAAQuB,WAAU;;kDACjB,KAACjC,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CAAe2B,SAASf,QAAQ4B,mBAAmB;;8DAClD,KAACpD;oDAAKyC,MAAMjC;;gDAAoB;;;;kDAIpC,KAACL,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CAAe2B,SAASf,QAAQ6B,mBAAmB;;8DAClD,KAACrD;oDAAKyC,MAAMrC;;gDAAa;;;;kDAI7B,KAACD,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CAAe2B,SAASf,QAAQ8B,aAAa;;8DAC5C,KAACtD;oDAAKyC,MAAMpC;;gDAAQ;;;;kDAIxB,KAACJ,QAAQsD,OAAO;wCAACC,UAAU;;kDAC3B,KAACrD,QAAQgD,KAAK;kDACZ,cAAA,MAACvC;4CACC2B,SAASf,QAAQiC,UAAU;4CAC3BrB,WAAU;;8DAEV,KAACpC;oDAAKyC,MAAMhC;;gDAAU;;;;;;;;;;;;AAUxC,EAAE"}

package/dist/src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,eAAO,MAAM,QAAQ,yBAA0B,SAAS,KAAG,SAwG1D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LinkMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,QAAQ,yBAA0B,SAAS,KAAG,SAwG1D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.js

@@ -5,7 +5,6 @@ import { Instagram, Twitter, Youtube } from "lucide-react";
 import { LinkEditorPanel, LinkPreviewPanel } from "../../panels/index.js";
 import { Surface } from "../../ui/Surface.js";
 import { Toolbar } from "../../ui/Toolbar.js";
-import { twj } from "tw-to-css";
 export const LinkMenu = ({ editor, appendTo })=>{
     const [showEdit, setShowEdit] = useState(false);
     const shouldShow = useCallback(()=>{
@@ -98,7 +97,7 @@ export const LinkMenu = ({ editor, appendTo })=>{
                     }
                 },
                 children: /*#__PURE__*/ _jsx(Surface, {
-                    style: twj("p-2 min-w-[20rem]"),
+                    className: "p-2 min-w-[20rem]",
                     children: checkIfMatch(link, editor)
                 })
             })
@@ -116,7 +115,7 @@ const checkIfMatch = (url, editor)=>{
                 editor.chain().selectParentNode().deleteSelection().insertTwitter(url).run();
             },
             value: "continue",
-            style: twj("gap-2 px-4 w-full flex justify-start"),
+            className: "gap-2 px-4 w-full flex justify-start",
             children: [
                 /*#__PURE__*/ _jsx(Twitter, {}),
                 "Embed Tweet"
@@ -128,7 +127,7 @@ const checkIfMatch = (url, editor)=>{
                 editor.chain().selectParentNode().deleteSelection().insertInstagram(url).run();
             },
             value: "continue",
-            style: twj("gap-2 px-4 w-full flex justify-start"),
+            className: "gap-2 px-4 w-full flex justify-start",
             children: [
                 /*#__PURE__*/ _jsx(Instagram, {}),
                 "Embed Instagram"
@@ -140,7 +139,7 @@ const checkIfMatch = (url, editor)=>{
                 editor.chain().selectParentNode().deleteSelection().insertYoutube(url).run();
             },
             value: "continue",
-            style: twj("gap-2 px-4 w-full flex justify-start"),
+            className: "gap-2 px-4 w-full flex justify-start",
             children: [
                 /*#__PURE__*/ _jsx(Youtube, {}),
                 "Embed Youtube"

package/dist/src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu, Editor } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useState } from \"react\";\n\nimport { Instagram, Twitter, Youtube } from \"lucide-react\";\nimport { LinkEditorPanel, LinkPreviewPanel } from \"../../panels/index.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport { MenuProps } from \"../types.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const LinkMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const [showEdit, setShowEdit] = useState(false);\n\n  const shouldShow = useCallback(() => {\n    const isActive = editor.isActive(\"link\");\n    return isActive;\n  }, [editor]);\n\n  const shouldShowSocialMedia = useCallback(() => {\n    const { href: link, target } = editor.getAttributes(\"link\");\n    const isActive = editor.isActive(\"link\");\n    return isActive && checkIfMatchesSocialMedia(link);\n  }, [editor]);\n\n  const { href: link, target } = editor.getAttributes(\"link\");\n\n  const handleEdit = useCallback(() => {\n    setShowEdit(true);\n  }, []);\n\n  const onSetLink = useCallback(\n    (url: string, openInNewTab?: boolean) => {\n      editor\n        .chain()\n        .focus()\n        .extendMarkRange(\"link\")\n        .setLink({ href: url, target: openInNewTab ? \"_blank\" : \"\" })\n        .run();\n      setShowEdit(false);\n    },\n    [editor]\n  );\n\n  const onUnsetLink = useCallback(() => {\n    editor.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    setShowEdit(false);\n    return null;\n  }, [editor]);\n\n  const onShowEdit = useCallback(() => {\n    setShowEdit(true);\n  }, []);\n\n  const onHideEdit = useCallback(() => {\n    setShowEdit(false);\n  }, []);\n\n  return (\n    <>\n      <BaseBubbleMenu\n        editor={editor}\n        pluginKey=\"textMenu\"\n        shouldShow={shouldShow}\n        updateDelay={0}\n        tippyOptions={{\n          popperOptions: {\n            modifiers: [{ name: \"flip\", enabled: false }],\n          },\n          appendTo: () => {\n            return appendTo?.current;\n          },\n          onHidden: () => {\n            setShowEdit(false);\n          },\n        }}\n      >\n        {showEdit ? (\n          <LinkEditorPanel\n            initialUrl={link}\n            initialOpenInNewTab={target === \"_blank\"}\n            onSetLink={onSetLink}\n          />\n        ) : (\n          <LinkPreviewPanel\n            url={link}\n            onClear={onUnsetLink}\n            onEdit={handleEdit}\n          />\n        )}\n      </BaseBubbleMenu>\n      <BaseBubbleMenu\n        editor={editor}\n        pluginKey=\"socialMediaTextMenu\"\n        shouldShow={shouldShowSocialMedia}\n        updateDelay={0}\n        tippyOptions={{\n          popperOptions: {\n            placement: \"bottom-start\",\n          },\n          placement: \"bottom-start\",\n          appendTo: () => {\n            return appendTo?.current;\n          },\n          onHidden: () => {\n            setShowEdit(false);\n          },\n        }}\n      >\n        <Surface style={twj(\"p-2 min-w-[20rem]\")}>\n          {checkIfMatch(link, editor)}\n        </Surface>\n      </BaseBubbleMenu>\n    </>\n  );\n};\n\nexport default LinkMenu;\n\nconst checkIfMatch = (url: string, editor: Editor) => {\n  const twitterRegex =\n    /^https:\\/\\/twitter\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g;\n  const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g;\n  const youtubeRegex =\n    /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g;\n\n  if (twitterRegex.test(url)) {\n    return (\n      <Toolbar.Button\n        onClick={() => {\n          editor\n            .chain()\n            .selectParentNode()\n            .deleteSelection()\n            .insertTwitter(url)\n            .run();\n        }}\n        value=\"continue\"\n        style={twj(\"gap-2 px-4 w-full flex justify-start\")}\n      >\n        <Twitter />\n        Embed Tweet\n      </Toolbar.Button>\n    );\n  } else if (instagramRegex.test(url)) {\n    return (\n      <Toolbar.Button\n        onClick={() => {\n          editor\n            .chain()\n            .selectParentNode()\n            .deleteSelection()\n            .insertInstagram(url)\n            .run();\n        }}\n        value=\"continue\"\n        style={twj(\"gap-2 px-4 w-full flex justify-start\")}\n      >\n        <Instagram />\n        Embed Instagram\n      </Toolbar.Button>\n    );\n  } else if (youtubeRegex.test(url)) {\n    return (\n      <Toolbar.Button\n        onClick={() => {\n          editor\n            .chain()\n            .selectParentNode()\n            .deleteSelection()\n            .insertYoutube(url)\n            .run();\n        }}\n        value=\"continue\"\n        style={twj(\"gap-2 px-4 w-full flex justify-start\")}\n      >\n        <Youtube />\n        Embed Youtube\n      </Toolbar.Button>\n    );\n  }\n  return null;\n};\n\nconst checkIfMatchesSocialMedia = (url: string) => {\n  const twitterRegex =\n    /^https:\\/\\/twitter\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g;\n  const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g;\n  const youtubeRegex =\n    /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g;\n\n  if (twitterRegex.test(url)) {\n    return true;\n  } else if (instagramRegex.test(url)) {\n    return true;\n  } else if (youtubeRegex.test(url)) {\n    return true;\n  }\n  return false;\n};\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useState","Instagram","Twitter","Youtube","LinkEditorPanel","LinkPreviewPanel","Surface","Toolbar","twj","LinkMenu","editor","appendTo","showEdit","setShowEdit","shouldShow","isActive","shouldShowSocialMedia","href","link","target","getAttributes","checkIfMatchesSocialMedia","handleEdit","onSetLink","url","openInNewTab","chain","focus","extendMarkRange","setLink","run","onUnsetLink","unsetLink","onShowEdit","onHideEdit","pluginKey","updateDelay","tippyOptions","popperOptions","modifiers","name","enabled","current","onHidden","initialUrl","initialOpenInNewTab","onClear","onEdit","placement","style","checkIfMatch","twitterRegex","instagramRegex","youtubeRegex","test","Button","onClick","selectParentNode","deleteSelection","insertTwitter","value","insertInstagram","insertYoutube"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/menus/LinkMenu/LinkMenu.tsx"],"sourcesContent":["import { BubbleMenu as BaseBubbleMenu, Editor } from \"@tiptap/react\";\nimport { ReactNode, useCallback, useState } from \"react\";\n\nimport { Instagram, Twitter, Youtube } from \"lucide-react\";\nimport { LinkEditorPanel, LinkPreviewPanel } from \"../../panels/index.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport { MenuProps } from \"../types.js\";\n\nexport const LinkMenu = ({ editor, appendTo }: MenuProps): ReactNode => {\n  const [showEdit, setShowEdit] = useState(false);\n\n  const shouldShow = useCallback(() => {\n    const isActive = editor.isActive(\"link\");\n    return isActive;\n  }, [editor]);\n\n  const shouldShowSocialMedia = useCallback(() => {\n    const { href: link, target } = editor.getAttributes(\"link\");\n    const isActive = editor.isActive(\"link\");\n    return isActive && checkIfMatchesSocialMedia(link);\n  }, [editor]);\n\n  const { href: link, target } = editor.getAttributes(\"link\");\n\n  const handleEdit = useCallback(() => {\n    setShowEdit(true);\n  }, []);\n\n  const onSetLink = useCallback(\n    (url: string, openInNewTab?: boolean) => {\n      editor\n        .chain()\n        .focus()\n        .extendMarkRange(\"link\")\n        .setLink({ href: url, target: openInNewTab ? \"_blank\" : \"\" })\n        .run();\n      setShowEdit(false);\n    },\n    [editor]\n  );\n\n  const onUnsetLink = useCallback(() => {\n    editor.chain().focus().extendMarkRange(\"link\").unsetLink().run();\n    setShowEdit(false);\n    return null;\n  }, [editor]);\n\n  const onShowEdit = useCallback(() => {\n    setShowEdit(true);\n  }, []);\n\n  const onHideEdit = useCallback(() => {\n    setShowEdit(false);\n  }, []);\n\n  return (\n    <>\n      <BaseBubbleMenu\n        editor={editor}\n        pluginKey=\"textMenu\"\n        shouldShow={shouldShow}\n        updateDelay={0}\n        tippyOptions={{\n          popperOptions: {\n            modifiers: [{ name: \"flip\", enabled: false }],\n          },\n          appendTo: () => {\n            return appendTo?.current;\n          },\n          onHidden: () => {\n            setShowEdit(false);\n          },\n        }}\n      >\n        {showEdit ? (\n          <LinkEditorPanel\n            initialUrl={link}\n            initialOpenInNewTab={target === \"_blank\"}\n            onSetLink={onSetLink}\n          />\n        ) : (\n          <LinkPreviewPanel\n            url={link}\n            onClear={onUnsetLink}\n            onEdit={handleEdit}\n          />\n        )}\n      </BaseBubbleMenu>\n      <BaseBubbleMenu\n        editor={editor}\n        pluginKey=\"socialMediaTextMenu\"\n        shouldShow={shouldShowSocialMedia}\n        updateDelay={0}\n        tippyOptions={{\n          popperOptions: {\n            placement: \"bottom-start\",\n          },\n          placement: \"bottom-start\",\n          appendTo: () => {\n            return appendTo?.current;\n          },\n          onHidden: () => {\n            setShowEdit(false);\n          },\n        }}\n      >\n        <Surface className=\"p-2 min-w-[20rem]\">\n          {checkIfMatch(link, editor)}\n        </Surface>\n      </BaseBubbleMenu>\n    </>\n  );\n};\n\nexport default LinkMenu;\n\nconst checkIfMatch = (url: string, editor: Editor) => {\n  const twitterRegex =\n    /^https:\\/\\/twitter\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g;\n  const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g;\n  const youtubeRegex =\n    /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g;\n\n  if (twitterRegex.test(url)) {\n    return (\n      <Toolbar.Button\n        onClick={() => {\n          editor\n            .chain()\n            .selectParentNode()\n            .deleteSelection()\n            .insertTwitter(url)\n            .run();\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <Twitter />\n        Embed Tweet\n      </Toolbar.Button>\n    );\n  } else if (instagramRegex.test(url)) {\n    return (\n      <Toolbar.Button\n        onClick={() => {\n          editor\n            .chain()\n            .selectParentNode()\n            .deleteSelection()\n            .insertInstagram(url)\n            .run();\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <Instagram />\n        Embed Instagram\n      </Toolbar.Button>\n    );\n  } else if (youtubeRegex.test(url)) {\n    return (\n      <Toolbar.Button\n        onClick={() => {\n          editor\n            .chain()\n            .selectParentNode()\n            .deleteSelection()\n            .insertYoutube(url)\n            .run();\n        }}\n        value=\"continue\"\n        className=\"gap-2 px-4 w-full flex justify-start\"\n      >\n        <Youtube />\n        Embed Youtube\n      </Toolbar.Button>\n    );\n  }\n  return null;\n};\n\nconst checkIfMatchesSocialMedia = (url: string) => {\n  const twitterRegex =\n    /^https:\\/\\/twitter\\.com\\/([a-zA-Z0-9_-]+)\\/status\\/(\\d+)/g;\n  const instagramRegex = /^https:\\/\\/www\\.instagram\\.com\\/p\\/([A-Za-z0-9_-]+)/g;\n  const youtubeRegex =\n    /^((?:https?:)?\\/\\/)?((?:www|m)\\.)?((?:youtube(-nocookie)?\\.com|youtu.be))(\\/(?:[\\w\\-]+\\?v=|embed\\/|live\\/|v\\/)?)([\\w\\-]+)(\\S+)?/g;\n\n  if (twitterRegex.test(url)) {\n    return true;\n  } else if (instagramRegex.test(url)) {\n    return true;\n  } else if (youtubeRegex.test(url)) {\n    return true;\n  }\n  return false;\n};\n"],"names":["BubbleMenu","BaseBubbleMenu","useCallback","useState","Instagram","Twitter","Youtube","LinkEditorPanel","LinkPreviewPanel","Surface","Toolbar","LinkMenu","editor","appendTo","showEdit","setShowEdit","shouldShow","isActive","shouldShowSocialMedia","href","link","target","getAttributes","checkIfMatchesSocialMedia","handleEdit","onSetLink","url","openInNewTab","chain","focus","extendMarkRange","setLink","run","onUnsetLink","unsetLink","onShowEdit","onHideEdit","pluginKey","updateDelay","tippyOptions","popperOptions","modifiers","name","enabled","current","onHidden","initialUrl","initialOpenInNewTab","onClear","onEdit","placement","className","checkIfMatch","twitterRegex","instagramRegex","youtubeRegex","test","Button","onClick","selectParentNode","deleteSelection","insertTwitter","value","insertInstagram","insertYoutube"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/TextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/TextMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,MAAM,EAAE,MAAM,eAAe,CAAC;AA2CnD,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAgB,aAAa,gCA6NjD,CAAC"}
+{"version":3,"file":"TextMenu.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/menus/TextMenu/TextMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,MAAM,EAAE,MAAM,eAAe,CAAC;AA0CnD,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,QAAQ,eAAgB,aAAa,gCA2NjD,CAAC"}

package/dist/src/fields/TiptapEditor/features/menus/TextMenu/TextMenu.js

@@ -15,7 +15,6 @@ import { FontSizePicker } from "./components/FontSizePicker.js";
 import { useTextmenuCommands } from "./hooks/useTextmenuCommands.js";
 import { useTextmenuContentTypes } from "./hooks/useTextmenuContentTypes.js";
 import { useTextmenuStates } from "./hooks/useTextmenuStates.js";
-import { twj } from "tw-to-css";
 // We memorize the button so each button is not rerendered
 // on every editor state change
 const MemoButton = /*#__PURE__*/ memo(Toolbar.Button);
@@ -50,7 +49,7 @@ export const TextMenu = ({ editor })=>{
         }) : /*#__PURE__*/ _jsxs(Toolbar.Wrapper, {
             children: [
                 /*#__PURE__*/ _jsxs(Toolbar.Button, {
-                    style: twj("text-purple-500 hover:text-purple-600 active:text-purple-600 dark:text-purple-400 dark:hover:text-purple-300 dark:active:text-purple-400"),
+                    className: "text-purple-500 hover:text-purple-600 active:text-purple-600 dark:text-purple-400 dark:hover:text-purple-300 dark:active:text-purple-400",
                     activeClassname: "text-purple-600 hover:text-purple-600 dark:text-purple-400 dark:hover:text-purple-200",
                     onClick: ()=>setOpenAi(true),
                     children: [
@@ -177,7 +176,7 @@ export const TextMenu = ({ editor })=>{
                             sideOffset: 8,
                             asChild: true,
                             children: /*#__PURE__*/ _jsx(Surface, {
-                                style: twj("p-1"),
+                                className: "p-1",
                                 children: /*#__PURE__*/ _jsx(MemoColorPicker, {
                                     color: states.currentHighlight,
                                     onChange: commands.onChangeHighlight,
@@ -205,7 +204,7 @@ export const TextMenu = ({ editor })=>{
                             sideOffset: 8,
                             asChild: true,
                             children: /*#__PURE__*/ _jsx(Surface, {
-                                style: twj("p-1"),
+                                className: "p-1",
                                 children: /*#__PURE__*/ _jsx(MemoColorPicker, {
                                     color: states.currentColor,
                                     onChange: commands.onChangeColor,