@tulip-systems/core 0.4.0 → 0.5.0

package/dist/components/editor/components/block-dropdown.mjs

@@ -0,0 +1,97 @@
+import { Button } from "../../ui/button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../ui/dropdown-menu.mjs";
+import { Separator } from "../../ui/separator.mjs";
+import { EditorContext } from "./editor.client.mjs";
+import { ChevronDown, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, Heading5Icon, ListIcon, ListOrderedIcon, TextIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+
+//#region src/components/editor/components/block-dropdown.tsx
+const blocks = [
+	{
+		label: "Paragraaf",
+		icon: TextIcon,
+		selected: (editor) => editor.isActive("paragraph"),
+		handler: (editor) => editor.commands.setParagraph(),
+		hidden: (extensions) => !extensions.paragraph
+	},
+	{
+		label: "Titel 1",
+		icon: Heading1Icon,
+		selected: (editor) => editor.isActive("heading", { level: 1 }),
+		handler: (editor) => editor.commands.setHeading({ level: 1 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 2",
+		icon: Heading2Icon,
+		selected: (editor) => editor.isActive("heading", { level: 2 }),
+		handler: (editor) => editor.commands.setHeading({ level: 2 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 3",
+		icon: Heading3Icon,
+		selected: (editor) => editor.isActive("heading", { level: 3 }),
+		handler: (editor) => editor.commands.setHeading({ level: 3 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 4",
+		icon: Heading4Icon,
+		selected: (editor) => editor.isActive("heading", { level: 4 }),
+		handler: (editor) => editor.commands.setHeading({ level: 4 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Titel 5",
+		icon: Heading5Icon,
+		selected: (editor) => editor.isActive("heading", { level: 5 }),
+		handler: (editor) => editor.commands.setHeading({ level: 5 }),
+		hidden: (extensions) => !extensions.heading
+	},
+	{
+		label: "Numbered List",
+		icon: ListOrderedIcon,
+		selected: (editor) => editor.isActive("orderedList"),
+		handler: (editor) => editor.commands.toggleOrderedList(),
+		hidden: (extensions) => !extensions.orderedList
+	},
+	{
+		label: "Bulleted List",
+		icon: ListIcon,
+		selected: (editor) => editor.isActive("bulletList"),
+		handler: (editor) => editor.commands.toggleBulletList(),
+		hidden: (extensions) => !extensions.bulletList
+	}
+];
+function BlockDropdown() {
+	const { editor, extensions } = useContext(EditorContext);
+	const selectedBlock = blocks.find((block) => block.selected(editor));
+	const Icon = selectedBlock?.icon;
+	const filteredBlocks = blocks.filter((block) => !block.hidden(extensions));
+	if (filteredBlocks.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			size: "sm",
+			className: "flex items-center gap-8 p-2",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "flex items-center gap-2",
+				children: [Icon && /* @__PURE__ */ jsx(Icon, { className: "size-3.5" }), selectedBlock?.label ?? "Select a block"]
+			}), /* @__PURE__ */ jsx(ChevronDown, { className: "size-3.5" })]
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, { children: filteredBlocks.map(({ label, icon: Icon$1, handler }, index) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+		onClick: () => handler(editor),
+		className: "flex items-center gap-2",
+		children: [Icon$1 && /* @__PURE__ */ jsx(Icon$1, { className: "size-3.5" }), label]
+	}, index)) })] }), /* @__PURE__ */ jsx(Separator, {
+		orientation: "vertical",
+		className: "h-8"
+	})] });
+}
+
+//#endregion
+export { BlockDropdown };
+//# sourceMappingURL=block-dropdown.mjs.map

