@canonical/react-ds-app-launchpad 0.7.1-experimental.0 → 0.9.0-experimental.10

package/dist/esm/ui/MarkdownEditor/hooks/useEditor.js

@@ -0,0 +1,277 @@
+import { useCallback, useEffect } from "react";
+const useEditor = (textareaRef) => {
+    const wrapText = useCallback((character) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const { selectionStart, selectionEnd } = textarea;
+        const isSelected = selectionStart !== selectionEnd;
+        textarea.focus();
+        if (isSelected) {
+            const selectedText = textarea.value.slice(selectionStart, selectionEnd);
+            const wrappedText = character + selectedText + character;
+            document.execCommand("insertText", false, wrappedText);
+            // Adjust selection to exclude the wrapping characters
+            const newStart = selectionStart + character.length;
+            const newEnd = selectionEnd + character.length;
+            textarea.setSelectionRange(newStart, newEnd);
+        }
+        else {
+            const insertText = character + character;
+            document.execCommand("insertText", false, insertText);
+            // Move cursor between the characters
+            textarea.setSelectionRange(selectionStart + character.length, selectionStart + character.length);
+        }
+    }, [textareaRef]);
+    const prefixLines = useCallback((prefix) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const { selectionStart, selectionEnd } = textarea;
+        const isSelected = selectionStart !== selectionEnd;
+        const text = textarea.value;
+        const lines = text.split("\n");
+        const lineStartIndex = text.substring(0, selectionStart).split("\n").length - 1;
+        const lineEndIndex = text.substring(0, selectionEnd).split("\n").length;
+        // Extract selected lines and apply prefix
+        const selectedLines = lines.slice(lineStartIndex, lineEndIndex);
+        const wrappedLines = selectedLines.map((line, index) => {
+            const prefixString = typeof prefix === "function" ? prefix(index) : prefix;
+            return `${prefixString}${line}`;
+        });
+        // Calculate start and end positions of the selected lines
+        let startPos = 0;
+        for (let i = 0; i < lineStartIndex; i++) {
+            startPos += lines[i].length + 1; // +1 for newline
+        }
+        let endPos = startPos;
+        for (let i = lineStartIndex; i < lineEndIndex; i++) {
+            endPos += lines[i].length + 1;
+        }
+        endPos -= 1;
+        textarea.focus();
+        textarea.setSelectionRange(startPos, endPos);
+        document.execCommand("insertText", false, wrappedLines.join("\n"));
+        if (isSelected) {
+            const newEnd = startPos + wrappedLines.join("\n").length;
+            textarea.setSelectionRange(startPos, newEnd);
+        }
+    }, [textareaRef]);
+    const handleItalic = useCallback(() => wrapText("*"), [wrapText]);
+    const handleBold = useCallback(() => wrapText("**"), [wrapText]);
+    const handleTitle = useCallback(() => prefixLines("### "), [prefixLines]);
+    const handleQuote = useCallback(() => prefixLines("> "), [prefixLines]);
+    const handleCode = useCallback(() => wrapText("`"), [wrapText]);
+    const handleUList = useCallback(() => prefixLines("- "), [prefixLines]);
+    const handleOList = useCallback(() => prefixLines((index) => `${index + 1}. `), [prefixLines]);
+    const handleLink = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const { selectionStart, selectionEnd } = textarea;
+        const isSelected = selectionStart !== selectionEnd;
+        textarea.focus();
+        const linkPlaceholder = "url";
+        const placeholderLength = linkPlaceholder.length;
+        if (isSelected) {
+            const selectedText = textarea.value.slice(selectionStart, selectionEnd);
+            const newText = `[${selectedText}](${linkPlaceholder})`;
+            document.execCommand("insertText", false, newText);
+            // Adjust selection to the URL part
+            const newStart = selectionEnd + placeholderLength;
+            const newEnd = newStart + placeholderLength;
+            textarea.setSelectionRange(newStart, newEnd);
+        }
+        else {
+            const insertText = "[](url)";
+            const originalStart = selectionStart;
+            document.execCommand("insertText", false, insertText);
+            // Position cursor between the square brackets
+            textarea.setSelectionRange(originalStart + 1, originalStart + 1);
+        }
+    }, [textareaRef]);
+    const formatShortcut = (key, { isShift = false, isCtrl = false }) => {
+        const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+        const ctrlKey = isMac ? "⌘" : "^";
+        const shiftKey = "⇧";
+        return [isCtrl && ctrlKey, isShift && shiftKey, key.toUpperCase()]
+            .filter(Boolean)
+            .join(" ");
+    };
+    // To be called when a user types Enter in the textarea
+    // Will insert the appropriate Markdown syntax for the next line
+    // In case of lists, code block.
+    const handleMarkdownSyntaxAutoComplete = useCallback((event) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return false;
+        if (event.key !== "Enter")
+            return false;
+        const { selectionStart, selectionEnd } = textarea;
+        const hasSelection = selectionStart !== selectionEnd;
+        if (hasSelection)
+            return false;
+        const textBeforeCursor = textarea.value.substring(0, selectionStart);
+        const linesBeforeCursor = textBeforeCursor.split("\n");
+        const currentLine = linesBeforeCursor[linesBeforeCursor.length - 1];
+        // list autocompletion
+        const listRegex = /^(\s*)([-*]|\d+\.)\s/; // matches "- ", "* ", "1. "
+        const listMatch = currentLine.match(listRegex);
+        if (listMatch) {
+            const leadingWhitespace = listMatch[1];
+            const marker = listMatch[2];
+            const restOfLine = currentLine.substring(listMatch[0].length).trim();
+            // If the line is empty, exit list
+            // and replace current line with empty line
+            if (restOfLine.length === 0 || restOfLine === "[ ]") {
+                const lineStart = selectionStart - currentLine.length;
+                textarea.selectionStart = lineStart;
+                textarea.selectionEnd = selectionStart;
+                document.execCommand("insertText", false, "\n");
+                return true;
+            }
+            // Determine next marker based on type
+            const isCheckbox = /^\[([ xX])\]/.test(restOfLine);
+            const isOrdered = /\d/.test(marker);
+            let nextMarker;
+            if (isCheckbox) {
+                nextMarker = `${leadingWhitespace}- [ ]`;
+            }
+            else {
+                nextMarker = isOrdered
+                    ? `${Number.parseInt(marker) + 1}.`
+                    : `${marker}`;
+            }
+            const nextLine = `\n${leadingWhitespace}${nextMarker} `;
+            document.execCommand("insertText", false, nextLine);
+            return true;
+        }
+        // code block autocompletion
+        const codeBlockRegex = /^(\s*)```/;
+        const codeBlockMatch = currentLine.match(codeBlockRegex);
+        if (codeBlockMatch) {
+            const occurrences = (textBeforeCursor.match(/```/g) || []).length;
+            if (occurrences % 2 === 1) {
+                const newText = `${textBeforeCursor}\n\n\`\`\`${textarea.value.substring(selectionStart)}`;
+                textarea.value = newText;
+                textarea.selectionStart = selectionStart + 1;
+                textarea.selectionEnd = selectionStart + 1;
+                return true;
+            }
+        }
+        return false;
+    }, [textareaRef]);
+    const handleShortcuts = useCallback((event) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
+        const isCtrl = isMac ? event.metaKey : event.ctrlKey;
+        const isShift = event.shiftKey;
+        let shortcutHandled = false;
+        // Ctrl + b
+        if (isCtrl && event.key === "b") {
+            handleBold();
+            shortcutHandled = true;
+        }
+        // Ctrl + i
+        if (isCtrl && event.key === "i") {
+            handleItalic();
+            shortcutHandled = true;
+        }
+        // Ctrl + k
+        if (isCtrl && event.key === "k") {
+            handleLink();
+            shortcutHandled = true;
+        }
+        // Ctrl + .
+        if (isCtrl && event.key === ".") {
+            handleQuote();
+            shortcutHandled = true;
+        }
+        // Ctrl + e
+        if (isCtrl && event.key === "e") {
+            handleCode();
+            shortcutHandled = true;
+        }
+        // Ctrl + Shift + 7
+        if (isCtrl && isShift && event.key === "7") {
+            handleOList();
+            shortcutHandled = true;
+        }
+        // Ctrl + Shift + 8
+        if (isCtrl && isShift && event.key === "8") {
+            handleUList();
+            shortcutHandled = true;
+        }
+        if (!shortcutHandled) {
+            shortcutHandled = handleMarkdownSyntaxAutoComplete(event);
+        }
+        if (shortcutHandled) {
+            event.preventDefault();
+        }
+        else {
+            event.stopPropagation();
+        }
+    }, [
+        textareaRef,
+        handleBold,
+        handleItalic,
+        handleLink,
+        handleQuote,
+        handleCode,
+        handleOList,
+        handleUList,
+        handleMarkdownSyntaxAutoComplete,
+    ]);
+    useEffect(() => {
+        if (!textareaRef.current)
+            return;
+        textareaRef.current.addEventListener("keydown", handleShortcuts);
+        return () => {
+            if (!textareaRef.current)
+                return;
+            textareaRef.current.removeEventListener("keydown", handleShortcuts);
+        };
+    }, [textareaRef, handleShortcuts]);
+    if (typeof window === "undefined")
+        return {};
+    return {
+        toolbar: {
+            italic: {
+                shortcut: formatShortcut("i", { isCtrl: true }),
+                handler: handleItalic,
+            },
+            bold: {
+                shortcut: formatShortcut("b", { isCtrl: true }),
+                handler: handleBold,
+            },
+            title: {
+                shortcut: undefined,
+                handler: handleTitle,
+            },
+            quote: {
+                shortcut: formatShortcut(".", { isCtrl: true }),
+                handler: handleQuote,
+            },
+            code: {
+                shortcut: formatShortcut("e", { isCtrl: true }),
+                handler: handleCode,
+            },
+            uList: {
+                shortcut: formatShortcut("8", { isCtrl: true, isShift: true }),
+                handler: handleUList,
+            },
+            oList: {
+                shortcut: formatShortcut("7", { isCtrl: true, isShift: true }),
+                handler: handleOList,
+            },
+            link: {
+                shortcut: formatShortcut("k", { isCtrl: true }),
+                handler: handleLink,
+            },
+        },
+    };
+};
+export default useEditor;
+//# sourceMappingURL=useEditor.js.map

