@canonical/react-ds-app-launchpad 0.9.0-experimental.9 → 0.9.1-experimental.0

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

@@ -0,0 +1,274 @@
+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();
+        }
+    }, [
+        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":"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"}

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,83 @@
+/* @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-top-bar-background-color: white;
+
+  --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;
+    background-color: var(--markdown-editor-top-bar-background-color);
+
+    > .preview-switch {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      font-size: 0.75rem;
+      font-weight: 550;
+      cursor: pointer;
+      padding: var(--markdown-editor-toolbar-vert-padding)
+        var(--markdown-editor-toolbar-horizontal-padding);
+    }
+  }
+
+  & > .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/utils/formatHumanTime.js

@@ -7,7 +7,7 @@ import { Temporal } from "@js-temporal/polyfill";
  */
 function formatHumanTime(instant, options) {
     const now = Temporal.Now.instant();
-    const deltaSeconds = instant.epochSeconds - now.epochSeconds;
+    const deltaSeconds = (instant.epochMilliseconds - now.epochMilliseconds) / 1000;
     const absDeltaSeconds = Math.abs(deltaSeconds);
     if (absDeltaSeconds < options.nowThreshold) {
         return options.nowKeyword;

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

@@ -1 +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"}
+{"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,GAChB,CAAC,OAAO,CAAC,iBAAiB,GAAG,GAAG,CAAC,iBAAiB,CAAC,GAAG,IAAI,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

@@ -6,7 +6,7 @@ import * as constants from "./constants.js";
  */
 function getOptimalUpdateInterval(instant) {
     const now = Temporal.Now.instant();
-    const deltaSeconds = instant.epochSeconds - now.epochSeconds;
+    const deltaSeconds = (instant.epochMilliseconds - now.epochMilliseconds) / 1000;
     const absDeltaSeconds = Math.abs(deltaSeconds);
     if (absDeltaSeconds < constants.MINUTE_IN_SECONDS) {
         return 1000;

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

@@ -1 +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"}
+{"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,GAChB,CAAC,OAAO,CAAC,iBAAiB,GAAG,GAAG,CAAC,iBAAiB,CAAC,GAAG,IAAI,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/index.js

@@ -1,5 +1,7 @@
+export * from "./DiffChangeMarker/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,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}

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

@@ -0,0 +1,11 @@
+import type React from "react";
+import "./styles.css";
+import type { DiffChangeMarkerProps } from "./types.js";
+/**
+ * Displays a visual indicator for file changes in a diff (added, modified, deleted)
+ * Can be displayed in detailed or simple style
+ * @returns {React.ReactElement} - Rendered DiffChangeMarker
+ */
+declare const DiffChangeMarker: ({ id, className, style, markerStyle, ...markerOptions }: DiffChangeMarkerProps) => React.ReactElement;
+export default DiffChangeMarker;
+//# sourceMappingURL=DiffChangeMarker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiffChangeMarker.d.ts","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/DiffChangeMarker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,qBAAqB,EAAkB,MAAM,YAAY,CAAC;AAIxE;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,GAAI,yDAMvB,qBAAqB,KAAG,KAAK,CAAC,YAgEhC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/ui/DiffChangeMarker/common/DetailedChangeMarker/DetailedChangeMarker.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+import type { DetailedChangeMarkerProps } from "./types.js";
+import "./styles.css";
+declare const DetailedChangeMarker: ({ id, className, style, added, deleted, modified, }: DetailedChangeMarkerProps) => React.ReactElement;
+export default DetailedChangeMarker;
+//# sourceMappingURL=DetailedChangeMarker.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/DetailedChangeMarker/DetailedChangeMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailedChangeMarker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/DetailedChangeMarker/DetailedChangeMarker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,cAAc,CAAC;AAItB,QAAA,MAAM,oBAAoB,GAAI,qDAO3B,yBAAyB,KAAG,KAAK,CAAC,YAYpC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/types/ui/DiffChangeMarker/common/DetailedChangeMarker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DetailedChangeMarker } from "./DetailedChangeMarker.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/DetailedChangeMarker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/DetailedChangeMarker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,cAAc,YAAY,CAAC"}

package/dist/types/ui/DiffChangeMarker/common/DetailedChangeMarker/types.d.ts

@@ -0,0 +1,10 @@
+import type React from "react";
+export interface DetailedChangeMarkerProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    added?: string;
+    deleted?: string;
+    modified?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/DetailedChangeMarker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/DetailedChangeMarker/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,yBAAyB;IAExC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/types/ui/DiffChangeMarker/common/SimpleChangeMarker/SimpleChangeMarker.d.ts

@@ -0,0 +1,6 @@
+import type React from "react";
+import "./styles.css";
+import type { SimpleChangeMarkerProps } from "./types.js";
+declare const SimpleChangeMarker: ({ id, className, style, changeType, }: SimpleChangeMarkerProps) => React.ReactElement;
+export default SimpleChangeMarker;
+//# sourceMappingURL=SimpleChangeMarker.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/SimpleChangeMarker/SimpleChangeMarker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleChangeMarker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/SimpleChangeMarker/SimpleChangeMarker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,QAAA,MAAM,kBAAkB,GAAI,uCAKzB,uBAAuB,KAAG,KAAK,CAAC,YAclC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/types/ui/DiffChangeMarker/common/SimpleChangeMarker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as SimpleChangeMarker } from "./SimpleChangeMarker.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/SimpleChangeMarker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/SimpleChangeMarker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,cAAc,YAAY,CAAC"}

package/dist/types/ui/DiffChangeMarker/common/SimpleChangeMarker/types.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { DiffChangeType } from "ui/DiffChangeMarker/types.js";
+export interface SimpleChangeMarkerProps {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    changeType: DiffChangeType;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/SimpleChangeMarker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/DiffChangeMarker/common/SimpleChangeMarker/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,uBAAuB;IAEtC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC;CAC5B"}

package/dist/types/ui/DiffChangeMarker/common/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DetailedChangeMarker/index.js";
+export * from "./SimpleChangeMarker/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/DiffChangeMarker/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/DiffChangeMarker/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC"}

package/dist/types/ui/DiffChangeMarker/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const DeleteIcon: import("react/jsx-runtime").JSX.Element;
+export declare const AddIcon: import("react/jsx-runtime").JSX.Element;
+export declare const ModifyIcon: import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/types/ui/DiffChangeMarker/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/icons.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,yCAWtB,CAAC;AAEF,eAAO,MAAM,OAAO,yCAcnB,CAAC;AAEF,eAAO,MAAM,UAAU,yCAWtB,CAAC"}

package/dist/types/ui/DiffChangeMarker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DiffChangeMarker } from "./DiffChangeMarker.js";
+export * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/ui/DiffChangeMarker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,18 @@
+import type React from "react";
+export type DiffChangeAutoOptions = {
+    deletions: number;
+    additions: number;
+};
+export type DiffChangeType = "added" | "deleted" | "modified";
+export type DiffChangeManualOptions = {
+    type: DiffChangeType;
+};
+export type MarkerOptions = {
+    markerStyle: "detailed" | "simple";
+};
+export type DiffChangeMarkerProps = {
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+} & MarkerOptions & (DiffChangeAutoOptions | DiffChangeManualOptions);
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/DiffChangeMarker/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAElC,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,aAAa,GACf,CAAC,qBAAqB,GAAG,uBAAuB,CAAC,CAAC"}

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

@@ -5,6 +5,6 @@ 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;
+declare const EditableBlock: <T extends EditElementProps>({ id, EditComponent, className: userClassName, style, title, tag: TitleTag, isReadOnly, }: EditableBlockProps<T>) => React.ReactElement;
 export default EditableBlock;
 //# sourceMappingURL=EditableBlock.d.ts.map

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

@@ -1 +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"}
+{"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,EAAE,2FAQhD,kBAAkB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YA8DhC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -19,6 +19,8 @@ export interface EditableBlockProps<T extends EditElementProps> {
     title?: string;
     /** HTML element type to render as the title component (e.g., 'div', 'section') */
     tag?: keyof JSX.IntrinsicElements;
+    /** Whether the block is read-only */
+    isReadOnly?: boolean;
 }
 export default EditableBlockProps;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAElD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,gBAAgB,IAAI,CACpD,KAAK,EAAE,CAAC,KACL,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,gBAAgB;IAC5D,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACnC;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/EditableBlock/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AAElD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,gBAAgB,IAAI,CACpD,KAAK,EAAE,CAAC,KACL,KAAK,CAAC,SAAS,CAAC;AAErB,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,gBAAgB;IAC5D,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAC9B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAElC,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAe,kBAAkB,CAAC"}

package/dist/types/ui/FileTree/Provider.d.ts

@@ -2,6 +2,6 @@ import type React from "react";
 import "./styles.css";
 import type { ProviderOptions } from "./types.js";
 export declare const dataPathHash = "data-path-hash";
-declare const Provider: ({ id, className, style, children, ...contextOptions }: ProviderOptions) => React.ReactElement;
+declare const Provider: ({ id, className, style, children, header, ...contextOptions }: ProviderOptions) => React.ReactElement;
 export default Provider;
 //# sourceMappingURL=Provider.d.ts.map