package/dist/components/editor/components/block-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-dropdown.mjs","names":["Icon"],"sources":["../../../../src/components/editor/components/block-dropdown.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { Editor } from \"@tiptap/react\";\nimport {\n  ChevronDown,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  Heading4Icon,\n  Heading5Icon,\n  ListIcon,\n  ListOrderedIcon,\n  TextIcon,\n} from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { EditorExtensionsConfigResult } from \"../lib/extensions\";\nimport { EditorContext } from \"./editor.client\";\n\nconst blocks = [\n  {\n    label: \"Paragraaf\",\n    icon: TextIcon,\n    selected: (editor: Editor) => editor.isActive(\"paragraph\"),\n    handler: (editor: Editor) => editor.commands.setParagraph(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.paragraph,\n  },\n  {\n    label: \"Titel 1\",\n    icon: Heading1Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 1 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 1 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 2\",\n    icon: Heading2Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 2 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 2 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 3\",\n    icon: Heading3Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 3 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 3 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 4\",\n    icon: Heading4Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 4 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 4 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Titel 5\",\n    icon: Heading5Icon,\n    selected: (editor: Editor) => editor.isActive(\"heading\", { level: 5 }),\n    handler: (editor: Editor) => editor.commands.setHeading({ level: 5 }),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.heading,\n  },\n  {\n    label: \"Numbered List\",\n    icon: ListOrderedIcon,\n    selected: (editor: Editor) => editor.isActive(\"orderedList\"),\n    handler: (editor: Editor) => editor.commands.toggleOrderedList(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.orderedList,\n  },\n  {\n    label: \"Bulleted List\",\n    icon: ListIcon,\n    selected: (editor: Editor) => editor.isActive(\"bulletList\"),\n    handler: (editor: Editor) => editor.commands.toggleBulletList(),\n    hidden: (extensions: EditorExtensionsConfigResult) => !extensions.bulletList,\n  },\n];\n\nexport function BlockDropdown() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  const selectedBlock = blocks.find((block) => block.selected(editor));\n  const Icon = selectedBlock?.icon;\n\n  const filteredBlocks = blocks.filter((block) => !block.hidden(extensions));\n\n  if (filteredBlocks.length === 0) return null;\n\n  return (\n    <>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button variant=\"outline\" size=\"sm\" className=\"flex items-center gap-8 p-2\">\n            <span className=\"flex items-center gap-2\">\n              {Icon && <Icon className=\"size-3.5\" />}\n              {selectedBlock?.label ?? \"Select a block\"}\n            </span>\n\n            <ChevronDown className=\"size-3.5\" />\n          </Button>\n        </DropdownMenuTrigger>\n\n        <DropdownMenuContent>\n          {filteredBlocks.map(({ label, icon: Icon, handler }, index) => (\n            <DropdownMenuItem\n              key={index}\n              onClick={() => handler(editor)}\n              className=\"flex items-center gap-2\"\n            >\n              {Icon && <Icon className=\"size-3.5\" />}\n              {label}\n            </DropdownMenuItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n\n      <Separator orientation=\"vertical\" className=\"h-8\" />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;AAwBA,MAAM,SAAS;CACb;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,YAAY;EAC1D,UAAU,WAAmB,OAAO,SAAS,cAAc;EAC3D,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACtE,UAAU,WAAmB,OAAO,SAAS,WAAW,EAAE,OAAO,GAAG,CAAC;EACrE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,cAAc;EAC5D,UAAU,WAAmB,OAAO,SAAS,mBAAmB;EAChE,SAAS,eAA6C,CAAC,WAAW;EACnE;CACD;EACE,OAAO;EACP,MAAM;EACN,WAAW,WAAmB,OAAO,SAAS,aAAa;EAC3D,UAAU,WAAmB,OAAO,SAAS,kBAAkB;EAC/D,SAAS,eAA6C,CAAC,WAAW;EACnE;CACF;AAED,SAAgB,gBAAgB;CAC9B,MAAM,EAAE,QAAQ,eAAe,WAAW,cAAc;CAExD,MAAM,gBAAgB,OAAO,MAAM,UAAU,MAAM,SAAS,OAAO,CAAC;CACpE,MAAM,OAAO,eAAe;CAE5B,MAAM,iBAAiB,OAAO,QAAQ,UAAU,CAAC,MAAM,OAAO,WAAW,CAAC;AAE1E,KAAI,eAAe,WAAW,EAAG,QAAO;AAExC,QACE,4CACE,qBAAC,2BACC,oBAAC;EAAoB;YACnB,qBAAC;GAAO,SAAQ;GAAU,MAAK;GAAK,WAAU;cAC5C,qBAAC;IAAK,WAAU;eACb,QAAQ,oBAAC,QAAK,WAAU,aAAa,EACrC,eAAe,SAAS;KACpB,EAEP,oBAAC,eAAY,WAAU,aAAa;IAC7B;GACW,EAEtB,oBAAC,iCACE,eAAe,KAAK,EAAE,OAAO,MAAMA,QAAM,WAAW,UACnD,qBAAC;EAEC,eAAe,QAAQ,OAAO;EAC9B,WAAU;aAETA,UAAQ,oBAACA,UAAK,WAAU,aAAa,EACrC;IALI,MAMY,CACnB,GACkB,IACT,EAEf,oBAAC;EAAU,aAAY;EAAW,WAAU;GAAQ,IACnD"}

package/dist/components/editor/components/content.client.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime220 from "react/jsx-runtime";
+
+//#region src/components/editor/components/content.client.d.ts
+declare function EditorContent(): react_jsx_runtime220.JSX.Element;
+//#endregion
+export { EditorContent };
+//# sourceMappingURL=content.client.d.mts.map

package/dist/components/editor/components/content.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.d.mts","names":[],"sources":["../../../../src/components/editor/components/content.client.tsx"],"sourcesContent":[],"mappings":";;;iBAOgB,aAAA,CAAA,GAAa,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/editor/components/content.client.mjs

@@ -0,0 +1,17 @@
+"use client";
+
+import { TooltipProvider } from "../../ui/tooltip.client.mjs";
+import { EditorContext } from "./editor.client.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { EditorContent } from "@tiptap/react";
+
+//#region src/components/editor/components/content.client.tsx
+function EditorContent$1() {
+	const { editor } = useContext(EditorContext);
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+}
+
+//#endregion
+export { EditorContent$1 as EditorContent };
+//# sourceMappingURL=content.client.mjs.map

package/dist/components/editor/components/content.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.client.mjs","names":["EditorContent","TiptapEditorContent"],"sources":["../../../../src/components/editor/components/content.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { TooltipProvider } from \"@/components/ui/tooltip.client\";\nimport { EditorContent as TiptapEditorContent } from \"@tiptap/react\";\nimport { useContext } from \"react\";\nimport { EditorContext } from \"./editor.client\";\n\nexport function EditorContent() {\n  const { editor } = useContext(EditorContext);\n\n  return (\n    <TooltipProvider>\n      <TiptapEditorContent editor={editor} />\n    </TooltipProvider>\n  );\n}\n"],"mappings":";;;;;;;;;AAOA,SAAgBA,kBAAgB;CAC9B,MAAM,EAAE,WAAW,WAAW,cAAc;AAE5C,QACE,oBAAC,6BACC,oBAACC,iBAA4B,SAAU,GACvB"}

package/dist/components/editor/components/editor.client.d.mts

