@examplary/ui 1.56.0 → 1.58.0

package/dist/components/ui/text-selection-menu.js

@@ -1,62 +1,56 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useRef, useState, } from "react";
 import { offset, useFloating } from "@floating-ui/react";
-var TextSelectionContext = createContext(null);
-export var TextSelectionContainer = function (_a) {
-    var children = _a.children, _b = _a.enabled, enabled = _b === void 0 ? true : _b;
-    var containerRef = useRef(null);
-    var _c = useState(null), selection = _c[0], setSelection = _c[1];
-    var handleSelection = useCallback(function () {
+const TextSelectionContext = createContext(null);
+export const TextSelectionContainer = ({ children, enabled = true, }) => {
+    const containerRef = useRef(null);
+    const [selection, setSelection] = useState(null);
+    const handleSelection = useCallback(() => {
         if (!enabled)
             return;
-        var sel = window.getSelection();
+        const sel = window.getSelection();
         // No selection or collapsed (just a cursor)
         if (!sel || sel.isCollapsed || sel.rangeCount === 0) {
             setSelection(null);
             return;
         }
-        var range = sel.getRangeAt(0);
+        const range = sel.getRangeAt(0);
         // Only react to selections inside our editor
         if (containerRef.current &&
             !containerRef.current.contains(range.commonAncestorContainer)) {
             setSelection(null);
             return;
         }
-        var rect = range.getBoundingClientRect();
+        const rect = range.getBoundingClientRect();
         if (rect.width === 0 && rect.height === 0) {
             setSelection(null);
             return;
         }
-        setSelection({ text: sel.toString(), range: range, rect: rect });
+        setSelection({ text: sel.toString(), range, rect });
     }, [containerRef, enabled]);
-    useEffect(function () {
+    useEffect(() => {
         if (!enabled) {
             // eslint-disable-next-line react-hooks/set-state-in-effect
             setSelection(null);
             return;
         }
         document.addEventListener("selectionchange", handleSelection);
-        return function () {
-            return document.removeEventListener("selectionchange", handleSelection);
-        };
+        return () => document.removeEventListener("selectionchange", handleSelection);
     }, [handleSelection, enabled]);
-    return (_jsx(TextSelectionContext.Provider, { value: { selection: selection, setSelection: setSelection }, children: _jsx("div", { ref: containerRef, children: children }) }));
+    return (_jsx(TextSelectionContext.Provider, { value: { selection, setSelection }, children: _jsx("div", { ref: containerRef, children: children }) }));
 };
-export var TextSelectionMenu = function (_a) {
-    var children = _a.children, _b = _a.placement, placement = _b === void 0 ? "top" : _b;
-    var _c = useContext(TextSelectionContext), selection = _c.selection, setSelection = _c.setSelection;
-    var _d = useFloating({
-        placement: placement,
+export const TextSelectionMenu = ({ children, placement = "top", }) => {
+    const { selection, setSelection } = useContext(TextSelectionContext);
+    const { refs, floatingStyles } = useFloating({
+        placement,
         strategy: "absolute",
         middleware: [offset(8)],
         elements: {
             // sadly mis-typed in the library
-            reference: selection === null || selection === void 0 ? void 0 : selection.range,
+            reference: selection?.range,
         },
-    }), refs = _d.refs, floatingStyles = _d.floatingStyles;
+    });
     if (!selection)
         return null;
-    return (
-    // eslint-disable-next-line react-hooks/refs
-    _jsx("div", { ref: refs.setFloating, style: floatingStyles, className: "z-10", children: children(selection, setSelection) }));
+    return (_jsx("div", { ref: refs.setFloating, style: floatingStyles, className: "z-10", children: children(selection, setSelection) }));
 };

package/dist/components/ui/textarea.js

@@ -1,41 +1,18 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { useEffect, useRef } from "react";
 import { cn } from "../../utils";
-var Textarea = React.forwardRef(function (_a, ref) {
-    var className = _a.className, autoGrow = _a.autoGrow, props = __rest(_a, ["className", "autoGrow"]);
-    var selfRef = useRef(null);
-    useEffect(function () {
-        var target = ref || selfRef;
+const Textarea = React.forwardRef(({ className, autoGrow, ...props }, ref) => {
+    const selfRef = useRef(null);
+    useEffect(() => {
+        const target = ref || selfRef;
         if (autoGrow && target && "current" in target) {
-            var element = target.current;
+            const element = target.current;
             element.style.height = "auto";
-            element.style.height = "".concat(element.scrollHeight, "px");
+            element.style.height = `${element.scrollHeight}px`;
         }
     }, [autoGrow, ref, props.value, props.defaultValue]);
-    return (_jsx("textarea", __assign({ className: cn("flex min-h-[80px] w-full rounded-lg border text-text font-base selection:bg-main selection:text-text placeholder:text-zinc-500 border-border bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-text placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref || selfRef }, props)));
+    return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-lg border text-text font-base selection:bg-main selection:text-text placeholder:text-zinc-500 border-border bg-white px-3 py-2 text-sm ring-offset-white placeholder:text-text placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref || selfRef, ...props }));
 });
 Textarea.displayName = "Textarea";
 export { Textarea };

package/dist/components/ui/tooltip.js

@@ -1,36 +1,11 @@
 "use client";
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import { cn } from "../../utils";
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(function (_a, ref) {
-    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, props = __rest(_a, ["className", "sideOffset"]);
-    return (_jsx(TooltipPrimitive.Content, __assign({ ref: ref, collisionPadding: 8, sideOffset: sideOffset, className: cn("z-50 overflow-hidden border px-4 font-medium text-sm py-1 rounded-3xl shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-neutral-800 bg-neutral-950 text-neutral-50", className) }, props)));
-});
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, collisionPadding: 8, sideOffset: sideOffset, className: cn("z-50 overflow-hidden border px-4 font-medium text-sm py-1 rounded-3xl shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-neutral-800 bg-neutral-950 text-neutral-50", className), ...props })));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/components/web-components/content-reference.js

@@ -1,98 +1,7 @@
 "use client";
-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 __());
-    };
-})();
-var ContentReferenceElement = /** @class */ (function (_super) {
-    __extends(ContentReferenceElement, _super);
-    function ContentReferenceElement() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.targetEl = null;
-        _this.timeout = null;
-        _this.handleClick = function () {
-            var _a, _b;
-            _this.handleEnter();
-            // Scroll new highlight into view
-            var highlight = (_a = _this.targetEl) === null || _a === void 0 ? void 0 : _a.querySelector("mark.content-reference-highlight");
-            if (highlight) {
-                (_b = highlight.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(highlight, {
-                    behavior: "smooth",
-                    block: "center",
-                });
-            }
-            if (_this.timeout)
-                clearTimeout(_this.timeout);
-            _this.timeout = setTimeout(function () {
-                _this.timeout = null;
-                _this.restore();
-            }, 2000);
-        };
-        _this.handleEnter = function () {
-            var parent = _this.closest("[data-content-reference-target]");
-            var targetId = parent === null || parent === void 0 ? void 0 : parent.dataset.contentReferenceTarget;
-            if (!targetId)
-                return;
-            var target = document.getElementById(targetId);
-            if (!target)
-                return;
-            var quote = _this.getAttribute("quote");
-            if (!quote)
-                return;
-            var textNodes = [];
-            var walker = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
-            var pos = 0;
-            var current;
-            while ((current = walker.nextNode())) {
-                var text = current;
-                var len = text.data.length;
-                textNodes.push({ node: text, start: pos, end: pos + len });
-                pos += len;
-            }
-            var haystack = textNodes.map(function (n) { return n.node.data; }).join("");
-            var matchAt = haystack.indexOf(quote);
-            if (matchAt < 0)
-                return;
-            var matchEnd = matchAt + quote.length;
-            _this.targetEl = target;
-            for (var _i = 0, textNodes_1 = textNodes; _i < textNodes_1.length; _i++) {
-                var _a = textNodes_1[_i], node = _a.node, start = _a.start, end = _a.end;
-                if (end <= matchAt)
-                    continue;
-                if (start >= matchEnd)
-                    break;
-                var localStart = Math.max(0, matchAt - start);
-                var localEnd = Math.min(node.data.length, matchEnd - start);
-                if (localStart >= localEnd)
-                    continue;
-                var middle = localStart > 0 ? node.splitText(localStart) : node;
-                if (localEnd - localStart < middle.data.length) {
-                    middle.splitText(localEnd - localStart);
-                }
-                var mark = document.createElement("mark");
-                mark.className = "content-reference-highlight";
-                middle.parentNode.insertBefore(mark, middle);
-                mark.appendChild(middle);
-            }
-        };
-        _this.handleLeave = function () {
-            if (_this.timeout)
-                return;
-            _this.restore();
-        };
-        return _this;
-    }
-    ContentReferenceElement.prototype.connectedCallback = function () {
+export class ContentReferenceElement extends HTMLElement {
+    targetEl = null;
+    connectedCallback() {
         if (!this.hasAttribute("tabindex"))
             this.tabIndex = 0;
         if (!this.hasAttribute("role"))
@@ -106,8 +15,8 @@ var ContentReferenceElement = /** @class */ (function (_super) {
         this.addEventListener("touchstart", this.handleClick);
         this.addEventListener("focus", this.handleEnter);
         this.addEventListener("blur", this.handleLeave);
-    };
-    ContentReferenceElement.prototype.disconnectedCallback = function () {
+    }
+    disconnectedCallback() {
         this.removeEventListener("mouseenter", this.handleEnter);
         this.removeEventListener("mouseleave", this.handleLeave);
         this.removeEventListener("click", this.handleClick);
@@ -115,28 +24,94 @@ var ContentReferenceElement = /** @class */ (function (_super) {
         this.removeEventListener("focus", this.handleEnter);
         this.removeEventListener("blur", this.handleLeave);
         this.restore();
+    }
+    timeout = null;
+    handleClick = () => {
+        this.handleEnter();
+        // Scroll new highlight into view
+        const highlight = this.targetEl?.querySelector("mark.content-reference-highlight");
+        if (highlight) {
+            highlight.scrollIntoView?.({
+                behavior: "smooth",
+                block: "center",
+            });
+        }
+        if (this.timeout)
+            clearTimeout(this.timeout);
+        this.timeout = setTimeout(() => {
+            this.timeout = null;
+            this.restore();
+        }, 2000);
+    };
+    handleEnter = () => {
+        const parent = this.closest("[data-content-reference-target]");
+        const targetId = parent?.dataset.contentReferenceTarget;
+        if (!targetId)
+            return;
+        const target = document.getElementById(targetId);
+        if (!target)
+            return;
+        const quote = this.getAttribute("quote");
+        if (!quote)
+            return;
+        const textNodes = [];
+        const walker = document.createTreeWalker(target, NodeFilter.SHOW_TEXT);
+        let pos = 0;
+        let current;
+        while ((current = walker.nextNode())) {
+            const text = current;
+            const len = text.data.length;
+            textNodes.push({ node: text, start: pos, end: pos + len });
+            pos += len;
+        }
+        const haystack = textNodes.map((n) => n.node.data).join("");
+        const matchAt = haystack.indexOf(quote);
+        if (matchAt < 0)
+            return;
+        const matchEnd = matchAt + quote.length;
+        this.targetEl = target;
+        for (const { node, start, end } of textNodes) {
+            if (end <= matchAt)
+                continue;
+            if (start >= matchEnd)
+                break;
+            const localStart = Math.max(0, matchAt - start);
+            const localEnd = Math.min(node.data.length, matchEnd - start);
+            if (localStart >= localEnd)
+                continue;
+            const middle = localStart > 0 ? node.splitText(localStart) : node;
+            if (localEnd - localStart < middle.data.length) {
+                middle.splitText(localEnd - localStart);
+            }
+            const mark = document.createElement("mark");
+            mark.className = "content-reference-highlight";
+            middle.parentNode.insertBefore(mark, middle);
+            mark.appendChild(middle);
+        }
+    };
+    handleLeave = () => {
+        if (this.timeout)
+            return;
+        this.restore();
     };
-    ContentReferenceElement.prototype.restore = function () {
+    restore() {
         if (this.timeout) {
             clearTimeout(this.timeout);
             this.timeout = null;
         }
         if (!this.targetEl)
             return;
-        var highlights = this.targetEl.querySelectorAll("mark.content-reference-highlight");
-        highlights.forEach(function (highlight) {
-            var _a, _b;
-            var parent = highlight.parentNode;
+        const highlights = this.targetEl.querySelectorAll("mark.content-reference-highlight");
+        highlights.forEach((highlight) => {
+            const parent = highlight.parentNode;
             if (!parent)
                 return;
             while (highlight.firstChild) {
                 parent.insertBefore(highlight.firstChild, highlight);
             }
             parent.removeChild(highlight);
-            (_b = (_a = parent).normalize) === null || _b === void 0 ? void 0 : _b.call(_a);
+            parent.normalize?.();
         });
         this.targetEl = null;
-    };
-    return ContentReferenceElement;
-}(HTMLElement));
-export { ContentReferenceElement };
+    }
+}

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

@@ -1,30 +1,11 @@
 "use client";
-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 { cn } from "../../utils";
-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 href = this.getAttribute("href") || "#";
+export class FileAttachmentElement extends HTMLElement {
+    connectedCallback() {
+        const title = this.getAttribute("title") || "File";
+        const href = this.getAttribute("href") || "#";
         // Create React root and render component
-        var a = document.createElement("a");
+        const a = document.createElement("a");
         a.href = href;
         a.target = "_blank";
         a.rel = "noopener noreferrer";
@@ -34,17 +15,15 @@ var FileAttachmentElement = /** @class */ (function (_super) {
         if (this.closest(".ProseMirror")) {
             a.className = cn(a.className, "pointer-events-none");
         }
-        var icon = document.createElement("span");
+        const icon = document.createElement("span");
         icon.className = "size-4 flex-shrink-0";
         icon.innerHTML =
             '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="size-4 flex-shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"/><path d="M14 2v5a1 1 0 0 0 1 1h5"/></svg>';
         a.appendChild(icon);
-        var text = document.createElement("span");
+        const text = document.createElement("span");
         text.className = "truncate";
         text.textContent = title;
         a.appendChild(text);
         this.replaceChildren(a);
-    };
-    return FileAttachmentElement;
-}(HTMLElement));
-export { FileAttachmentElement };
+    }
+}

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

@@ -11,7 +11,7 @@ export * from "./inline-math";
 export * from "./content-reference";
 export * from "./inline-comment";
 export * from "./inline-comment-reply";
-export var registerWebComponents = function () {
+export const registerWebComponents = () => {
     if (typeof window !== "undefined" && !customElements.get("page-clipping")) {
         customElements.define("page-clipping", PageClippingElement);
     }

package/dist/components/web-components/inline-comment-reply.js

@@ -1,25 +1,4 @@
 "use client";
-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 __());
-    };
-})();
-var InlineCommentReplyElement = /** @class */ (function (_super) {
-    __extends(InlineCommentReplyElement, _super);
-    function InlineCommentReplyElement() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    InlineCommentReplyElement.prototype.connectedCallback = function () { };
-    return InlineCommentReplyElement;
-}(HTMLElement));
-export { InlineCommentReplyElement };
+export class InlineCommentReplyElement extends HTMLElement {
+    connectedCallback() { }
+}

package/dist/components/web-components/inline-comment.js

@@ -1,25 +1,4 @@
 "use client";
-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 __());
-    };
-})();
-var InlineCommentElement = /** @class */ (function (_super) {
-    __extends(InlineCommentElement, _super);
-    function InlineCommentElement() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    InlineCommentElement.prototype.connectedCallback = function () { };
-    return InlineCommentElement;
-}(HTMLElement));
-export { InlineCommentElement };
+export class InlineCommentElement extends HTMLElement {
+    connectedCallback() { }
+}

package/dist/components/web-components/inline-math.js

@@ -1,53 +1,31 @@
 "use client";
-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 { convertLatexToMathMl } from "mathlive";
 // Custom element for use in rich text editors
-var InlineMathElement = /** @class */ (function (_super) {
-    __extends(InlineMathElement, _super);
-    function InlineMathElement() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    InlineMathElement.prototype.connectedCallback = function () {
-        var _this = this;
+export class InlineMathElement extends HTMLElement {
+    observer;
+    connectedCallback() {
         this.render();
         // Watch for changes to textContent
-        this.observer = new MutationObserver(function () {
-            _this.render();
+        this.observer = new MutationObserver(() => {
+            this.render();
         });
         this.observer.observe(this, {
             childList: true,
             characterData: true,
             subtree: true,
         });
-    };
-    InlineMathElement.prototype.disconnectedCallback = function () {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    };
-    InlineMathElement.prototype.render = function () {
-        var latex = this.textContent;
+    }
+    disconnectedCallback() {
+        this.observer?.disconnect();
+    }
+    render() {
+        const latex = this.textContent;
         try {
-            this.innerHTML = "<math>".concat(convertLatexToMathMl(latex), "</math>");
+            this.innerHTML = `<math>${convertLatexToMathMl(latex)}</math>`;
         }
         catch (error) {
             this.textContent = error.message;
             this.style.color = "red";
         }
-    };
-    return InlineMathElement;
-}(HTMLElement));
-export { InlineMathElement };
+    }
+}

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

@@ -1,37 +1,16 @@
 "use client";
-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 __());
-    };
-})();
-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") || "";
-        var params = new URLSearchParams({ url: url, page: page, x: x, y: y, width: width, height: height });
-        var img = document.createElement("img");
-        img.src = "https://page-clippings.examplary.ai/?".concat(params.toString());
+export class PageClippingElement extends HTMLElement {
+    connectedCallback() {
+        const url = this.getAttribute("url") || "";
+        const page = this.getAttribute("page") || "";
+        const x = this.getAttribute("x") || "";
+        const y = this.getAttribute("y") || "";
+        const width = this.getAttribute("width") || "";
+        const height = this.getAttribute("height") || "";
+        const params = new URLSearchParams({ url, page, x, y, width, height });
+        const img = document.createElement("img");
+        img.src = `https://page-clippings.examplary.ai/?${params.toString()}`;
         img.alt = "Page clipping";
         this.replaceChildren(img);
-    };
-    return PageClippingElement;
-}(HTMLElement));
-export { PageClippingElement };
+    }
+}