package/dist/esm/ui/MarkdownEditor/hooks/useEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditor.js","sourceRoot":"","sources":["../../../../../src/ui/MarkdownEditor/hooks/useEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB/C,MAAM,SAAS,GAAG,CAChB,WAAwD,EACxD,EAAE;IACF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,SAAiB,EAAE,EAAE;QACpB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;QAClD,MAAM,UAAU,GAAG,cAAc,KAAK,YAAY,CAAC;QACnD,QAAQ,CAAC,KAAK,EAAE,CAAC;QAEjB,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;YACxE,MAAM,WAAW,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAC;YACzD,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;YACvD,sDAAsD;YACtD,MAAM,QAAQ,GAAG,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC;YACnD,MAAM,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC;YAC/C,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;YACzC,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;YACtD,qCAAqC;YACrC,QAAQ,CAAC,iBAAiB,CACxB,cAAc,GAAG,SAAS,CAAC,MAAM,EACjC,cAAc,GAAG,SAAS,CAAC,MAAM,CAClC,CAAC;QACJ,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,MAA4C,EAAE,EAAE;QAC/C,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;QAClD,MAAM,UAAU,GAAG,cAAc,KAAK,YAAY,CAAC;QAEnD,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC;QAE5B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,cAAc,GAClB,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAC3D,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;QAExE,0CAA0C;QAC1C,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;QAChE,MAAM,YAAY,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACrD,MAAM,YAAY,GAChB,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;YACxD,OAAO,GAAG,YAAY,GAAG,IAAI,EAAE,CAAC;QAClC,CAAC,CAAC,CAAC;QAEH,0DAA0D;QAC1D,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC,EAAE,EAAE,CAAC;YACxC,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,iBAAiB;QACpD,CAAC;QACD,IAAI,MAAM,GAAG,QAAQ,CAAC;QACtB,KAAK,IAAI,CAAC,GAAG,cAAc,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,EAAE,EAAE,CAAC;YACnD,MAAM,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAChC,CAAC;QACD,MAAM,IAAI,CAAC,CAAC;QAEZ,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC7C,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAEnE,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,MAAM,GAAG,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;YACzD,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IACF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAElE,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAExE,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAExE,MAAM,WAAW,GAAG,WAAW,CAC7B,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,EAC9C,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;QAClD,MAAM,UAAU,GAAG,cAAc,KAAK,YAAY,CAAC;QAEnD,QAAQ,CAAC,KAAK,EAAE,CAAC;QACjB,MAAM,eAAe,GAAG,KAAK,CAAC;QAC9B,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC;QACjD,IAAI,UAAU,EAAE,CAAC;YACf,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;YACxE,MAAM,OAAO,GAAG,IAAI,YAAY,KAAK,eAAe,GAAG,CAAC;YACxD,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YACnD,mCAAmC;YACnC,MAAM,QAAQ,GAAG,YAAY,GAAG,iBAAiB,CAAC;YAClD,MAAM,MAAM,GAAG,QAAQ,GAAG,iBAAiB,CAAC;YAC5C,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,MAAM,UAAU,GAAG,SAAS,CAAC;YAC7B,MAAM,aAAa,GAAG,cAAc,CAAC;YACrC,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC;YACtD,8CAA8C;YAC9C,QAAQ,CAAC,iBAAiB,CAAC,aAAa,GAAG,CAAC,EAAE,aAAa,GAAG,CAAC,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE;QAC1E,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnE,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAClC,MAAM,QAAQ,GAAG,GAAG,CAAC;QACrB,OAAO,CAAC,MAAM,IAAI,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,GAAG,CAAC,WAAW,EAAE,CAAC;aAC/D,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,uDAAuD;IACvD,gEAAgE;IAChE,gCAAgC;IAChC,MAAM,gCAAgC,GACpC,WAAW,CACT,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO,KAAK,CAAC;QAE5B,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;YAAE,OAAO,KAAK,CAAC;QAExC,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,QAAQ,CAAC;QAClD,MAAM,YAAY,GAAG,cAAc,KAAK,YAAY,CAAC;QACrD,IAAI,YAAY;YAAE,OAAO,KAAK,CAAC;QAE/B,MAAM,gBAAgB,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;QACrE,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvD,MAAM,WAAW,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAEpE,sBAAsB;QACtB,MAAM,SAAS,GAAG,sBAAsB,CAAC,CAAC,4BAA4B;QACtE,MAAM,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,iBAAiB,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YACvC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,UAAU,GAAG,WAAW,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;YAErE,kCAAkC;YAClC,2CAA2C;YAC3C,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;gBACpD,MAAM,SAAS,GAAG,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC;gBACtD,QAAQ,CAAC,cAAc,GAAG,SAAS,CAAC;gBACpC,QAAQ,CAAC,YAAY,GAAG,cAAc,CAAC;gBACvC,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBAChD,OAAO,IAAI,CAAC;YACd,CAAC;YAED,sCAAsC;YACtC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACpC,IAAI,UAAkB,CAAC;YACvB,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,GAAG,GAAG,iBAAiB,OAAO,CAAC;YAC3C,CAAC;iBAAM,CAAC;gBACN,UAAU,GAAG,SAAS;oBACpB,CAAC,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG;oBACnC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC;YAClB,CAAC;YACD,MAAM,QAAQ,GAAG,KAAK,iBAAiB,GAAG,UAAU,GAAG,CAAC;YACxD,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;YACpD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,4BAA4B;QAC5B,MAAM,cAAc,GAAG,WAAW,CAAC;QACnC,MAAM,cAAc,GAAG,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACzD,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,WAAW,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC;YAClE,IAAI,WAAW,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC1B,MAAM,OAAO,GAAG,GAAG,gBAAgB,aAAa,QAAQ,CAAC,KAAK,CAAC,SAAS,CACtE,cAAc,CACf,EAAE,CAAC;gBACJ,QAAQ,CAAC,KAAK,GAAG,OAAO,CAAC;gBACzB,QAAQ,CAAC,cAAc,GAAG,cAAc,GAAG,CAAC,CAAC;gBAC7C,QAAQ,CAAC,YAAY,GAAG,cAAc,GAAG,CAAC,CAAC;gBAC3C,OAAO,IAAI,CAAC;YACd,CAAC;QACH,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEJ,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,KAAoB,EAAE,EAAE;QACvB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QACrC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACnE,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACrD,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC/B,IAAI,eAAe,GAAG,KAAK,CAAC;QAC5B,WAAW;QACX,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAChC,UAAU,EAAE,CAAC;YACb,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,WAAW;QACX,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAChC,YAAY,EAAE,CAAC;YACf,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,WAAW;QACX,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAChC,UAAU,EAAE,CAAC;YACb,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,WAAW;QACX,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAChC,WAAW,EAAE,CAAC;YACd,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,WAAW;QACX,IAAI,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAChC,UAAU,EAAE,CAAC;YACb,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,mBAAmB;QACnB,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC3C,WAAW,EAAE,CAAC;YACd,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,mBAAmB;QACnB,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC3C,WAAW,EAAE,CAAC;YACd,eAAe,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,eAAe,GAAG,gCAAgC,CAAC,KAAK,CAAC,CAAC;QAC5D,CAAC;QAED,IAAI,eAAe,EAAE,CAAC;YACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC,EACD;QACE,WAAW;QACX,UAAU;QACV,YAAY;QACZ,UAAU;QACV,WAAW;QACX,UAAU;QACV,WAAW;QACX,WAAW;QACX,gCAAgC;KACjC,CACF,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAO;QACjC,WAAW,CAAC,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QACjE,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,WAAW,CAAC,OAAO;gBAAE,OAAO;YACjC,WAAW,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,EAAE,CAAC;IAE7C,OAAO;QACL,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;gBAC/C,OAAO,EAAE,YAAY;aACtB;YACD,IAAI,EAAE;gBACJ,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;gBAC/C,OAAO,EAAE,UAAU;aACpB;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,OAAO,EAAE,WAAW;aACrB;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;gBAC/C,OAAO,EAAE,WAAW;aACrB;YACD,IAAI,EAAE;gBACJ,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;gBAC/C,OAAO,EAAE,UAAU;aACpB;YACD,KAAK,EAAE;gBACL,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9D,OAAO,EAAE,WAAW;aACrB;YAED,KAAK,EAAE;gBACL,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC9D,OAAO,EAAE,WAAW;aACrB;YACD,IAAI,EAAE;gBACJ,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;gBAC/C,OAAO,EAAE,UAAU;aACpB;SACsB;KAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/ui/MarkdownEditor/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as MarkdownEditor } from "./MarkdownEditor.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/MarkdownEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/MarkdownEditor/styles.css

