@tulip-systems/core 0.5.2 → 0.5.3

package/dist/components/editor/extensions/skeleton/renderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.mjs","names":[],"sources":["../../../../../src/components/editor/extensions/skeleton/renderer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Skeleton } from \"@/components/ui/skeleton\";\nimport { NodeViewWrapper } from \"@tiptap/react\";\n\nexport function SkeletonNodeRenderer(props: { node: any }) {\n  const { width, height } = props.node.attrs;\n\n  return (\n    <NodeViewWrapper as=\"span\" data-skeleton=\"true\">\n      <Skeleton className=\"min-h-[500px] w-full\" style={{ width, height }} />\n    </NodeViewWrapper>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,qBAAqB,OAAsB;CACzD,MAAM,EAAE,OAAO,WAAW,MAAM,KAAK;AAErC,QACE,oBAAC;EAAgB,IAAG;EAAO,iBAAc;YACvC,oBAAC;GAAS,WAAU;GAAuB,OAAO;IAAE;IAAO;IAAQ;IAAI;GACvD"}

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

@@ -1,10 +1,11 @@
+import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
+import { ImageOptions } from "../extensions/image/extension.mjs";
 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";
@@ -13,7 +14,7 @@ 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";
+import * as _tiptap_core12 from "@tiptap/core";
 
 //#region src/components/editor/lib/constants.d.ts
 /**
@@ -23,36 +24,38 @@ 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>;
+  blockquote: _tiptap_core12.Node<_tiptap_extension_blockquote0.BlockquoteOptions, any>;
+  document: _tiptap_core12.Node<any, any>;
+  hardBreak: _tiptap_core12.Node<_tiptap_extension_hard_break0.HardBreakOptions, any>;
+  heading: _tiptap_core12.Node<_tiptap_extension_heading0.HeadingOptions, any>;
+  horizontalRule: _tiptap_core12.Node<_tiptap_extension_horizontal_rule0.HorizontalRuleOptions, any>;
+  listItem: _tiptap_core12.Node<_tiptap_extension_list0.ListItemOptions, any>;
+  orderedList: _tiptap_core12.Node<_tiptap_extension_list0.OrderedListOptions, any>;
+  bulletList: _tiptap_core12.Node<_tiptap_extension_list0.BulletListOptions, any>;
+  paragraph: _tiptap_core12.Node<_tiptap_extension_paragraph0.ParagraphOptions, any>;
+  text: _tiptap_core12.Node<any, any>;
+  image: _tiptap_core12.Node<ImageOptions, any>;
+  fileHandler: _tiptap_core12.Extension<FileHandlerOptions, any>;
+  skeleton: _tiptap_core12.Node<any, 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>;
+  bold: _tiptap_core12.Mark<_tiptap_extension_bold0.BoldOptions, any>;
+  italic: _tiptap_core12.Mark<_tiptap_extension_italic0.ItalicOptions, any>;
+  link: _tiptap_core12.Mark<_tiptap_extension_link0.LinkOptions, any>;
+  strike: _tiptap_core12.Mark<_tiptap_extension_strike0.StrikeOptions, any>;
+  underline: _tiptap_core12.Mark<_tiptap_extension_underline0.UnderlineOptions, any>;
+  highlight: _tiptap_core12.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>;
+  dropcursor: _tiptap_core12.Extension<_tiptap_extensions0.DropcursorOptions, any>;
+  gapcursor: _tiptap_core12.Extension<any, any>;
+  undoRedo: _tiptap_core12.Extension<_tiptap_extensions0.UndoRedoOptions, any>;
+  listKeymap: _tiptap_core12.Extension<_tiptap_extension_list0.ListKeymapOptions, any>;
+  trailingNode: _tiptap_core12.Extension<_tiptap_extensions0.TrailingNodeOptions, any>;
+  textStyle: _tiptap_core12.Mark<_tiptap_extension_text_style0.TextStyleOptions, any>;
+  color: _tiptap_core12.Extension<_tiptap_extension_text_style0.ColorOptions, any>;
 };
 type EditorExtensions = typeof EDITOR_EXTENSIONS;
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"constants.d.mts","names":[],"sources":["../../../../src/components/editor/lib/constants.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;cAwBa;;;;kCAoCZ,6BAAA,CAAA,iBAAA;;;;;;;;;;;;EApCY,QAAA,qBAoCZ,CAAA,GAAA,EAAA,GAAA,CAAA;EAAA;;;;;;;;;;;;;;;;;;;;KAEW,gBAAA,UAA0B"}

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

@@ -1,3 +1,6 @@
+import { FileHandler } from "../extensions/file-handler/extension.mjs";
+import { Image } from "../extensions/image/extension.mjs";
+import { Skeleton } from "../extensions/skeleton/extension.mjs";
 import { createExtensionConfig } from "./extensions.mjs";
 import Blockquote from "@tiptap/extension-blockquote";
 import Bold from "@tiptap/extension-bold";
@@ -6,7 +9,6 @@ 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";
@@ -33,6 +35,8 @@ const EDITOR_EXTENSIONS = {
 	paragraph: Paragraph,
 	text: Text,
 	image: Image,
+	fileHandler: FileHandler,
+	skeleton: Skeleton,
 	bold: Bold,
 	italic: Italic,
 	link: Link,
@@ -69,7 +73,15 @@ const EDITOR_EXTENSIONS_CONFIG = [
 	createExtensionConfig("bulletList"),
 	createExtensionConfig("paragraph"),
 	createExtensionConfig("text"),
-	createExtensionConfig("image", { allowBase64: false }),
+	createExtensionConfig("image", { resize: {
+		enabled: true,
+		directions: ["left", "right"],
+		minHeight: 50,
+		minWidth: 50,
+		alwaysPreserveAspectRatio: true
+	} }),
+	createExtensionConfig("fileHandler"),
+	createExtensionConfig("skeleton"),
 	createExtensionConfig("bold"),
 	createExtensionConfig("italic"),
 	createExtensionConfig("link"),

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

@@ -1 +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"}
+{"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 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 { FileHandler } from \"../extensions/file-handler/extension\";\nimport { Image } from \"../extensions/image/extension\";\nimport { Skeleton } from \"../extensions/skeleton/extension\";\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  fileHandler: FileHandler,\n  skeleton: Skeleton,\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\", {\n    resize: {\n      enabled: true,\n      directions: [\"left\", \"right\"],\n      minHeight: 50,\n      minWidth: 50,\n      alwaysPreserveAspectRatio: true,\n    },\n  }),\n  createExtensionConfig(\"fileHandler\"),\n  createExtensionConfig(\"skeleton\"),\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,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;CACP,aAAa;CACb,UAAU;CAIV,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,EAC7B,QAAQ;EACN,SAAS;EACT,YAAY,CAAC,QAAQ,QAAQ;EAC7B,WAAW;EACX,UAAU;EACV,2BAA2B;EAC5B,EACF,CAAC;CACF,sBAAsB,cAAc;CACpC,sBAAsB,WAAW;CAIjC,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"}

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

@@ -1,3 +1,5 @@
+import { FileHandlerOptions } from "../extensions/file-handler/extension.mjs";
+import { ImageOptions } from "../extensions/image/extension.mjs";
 import { EditorExtensions } from "./constants.mjs";
 import { BlockquoteOptions } from "@tiptap/extension-blockquote";
 import { BoldOptions } from "@tiptap/extension-bold";
@@ -5,7 +7,6 @@ import { HardBreakOptions } from "@tiptap/extension-hard-break";
 import { HeadingOptions } from "@tiptap/extension-heading";
 import { HighlightOptions } from "@tiptap/extension-highlight";
 import { HorizontalRuleOptions } from "@tiptap/extension-horizontal-rule";
-import { ImageOptions } from "@tiptap/extension-image";
 import { ItalicOptions } from "@tiptap/extension-italic";
 import { LinkOptions } from "@tiptap/extension-link";
 import { BulletListOptions, ListItemOptions, ListKeymapOptions, OrderedListOptions } from "@tiptap/extension-list";
@@ -14,6 +15,7 @@ import { StrikeOptions } from "@tiptap/extension-strike";
 import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
 import { UnderlineOptions } from "@tiptap/extension-underline";
 import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
+import "@tiptap/core";
 import "@tiptap/react";
 
 //#region src/components/editor/lib/extensions.d.ts
@@ -39,6 +41,8 @@ type EditorExtensionsConfig = {
   paragraph: Partial<ParagraphOptions> | boolean;
   text: Partial<TextStyleOptions> | boolean;
   image: Partial<ImageOptions> | boolean;
+  fileHandler: Partial<FileHandlerOptions> | boolean;
+  skeleton: boolean;
   /**
    * Marks
    */

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