@@ -0,0 +1,48 @@
+import { EditorExtensionsConfig, EditorExtensionsConfigResult } from "../lib/extensions.mjs";
+import { EditorJSONContent } from "../lib/types.mjs";
+import * as react_jsx_runtime221 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as react105 from "react";
+import { PropsWithChildren } from "react";
+import { Content, Editor } from "@tiptap/react";
+import * as class_variance_authority_types4 from "class-variance-authority/types";
+
+//#region src/components/editor/components/editor.client.d.ts
+/**
+ * Editor context
+ */
+type EditorContextValue = {
+  editor: Editor;
+  extensions: EditorExtensionsConfigResult;
+};
+declare const EditorContext: react105.Context<EditorContextValue>;
+/**
+ * Editor variants
+ */
+declare const editorVariants: (props?: ({
+  variant?: "table" | "default" | "preview" | null | undefined;
+} & class_variance_authority_types4.ClassProp) | undefined) => string;
+/**
+ * Editor context provider
+ */
+type EditorProps = VariantProps<typeof editorVariants> & PropsWithChildren<{
+  value?: Content;
+  extensions?: Partial<EditorExtensionsConfig>;
+  onUpdate?: (value: EditorJSONContent) => void;
+  onBlur?: (value: EditorJSONContent) => void;
+  disabled?: boolean;
+  className?: string;
+}>;
+declare function Editor$1({
+  value,
+  extensions,
+  onUpdate,
+  onBlur,
+  disabled,
+  variant,
+  className,
+  children
+}: EditorProps): react_jsx_runtime221.JSX.Element | null;
+//#endregion
+export { Editor$1 as Editor, EditorContext, EditorProps, editorVariants };
+//# sourceMappingURL=editor.client.d.mts.map

package/dist/components/editor/components/editor.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.client.d.mts","names":[],"sources":["../../../../src/components/editor/components/editor.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;KAkBK,kBAAA;UACK;EADL,UAAA,EAES,4BADJ;AAIV,CAAA;AAKa,cALA,aAkBX,EAlBwB,QAAA,CAAA,OAkBxB,CAlBwB,kBAkBxB,CAAA;AAKF;;;AAEY,cApBC,cAoBD,EAAA,CAAA,KACK,CADL,EAAA,CAAA;EACa,OAAA,CAAA,EAAA,OAAA,GAAA,SAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;CAAR,GARf,+BAAA,CAAA,SAQe,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;;;;AAFE,KADP,WAAA,GAAc,YACP,CAAA,OAD2B,cAC3B,CAAA,GAAjB,iBAAiB,CAAA;EASH,KAAA,CAAA,EARJ,OAQU;EACpB,UAAA,CAAA,EARe,OAQf,CARuB,sBAQvB,CAAA;EACA,QAAA,CAAA,EAAA,CAAA,KAAA,EARqB,iBAQrB,EAAA,GAAA,IAAA;EACA,MAAA,CAAA,EAAA,CAAA,KAAA,EARmB,iBAQnB,EAAA,GAAA,IAAA;EACA,QAAA,CAAA,EAAA,OAAA;EACA,SAAA,CAAA,EAAA,MAAA;CACA,CAAA;AACA,iBAPc,QAAA,CAOd;EAAA,KAAA;EAAA,UAAA;EAAA,QAAA;EAAA,MAAA;EAAA,QAAA;EAAA,OAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAEC,WAFD,CAAA,EAEY,oBAAA,CAAA,GAAA,CAAA,OAAA,GAFZ,IAAA"}

package/dist/components/editor/components/editor.client.mjs

