@examplary/ui 0.0.1

package/dist/components/rich-text/tiptap/image.d.ts

@@ -0,0 +1,51 @@
+import { Node } from "@tiptap/core";
+export interface ImageOptions {
+    /**
+     * Controls if the image node should be inline or not.
+     * @default false
+     * @example true
+     */
+    inline: boolean;
+    /**
+     * Controls if base64 images are allowed. Enable this if you want to allow
+     * base64 image urls in the `src` attribute.
+     * @default false
+     * @example true
+     */
+    allowBase64: boolean;
+    /**
+     * HTML attributes to add to the image element.
+     * @default {}
+     * @example { class: 'foo' }
+     */
+    HTMLAttributes: Record<string, any>;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        image: {
+            /**
+             * Add an image
+             * @param options The image attributes
+             * @example
+             * editor
+             *   .commands
+             *   .setImage({ src: 'https://tiptap.dev/logo.png', alt: 'tiptap', title: 'tiptap logo' })
+             */
+            setImage: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * Matches an image to a ![image](src "title") on input.
+ */
+export declare const inputRegex: RegExp;
+/**
+ * This extension allows you to insert images.
+ * @see https://www.tiptap.dev/api/nodes/image
+ */
+declare const Image: Node<ImageOptions, any>;
+export default Image;

package/dist/components/rich-text/tiptap/image.js

@@ -0,0 +1,88 @@
+import { mergeAttributes, Node, nodeInputRule } from "@tiptap/core";
+/**
+ * Matches an image to a ![image](src "title") on input.
+ */
+export var inputRegex = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
+/**
+ * This extension allows you to insert images.
+ * @see https://www.tiptap.dev/api/nodes/image
+ */
+var Image = Node.create({
+    name: "image",
+    addOptions: function () {
+        return {
+            inline: false,
+            allowBase64: false,
+            HTMLAttributes: {},
+        };
+    },
+    inline: function () {
+        return this.options.inline;
+    },
+    group: function () {
+        return this.options.inline ? "inline" : "block";
+    },
+    draggable: true,
+    addAttributes: function () {
+        return {
+            src: {
+                default: null,
+            },
+            alt: {
+                default: null,
+            },
+            title: {
+                default: null,
+            },
+            width: {
+                default: null,
+            },
+            height: {
+                default: null,
+            },
+        };
+    },
+    parseHTML: function () {
+        return [
+            {
+                tag: this.options.allowBase64
+                    ? "img[src]"
+                    : 'img[src]:not([src^="data:"])',
+            },
+        ];
+    },
+    renderHTML: function (_a) {
+        var HTMLAttributes = _a.HTMLAttributes;
+        return [
+            "img",
+            mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
+        ];
+    },
+    addCommands: function () {
+        var _this = this;
+        return {
+            setImage: function (options) {
+                return function (_a) {
+                    var commands = _a.commands;
+                    return commands.insertContent({
+                        type: _this.name,
+                        attrs: options,
+                    });
+                };
+            },
+        };
+    },
+    addInputRules: function () {
+        return [
+            nodeInputRule({
+                find: inputRegex,
+                type: this.type,
+                getAttributes: function (match) {
+                    var alt = match[2], src = match[3], title = match[4];
+                    return { src: src, alt: alt, title: title };
+                },
+            }),
+        ];
+    },
+});
+export default Image;

package/dist/components/rich-text/tiptap/page-clipping.d.ts

@@ -0,0 +1,3 @@
+import { Node } from "@tiptap/core";
+declare const _default: Node<any, any>;
+export default _default;

package/dist/components/rich-text/tiptap/page-clipping.js

@@ -0,0 +1,54 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { mergeAttributes, Node } from "@tiptap/core";
+import { createRoot } from "react-dom/client";
+import { PageClippingView } from "../../web-components/page-clipping";
+export default Node.create({
+    name: "page-clipping",
+    group: "block",
+    content: "inline*",
+    atom: true,
+    addAttributes: function () {
+        return {
+            url: {},
+            page: {},
+            x: {},
+            y: {},
+            width: {},
+            height: {},
+        };
+    },
+    parseHTML: function () {
+        return [
+            {
+                tag: "page-clipping",
+            },
+        ];
+    },
+    renderHTML: function (_a) {
+        var HTMLAttributes = _a.HTMLAttributes;
+        return ["page-clipping", mergeAttributes(HTMLAttributes)];
+    },
+    addNodeView: function () {
+        return function (_a) {
+            var node = _a.node;
+            var dom = document.createElement("div");
+            dom.classList.add("page-clipping");
+            var root = createRoot(dom);
+            root.render(_jsx(PageClippingView, __assign({}, node.attrs)));
+            return {
+                dom: dom,
+            };
+        };
+    },
+});

package/dist/components/rich-text/tiptap/png-scanner.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Get the actual width of an image, accounting for high DPI images
+ */
+export declare const getImageSize: (file: File) => Promise<{
+    width: number;
+}>;

package/dist/components/rich-text/tiptap/png-scanner.js

@@ -0,0 +1,208 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * Class to scan PNG files and extract metadata
+ */
+var PNGScanner = /** @class */ (function () {
+    function PNGScanner(buffer) {
+        this.dataview = new DataView(buffer);
+        this.pos = 0;
+    }
+    /**
+     * Advance the position pointer
+     */
+    PNGScanner.prototype.advance = function (bytes) {
+        this.pos += bytes;
+    };
+    /**
+     * Read an integer of specified byte length
+     */
+    PNGScanner.prototype.readInt = function (bytes) {
+        var value;
+        switch (bytes) {
+            case 1:
+                value = this.dataview.getUint8(this.pos);
+                break;
+            case 2:
+                value = this.dataview.getUint16(this.pos);
+                break;
+            case 4:
+                value = this.dataview.getUint32(this.pos);
+                break;
+            default:
+                throw Error("bytes parameter must be 1, 2 or 4");
+        }
+        this.advance(bytes);
+        return value;
+    };
+    /**
+     * Read a single byte as a character
+     */
+    PNGScanner.prototype.readChar = function () {
+        return this.readInt(1);
+    };
+    /**
+     * Read a 2-byte short integer
+     */
+    PNGScanner.prototype.readShort = function () {
+        return this.readInt(2);
+    };
+    /**
+     * Read a 4-byte long integer
+     */
+    PNGScanner.prototype.readLong = function () {
+        return this.readInt(4);
+    };
+    /**
+     * Read a string of specified length
+     */
+    PNGScanner.prototype.readString = function (length) {
+        var chars = [];
+        for (var i = 0; i < length; i++) {
+            chars.push(String.fromCharCode(this.readChar()));
+        }
+        return chars.join("");
+    };
+    /**
+     * Scan through PNG chunks and call the provided callback for each chunk
+     */
+    PNGScanner.prototype.scan = function (callback) {
+        // Check PNG signature
+        if (0x89504e47 !== this.readLong()) {
+            throw Error("invalid PNG");
+        }
+        // Skip the rest of the header
+        this.advance(4);
+        // Process chunks
+        while (true) {
+            var chunkLength = this.readLong();
+            var chunkType = this.readString(4);
+            var nextChunkPos = this.pos + chunkLength + 4;
+            if (callback.call(this, chunkType, chunkLength) === false ||
+                chunkType === "IEND") {
+                break;
+            }
+            this.pos = nextChunkPos;
+        }
+    };
+    return PNGScanner;
+}());
+/**
+ * Parse PNG metadata from a buffer
+ */
+var parsePNGMetadata = function (buffer) {
+    var scanner = new PNGScanner(buffer);
+    var metadata = {
+        width: 0,
+        height: 0,
+        ppi: 1,
+    };
+    scanner.scan(function (chunkType) {
+        switch (chunkType) {
+            case "IHDR":
+                metadata.width = this.readLong();
+                metadata.height = this.readLong();
+                break;
+            case "pHYs": {
+                var metersToInches = void 0;
+                var xPixelsPerUnit = this.readLong();
+                var yPixelsPerUnit = this.readLong();
+                // Check if units are meters (1)
+                if (this.readChar() === 1) {
+                    metersToInches = 0.0254; // Conversion factor from meters to inches
+                }
+                if (metersToInches) {
+                    // Calculate pixels per inch (PPI)
+                    metadata.ppi = Math.round(((xPixelsPerUnit + yPixelsPerUnit) / 2) * metersToInches);
+                }
+                return false;
+            }
+            case "IDAT":
+                return false; // Stop scanning when we reach image data
+        }
+        return true;
+    });
+    return metadata;
+};
+/**
+ * Read a file as ArrayBuffer and extract PNG metadata
+ */
+var extractPNGMetadata = function (file) { return __awaiter(void 0, void 0, void 0, function () {
+    var buffer, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 2, , 3]);
+                return [4 /*yield*/, new Promise(function (resolve, reject) {
+                        var reader = new FileReader();
+                        reader.onload = function () { return resolve(reader.result); };
+                        reader.onerror = function () { return reject(reader.error); };
+                        reader.readAsArrayBuffer(file);
+                    })];
+            case 1:
+                buffer = _a.sent();
+                return [2 /*return*/, buffer ? parsePNGMetadata(buffer) : null];
+            case 2:
+                error_1 = _a.sent();
+                console.error("Error reading PNG file:", error_1);
+                return [2 /*return*/, null];
+            case 3: return [2 /*return*/];
+        }
+    });
+}); };
+/**
+ * Get the actual width of an image, accounting for high DPI images
+ */
+export var getImageSize = function (file) { return __awaiter(void 0, void 0, void 0, function () {
+    var metadata, actualWidth;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, extractPNGMetadata(file)];
+            case 1:
+                metadata = _a.sent();
+                if (!metadata) {
+                    return [2 /*return*/, { width: 0 }];
+                }
+                // For high DPI images (e.g., 144 PPI which is common for 2x retina displays)
+                if (metadata.ppi === 144) {
+                    actualWidth = Math.round(metadata.width / 2);
+                    return [2 /*return*/, { width: actualWidth }];
+                }
+                return [2 /*return*/, { width: metadata.width }];
+        }
+    });
+}); };