@@ -1 +1 @@
-{"version":3,"file":"extensions.d.mts","names":[],"sources":["../../../../src/components/editor/lib/extensions.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;AAKc,KALF,sBAAA,GAKE;EAEO;;;EACV,UAAA,EAJG,OAIH,CAJW,iBAIX,CAAA,GAAA,OAAA;EACe,UAAA,EAJZ,OAIY,CAJJ,iBAII,CAAA,GAAA,OAAA;EAAR,QAAA,EAAA,OAAA;EACE,SAAA,EAHP,OAGO,CAHC,gBAGD,CAAA,GAAA,OAAA;EAAR,OAAA,EAFD,OAEC,CAFO,cAEP,CAAA,GAAA,OAAA;EACW,cAAA,EAFL,OAEK,CAFG,qBAEH,CAAA,GAAA,OAAA;EAAR,QAAA,EADH,OACG,CADK,eACL,CAAA,GAAA,OAAA;EACM,WAAA,EADN,OACM,CADE,kBACF,CAAA,GAAA,OAAA;EAAR,SAAA,EAAA,OAAA,CAAQ,gBAAR,CAAA,GAAA,OAAA;EACG,IAAA,EAAR,OAAQ,CAAA,gBAAA,CAAA,GAAA,OAAA;EAAR,KAAA,EACC,OADD,CACS,YADT,CAAA,GAAA,OAAA;EACS;;;EAIT,IAAA,EAAA,OAAA,CAAQ,WAAR,CAAA,GAAA,OAAA;EACU,MAAA,EAAR,OAAQ,CAAA,aAAA,CAAA,GAAA,OAAA;EAAR,IAAA,EACF,OADE,CACM,WADN,CAAA,GAAA,OAAA;EACM,MAAA,EACN,OADM,CACE,aADF,CAAA,GAAA,OAAA;EAAR,SAAA,EAEK,OAFL,CAEa,gBAFb,CAAA,GAAA,OAAA;EACU,SAAA,EAEL,OAFK,CAEG,gBAFH,CAAA,GAAA,OAAA;EAAR;;;EAEW,UAAA,EAIP,OAJO,CAIC,iBAJD,CAAA,GAAA,OAAA;EAAR,SAAA,EAAA,OAAA;EAIS,QAAA,EAEV,OAFU,CAEF,eAFE,CAAA,GAAA,OAAA;EAAR,UAAA,EAGA,OAHA,CAGQ,iBAHR,CAAA,GAAA,OAAA;EAEM,YAAA,EAEJ,OAFI,CAEI,mBAFJ,CAAA,GAAA,OAAA;EAAR,SAAA,EAGC,OAHD,CAGS,gBAHT,CAAA,GAAA,OAAA;EACU,KAAA,EAGb,OAHa,CAGL,YAHK,CAAA,GAAA,OAAA;CAAR;KA2EF,4BAAA,GAA+B,aAAa"}
+{"version":3,"file":"extensions.d.mts","names":[],"sources":["../../../../src/components/editor/lib/extensions.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoCA;;;AAKsB,KALV,sBAAA,GAKU;EAAR;;;EAGK,UAAA,EAJL,OAIK,CAJG,iBAIH,CAAA,GAAA,OAAA;EAAR,UAAA,EAHG,OAGH,CAHW,iBAGX,CAAA,GAAA,OAAA;EACe,QAAA,EAAA,OAAA;EAAR,SAAA,EAFL,OAEK,CAFG,gBAEH,CAAA,GAAA,OAAA;EACE,OAAA,EAFT,OAES,CAFD,cAEC,CAAA,GAAA,OAAA;EAAR,cAAA,EADM,OACN,CADc,qBACd,CAAA,GAAA,OAAA;EACW,QAAA,EADX,OACW,CADH,eACG,CAAA,GAAA,OAAA;EAAR,WAAA,EAAA,OAAA,CAAQ,kBAAR,CAAA,GAAA,OAAA;EACM,SAAA,EAAR,OAAQ,CAAA,gBAAA,CAAA,GAAA,OAAA;EAAR,IAAA,EACL,OADK,CACG,gBADH,CAAA,GAAA,OAAA;EACG,KAAA,EACP,OADO,CACC,YADD,CAAA,GAAA,OAAA;EAAR,WAAA,EAEO,OAFP,CAEe,kBAFf,CAAA,GAAA,OAAA;EACS,QAAA,EAAA,OAAA;EAAR;;;EAMO,IAAA,EAAR,OAAQ,CAAA,WAAA,CAAA,GAAA,OAAA;EAAR,MAAA,EACE,OADF,CACU,aADV,CAAA,GAAA,OAAA;EACU,IAAA,EACV,OADU,CACF,WADE,CAAA,GAAA,OAAA;EAAR,MAAA,EAEA,OAFA,CAEQ,aAFR,CAAA,GAAA,OAAA;EACM,SAAA,EAEH,OAFG,CAEK,gBAFL,CAAA,GAAA,OAAA;EAAR,SAAA,EAGK,OAHL,CAGa,gBAHb,CAAA,GAAA,OAAA;EACU;;;EACL,UAAA,EAKC,OALD,CAKS,iBALT,CAAA,GAAA,OAAA;EACQ,SAAA,EAAA,OAAA;EAAR,QAAA,EAMD,OANC,CAMO,eANP,CAAA,GAAA,OAAA;EAIS,UAAA,EAGR,OAHQ,CAGA,iBAHA,CAAA,GAAA,OAAA;EAAR,YAAA,EAIE,OAJF,CAIU,mBAJV,CAAA,GAAA,OAAA;EAEM,SAAA,EAGP,OAHO,CAGC,gBAHD,CAAA,GAAA,OAAA;EAAR,KAAA,EAIH,OAJG,CAIK,YAJL,CAAA,GAAA,OAAA;CACU;KA2EV,4BAAA,GAA+B,aAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"extensions.mjs","names":[],"sources":["../../../../src/components/editor/lib/extensions.ts"],"sourcesContent":["import { BlockquoteOptions } from \"@tiptap/extension-blockquote\";\nimport { BoldOptions } from \"@tiptap/extension-bold\";\nimport { HardBreakOptions } from \"@tiptap/extension-hard-break\";\nimport { HeadingOptions } from \"@tiptap/extension-heading\";\nimport { HighlightOptions } from \"@tiptap/extension-highlight\";\nimport { HorizontalRuleOptions } from \"@tiptap/extension-horizontal-rule\";\nimport { ImageOptions } from \"@tiptap/extension-image\";\nimport { ItalicOptions } from \"@tiptap/extension-italic\";\nimport { LinkOptions } from \"@tiptap/extension-link\";\nimport {\n  BulletListOptions,\n  ListItemOptions,\n  ListKeymapOptions,\n  OrderedListOptions,\n} from \"@tiptap/extension-list\";\nimport { ParagraphOptions } from \"@tiptap/extension-paragraph\";\nimport { StrikeOptions } from \"@tiptap/extension-strike\";\nimport { ColorOptions, TextStyleOptions } from \"@tiptap/extension-text-style\";\nimport { UnderlineOptions } from \"@tiptap/extension-underline\";\nimport { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from \"@tiptap/extensions\";\nimport { Extension } from \"@tiptap/react\";\nimport deepmerge from \"deepmerge\";\nimport {\n  EDITOR_EXTENSIONS,\n  EDITOR_EXTENSIONS_CONFIG,\n  EDITOR_EXTENSIONS_KEYS,\n  EditorExtensions,\n} from \"./constants\";\n\n/**\n * Editor extensions defaults\n */\n/**\n * Editor extensions map\n */\nexport type EditorExtensionsConfig = {\n  /**\n   * Nodes\n   */\n  blockquote: Partial<BlockquoteOptions> | boolean;\n  bulletList: Partial<BulletListOptions> | boolean;\n  document: boolean;\n  hardBreak: Partial<HardBreakOptions> | boolean;\n  heading: Partial<HeadingOptions> | boolean;\n  horizontalRule: Partial<HorizontalRuleOptions> | boolean;\n  listItem: Partial<ListItemOptions> | boolean;\n  orderedList: Partial<OrderedListOptions> | boolean;\n  paragraph: Partial<ParagraphOptions> | boolean;\n  text: Partial<TextStyleOptions> | boolean;\n  image: Partial<ImageOptions> | boolean;\n  /**\n   * Marks\n   */\n  bold: Partial<BoldOptions> | boolean;\n  italic: Partial<ItalicOptions> | boolean;\n  link: Partial<LinkOptions> | boolean;\n  strike: Partial<StrikeOptions> | boolean;\n  underline: Partial<UnderlineOptions> | boolean;\n  highlight: Partial<HighlightOptions> | boolean;\n  /**\n   * Extensions\n   */\n  dropcursor: Partial<DropcursorOptions> | boolean;\n  gapcursor: boolean;\n  undoRedo: Partial<UndoRedoOptions> | boolean;\n  listKeymap: Partial<ListKeymapOptions> | boolean;\n  trailingNode: Partial<TrailingNodeOptions> | boolean;\n  textStyle: Partial<TextStyleOptions> | boolean;\n  color: Partial<ColorOptions> | boolean;\n};\n\n/**\n * Create extension config\n * @param name\n * @param defaultOptions\n * @returns\n */\nexport function createExtensionConfig<TName extends keyof EditorExtensionsConfig>(\n  name: TName,\n  defaultOptions: Partial<Exclude<EditorExtensionsConfig[TName], boolean>> = {},\n) {\n  return {\n    name,\n    configure: (options: EditorExtensionsConfig[TName]) => {\n      // Get extension\n      const extension = EDITOR_EXTENSIONS[name];\n\n      // If no options or no extension, return undefined\n      if (!options || !extension) return undefined;\n\n      // If no options are provided, return extension\n      if (typeof options === \"boolean\") return extension.configure(defaultOptions);\n\n      const extensionOptions = deepmerge(defaultOptions, options as object);\n\n      // If no options are provided, return extension else configure\n      return extension.configure(extensionOptions);\n    },\n  };\n}\n\n/**\n *  Editor extensions config to extensions\n */\nexport function editorExtensionsConfigToExtensions(extensions?: Partial<EditorExtensionsConfig>) {\n  return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {\n    // Get the extension config\n    const value = extensions?.[name];\n\n    // if no value is provided, return extension\n    if (value === undefined) return configure(true) as Extension;\n\n    // If value is boolean, return extension\n    return configure(value as any) as Extension;\n  });\n}\n\n/**\n * Editor extensions config result\n */\nexport function flattenEditorExtensionsConfig(\n  extensions?: Partial<EditorExtensionsConfig>,\n): EditorExtensionsConfigResult {\n  return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {\n    const value = extensions?.[key as keyof EditorExtensionsConfig];\n\n    if (value === undefined) {\n      return {\n        ...acc,\n        [key]: true,\n      };\n    }\n\n    return {\n      ...acc,\n      [key]: typeof value === \"boolean\" ? value : true,\n    };\n  }, {} as EditorExtensionsConfigResult);\n}\n\nexport type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;\n\n// const { uploadImage } = useUploadEditor();\n// StarterKit,\n// Underline,\n// Link,\n// TextStyle,\n// Color,\n// Highlight.configure({ multicolor: true }),\n// Image.configure({\n//   allowBase64: false,\n// }),\n// FileHandler.configure({\n//   allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n//   onDrop: (currentEditor, files, pos) => {\n//     files.forEach((file) => {\n//       const fileReader = new FileReader();\n\n//       fileReader.readAsArrayBuffer(file);\n//       fileReader.onload = async () => {\n//         const response = await uploadImage(file);\n//         if (!response) return;\n\n//         currentEditor\n//           .chain()\n//           .insertContentAt(pos, {\n//             type: \"image\",\n//             attrs: { src: response.url },\n//           })\n//           .focus()\n//           .run();\n//       };\n//     });\n//   },\n//   onPaste: (currentEditor, files) => {\n//     files.forEach((file) => {\n//       const fileReader = new FileReader();\n\n//       fileReader.readAsArrayBuffer(file);\n//       fileReader.onload = async () => {\n//         const response = await uploadImage(file);\n//         if (!response) return;\n\n//         currentEditor\n//           .chain()\n//           .insertContentAt(currentEditor.state.selection.anchor, {\n//             type: \"image\",\n//             attrs: { src: response.url },\n//           })\n//           .focus()\n//           .run();\n//       };\n//     });\n//   },\n// }),\n"],"mappings":";;;;;;;;;;AA6EA,SAAgB,sBACd,MACA,iBAA2E,EAAE,EAC7E;AACA,QAAO;EACL;EACA,YAAY,YAA2C;GAErD,MAAM,YAAY,kBAAkB;AAGpC,OAAI,CAAC,WAAW,CAAC,UAAW,QAAO;AAGnC,OAAI,OAAO,YAAY,UAAW,QAAO,UAAU,UAAU,eAAe;GAE5E,MAAM,mBAAmB,UAAU,gBAAgB,QAAkB;AAGrE,UAAO,UAAU,UAAU,iBAAiB;;EAE/C;;;;;AAMH,SAAgB,mCAAmC,YAA8C;AAC/F,QAAO,yBAAyB,SAAS,EAAE,MAAM,gBAAgB;EAE/D,MAAM,QAAQ,aAAa;AAG3B,MAAI,UAAU,OAAW,QAAO,UAAU,KAAK;AAG/C,SAAO,UAAU,MAAa;GAC9B;;;;;AAMJ,SAAgB,8BACd,YAC8B;AAC9B,QAAO,uBAAuB,QAAQ,KAAK,QAAQ;EACjD,MAAM,QAAQ,aAAa;AAE3B,MAAI,UAAU,OACZ,QAAO;GACL,GAAG;IACF,MAAM;GACR;AAGH,SAAO;GACL,GAAG;IACF,MAAM,OAAO,UAAU,YAAY,QAAQ;GAC7C;IACA,EAAE,CAAiC"}
+{"version":3,"file":"extensions.mjs","names":[],"sources":["../../../../src/components/editor/lib/extensions.ts"],"sourcesContent":["import { BlockquoteOptions } from \"@tiptap/extension-blockquote\";\nimport { BoldOptions } from \"@tiptap/extension-bold\";\nimport { HardBreakOptions } from \"@tiptap/extension-hard-break\";\nimport { HeadingOptions } from \"@tiptap/extension-heading\";\nimport { HighlightOptions } from \"@tiptap/extension-highlight\";\nimport { HorizontalRuleOptions } from \"@tiptap/extension-horizontal-rule\";\nimport { ItalicOptions } from \"@tiptap/extension-italic\";\nimport { LinkOptions } from \"@tiptap/extension-link\";\nimport {\n  BulletListOptions,\n  ListItemOptions,\n  ListKeymapOptions,\n  OrderedListOptions,\n} from \"@tiptap/extension-list\";\nimport { ParagraphOptions } from \"@tiptap/extension-paragraph\";\nimport { StrikeOptions } from \"@tiptap/extension-strike\";\nimport { ColorOptions, TextStyleOptions } from \"@tiptap/extension-text-style\";\nimport { UnderlineOptions } from \"@tiptap/extension-underline\";\nimport { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from \"@tiptap/extensions\";\nimport { Extension } from \"@tiptap/react\";\nimport deepmerge from \"deepmerge\";\nimport { FileHandlerOptions } from \"../extensions/file-handler/extension\";\nimport { ImageOptions } from \"../extensions/image/extension\";\nimport {\n  EDITOR_EXTENSIONS,\n  EDITOR_EXTENSIONS_CONFIG,\n  EDITOR_EXTENSIONS_KEYS,\n  EditorExtensions,\n} from \"./constants\";\n\n/**\n * Editor extensions defaults\n */\n/**\n * Editor extensions map\n */\nexport type EditorExtensionsConfig = {\n  /**\n   * Nodes\n   */\n  blockquote: Partial<BlockquoteOptions> | boolean;\n  bulletList: Partial<BulletListOptions> | boolean;\n  document: boolean;\n  hardBreak: Partial<HardBreakOptions> | boolean;\n  heading: Partial<HeadingOptions> | boolean;\n  horizontalRule: Partial<HorizontalRuleOptions> | boolean;\n  listItem: Partial<ListItemOptions> | boolean;\n  orderedList: Partial<OrderedListOptions> | boolean;\n  paragraph: Partial<ParagraphOptions> | boolean;\n  text: Partial<TextStyleOptions> | boolean;\n  image: Partial<ImageOptions> | boolean;\n  fileHandler: Partial<FileHandlerOptions> | boolean;\n  skeleton: boolean;\n  /**\n   * Marks\n   */\n  bold: Partial<BoldOptions> | boolean;\n  italic: Partial<ItalicOptions> | boolean;\n  link: Partial<LinkOptions> | boolean;\n  strike: Partial<StrikeOptions> | boolean;\n  underline: Partial<UnderlineOptions> | boolean;\n  highlight: Partial<HighlightOptions> | boolean;\n  /**\n   * Extensions\n   */\n  dropcursor: Partial<DropcursorOptions> | boolean;\n  gapcursor: boolean;\n  undoRedo: Partial<UndoRedoOptions> | boolean;\n  listKeymap: Partial<ListKeymapOptions> | boolean;\n  trailingNode: Partial<TrailingNodeOptions> | boolean;\n  textStyle: Partial<TextStyleOptions> | boolean;\n  color: Partial<ColorOptions> | boolean;\n};\n\n/**\n * Create extension config\n * @param name\n * @param defaultOptions\n * @returns\n */\nexport function createExtensionConfig<TName extends keyof EditorExtensionsConfig>(\n  name: TName,\n  defaultOptions: Partial<Exclude<EditorExtensionsConfig[TName], boolean>> = {},\n) {\n  return {\n    name,\n    configure: (options: EditorExtensionsConfig[TName]) => {\n      // Get extension\n      const extension = EDITOR_EXTENSIONS[name];\n\n      // If no options or no extension, return undefined\n      if (!options || !extension) return undefined;\n\n      // If no options are provided, return extension\n      if (typeof options === \"boolean\") return extension.configure(defaultOptions);\n\n      const extensionOptions = deepmerge(defaultOptions, options as object);\n\n      // If no options are provided, return extension else configure\n      return extension.configure(extensionOptions);\n    },\n  };\n}\n\n/**\n *  Editor extensions config to extensions\n */\nexport function editorExtensionsConfigToExtensions(extensions?: Partial<EditorExtensionsConfig>) {\n  return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {\n    // Get the extension config\n    const value = extensions?.[name];\n\n    // if no value is provided, return extension\n    if (value === undefined) return configure(true) as Extension;\n\n    // If value is boolean, return extension\n    return configure(value as any) as Extension;\n  });\n}\n\n/**\n * Editor extensions config result\n */\nexport function flattenEditorExtensionsConfig(\n  extensions?: Partial<EditorExtensionsConfig>,\n): EditorExtensionsConfigResult {\n  return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {\n    const value = extensions?.[key as keyof EditorExtensionsConfig];\n\n    if (value === undefined) {\n      return {\n        ...acc,\n        [key]: true,\n      };\n    }\n\n    return {\n      ...acc,\n      [key]: typeof value === \"boolean\" ? value : true,\n    };\n  }, {} as EditorExtensionsConfigResult);\n}\n\nexport type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;\n\n// const { uploadImage } = useUploadEditor();\n// StarterKit,\n// Underline,\n// Link,\n// TextStyle,\n// Color,\n// Highlight.configure({ multicolor: true }),\n// Image.configure({\n//   allowBase64: false,\n// }),\n// FileHandler.configure({\n//   allowedMimeTypes: [\"image/png\", \"image/jpeg\", \"image/gif\", \"image/webp\"],\n//   onDrop: (currentEditor, files, pos) => {\n//     files.forEach((file) => {\n//       const fileReader = new FileReader();\n\n//       fileReader.readAsArrayBuffer(file);\n//       fileReader.onload = async () => {\n//         const response = await uploadImage(file);\n//         if (!response) return;\n\n//         currentEditor\n//           .chain()\n//           .insertContentAt(pos, {\n//             type: \"image\",\n//             attrs: { src: response.url },\n//           })\n//           .focus()\n//           .run();\n//       };\n//     });\n//   },\n//   onPaste: (currentEditor, files) => {\n//     files.forEach((file) => {\n//       const fileReader = new FileReader();\n\n//       fileReader.readAsArrayBuffer(file);\n//       fileReader.onload = async () => {\n//         const response = await uploadImage(file);\n//         if (!response) return;\n\n//         currentEditor\n//           .chain()\n//           .insertContentAt(currentEditor.state.selection.anchor, {\n//             type: \"image\",\n//             attrs: { src: response.url },\n//           })\n//           .focus()\n//           .run();\n//       };\n//     });\n//   },\n// }),\n"],"mappings":";;;;;;;;;;AAgFA,SAAgB,sBACd,MACA,iBAA2E,EAAE,EAC7E;AACA,QAAO;EACL;EACA,YAAY,YAA2C;GAErD,MAAM,YAAY,kBAAkB;AAGpC,OAAI,CAAC,WAAW,CAAC,UAAW,QAAO;AAGnC,OAAI,OAAO,YAAY,UAAW,QAAO,UAAU,UAAU,eAAe;GAE5E,MAAM,mBAAmB,UAAU,gBAAgB,QAAkB;AAGrE,UAAO,UAAU,UAAU,iBAAiB;;EAE/C;;;;;AAMH,SAAgB,mCAAmC,YAA8C;AAC/F,QAAO,yBAAyB,SAAS,EAAE,MAAM,gBAAgB;EAE/D,MAAM,QAAQ,aAAa;AAG3B,MAAI,UAAU,OAAW,QAAO,UAAU,KAAK;AAG/C,SAAO,UAAU,MAAa;GAC9B;;;;;AAMJ,SAAgB,8BACd,YAC8B;AAC9B,QAAO,uBAAuB,QAAQ,KAAK,QAAQ;EACjD,MAAM,QAAQ,aAAa;AAE3B,MAAI,UAAU,OACZ,QAAO;GACL,GAAG;IACF,MAAM;GACR;AAGH,SAAO;GACL,GAAG;IACF,MAAM,OAAO,UAAU,YAAY,QAAQ;GAC7C;IACA,EAAE,CAAiC"}

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

@@ -1,8 +1,16 @@
+import { cn } from "../../../lib/utils/cn.mjs";
 import { cva } from "class-variance-authority";
 
 //#region src/components/editor/lib/variants.ts
-const editorProseVariants = cva("prose dark:prose-invert prose-a:text-primary prose-li:marker:text-primary");
+/**
+* Prose variants
+*/
+const editorProseVariants = cva(cn("prose dark:prose-invert", "prose-a:text-primary", "prose-headings:scroll-mt-20", "prose-h1:mt-6 prose-h1:mb-3", "prose-h2:mt-6 prose-h2:mb-3", "prose-h3:mt-5 prose-h3:mb-2", "prose-h4:mt-4 prose-h4:mb-2", "prose-ul:my-3 prose-ol:my-3", "prose-ul:pl-6 prose-ol:pl-6", "prose-li:my-1", "prose-li:marker:text-primary", "prose-li:p-0", "prose-img:my-0 prose-img:rounded-lg", "prose-blockquote:my-4 prose-blockquote:py-1", "prose-hr:my-6", "prose-pre:my-4"));
+/**
+* Image variants
+*/
+const editorImageVariants = cva(cn("[&_[data-resize-wrapper]]:!inline-block", "[&_[data-resize-wrapper]]:!relative", "[&_[data-resize-wrapper]]:max-w-full", "[&_[data-resize-wrapper]]:overflow-hidden", "[&_[data-resize-handle]]:absolute", "[&_[data-resize-handle]]:z-10", "[&_[data-resize-handle]]:rounded-full", "[&_[data-resize-handle]]:bg-muted/40", "[&_[data-resize-handle]]:w-1.5", "[&_[data-resize-handle]]:cursor-ew-resize", "[&_[data-resize-handle]]:opacity-0", "[&_[data-resize-handle]]:transition-opacity", "[&:hover_[data-resize-handle]]:opacity-100", "[&_[data-resize-state='true']_[data-resize-handle]]:opacity-100", "[&_[data-resize-handle]]:!top-1/2", "[&_[data-resize-handle]]:!bottom-auto", "[&_[data-resize-handle]]:!-translate-y-1/2", "[&_[data-resize-handle]]:!h-1/2", "[&_[data-resize-handle='left']]:!left-2", "[&_[data-resize-handle='right']]:!right-2", "[&_[data-resize-container]:has(img[data-pending='true'])]:[visibility:visible!important]", "[&_[data-resize-container]:has(img[data-pending='true'])]:[pointer-events:auto!important]", "[&_img[data-pending='true']]:bg-primary/10", "[&_img[data-pending='true']]:animate-pulse", "[&_img[data-pending='true']]:rounded-md", "[&_img[data-pending='true']]:opacity-0", "[&_img[data-pending='true']]:min-h-[500px]"));
 
 //#endregion
-export { editorProseVariants };
+export { editorImageVariants, editorProseVariants };
 //# sourceMappingURL=variants.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"variants.mjs","names":[],"sources":["../../../../src/components/editor/lib/variants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const editorProseVariants = cva(\n  \"prose dark:prose-invert prose-a:text-primary prose-li:marker:text-primary\",\n);\n"],"mappings":";;;AAEA,MAAa,sBAAsB,IACjC,4EACD"}
+{"version":3,"file":"variants.mjs","names":[],"sources":["../../../../src/components/editor/lib/variants.ts"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Prose variants\n */\nexport const editorProseVariants = cva(\n  cn(\n    \"prose dark:prose-invert\",\n    \"prose-a:text-primary\",\n    \"prose-headings:scroll-mt-20\",\n    \"prose-h1:mt-6 prose-h1:mb-3\",\n    \"prose-h2:mt-6 prose-h2:mb-3\",\n    \"prose-h3:mt-5 prose-h3:mb-2\",\n    \"prose-h4:mt-4 prose-h4:mb-2\",\n    \"prose-ul:my-3 prose-ol:my-3\",\n    \"prose-ul:pl-6 prose-ol:pl-6\",\n    \"prose-li:my-1\",\n    \"prose-li:marker:text-primary\",\n    \"prose-li:p-0\",\n    \"prose-img:my-0 prose-img:rounded-lg\",\n    \"prose-blockquote:my-4 prose-blockquote:py-1\",\n    \"prose-hr:my-6\",\n    \"prose-pre:my-4\",\n  ),\n);\n\n/**\n * Image variants\n */\nexport const editorImageVariants = cva(\n  cn(\n    // wrapper (TipTap sets display:block inline → override with !)\n    \"[&_[data-resize-wrapper]]:!inline-block\",\n    \"[&_[data-resize-wrapper]]:!relative\",\n    \"[&_[data-resize-wrapper]]:max-w-full\",\n    \"[&_[data-resize-wrapper]]:overflow-hidden\",\n\n    // handle base\n    \"[&_[data-resize-handle]]:absolute\",\n    \"[&_[data-resize-handle]]:z-10\",\n    \"[&_[data-resize-handle]]:rounded-full\",\n    \"[&_[data-resize-handle]]:bg-muted/40\",\n    \"[&_[data-resize-handle]]:w-1.5\",\n    \"[&_[data-resize-handle]]:cursor-ew-resize\",\n    \"[&_[data-resize-handle]]:opacity-0\",\n    \"[&_[data-resize-handle]]:transition-opacity\",\n\n    // show on hover / active\n    \"[&:hover_[data-resize-handle]]:opacity-100\",\n    \"[&_[data-resize-state='true']_[data-resize-handle]]:opacity-100\",\n\n    // ✅ override TipTap inline: top:0; bottom:0;\n    \"[&_[data-resize-handle]]:!top-1/2\",\n    \"[&_[data-resize-handle]]:!bottom-auto\",\n    \"[&_[data-resize-handle]]:!-translate-y-1/2\",\n\n    // ✅ half height (also must beat inline)\n    \"[&_[data-resize-handle]]:!h-1/2\",\n\n    // ✅ spacing from edge (beat inline left:0 / right:0)\n    \"[&_[data-resize-handle='left']]:!left-2\",\n    \"[&_[data-resize-handle='right']]:!right-2\",\n\n    // ✅ override inline visibility:hidden on the resize container while pending\n    \"[&_[data-resize-container]:has(img[data-pending='true'])]:[visibility:visible!important]\",\n    \"[&_[data-resize-container]:has(img[data-pending='true'])]:[pointer-events:auto!important]\",\n\n    // Pending img should behave like a skeleton block (even before wrapper exists)\n    \"[&_img[data-pending='true']]:bg-primary/10\",\n    \"[&_img[data-pending='true']]:animate-pulse\",\n    \"[&_img[data-pending='true']]:rounded-md\",\n    \"[&_img[data-pending='true']]:opacity-0\",\n    \"[&_img[data-pending='true']]:min-h-[500px]\",\n  ),\n);\n"],"mappings":";;;;;;;AAMA,MAAa,sBAAsB,IACjC,GACE,2BACA,wBACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,+BACA,iBACA,gCACA,gBACA,uCACA,+CACA,iBACA,iBACD,CACF;;;;AAKD,MAAa,sBAAsB,IACjC,GAEE,2CACA,uCACA,wCACA,6CAGA,qCACA,iCACA,yCACA,wCACA,kCACA,6CACA,sCACA,+CAGA,8CACA,mEAGA,qCACA,yCACA,8CAGA,mCAGA,2CACA,6CAGA,4FACA,6FAGA,8CACA,8CACA,2CACA,0CACA,6CACD,CACF"}

package/dist/components/header/back-button.client.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime264 from "react/jsx-runtime";
+import * as react_jsx_runtime263 from "react/jsx-runtime";
 
 //#region src/components/header/back-button.client.d.ts
 declare function HeaderTopbarBackButton({
   className,
   ...props
-}: React.HtmlHTMLAttributes<HTMLButtonElement>): react_jsx_runtime264.JSX.Element;
+}: React.HtmlHTMLAttributes<HTMLButtonElement>): react_jsx_runtime263.JSX.Element;
 //#endregion
 export { HeaderTopbarBackButton };
 //# sourceMappingURL=back-button.client.d.mts.map

package/dist/components/header/bottom-bar.client.d.mts

@@ -1,5 +1,5 @@
 import { Path } from "../../modules/config/paths/types.mjs";
-import * as react_jsx_runtime265 from "react/jsx-runtime";
+import * as react_jsx_runtime264 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/header/bottom-bar.client.d.ts
@@ -11,7 +11,7 @@ type BottomBarProps = {
 };
 declare function BottomBar({
   children
-}: BottomBarProps): react_jsx_runtime265.JSX.Element;
+}: BottomBarProps): react_jsx_runtime264.JSX.Element;
 /**
  * Bottombar link component
  */