@@ -0,0 +1,53 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig } from "../lib/extensions.mjs";
+import { editorProseVariants } from "../lib/variants.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { createContext } from "react";
+import { useEditor } from "@tiptap/react";
+
+//#region src/components/editor/components/editor.client.tsx
+const EditorContext = createContext({});
+/**
+* Editor variants
+*/
+const editorVariants = cva("", {
+	variants: { variant: {
+		default: "border-input rounded-lg border [&_.editor-content]:p-3 [&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50",
+		table: "[&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50",
+		preview: "bg-transparent [&_.editor-content]:p-0 [&_.editor-content]:min-h-0"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function Editor$1({ value, extensions, onUpdate, onBlur, disabled, variant, className, children }) {
+	const editor = useEditor({
+		extensions: editorExtensionsConfigToExtensions(extensions),
+		content: value,
+		onUpdate: ({ editor: editor$1 }) => onUpdate?.(editor$1.getJSON()),
+		onBlur: ({ editor: editor$1 }) => onBlur?.(editor$1.getJSON()),
+		editable: !disabled,
+		injectCSS: false,
+		immediatelyRender: false,
+		editorProps: {
+			transformPastedHTML: (html) => html.replace(/<img.*?>/g, ""),
+			attributes: { class: cn("editor-content text-sm max-w-full focus:outline-none", editorProseVariants(), className) }
+		}
+	});
+	if (!editor) return null;
+	return /* @__PURE__ */ jsx(EditorContext.Provider, {
+		value: {
+			editor,
+			extensions: flattenEditorExtensionsConfig(extensions)
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			className: editorVariants({ variant }),
+			children
+		})
+	});
+}
+
+//#endregion
+export { Editor$1 as Editor, EditorContext, editorVariants };
+//# sourceMappingURL=editor.client.mjs.map

package/dist/components/editor/components/editor.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.client.mjs","names":["Editor","editor"],"sources":["../../../../src/components/editor/components/editor.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils/cn\";\nimport { Content, Editor as TiptapEditor, useEditor } from \"@tiptap/react\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { createContext, PropsWithChildren } from \"react\";\nimport {\n  EditorExtensionsConfig,\n  EditorExtensionsConfigResult,\n  editorExtensionsConfigToExtensions,\n  flattenEditorExtensionsConfig,\n} from \"../lib/extensions\";\nimport { EditorJSONContent } from \"../lib/types\";\nimport { editorProseVariants } from \"../lib/variants\";\n\n/**\n * Editor context\n */\ntype EditorContextValue = {\n  editor: TiptapEditor;\n  extensions: EditorExtensionsConfigResult;\n};\n\nexport const EditorContext = createContext({} as EditorContextValue);\n\n/**\n * Editor variants\n */\nexport const editorVariants = cva(\"\", {\n  variants: {\n    variant: {\n      default:\n        \"border-input rounded-lg border [&_.editor-content]:p-3 [&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50\",\n      table:\n        \"[&_.editor-content[contenteditable='false']]:pointer-events-none [&_.editor-content[contenteditable='false']]:cursor-not-allowed [&_.editor-content[contenteditable='false']]:opacity-50\",\n      preview: \"bg-transparent [&_.editor-content]:p-0 [&_.editor-content]:min-h-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\n/**\n * Editor context provider\n */\nexport type EditorProps = VariantProps<typeof editorVariants> &\n  PropsWithChildren<{\n    value?: Content;\n    extensions?: Partial<EditorExtensionsConfig>;\n    onUpdate?: (value: EditorJSONContent) => void;\n    onBlur?: (value: EditorJSONContent) => void;\n    disabled?: boolean;\n    className?: string;\n  }>;\n\nexport function Editor({\n  value,\n  extensions,\n  onUpdate,\n  onBlur,\n  disabled,\n  variant,\n  className,\n  children,\n}: EditorProps) {\n  const editor = useEditor({\n    extensions: editorExtensionsConfigToExtensions(extensions),\n    content: value,\n    onUpdate: ({ editor }) => onUpdate?.(editor.getJSON()),\n    onBlur: ({ editor }) => onBlur?.(editor.getJSON()),\n    editable: !disabled,\n    injectCSS: false,\n    immediatelyRender: false,\n    editorProps: {\n      transformPastedHTML: (html) => html.replace(/<img.*?>/g, \"\"),\n      attributes: {\n        class: cn(\"editor-content text-sm max-w-full focus:outline-none\", editorProseVariants(), className),\n      },\n    },\n  });\n\n  if (!editor) return null;\n\n  return (\n    <EditorContext.Provider\n      value={{\n        editor,\n        extensions: flattenEditorExtensionsConfig(extensions),\n      }}\n    >\n      <div className={editorVariants({ variant })}>{children}</div>\n    </EditorContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,MAAa,gBAAgB,cAAc,EAAE,CAAuB;;;;AAKpE,MAAa,iBAAiB,IAAI,IAAI;CACpC,UAAU,EACR,SAAS;EACP,SACE;EACF,OACE;EACF,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAeF,SAAgBA,SAAO,EACrB,OACA,YACA,UACA,QACA,UACA,SACA,WACA,YACc;CACd,MAAM,SAAS,UAAU;EACvB,YAAY,mCAAmC,WAAW;EAC1D,SAAS;EACT,WAAW,EAAE,uBAAa,WAAWC,SAAO,SAAS,CAAC;EACtD,SAAS,EAAE,uBAAa,SAASA,SAAO,SAAS,CAAC;EAClD,UAAU,CAAC;EACX,WAAW;EACX,mBAAmB;EACnB,aAAa;GACX,sBAAsB,SAAS,KAAK,QAAQ,aAAa,GAAG;GAC5D,YAAY,EACV,OAAO,GAAG,wDAAwD,qBAAqB,EAAE,UAAU,EACpG;GACF;EACF,CAAC;AAEF,KAAI,CAAC,OAAQ,QAAO;AAEpB,QACE,oBAAC,cAAc;EACb,OAAO;GACL;GACA,YAAY,8BAA8B,WAAW;GACtD;YAED,oBAAC;GAAI,WAAW,eAAe,EAAE,SAAS,CAAC;GAAG;IAAe;GACtC"}

package/dist/components/editor/components/menu-fixed.client.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime222 from "react/jsx-runtime";
+
+//#region src/components/editor/components/menu-fixed.client.d.ts
+declare function EditorMenuFixed(): react_jsx_runtime222.JSX.Element;
+//#endregion
+export { EditorMenuFixed };
+//# sourceMappingURL=menu-fixed.client.d.mts.map

package/dist/components/editor/components/menu-fixed.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-fixed.client.d.mts","names":[],"sources":["../../../../src/components/editor/components/menu-fixed.client.tsx"],"sourcesContent":[],"mappings":";;;iBAmBgB,eAAA,CAAA,GAAe,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/editor/components/menu-fixed.client.mjs

@@ -0,0 +1,128 @@
+import { Button } from "../../ui/button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
+import { Separator } from "../../ui/separator.mjs";
+import { EditorContext } from "./editor.client.mjs";
+import { ColorPicker } from "../../ui/color-picker.client.mjs";
+import { BlockDropdown } from "./block-dropdown.mjs";
+import { BaselineIcon, BoldIcon, EraserIcon, ItalicIcon, PaintBucketIcon, RedoIcon, StrikethroughIcon, UnderlineIcon, UndoIcon } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+
+//#region src/components/editor/components/menu-fixed.client.tsx
+function EditorMenuFixed() {
+	const { editor, extensions } = useContext(EditorContext);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "border-input bg-muted/30 z-10 flex items-center gap-3 overflow-auto border-b p-2",
+		children: [
+			extensions.undoRedo && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsx(Button, {
+					onClick: () => editor.commands.undo(),
+					disabled: !editor?.can().undo(),
+					type: "button",
+					"aria-label": "Undo",
+					size: "icon",
+					className: "p-2",
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(UndoIcon, { className: "size-3.5" })
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: () => editor.commands.redo(),
+					disabled: !editor?.can().redo(),
+					type: "button",
+					"aria-label": "Redo",
+					size: "icon",
+					className: "p-2",
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(RedoIcon, { className: "size-3.5" })
+				})]
+			}), /* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "h-8"
+			})] }),
+			/* @__PURE__ */ jsx(BlockDropdown, {}),
+			extensions.bold || extensions.italic || extensions.underline || extensions.strike ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					extensions.bold && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("bold") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleBold().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(BoldIcon, { className: "h-3.5 w-3.5" })
+					}),
+					extensions.italic && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("italic") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleItalic().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(ItalicIcon, { className: "size-3.5" })
+					}),
+					extensions.underline && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("underline") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleUnderline().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(UnderlineIcon, { className: "size-3.5" })
+					}),
+					extensions.strike && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: editor?.isActive("strike") ? "secondary" : "outline",
+						onClick: () => editor.chain().focus().toggleStrike().run(),
+						className: "border",
+						children: /* @__PURE__ */ jsx(StrikethroughIcon, { className: "size-3.5" })
+					})
+				]
+			}), /* @__PURE__ */ jsx(Separator, {
+				orientation: "vertical",
+				className: "h-8"
+			})] }) : null,
+			extensions.color || extensions.highlight ? /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center gap-1",
+				children: [
+					extensions.color && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "icon",
+							variant: "outline",
+							children: /* @__PURE__ */ jsx(BaselineIcon, { className: "size-3.5" })
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						className: "w-fit p-0",
+						children: /* @__PURE__ */ jsx(ColorPicker, { onValueChange: (color) => editor.chain().focus().setColor(color).run() })
+					})] }),
+					extensions.highlight && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "icon",
+							variant: "outline",
+							disabled: !editor?.can().setHighlight(),
+							children: /* @__PURE__ */ jsx(PaintBucketIcon, { className: "size-3.5" })
+						})
+					}), /* @__PURE__ */ jsx(PopoverContent, {
+						className: "w-fit p-0",
+						children: /* @__PURE__ */ jsx(ColorPicker, { onValueChange: (color) => editor.chain().focus().setHighlight({ color }).run() })
+					})] }),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "icon",
+						variant: "outline",
+						className: "border",
+						onClick: () => {
+							editor.commands.unsetColor();
+							editor.commands.unsetHighlight();
+						},
+						children: /* @__PURE__ */ jsx(EraserIcon, { className: "h-4 w-4" })
+					})
+				]
+			}) : null
+		]
+	});
+}
+
+//#endregion
+export { EditorMenuFixed };
+//# sourceMappingURL=menu-fixed.client.mjs.map