@@ -0,0 +1,69 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+.ds.markdown-editor {
+  --markdown-editor-editor-background-color: white;
+  --markdown-editor-editor-color: black;
+  --markdown-editor-editor-border-color: #7b7b7b;
+
+  --markdown-editor-tabs-hover-color: black;
+  --markdown-editor-tabs-hover-background-color: #f2f2f2;
+  --markdown-editor-tabs-inactive-color: #737373;
+  --markdown-editor-tabs-inactive-border-color: transparent;
+  --markdown-editor-tabs-inactive-background-color: #ebeaeb;
+  --markdown-editor-tabs-horizontal-padding: 12px;
+  --markdown-editor-tabs-vert-padding: 8px;
+
+  --markdown-editor-toolbar-hover-background-color: #f2f2f2;
+  --markdown-editor-toolbar-separator-color: rgba(0, 0, 0, 0.2);
+  --markdown-editor-toolbar-button-size: 27px;
+  --markdown-editor-toolbar-buttons-gap: 4px;
+  --markdown-editor-toolbar-horizontal-padding: 8px;
+  --markdown-editor-toolbar-vert-padding: 4px;
+
+  --markdown-editor-input-horizontal-padding: 8px;
+  --markdown-editor-input-vert-padding: 6px;
+
+  container-type: inline-size;
+  display: flex;
+  flex-direction: column;
+
+  & > .top-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: nowrap;
+    margin-bottom: -1px;
+  }
+
+  & > .editor-content {
+    color: var(--markdown-editor-editor-color);
+    background-color: var(--markdown-editor-editor-background-color);
+    border: 1px solid transparent;
+    ul.contains-task-list {
+      & li.task-list-item {
+        list-style: none;
+      }
+      & input[type="checkbox"] {
+        margin-inline-start: -1.25em;
+        margin-right: 0.313em;
+      }
+    }
+  }
+
+  &.bordered {
+    > .editor-content {
+      border-color: var(--markdown-editor-editor-border-color);
+      padding: var(--markdown-editor-input-vert-padding)
+        var(--markdown-editor-input-horizontal-padding);
+    }
+  }
+
+  & > textarea {
+    resize: vertical;
+    outline: none;
+  }
+
+  &:has(textarea:focus) {
+    outline: 1px solid Highlight;
+    outline: 1px solid -webkit-focus-ring-color;
+  }
+}