@@ -23,7 +23,7 @@ declare function BottomBarLinks({
   paths,
   className,
   ...props
-}: BottomBarLinksProps): react_jsx_runtime265.JSX.Element;
+}: BottomBarLinksProps): react_jsx_runtime264.JSX.Element;
 //#endregion
 export { BottomBar, BottomBarLink, BottomBarLinks, BottomBarLinksProps, BottomBarProps };
 //# sourceMappingURL=bottom-bar.client.d.mts.map

package/dist/components/header/breadcrumbs.client.d.mts

@@ -1,5 +1,5 @@
 import { BreadcrumbSeparator } from "../ui/breadcrumb.mjs";
-import * as react_jsx_runtime267 from "react/jsx-runtime";
+import * as react_jsx_runtime266 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/header/breadcrumbs.client.d.ts
@@ -10,26 +10,26 @@ type HeaderBreadcrumb = {
 type HeaderBreadcrumbProps = {
   breadcrumbs: HeaderBreadcrumb[];
 };
-declare function HeaderBreadcrumbs(props: PropsWithChildren): react_jsx_runtime267.JSX.Element;
+declare function HeaderBreadcrumbs(props: PropsWithChildren): react_jsx_runtime266.JSX.Element;
 declare const HeaderBreadcrumbSeparator: typeof BreadcrumbSeparator;
 /**
  * Dropdown menu
  */
-declare function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren): react_jsx_runtime267.JSX.Element;
+declare function HeaderBreadcrumbsDropdownMenu(props: PropsWithChildren): react_jsx_runtime266.JSX.Element;
 declare function HeaderBreadcrumbsDropdownMenuItem(props: {
   breadcrumb: HeaderBreadcrumb;
-}): react_jsx_runtime267.JSX.Element;
+}): react_jsx_runtime266.JSX.Element;
 /**
  * Links
  */
 declare function HeaderBreadcrumbsLink(props: {
   breadcrumb: HeaderBreadcrumb;
-}): react_jsx_runtime267.JSX.Element;
+}): react_jsx_runtime266.JSX.Element;
 /**
  * Lists
  */