package/dist/components/rich-text/tiptap/rich-text-formatting-menu.d.ts

@@ -0,0 +1,3 @@
+export declare const RichTextFormattingMenu: ({ editor }: {
+    editor: any;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/tiptap/rich-text-formatting-menu.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { BubbleMenu } from "@tiptap/react/menus";
+import { Bold, Highlighter, Italic, LinkIcon, List, TextQuote, } from "lucide-react";
+import { cn } from "../../../utils";
+export var RichTextFormattingMenu = function (_a) {
+    var editor = _a.editor;
+    var setLink = useCallback(function () {
+        if (editor.isActive("link")) {
+            editor.chain().focus().extendMarkRange("link").unsetLink().run();
+            return;
+        }
+        var previousUrl = editor.getAttributes("link").href;
+        var url = window.prompt("Where do you want to link to? Enter a link that starts with 'https://'.", previousUrl);
+        // cancelled
+        if (url === null) {
+            return;
+        }
+        // empty
+        if (url === "") {
+            editor.chain().focus().extendMarkRange("link").unsetLink().run();
+            return;
+        }
+        if (url.indexOf("http") !== 0) {
+            url = "http://" + url;
+        }
+        // update link
+        editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+    }, [editor]);
+    if (!editor) {
+        return null;
+    }
+    return (_jsx(BubbleMenu, { editor: editor, children: _jsxs("div", { className: "border-2 p-0.5 gap-0.5 bg-white rounded-md flex items-center shadow-md", children: [_jsx("span", { onClick: function () { return editor.chain().focus().toggleBold().run(); }, className: cn("p-1 cursor-pointer", editor.isActive("bold") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(Bold, { size: 16, strokeWidth: editor.isActive("bold") ? 2.75 : 2 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleItalic().run(); }, className: cn("p-1 cursor-pointer", editor.isActive("italic") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(Italic, { size: 16, strokeWidth: editor.isActive("italic") ? 2.75 : 2 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleHighlight().run(); }, className: cn("p-1 cursor-pointer", editor.isActive("highlight") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(Highlighter, { size: 16, strokeWidth: editor.isActive("highlight") ? 2.75 : 2 }) }), _jsx("span", { onClick: setLink, className: cn("p-1 cursor-pointer", editor.isActive("link") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(LinkIcon, { size: 16, strokeWidth: editor.isActive("link") ? 2.75 : 2 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleBulletList().run(); }, className: cn("p-1 cursor-pointer", editor.isActive("bulletList") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(List, { size: 16, strokeWidth: editor.isActive("bulletList") ? 2.75 : 2 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleOrderedList().run(); }, className: cn("p-1 cursor-pointer", editor.isActive("orderedList") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(List, { size: 16, strokeWidth: editor.isActive("orderedList") ? 2.75 : 2 }) }), _jsx("span", { onClick: function () { return editor.chain().focus().toggleBlockquote().run(); }, className: cn("p-1 cursor-pointer", editor.isActive("blockquote") ? "bg-zinc-200 rounded-base" : ""), children: _jsx(TextQuote, { size: 16, strokeWidth: editor.isActive("blockquote") ? 2.75 : 2 }) })] }) }));
+};

package/dist/components/web-components/file-attachment.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface FileAttachmentProps {
+    title: string;
+    type?: string;
+    href: string;
+    className?: string;
+}
+export declare const FileAttachmentView: React.FC<FileAttachmentProps>;
+export declare class FileAttachmentElement extends HTMLElement {
+    connectedCallback(): void;
+}
+export {};

package/dist/components/web-components/file-attachment.js

@@ -0,0 +1,40 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FileIcon } from "lucide-react";
+import { createRoot } from "react-dom/client";
+import { cn } from "../../utils";
+export var FileAttachmentView = function (_a) {
+    var title = _a.title, href = _a.href, className = _a.className;
+    return (_jsxs("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: cn("flex items-center gap-1.5 mt-1.5 py-1 rounded-base text-sm font-medium", className), children: [_jsx(FileIcon, { className: "size-4 flex-shrink-0" }), _jsx("span", { className: "truncate", children: title })] }));
+};
+// Custom element for use in rich text editors
+var FileAttachmentElement = /** @class */ (function (_super) {
+    __extends(FileAttachmentElement, _super);
+    function FileAttachmentElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FileAttachmentElement.prototype.connectedCallback = function () {
+        var title = this.getAttribute("title") || "File";
+        var type = this.getAttribute("type") || "";
+        var href = this.getAttribute("href") || "#";
+        // Create React root and render component
+        var root = createRoot(this);
+        root.render(_jsx(FileAttachmentView, { title: title, type: type, href: href }));
+    };
+    return FileAttachmentElement;
+}(HTMLElement));
+export { FileAttachmentElement };

package/dist/components/web-components/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./file-attachment";
+export * from "./page-clipping";
+export declare const registerWebComponents: () => void;

package/dist/components/web-components/index.js

@@ -0,0 +1,12 @@
+import { FileAttachmentElement } from "./file-attachment";
+import { PageClippingElement } from "./page-clipping";
+export * from "./file-attachment";
+export * from "./page-clipping";
+export var registerWebComponents = function () {
+    if (typeof window !== "undefined" && !customElements.get("page-clipping")) {
+        customElements.define("page-clipping", PageClippingElement);
+    }
+    if (typeof window !== "undefined" && !customElements.get("file-attachment")) {
+        customElements.define("file-attachment", FileAttachmentElement);
+    }
+};

package/dist/components/web-components/page-clipping.d.ts

@@ -0,0 +1,4 @@
+export declare const PageClippingView: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare class PageClippingElement extends HTMLElement {
+    connectedCallback(): void;
+}

package/dist/components/web-components/page-clipping.js

@@ -0,0 +1,41 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createRoot } from "react-dom/client";
+export var PageClippingView = function (props) {
+    // TODO: hardcoded API base URL
+    return (_jsx("img", { src: "https://api.examplary.ai/public/page-clippings?".concat(new URLSearchParams(props)), alt: "Page Clipping" }));
+};
+// Custom element for use in rich text editors
+var PageClippingElement = /** @class */ (function (_super) {
+    __extends(PageClippingElement, _super);
+    function PageClippingElement() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PageClippingElement.prototype.connectedCallback = function () {
+        var url = this.getAttribute("url") || "";
+        var page = this.getAttribute("page") || "";
+        var x = this.getAttribute("x") || "";
+        var y = this.getAttribute("y") || "";
+        var width = this.getAttribute("width") || "";
+        var height = this.getAttribute("height") || "";
+        // Create React root and render component
+        var root = createRoot(this);
+        root.render(_jsx(PageClippingView, { url: url, page: page, x: x, y: y, width: width, height: height }));
+    };
+    return PageClippingElement;
+}(HTMLElement));
+export { PageClippingElement };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./utils";
+export { Button } from "./components/button";
+export { Input } from "./components/input";
+export * from "./components/rich-text";
+export * as WebComponents from "./components/web-components";

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from "./utils";
+export { Button } from "./components/button";
+export { Input } from "./components/input";
+export * from "./components/rich-text";
+export * as WebComponents from "./components/web-components";

package/dist/utils.d.ts

@@ -0,0 +1 @@
+export declare function cn(...inputs: (string | null | boolean | undefined)[]): string;

package/dist/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return twMerge(clsx(inputs));
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@examplary/ui",
+  "description": "UI components for the Examplary testing platform.",
+  "packageManager": "yarn@4.5.3",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "yarn build --watch",
+    "build": "tsc ./src/index.ts --outDir dist --skipLibCheck --declaration --jsx react-jsx --esModuleInterop --moduleResolution bundler --module es2020",
+    "release": "semantic-release -e semantic-release-monorepo"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.7.2",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16",
+    "@tiptap-pro/extension-file-handler": "^2.21.5",
+    "@tiptap-pro/extension-mathematics": "^2.18.0",
+    "@tiptap/core": "^3.0.7",
+    "@tiptap/extension-highlight": "^3.0.7",
+    "@tiptap/extension-link": "^3.0.7",
+    "@tiptap/extension-mathematics": "^3.0.7",
+    "@tiptap/extension-placeholder": "^3.0.7",
+    "@tiptap/extension-typography": "^3.0.7",
+    "@tiptap/react": "^3.0.7",
+    "@tiptap/starter-kit": "^3.0.7",
+    "clsx": "^2.1.1",
+    "katex": "^0.16.22",
+    "lucide-react": "^0.525.0",
+    "tailwind-animate": "^0.2.10",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss-animate": "^1.0.7"
+  },
+  "devDependencies": {
+    "typescript": "^5.8.3"
+  }
+}