package/dist/components/editor/components/menu-fixed.client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-fixed.client.mjs","names":[],"sources":["../../../../src/components/editor/components/menu-fixed.client.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { ColorPicker } from \"@/components/ui/color-picker.client\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { Separator } from \"@/components/ui/separator\";\nimport {\n  BaselineIcon,\n  BoldIcon,\n  EraserIcon,\n  ItalicIcon,\n  PaintBucketIcon,\n  RedoIcon,\n  StrikethroughIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from \"lucide-react\";\nimport { useContext } from \"react\";\nimport { BlockDropdown } from \"./block-dropdown\";\nimport { EditorContext } from \"./editor.client\";\n\nexport function EditorMenuFixed() {\n  const { editor, extensions } = useContext(EditorContext);\n\n  return (\n    <div className=\"border-input bg-muted/30 z-10 flex items-center gap-3 overflow-auto border-b p-2\">\n      {extensions.undoRedo && (\n        <>\n          <div className=\"flex items-center gap-1\">\n            <Button\n              onClick={() => editor.commands.undo()}\n              disabled={!editor?.can().undo()}\n              type=\"button\"\n              aria-label=\"Undo\"\n              size=\"icon\"\n              className=\"p-2\"\n              variant=\"outline\"\n            >\n              <UndoIcon className=\"size-3.5\" />\n            </Button>\n\n            <Button\n              onClick={() => editor.commands.redo()}\n              disabled={!editor?.can().redo()}\n              type=\"button\"\n              aria-label=\"Redo\"\n              size=\"icon\"\n              className=\"p-2\"\n              variant=\"outline\"\n            >\n              <RedoIcon className=\"size-3.5\" />\n            </Button>\n          </div>\n\n          <Separator orientation=\"vertical\" className=\"h-8\" />\n        </>\n      )}\n\n      <BlockDropdown />\n\n      {extensions.bold || extensions.italic || extensions.underline || extensions.strike ? (\n        <>\n          <div className=\"flex items-center gap-1\">\n            {extensions.bold && (\n              <Button\n                type=\"button\"\n                size=\"icon\"\n                variant={editor?.isActive(\"bold\") ? \"secondary\" : \"outline\"}\n                onClick={() => editor.chain().focus().toggleBold().run()}\n                className=\"border\"\n              >\n                <BoldIcon className=\"h-3.5 w-3.5\" />\n              </Button>\n            )}\n\n            {extensions.italic && (\n              <Button\n                type=\"button\"\n                size=\"icon\"\n                variant={editor?.isActive(\"italic\") ? \"secondary\" : \"outline\"}\n                onClick={() => editor.chain().focus().toggleItalic().run()}\n                className=\"border\"\n              >\n                <ItalicIcon className=\"size-3.5\" />\n              </Button>\n            )}\n\n            {extensions.underline && (\n              <Button\n                type=\"button\"\n                size=\"icon\"\n                variant={editor?.isActive(\"underline\") ? \"secondary\" : \"outline\"}\n                onClick={() => editor.chain().focus().toggleUnderline().run()}\n                className=\"border\"\n              >\n                <UnderlineIcon className=\"size-3.5\" />\n              </Button>\n            )}\n\n            {extensions.strike && (\n              <Button\n                type=\"button\"\n                size=\"icon\"\n                variant={editor?.isActive(\"strike\") ? \"secondary\" : \"outline\"}\n                onClick={() => editor.chain().focus().toggleStrike().run()}\n                className=\"border\"\n              >\n                <StrikethroughIcon className=\"size-3.5\" />\n              </Button>\n            )}\n          </div>\n\n          <Separator orientation=\"vertical\" className=\"h-8\" />\n        </>\n      ) : null}\n\n      {extensions.color || extensions.highlight ? (\n        <div className=\"flex items-center gap-1\">\n          {extensions.color && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <Button size=\"icon\" variant=\"outline\">\n                  <BaselineIcon className=\"size-3.5\" />\n                </Button>\n              </PopoverTrigger>\n\n              <PopoverContent className=\"w-fit p-0\">\n                <ColorPicker\n                  onValueChange={(color) => editor.chain().focus().setColor(color).run()}\n                />\n              </PopoverContent>\n            </Popover>\n          )}\n\n          {extensions.highlight && (\n            <Popover>\n              <PopoverTrigger asChild>\n                <Button size=\"icon\" variant=\"outline\" disabled={!editor?.can().setHighlight()}>\n                  <PaintBucketIcon className=\"size-3.5\" />\n                </Button>\n              </PopoverTrigger>\n\n              <PopoverContent className=\"w-fit p-0\">\n                <ColorPicker\n                  onValueChange={(color) => editor.chain().focus().setHighlight({ color }).run()}\n                />\n              </PopoverContent>\n            </Popover>\n          )}\n\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"outline\"\n            className=\"border\"\n            onClick={() => {\n              editor.commands.unsetColor();\n              editor.commands.unsetHighlight();\n            }}\n          >\n            <EraserIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/editor/lib/constants.d.mts