-declare function HeaderBreadcrumbsMobileList(props: PropsWithChildren): react_jsx_runtime267.JSX.Element;
-declare function HeaderBreadcrumbsDesktopList(props: PropsWithChildren): react_jsx_runtime267.JSX.Element;
+declare function HeaderBreadcrumbsMobileList(props: PropsWithChildren): react_jsx_runtime266.JSX.Element;
+declare function HeaderBreadcrumbsDesktopList(props: PropsWithChildren): react_jsx_runtime266.JSX.Element;
 //#endregion
 export { HeaderBreadcrumb, HeaderBreadcrumbProps, HeaderBreadcrumbSeparator, HeaderBreadcrumbs, HeaderBreadcrumbsDesktopList, HeaderBreadcrumbsDropdownMenu, HeaderBreadcrumbsDropdownMenuItem, HeaderBreadcrumbsLink, HeaderBreadcrumbsMobileList };
 //# sourceMappingURL=breadcrumbs.client.d.mts.map

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime273 from "react/jsx-runtime";
+import * as react_jsx_runtime272 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/header/header.client.d.ts
@@ -6,7 +6,7 @@ declare function Header({
   children,
   className,
   ...props
-}: ComponentProps<"header">): react_jsx_runtime273.JSX.Element;
+}: ComponentProps<"header">): react_jsx_runtime272.JSX.Element;
 //#endregion
 export { Header };
 //# sourceMappingURL=header.client.d.mts.map

