@tulip-systems/core 0.8.3 → 0.9.0

package/dist/src/components/editor/extensions/file-handler/utils.mjs

@@ -0,0 +1,49 @@
+//#region src/components/editor/extensions/file-handler/utils.ts
+/**
+* Collects and counts all image node IDs from a document.
+*
+* @param doc - The document node to traverse and analyze
+* @returns A Map where keys are image node IDs and values are their occurrence counts
+*
+* @example
+* const imageCounts = collectImageIds(editorDoc);
+* imageCounts.forEach((count, imageId) => {
+*   console.info(`Image ${imageId} appears ${count} times`);
+* });
+*/
+function collectImageIds(doc) {
+	const counts = /* @__PURE__ */ new Map();
+	doc.descendants((node) => {
+		if (node.type.name !== "image") return;
+		const id = node.attrs?.assetId;
+		if (!id) return;
+		counts.set(id, (counts.get(id) ?? 0) + 1);
+	});
+	return counts;
+}
+/**
+* Compares two maps of string keys to numeric values and identifies which keys have been removed or restored.
+* @param before - A Map containing the previous state of string keys with their associated numeric values
+* @param after - A Map containing the current state of string keys with their associated numeric values
+* @returns An object containing two arrays:
+*   - `removed`: Array of keys where the numeric value decreased (or was deleted)
+*   - `restored`: Array of keys where the numeric value increased
+*/
+function diffIds(before, after) {
+	const removed = [];
+	const added = [];
+	const keys = new Set([...before.keys(), ...after.keys()]);
+	for (const key of keys) {
+		const b = before.get(key) ?? 0;
+		const a = after.get(key) ?? 0;
+		if (a < b) removed.push(key);
+		if (a > b) added.push(key);
+	}
+	return {
+		removed,
+		added
+	};
+}
+
+//#endregion
+export { collectImageIds, diffIds };

package/dist/src/components/editor/extensions/image/extension.d.mts

@@ -0,0 +1,7 @@
+import { ImageOptions } from "@tiptap/extension-image";
+import "@tiptap/core";
+
+//#region src/components/editor/extensions/image/extension.d.ts
+interface ImageOptions$1 extends ImageOptions {}
+//#endregion
+export { ImageOptions$1 as ImageOptions };

package/dist/src/components/editor/extensions/image/extension.mjs

@@ -0,0 +1,50 @@
+"use client";
+
+import { getAssetURL } from "../../../../modules/storage/lib/helpers.mjs";
+import { Image } from "@tiptap/extension-image";
+
+//#region src/components/editor/extensions/image/extension.ts
+const Image$1 = Image.extend({
+	atom: true,
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			assetId: {
+				default: null,
+				parseHTML: (el) => el.getAttribute("data-asset-id"),
+				renderHTML: (attrs) => {
+					if (!attrs.assetId) return {};
+					return {
+						"data-asset-id": attrs.assetId,
+						...attrs.assetId && !attrs.isPending ? { src: getAssetURL(attrs.assetId) } : {}
+					};
+				}
+			},
+			alt: { default: null },
+			title: { default: null },
+			width: { default: null },
+			height: { default: null },
+			isPending: {
+				default: false,
+				renderHTML: (attrs) => attrs.isPending ? { "data-pending": "true" } : {}
+			},
+			fileName: { default: null }
+		};
+	},
+	parseHTML() {
+		return [{ tag: "img[data-asset-id]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		const { src: _, ...attrs } = HTMLAttributes;
+		const assetId = attrs.assetId;
+		const isPending = Boolean(attrs.isPending);
+		const src = assetId && !isPending ? getAssetURL(assetId) : null;
+		return ["img", {
+			...attrs,
+			...src ? { src } : {}
+		}];
+	}
+});
+
+//#endregion
+export { Image$1 as Image };

package/dist/src/components/editor/extensions/skeleton/extension.mjs