package/dist/esm/ui/MarkdownEditor/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/MarkdownEditor/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/MarkdownEditor/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/RelativeTime/RelativeTime.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { formatHumanTime, getOptimalUpdateInterval, parseInstant, } from "./utils/index.js";
+const componentCssClassName = "ds relative-time";
+/**
+ * The RelativeTime component displays timestamps in a human-readable relative format (like "2 hours ago" or "in 3 days").
+ *
+ * It features automatic live updates with interval optimization based on time distance, configurable "now" threshold,
+ * and renders as proper semantic HTML using the <time> element. The component leverages the Temporal API for calculations and Intl.RelativeTimeFormat for localization.
+ */
+const RelativeTime = ({ id, className, style, time, relativeTimeFormat, nowThreshold = 10, disableLiveUpdate = false, nowKeyword = "now", invalidDateKeyword = "invalid date", }) => {
+    const [relativeTime, setRelativeTime] = useState("");
+    const [localeTimeString, setLocaleTimeString] = useState("");
+    const [stringTime, setStringTime] = useState("");
+    const intervalRef = useRef(null);
+    const instantTime = useMemo(() => {
+        try {
+            return parseInstant(time);
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }, [time]);
+    const updateRelativeTime = useCallback(() => {
+        if (instantTime === null) {
+            setRelativeTime(invalidDateKeyword);
+            setLocaleTimeString("");
+            setStringTime("");
+            return null;
+        }
+        const timeFormatter = relativeTimeFormat ||
+            new Intl.RelativeTimeFormat(undefined, { numeric: "auto" });
+        setRelativeTime(formatHumanTime(instantTime, {
+            nowThreshold,
+            nowKeyword,
+            relativeTimeFormat: timeFormatter,
+        }));
+        setLocaleTimeString(instantTime.toLocaleString());
+        setStringTime(instantTime.toString());
+    }, [
+        instantTime,
+        relativeTimeFormat,
+        nowThreshold,
+        nowKeyword,
+        invalidDateKeyword,
+    ]);
+    useEffect(() => {
+        // initial calculation
+        updateRelativeTime();
+        if (disableLiveUpdate || instantTime === null)
+            return;
+        const updateInterval = getOptimalUpdateInterval(instantTime);
+        // SSR check
+        if (typeof window === "undefined")
+            return;
+        intervalRef.current = window.setInterval(updateRelativeTime, updateInterval);
+        return () => {
+            if (intervalRef.current)
+                window.clearInterval(intervalRef.current);
+        };
+    }, [instantTime, disableLiveUpdate, updateRelativeTime]);
+    return (_jsx("time", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), title: localeTimeString, dateTime: stringTime, children: relativeTime }));
+};
+export default RelativeTime;
+//# sourceMappingURL=RelativeTime.js.map