package/dist/components/header/mobile-nav-switcher.client.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime274 from "react/jsx-runtime";
+import * as react_jsx_runtime273 from "react/jsx-runtime";
 
 //#region src/components/header/mobile-nav-switcher.client.d.ts
 declare function HeaderTopbarMobileNavSwitcher({
   className,
   ...props
-}: React.HtmlHTMLAttributes<HTMLButtonElement>): react_jsx_runtime274.JSX.Element;
+}: React.HtmlHTMLAttributes<HTMLButtonElement>): react_jsx_runtime273.JSX.Element;
 //#endregion
 export { HeaderTopbarMobileNavSwitcher };
 //# sourceMappingURL=mobile-nav-switcher.client.d.mts.map

package/dist/components/header/top-bar.client.d.mts

@@ -1,5 +1,5 @@
 import { HeaderBreadcrumb } from "./breadcrumbs.client.mjs";
-import * as react_jsx_runtime275 from "react/jsx-runtime";
+import * as react_jsx_runtime274 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/header/top-bar.client.d.ts
@@ -11,7 +11,7 @@ type TopbarProps = {
 };
 declare function Topbar({
   children
-}: TopbarProps): react_jsx_runtime275.JSX.Element;
+}: TopbarProps): react_jsx_runtime274.JSX.Element;
 /**
  * Topbar title component
  */