@@ -0,0 +1,40 @@
+"use client";
+
+import { SkeletonNodeRenderer } from "./renderer.mjs";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+import { Node } from "@tiptap/core";
+
+//#region src/components/editor/extensions/skeleton/extension.ts
+const Skeleton = Node.create({
+	name: "skeleton",
+	atom: true,
+	inline: true,
+	group: "inline",
+	selectable: false,
+	draggable: false,
+	addAttributes() {
+		return {
+			imageNodeId: { default: null },
+			width: { default: null },
+			height: { default: null }
+		};
+	},
+	addOptions() {
+		return { addToHistory: false };
+	},
+	parseHTML() {
+		return [{ tag: "span[data-skeleton]" }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return ["span", {
+			...HTMLAttributes,
+			"data-skeleton": "true"
+		}];
+	},
+	addNodeView() {
+		return ReactNodeViewRenderer(SkeletonNodeRenderer);
+	}
+});
+
+//#endregion
+export { Skeleton };

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

@@ -0,0 +1,24 @@
+"use client";
+
+import { Skeleton } from "../../../ui/skeleton.mjs";
+import { jsx } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+
+//#region src/components/editor/extensions/skeleton/renderer.tsx
+function SkeletonNodeRenderer(props) {
+	const { width, height } = props.node.attrs;
+	return /* @__PURE__ */ jsx(NodeViewWrapper, {
+		as: "span",
+		"data-skeleton": "true",
+		children: /* @__PURE__ */ jsx(Skeleton, {
+			className: "min-h-125 w-full",
+			style: {
+				width,
+				height
+			}
+		})
+	});
+}
+
+//#endregion
+export { SkeletonNodeRenderer };

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

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

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

@@ -0,0 +1,101 @@
+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";
+import Document from "@tiptap/extension-document";
+import HardBreak from "@tiptap/extension-hard-break";
+import Heading from "@tiptap/extension-heading";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+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 Underline from "@tiptap/extension-underline";
+import Highlight from "@tiptap/extension-highlight";
+import { Color, TextStyle } from "@tiptap/extension-text-style";
+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,
+	fileHandler: FileHandler,
+	skeleton: Skeleton,
+	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", { resize: {
+		enabled: true,
+		directions: ["left", "right"],
+		minHeight: 50,
+		minWidth: 50,
+		alwaysPreserveAspectRatio: true
+	} }),
+	createExtensionConfig("fileHandler"),
+	createExtensionConfig("skeleton"),
+	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 };

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

@@ -0,0 +1,67 @@
+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";
+import { HardBreakOptions } from "@tiptap/extension-hard-break";
+import { HeadingOptions } from "@tiptap/extension-heading";
+import { HorizontalRuleOptions } from "@tiptap/extension-horizontal-rule";
+import { ItalicOptions } from "@tiptap/extension-italic";
+import { LinkOptions } from "@tiptap/extension-link";
+import { BulletListOptions, ListItemOptions, ListKeymapOptions, OrderedListOptions } from "@tiptap/extension-list";
+import { ParagraphOptions } from "@tiptap/extension-paragraph";
+import { StrikeOptions } from "@tiptap/extension-strike";
+import { UnderlineOptions } from "@tiptap/extension-underline";
+import "@tiptap/react";
+import { HighlightOptions } from "@tiptap/extension-highlight";
+import { ColorOptions, TextStyleOptions } from "@tiptap/extension-text-style";
+import { DropcursorOptions, TrailingNodeOptions, UndoRedoOptions } from "@tiptap/extensions";
+import "@tiptap/core";
+
+//#region src/components/editor/lib/extensions.d.ts
+/**
+ * Editor extensions defaults
+ */
+/**
+ * Editor extensions map
+ */
+type EditorExtensionsConfig = {
+  /**
+   * Nodes
+   */
+  blockquote: Partial<BlockquoteOptions> | boolean;
+  bulletList: Partial<BulletListOptions> | boolean;
+  document: boolean;
+  hardBreak: Partial<HardBreakOptions> | boolean;
+  heading: Partial<HeadingOptions> | boolean;
+  horizontalRule: Partial<HorizontalRuleOptions> | boolean;
+  listItem: Partial<ListItemOptions> | boolean;
+  orderedList: Partial<OrderedListOptions> | boolean;
+  paragraph: Partial<ParagraphOptions> | boolean;
+  text: Partial<TextStyleOptions> | boolean;
+  image: Partial<ImageOptions> | boolean;
+  fileHandler: Partial<FileHandlerOptions> | boolean;
+  skeleton: boolean;
+  /**
+   * Marks
+   */
+  bold: Partial<BoldOptions> | boolean;
+  italic: Partial<ItalicOptions> | boolean;
+  link: Partial<LinkOptions> | boolean;
+  strike: Partial<StrikeOptions> | boolean;
+  underline: Partial<UnderlineOptions> | boolean;
+  highlight: Partial<HighlightOptions> | boolean;
+  /**
+   * Extensions
+   */
+  dropcursor: Partial<DropcursorOptions> | boolean;
+  gapcursor: boolean;
+  undoRedo: Partial<UndoRedoOptions> | boolean;
+  listKeymap: Partial<ListKeymapOptions> | boolean;
+  trailingNode: Partial<TrailingNodeOptions> | boolean;
+  textStyle: Partial<TextStyleOptions> | boolean;
+  color: Partial<ColorOptions> | boolean;
+};
+type EditorExtensionsConfigResult = Record<keyof EditorExtensions, boolean>;
+//#endregion
+export { EditorExtensionsConfig, EditorExtensionsConfigResult };

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