package/dist/esm/ui/RelativeTime/RelativeTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTime.js","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/RelativeTime.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/RelativeTime/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as RelativeTime } from "./RelativeTime.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/RelativeTime/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC5D,cAAc,YAAY,CAAC"}

package/dist/esm/ui/RelativeTime/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/{Chip → RelativeTime}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/Chip/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/ui/RelativeTime/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/RelativeTime/utils/constants.js

@@ -0,0 +1,6 @@
+export const MINUTE_IN_SECONDS = 60;
+export const HOUR_IN_SECONDS = MINUTE_IN_SECONDS * 60;
+export const DAY_IN_SECONDS = HOUR_IN_SECONDS * 24;
+export const MONTH_IN_SECONDS = DAY_IN_SECONDS * 30;
+export const YEAR_IN_SECONDS = DAY_IN_SECONDS * 365;
+//# sourceMappingURL=constants.js.map

package/dist/esm/ui/RelativeTime/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,eAAe,GAAG,iBAAiB,GAAG,EAAE,CAAC;AACtD,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,GAAG,EAAE,CAAC;AACnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,cAAc,GAAG,EAAE,CAAC;AACpD,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,GAAG,GAAG,CAAC"}

package/dist/esm/ui/RelativeTime/utils/formatHumanTime.js

