@canonical/react-ds-app-launchpad 0.9.0-experimental.2 → 0.9.0-experimental.4

package/dist/esm/ui/GitDiffViewer/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+const GitDiffViewerContext = createContext(null);
+export default GitDiffViewerContext;
+//# sourceMappingURL=Context.js.map

package/dist/esm/ui/GitDiffViewer/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,oBAAoB,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAExE,eAAe,oBAAoB,CAAC"}

package/dist/esm/ui/GitDiffViewer/Provider.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import Context from "./Context.js";
+import "./styles.css";
+const componentCssClassName = "ds git-diff-viewer";
+const Provider = ({ id, className, style, children, ...contextOptions }) => {
+    const [addCommentEnabled, setAddCommentEnabled] = useState(false);
+    const [addCommentOpenLocations, setAddCommentOpenLocations] = useState(new Set());
+    const toggleAddCommentLocation = useCallback((lineNumber) => {
+        if (!addCommentEnabled) {
+            return;
+        }
+        const newSet = new Set(addCommentOpenLocations);
+        if (newSet.has(lineNumber)) {
+            newSet.delete(lineNumber);
+        }
+        else {
+            newSet.add(lineNumber);
+        }
+        setAddCommentOpenLocations(newSet);
+    }, [addCommentOpenLocations, addCommentEnabled]);
+    return (_jsx(Context.Provider, { value: {
+            ...contextOptions,
+            addCommentEnabled,
+            setAddCommentEnabled,
+            addCommentOpenLocations,
+            toggleAddCommentLocation,
+        }, children: _jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: children }) }));
+};
+export default Provider;
+//# sourceMappingURL=Provider.js.map