@@ -0,0 +1,49 @@
+import { EDITOR_EXTENSIONS, EDITOR_EXTENSIONS_CONFIG, EDITOR_EXTENSIONS_KEYS } from "./constants.mjs";
+import deepmerge from "deepmerge";
+
+//#region src/components/editor/lib/extensions.ts
+/**
+* Create extension config
+* @param name
+* @param defaultOptions
+* @returns
+*/
+function createExtensionConfig(name, defaultOptions = {}) {
+	return {
+		name,
+		configure: (options) => {
+			const extension = EDITOR_EXTENSIONS[name];
+			if (!options || !extension) return void 0;
+			if (typeof options === "boolean") return extension.configure(defaultOptions);
+			const extensionOptions = deepmerge(defaultOptions, options);
+			return extension.configure(extensionOptions);
+		}
+	};
+}
+/**
+*  Editor extensions config to extensions
+*/
+function editorExtensionsConfigToExtensions(extensions) {
+	return EDITOR_EXTENSIONS_CONFIG.flatMap(({ name, configure }) => {
+		const value = extensions?.[name];
+		if (value === void 0) return configure(true);
+		return configure(value);
+	});
+}
+/**
+* Editor extensions config result
+*/
+function flattenEditorExtensionsConfig(extensions) {
+	return EDITOR_EXTENSIONS_KEYS.reduce((acc, key) => {
+		const value = extensions?.[key];
+		if (value === void 0) {
+			acc[key] = true;
+			return acc;
+		}
+		acc[key] = typeof value === "boolean" ? value : true;
+		return acc;
+	}, {});
+}
+
+//#endregion
+export { createExtensionConfig, editorExtensionsConfigToExtensions, flattenEditorExtensionsConfig };

package/dist/src/components/editor/lib/helpers.d.mts

@@ -0,0 +1,21 @@
+import { EditorJSONContent } from "./types.mjs";
+
+//#region src/components/editor/lib/helpers.d.ts
+/**
+ * Convert HTML to editor content
+ */
+declare function convertHTMLToEditorContent(html: string): EditorJSONContent;
+/**
+ * Convert markdown to editor content
+ */
+declare function convertMarkdownToEditorContent(markdown: string): EditorJSONContent;
+/**
+ * Convert editor content to HTML
+ */
+declare function convertEditorContentToHTML(content: EditorJSONContent): string;
+/**
+ * Convert editor content to markdown
+ */
+declare function convertEditorContentToMarkdown(content: EditorJSONContent): string;
+//#endregion
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/src/components/editor/lib/helpers.mjs