@@ -0,0 +1,43 @@
+import { Temporal } from "@js-temporal/polyfill";
+/**
+ * Formats a given instant as a human-readable time relative to the current time.
+ * @param instant The instant to format.
+ * @param options The options to use for formatting.
+ * @returns A human-readable relative time string
+ */
+function formatHumanTime(instant, options) {
+    const now = Temporal.Now.instant();
+    const deltaSeconds = instant.epochSeconds - now.epochSeconds;
+    const absDeltaSeconds = Math.abs(deltaSeconds);
+    if (absDeltaSeconds < options.nowThreshold) {
+        return options.nowKeyword;
+    }
+    const timeZone = Temporal.Now.timeZoneId() || "UTC";
+    const instantZDT = instant.toZonedDateTimeISO(timeZone);
+    const nowZDT = now.toZonedDateTimeISO(timeZone);
+    const diff = instantZDT.since(nowZDT, { largestUnit: "years" });
+    const units = [
+        "years",
+        "months",
+        "days",
+        "hours",
+        "minutes",
+        "seconds",
+    ];
+    let rtfUnit = "seconds";
+    let rtfValue = 0;
+    for (const unit of units) {
+        const value = diff[unit];
+        if (value !== 0) {
+            rtfUnit = unit;
+            rtfValue = value;
+            break;
+        }
+    }
+    if (rtfValue === 0) {
+        return options.nowKeyword;
+    }
+    return options.relativeTimeFormat.format(rtfValue, rtfUnit);
+}
+export default formatHumanTime;
+//# sourceMappingURL=formatHumanTime.js.map

