@examplary/ui 1.56.0 → 1.58.0

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

@@ -1,14 +1,3 @@
-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 { InputRule, Node } from "@tiptap/core";
 import { ReactNodeViewRenderer } from "@tiptap/react";
 import { MathematicsEditComponent } from "./mathematics-component.js";
@@ -20,112 +9,97 @@ import { MathematicsEditComponent } from "./mathematics-component.js";
  * Original:
  * https://github.com/ueberdosis/tiptap/blob/develop/packages/extension-mathematics/src/extensions/InlineMath.ts
  */
-export var Mathematics = Node.create({
+export const Mathematics = Node.create({
     name: "inlineMath",
     group: "inline",
     inline: true,
     atom: true,
-    addAttributes: function () {
+    addAttributes() {
         return {
             latex: {
                 default: "",
-                parseHTML: function (element) { return element.textContent; },
-                renderHTML: function () {
+                parseHTML: (element) => element.textContent,
+                renderHTML: () => {
                     return {};
                 },
             },
         };
     },
-    addCommands: function () {
-        var _this = this;
+    addCommands() {
         return {
-            deleteInlineMath: function (options) {
-                return function (_a) {
-                    var _b;
-                    var editor = _a.editor, tr = _a.tr;
-                    var pos = (_b = options === null || options === void 0 ? void 0 : options.pos) !== null && _b !== void 0 ? _b : editor.state.selection.$from.pos;
-                    var node = editor.state.doc.nodeAt(pos);
-                    if (!node || node.type.name !== _this.name) {
-                        return false;
-                    }
-                    tr.delete(pos, pos + node.nodeSize);
-                    return true;
-                };
+            deleteInlineMath: (options) => ({ editor, tr }) => {
+                const pos = options?.pos ?? editor.state.selection.$from.pos;
+                const node = editor.state.doc.nodeAt(pos);
+                if (!node || node.type.name !== this.name) {
+                    return false;
+                }
+                tr.delete(pos, pos + node.nodeSize);
+                return true;
             },
-            insertInlineMath: function (options) {
-                return function (_a) {
-                    var _b, _c, _d;
-                    var editor = _a.editor, tr = _a.tr;
-                    // Insert latex if specified
-                    if (options === null || options === void 0 ? void 0 : options.latex) {
-                        var from_1 = (_b = options === null || options === void 0 ? void 0 : options.pos) !== null && _b !== void 0 ? _b : editor.state.selection.from;
-                        tr.replaceWith(from_1, from_1, _this.type.create({ latex: options.latex }));
-                        return true;
-                    }
-                    // If there is a selection that isn't empty, replace it with the inline math
-                    var _e = editor.state.selection, from = _e.from, to = _e.to;
-                    if (from !== to) {
-                        var selectedText = editor.state.doc.textBetween(from, to);
-                        tr.replaceWith(from, to, _this.type.create({ latex: selectedText.trim() || "2x + 2" }));
-                        return true;
-                    }
-                    // Otherwise, insert at the current position
-                    var pos = (_c = options === null || options === void 0 ? void 0 : options.pos) !== null && _c !== void 0 ? _c : editor.state.selection.to;
-                    tr.replaceWith(pos, pos, _this.type.create({ latex: ((_d = options.latex) === null || _d === void 0 ? void 0 : _d.trim()) || "2x + 2" }));
+            insertInlineMath: (options) => ({ editor, tr }) => {
+                // Insert latex if specified
+                if (options?.latex) {
+                    const from = options?.pos ?? editor.state.selection.from;
+                    tr.replaceWith(from, from, this.type.create({ latex: options.latex }));
                     return true;
-                };
+                }
+                // If there is a selection that isn't empty, replace it with the inline math
+                const { from, to } = editor.state.selection;
+                if (from !== to) {
+                    const selectedText = editor.state.doc.textBetween(from, to);
+                    tr.replaceWith(from, to, this.type.create({ latex: selectedText.trim() || "2x + 2" }));
+                    return true;
+                }
+                // Otherwise, insert at the current position
+                const pos = options?.pos ?? editor.state.selection.to;
+                tr.replaceWith(pos, pos, this.type.create({ latex: options.latex?.trim() || "2x + 2" }));
+                return true;
             },
-            updateInlineMath: function (options) {
-                return function (_a) {
-                    var editor = _a.editor, tr = _a.tr;
-                    var latex = options === null || options === void 0 ? void 0 : options.latex;
-                    var pos = options === null || options === void 0 ? void 0 : options.pos;
-                    if (pos === undefined) {
-                        pos = editor.state.selection.$from.pos;
-                    }
-                    var node = editor.state.doc.nodeAt(pos);
-                    if (!node || node.type.name !== _this.name) {
-                        return false;
-                    }
-                    if ((latex === null || latex === void 0 ? void 0 : latex.trim()) === "") {
-                        // Delete node if new latex is empty
-                        tr.delete(pos, pos + node.nodeSize);
-                        return true;
-                    }
-                    tr.setNodeMarkup(pos, _this.type, __assign(__assign({}, node.attrs), { latex: latex }));
+            updateInlineMath: (options) => ({ editor, tr }) => {
+                const latex = options?.latex;
+                let pos = options?.pos;
+                if (pos === undefined) {
+                    pos = editor.state.selection.$from.pos;
+                }
+                const node = editor.state.doc.nodeAt(pos);
+                if (!node || node.type.name !== this.name) {
+                    return false;
+                }
+                if (latex?.trim() === "") {
+                    // Delete node if new latex is empty
+                    tr.delete(pos, pos + node.nodeSize);
                     return true;
-                };
+                }
+                tr.setNodeMarkup(pos, this.type, { ...node.attrs, latex });
+                return true;
             },
         };
     },
-    parseHTML: function () {
+    parseHTML() {
         return [
             {
                 tag: "inline-math",
             },
         ];
     },
-    renderHTML: function (_a) {
-        var node = _a.node, HTMLAttributes = _a.HTMLAttributes;
+    renderHTML({ node, HTMLAttributes }) {
         return ["inline-math", HTMLAttributes, node.attrs.latex || ""];
     },
-    addInputRules: function () {
-        var _this = this;
+    addInputRules() {
         return [
             new InputRule({
                 find: /(^|[^$])(\$\$([^$\n]+?)\$\$)(?!\$)/,
-                handler: function (_a) {
-                    var state = _a.state, range = _a.range, match = _a.match;
-                    var latex = match[3];
-                    var tr = state.tr;
-                    var start = range.from;
-                    var end = range.to;
-                    tr.replaceWith(start, end, _this.type.create({ latex: latex }));
+                handler: ({ state, range, match }) => {
+                    const latex = match[3];
+                    const { tr } = state;
+                    const start = range.from;
+                    const end = range.to;
+                    tr.replaceWith(start, end, this.type.create({ latex }));
                 },
             }),
         ];
     },
-    addNodeView: function () {
+    addNodeView() {
         return ReactNodeViewRenderer(MathematicsEditComponent);
     },
 });

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

@@ -4,7 +4,7 @@ export default Node.create({
     group: "block",
     content: "inline*",
     atom: true,
-    addAttributes: function () {
+    addAttributes() {
         return {
             url: {},
             page: {},
@@ -14,15 +14,14 @@ export default Node.create({
             height: {},
         };
     },
-    parseHTML: function () {
+    parseHTML() {
         return [
             {
                 tag: "page-clipping",
             },
         ];
     },
-    renderHTML: function (_a) {
-        var HTMLAttributes = _a.HTMLAttributes;
+    renderHTML({ HTMLAttributes }) {
         return ["page-clipping", mergeAttributes(HTMLAttributes)];
     },
 });

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

@@ -1,58 +1,24 @@
-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) {
+class PNGScanner {
+    dataview;
+    pos;
+    constructor(buffer) {
         this.dataview = new DataView(buffer);
         this.pos = 0;
     }
     /**
      * Advance the position pointer
      */
-    PNGScanner.prototype.advance = function (bytes) {
+    advance(bytes) {
         this.pos += bytes;
-    };
+    }
     /**
      * Read an integer of specified byte length
      */
-    PNGScanner.prototype.readInt = function (bytes) {
-        var value;
+    readInt(bytes) {
+        let value;
         switch (bytes) {
             case 1:
                 value = this.dataview.getUint8(this.pos);
@@ -68,39 +34,39 @@ var PNGScanner = /** @class */ (function () {
         }
         this.advance(bytes);
         return value;
-    };
+    }
     /**
      * Read a single byte as a character
      */
-    PNGScanner.prototype.readChar = function () {
+    readChar() {
         return this.readInt(1);
-    };
+    }
     /**
      * Read a 2-byte short integer
      */
-    PNGScanner.prototype.readShort = function () {
+    readShort() {
         return this.readInt(2);
-    };
+    }
     /**
      * Read a 4-byte long integer
      */
-    PNGScanner.prototype.readLong = function () {
+    readLong() {
         return this.readInt(4);
-    };
+    }
     /**
      * Read a string of specified length
      */
-    PNGScanner.prototype.readString = function (length) {
-        var chars = [];
-        for (var i = 0; i < length; i++) {
+    readString(length) {
+        const chars = [];
+        for (let 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) {
+    scan(callback) {
         // Check PNG signature
         if (0x89504e47 !== this.readLong()) {
             throw Error("invalid PNG");
@@ -109,24 +75,23 @@ var PNGScanner = /** @class */ (function () {
         this.advance(4);
         // Process chunks
         while (true) {
-            var chunkLength = this.readLong();
-            var chunkType = this.readString(4);
-            var nextChunkPos = this.pos + chunkLength + 4;
+            const chunkLength = this.readLong();
+            const chunkType = this.readString(4);
+            const 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 = {
+const parsePNGMetadata = (buffer) => {
+    const scanner = new PNGScanner(buffer);
+    const metadata = {
         width: 0,
         height: 0,
         ppi: 1,
@@ -134,14 +99,19 @@ var parsePNGMetadata = function (buffer) {
     scanner.scan(function (chunkType) {
         switch (chunkType) {
             case "IHDR":
+                // @ts-expect-error this
                 metadata.width = this.readLong();
+                // @ts-expect-error this
                 metadata.height = this.readLong();
                 break;
             case "pHYs": {
-                var metersToInches = void 0;
-                var xPixelsPerUnit = this.readLong();
-                var yPixelsPerUnit = this.readLong();
+                let metersToInches;
+                // @ts-expect-error this
+                const xPixelsPerUnit = this.readLong();
+                // @ts-expect-error this
+                const yPixelsPerUnit = this.readLong();
                 // Check if units are meters (1)
+                // @ts-expect-error this
                 if (this.readChar() === 1) {
                     metersToInches = 0.0254; // Conversion factor from meters to inches
                 }
@@ -161,48 +131,33 @@ var parsePNGMetadata = function (buffer) {
 /**
  * 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*/];
-        }
-    });
-}); };
+const extractPNGMetadata = async (file) => {
+    try {
+        const buffer = await new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(reader.result);
+            reader.onerror = () => reject(reader.error);
+            reader.readAsArrayBuffer(file);
+        });
+        return buffer ? parsePNGMetadata(buffer) : null;
+    }
+    catch (error) {
+        console.error("Error reading PNG file:", error);
+        return null;
+    }
+};
 /**
  * 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 }];
-        }
-    });
-}); };
+export const getImageSize = async (file) => {
+    const metadata = await extractPNGMetadata(file);
+    if (!metadata) {
+        return { width: 0 };
+    }
+    // For high DPI images (e.g., 144 PPI which is common for 2x retina displays)
+    if (metadata.ppi === 144) {
+        const actualWidth = Math.round(metadata.width / 2);
+        return { width: actualWidth };
+    }
+    return { width: metadata.width };
+};

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

@@ -3,5 +3,5 @@ type RichTextFormattingMenuProps = {
     editor: Editor;
     allowComments?: boolean;
 };
-export declare const RichTextFormattingMenu: ({ allowComments, editor, }: RichTextFormattingMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RichTextFormattingMenu: ({ allowComments, editor, }: RichTextFormattingMenuProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -7,38 +7,37 @@ import { BoldIcon, CropIcon, HighlighterIcon, ItalicIcon, LinkIcon, ListIcon, Me
 import { CropPageClippingModal } from "./crop-page-clipping-modal";
 import { cn } from "../../../utils";
 import { FloatingMenu } from "../../ui/floating-menu";
-export var RichTextFormattingMenu = function (_a) {
-    var allowComments = _a.allowComments, editor = _a.editor;
-    var _b = useState(null), pageClipping = _b[0], setPageClipping = _b[1];
-    var t = useTranslation().t;
-    var setLink = useCallback(function () {
+export const RichTextFormattingMenu = ({ allowComments, editor, }) => {
+    const [pageClipping, setPageClipping] = useState(null);
+    const { t } = useTranslation();
+    const setLink = useCallback(() => {
         if (editor.isActive("link")) {
-            var mark_1 = editor.chain().focus().extendMarkRange("link");
-            mark_1.unsetLink().run();
+            const mark = editor.chain().focus().extendMarkRange("link");
+            mark.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);
+        const previousUrl = editor.getAttributes("link").href;
+        let 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 === "") {
-            var mark_2 = editor.chain().focus().extendMarkRange("link");
-            mark_2.unsetLink().run();
+            const mark = editor.chain().focus().extendMarkRange("link");
+            mark.unsetLink().run();
             return;
         }
         if (url.indexOf("http") !== 0) {
             url = "http://" + url;
         }
         // update link
-        var mark = editor.chain().focus().extendMarkRange("link");
+        const mark = editor.chain().focus().extendMarkRange("link");
         mark.setLink({ href: url }).run();
     }, [editor]);
-    var state = useEditorState({
-        editor: editor,
-        selector: function (ctx) { return ({
+    const state = useEditorState({
+        editor,
+        selector: (ctx) => ({
             isBold: ctx.editor.isActive("bold"),
             isItalic: ctx.editor.isActive("italic"),
             isStrikethrough: ctx.editor.isActive("strike"),
@@ -52,16 +51,16 @@ export var RichTextFormattingMenu = function (_a) {
             isFileAttachment: ctx.editor.isActive("file-attachment"),
             isImage: ctx.editor.isActive("image"),
             isComment: allowComments ? ctx.editor.isActive("comment") : false,
-        }); },
+        }),
     });
-    var actions = useMemo(function () {
-        var items = [];
+    const actions = useMemo(() => {
+        const items = [];
         if (allowComments) {
             items.push({
                 icon: MessageCircleIcon,
                 label: t("formatting.comment"),
                 active: state.isComment,
-                action: function () { return editor.chain().focus().toggleComment().run(); },
+                action: () => editor.chain().focus().toggleComment().run(),
             });
         }
         if (state.isPageClipping) {
@@ -69,7 +68,7 @@ export var RichTextFormattingMenu = function (_a) {
                 icon: CropIcon,
                 label: t("formatting.crop.edit"),
                 active: state.isPageClipping,
-                action: function () { return setPageClipping(editor.getAttributes("page-clipping")); },
+                action: () => setPageClipping(editor.getAttributes("page-clipping")),
             });
         }
         else if (state.isImage || state.isFileAttachment) {
@@ -77,7 +76,7 @@ export var RichTextFormattingMenu = function (_a) {
                 icon: TrashIcon,
                 label: t("formatting.delete"),
                 active: state.isImage || state.isFileAttachment,
-                action: function () { return editor.commands.deleteSelection(); },
+                action: () => editor.commands.deleteSelection(),
             });
         }
         else {
@@ -85,23 +84,17 @@ export var RichTextFormattingMenu = function (_a) {
                 icon: BoldIcon,
                 label: t("formatting.bold"),
                 active: state.isBold,
-                action: function () {
-                    return editor.chain().focus().toggleBold().run();
-                },
+                action: () => editor.chain().focus().toggleBold().run(),
             }, {
                 icon: ItalicIcon,
                 label: t("formatting.italic"),
                 active: state.isItalic,
-                action: function () {
-                    return editor.chain().focus().toggleItalic().run();
-                },
+                action: () => editor.chain().focus().toggleItalic().run(),
             }, {
                 icon: HighlighterIcon,
                 label: t("formatting.highlight"),
                 active: state.isHighlight,
-                action: function () {
-                    return editor.chain().focus().toggleHighlight().run();
-                },
+                action: () => editor.chain().focus().toggleHighlight().run(),
             }, {
                 icon: LinkIcon,
                 label: t("formatting.link"),
@@ -111,32 +104,24 @@ export var RichTextFormattingMenu = function (_a) {
                 icon: ListIcon,
                 label: t("formatting.bulletList"),
                 active: state.isBulletList,
-                action: function () {
-                    return editor.chain().focus().toggleBulletList().run();
-                },
+                action: () => editor.chain().focus().toggleBulletList().run(),
             }, {
                 icon: ListIcon,
                 label: t("formatting.orderedList"),
                 active: state.isOrderedList,
-                action: function () {
-                    return editor.chain().focus().toggleOrderedList().run();
-                },
+                action: () => editor.chain().focus().toggleOrderedList().run(),
             }, {
                 icon: TextQuoteIcon,
                 label: t("formatting.blockquote"),
                 active: state.isBlockquote,
-                action: function () {
-                    return editor.chain().focus().toggleBlockquote().run();
-                },
+                action: () => editor.chain().focus().toggleBlockquote().run(),
             }, {
                 icon: SquareFunctionIcon,
                 label: t("formatting.inlineMath"),
                 active: state.isInlineMath,
-                action: function () {
-                    return editor.chain().focus()
-                        .insertInlineMath({ latex: "" })
-                        .run();
-                },
+                action: () => editor.chain().focus()
+                    .insertInlineMath({ latex: "" })
+                    .run(),
             });
         }
         return items;
@@ -144,12 +129,12 @@ export var RichTextFormattingMenu = function (_a) {
     if (!editor) {
         return null;
     }
-    return (_jsxs(_Fragment, { children: [state.isPageClipping && (_jsx(CropPageClippingModal, { pageClipping: pageClipping, onClose: function () { return setPageClipping(null); }, onUpdate: function (newParameters) {
+    return (_jsxs(_Fragment, { children: [state.isPageClipping && (_jsx(CropPageClippingModal, { pageClipping: pageClipping, onClose: () => setPageClipping(null), onUpdate: (newParameters) => {
                     setPageClipping(null);
                     editor
                         .chain()
                         .focus()
                         .updateAttributes("page-clipping", newParameters)
                         .run();
-                } })), _jsx(BubbleMenu, { editor: editor, children: _jsx(FloatingMenu, { className: "ml-2 flex items-center gap-0.5", children: actions.map(function (item, index) { return (_jsx("button", { onClick: item.action, type: "button", title: item.label, "aria-label": item.label, className: cn("p-1 cursor-pointer flex items-center gap-1 hover:bg-zinc-100 rounded-md", item.active ? "bg-zinc-200" : ""), children: _jsx(item.icon, { className: "size-3.5 m-0.5" }) }, index)); }) }) })] }));
+                } })), _jsx(BubbleMenu, { editor: editor, children: _jsx(FloatingMenu, { className: "ml-2 flex items-center gap-0.5", children: actions.map((item, index) => (_jsx("button", { onClick: item.action, type: "button", title: item.label, "aria-label": item.label, className: cn("p-1 cursor-pointer flex items-center gap-1 hover:bg-zinc-100 rounded-md", item.active ? "bg-zinc-200" : ""), children: _jsx(item.icon, { className: "size-3.5 m-0.5" }) }, index))) }) })] }));
 };

package/dist/components/ui/alert.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-declare const alertVariants: (props?: {
-    variant?: "default" | "secondary" | "destructive" | "warning" | "info";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const alertVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "warning" | "info" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;