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

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/HighlighTheme.css

@@ -0,0 +1,171 @@
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+
+  color: #000000;
+  background: #f7f7f7;
+  font-family: var(--font-family-mono);
+}
+
+.hljs-comment,
+.hljs-prolog,
+.hljs-doctype,
+.hljs-cdata {
+  color: #8b949e;
+}
+
+.hljs-punctuation {
+  color: #000000;
+}
+
+.hljs-namespace {
+  opacity: 0.7;
+}
+
+.hljs-property,
+.hljs-tag,
+.hljs-boolean,
+.hljs-number,
+.hljs-constant,
+.hljs-symbol,
+.hljs-deleted {
+  color: #77216f;
+}
+
+.hljs-selector,
+.hljs-attr-name,
+.hljs-string,
+.hljs-char,
+.hljs-builtin,
+.hljs-inserted {
+  color: #0e811f;
+}
+
+.hljs-operator,
+.hljs-entity,
+.hljs-url,
+.language-css .hljs-string,
+.style .hljs-string {
+  color: #a86500;
+}
+
+.hljs-atrule,
+.hljs-attr-value,
+.hljs-keyword {
+  color: #06c;
+}
+
+.hljs-function,
+.hljs-class-name {
+  color: #c7162b;
+}
+
+.hljs-regexp,
+.hljs-important,
+.hljs-variable {
+  color: #dc3023;
+}
+
+.hljs-important,
+.hljs-bold {
+  font-weight: bold;
+}
+
+.hljs-italic {
+  font-style: italic;
+}
+
+.hljs-entity {
+  cursor: help;
+}
+
+.hljs-attr,
+.hljs-attribute,
+.hljs-meta,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  color: #77216f;
+}
+
+.hljs-variable,
+.hljs-literal,
+.hljs-number,
+.hljs-doctag {
+  color: #77216f;
+}
+
+.hljs-params {
+  color: #000000;
+}
+
+.hljs-class,
+.hljs-tag,
+.hljs-title,
+.hljs-built_in {
+  color: #0e811f;
+}
+
+.hljs-keyword,
+.hljs-type,
+.hljs-builtin-name,
+.hljs-meta-keyword,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #06c;
+}
+
+.hljs-string,
+.hljs-undefined {
+  color: #0e811f;
+}
+
+.hljs-regexp {
+  color: #dc3023;
+}
+
+.hljs-symbol {
+  color: #77216f;
+}
+
+.hljs-bullet {
+  color: #a86500;
+}
+
+.hljs-section {
+  color: #77216f;
+  font-weight: bold;
+}
+
+.hljs-quote,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  color: #0e811f;
+}
+
+.hljs-emphasis {
+  color: #06c;
+  font-style: italic;
+}
+
+.hljs-strong {
+  color: #06c;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  color: #dc3023;
+  background-color: #490202;
+}
+
+.hljs-addition {
+  color: #0e811f;
+  background-color: #04260f;
+}
+
+.hljs-link {
+  color: #a86500;
+  font-style: underline;
+}

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/styles.css

@@ -0,0 +1,111 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+
+.ds.diff-line {
+  display: flex;
+  font-family: var(--font-family-mono);
+  min-width: var(--table-width);
+  color: var(--git-diff-viewer-code-default-color);
+
+  &.diff-line-add {
+    background-color: var(--git-diff-viewer-code-insertion-background);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-code-insertion-background);
+    }
+  }
+
+  &.diff-line-context {
+    background-color: var(--git-diff-viewer-code-default-background);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-code-default-background);
+    }
+  }
+
+  &.diff-line-remove {
+    background-color: var(--git-diff-viewer-code-deletion-background);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-code-deletion-background);
+    }
+  }
+
+  &.diff-line-hunk {
+    background-color: var(--git-diff-viewer-hunk-header-background);
+    color: var(--git-diff-viewer-hunk-header-color);
+    user-select: none;
+    border-bottom: 1px solid var(--git-diff-viewer-border-color-tinted);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-hunk-header-background);
+      border-color: var(--git-diff-viewer-border-color-tinted);
+    }
+  }
+
+  td.diff-gutter {
+    min-width: var(--git-diff-viewer-gutter-width);
+    max-width: var(--git-diff-viewer-gutter-width);
+    padding: 0;
+    text-align: right;
+    border-right: 1px solid var(--git-diff-viewer-border-color-tinted);
+    user-select: none;
+    vertical-align: top;
+
+    &:not(.wrap) {
+      position: sticky;
+      left: 0;
+    }
+
+    .diff-line-numbers {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0px;
+    }
+    .line-num {
+      display: inline-block;
+      width: calc(var(--git-diff-viewer-gutter-width) / 2 - 4px);
+      text-align: center;
+    }
+  }
+
+  td.diff-content {
+    /* padding: 0 0 0 calc(var(--git-diff-viewer-gutter-width) + 4px); */
+    padding: 0 0 0 4px;
+
+    &.wrap {
+      pre {
+        text-wrap: wrap;
+      }
+    }
+
+    pre {
+      margin: 0;
+      padding: 0 8px;
+      font-family: var(--font-family-mono);
+    }
+  }
+  &.interactive {
+    --icon-opacity: 0;
+    &:not(.diff-line-hunk) {
+      .diff-gutter {
+        cursor: pointer;
+        .diff-line-numbers::before {
+          content: var(--comment-icon);
+          display: inline-block;
+          width: var(--comment-icon-width);
+          opacity: var(--icon-opacity);
+          padding: 0 4px;
+        }
+      }
+
+      &:has(.diff-gutter:hover),
+      &:has(.diff-gutter:focus) {
+        filter: brightness(0.9);
+      }
+      &:has(.diff-gutter:hover) {
+        --icon-opacity: 1;
+      }
+    }
+  }
+}

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

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

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/styles.css