package/dist/esm/ui/GitDiffViewer/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,oBAAoB,CAAC;AAEnD,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,cAAc,EACD,EAAsB,EAAE;IACxC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,IAAI,GAAG,EAAE,CAAC,CAAC;IAEb,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,UAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,uBAAuB,CAAC,CAAC;QAChD,IAAI,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACzB,CAAC;QACD,0BAA0B,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAC7C,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,CAAC,QAAQ,IACf,KAAK,EAAE;YACL,GAAG,cAAc;YACjB,iBAAiB;YACjB,oBAAoB;YACpB,uBAAuB;YACvB,wBAAwB;SACzB,YAED,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEtE,QAAQ,GACL,GACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useEffect, useMemo, useRef } from "react";
+import { useGitDiffViewer } from "../../hooks/index.js";
+import { DiffLine } from "./common/index.js";
+import "./styles.css";
+// TODO: decide where to put this once we provide an external syntax highlighter option
+import hljs from "highlight.js";
+import "./HighlighTheme.css";
+const componentCssClassName = "ds code-diff-viewer";
+const tableWidthCSSVar = "--table-width";
+/**
+ * Displays a diff in a table format with line numbers and syntax highlighting.
+ * With option to add comments to specific lines and interactive gutter for adding comments.
+ *
+ * @returns {React.ReactElement} - Rendered CodeDiffViewer
+ */
+const CodeDiffViewer = ({ id, AddComment, className, style, }) => {
+    const { isCollapsed, diff, addCommentEnabled, setAddCommentEnabled, addCommentOpenLocations, toggleAddCommentLocation, lineDecorations, } = useGitDiffViewer();
+    const tableRef = useRef(null);
+    // TODO: temporary syntax highlighting
+    // replace with a proper syntax highlighter
+    // add support for option to have external syntax highlighter
+    const diffCodeLanguage = useMemo(() => {
+        const extension = diff?.newPath.split(".").pop();
+        const mapping = {
+            js: "javascript",
+            jsx: "javascript",
+            ts: "typescript",
+            tsx: "typescript",
+            css: "css",
+            scss: "scss",
+            html: "xml",
+            py: "python",
+            java: "java",
+            // Add more mappings as needed
+        };
+        return mapping[extension || ""] || "plaintext";
+    }, [diff?.newPath]);
+    const highlight = useCallback((code) => {
+        if (hljs.getLanguage(diffCodeLanguage)) {
+            return hljs.highlight(code, { language: diffCodeLanguage }).value;
+        }
+        return hljs.highlight(code, { language: "plaintext" }).value;
+    }, [diffCodeLanguage]);
+    const highlightedLines = useMemo(() => {
+        if (!diff)
+            return [];
+        return diff.hunks.map((hunk) => {
+            return hunk.lines.map((line) => {
+                return highlight(line.content);
+            });
+        });
+    }, [diff, highlight]);
+    /**
+     * Observe the table for size changes and update the CSS variable
+     */
+    useEffect(() => {
+        // SSR check
+        if (typeof ResizeObserver === "undefined")
+            return;
+        if (!tableRef.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            if (!tableRef.current)
+                return;
+            const tableWidth = tableRef.current?.clientWidth ?? 0;
+            tableRef.current.style.cssText = `${tableWidthCSSVar}: ${tableWidth}px`;
+        });
+        // Observe the table for size changes
+        resizeObserver.observe(tableRef.current);
+        // Cleanup on unmount
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    useEffect(() => {
+        if (AddComment && !addCommentEnabled) {
+            setAddCommentEnabled(true);
+        }
+        else if (!AddComment && addCommentEnabled) {
+            setAddCommentEnabled(false);
+        }
+    }, [AddComment, addCommentEnabled, setAddCommentEnabled]);
+    if (isCollapsed) {
+        return null;
+    }
+    return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: diff.hunks.map((hunk, hunkIndex) => {
+            // We'll track the counters for old and new lines
+            // as we iterate through each hunk.
+            let oldLineCounter = hunk.oldStart;
+            let newLineCounter = hunk.newStart;
+            return (_jsx("div", { className: "diff-hunk", children: _jsx("table", { className: "diff-table", ref: tableRef, tabIndex: -1, children: _jsxs("tbody", { children: [_jsx(DiffLine, { type: "hunk", hunkHeader: hunk.header }), hunk.lines.map((line, lineIndex) => {
+                                let lineNum1 = null;
+                                let lineNum2 = null;
+                                if (line.type === "remove") {
+                                    // Only the old line number advances
+                                    lineNum1 = oldLineCounter++;
+                                }
+                                else if (line.type === "add") {
+                                    // Only the new line number advances
+                                    lineNum2 = newLineCounter++;
+                                }
+                                else {
+                                    // context line => both lines advance
+                                    lineNum1 = oldLineCounter++;
+                                    lineNum2 = newLineCounter++;
+                                }
+                                const lineNumber = lineNum2 || lineNum1 || 0;
+                                // For rendering, if lineNum1 or lineNum2 is null,
+                                // you can display e.g. '+' or '-' or an empty cell.
+                                return (_jsxs(Fragment, { children: [_jsx(DiffLine, { lineNum1: lineNum1, lineNum2: lineNum2, content: highlightedLines[hunkIndex][lineIndex], type: line.type }), lineNum2 && lineDecorations?.[lineNum2] && (_jsx("tr", { className: "line-decoration", children: _jsx("td", { className: "container", children: lineDecorations[lineNum2] }) })), lineNum2 &&
+                                            AddComment &&
+                                            addCommentOpenLocations.has(lineNum2) && (_jsx("tr", { className: "line-decoration", children: _jsx("td", { className: "container", children: _jsx(AddComment, { lineNumber: lineNumber, onClose: () => toggleAddCommentLocation(lineNumber) }) }) }))] }, `${diff.oldPath}-${hunkIndex}-${lineIndex}`));
+                            })] }) }) }, `${diff.oldPath}-${hunkIndex}`));
+        }) }));
+};
+CodeDiffViewer.displayName = "GitDiffViewer.CodeDiff";
+export default CodeDiffViewer;
+//# sourceMappingURL=CodeDiffViewer.js.map

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.js.map

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useGitDiffViewer } from "../../../../hooks/index.js";
+import "./styles.css";
+const componentCssClassName = "ds diff-line";
+/**
+ * Displays a single line of a diff as a table row with line numbers.
+ *
+ * @returns {React.ReactElement} - Rendered DiffLine
+ */
+const DiffLine = ({ id, className, style, ...props }) => {
+    const { wrapLines, addCommentEnabled, toggleAddCommentLocation } = useGitDiffViewer();
+    const gutterIsInteractive = addCommentEnabled;
+    const typeClass = `diff-line-${props.type}`;
+    const lineNumber = props.type !== "hunk" ? Number(props.lineNum2 || props.lineNum1) : 0;
+    return (_jsxs("tr", { id: id, style: style, className: [
+            componentCssClassName,
+            typeClass,
+            gutterIsInteractive ? "interactive" : "",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: [_jsx("td", { className: `diff-gutter ${wrapLines ? "wrap" : ""} ${props.type}`, tabIndex: gutterIsInteractive && props.type !== "hunk" ? 0 : undefined, onClick: () => toggleAddCommentLocation(lineNumber), onKeyUp: (e) => {
+                    if (e.key === "Enter") {
+                        toggleAddCommentLocation(lineNumber);
+                    }
+                }, onKeyDown: undefined, children: props.type === "hunk" ? ("\u00A0") : (_jsxs("div", { className: "diff-line-numbers", children: [_jsx("span", { className: "line-num", children: props.lineNum1 ?? "+" }), _jsx("span", { className: "line-num", children: props.lineNum2 ?? "-" })] })) }), _jsx("td", { className: `diff-content ${wrapLines ? "wrap" : ""}`, children: props.type === "hunk" ? (_jsx("pre", { children: props.hunkHeader })) : (_jsx("pre", { 
+                    // biome-ignore lint/security/noDangerouslySetInnerHtml: syntax highlighting requires adding generated HTML
+                    dangerouslySetInnerHTML: {
+                        __html: props.content ? props.content : "\u00A0",
+                    } })) })] }));
+};
+export default DiffLine;
+//# sourceMappingURL=DiffLine.js.map

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffLine.js","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACM,EAAsB,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,GAC9D,gBAAgB,EAAE,CAAC;IACrB,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,SAAS,GAAG,aAAa,KAAK,CAAC,IAAI,EAAE,CAAC;IAE5C,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;YACT,qBAAqB;YACrB,SAAS;YACT,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACxC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEZ,aACE,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EACjE,QAAQ,EAAE,mBAAmB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,UAAU,CAAC,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,wBAAwB,CAAC,UAAU,CAAC,CAAC;oBACvC,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,QAAQ,IAAI,GAAG,GAAQ,EACzD,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,QAAQ,IAAI,GAAG,GAAQ,IACrD,CACP,GACE,EACL,aAAI,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YACrD,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,wBAAM,KAAK,CAAC,UAAU,GAAO,CAC9B,CAAC,CAAC,CAAC,CACF;oBACE,2GAA2G;oBAC3G,uBAAuB,EAAE;wBACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;qBACjD,GACD,CACH,GACE,IACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.js

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.js.map

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/index.js

@@ -0,0 +1,2 @@
+export * from "./DiffLine/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/index.js

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/index.js.map

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/types.js.map

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

package/dist/esm/ui/GitDiffViewer/common/FileHeader/FileHeader.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useGitDiffViewer } from "../../hooks/index.js";
+import "./styles.css";
+const componentCssClassName = "ds file-header";
+/**
+ * Displays the file name and change count for a diff.
+ * With option to add custom elements to the left and right of the file header.
+ *
+ * @returns {React.ReactElement} - Rendered FileHeader
+ */
+const FileHeader = ({ id, children, className, style, hideCollapse = false, showChangeCount, leftContent, rightContent, ...props }) => {
+    const { isCollapsed, onCollapseToggle, diff } = useGitDiffViewer();
+    const shouldRenderCollapse = !hideCollapse && isCollapsed !== undefined;
+    const calculateChangeCount = useCallback(() => {
+        let additions = 0;
+        let deletions = 0;
+        for (const hunk of diff.hunks) {
+            for (const line of hunk.lines) {
+                if (line.type === "add") {
+                    additions++;
+                }
+                else if (line.type === "remove") {
+                    deletions++;
+                }
+            }
+        }
+        return { additions, deletions };
+    }, [diff]);
+    const changesCount = calculateChangeCount();
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), ...props, children: [_jsxs("div", { className: "left-content", children: [leftContent, shouldRenderCollapse && (_jsx("button", { className: `collapse-button ${isCollapsed ? "collapsed" : ""}`, onClick: () => onCollapseToggle(!isCollapsed), "aria-label": "Collapse file", type: "button", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Collapse" }), _jsx("path", { d: "M11.811 8.124L5.62399 1.937L4.56299 2.997L9.68999 8.124L4.56299 13.25L5.62399 14.311L11.811 8.124Z", fill: "currentColor" })] }) })), _jsx("h5", { className: "file-name", children: diff.newPath })] }), _jsxs("div", { className: "right-content", children: [showChangeCount && (_jsx("div", { className: "change-count", children: diff.fileChangeState === "modified" ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "deletions", children: ["-", changesCount.deletions] }), _jsxs("span", { className: "insertions", children: ["+", changesCount.additions] })] })) : diff.fileChangeState === "added" ? (_jsx("span", { className: "insertions", children: "Added" })) : diff.fileChangeState === "deleted" ? (_jsx("span", { className: "deletions", children: "Removed" })) : (_jsx(_Fragment, {})) })), rightContent] }), children] }));
+};
+FileHeader.displayName = "GitDiffViewer.FileHeader";
+export default FileHeader;
+//# sourceMappingURL=FileHeader.js.map

package/dist/esm/ui/GitDiffViewer/common/FileHeader/FileHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileHeader.js","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/FileHeader/FileHeader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAE/C;;;;;GAKG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,WAAW,EACX,YAAY,EACZ,GAAG,KAAK,EACQ,EAAsB,EAAE;IACxC,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACnE,MAAM,oBAAoB,GAAG,CAAC,YAAY,IAAI,WAAW,KAAK,SAAS,CAAC;IAExE,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC9B,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;oBACxB,SAAS,EAAE,CAAC;gBACd,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;oBAClC,SAAS,EAAE,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,MAAM,YAAY,GAAG,oBAAoB,EAAE,CAAC;IAC5C,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KACnE,KAAK,aAET,eAAK,SAAS,EAAC,cAAc,aAC1B,WAAW,EACX,oBAAoB,IAAI,CACvB,iBACE,SAAS,EAAE,mBAAmB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,gBAClC,eAAe,EAC1B,IAAI,EAAC,QAAQ,YAEb,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,uCAAuB,EACvB,eACE,CAAC,EAAC,oGAAoG,EACtG,IAAI,EAAC,cAAc,GACnB,IACE,GACC,CACV,EACA,aAAI,SAAS,EAAC,WAAW,YAAE,IAAI,CAAC,OAAO,GAAM,IAC1C,EACN,eAAK,SAAS,EAAC,eAAe,aAC3B,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,cAAc,YAC1B,IAAI,CAAC,eAAe,KAAK,UAAU,CAAC,CAAC,CAAC,CACrC,8BACE,gBAAM,SAAS,EAAC,WAAW,kBAAG,YAAY,CAAC,SAAS,IAAQ,EAC5D,gBAAM,SAAS,EAAC,YAAY,kBAAG,YAAY,CAAC,SAAS,IAAQ,IAC5D,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,KAAK,OAAO,CAAC,CAAC,CAAC,CACrC,eAAM,SAAS,EAAC,YAAY,sBAAa,CAC1C,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CACvC,eAAM,SAAS,EAAC,WAAW,wBAAe,CAC3C,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,GACG,CACP,EACA,YAAY,IACT,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAEpD,eAAe,UAAU,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/FileHeader/index.js

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

package/dist/esm/ui/GitDiffViewer/common/FileHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/FileHeader/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/FileHeader/types.js

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

package/dist/esm/ui/GitDiffViewer/common/FileHeader/types.js.map

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

package/dist/esm/ui/GitDiffViewer/common/index.js

@@ -0,0 +1,3 @@
+export * from "./CodeDiffViewer/index.js";
+export * from "./FileHeader/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC"}

package/dist/esm/ui/GitDiffViewer/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useGitDiffViewer } from "./useGitDiffViewer.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/ui/GitDiffViewer/hooks/useGitDiffViewer.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import Context from "../Context.js";
+const useGitDiffViewer = () => {
+    const context = useContext(Context);
+    if (!context) {
+        throw new Error("useGitDiffViewer must be used within a DiffViewerProvider or GitDiffViewer component");
+    }
+    return context;
+};
+export default useGitDiffViewer;
+//# sourceMappingURL=useGitDiffViewer.js.map

package/dist/esm/ui/GitDiffViewer/hooks/useGitDiffViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGitDiffViewer.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/hooks/useGitDiffViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,sFAAsF,CACvF,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,9 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+export * from "./hooks/index.js";
+export * from "./utils/index.js";
+import Provider from "./Provider.js";
+import { CodeDiffViewer, FileHeader } from "./common/index.js";
+export const GitDiffViewer = Provider;
+GitDiffViewer.FileHeader = FileHeader;
+GitDiffViewer.CodeDiffViewer = CodeDiffViewer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,cAAc,kBAAkB,CAAC;AAEjC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/D,MAAM,CAAC,MAAM,aAAa,GAAG,QAAkC,CAAC;AAChE,aAAa,CAAC,UAAU,GAAG,UAAU,CAAC;AACtC,aAAa,CAAC,cAAc,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,38 @@
+/* GitDiffViewer.css */
+.ds.git-diff-viewer {
+  --git-diff-viewer-code-default-background: #f7f7f7;
+  --git-diff-viewer-code-default-color: #636363;
+  --git-diff-viewer-code-insertion-background: #dff1e2;
+  --git-diff-viewer-code-insertion-color: #8cd297;
+  --git-diff-viewer-code-deletion-background: #f8e8ea;
+  --git-diff-viewer-code-deletion-color: #fba1aa;
+
+  --git-diff-viewer-border-color: rgba(0, 0, 0, 0.2);
+  --git-diff-viewer-border-color-tinted: rgba(0, 0, 0, 0.1);
+
+  --git-diff-viewer-gutter-width: 7.5em;
+  --git-diff-viewer-hunk-header-background: #ffffff;
+  --git-diff-viewer-hunk-header-color: rgba(0, 0, 0, 0.6);
+
+  --git-diff-file-header-horizontal-padding: 1em;
+  --git-diff-file-header-vertical-padding: 0.4em;
+  --git-diff-file-header-background-color: #ebebeb;
+  --git-diff-file-header-items-gap: 0.5em;
+
+  --git-diff-file-header-button-background: transparent;
+  --git-diff-file-header-button-hover-background: rgba(0, 0, 0, 0.1);
+  --git-diff-file-header-button-focus-background: rgba(0, 0, 0, 0.1);
+
+  --git-diff-file-header-insertion-background: rgba(10, 189, 37, 0.1);
+  --git-diff-file-header-insertion-color: var(
+    --git-diff-viewer-code-insertion-color,
+    #8cd297
+  );
+  --git-diff-file-header-deletion-background: rgba(255, 102, 120, 0.1);
+  --git-diff-file-header-deletion-color: var(
+    --git-diff-viewer-code-deletion-color,
+    #fba1aa
+  );
+
+  border: 1px solid var(--git-diff-viewer-border-color);
+}

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

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

package/dist/esm/ui/{Button → GitDiffViewer}/types.js.map

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

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

@@ -0,0 +1,2 @@
+export { default as parseGitDiff } from "./parseGitDiff.js";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/ui/GitDiffViewer/utils/parseGitDiff.js

@@ -0,0 +1,73 @@
+function parseGitDiff(diffText) {
+    const lines = diffText.split("\n");
+    const files = [];
+    let currentFile = null;
+    let currentHunk = null;
+    // Regular expressions to match file and hunk headers
+    const fileRegex = /^diff --git a\/(.+) b\/(.+)$/;
+    const hunkRegex = /^@@ -(\d+),?(\d*) \+(\d+),?(\d*) @@/;
+    const oldFileRegex = /^--- (.+)$/;
+    const newFileRegex = /^\+\+\+ (.+)$/;
+    for (const line of lines) {
+        const fileMatch = line.match(fileRegex);
+        if (fileMatch) {
+            // New file diff start
+            if (currentFile)
+                files.push(currentFile);
+            currentFile = {
+                oldPath: fileMatch[1],
+                newPath: fileMatch[2],
+                fileChangeState: "none",
+                hunks: [],
+            };
+            currentHunk = null;
+            continue;
+        }
+        if (!currentFile)
+            continue; // Skip lines until first file header
+        const oldFileMatch = line.match(oldFileRegex);
+        const newFileMatch = line.match(newFileRegex);
+        if (oldFileMatch || newFileMatch) {
+            // Determine file change state based on the old/new file indicators
+            if (oldFileMatch?.[0].includes("/dev/null")) {
+                currentFile.fileChangeState = "added"; // File is new
+            }
+            else if (newFileMatch?.[0].includes("/dev/null")) {
+                currentFile.fileChangeState = "deleted"; // File is deleted
+            }
+            else if (currentFile.fileChangeState === "none") {
+                currentFile.fileChangeState = "modified"; // Assume file is modified
+            }
+            continue;
+        }
+        const hunkMatch = line.match(hunkRegex);
+        if (hunkMatch && currentFile) {
+            // New hunk start
+            currentHunk = {
+                header: line,
+                oldStart: Number.parseInt(hunkMatch[1], 10),
+                oldLines: hunkMatch[2] ? Number.parseInt(hunkMatch[2], 10) : 1,
+                newStart: Number.parseInt(hunkMatch[3], 10),
+                newLines: hunkMatch[4] ? Number.parseInt(hunkMatch[4], 10) : 1,
+                lines: [],
+            };
+            currentFile.hunks.push(currentHunk);
+            continue;
+        }
+        if (currentHunk && currentFile) {
+            // Determine line type and content
+            const type = line.startsWith("+")
+                ? "add"
+                : line.startsWith("-")
+                    ? "remove"
+                    : "context";
+            const content = line.slice(1); // Remove the leading +, - or space
+            currentHunk.lines.push({ type, content });
+        }
+    }
+    if (currentFile)
+        files.push(currentFile);
+    return files;
+}
+export default parseGitDiff;
+//# sourceMappingURL=parseGitDiff.js.map

package/dist/esm/ui/GitDiffViewer/utils/parseGitDiff.js.map

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

package/dist/esm/ui/index.js

@@ -1,2 +1,2 @@
-export { Button } from "./Button/index.js";
+export * from "./GitDiffViewer/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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,QAAA,MAAM,oBAAoB,gDAA6C,CAAC;AAExE,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,5 @@
+import "./styles.css";
+import type { ProviderOptions } from "./types.js";
+declare const Provider: ({ id, className, style, children, ...contextOptions }: ProviderOptions) => React.ReactElement;
+export default Provider;
+//# sourceMappingURL=Provider.d.ts.map

package/dist/types/ui/GitDiffViewer/Provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIlD,QAAA,MAAM,QAAQ,0DAMX,eAAe,KAAG,KAAK,CAAC,YAyC1B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.d.ts

@@ -0,0 +1,16 @@
+import type React from "react";
+import "./styles.css";
+import type { CodeDiffViewerProps } from "./types.js";
+import "./HighlighTheme.css";
+/**
+ * Displays a diff in a table format with line numbers and syntax highlighting.
+ * With option to add comments to specific lines and interactive gutter for adding comments.
+ *
+ * @returns {React.ReactElement} - Rendered CodeDiffViewer
+ */
+declare const CodeDiffViewer: {
+    ({ id, AddComment, className, style, }: CodeDiffViewerProps): React.ReactElement | null;
+    displayName: string;
+};
+export default CodeDiffViewer;
+//# sourceMappingURL=CodeDiffViewer.d.ts.map

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiffViewer.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAM7B;;;;;GAKG;AACH,QAAA,MAAM,cAAc;4CAKjB,mBAAmB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI;;CAyKjD,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+import "./styles.css";
+import type { DiffLineProps } from "./types.js";
+/**
+ * Displays a single line of a diff as a table row with line numbers.
+ *
+ * @returns {React.ReactElement} - Rendered DiffLine
+ */
+declare const DiffLine: ({ id, className, style, ...props }: DiffLineProps) => React.ReactElement;
+export default DiffLine;
+//# sourceMappingURL=DiffLine.d.ts.map

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffLine.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAIhD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,uCAKX,aAAa,KAAG,KAAK,CAAC,YAwDxB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.d.ts

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

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.d.ts

@@ -0,0 +1,20 @@
+import type React from "react";
+export type DiffContentLine = {
+    type: "add" | "remove" | "context";
+    lineNum1: number | string | null;
+    lineNum2: number | string | null;
+    content: string;
+};
+export type DiffHunkLine = {
+    type: "hunk";
+    hunkHeader: string;
+};
+export type DiffLineProps = {
+    /** A unique identifier for the DiffLine */
+    id?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+} & (DiffContentLine | DiffHunkLine);
+//# sourceMappingURL=types.d.ts.map

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,2CAA2C;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG,CAAC,eAAe,GAAG,YAAY,CAAC,CAAC"}

package/dist/types/ui/GitDiffViewer/common/CodeDiffViewer/common/index.d.ts

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