@@ -26,7 +26,7 @@ declare function TopbarTitle({
   isDeleted,
   className,
   ...props
-}: TopbarTitleProps): react_jsx_runtime275.JSX.Element;
+}: TopbarTitleProps): react_jsx_runtime274.JSX.Element;
 /**
  * Topbar tools component
  */
@@ -37,7 +37,7 @@ declare function TopbarTools({
   children,
   className,
   ...props
-}: TopbarToolsProps): react_jsx_runtime275.JSX.Element;
+}: TopbarToolsProps): react_jsx_runtime274.JSX.Element;
 //#endregion
 export { Topbar, TopbarProps, TopbarTitle, TopbarTitleProps, TopbarTools, TopbarToolsProps };
 //# sourceMappingURL=top-bar.client.d.mts.map

package/dist/components/layouts/admin-content.client.d.mts

@@ -1,5 +1,5 @@
 import { ScrollArea } from "../ui/scroll-area.mjs";
-import * as react_jsx_runtime278 from "react/jsx-runtime";
+import * as react_jsx_runtime277 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/layouts/admin-content.client.d.ts
@@ -7,7 +7,7 @@ declare function AdminContent({
   children,
   className,
   ...props
-}: ComponentProps<typeof ScrollArea>): react_jsx_runtime278.JSX.Element;
+}: ComponentProps<typeof ScrollArea>): react_jsx_runtime277.JSX.Element;
 //#endregion
 export { AdminContent };
 //# sourceMappingURL=admin-content.client.d.mts.map