@@ -0,0 +1,68 @@
+import { markdownParser } from "../../../lib/utils/markdown.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 HorizontalRule from "@tiptap/extension-horizontal-rule";
+import Italic from "@tiptap/extension-italic";
+import Link from "@tiptap/extension-link";
+import { BulletList, ListItem, OrderedList } from "@tiptap/extension-list";
+import Paragraph from "@tiptap/extension-paragraph";
+import Strike from "@tiptap/extension-strike";
+import Text from "@tiptap/extension-text";
+import Underline from "@tiptap/extension-underline";
+import { generateJSON } from "@tiptap/html";
+import { renderToHTMLString, renderToMarkdown } from "@tiptap/static-renderer";
+
+//#region src/components/editor/lib/helpers.ts
+const EXTENSIONS_FOR_GENERATION = [
+	Blockquote,
+	BulletList,
+	Document,
+	HardBreak,
+	Heading,
+	HorizontalRule,
+	ListItem,
+	OrderedList,
+	Paragraph,
+	Text,
+	Bold,
+	Italic,
+	Link,
+	Strike,
+	Underline
+];
+/**
+* Convert HTML to editor content
+*/
+function convertHTMLToEditorContent(html) {
+	return generateJSON(html, EXTENSIONS_FOR_GENERATION);
+}
+/**
+* Convert markdown to editor content
+*/
+function convertMarkdownToEditorContent(markdown) {
+	return convertHTMLToEditorContent(markdownParser.render(markdown));
+}
+/**
+* Convert editor content to HTML
+*/
+function convertEditorContentToHTML(content) {
+	return renderToHTMLString({
+		content,
+		extensions: EXTENSIONS_FOR_GENERATION
+	});
+}
+/**
+* Convert editor content to markdown
+*/
+function convertEditorContentToMarkdown(content) {
+	return renderToMarkdown({
+		content,
+		extensions: EXTENSIONS_FOR_GENERATION
+	});
+}
+
+//#endregion
+export { convertEditorContentToHTML, convertEditorContentToMarkdown, convertHTMLToEditorContent, convertMarkdownToEditorContent };

package/dist/src/components/editor/lib/types.d.mts

@@ -0,0 +1,9 @@
+import { JSONContent } from "@tiptap/react";
+
+//#region src/components/editor/lib/types.d.ts
+/**
+ * Types
+ */
+type EditorJSONContent = JSONContent;
+//#endregion
+export { EditorJSONContent };

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

@@ -0,0 +1,15 @@
+import { cn } from "../../../lib/utils/cn.mjs";
+import { cva } from "class-variance-authority";
+
+//#region src/components/editor/lib/variants.ts
+/**
+* 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 { editorImageVariants, editorProseVariants };

package/dist/src/components/emails/forget-password-email.mjs

@@ -0,0 +1,50 @@
+import { Icons } from "../common/icons.mjs";
+import { url } from "../../lib/utils/url.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Body, Button, Container, Head, Heading, Html, Preview, Section, Tailwind, Text } from "react-email";
+
+//#region src/components/emails/forget-password-email.tsx
+function ForgetPasswordEmail({ resetPasswordHref }) {
+	return /* @__PURE__ */ jsxs(Html, { children: [
+		/* @__PURE__ */ jsx(Head, {}),
+		/* @__PURE__ */ jsx(Preview, { children: "Herstel je wachtwoord" }),
+		/* @__PURE__ */ jsx(Tailwind, { children: /* @__PURE__ */ jsx(Body, {
+			className: "mx-auto my-auto bg-white px-2 font-sans",
+			children: /* @__PURE__ */ jsxs(Container, {
+				className: "mx-auto my-[40px] max-w-[465px] rounded border border-[#eaeaea] border-solid p-[20px]",
+				children: [
+					/* @__PURE__ */ jsx(Icons.logo, { className: "w-8" }),
+					/* @__PURE__ */ jsxs(Section, {
+						className: "my-[15px]",
+						children: [
+							/* @__PURE__ */ jsx(Heading, {
+								className: "mx-0 my-[20px] p-0 font-bold text-[24px] text-black",
+								children: "Herstel uw wachtwoord"
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								className: "text-[14px] text-black leading-[24px]",
+								children: "Iemand heeft onlangs een wachtwoordwijziging voor uw account gevraagd. Als u dit was, kunt u hier een nieuw wachtwoord instellen:"
+							}),
+							/* @__PURE__ */ jsx(Button, {
+								className: "rounded bg-[#000000] px-5 py-3 text-center font-semibold text-[12px] text-white no-underline",
+								href: resetPasswordHref,
+								children: "Reset password"
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs(Section, { children: [/* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] text-black leading-[20px]",
+						children: "Als u uw wachtwoord niet wilt wijzigen of dit niet heeft gevraagd, negeer en verwijder dit bericht gewoon en verwijdert u."
+					}), /* @__PURE__ */ jsx(Text, {
+						className: "text-[12px] text-black leading-[20px]",
+						children: "Stuur deze e-mail niet door om uw account veilig te houden."
+					})] })
+				]
+			})
+		}) })
+	] });
+}
+ForgetPasswordEmail.PreviewProps = { resetPasswordHref: url("/auth/reset-password") };
+
+//#endregion
+export { ForgetPasswordEmail as default };

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

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