@@ -0,0 +1,60 @@
+import * as _tiptap_extension_blockquote0 from "@tiptap/extension-blockquote";
+import * as _tiptap_extension_bold0 from "@tiptap/extension-bold";
+import * as _tiptap_extension_hard_break0 from "@tiptap/extension-hard-break";
+import * as _tiptap_extension_heading0 from "@tiptap/extension-heading";
+import * as _tiptap_extension_highlight0 from "@tiptap/extension-highlight";
+import * as _tiptap_extension_horizontal_rule0 from "@tiptap/extension-horizontal-rule";
+import * as _tiptap_extension_image0 from "@tiptap/extension-image";
+import * as _tiptap_extension_italic0 from "@tiptap/extension-italic";
+import * as _tiptap_extension_link0 from "@tiptap/extension-link";
+import * as _tiptap_extension_list0 from "@tiptap/extension-list";
+import * as _tiptap_extension_paragraph0 from "@tiptap/extension-paragraph";
+import * as _tiptap_extension_strike0 from "@tiptap/extension-strike";
+import * as _tiptap_extension_text_style0 from "@tiptap/extension-text-style";
+import * as _tiptap_extension_underline0 from "@tiptap/extension-underline";
+import * as _tiptap_extensions0 from "@tiptap/extensions";
+import * as _tiptap_core11 from "@tiptap/core";
+
+//#region src/components/editor/lib/constants.d.ts
+/**
+ * Editor extensions map
+ */
+declare const EDITOR_EXTENSIONS: {
+  /**
+   * Nodes
+   */
+  blockquote: _tiptap_core11.Node<_tiptap_extension_blockquote0.BlockquoteOptions, any>;
+  document: _tiptap_core11.Node<any, any>;
+  hardBreak: _tiptap_core11.Node<_tiptap_extension_hard_break0.HardBreakOptions, any>;
+  heading: _tiptap_core11.Node<_tiptap_extension_heading0.HeadingOptions, any>;
+  horizontalRule: _tiptap_core11.Node<_tiptap_extension_horizontal_rule0.HorizontalRuleOptions, any>;
+  listItem: _tiptap_core11.Node<_tiptap_extension_list0.ListItemOptions, any>;
+  orderedList: _tiptap_core11.Node<_tiptap_extension_list0.OrderedListOptions, any>;
+  bulletList: _tiptap_core11.Node<_tiptap_extension_list0.BulletListOptions, any>;
+  paragraph: _tiptap_core11.Node<_tiptap_extension_paragraph0.ParagraphOptions, any>;
+  text: _tiptap_core11.Node<any, any>;
+  image: _tiptap_core11.Node<_tiptap_extension_image0.ImageOptions, any>;
+  /**
+   * Marks
+   */
+  bold: _tiptap_core11.Mark<_tiptap_extension_bold0.BoldOptions, any>;
+  italic: _tiptap_core11.Mark<_tiptap_extension_italic0.ItalicOptions, any>;
+  link: _tiptap_core11.Mark<_tiptap_extension_link0.LinkOptions, any>;
+  strike: _tiptap_core11.Mark<_tiptap_extension_strike0.StrikeOptions, any>;
+  underline: _tiptap_core11.Mark<_tiptap_extension_underline0.UnderlineOptions, any>;
+  highlight: _tiptap_core11.Mark<_tiptap_extension_highlight0.HighlightOptions, any>;
+  /**
+   * Extensions
+   */
+  dropcursor: _tiptap_core11.Extension<_tiptap_extensions0.DropcursorOptions, any>;
+  gapcursor: _tiptap_core11.Extension<any, any>;
+  undoRedo: _tiptap_core11.Extension<_tiptap_extensions0.UndoRedoOptions, any>;
+  listKeymap: _tiptap_core11.Extension<_tiptap_extension_list0.ListKeymapOptions, any>;
+  trailingNode: _tiptap_core11.Extension<_tiptap_extensions0.TrailingNodeOptions, any>;
+  textStyle: _tiptap_core11.Mark<_tiptap_extension_text_style0.TextStyleOptions, any>;
+  color: _tiptap_core11.Extension<_tiptap_extension_text_style0.ColorOptions, any>;
+};
+type EditorExtensions = typeof EDITOR_EXTENSIONS;
+//#endregion
+export { EditorExtensions };
+//# sourceMappingURL=constants.d.mts.map