package/dist/components/layouts/admin-layout.d.mts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime68 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/layouts/admin-layout.d.ts
-declare function AdminLayout(props: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+declare function AdminLayout(props: PropsWithChildren): react_jsx_runtime68.JSX.Element;
 //#endregion
 export { AdminLayout };
 //# sourceMappingURL=admin-layout.d.mts.map

package/dist/components/layouts/admin-layout.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"admin-layout.d.mts","names":[],"sources":["../../../src/components/layouts/admin-layout.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,WAAA,QAAmB,oBAAiB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"admin-layout.d.mts","names":[],"sources":["../../../src/components/layouts/admin-layout.tsx"],"sourcesContent":[],"mappings":";;;;iBAGgB,WAAA,QAAmB,oBAAiB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/layouts/admin-loading.d.mts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime90 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/layouts/admin-loading.d.ts
-declare function AdminLoadingLayout(props: PropsWithChildren): react_jsx_runtime16.JSX.Element;
+declare function AdminLoadingLayout(props: PropsWithChildren): react_jsx_runtime90.JSX.Element;
 //#endregion
 export { AdminLoadingLayout };
 //# sourceMappingURL=admin-loading.d.mts.map

package/dist/components/layouts/empty-page.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime91 from "react/jsx-runtime";
 import { ComponentProps, HTMLAttributes } from "react";
 import { Route } from "next";
 
@@ -15,17 +15,17 @@ declare function EmptyPage({
   className,
   children,
   ...props
-}: ComponentProps<"div">): react_jsx_runtime17.JSX.Element;
+}: ComponentProps<"div">): react_jsx_runtime91.JSX.Element;
 declare function EmptyPageTitle({
   className,
   children,
   ...props
-}: ComponentProps<"h2">): react_jsx_runtime17.JSX.Element;
+}: ComponentProps<"h2">): react_jsx_runtime91.JSX.Element;
 declare function EmptyPageDescription({
   className,
   children,
   ...props
-}: ComponentProps<"p">): react_jsx_runtime17.JSX.Element;
+}: ComponentProps<"p">): react_jsx_runtime91.JSX.Element;
 //#endregion
 export { EmptyPage, EmptyPageDescription, EmptyPageProps, EmptyPageTitle };
 //# sourceMappingURL=empty-page.d.mts.map