@@ -0,0 +1,39 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+
+.ds.code-diff-viewer {
+  font-size: 13px;
+  .diff-table {
+    --comment-icon: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C12.7956 2 13.5587 2.31607 14.1213 2.87868C14.6839 3.44129 15 4.20435 15 5V10C15 10.6204 14.8076 11.2256 14.4495 11.7323C14.0913 12.2389 13.5849 12.622 13 12.829V16L8.5 13H4C3.20435 13 2.44129 12.6839 1.87868 12.1213C1.31607 11.5587 1 10.7956 1 10V5C1 4.20435 1.31607 3.44129 1.87868 2.87868C2.44129 2.31607 3.20435 2 4 2H12ZM12 3.5H4C3.62712 3.50002 3.26761 3.63892 2.99158 3.88962C2.71555 4.14032 2.5428 4.48484 2.507 4.856L2.5 5V10C2.50002 10.3729 2.63892 10.7324 2.88962 11.0084C3.14032 11.2844 3.48484 11.4572 3.856 11.493L4 11.5H8.954L11.5 13.196L11.501 11.768L12.501 11.415C13.049 11.221 13.436 10.725 13.493 10.146L13.5 10V5C13.5 4.62712 13.3611 4.26761 13.1104 3.99158C12.8597 3.71555 12.5152 3.5428 12.144 3.507L12 3.5ZM7.976 8.25V9.75H4.994V8.25H7.976ZM10.981 5.25V6.75H4.994V5.25H10.981Z" fill="currentColor"/></svg>');
+    --comment-icon-width: 16px;
+
+    /* updated dynamically on window resize */
+    --table-width: 300px;
+
+    table-layout: auto;
+    border-collapse: separate;
+    border-spacing: 1px 0;
+    display: block;
+    overflow: auto;
+    outline: none;
+
+    tr {
+      /* remove outer spacing from the sides of the table */
+      margin-left: -1px;
+      margin-right: -1px;
+    }
+
+    .line-decoration {
+      display: flex;
+      position: sticky;
+      left: 0;
+      width: var(--table-width);
+      .container {
+        width: 100%;
+        border: 1px solid var(--git-diff-viewer-border-color-tinted);
+        border-width: 1px 0;
+        border-radius: 1px;
+        padding: 0;
+      }
+    }
+  }
+}

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

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

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":"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"}

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/styles.css

@@ -0,0 +1,75 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+
+.ds.file-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--git-diff-file-header-items-gap);
+  background-color: var(--git-diff-file-header-background-color);
+  padding: var(--git-diff-file-header-vertical-padding)
+    var(--git-diff-file-header-horizontal-padding);
+
+  &:not(:has(.left-content > .collapse-button.collapsed)) {
+    border-bottom: 1px solid var(--git-diff-viewer-border-color-tinted);
+  }
+
+  & > .left-content,
+  & > .right-content {
+    display: flex;
+    align-items: center;
+    gap: var(--git-diff-file-header-items-gap);
+  }
+
+  & > .left-content {
+    & > .file-name {
+      font-weight: 550;
+    }
+
+    & > .collapse-button {
+      border: none;
+      background-color: var(--git-diff-file-header-button-background);
+      cursor: pointer;
+      padding: 4px;
+      margin: 0;
+      display: flex;
+      align-items: center;
+      border-radius: 1px;
+
+      &:hover {
+        background-color: var(--git-diff-file-header-button-hover-background);
+      }
+      &:focus {
+        background-color: var(--git-diff-file-header-button-focus-background);
+      }
+
+      &.collapsed {
+        transform: rotate(90deg);
+      }
+    }
+  }
+
+  & > .right-content {
+    & > .change-count {
+      font-size: 12px;
+      font-weight: 550;
+      line-height: 16px;
+      display: flex;
+      align-items: center;
+
+      & > .insertions,
+      & > .deletions {
+        padding: 0 4px;
+        display: flex;
+        align-items: center;
+      }
+      & > .insertions {
+        background-color: var(--git-diff-file-header-insertion-background);
+        color: var(--git-diff-file-header-insertion-color);
+      }
+      & > .deletions {
+        background-color: var(--git-diff-file-header-deletion-background);
+        color: var(--git-diff-file-header-deletion-color);
+      }
+    }
+  }
+}

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/GitDiffViewer/types.js.map

@@ -0,0 +1 @@
+{"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"}