package/dist/components/editor/lib/constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.mts","names":[],"sources":["../../../../src/components/editor/lib/constants.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;cAsBa;;;;kCAkCZ,6BAAA,CAAA,iBAAA;;;;;;;;;;;EAlCY;;;;;;;;;;;;;;;;;;;;KAoCD,gBAAA,UAA0B"}

package/dist/components/editor/lib/constants.mjs

@@ -0,0 +1,90 @@
+import { createExtensionConfig } from "./extensions.mjs";
+import Blockquote from "@tiptap/extension-blockquote";
+import Bold from "@tiptap/extension-bold";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+import Heading from "@tiptap/extension-heading";
+import Highlight from "@tiptap/extension-highlight";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Image from "@tiptap/extension-image";
+import Italic from "@tiptap/extension-italic";
+import Link from "@tiptap/extension-link";
+import { BulletList, ListItem, ListKeymap, OrderedList } from "@tiptap/extension-list";
+import Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import { Color, TextStyle } from "@tiptap/extension-text-style";
+import Underline from "@tiptap/extension-underline";
+import { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from "@tiptap/extensions";
+
+//#region src/components/editor/lib/constants.ts
+/**
+* Editor extensions map
+*/
+const EDITOR_EXTENSIONS = {
+	blockquote: Blockquote,
+	document: Document,
+	hardBreak: HardBreak,
+	heading: Heading,
+	horizontalRule: HorizontalRule,
+	listItem: ListItem,
+	orderedList: OrderedList,
+	bulletList: BulletList,
+	paragraph: Paragraph,
+	text: Text,
+	image: Image,
+	bold: Bold,
+	italic: Italic,
+	link: Link,
+	strike: Strike,
+	underline: Underline,
+	highlight: Highlight,
+	dropcursor: Dropcursor,
+	gapcursor: Gapcursor,
+	undoRedo: UndoRedo,
+	listKeymap: ListKeymap,
+	trailingNode: TrailingNode,
+	textStyle: TextStyle,
+	color: Color
+};
+/**
+* Editor extensions keys
+*/
+const EDITOR_EXTENSIONS_KEYS = Object.keys(EDITOR_EXTENSIONS);
+/**
+* Editor extensions values
+*/
+const EDITOR_EXTENSIONS_VALUES = Object.values(EDITOR_EXTENSIONS);
+/**
+* Editor extensions config
+*/
+const EDITOR_EXTENSIONS_CONFIG = [
+	createExtensionConfig("blockquote"),
+	createExtensionConfig("document"),
+	createExtensionConfig("hardBreak"),
+	createExtensionConfig("heading"),
+	createExtensionConfig("horizontalRule"),
+	createExtensionConfig("listItem"),
+	createExtensionConfig("orderedList"),
+	createExtensionConfig("bulletList"),
+	createExtensionConfig("paragraph"),
+	createExtensionConfig("text"),
+	createExtensionConfig("image", { allowBase64: false }),
+	createExtensionConfig("bold"),
+	createExtensionConfig("italic"),
+	createExtensionConfig("link"),
+	createExtensionConfig("strike"),
+	createExtensionConfig("underline"),
+	createExtensionConfig("highlight", { multicolor: true }),
+	createExtensionConfig("dropcursor"),
+	createExtensionConfig("gapcursor"),
+	createExtensionConfig("undoRedo"),
+	createExtensionConfig("listKeymap"),
+	createExtensionConfig("trailingNode"),
+	createExtensionConfig("textStyle"),
+	createExtensionConfig("color")
+];
+
+//#endregion
+export { EDITOR_EXTENSIONS, EDITOR_EXTENSIONS_CONFIG, EDITOR_EXTENSIONS_KEYS, EDITOR_EXTENSIONS_VALUES };
+//# sourceMappingURL=constants.mjs.map

package/dist/components/editor/lib/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","names":[],"sources":["../../../../src/components/editor/lib/constants.ts"],"sourcesContent":["import Blockquote from \"@tiptap/extension-blockquote\";\nimport Bold from \"@tiptap/extension-bold\";\nimport Document from \"@tiptap/extension-document\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport Heading from \"@tiptap/extension-heading\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport HorizontalRule from \"@tiptap/extension-horizontal-rule\";\nimport Image from \"@tiptap/extension-image\";\nimport Italic from \"@tiptap/extension-italic\";\nimport Link from \"@tiptap/extension-link\";\nimport { BulletList, ListItem, ListKeymap, OrderedList } from \"@tiptap/extension-list\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Strike from \"@tiptap/extension-strike\";\nimport Text from \"@tiptap/extension-text\";\nimport { Color, TextStyle } from \"@tiptap/extension-text-style\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { Dropcursor, Gapcursor, TrailingNode, UndoRedo } from \"@tiptap/extensions\";\nimport { createExtensionConfig } from \"./extensions\";\n\n/**\n * Editor extensions map\n */\nexport const EDITOR_EXTENSIONS = {\n  /**\n   * Nodes\n   */\n  blockquote: Blockquote,\n  document: Document,\n  hardBreak: HardBreak,\n  heading: Heading,\n  horizontalRule: HorizontalRule,\n  listItem: ListItem,\n  orderedList: OrderedList,\n  bulletList: BulletList,\n  paragraph: Paragraph,\n  text: Text,\n  image: Image,\n  /**\n   * Marks\n   */\n  bold: Bold,\n  italic: Italic,\n  link: Link,\n  strike: Strike,\n  underline: Underline,\n  highlight: Highlight,\n  /**\n   * Extensions\n   */\n  dropcursor: Dropcursor,\n  gapcursor: Gapcursor,\n  undoRedo: UndoRedo,\n  listKeymap: ListKeymap,\n  trailingNode: TrailingNode,\n  textStyle: TextStyle,\n  color: Color,\n};\n\nexport type EditorExtensions = typeof EDITOR_EXTENSIONS;\n\n/**\n * Editor extensions keys\n */\nexport const EDITOR_EXTENSIONS_KEYS = Object.keys(EDITOR_EXTENSIONS);\nexport type EditorExtensionsKeys = keyof typeof EDITOR_EXTENSIONS;\n\n/**\n * Editor extensions values\n */\nexport const EDITOR_EXTENSIONS_VALUES = Object.values(EDITOR_EXTENSIONS);\n\n/**\n * Editor extensions config\n */\nexport const EDITOR_EXTENSIONS_CONFIG = [\n  /**\n   * Nodes\n   */\n  createExtensionConfig(\"blockquote\"),\n  createExtensionConfig(\"document\"),\n  createExtensionConfig(\"hardBreak\"),\n  createExtensionConfig(\"heading\"),\n  createExtensionConfig(\"horizontalRule\"),\n  createExtensionConfig(\"listItem\"),\n  createExtensionConfig(\"orderedList\"),\n  createExtensionConfig(\"bulletList\"),\n  createExtensionConfig(\"paragraph\"),\n  createExtensionConfig(\"text\"),\n  createExtensionConfig(\"image\", { allowBase64: false }),\n  /**\n   * Marks\n   */\n  createExtensionConfig(\"bold\"),\n  createExtensionConfig(\"italic\"),\n  createExtensionConfig(\"link\"),\n  createExtensionConfig(\"strike\"),\n  createExtensionConfig(\"underline\"),\n  createExtensionConfig(\"highlight\", { multicolor: true }),\n  /**\n   * Extensions\n   */\n  createExtensionConfig(\"dropcursor\"),\n  createExtensionConfig(\"gapcursor\"),\n  createExtensionConfig(\"undoRedo\"),\n  createExtensionConfig(\"listKeymap\"),\n  createExtensionConfig(\"trailingNode\"),\n  createExtensionConfig(\"textStyle\"),\n  createExtensionConfig(\"color\"),\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAa,oBAAoB;CAI/B,YAAY;CACZ,UAAU;CACV,WAAW;CACX,SAAS;CACT,gBAAgB;CAChB,UAAU;CACV,aAAa;CACb,YAAY;CACZ,WAAW;CACX,MAAM;CACN,OAAO;CAIP,MAAM;CACN,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,WAAW;CACX,WAAW;CAIX,YAAY;CACZ,WAAW;CACX,UAAU;CACV,YAAY;CACZ,cAAc;CACd,WAAW;CACX,OAAO;CACR;;;;AAOD,MAAa,yBAAyB,OAAO,KAAK,kBAAkB;;;;AAMpE,MAAa,2BAA2B,OAAO,OAAO,kBAAkB;;;;AAKxE,MAAa,2BAA2B;CAItC,sBAAsB,aAAa;CACnC,sBAAsB,WAAW;CACjC,sBAAsB,YAAY;CAClC,sBAAsB,UAAU;CAChC,sBAAsB,iBAAiB;CACvC,sBAAsB,WAAW;CACjC,sBAAsB,cAAc;CACpC,sBAAsB,aAAa;CACnC,sBAAsB,YAAY;CAClC,sBAAsB,OAAO;CAC7B,sBAAsB,SAAS,EAAE,aAAa,OAAO,CAAC;CAItD,sBAAsB,OAAO;CAC7B,sBAAsB,SAAS;CAC/B,sBAAsB,OAAO;CAC7B,sBAAsB,SAAS;CAC/B,sBAAsB,YAAY;CAClC,sBAAsB,aAAa,EAAE,YAAY,MAAM,CAAC;CAIxD,sBAAsB,aAAa;CACnC,sBAAsB,YAAY;CAClC,sBAAsB,WAAW;CACjC,sBAAsB,aAAa;CACnC,sBAAsB,eAAe;CACrC,sBAAsB,YAAY;CAClC,sBAAsB,QAAQ;CAC/B"}