package/dist/components/layouts/list-layout.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/layouts/list-layout.d.ts
@@ -6,7 +6,7 @@ declare function ListLayout({
   className,
   children,
   ...props
-}: ComponentProps<"div">): react_jsx_runtime20.JSX.Element;
+}: ComponentProps<"div">): react_jsx_runtime94.JSX.Element;
 //#endregion
 export { ListLayout };
 //# sourceMappingURL=list-layout.d.mts.map

package/dist/components/layouts/not-found-page.d.mts

@@ -1,8 +1,8 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime95 from "react/jsx-runtime";
 
 //#region src/components/layouts/not-found-page.d.ts
-declare function AdminNotFoundPage(): react_jsx_runtime21.JSX.Element;
-declare function NotFoundPage(): react_jsx_runtime21.JSX.Element;
+declare function AdminNotFoundPage(): react_jsx_runtime95.JSX.Element;
+declare function NotFoundPage(): react_jsx_runtime95.JSX.Element;
 //#endregion
 export { AdminNotFoundPage, NotFoundPage };
 //# sourceMappingURL=not-found-page.d.mts.map

package/dist/components/layouts/providers.client.d.mts

@@ -1,10 +1,10 @@
-import * as react_jsx_runtime279 from "react/jsx-runtime";
+import * as react_jsx_runtime278 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 
 //#region src/components/layouts/providers.client.d.ts
 declare function Providers({
   children
-}: PropsWithChildren): react_jsx_runtime279.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime278.JSX.Element;
 //#endregion
 export { Providers };
 //# sourceMappingURL=providers.client.d.mts.map

package/dist/components/layouts/root-layout.server.d.mts

@@ -1,5 +1,5 @@
 import { TulipConfig } from "../../modules/config/lib/config.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 import "server-cli-only";
 
@@ -31,7 +31,7 @@ declare const generateRootLayoutMetadata: (config: TulipConfig) => {
  */
 declare function RootLayout({
   children
-}: PropsWithChildren): react_jsx_runtime0.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { RootLayout, generateRootLayoutMetadata };
 //# sourceMappingURL=root-layout.server.d.mts.map

package/dist/components/layouts/root-loading.d.mts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime97 from "react/jsx-runtime";
 
 //#region src/components/layouts/root-loading.d.ts
-declare function RootLoading(): react_jsx_runtime23.JSX.Element;
+declare function RootLoading(): react_jsx_runtime97.JSX.Element;
 //#endregion
 export { RootLoading };
 //# sourceMappingURL=root-loading.d.mts.map

package/dist/components/layouts/tab-layout.d.mts

@@ -1,5 +1,5 @@
 import { Permission } from "../../modules/auth/lib/permissions.mjs";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime98 from "react/jsx-runtime";
 import { Route } from "next";
 
 //#region src/components/layouts/tab-layout.d.ts
@@ -17,7 +17,7 @@ type TabLayoutProps = {
 declare function TabLayout({
   tabs,
   children
-}: TabLayoutProps): react_jsx_runtime24.JSX.Element;
+}: TabLayoutProps): react_jsx_runtime98.JSX.Element;
 //#endregion
 export { Tab, TabLayout, TabLayoutProps };
 //# sourceMappingURL=tab-layout.d.mts.map