package/dist/esm/ui/RelativeTime/utils/formatHumanTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatHumanTime.js","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/formatHumanTime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAgBjD;;;;;GAKG;AACH,SAAS,eAAe,CACtB,OAAyB,EACzB,OAAyB;IAEzB,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAC;IAC7D,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE/C,IAAI,eAAe,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC;QAC3C,OAAO,OAAO,CAAC,UAAU,CAAC;IAC5B,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,KAAK,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG,GAAG,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,IAAI,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC;IAEhE,MAAM,KAAK,GAAG;QACZ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,OAAO;QACP,SAAS;QACT,SAAS;KAC8B,CAAC;IAE1C,IAAI,OAAO,GAAgC,SAAS,CAAC;IACrD,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEjB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,GAAG,IAAI,CAAC;YACf,QAAQ,GAAG,KAAK,CAAC;YACjB,MAAM;QACR,CAAC;IACH,CAAC;IAED,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;QACnB,OAAO,OAAO,CAAC,UAAU,CAAC;IAC5B,CAAC;IAED,OAAO,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC;AAED,eAAe,eAAe,CAAC"}

package/dist/esm/ui/RelativeTime/utils/getOptimalUpdateInterval.js

@@ -0,0 +1,24 @@
+import { Temporal } from "@js-temporal/polyfill";
+import * as constants from "./constants.js";
+/**
+ * Calcualte the optimal update interval for a given instant based on the time distance from now.
+ * @returns The optimal update interval in milliseconds.
+ */
+function getOptimalUpdateInterval(instant) {
+    const now = Temporal.Now.instant();
+    const deltaSeconds = instant.epochSeconds - now.epochSeconds;
+    const absDeltaSeconds = Math.abs(deltaSeconds);
+    if (absDeltaSeconds < constants.MINUTE_IN_SECONDS) {
+        return 1000;
+    }
+    if (absDeltaSeconds < constants.HOUR_IN_SECONDS) {
+        return constants.MINUTE_IN_SECONDS * 1000;
+    }
+    if (absDeltaSeconds < constants.DAY_IN_SECONDS) {
+        return constants.HOUR_IN_SECONDS * 1000;
+    }
+    // for any other time distance, update once a day
+    return constants.DAY_IN_SECONDS * 1000;
+}
+export default getOptimalUpdateInterval;
+//# sourceMappingURL=getOptimalUpdateInterval.js.map

package/dist/esm/ui/RelativeTime/utils/getOptimalUpdateInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOptimalUpdateInterval.js","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/getOptimalUpdateInterval.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAC;AAE5C;;;GAGG;AACH,SAAS,wBAAwB,CAAC,OAAyB;IACzD,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACnC,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,GAAG,GAAG,CAAC,YAAY,CAAC;IAC7D,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAE/C,IAAI,eAAe,GAAG,SAAS,CAAC,iBAAiB,EAAE,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,eAAe,GAAG,SAAS,CAAC,eAAe,EAAE,CAAC;QAChD,OAAO,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAC5C,CAAC;IAED,IAAI,eAAe,GAAG,SAAS,CAAC,cAAc,EAAE,CAAC;QAC/C,OAAO,SAAS,CAAC,eAAe,GAAG,IAAI,CAAC;IAC1C,CAAC;IACD,iDAAiD;IACjD,OAAO,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC;AACzC,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/esm/ui/RelativeTime/utils/index.js

@@ -0,0 +1,4 @@
+export { default as formatHumanTime } from "./formatHumanTime.js";
+export { default as getOptimalUpdateInterval } from "./getOptimalUpdateInterval.js";
+export { default as parseInstant } from "./parseInstant.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/RelativeTime/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/ui/RelativeTime/utils/parseInstant.js

@@ -0,0 +1,22 @@
+import { Temporal } from "@js-temporal/polyfill";
+/**
+ * Parser for Temporal.Instant.
+ * @param time - instance, date or string to parse
+ * @throws Error if time is invalid
+ */
+function parseInstant(time) {
+    if (time instanceof Temporal.Instant) {
+        return time;
+    }
+    if (time instanceof Date) {
+        return Temporal.Instant.fromEpochMilliseconds(time.getTime());
+    }
+    try {
+        return Temporal.Instant.from(time);
+    }
+    catch (e) {
+        throw new Error(`Invalid time string (ISO string or Date object expected): ${time}`);
+    }
+}
+export default parseInstant;
+//# sourceMappingURL=parseInstant.js.map

package/dist/esm/ui/RelativeTime/utils/parseInstant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseInstant.js","sourceRoot":"","sources":["../../../../../src/ui/RelativeTime/utils/parseInstant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;;GAIG;AACH,SAAS,YAAY,CAAC,IAAsC;IAC1D,IAAI,IAAI,YAAY,QAAQ,CAAC,OAAO,EAAE,CAAC;QACrC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,IAAI,YAAY,IAAI,EAAE,CAAC;QACzB,OAAO,QAAQ,CAAC,OAAO,CAAC,qBAAqB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IAChE,CAAC;IACD,IAAI,CAAC;QACH,OAAO,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CACb,6DAA6D,IAAI,EAAE,CACpE,CAAC;IACJ,CAAC;AACH,CAAC;AAED,eAAe,YAAY,CAAC"}

package/dist/esm/ui/index.js

@@ -1,2 +1,6 @@
-export { Button } from "./Button/index.js";
+export * from "./EditableBlock/index.js";
+export * from "./FileTree/index.js";
+export * from "./GitDiffViewer/index.js";
+export * from "./MarkdownEditor/index.js";
+export * from "./RelativeTime/index.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

package/dist/types/ui/EditableBlock/Context.d.ts

@@ -0,0 +1,4 @@
+import type { EditingContextType } from "./types.js";
+declare const EditingContext: import("react").Context<EditingContextType | undefined>;
+export default EditingContext;
+//# sourceMappingURL=Context.d.ts.map

package/dist/types/ui/EditableBlock/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/Context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,QAAA,MAAM,cAAc,yDAA2D,CAAC;AAEhF,eAAe,cAAc,CAAC"}

package/dist/types/ui/EditableBlock/EditableBlock.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+import type { EditElementProps, EditableBlockProps } from "./types.js";
+import "./styles.css";
+/**
+ * Component that renders toggling edit mode block
+ * @returns {React.ReactElement}      - Rendered EditableBlock
+ */
+declare const EditableBlock: <T extends EditElementProps>({ id, EditComponent, className: userClassName, style, title, tag: TitleTag, }: EditableBlockProps<T>) => React.ReactElement;
+export default EditableBlock;
+//# sourceMappingURL=EditableBlock.d.ts.map

package/dist/types/ui/EditableBlock/EditableBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableBlock.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/EditableBlock.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEvE,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AAEH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,gBAAgB,iFAO9C,kBAAkB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YA2DhC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/ui/EditableBlock/EditableBlock.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EditableBlock.test.d.ts.map