@pierre/diffs 1.2.5 → 1.3.0-beta.1

package/dist/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../src/style.css"],"sourcesContent":["@layer base, theme, rendered, unsafe;\n\n@layer base {\n  :host {\n    --diffs-font-fallback:\n      'SF Mono', Monaco, Consolas, 'Ubuntu Mono', 'Liberation Mono',\n      'Courier New', monospace;\n    --diffs-header-font-fallback:\n      system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n      'Noto Sans', 'Liberation Sans', Arial, sans-serif;\n\n    --diffs-mixer: light-dark(black, white);\n    --diffs-gap-fallback: 8px;\n    --diffs-scrollbar-gutter-fallback: 6px;\n    --diffs-scrollbar-gutter: var(\n      --diffs-scrollbar-gutter-override,\n      var(\n        --diffs-scrollbar-gutter-measured,\n        var(--diffs-scrollbar-gutter-fallback)\n      )\n    );\n\n    --diffs-added-light: #0dbe4e;\n    --diffs-added-dark: #5ecc71;\n    --diffs-modified-light: #009fff;\n    --diffs-modified-dark: #69b1ff;\n    --diffs-deleted-light: #ff2e3f;\n    --diffs-deleted-dark: #ff6762;\n\n    /*\n    // Available CSS Color Overrides\n    --diffs-bg-buffer-override\n    --diffs-bg-hover-override\n    --diffs-bg-context-override\n    --diffs-bg-context-gutter-override\n    --diffs-bg-separator-override\n\n    --diffs-fg-number-override\n    --diffs-fg-number-addition-override\n    --diffs-fg-number-deletion-override\n    --diffs-fg-conflict-marker-override\n\n    --diffs-deletion-color-override\n    --diffs-addition-color-override\n    --diffs-modified-color-override\n\n    --diffs-bg-deletion-override\n    --diffs-bg-deletion-number-override\n    --diffs-bg-deletion-emphasis-override\n\n    --diffs-bg-addition-override\n    --diffs-bg-addition-number-override\n    --diffs-bg-addition-emphasis-override\n\n    --conflict-bg-current-override\n    --conflict-bg-current-number-override\n    --conflict-bg-current-header-override\n    --conflict-bg-incoming-override\n    --conflict-bg-incoming-number-override\n    --conflict-bg-incoming-header-override\n\n    // Line Selection Color Overrides (for enableLineSelection)\n    --diffs-selection-color-override\n    --diffs-bg-selection-override\n    --diffs-bg-selection-number-override\n\n    // Available CSS Layout Overrides\n    --diffs-gap-inline\n    --diffs-gap-block\n    --diffs-gap-style\n    --diffs-scrollbar-gutter-override\n    --diffs-tab-size\n    */\n\n    color-scheme: light dark;\n    display: block;\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    font-feature-settings: var(--diffs-font-features);\n\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n     * and vscode use an older build of chrome that appears to have a bug with\n     * color-mix and 'in oklch', so use 'in lab' instead */\n    --diffs-bg: light-dark(\n      var(--diffs-light-bg, #fff),\n      var(--diffs-dark-bg, #000)\n    );\n    --diffs-bg-buffer: var(\n      --diffs-bg-buffer-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))\n      )\n    );\n    --diffs-bg-context: var(\n      --diffs-bg-context-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))\n      )\n    );\n    --diffs-bg-context-gutter: var(\n      --diffs-bg-context-gutter-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))\n      )\n    );\n    --diffs-bg-separator: var(\n      --diffs-bg-separator-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))\n      )\n    );\n\n    --diffs-fg: light-dark(var(--diffs-light, #000), var(--diffs-dark, #fff));\n    --diffs-fg-number: var(\n      --diffs-fg-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))\n      )\n    );\n    --diffs-fg-conflict-marker: var(\n      --diffs-fg-conflict-marker-override,\n      var(--diffs-fg-number)\n    );\n\n    --diffs-deletion-base: var(\n      --diffs-deletion-color-override,\n      light-dark(\n        var(\n          --diffs-light-deletion-color,\n          var(--diffs-deletion-color, var(--diffs-deleted-light))\n        ),\n        var(\n          --diffs-dark-deletion-color,\n          var(--diffs-deletion-color, var(--diffs-deleted-dark))\n        )\n      )\n    );\n    --diffs-addition-base: var(\n      --diffs-addition-color-override,\n      light-dark(\n        var(\n          --diffs-light-addition-color,\n          var(--diffs-addition-color, var(--diffs-added-light))\n        ),\n        var(\n          --diffs-dark-addition-color,\n          var(--diffs-addition-color, var(--diffs-added-dark))\n        )\n      )\n    );\n    --diffs-modified-base: var(\n      --diffs-modified-color-override,\n      light-dark(\n        var(\n          --diffs-light-modified-color,\n          var(--diffs-modified-color, var(--diffs-modified-light))\n        ),\n        var(\n          --diffs-dark-modified-color,\n          var(--diffs-modified-color, var(--diffs-modified-dark))\n        )\n      )\n    );\n\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n   * and vscode use an older build of chrome that appears to have a bug with\n   * color-mix and 'in oklch', so use 'in lab' instead */\n    --diffs-bg-deletion: var(\n      --diffs-bg-deletion-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))\n      )\n    );\n    --diffs-bg-deletion-emphasis: var(\n      --diffs-bg-deletion-emphasis-override,\n      light-dark(\n        rgb(from var(--diffs-deletion-base) r g b / 0.15),\n        rgb(from var(--diffs-deletion-base) r g b / 0.2)\n      )\n    );\n\n    --diffs-bg-addition: var(\n      --diffs-bg-addition-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))\n      )\n    );\n    --diffs-bg-addition-emphasis: var(\n      --diffs-bg-addition-emphasis-override,\n      light-dark(\n        rgb(from var(--diffs-addition-base) r g b / 0.15),\n        rgb(from var(--diffs-addition-base) r g b / 0.2)\n      )\n    );\n\n    --diffs-selection-base: var(--diffs-modified-base);\n    --diffs-selection-number-fg: light-dark(\n      color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),\n      color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer))\n    );\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  /* NOTE(mdo): Some semantic HTML elements (e.g. `pre`, `code`) have default\n * user-agent styles. These must be overridden to use our custom styles. */\n  pre,\n  code,\n  [data-error-wrapper] {\n    isolation: isolate;\n    margin: 0;\n    padding: 0;\n    display: block;\n    outline: none;\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n  }\n\n  pre,\n  code {\n    background-color: var(--diffs-bg);\n  }\n\n  code {\n    contain: content;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  [data-icon-sprite] {\n    display: none;\n  }\n\n  /* NOTE(mdo): Headers and separators are within pre/code, so we need to reset\n   * their font-family explicitly. */\n  [data-diffs-header],\n  [data-separator] {\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n  }\n\n  [data-diffs-header][data-sticky] {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-file-info] {\n    padding: 10px;\n    font-weight: 700;\n    color: var(--fg);\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n   * and vscode use an older build of chrome that appears to have a bug with\n   * color-mix and 'in oklch', so use 'in lab' instead */\n    background-color: color-mix(in lab, var(--bg) 98%, var(--fg));\n    border-block: 1px solid color-mix(in lab, var(--bg) 95%, var(--fg));\n  }\n\n  [data-diff],\n  [data-file] {\n    /* This feels a bit crazy to me... so I need to think about it a bit more... */\n    --diffs-grid-number-column-width: minmax(min-content, max-content);\n    --diffs-code-grid: var(--diffs-grid-number-column-width) 1fr;\n\n    &[data-dehydrated] {\n      --diffs-code-grid: var(--diffs-grid-number-column-width) minmax(0, 1fr);\n    }\n\n    &:hover [data-code]::-webkit-scrollbar-thumb {\n      background-color: var(--diffs-bg-context);\n    }\n  }\n\n  /* iOS WebKit uses overlay scrollbars, so unmeasured layout compensation\n   * should start at zero rather than the desktop custom-scrollbar fallback. */\n  @supports (-webkit-touch-callout: none) {\n    :host {\n      --diffs-scrollbar-gutter-fallback: 0px;\n    }\n  }\n\n  [data-line] span {\n    color: light-dark(\n      var(--diffs-token-light, var(--diffs-light)),\n      var(--diffs-token-dark, var(--diffs-dark))\n    );\n    background-color: light-dark(\n      var(--diffs-token-light-bg, inherit),\n      var(--diffs-token-dark-bg, inherit)\n    );\n    font-weight: light-dark(\n      var(--diffs-token-light-font-weight, inherit),\n      var(--diffs-token-dark-font-weight, inherit)\n    );\n    font-style: light-dark(\n      var(--diffs-token-light-font-style, inherit),\n      var(--diffs-token-dark-font-style, inherit)\n    );\n    text-decoration: light-dark(\n      var(--diffs-token-light-text-decoration, inherit),\n      var(--diffs-token-dark-text-decoration, inherit)\n    );\n  }\n\n  /* Line Color and BG Calculations */\n  [data-line],\n  [data-gutter-buffer],\n  [data-column-number],\n  [data-line-annotation],\n  [data-no-newline],\n  [data-merge-conflict],\n  [data-merge-conflict-actions] {\n    /* Pre-fill css variables for appropriate up-mixing */\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n\n    color: var(--diffs-fg);\n    background-color: var(--diffs-line-bg, var(--diffs-bg));\n\n    @media (pointer: fine) {\n      &:where([data-hovered]) {\n        --diffs-computed-hovered-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-selected-line-bg) 97%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-selected-line-bg) 91%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))\n          )\n        );\n        --diffs-line-bg: var(--diffs-computed-hovered-line-bg, inherit);\n      }\n    }\n  }\n\n  [data-line],\n  [data-no-newline] {\n    &[data-decoration-bg] {\n      --mix-deco-light: 92%;\n      --mix-deco-dark: 85%;\n\n      &[data-decoration-bg-depth='2'] {\n        --mix-deco-light: 88%;\n        --mix-deco-dark: 80%;\n      }\n\n      &[data-decoration-bg-depth='3'] {\n        --mix-deco-light: 85%;\n        --mix-deco-dark: 78%;\n      }\n\n      @media (pointer: fine) {\n        &[data-hovered]:not([data-selected-line]) {\n          --mix-deco-light: 85%;\n          --mix-deco-dark: 85%;\n        }\n\n        &[data-hovered]:not(\n            [data-selected-line]\n          )[data-decoration-bg-depth='2'] {\n          --mix-deco-light: 83%;\n          --mix-deco-dark: 83%;\n        }\n\n        &[data-hovered]:not(\n            [data-selected-line]\n          )[data-decoration-bg-depth='3'] {\n          --mix-deco-light: 81%;\n          --mix-deco-dark: 81%;\n        }\n      }\n\n      --diffs-computed-decoration-bg: light-dark(\n        color-mix(\n          in lab,\n          var(--diffs-bg) var(--mix-deco-light),\n          var(--diffs-decoration-bg)\n        ),\n        color-mix(\n          in lab,\n          var(--diffs-bg) var(--mix-deco-dark),\n          var(--diffs-decoration-bg)\n        )\n      );\n      /* Lets up-select all lines */\n      --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n      --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n\n      /* Apply the appropriately computed bg line color */\n      --diffs-line-bg: var(--diffs-computed-decoration-bg);\n    }\n  }\n\n  [data-line-annotation],\n  [data-gutter-buffer='annotation'] {\n    --diffs-annotation-bg: var(--diffs-bg-context);\n    --diffs-computed-decoration-bg: var(--diffs-annotation-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-annotation-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-annotation-bg);\n    --diffs-line-bg: var(--diffs-annotation-bg);\n  }\n\n  [data-merge-conflict-actions],\n  [data-gutter-buffer='merge-conflict-action'],\n  [data-gutter-buffer='merge-conflict-marker-base'],\n  [data-gutter-buffer='merge-conflict-marker-separator'],\n  [data-merge-conflict='marker-base'],\n  [data-merge-conflict='marker-separator'] {\n    --diffs-computed-decoration-bg: var(--diffs-bg-context);\n    --diffs-computed-diff-line-bg: var(--diffs-bg-context);\n    --diffs-computed-selected-line-bg: var(--diffs-bg-context);\n    --diffs-line-bg: var(--diffs-bg-context);\n  }\n\n  [data-gutter-buffer='merge-conflict-marker-start'],\n  [data-merge-conflict='marker-start'] {\n    --diffs-computed-decoration-bg: light-dark(\n      color-mix(\n        in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))\n      ),\n      color-mix(\n        in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))\n      )\n    );\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-gutter-buffer='merge-conflict-marker-end'],\n  [data-merge-conflict='marker-end'] {\n    --diffs-computed-decoration-bg: light-dark(\n      color-mix(\n        in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))\n      ),\n      color-mix(\n        in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))\n      )\n    );\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-has-merge-conflict] [data-line-annotation],\n  [data-has-merge-conflict] [data-gutter-buffer='annotation'] {\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n    --diffs-line-bg: var(--diffs-bg);\n  }\n\n  /* We are using where here to not affect the nesting impacts later on for\n   * hover and selection */\n  :where([data-background]) {\n    [data-gutter-buffer],\n    [data-column-number] {\n      --mix-light: 91%;\n      --mix-dark: 85%;\n    }\n\n    [data-line],\n    [data-no-newline] {\n      --mix-light: 88%;\n      --mix-dark: 80%;\n    }\n\n    [data-gutter-buffer],\n    [data-column-number],\n    [data-line],\n    [data-no-newline] {\n      --diffs-diff-line-mix-target: var(--diffs-bg);\n\n      &[data-line-type='change-deletion'] {\n        --diffs-diff-line-mix-target: var(\n          --diffs-bg-deletion-override,\n          var(--diffs-deletion-base)\n        );\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 75%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-deletion-override,\n            var(--diffs-deletion-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --diffs-bg-deletion-number-override,\n            var(--diffs-deletion-base)\n          );\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-line-type='change-addition'] {\n        --diffs-diff-line-mix-target: var(\n          --diffs-bg-addition-override,\n          var(--diffs-addition-base)\n        );\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-addition-override,\n            var(--diffs-addition-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --diffs-bg-addition-number-override,\n            var(--diffs-addition-base)\n          );\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict='current'] {\n        --diffs-diff-line-mix-target: var(\n          --conflict-bg-current-override,\n          var(--diffs-addition-base)\n        );\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-addition-override,\n            var(--diffs-addition-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --conflict-bg-current-number-override,\n            var(--diffs-addition-base)\n          );\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict='incoming'] {\n        --diffs-diff-line-mix-target: var(\n          --conflict-bg-incoming-override,\n          var(--diffs-modified-base)\n        );\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-modified-base);\n\n          --diffs-diff-line-mix-target: var(\n            --conflict-bg-incoming-number-override,\n            var(--diffs-modified-base)\n          );\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n    }\n  }\n\n  /* Order is important for rationalizing these selectors and for order of\n   * application, therefore we need to disable this style-lint rule */\n  /* stylelint-disable-next-line no-duplicate-selectors */\n  [data-gutter-buffer],\n  [data-column-number],\n  [data-line],\n  [data-line-annotation],\n  [data-merge-conflict],\n  [data-merge-conflict-actions],\n  [data-no-newline] {\n    --diffs-selection-mix-target: var(\n      --diffs-bg-selection-override,\n      var(--diffs-selection-base)\n    );\n\n    &:where(\n        [data-line],\n        [data-line-annotation],\n        [data-merge-conflict],\n        [data-merge-conflict-actions],\n        [data-no-newline]\n      )[data-selected-line] {\n      --mix-selection-light: 82%;\n      --mix-selection-dark: 75%;\n\n      @media (pointer: fine) {\n        &[data-hovered]:not(\n            [data-merge-conflict],\n            [data-line-type='change-addition'],\n            [data-line-type='change-deletion']\n          ) {\n          --mix-selection-light: 75%;\n          --mix-selection-dark: 70%;\n        }\n      }\n    }\n\n    &:where([data-gutter-buffer], [data-column-number])[data-selected-line] {\n      --mix-selection-light: 75%;\n      --mix-selection-dark: 60%;\n      --diffs-selection-mix-target: var(\n        --diffs-bg-selection-number-override,\n        var(--diffs-selection-base)\n      );\n\n      @media (pointer: fine) {\n        &[data-hovered]:not(\n            [data-merge-conflict],\n            [data-line-type='change-addition'],\n            [data-line-type='change-deletion']\n          ) {\n          --mix-selection-light: 70%;\n          --mix-selection-dark: 55%;\n        }\n      }\n    }\n\n    &[data-selected-line] {\n      --diffs-computed-selected-line-bg: light-dark(\n        color-mix(\n          in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-light),\n          var(--diffs-selection-mix-target)\n        ),\n        color-mix(\n          in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-dark),\n          var(--diffs-selection-mix-target)\n        )\n      );\n      --diffs-line-bg: var(--diffs-computed-selected-line-bg, inherit);\n    }\n  }\n\n  [data-gutter-buffer],\n  [data-column-number] {\n    &[data-selected-line] {\n      color: var(--diffs-selection-number-fg);\n    }\n  }\n\n  [data-no-newline] {\n    user-select: none;\n\n    span {\n      opacity: 0.6;\n    }\n  }\n\n  [data-diff-type='split'][data-overflow='scroll'] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    [data-additions] {\n      border-left: 1px solid var(--diffs-bg);\n    }\n\n    [data-deletions] {\n      border-right: 1px solid var(--diffs-bg);\n    }\n  }\n\n  [data-code] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: var(--diffs-code-grid);\n    overflow: var(--diffs-overflow-override, scroll) clip;\n    overscroll-behavior-x: none;\n    tab-size: var(--diffs-tab-size, 2);\n    align-self: flex-start;\n    padding-top: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    padding-bottom: max(\n      0px,\n      calc(\n        var(--diffs-gap-block, var(--diffs-gap-fallback)) -\n          var(--diffs-scrollbar-gutter)\n      )\n    );\n    scrollbar-gutter: stable;\n  }\n\n  [data-diffs-scrollbar-measure] {\n    position: absolute;\n    top: -200px;\n    left: -200px;\n    opacity: 0;\n    pointer-events: none;\n    width: 100px;\n    height: 100px;\n    padding: 0;\n    grid-template-columns: none;\n    scrollbar-gutter: auto;\n  }\n\n  [data-container-size] {\n    container-type: inline-size;\n  }\n\n  [data-code]::-webkit-scrollbar {\n    width: 0;\n    height: var(--diffs-scrollbar-gutter);\n  }\n\n  [data-code]::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  [data-code]::-webkit-scrollbar-thumb {\n    background-color: transparent;\n    border: 1px solid transparent;\n    background-clip: content-box;\n    border-radius: 3px;\n  }\n\n  [data-code]::-webkit-scrollbar-corner {\n    background-color: transparent;\n  }\n\n  /*\n   * If we apply these rules globally it will mean that webkit will opt into the\n   * standards compliant version of custom css scrollbars, which we do not want\n   * because the custom stuff will look better\n  */\n  @supports (-moz-appearance: none) {\n    [data-code] {\n      scrollbar-width: thin;\n      scrollbar-color: var(--diffs-bg-context) transparent;\n      padding-bottom: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    }\n  }\n\n  [data-diffs-header] ~ [data-diff],\n  [data-diffs-header] ~ [data-file] {\n    [data-code],\n    &[data-overflow='wrap'] {\n      padding-top: 0;\n    }\n  }\n\n  [data-gutter] {\n    display: grid;\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    grid-column: 1;\n    z-index: 3;\n    position: relative;\n    background-color: var(--diffs-bg);\n\n    [data-gutter-buffer],\n    [data-column-number] {\n      border-right: var(--diffs-gap-style, 2px solid var(--diffs-bg));\n    }\n  }\n\n  [data-content] {\n    display: grid;\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    grid-column: 2;\n    min-width: 0;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-diff-type='split'][data-overflow='wrap'] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: repeat(2, var(--diffs-code-grid));\n    padding-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    [data-deletions] {\n      display: contents;\n\n      [data-gutter] {\n        grid-column: 1;\n      }\n\n      [data-content] {\n        grid-column: 2;\n        border-right: 1px solid var(--diffs-bg);\n      }\n    }\n\n    [data-additions] {\n      display: contents;\n\n      [data-gutter] {\n        grid-column: 3;\n        border-left: 1px solid var(--diffs-bg);\n      }\n\n      [data-content] {\n        grid-column: 4;\n      }\n    }\n  }\n\n  [data-overflow='scroll'] [data-gutter] {\n    position: sticky;\n    left: 0;\n  }\n\n  [data-interactive-lines] [data-line] {\n    cursor: pointer;\n  }\n\n  [data-interactive-line-numbers] [data-column-number] {\n    cursor: pointer;\n    touch-action: none;\n  }\n\n  [data-content-buffer],\n  [data-gutter-buffer] {\n    position: relative;\n    user-select: none;\n    min-height: 1lh;\n  }\n\n  [data-gutter-buffer] {\n    padding-left: 2ch;\n    padding-right: 1ch;\n\n    &::before {\n      content: '';\n      display: block;\n      min-width: var(\n        --diffs-min-number-column-width,\n        var(--diffs-min-number-column-width-default, 3ch)\n      );\n    }\n  }\n\n  [data-gutter-buffer='annotation'] {\n    --diffs-annotation-bg: var(--diffs-bg-context-gutter);\n    min-height: 0;\n  }\n\n  [data-gutter-buffer='buffer'] {\n    --diffs-line-bg: var(--diffs-bg-context-gutter);\n  }\n\n  [data-content-buffer] {\n    grid-column: 1;\n    /* We multiply by 1.414 (√2) to better approximate the diagonal repeat distance */\n    background-size: 8px 8px;\n    background-position: 5px 0;\n    background-origin: border-box;\n    /* This is incredibley expensive... */\n    background-image: repeating-linear-gradient(\n      -45deg,\n      transparent,\n      transparent calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(4px * 1.414)\n    );\n  }\n\n  /* Hunk Separators */\n  /* --------------- */\n  [data-separator] {\n    box-sizing: content-box;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-separator='simple'] {\n    min-height: 4px;\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'],\n  [data-separator='simple'] {\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'] {\n    height: 32px;\n    position: relative;\n  }\n\n  [data-separator-wrapper] {\n    user-select: none;\n    fill: currentColor;\n    position: absolute;\n    inset-inline: 0;\n    display: flex;\n    align-items: center;\n    background-color: var(--diffs-bg);\n    height: 100%;\n  }\n\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-separator='metadata'] [data-separator-wrapper] {\n    inset-inline: 100% auto;\n    padding-inline: 1ch;\n    height: 100%;\n    background-color: var(--diffs-bg-separator);\n    color: var(--diffs-fg-number);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: min-content;\n  }\n\n  [data-separator='line-info'] {\n    margin-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    [data-separator-wrapper] {\n      min-width: 16px;\n    }\n  }\n\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'] {\n    margin-block: 0;\n  }\n\n  [data-separator='line-info'][data-separator-first] {\n    margin-top: 0;\n  }\n\n  [data-separator='line-info'][data-separator-last] {\n    margin-bottom: 0;\n  }\n\n  [data-expand-index] [data-separator-wrapper] {\n    display: grid;\n    grid-template-columns: 32px auto;\n  }\n\n  [data-expand-index] [data-separator-wrapper][data-separator-multi-button] {\n    grid-template-columns: 32px 32px auto;\n  }\n\n  [data-expand-button],\n  [data-separator-content] {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-expand-index] [data-separator-content]:hover {\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  [data-expand-button] {\n    justify-content: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    min-width: 32px;\n    align-self: stretch;\n    color: var(--diffs-fg-number);\n    border-right: 2px solid var(--diffs-bg);\n\n    &:hover {\n      color: var(--diffs-fg);\n    }\n\n    &[data-expand-all-button] {\n      display: none;\n    }\n  }\n\n  [data-expand-down] [data-icon] {\n    transform: scaleY(-1);\n  }\n\n  [data-separator-content] {\n    flex: 1 1 auto;\n    padding: 0 1ch;\n    height: 100%;\n    color: var(--diffs-fg-number);\n\n    overflow: hidden;\n    justify-content: flex-start;\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'] {\n    [data-separator-content] {\n      height: 100%;\n      user-select: none;\n      overflow: clip;\n    }\n  }\n\n  [data-unmodified-lines] {\n    display: block;\n    overflow: hidden;\n    min-width: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 0 1 auto;\n  }\n\n  @supports (width: 1cqi) {\n    [data-unified] {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        padding-inline: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n        width: 100cqi;\n\n        [data-separator-content] {\n          border-radius: 6px;\n        }\n      }\n\n      [data-separator='line-info'][data-expand-index]\n        [data-separator-wrapper]\n        [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-gutter] {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        padding-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      }\n\n      [data-separator='line-info'] [data-separator-content] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      [data-separator='line-info'][data-expand-index] [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-additions] {\n      [data-content] [data-separator='line-info'] {\n        background-color: var(--diffs-bg);\n\n        [data-separator-wrapper] {\n          display: none;\n        }\n      }\n\n      [data-gutter] [data-separator='line-info'] [data-separator-wrapper] {\n        display: block;\n        height: 100%;\n        background-color: var(--diffs-bg-separator);\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n\n        [data-separator-content],\n        [data-expand-button] {\n          display: none;\n        }\n      }\n    }\n\n    [data-overflow='scroll']\n      [data-additions]\n      [data-gutter]\n      [data-separator='line-info']\n      [data-separator-wrapper] {\n      width: calc(100cqi - var(--diffs-gap-inline, var(--diffs-gap-fallback)));\n    }\n\n    [data-overflow='wrap']\n      [data-additions]\n      [data-content]\n      [data-separator='line-info']\n      [data-separator-wrapper] {\n      background-color: var(--diffs-bg-separator);\n      display: block;\n      height: 100%;\n      margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n\n      [data-separator-content],\n      [data-expand-button] {\n        display: none;\n      }\n    }\n\n    [data-separator='line-info'] [data-separator-wrapper] {\n      [data-expand-both],\n      [data-expand-down],\n      [data-expand-up] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n    }\n\n    @media (pointer: fine) {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        &[data-separator-multi-button] {\n          [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: unset;\n          }\n\n          [data-expand-down] {\n            border-bottom-left-radius: 6px;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: coarse) {\n    [data-separator='line-info-basic']\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px 34px auto;\n\n      [data-separator-content] {\n        grid-column: unset;\n        grid-row: unset;\n      }\n    }\n\n    @supports (width: 1cqi) {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        [data-expand-both],\n        [data-expand-down],\n        [data-expand-up] {\n          border-top-left-radius: 6px;\n          border-bottom-left-radius: 6px;\n        }\n\n        &[data-separator-multi-button] {\n          [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n          }\n\n          [data-expand-down] {\n            border-bottom-left-radius: unset;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: fine) {\n    [data-separator-wrapper][data-separator-multi-button] {\n      display: grid;\n      grid-template-rows: 50% 50%;\n\n      [data-separator-content] {\n        grid-column: 2;\n        grid-row: 1 / -1;\n        min-width: min-content;\n      }\n\n      [data-expand-button] {\n        grid-column: 1;\n      }\n    }\n\n    [data-separator='line-info'] [data-separator-wrapper],\n    [data-separator='line-info']\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px auto;\n    }\n\n    [data-separator='line-info-basic'][data-expand-index]\n      [data-separator-wrapper] {\n      grid-template-columns: 100% auto;\n    }\n\n    [data-separator='line-info'],\n    [data-separator='line-info-basic'] {\n      [data-separator-multi-button] {\n        [data-expand-up] {\n          border-bottom: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n        [data-expand-down] {\n          border-top: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n      }\n    }\n  }\n\n  /* Hunk separator content is duplicated across gutters and content columns,\n   * so custom CSS can do some stuff. Lets hide things for defaults */\n  [data-additions] [data-gutter] [data-separator-wrapper],\n  [data-additions] [data-separator='line-info-basic'] [data-separator-wrapper],\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-line-annotation] {\n    min-height: var(--diffs-annotation-min-height, 0);\n    z-index: 2;\n  }\n\n  [data-merge-conflict-actions] {\n    z-index: 2;\n  }\n\n  [data-separator='custom'] {\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-line],\n  [data-column-number],\n  [data-no-newline] {\n    position: relative;\n    padding-inline: 1ch;\n  }\n\n  [data-indicators='classic'] [data-line] {\n    padding-inline-start: 2ch;\n  }\n\n  [data-indicators='classic'] {\n    [data-line-type='change-addition'],\n    [data-line-type='change-deletion'] {\n      &[data-no-newline],\n      &[data-line] {\n        &::before {\n          display: inline-block;\n          width: 1ch;\n          height: 1lh;\n          position: absolute;\n          top: 0;\n          left: 0;\n          user-select: none;\n        }\n      }\n    }\n\n    [data-line-type='change-addition'] {\n      &[data-line],\n      &[data-no-newline] {\n        &::before {\n          content: '+';\n          color: var(--diffs-addition-base);\n        }\n      }\n    }\n\n    [data-line-type='change-deletion'] {\n      &[data-line],\n      &[data-no-newline] {\n        &::before {\n          content: '-';\n          color: var(--diffs-deletion-base);\n        }\n      }\n    }\n  }\n\n  [data-indicators='bars'] {\n    [data-line-type='change-deletion'],\n    [data-line-type='change-addition'] {\n      &[data-column-number] {\n        &::before {\n          content: '';\n          display: block;\n          width: 4px;\n          height: 100%;\n          position: absolute;\n          top: 0;\n          left: 0;\n          user-select: none;\n          contain: strict;\n        }\n      }\n    }\n\n    [data-line-type='change-deletion'] {\n      &[data-column-number] {\n        &::before {\n          background-image: linear-gradient(\n            0deg,\n            var(--diffs-bg-deletion) 50%,\n            var(--diffs-deletion-base) 50%\n          );\n          background-repeat: repeat;\n          background-size: 2px 2px;\n          background-size: calc(1lh / round(1lh / 2px))\n            calc(1lh / round(1lh / 2px));\n        }\n      }\n    }\n\n    [data-line-type='change-addition'] {\n      &[data-column-number] {\n        &::before {\n          background-color: var(--diffs-addition-base);\n        }\n      }\n    }\n  }\n\n  [data-overflow='wrap'] {\n    [data-line],\n    [data-annotation-content] {\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n  }\n\n  [data-overflow='scroll'] [data-line] {\n    white-space: pre;\n    min-height: 1lh;\n  }\n\n  [data-column-number] {\n    box-sizing: content-box;\n    text-align: right;\n    user-select: none;\n    color: var(--diffs-fg-number);\n    padding-left: 2ch;\n  }\n\n  [data-line-number-content] {\n    display: inline-block;\n    min-width: var(\n      --diffs-min-number-column-width,\n      var(--diffs-min-number-column-width-default, 3ch)\n    );\n    position: relative;\n    z-index: 1;\n  }\n\n  [data-disable-line-numbers] {\n    [data-gutter-buffer],\n    [data-column-number] {\n      min-width: 4px;\n      padding: 0;\n\n      &::before {\n        min-width: 0;\n      }\n    }\n\n    [data-line-number-content] {\n      display: none;\n    }\n\n    [data-gutter-utility-slot] {\n      right: unset;\n      left: 0;\n      justify-content: flex-start;\n    }\n\n    &[data-indicators='bars'] [data-gutter-utility-slot] {\n      /* Using 5px here because theres a 2px separator after the bar */\n      left: 6px;\n    }\n  }\n\n  [data-file][data-disable-line-numbers] {\n    [data-gutter-buffer],\n    [data-column-number] {\n      min-width: 0;\n      border-right: 0;\n    }\n  }\n\n  [data-diff-span] {\n    border-radius: 3px;\n    box-decoration-break: clone;\n  }\n\n  [data-line-type='change-addition'] [data-diff-span] {\n    background-color: var(--diffs-bg-addition-emphasis);\n  }\n\n  [data-line-type='change-deletion'] [data-diff-span] {\n    background-color: var(--diffs-bg-deletion-emphasis);\n  }\n\n  [data-merge-conflict='marker-start'],\n  [data-merge-conflict='marker-base'],\n  [data-merge-conflict='marker-separator'],\n  [data-merge-conflict='marker-end'] {\n    padding-left: 1ch;\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict='marker-start'],\n  [data-merge-conflict='marker-end'] {\n    display: flex;\n    align-items: center;\n\n    &::after {\n      color: var(--diffs-fg-conflict-marker);\n      font-style: normal;\n      font-size: 0.75rem;\n      line-height: 1.25rem;\n      padding-left: 1ch;\n      font-family: var(\n        --diffs-header-font-family,\n        var(--diffs-header-font-fallback)\n      );\n    }\n  }\n\n  [data-merge-conflict='marker-start']::after {\n    content: '(Current Change)';\n  }\n\n  [data-merge-conflict='marker-end']::after {\n    content: '(Incoming Change)';\n  }\n\n  [data-merge-conflict-actions-content] {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding-inline: 0.5rem;\n    min-height: 1.75rem;\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n    font-size: 0.75rem;\n    line-height: 1.2;\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--diffs-fg-number);\n    font: inherit;\n    font-style: normal;\n    cursor: pointer;\n    padding: 0;\n  }\n\n  [data-merge-conflict-action]:hover {\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action='current']:hover {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-merge-conflict-action='incoming']:hover {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-merge-conflict-action-separator] {\n    color: var(--diffs-fg-number);\n    opacity: 0.6;\n    user-select: none;\n  }\n\n  /* Default Header Styles */\n  /* --------------------- */\n  [data-diffs-header='default'] {\n    position: relative;\n    background-color: var(--diffs-bg);\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-height: calc(\n      1lh + (var(--diffs-gap-block, var(--diffs-gap-fallback)) * 3)\n    );\n    padding-inline: 16px;\n    top: 0;\n    z-index: 2;\n  }\n\n  [data-header-content] {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-width: 0;\n    white-space: nowrap;\n  }\n\n  [data-header-content] [data-prev-name],\n  [data-header-content] [data-title] {\n    direction: rtl;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n    white-space: nowrap;\n  }\n\n  [data-prev-name] {\n    opacity: 0.7;\n  }\n\n  [data-rename-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  [data-diffs-header='default'] [data-metadata] {\n    display: flex;\n    align-items: center;\n    gap: 1ch;\n    white-space: nowrap;\n  }\n\n  [data-diffs-header='default'] [data-additions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-addition-base);\n  }\n\n  [data-diffs-header='default'] [data-deletions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  [data-change-icon='change'],\n  [data-change-icon='rename-pure'],\n  [data-change-icon='rename-changed'] {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-change-icon='new'] {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-change-icon='deleted'] {\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon='file'] {\n    opacity: 0.6;\n  }\n\n  [data-annotation-content] {\n    position: relative;\n    display: flow-root;\n    align-self: flex-start;\n    z-index: 2;\n    min-width: 0;\n    isolation: isolate;\n  }\n\n  /* Sticky positioning has a composite costs, so we should _only_ pay it if we\n   * need to */\n  [data-overflow='scroll'] [data-annotation-content] {\n    position: sticky;\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n  }\n\n  [data-overflow='scroll'] [data-merge-conflict-actions-content] {\n    position: sticky;\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n  }\n\n  /* Undo some of the stuff that the 'pre' tag does */\n  [data-annotation-slot] {\n    text-wrap-mode: wrap;\n    word-break: normal;\n    white-space-collapse: collapse;\n  }\n\n  [data-gutter-utility-slot] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    justify-content: flex-end;\n    touch-action: none;\n  }\n\n  [data-utility-button] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    appearance: none;\n    width: 1lh;\n    height: 1lh;\n    margin-right: calc((1lh - 1ch) * -1);\n    padding: 0;\n    cursor: pointer;\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    border-radius: 4px;\n    background-color: var(--diffs-modified-base);\n    color: var(--diffs-bg);\n    fill: currentColor;\n    position: relative;\n    z-index: 4;\n    touch-action: none;\n\n    &::before {\n      content: '';\n      display: block;\n      position: absolute;\n      inset: 0 0 0 -4px;\n    }\n  }\n\n  /* Decoration Bars */\n  /* --------------- */\n  [data-decoration-bar-stack] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: -2px;\n    width: 6px;\n    pointer-events: none;\n    isolation: isolate;\n    z-index: 1;\n    background-color: var(--diffs-decoration-bar-color, transparent);\n    /* overflow: clip visible; */\n    box-sizing: content-box;\n    border-left: 2px solid var(--diffs-bg);\n    border-right: 2px solid var(--diffs-bg);\n\n    [data-decoration-bar-depth='1'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 20%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-depth='2'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 45%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-depth='3'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 65%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-start] & {\n      border-top-left-radius: 5px;\n      border-top-right-radius: 5px;\n\n      /* &::before { */\n      /*   content: ''; */\n      /*   position: absolute; */\n      /*   box-sizing: content-box; */\n      /*   display: block; */\n      /*   width: 6px; */\n      /*   height: 6px; */\n      /*   z-index: 1; */\n      /*   border-top-left-radius: 3px; */\n      /*   border-top-right-radius: 3px; */\n      /*   border-top: 2px solid var(--diffs-bg); */\n      /*   border-left: 2px solid var(--diffs-bg); */\n      /*   border-right: 2px solid var(--diffs-bg); */\n      /*   left: -2px; */\n      /*   top: -2px; */\n      /* } */\n    }\n\n    [data-decoration-bar-end] & {\n      z-index: 3;\n      border-bottom-left-radius: 5px;\n      border-bottom-right-radius: 5px;\n\n      /* &::after { */\n      /*   content: ''; */\n      /*   position: absolute; */\n      /*   box-sizing: content-box; */\n      /*   display: block; */\n      /*   width: 6px; */\n      /*   height: 6px; */\n      /*   border-bottom-left-radius: 3px; */\n      /*   border-bottom-right-radius: 3px; */\n      /*   border-bottom: 2px solid var(--diffs-bg); */\n      /*   border-left: 2px solid var(--diffs-bg); */\n      /*   border-right: 2px solid var(--diffs-bg); */\n      /*   left: -2px; */\n      /*   bottom: -2px; */\n      /* } */\n    }\n\n    /* [data-decoration-bar-end] & { */\n    /*   border-bottom-left-radius: 5px; */\n    /*   border-bottom-right-radius: 5px; */\n    /*   border-bottom: 2px solid var(--diffs-bg); */\n    /*   border-left: 2px solid var(--diffs-bg); */\n    /*   border-right: 2px solid var(--diffs-bg); */\n    /*   right: -2px; */\n    /*   bottom: -2px; */\n    /*   z-index: 3; */\n    /* } */\n  }\n\n  [data-placeholder] {\n    contain: strict;\n  }\n\n  [data-error-wrapper] {\n    overflow: auto;\n    padding: var(--diffs-gap-block, var(--diffs-gap-fallback))\n      var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    max-height: 400px;\n    scrollbar-width: none;\n\n    [data-error-message] {\n      font-weight: bold;\n      font-size: 18px;\n      color: var(--diffs-deletion-base);\n    }\n\n    [data-error-stack] {\n      color: var(--diffs-fg-number);\n    }\n  }\n}\n"],"mappings":";oBAAA"}
+{"version":3,"file":"style.js","names":[],"sources":["../src/style.css"],"sourcesContent":["@layer base, theme, rendered, unsafe;\n\n@layer base {\n  :host {\n    --diffs-font-fallback:\n      'SF Mono', Monaco, Consolas, 'Ubuntu Mono', 'Liberation Mono',\n      'Courier New', monospace;\n    --diffs-header-font-fallback:\n      system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',\n      'Noto Sans', 'Liberation Sans', Arial, sans-serif;\n\n    --diffs-mixer: light-dark(black, white);\n    --diffs-gap-fallback: 8px;\n    --diffs-scrollbar-gutter-fallback: 6px;\n    --diffs-scrollbar-gutter: var(\n      --diffs-scrollbar-gutter-override,\n      var(\n        --diffs-scrollbar-gutter-measured,\n        var(--diffs-scrollbar-gutter-fallback)\n      )\n    );\n\n    --diffs-added-light: #0dbe4e;\n    --diffs-added-dark: #5ecc71;\n    --diffs-modified-light: #009fff;\n    --diffs-modified-dark: #69b1ff;\n    --diffs-deleted-light: #ff2e3f;\n    --diffs-deleted-dark: #ff6762;\n\n    /*\n    // Available CSS Color Overrides\n    --diffs-bg-buffer-override\n    --diffs-bg-hover-override\n    --diffs-bg-context-override\n    --diffs-bg-context-gutter-override\n    --diffs-bg-separator-override\n    --diffs-bg-caret-override\n\n    --diffs-fg-number-override\n    --diffs-fg-number-addition-override\n    --diffs-fg-number-deletion-override\n    --diffs-fg-conflict-marker-override\n\n    --diffs-deletion-color-override\n    --diffs-addition-color-override\n    --diffs-modified-color-override\n\n    --diffs-bg-deletion-override\n    --diffs-bg-deletion-number-override\n    --diffs-bg-deletion-emphasis-override\n\n    --diffs-bg-addition-override\n    --diffs-bg-addition-number-override\n    --diffs-bg-addition-emphasis-override\n\n    --conflict-bg-current-override\n    --conflict-bg-current-number-override\n    --conflict-bg-current-header-override\n    --conflict-bg-incoming-override\n    --conflict-bg-incoming-number-override\n    --conflict-bg-incoming-header-override\n\n    // Line Selection Color Overrides (for enableLineSelection)\n    --diffs-selection-color-override\n    --diffs-bg-selection-override\n    --diffs-bg-selection-number-override\n\n    // Available CSS Layout Overrides\n    --diffs-gap-inline\n    --diffs-gap-block\n    --diffs-gap-style\n    --diffs-scrollbar-gutter-override\n    --diffs-tab-size\n    */\n\n    color-scheme: light dark;\n    display: block;\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    font-feature-settings: var(--diffs-font-features);\n\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n     * and vscode use an older build of chrome that appears to have a bug with\n     * color-mix and 'in oklch', so use 'in lab' instead */\n    --diffs-bg: light-dark(\n      var(--diffs-light-bg, #fff),\n      var(--diffs-dark-bg, #000)\n    );\n    --diffs-bg-buffer: var(\n      --diffs-bg-buffer-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 92%, var(--diffs-mixer))\n      )\n    );\n    --diffs-bg-context: var(\n      --diffs-bg-context-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 98.5%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 92.5%, var(--diffs-mixer))\n      )\n    );\n    --diffs-bg-context-gutter: var(\n      --diffs-bg-context-gutter-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg-context) 90%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-bg-context) 45%, var(--diffs-bg))\n      )\n    );\n    --diffs-bg-separator: var(\n      --diffs-bg-separator-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 96%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-mixer))\n      )\n    );\n\n    --diffs-fg: light-dark(var(--diffs-light, #000), var(--diffs-dark, #fff));\n    --diffs-fg-number: var(\n      --diffs-fg-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-fg) 65%, var(--diffs-bg))\n      )\n    );\n    --diffs-fg-conflict-marker: var(\n      --diffs-fg-conflict-marker-override,\n      var(--diffs-fg-number)\n    );\n\n    --diffs-bg-caret: var(\n      --diffs-bg-caret-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-fg) 50%, var(--diffs-bg)),\n        color-mix(in lab, var(--diffs-fg) 75%, var(--diffs-bg))\n      )\n    );\n\n    --diffs-deletion-base: var(\n      --diffs-deletion-color-override,\n      light-dark(\n        var(\n          --diffs-light-deletion-color,\n          var(--diffs-deletion-color, var(--diffs-deleted-light))\n        ),\n        var(\n          --diffs-dark-deletion-color,\n          var(--diffs-deletion-color, var(--diffs-deleted-dark))\n        )\n      )\n    );\n    --diffs-addition-base: var(\n      --diffs-addition-color-override,\n      light-dark(\n        var(\n          --diffs-light-addition-color,\n          var(--diffs-addition-color, var(--diffs-added-light))\n        ),\n        var(\n          --diffs-dark-addition-color,\n          var(--diffs-addition-color, var(--diffs-added-dark))\n        )\n      )\n    );\n    --diffs-modified-base: var(\n      --diffs-modified-color-override,\n      light-dark(\n        var(\n          --diffs-light-modified-color,\n          var(--diffs-modified-color, var(--diffs-modified-light))\n        ),\n        var(\n          --diffs-dark-modified-color,\n          var(--diffs-modified-color, var(--diffs-modified-dark))\n        )\n      )\n    );\n\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n   * and vscode use an older build of chrome that appears to have a bug with\n   * color-mix and 'in oklch', so use 'in lab' instead */\n    --diffs-bg-deletion: var(\n      --diffs-bg-deletion-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base))\n      )\n    );\n    --diffs-bg-deletion-emphasis: var(\n      --diffs-bg-deletion-emphasis-override,\n      light-dark(\n        rgb(from var(--diffs-deletion-base) r g b / 0.15),\n        rgb(from var(--diffs-deletion-base) r g b / 0.2)\n      )\n    );\n\n    --diffs-bg-addition: var(\n      --diffs-bg-addition-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 88%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base))\n      )\n    );\n    --diffs-bg-addition-emphasis: var(\n      --diffs-bg-addition-emphasis-override,\n      light-dark(\n        rgb(from var(--diffs-addition-base) r g b / 0.15),\n        rgb(from var(--diffs-addition-base) r g b / 0.2)\n      )\n    );\n\n    --diffs-selection-base: var(--diffs-modified-base);\n    --diffs-selection-number-fg: light-dark(\n      color-mix(in lab, var(--diffs-selection-base) 65%, var(--diffs-mixer)),\n      color-mix(in lab, var(--diffs-selection-base) 75%, var(--diffs-mixer))\n    );\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  /* NOTE(mdo): Some semantic HTML elements (e.g. `pre`, `code`) have default\n * user-agent styles. These must be overridden to use our custom styles. */\n  pre,\n  code,\n  [data-error-wrapper] {\n    isolation: isolate;\n    margin: 0;\n    padding: 0;\n    display: block;\n    outline: none;\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n  }\n\n  pre,\n  code {\n    background-color: var(--diffs-bg);\n  }\n\n  code {\n    contain: content;\n  }\n\n  *,\n  *::before,\n  *::after {\n    box-sizing: border-box;\n  }\n\n  [data-icon-sprite] {\n    display: none;\n  }\n\n  /* NOTE(mdo): Headers and separators are within pre/code, so we need to reset\n   * their font-family explicitly. */\n  [data-diffs-header],\n  [data-separator] {\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n  }\n\n  [data-diffs-header][data-sticky] {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-file-info] {\n    padding: 10px;\n    font-weight: 700;\n    color: var(--fg);\n    /* NOTE(amadeus): we cannot use 'in oklch' because current versions of cursor\n   * and vscode use an older build of chrome that appears to have a bug with\n   * color-mix and 'in oklch', so use 'in lab' instead */\n    background-color: color-mix(in lab, var(--bg) 98%, var(--fg));\n    border-block: 1px solid color-mix(in lab, var(--bg) 95%, var(--fg));\n  }\n\n  [data-diff],\n  [data-file] {\n    /* This feels a bit crazy to me... so I need to think about it a bit more... */\n    --diffs-grid-number-column-width: minmax(min-content, max-content);\n    --diffs-code-grid: var(--diffs-grid-number-column-width) 1fr;\n\n    &[data-dehydrated] {\n      --diffs-code-grid: var(--diffs-grid-number-column-width) minmax(0, 1fr);\n    }\n\n    &:hover [data-code]::-webkit-scrollbar-thumb {\n      background-color: var(--diffs-bg-context);\n    }\n  }\n\n  /* iOS WebKit uses overlay scrollbars, so unmeasured layout compensation\n   * should start at zero rather than the desktop custom-scrollbar fallback. */\n  @supports (-webkit-touch-callout: none) {\n    :host {\n      --diffs-scrollbar-gutter-fallback: 0px;\n    }\n  }\n\n  [data-line] span {\n    color: light-dark(\n      var(--diffs-token-light, var(--diffs-light)),\n      var(--diffs-token-dark, var(--diffs-dark))\n    );\n    background-color: light-dark(\n      var(--diffs-token-light-bg, inherit),\n      var(--diffs-token-dark-bg, inherit)\n    );\n    font-weight: light-dark(\n      var(--diffs-token-light-font-weight, inherit),\n      var(--diffs-token-dark-font-weight, inherit)\n    );\n    font-style: light-dark(\n      var(--diffs-token-light-font-style, inherit),\n      var(--diffs-token-dark-font-style, inherit)\n    );\n    text-decoration: light-dark(\n      var(--diffs-token-light-text-decoration, inherit),\n      var(--diffs-token-dark-text-decoration, inherit)\n    );\n  }\n\n  /* Line Color and BG Calculations */\n  [data-line],\n  [data-gutter-buffer],\n  [data-column-number],\n  [data-line-annotation],\n  [data-no-newline],\n  [data-merge-conflict],\n  [data-merge-conflict-actions],\n  [data-editor-overlay] {\n    /* Pre-fill css variables for appropriate up-mixing */\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n\n    color: var(--diffs-fg);\n    background-color: var(--diffs-line-bg, var(--diffs-bg));\n\n    @media (pointer: fine) {\n      &:where([data-hovered]) {\n        --diffs-computed-hovered-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-selected-line-bg) 97%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-selected-line-bg) 91%,\n            var(--diffs-bg-hover-override, var(--diffs-mixer))\n          )\n        );\n        --diffs-line-bg: var(--diffs-computed-hovered-line-bg, inherit);\n      }\n    }\n  }\n\n  [data-line],\n  [data-no-newline] {\n    &[data-decoration-bg] {\n      --mix-deco-light: 92%;\n      --mix-deco-dark: 85%;\n\n      &[data-decoration-bg-depth='2'] {\n        --mix-deco-light: 88%;\n        --mix-deco-dark: 80%;\n      }\n\n      &[data-decoration-bg-depth='3'] {\n        --mix-deco-light: 85%;\n        --mix-deco-dark: 78%;\n      }\n\n      @media (pointer: fine) {\n        &[data-hovered]:not([data-selected-line]) {\n          --mix-deco-light: 85%;\n          --mix-deco-dark: 85%;\n        }\n\n        &[data-hovered]:not(\n            [data-selected-line]\n          )[data-decoration-bg-depth='2'] {\n          --mix-deco-light: 83%;\n          --mix-deco-dark: 83%;\n        }\n\n        &[data-hovered]:not(\n            [data-selected-line]\n          )[data-decoration-bg-depth='3'] {\n          --mix-deco-light: 81%;\n          --mix-deco-dark: 81%;\n        }\n      }\n\n      --diffs-computed-decoration-bg: light-dark(\n        color-mix(\n          in lab,\n          var(--diffs-bg) var(--mix-deco-light),\n          var(--diffs-decoration-bg)\n        ),\n        color-mix(\n          in lab,\n          var(--diffs-bg) var(--mix-deco-dark),\n          var(--diffs-decoration-bg)\n        )\n      );\n      /* Lets up-select all lines */\n      --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n      --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n\n      /* Apply the appropriately computed bg line color */\n      --diffs-line-bg: var(--diffs-computed-decoration-bg);\n    }\n  }\n\n  [data-line-annotation],\n  [data-gutter-buffer='annotation'] {\n    --diffs-annotation-bg: var(--diffs-bg-context);\n    --diffs-computed-decoration-bg: var(--diffs-annotation-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-annotation-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-annotation-bg);\n    --diffs-line-bg: var(--diffs-annotation-bg);\n  }\n\n  [data-merge-conflict-actions],\n  [data-gutter-buffer='merge-conflict-action'],\n  [data-gutter-buffer='merge-conflict-marker-base'],\n  [data-gutter-buffer='merge-conflict-marker-separator'],\n  [data-merge-conflict='marker-base'],\n  [data-merge-conflict='marker-separator'] {\n    --diffs-computed-decoration-bg: var(--diffs-bg-context);\n    --diffs-computed-diff-line-bg: var(--diffs-bg-context);\n    --diffs-computed-selected-line-bg: var(--diffs-bg-context);\n    --diffs-line-bg: var(--diffs-bg-context);\n  }\n\n  [data-gutter-buffer='merge-conflict-marker-start'],\n  [data-merge-conflict='marker-start'] {\n    --diffs-computed-decoration-bg: light-dark(\n      color-mix(\n        in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))\n      ),\n      color-mix(\n        in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-current-header-override, var(--diffs-addition-base))\n      )\n    );\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-gutter-buffer='merge-conflict-marker-end'],\n  [data-merge-conflict='marker-end'] {\n    --diffs-computed-decoration-bg: light-dark(\n      color-mix(\n        in lab,\n        var(--diffs-bg) 78%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))\n      ),\n      color-mix(\n        in lab,\n        var(--diffs-bg) 68%,\n        var(--conflict-bg-incoming-header-override, var(--diffs-modified-base))\n      )\n    );\n    --diffs-computed-diff-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-computed-decoration-bg);\n    --diffs-line-bg: var(--diffs-computed-decoration-bg);\n  }\n\n  [data-has-merge-conflict] [data-line-annotation],\n  [data-has-merge-conflict] [data-gutter-buffer='annotation'] {\n    --diffs-computed-decoration-bg: var(--diffs-bg);\n    --diffs-computed-diff-line-bg: var(--diffs-bg);\n    --diffs-computed-selected-line-bg: var(--diffs-bg);\n    --diffs-line-bg: var(--diffs-bg);\n  }\n\n  /* We are using where here to not affect the nesting impacts later on for\n   * hover and selection */\n  :where([data-background]) {\n    [data-gutter-buffer],\n    [data-column-number] {\n      --mix-light: 91%;\n      --mix-dark: 85%;\n    }\n\n    [data-line],\n    [data-no-newline] {\n      --mix-light: 88%;\n      --mix-dark: 80%;\n    }\n\n    [data-gutter-buffer],\n    [data-column-number],\n    [data-line],\n    [data-no-newline] {\n      --diffs-diff-line-mix-target: var(--diffs-bg);\n\n      &[data-line-type='change-deletion'] {\n        --diffs-diff-line-mix-target: var(\n          --diffs-bg-deletion-override,\n          var(--diffs-deletion-base)\n        );\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 75%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-deletion-override,\n            var(--diffs-deletion-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --diffs-bg-deletion-number-override,\n            var(--diffs-deletion-base)\n          );\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-line-type='change-addition'] {\n        --diffs-diff-line-mix-target: var(\n          --diffs-bg-addition-override,\n          var(--diffs-addition-base)\n        );\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-addition-override,\n            var(--diffs-addition-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --diffs-bg-addition-number-override,\n            var(--diffs-addition-base)\n          );\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict='current'] {\n        --diffs-diff-line-mix-target: var(\n          --conflict-bg-current-override,\n          var(--diffs-addition-base)\n        );\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(\n            --diffs-fg-number-addition-override,\n            var(--diffs-addition-base)\n          );\n\n          --diffs-diff-line-mix-target: var(\n            --conflict-bg-current-number-override,\n            var(--diffs-addition-base)\n          );\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n\n      &[data-merge-conflict='incoming'] {\n        --diffs-diff-line-mix-target: var(\n          --conflict-bg-incoming-override,\n          var(--diffs-modified-base)\n        );\n\n        &:where([data-gutter-buffer], [data-column-number]) {\n          color: var(--diffs-modified-base);\n\n          --diffs-diff-line-mix-target: var(\n            --conflict-bg-incoming-number-override,\n            var(--diffs-modified-base)\n          );\n        }\n\n        @media (pointer: fine) {\n          &[data-hovered] {\n            --mix-light: 80%;\n            --mix-dark: 70%;\n          }\n        }\n\n        --diffs-computed-diff-line-bg: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-light),\n            var(--diffs-diff-line-mix-target)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-computed-decoration-bg) var(--mix-dark),\n            var(--diffs-diff-line-mix-target)\n          )\n        );\n\n        --diffs-computed-selected-line-bg: var(--diffs-computed-diff-line-bg);\n        --diffs-line-bg: var(--diffs-computed-diff-line-bg, inherit);\n      }\n    }\n  }\n\n  /* Order is important for rationalizing these selectors and for order of\n   * application, therefore we need to disable this style-lint rule */\n  /* stylelint-disable-next-line no-duplicate-selectors */\n  [data-gutter-buffer],\n  [data-column-number],\n  [data-line],\n  [data-line-annotation],\n  [data-merge-conflict],\n  [data-merge-conflict-actions],\n  [data-no-newline],\n  [data-editor-overlay] {\n    --diffs-selection-mix-target: var(\n      --diffs-bg-selection-override,\n      var(--diffs-selection-base)\n    );\n\n    &:where([data-editor-overlay]),\n    &:where(\n        [data-line],\n        [data-line-annotation],\n        [data-merge-conflict],\n        [data-merge-conflict-actions],\n        [data-no-newline]\n      )[data-selected-line] {\n      --mix-selection-light: 82%;\n      --mix-selection-dark: 75%;\n\n      @media (pointer: fine) {\n        &[data-hovered]:not(\n            [data-merge-conflict],\n            [data-line-type='change-addition'],\n            [data-line-type='change-deletion']\n          ) {\n          --mix-selection-light: 75%;\n          --mix-selection-dark: 70%;\n        }\n      }\n    }\n\n    &:where([data-gutter-buffer], [data-column-number])[data-selected-line] {\n      --mix-selection-light: 75%;\n      --mix-selection-dark: 60%;\n      --diffs-selection-mix-target: var(\n        --diffs-bg-selection-number-override,\n        var(--diffs-selection-base)\n      );\n\n      @media (pointer: fine) {\n        &[data-hovered]:not(\n            [data-merge-conflict],\n            [data-line-type='change-addition'],\n            [data-line-type='change-deletion']\n          ) {\n          --mix-selection-light: 70%;\n          --mix-selection-dark: 55%;\n        }\n      }\n    }\n\n    &:where([data-editor-overlay]),\n    &[data-selected-line] {\n      --diffs-computed-selected-line-bg: light-dark(\n        color-mix(\n          in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-light),\n          var(--diffs-selection-mix-target)\n        ),\n        color-mix(\n          in lab,\n          var(--diffs-computed-diff-line-bg) var(--mix-selection-dark),\n          var(--diffs-selection-mix-target)\n        )\n      );\n      --diffs-line-bg: var(--diffs-computed-selected-line-bg, inherit);\n    }\n  }\n\n  [data-gutter-buffer],\n  [data-column-number] {\n    &[data-selected-line] {\n      color: var(--diffs-selection-number-fg);\n    }\n  }\n\n  [data-no-newline] {\n    user-select: none;\n\n    span {\n      opacity: 0.6;\n    }\n  }\n\n  [data-diff-type='split'][data-overflow='scroll'] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n\n    [data-additions] {\n      border-left: 1px solid var(--diffs-bg);\n    }\n\n    [data-deletions] {\n      border-right: 1px solid var(--diffs-bg);\n    }\n  }\n\n  [data-code] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: var(--diffs-code-grid);\n    overflow: var(--diffs-overflow-override, scroll) clip;\n    overscroll-behavior-x: none;\n    tab-size: var(--diffs-tab-size, 2);\n    align-self: flex-start;\n    padding-top: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    padding-bottom: max(\n      0px,\n      calc(\n        var(--diffs-gap-block, var(--diffs-gap-fallback)) -\n          var(--diffs-scrollbar-gutter)\n      )\n    );\n    scrollbar-gutter: stable;\n  }\n\n  [data-diffs-scrollbar-measure] {\n    position: absolute;\n    top: -200px;\n    left: -200px;\n    opacity: 0;\n    pointer-events: none;\n    width: 100px;\n    height: 100px;\n    padding: 0;\n    grid-template-columns: none;\n    scrollbar-gutter: auto;\n  }\n\n  [data-container-size] {\n    container-type: inline-size;\n  }\n\n  [data-code]::-webkit-scrollbar {\n    width: 0;\n    height: var(--diffs-scrollbar-gutter);\n  }\n\n  [data-code]::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  [data-code]::-webkit-scrollbar-thumb {\n    background-color: transparent;\n    border: 1px solid transparent;\n    background-clip: content-box;\n    border-radius: 3px;\n  }\n\n  [data-code]::-webkit-scrollbar-corner {\n    background-color: transparent;\n  }\n\n  /*\n   * If we apply these rules globally it will mean that webkit will opt into the\n   * standards compliant version of custom css scrollbars, which we do not want\n   * because the custom stuff will look better\n  */\n  @supports (-moz-appearance: none) {\n    [data-code] {\n      scrollbar-width: thin;\n      scrollbar-color: var(--diffs-bg-context) transparent;\n      padding-bottom: var(--diffs-gap-block, var(--diffs-gap-fallback));\n    }\n  }\n\n  [data-diffs-header] ~ [data-diff],\n  [data-diffs-header] ~ [data-file] {\n    [data-code],\n    &[data-overflow='wrap'] {\n      padding-top: 0;\n    }\n  }\n\n  [data-gutter] {\n    display: grid;\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    grid-column: 1;\n    z-index: 3;\n    position: relative;\n    background-color: var(--diffs-bg);\n\n    [data-gutter-buffer],\n    [data-column-number] {\n      border-right: var(--diffs-gap-style, 2px solid var(--diffs-bg));\n    }\n  }\n\n  [data-content] {\n    display: grid;\n    grid-template-rows: subgrid;\n    grid-template-columns: subgrid;\n    grid-column: 2;\n    min-width: 0;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-diff-type='split'][data-overflow='wrap'] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: repeat(2, var(--diffs-code-grid));\n    padding-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    [data-deletions] {\n      display: contents;\n\n      [data-gutter] {\n        grid-column: 1;\n      }\n\n      [data-content] {\n        grid-column: 2;\n        border-right: 1px solid var(--diffs-bg);\n      }\n    }\n\n    [data-additions] {\n      display: contents;\n\n      [data-gutter] {\n        grid-column: 3;\n        border-left: 1px solid var(--diffs-bg);\n      }\n\n      [data-content] {\n        grid-column: 4;\n      }\n    }\n  }\n\n  [data-overflow='scroll'] [data-gutter] {\n    position: sticky;\n    left: 0;\n  }\n\n  [data-interactive-lines] [data-line] {\n    cursor: pointer;\n  }\n\n  [data-interactive-line-numbers] [data-column-number] {\n    cursor: pointer;\n    touch-action: none;\n  }\n\n  [data-content-buffer],\n  [data-gutter-buffer] {\n    position: relative;\n    user-select: none;\n    min-height: 1lh;\n  }\n\n  [data-gutter-buffer] {\n    padding-left: 2ch;\n    padding-right: 1ch;\n\n    &::before {\n      content: '';\n      display: block;\n      min-width: var(\n        --diffs-min-number-column-width,\n        var(--diffs-min-number-column-width-default, 3ch)\n      );\n    }\n  }\n\n  [data-gutter-buffer='annotation'] {\n    --diffs-annotation-bg: var(--diffs-bg-context-gutter);\n    min-height: 0;\n  }\n\n  [data-gutter-buffer='buffer'] {\n    --diffs-line-bg: var(--diffs-bg-context-gutter);\n  }\n\n  [data-content-buffer] {\n    grid-column: 1;\n    /* We multiply by 1.414 (√2) to better approximate the diagonal repeat distance */\n    background-size: 8px 8px;\n    background-position: 5px 0;\n    background-origin: border-box;\n    /* This is incredibley expensive... */\n    background-image: repeating-linear-gradient(\n      -45deg,\n      transparent,\n      transparent calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(3px * 1.414),\n      var(--diffs-bg-buffer) calc(4px * 1.414)\n    );\n  }\n\n  /* Hunk Separators */\n  /* --------------- */\n  [data-separator] {\n    box-sizing: content-box;\n    background-color: var(--diffs-bg);\n  }\n\n  [data-separator='simple'] {\n    min-height: 4px;\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'],\n  [data-separator='simple'] {\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'] {\n    height: 32px;\n    position: relative;\n  }\n\n  [data-separator-wrapper] {\n    user-select: none;\n    fill: currentColor;\n    position: absolute;\n    inset-inline: 0;\n    display: flex;\n    align-items: center;\n    background-color: var(--diffs-bg);\n    height: 100%;\n  }\n\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-separator='metadata'] [data-separator-wrapper] {\n    inset-inline: 100% auto;\n    padding-inline: 1ch;\n    height: 100%;\n    background-color: var(--diffs-bg-separator);\n    color: var(--diffs-fg-number);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: min-content;\n  }\n\n  [data-separator='line-info'] {\n    margin-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n\n    [data-separator-wrapper] {\n      min-width: 16px;\n    }\n  }\n\n  [data-separator='line-info-basic'],\n  [data-separator='metadata'] {\n    margin-block: 0;\n  }\n\n  [data-separator='line-info'][data-separator-first] {\n    margin-top: 0;\n  }\n\n  [data-separator='line-info'][data-separator-last] {\n    margin-bottom: 0;\n  }\n\n  [data-expand-index] [data-separator-wrapper] {\n    display: grid;\n    grid-template-columns: 32px auto;\n  }\n\n  [data-expand-index] [data-separator-wrapper][data-separator-multi-button] {\n    grid-template-columns: 32px 32px auto;\n  }\n\n  [data-expand-button],\n  [data-separator-content] {\n    display: flex;\n    flex: 0 0 auto;\n    align-items: center;\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-expand-index] [data-separator-content]:hover {\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  [data-expand-button] {\n    justify-content: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    min-width: 32px;\n    align-self: stretch;\n    color: var(--diffs-fg-number);\n    border-right: 2px solid var(--diffs-bg);\n\n    &:hover {\n      color: var(--diffs-fg);\n    }\n\n    &[data-expand-all-button] {\n      display: none;\n    }\n  }\n\n  [data-expand-down] [data-icon] {\n    transform: scaleY(-1);\n  }\n\n  [data-separator-content] {\n    flex: 1 1 auto;\n    padding: 0 1ch;\n    height: 100%;\n    color: var(--diffs-fg-number);\n\n    overflow: hidden;\n    justify-content: flex-start;\n  }\n\n  [data-separator='line-info'],\n  [data-separator='line-info-basic'] {\n    [data-separator-content] {\n      height: 100%;\n      user-select: none;\n      overflow: clip;\n    }\n  }\n\n  [data-unmodified-lines] {\n    display: block;\n    overflow: hidden;\n    min-width: 0;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex: 0 1 auto;\n  }\n\n  @supports (width: 1cqi) {\n    [data-unified] {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        padding-inline: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n        width: 100cqi;\n\n        [data-separator-content] {\n          border-radius: 6px;\n        }\n      }\n\n      [data-separator='line-info'][data-expand-index]\n        [data-separator-wrapper]\n        [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-gutter] {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        padding-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      }\n\n      [data-separator='line-info'] [data-separator-content] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n\n      [data-separator='line-info'][data-expand-index] [data-separator-content] {\n        border-top-left-radius: unset;\n        border-bottom-left-radius: unset;\n      }\n    }\n\n    [data-additions] {\n      [data-content] [data-separator='line-info'] {\n        background-color: var(--diffs-bg);\n\n        [data-separator-wrapper] {\n          display: none;\n        }\n      }\n\n      [data-gutter] [data-separator='line-info'] [data-separator-wrapper] {\n        display: block;\n        height: 100%;\n        background-color: var(--diffs-bg-separator);\n        border-top-right-radius: 6px;\n        border-bottom-right-radius: 6px;\n\n        [data-separator-content],\n        [data-expand-button] {\n          display: none;\n        }\n      }\n    }\n\n    [data-overflow='scroll']\n      [data-additions]\n      [data-gutter]\n      [data-separator='line-info']\n      [data-separator-wrapper] {\n      width: calc(100cqi - var(--diffs-gap-inline, var(--diffs-gap-fallback)));\n    }\n\n    [data-overflow='wrap']\n      [data-additions]\n      [data-content]\n      [data-separator='line-info']\n      [data-separator-wrapper] {\n      background-color: var(--diffs-bg-separator);\n      display: block;\n      height: 100%;\n      margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n      border-top-right-radius: 6px;\n      border-bottom-right-radius: 6px;\n\n      [data-separator-content],\n      [data-expand-button] {\n        display: none;\n      }\n    }\n\n    [data-separator='line-info'] [data-separator-wrapper] {\n      [data-expand-both],\n      [data-expand-down],\n      [data-expand-up] {\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n      }\n    }\n\n    @media (pointer: fine) {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        &[data-separator-multi-button] {\n          [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: unset;\n          }\n\n          [data-expand-down] {\n            border-bottom-left-radius: 6px;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: coarse) {\n    [data-separator='line-info-basic']\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px 34px auto;\n\n      [data-separator-content] {\n        grid-column: unset;\n        grid-row: unset;\n      }\n    }\n\n    @supports (width: 1cqi) {\n      [data-separator='line-info'] [data-separator-wrapper] {\n        [data-expand-both],\n        [data-expand-down],\n        [data-expand-up] {\n          border-top-left-radius: 6px;\n          border-bottom-left-radius: 6px;\n        }\n\n        &[data-separator-multi-button] {\n          [data-expand-up] {\n            border-top-left-radius: 6px;\n            border-bottom-left-radius: 6px;\n          }\n\n          [data-expand-down] {\n            border-bottom-left-radius: unset;\n            border-top-left-radius: unset;\n          }\n        }\n      }\n    }\n  }\n\n  @media (pointer: fine) {\n    [data-separator-wrapper][data-separator-multi-button] {\n      display: grid;\n      grid-template-rows: 50% 50%;\n\n      [data-separator-content] {\n        grid-column: 2;\n        grid-row: 1 / -1;\n        min-width: min-content;\n      }\n\n      [data-expand-button] {\n        grid-column: 1;\n      }\n    }\n\n    [data-separator='line-info'] [data-separator-wrapper],\n    [data-separator='line-info']\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: 34px auto;\n    }\n\n    [data-separator='line-info-basic'][data-expand-index]\n      [data-separator-wrapper] {\n      grid-template-columns: 100% auto;\n    }\n\n    [data-separator='line-info'],\n    [data-separator='line-info-basic'] {\n      [data-separator-multi-button] {\n        [data-expand-up] {\n          border-bottom: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n        [data-expand-down] {\n          border-top: 1px solid var(--diffs-bg);\n          border-right: 2px solid var(--diffs-bg);\n        }\n      }\n    }\n  }\n\n  /* Hunk separator content is duplicated across gutters and content columns,\n   * so custom CSS can do some stuff. Lets hide things for defaults */\n  [data-additions] [data-gutter] [data-separator-wrapper],\n  [data-additions] [data-separator='line-info-basic'] [data-separator-wrapper],\n  [data-content] [data-separator-wrapper] {\n    display: none;\n  }\n\n  [data-line-annotation] {\n    min-height: var(--diffs-annotation-min-height, 0);\n    z-index: 2;\n  }\n\n  [data-merge-conflict-actions] {\n    z-index: 2;\n  }\n\n  [data-separator='custom'] {\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-line],\n  [data-column-number],\n  [data-no-newline] {\n    position: relative;\n    padding-inline: 1ch;\n  }\n\n  [data-indicators='classic'] [data-line] {\n    padding-inline-start: 2ch;\n  }\n\n  [data-indicators='classic'] {\n    [data-line-type='change-addition'],\n    [data-line-type='change-deletion'] {\n      &[data-no-newline],\n      &[data-line] {\n        &::before {\n          display: inline-block;\n          width: 1ch;\n          height: 1lh;\n          position: absolute;\n          top: 0;\n          left: 0;\n          user-select: none;\n        }\n      }\n    }\n\n    [data-line-type='change-addition'] {\n      &[data-line],\n      &[data-no-newline] {\n        &::before {\n          content: '+';\n          color: var(--diffs-addition-base);\n        }\n      }\n    }\n\n    [data-line-type='change-deletion'] {\n      &[data-line],\n      &[data-no-newline] {\n        &::before {\n          content: '-';\n          color: var(--diffs-deletion-base);\n        }\n      }\n    }\n  }\n\n  [data-indicators='bars'] {\n    [data-line-type='change-deletion'],\n    [data-line-type='change-addition'] {\n      &[data-column-number] {\n        &::before {\n          content: '';\n          display: block;\n          width: 4px;\n          height: 100%;\n          position: absolute;\n          top: 0;\n          left: 0;\n          user-select: none;\n          contain: strict;\n        }\n      }\n    }\n\n    [data-line-type='change-deletion'] {\n      &[data-column-number] {\n        &::before {\n          background-image: linear-gradient(\n            0deg,\n            var(--diffs-bg-deletion) 50%,\n            var(--diffs-deletion-base) 50%\n          );\n          background-repeat: repeat;\n          background-size: 2px 2px;\n          background-size: calc(1lh / round(1lh / 2px))\n            calc(1lh / round(1lh / 2px));\n        }\n      }\n    }\n\n    [data-line-type='change-addition'] {\n      &[data-column-number] {\n        &::before {\n          background-color: var(--diffs-addition-base);\n        }\n      }\n    }\n  }\n\n  [data-overflow='wrap'] {\n    [data-line],\n    [data-annotation-content] {\n      white-space: pre-wrap;\n      word-break: break-word;\n    }\n  }\n\n  [data-overflow='scroll'] [data-line] {\n    white-space: pre;\n    min-height: 1lh;\n  }\n\n  [data-column-number] {\n    box-sizing: content-box;\n    text-align: right;\n    user-select: none;\n    color: var(--diffs-fg-number);\n    padding-left: 2ch;\n  }\n\n  [data-line-number-content] {\n    display: inline-block;\n    min-width: var(\n      --diffs-min-number-column-width,\n      var(--diffs-min-number-column-width-default, 3ch)\n    );\n    position: relative;\n    z-index: 1;\n  }\n\n  [data-disable-line-numbers] {\n    [data-gutter-buffer],\n    [data-column-number] {\n      min-width: 4px;\n      padding: 0;\n\n      &::before {\n        min-width: 0;\n      }\n    }\n\n    [data-line-number-content] {\n      display: none;\n    }\n\n    [data-gutter-utility-slot] {\n      right: unset;\n      left: 0;\n      justify-content: flex-start;\n    }\n\n    &[data-indicators='bars'] [data-gutter-utility-slot] {\n      /* Using 5px here because theres a 2px separator after the bar */\n      left: 6px;\n    }\n  }\n\n  [data-file][data-disable-line-numbers] {\n    [data-gutter-buffer],\n    [data-column-number] {\n      min-width: 0;\n      border-right: 0;\n    }\n  }\n\n  [data-diff-span] {\n    border-radius: 3px;\n    box-decoration-break: clone;\n  }\n\n  [data-line-type='change-addition'] [data-diff-span] {\n    background-color: var(--diffs-bg-addition-emphasis);\n  }\n\n  [data-line-type='change-deletion'] [data-diff-span] {\n    background-color: var(--diffs-bg-deletion-emphasis);\n  }\n\n  [data-merge-conflict='marker-start'],\n  [data-merge-conflict='marker-base'],\n  [data-merge-conflict='marker-separator'],\n  [data-merge-conflict='marker-end'] {\n    padding-left: 1ch;\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict='marker-start'],\n  [data-merge-conflict='marker-end'] {\n    display: flex;\n    align-items: center;\n\n    &::after {\n      color: var(--diffs-fg-conflict-marker);\n      font-style: normal;\n      font-size: 0.75rem;\n      line-height: 1.25rem;\n      padding-left: 1ch;\n      font-family: var(\n        --diffs-header-font-family,\n        var(--diffs-header-font-fallback)\n      );\n    }\n  }\n\n  [data-merge-conflict='marker-start']::after {\n    content: '(Current Change)';\n  }\n\n  [data-merge-conflict='marker-end']::after {\n    content: '(Incoming Change)';\n  }\n\n  [data-merge-conflict-actions-content] {\n    display: flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding-inline: 0.5rem;\n    min-height: 1.75rem;\n    font-family: var(\n      --diffs-header-font-family,\n      var(--diffs-header-font-fallback)\n    );\n    font-size: 0.75rem;\n    line-height: 1.2;\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--diffs-fg-number);\n    font: inherit;\n    font-style: normal;\n    cursor: pointer;\n    padding: 0;\n  }\n\n  [data-merge-conflict-action]:hover {\n    color: var(--diffs-fg);\n  }\n\n  [data-merge-conflict-action='current']:hover {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-merge-conflict-action='incoming']:hover {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-merge-conflict-action-separator] {\n    color: var(--diffs-fg-number);\n    opacity: 0.6;\n    user-select: none;\n  }\n\n  /* Default Header Styles */\n  /* --------------------- */\n  [data-diffs-header='default'] {\n    position: relative;\n    background-color: var(--diffs-bg);\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-height: calc(\n      1lh + (var(--diffs-gap-block, var(--diffs-gap-fallback)) * 3)\n    );\n    padding-inline: 16px;\n    top: 0;\n    z-index: 2;\n  }\n\n  [data-header-content] {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    min-width: 0;\n    white-space: nowrap;\n  }\n\n  [data-header-content] [data-prev-name],\n  [data-header-content] [data-title] {\n    direction: rtl;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n    white-space: nowrap;\n  }\n\n  [data-prev-name] {\n    opacity: 0.7;\n  }\n\n  [data-rename-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  [data-diffs-header='default'] [data-metadata] {\n    display: flex;\n    align-items: center;\n    gap: 1ch;\n    white-space: nowrap;\n  }\n\n  [data-diffs-header='default'] [data-additions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-addition-base);\n  }\n\n  [data-diffs-header='default'] [data-deletions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon] {\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n\n  [data-change-icon='change'],\n  [data-change-icon='rename-pure'],\n  [data-change-icon='rename-changed'] {\n    color: var(--diffs-modified-base);\n  }\n\n  [data-change-icon='new'] {\n    color: var(--diffs-addition-base);\n  }\n\n  [data-change-icon='deleted'] {\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-change-icon='file'] {\n    opacity: 0.6;\n  }\n\n  [data-annotation-content] {\n    position: relative;\n    display: flow-root;\n    align-self: flex-start;\n    z-index: 2;\n    min-width: 0;\n    isolation: isolate;\n  }\n\n  /* Sticky positioning has a composite costs, so we should _only_ pay it if we\n   * need to */\n  [data-overflow='scroll'] [data-annotation-content] {\n    position: sticky;\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n  }\n\n  [data-overflow='scroll'] [data-merge-conflict-actions-content] {\n    position: sticky;\n    width: var(--diffs-column-content-width, auto);\n    left: var(--diffs-column-number-width, 0);\n  }\n\n  /* Undo some of the stuff that the 'pre' tag does */\n  [data-annotation-slot] {\n    text-wrap-mode: wrap;\n    word-break: normal;\n    white-space-collapse: collapse;\n  }\n\n  [data-gutter-utility-slot] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    justify-content: flex-end;\n    touch-action: none;\n  }\n\n  [data-utility-button] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    appearance: none;\n    width: 1lh;\n    height: 1lh;\n    margin-right: calc((1lh - 1ch) * -1);\n    padding: 0;\n    cursor: pointer;\n    font-size: var(--diffs-font-size, 13px);\n    line-height: var(--diffs-line-height, 20px);\n    border-radius: 4px;\n    background-color: var(--diffs-modified-base);\n    color: var(--diffs-bg);\n    fill: currentColor;\n    position: relative;\n    z-index: 4;\n    touch-action: none;\n\n    &::before {\n      content: '';\n      display: block;\n      position: absolute;\n      inset: 0 0 0 -4px;\n    }\n  }\n\n  /* Decoration Bars */\n  /* --------------- */\n  [data-decoration-bar-stack] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: -2px;\n    width: 6px;\n    pointer-events: none;\n    isolation: isolate;\n    z-index: 1;\n    background-color: var(--diffs-decoration-bar-color, transparent);\n    /* overflow: clip visible; */\n    box-sizing: content-box;\n    border-left: 2px solid var(--diffs-bg);\n    border-right: 2px solid var(--diffs-bg);\n\n    [data-decoration-bar-depth='1'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 20%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-depth='2'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 45%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-depth='3'] & {\n      background-color: color-mix(\n        in lab,\n        var(--diffs-bg) 65%,\n        var(--diffs-decoration-bar-color, transparent)\n      );\n    }\n\n    [data-decoration-bar-start] & {\n      border-top-left-radius: 5px;\n      border-top-right-radius: 5px;\n\n      /* &::before { */\n      /*   content: ''; */\n      /*   position: absolute; */\n      /*   box-sizing: content-box; */\n      /*   display: block; */\n      /*   width: 6px; */\n      /*   height: 6px; */\n      /*   z-index: 1; */\n      /*   border-top-left-radius: 3px; */\n      /*   border-top-right-radius: 3px; */\n      /*   border-top: 2px solid var(--diffs-bg); */\n      /*   border-left: 2px solid var(--diffs-bg); */\n      /*   border-right: 2px solid var(--diffs-bg); */\n      /*   left: -2px; */\n      /*   top: -2px; */\n      /* } */\n    }\n\n    [data-decoration-bar-end] & {\n      z-index: 3;\n      border-bottom-left-radius: 5px;\n      border-bottom-right-radius: 5px;\n\n      /* &::after { */\n      /*   content: ''; */\n      /*   position: absolute; */\n      /*   box-sizing: content-box; */\n      /*   display: block; */\n      /*   width: 6px; */\n      /*   height: 6px; */\n      /*   border-bottom-left-radius: 3px; */\n      /*   border-bottom-right-radius: 3px; */\n      /*   border-bottom: 2px solid var(--diffs-bg); */\n      /*   border-left: 2px solid var(--diffs-bg); */\n      /*   border-right: 2px solid var(--diffs-bg); */\n      /*   left: -2px; */\n      /*   bottom: -2px; */\n      /* } */\n    }\n\n    /* [data-decoration-bar-end] & { */\n    /*   border-bottom-left-radius: 5px; */\n    /*   border-bottom-right-radius: 5px; */\n    /*   border-bottom: 2px solid var(--diffs-bg); */\n    /*   border-left: 2px solid var(--diffs-bg); */\n    /*   border-right: 2px solid var(--diffs-bg); */\n    /*   right: -2px; */\n    /*   bottom: -2px; */\n    /*   z-index: 3; */\n    /* } */\n  }\n\n  [data-placeholder] {\n    contain: strict;\n  }\n\n  [data-error-wrapper] {\n    overflow: auto;\n    padding: var(--diffs-gap-block, var(--diffs-gap-fallback))\n      var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    max-height: 400px;\n    scrollbar-width: none;\n\n    [data-error-message] {\n      font-weight: bold;\n      font-size: 18px;\n      color: var(--diffs-deletion-base);\n    }\n\n    [data-error-stack] {\n      color: var(--diffs-fg-number);\n    }\n  }\n}\n"],"mappings":";oBAAA"}

package/dist/types.d.ts

@@ -25,6 +25,7 @@ interface FileContents {
   cacheKey?: string;
 }
 type HighlighterTypes = 'shiki-js' | 'shiki-wasm';
+type HighlightedToken = [char: number, fg: string, text: string];
 type DiffsThemeNames = BundledTheme | 'pierre-dark' | 'pierre-dark-soft' | 'pierre-light' | 'pierre-light-soft' | (string & {});
 type ThemesType = Record<'dark' | 'light', DiffsThemeNames>;
 /**
@@ -553,6 +554,7 @@ interface RenderedFileASTCache {
   options: RenderFileOptions;
   result: ThemedFileResult | undefined;
   renderRange: RenderRange | undefined;
+  isDirty?: boolean;
 }
 interface RenderedDiffASTCache {
   diff: FileDiffMetadata;
@@ -676,6 +678,48 @@ interface StickySpecs {
   topOffset: number;
   height: number;
 }
+interface DiffsEditor<LAnnotation> {
+  syncWithRender(highlighter: DiffsHighlighter, fileContainer: HTMLElement, fileContents: FileContents, lineAnnotations: LineAnnotation<LAnnotation>[] | undefined, renderRange: RenderRange | undefined, editMode?: 'simple' | 'advanced'): void;
+  cleanUp(): void;
+}
+interface DiffsEditorOptions extends BaseCodeOptions {
+  enableGutterUtility?: boolean;
+  enableLineSelection?: boolean;
+  expandUnchanged?: boolean;
+  lineHoverHighlight?: 'disabled' | 'both' | 'number' | 'line';
+}
+interface DiffsBaseComponent {
+  readonly top?: number;
+  readonly options: DiffsEditorOptions;
+  setOptions: (options: Partial<DiffsEditorOptions>) => void;
+  setSelectedLines: (range: {
+    start: number;
+    end: number;
+  } | null) => void;
+  rerender(): void;
+  cleanUp(): void;
+}
+interface DiffsEditableComponent<LAnnotation> extends DiffsBaseComponent {
+  attachEditor: (editor: DiffsEditor<LAnnotation>) => () => void;
+  applyLayoutChange: (textDocument: DiffsTextDocument, newLineAnnotations?: DiffLineAnnotation<LAnnotation>[], shouldUpdateBuffer?: boolean) => void;
+  applyLineChange?: (lines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light') => void;
+}
+interface DiffsTextDocument {
+  lineCount: number;
+  getLineText: (lineNumber: number) => string;
+  getText: () => string;
+}
+interface DiffsEditorSelection {
+  start: {
+    line: number;
+    character: number;
+  };
+  end: {
+    line: number;
+    character: number;
+  };
+  direction: 'none' | 'backward' | 'forward';
+}
 //#endregion
-export { AnnotationLineMap, AnnotationSide, AnnotationSpan, AppliedThemeStyleCache, BaseCodeOptions, BaseDiffOptions, BaseDiffOptionsWithDefaults, type BundledLanguage, ChangeContent, ChangeTypes, CodeColumnType, type CodeToHastOptions, CodeViewDiffItem, CodeViewFileItem, CodeViewItem, CodeViewItemScrollTarget, CodeViewLayout, CodeViewLineScrollTarget, CodeViewPositionScrollTarget, CodeViewRangeScrollTarget, CodeViewScrollBehavior, CodeViewScrollTarget, ConflictResolverTypes, ContextContent, type CreatePatchOptionsNonabortable, CustomPreProperties, type DecorationItem, DiffAcceptRejectHunkConfig, DiffAcceptRejectHunkType, DiffIndicators, DiffLineAnnotation, DiffLineEventBaseProps, DiffTokenEventBaseProps, DiffsHighlighter, DiffsThemeNames, ExpansionDirections, ExtensionFormatMap, FileContents, FileDiffMetadata, FileHeaderRenderMode, ForceDiffPlainTextOptions, ForceFilePlainTextOptions, GapSpan, HighlighterTypes, Hunk, HunkData, HunkExpansionRegion, HunkLineType, HunkSeparators, type LanguageRegistration, LineAnnotation, LineDiffTypes, LineEventBaseProps, LineInfo, LineSpans, LineTypes, MergeConflictActionPayload, MergeConflictMarkerRow, MergeConflictMarkerRowType, MergeConflictRegion, MergeConflictResolution, NumericScrollLineAnchor, ObservedAnnotationNodes, ObservedGridNodes, ParsedPatch, PendingCodeViewLayoutReset, PostRenderPhase, PrePropertiesConfig, ProcessFileConflictData, RenderDiffFilesResult, RenderDiffOptions, RenderDiffResult, RenderFileMetadata, RenderFileOptions, RenderFileResult, RenderHeaderMetadataCallback, RenderHeaderPrefixCallback, RenderRange, RenderWindow, RenderedDiffASTCache, RenderedFileASTCache, SelectedLineRange, SelectionPoint, SelectionSide, SharedRenderState, type ShikiTransformer, SmoothScrollSettings, StickySpecs, SupportedLanguages, type ThemeRegistrationResolved, ThemeTypes, ThemedDiffResult, ThemedFileResult, type ThemedToken, ThemesType, TokenEventBase, VirtualFileMetrics, VirtualWindowSpecs };
+export { AnnotationLineMap, AnnotationSide, AnnotationSpan, AppliedThemeStyleCache, BaseCodeOptions, BaseDiffOptions, BaseDiffOptionsWithDefaults, type BundledLanguage, ChangeContent, ChangeTypes, CodeColumnType, type CodeToHastOptions, CodeViewDiffItem, CodeViewFileItem, CodeViewItem, CodeViewItemScrollTarget, CodeViewLayout, CodeViewLineScrollTarget, CodeViewPositionScrollTarget, CodeViewRangeScrollTarget, CodeViewScrollBehavior, CodeViewScrollTarget, ConflictResolverTypes, ContextContent, type CreatePatchOptionsNonabortable, CustomPreProperties, type DecorationItem, DiffAcceptRejectHunkConfig, DiffAcceptRejectHunkType, DiffIndicators, DiffLineAnnotation, DiffLineEventBaseProps, DiffTokenEventBaseProps, DiffsBaseComponent, DiffsEditableComponent, DiffsEditor, DiffsEditorOptions, DiffsEditorSelection, DiffsHighlighter, DiffsTextDocument, DiffsThemeNames, ExpansionDirections, ExtensionFormatMap, FileContents, FileDiffMetadata, FileHeaderRenderMode, ForceDiffPlainTextOptions, ForceFilePlainTextOptions, GapSpan, HighlightedToken, HighlighterTypes, Hunk, HunkData, HunkExpansionRegion, HunkLineType, HunkSeparators, type LanguageRegistration, LineAnnotation, LineDiffTypes, LineEventBaseProps, LineInfo, LineSpans, LineTypes, MergeConflictActionPayload, MergeConflictMarkerRow, MergeConflictMarkerRowType, MergeConflictRegion, MergeConflictResolution, NumericScrollLineAnchor, ObservedAnnotationNodes, ObservedGridNodes, ParsedPatch, PendingCodeViewLayoutReset, PostRenderPhase, PrePropertiesConfig, ProcessFileConflictData, RenderDiffFilesResult, RenderDiffOptions, RenderDiffResult, RenderFileMetadata, RenderFileOptions, RenderFileResult, RenderHeaderMetadataCallback, RenderHeaderPrefixCallback, RenderRange, RenderWindow, RenderedDiffASTCache, RenderedFileASTCache, SelectedLineRange, SelectionPoint, SelectionSide, SharedRenderState, type ShikiTransformer, SmoothScrollSettings, StickySpecs, SupportedLanguages, type ThemeRegistrationResolved, ThemeTypes, ThemedDiffResult, ThemedFileResult, type ThemedToken, ThemesType, TokenEventBase, VirtualFileMetrics, VirtualWindowSpecs };
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":["CreatePatchOptionsNonabortable","ElementContent","BundledLanguage","BundledTheme","CodeToHastOptions","DecorationItem","HighlighterGeneric","LanguageRegistration","ShikiTransformer","ThemedToken","ThemeRegistrationResolved","CodeViewScrollBehavior","FileContents","SupportedLanguages","HighlighterTypes","DiffsThemeNames","ThemesType","Record","DiffsHighlighter","ChangeTypes","ParsedPatch","FileDiffMetadata","ContextContent","ChangeContent","Hunk","MergeConflictMarkerRowType","MergeConflictMarkerRow","HunkLineType","ThemeTypes","PostRenderPhase","HunkSeparators","LineDiffTypes","DiffIndicators","BaseCodeOptions","BaseDiffOptions","BaseDiffOptionsWithDefaults","Omit","Required","CustomPreProperties","PrePropertiesConfig","Pick","FileHeaderRenderMode","RenderHeaderMetadataCallback","Element","RenderHeaderPrefixCallback","RenderFileMetadata","ExtensionFormatMap","AnnotationSide","SelectionSide","SelectedLineRange","OptionalMetadata","T","LineAnnotation","DiffLineAnnotation","CodeViewFileItem","CodeViewDiffItem","CodeViewItem","CodeViewPositionScrollTarget","CodeViewLineScrollTarget","CodeViewRangeScrollTarget","NumericScrollLineAnchor","CodeViewItemScrollTarget","CodeViewScrollTarget","MergeConflictResolution","MergeConflictRegion","MergeConflictActionPayload","GapSpan","LineSpans","AnnotationSpan","LineTypes","LineInfo","SharedRenderState","LineEventBaseProps","HTMLElement","DiffLineEventBaseProps","TokenEventBase","DiffTokenEventBaseProps","ObservedAnnotationNodes","ObservedGridNodes","CodeColumnType","HunkData","AnnotationLineMap","LAnnotation","ExpansionDirections","ThemedFileResult","RenderDiffFilesResult","ThemedDiffResult","HunkExpansionRegion","ForceDiffPlainTextOptions","Map","ForceFilePlainTextOptions","RenderFileOptions","RenderDiffOptions","RenderFileResult","RenderDiffResult","RenderedFileASTCache","RenderRange","RenderedDiffASTCache","RenderWindow","VirtualWindowSpecs","VirtualFileMetrics","PendingCodeViewLayoutReset","CodeViewLayout","SmoothScrollSettings","SelectionPoint","DiffAcceptRejectHunkType","ConflictResolverTypes","DiffAcceptRejectHunkConfig","ProcessFileConflictData","AppliedThemeStyleCache","StickySpecs"],"sources":["../src/types.d.ts"],"sourcesContent":["import type { CreatePatchOptionsNonabortable } from 'diff';\nimport type { ElementContent } from 'hast';\nimport type { BundledLanguage, BundledTheme, CodeToHastOptions, DecorationItem, HighlighterGeneric, LanguageRegistration, ShikiTransformer, ThemedToken, ThemeRegistrationResolved } from 'shiki';\nexport type { CreatePatchOptionsNonabortable };\nexport type CodeViewScrollBehavior = 'instant' | 'smooth' | 'smooth-auto';\n/**\n * Represents a file's contents for generating diffs via `parseDiffFromFile` or\n * for when rendering a file directly using the File components\n */\nexport interface FileContents {\n    /** Filename used for display in headers and for inferring the language for\n     * syntax highlighting. */\n    name: string;\n    /** The raw text contents of the file. */\n    contents: string;\n    /** Explicitly set the syntax highlighting language instead of inferring from\n     * filename. Generally you should not be setting this. */\n    lang?: SupportedLanguages;\n    /** Optional header passed to the jsdiff library's `createTwoFilesPatch`. */\n    header?: string;\n    /** This unique key is only used for Worker Pools to avoid subsequent requests\n     * if we've already highlighted the file.  Please note that if you modify the\n     * `contents` or `name`, you must update the `cacheKey`. */\n    cacheKey?: string;\n}\nexport type HighlighterTypes = 'shiki-js' | 'shiki-wasm';\nexport type { BundledLanguage, CodeToHastOptions, DecorationItem, LanguageRegistration, ShikiTransformer, ThemeRegistrationResolved, ThemedToken, };\nexport type DiffsThemeNames = BundledTheme | 'pierre-dark' | 'pierre-dark-soft' | 'pierre-light' | 'pierre-light-soft' | (string & {});\nexport type ThemesType = Record<'dark' | 'light', DiffsThemeNames>;\n/**\n * A Shiki highlighter instance configured with the library's supported\n * languages and themes. Used internally to generate syntax-highlighted AST\n * from file contents. By default diffs will ensure that only 1 highlighter is\n * instantiated per thread and shared for all syntax highlighting.  This\n * applies to the main thread and worker threads.\n */\nexport type DiffsHighlighter = HighlighterGeneric<SupportedLanguages, DiffsThemeNames>;\n/**\n * Describes the type of change for a file in a diff.\n * - `change`: File content was modified, name unchanged.\n * - `rename-pure`: File was renamed/moved without content changes (100% similarity).\n * - `rename-changed`: File was renamed/moved and content was also modified.\n * - `new`: A new file was added.\n * - `deleted`: An existing file was removed.\n */\nexport type ChangeTypes = 'change' | 'rename-pure' | 'rename-changed' | 'new' | 'deleted';\n/**\n * Represents a parsed patch file, typically corresponding to a single commit.\n * Returned by `parsePatchFiles` when parsing raw patch/diff strings.\n */\nexport interface ParsedPatch {\n    /** Optional raw introductory text before the file diffs that may have been\n     * included in the patch (e.g., commit message, author, date). */\n    patchMetadata?: string;\n    /** Array of file changes contained in the patch. */\n    files: FileDiffMetadata[];\n}\n/**\n * Represents a block of unchanged context lines within a hunk.  Basically a\n * batch of lines in a hunk that are prefixed with a space ` `.  Consecutive\n * lines prefixed with a ` ` are grouped together into a single ContextContent.\n */\nexport interface ContextContent {\n    type: 'context';\n    /** Number of unchanged lines in this context block. */\n    lines: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.additionLines` where this context\n     * block starts.\n     */\n    additionLineIndex: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.deletionLines` where this context\n     * block starts.\n     */\n    deletionLineIndex: number;\n}\n/**\n * Represents a block of changes (additions and/or deletions) within a hunk.\n * Consecutive `+` and `-` lines are grouped together into a single\n * ChangeContent.\n */\nexport interface ChangeContent {\n    type: 'change';\n    /** Number of lines prefixed with `-` in this change block. */\n    deletions: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.deletionLines` where the deleted\n     * lines start.\n     */\n    deletionLineIndex: number;\n    /** Number of lines prefixed with `+` in this change block. */\n    additions: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.additionLines` where the added\n     * lines start.\n     */\n    additionLineIndex: number;\n}\n/**\n * Represents a single hunk from a diff, corresponding to\n * one `@@ ... @@` block.\n */\nexport interface Hunk {\n    /**\n     * Number of unchanged lines between the previous hunk (or file start) and\n     * this hunk.\n     */\n    collapsedBefore: number;\n    /**\n     * Starting line number in the new file version, parsed from the `+X`\n     * in the hunk header.\n     */\n    additionStart: number;\n    /**\n     * Total line count in the new file version for this hunk, parsed from\n     * `+X,count` in the hunk header.  If this hunk was viewed in `diffStyle:\n     * split` this would correspond to the number of lines in the right\n     * `additions` column.  It includes both `context` lines and lines\n     * prefixed with `+`.\n     */\n    additionCount: number;\n    /** This corresponds to the number of lines prefixed with `+` in this hunk. */\n    additionLines: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.additionLines` where this hunk's\n     * content starts.\n     */\n    additionLineIndex: number;\n    /**\n     * Starting line number in the old file version, parsed from the `-X`\n     * in the hunk header.\n     */\n    deletionStart: number;\n    /**\n     * Total line count in the old file version for this hunk, parsed from\n     * `-X,count` in the hunk header.  If this hunk was viewed in `diffStyle:\n     * split` this would correspond to the number of lines in the left\n     * `deletions` column.  It includes both `context` lines and lines\n     * prefixed with `-`.\n     */\n    deletionCount: number;\n    /** This corresponds to the number of lines prefixed with `-` in this hunk. */\n    deletionLines: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.deletionLines` where this hunk's\n     * content starts.\n     */\n    deletionLineIndex: number;\n    /**\n     * Array of content segments within this hunk, each representing either\n     * a context line group or a change group.\n     */\n    hunkContent: (ContextContent | ChangeContent)[];\n    /**\n     * Function/method name that appears after the `@@` markers if it existed in\n     * the diff.\n     */\n    hunkContext?: string;\n    /** Raw hunk header string (e.g., `@@ -1,5 +1,7 @@`). */\n    hunkSpecs?: string;\n    /**\n     * Starting line index for this hunk when rendered in split (side-by-side)\n     * view.\n     */\n    splitLineStart: number;\n    /** Total rendered line count for this hunk in split view. */\n    splitLineCount: number;\n    /** Starting line index for this hunk when rendered in unified view. */\n    unifiedLineStart: number;\n    /** Total rendered line count for this hunk in unified view. */\n    unifiedLineCount: number;\n    /**\n     * True if the old file version has no trailing newline at end of file.  This\n     * is parsed from the patch file directly at the end of the hunk.  If the\n     * final hunkContent is a `context` group, then both values will be true or\n     * false together.  If it's from a `change` content group, then it may differ\n     * depending on the patch.\n     */\n    noEOFCRDeletions: boolean;\n    /**\n     * True if the new file version has no trailing newline at end of file.  This\n     * is parsed from the patch file directly at the end of the hunk.  If the\n     * final hunkContent is a `context` group, then both values will be true or\n     * false together.  If it's from a `change` content group, then it may differ\n     * depending on the patch.\n     */\n    noEOFCRAdditions: boolean;\n}\n/**\n * Metadata and content for a single file's diff.  Think of this as a JSON\n * compatible representation of a diff for a single file.\n */\nexport interface FileDiffMetadata {\n    /** The file's name and path. */\n    name: string;\n    /** Previous file path, present only if file was renamed or moved. */\n    prevName?: string;\n    /**\n     * Explicitly override the syntax highlighting language instead of inferring\n     * from filename.  This will never be set by default, since all internal diff\n     * APIs will attempt to detect the language automatically.  If you'd like to\n     * specify a language override, you can do so via the method `setLanguageOverride`\n     */\n    lang?: SupportedLanguages;\n    /**\n     * Object ID for the new file content parsed from the `index` line in a\n     * patch file.\n     */\n    newObjectId?: string;\n    /**\n     * Object ID for the previous file content parsed from the `index` line in a\n     * patch file.\n     */\n    prevObjectId?: string;\n    /**\n     * Git file mode parsed from the diff (e.g., `100644` for regular files) when\n     * present in the patch metadata.\n     */\n    mode?: string;\n    /** Previous git file mode, present if the mode changed. */\n    prevMode?: string;\n    /** The type of change for this file. */\n    type: ChangeTypes;\n    /** Array of diff hunks containing line-level change information.  Each hunk\n     * corresponds to a `@@ -X,X +X,X @@` group in a diff. */\n    hunks: Hunk[];\n    /** Pre-computed line size for this diff if rendered in `split` diffStyle. */\n    splitLineCount: number;\n    /** Pre-computed line size for this diff if rendered in `unified` diffStyle. */\n    unifiedLineCount: number;\n    /**\n     * Whether the diff was parsed from a patch file (true) or generated from\n     * full file contents (false).\n     *\n     * When true, `deletionLines`/`additionLines` contain only the lines present\n     * in the patch and hunk expansion is unavailable.\n     *\n     * When false, they contain the complete file contents.\n     */\n    isPartial: boolean;\n    /**\n     * Array of lines from previous version of the file. If `isPartial` is false,\n     * it means that `deletionLines` can be considered the entire contents of the\n     * old version of the file.  Otherwise `deletionLines` will just be an array\n     * of all the content processed from the `context` and `deletion` lines of\n     * the patch.\n     */\n    deletionLines: string[];\n    /**\n     * Array of lines from new version of the file. If `isPartial` is false, it\n     * means that `additionLines` can be considered the entire contents of the\n     * new version of the file.  Otherwise `additionLines` will just be an array\n     * of all the content processed from the `context` and `addition` lines of\n     * the patch.\n     */\n    additionLines: string[];\n    /**\n     * This unique key is only used for Worker Pools to avoid subsequent requests\n     * to highlight if we've already highlighted the diff.  Please note that if\n     * you modify the contents of the diff in any way, you will need to update\n     * the `cacheKey`.\n     */\n    cacheKey?: string;\n}\nexport type MergeConflictMarkerRowType = 'marker-start' | 'marker-base' | 'marker-separator' | 'marker-end';\nexport interface MergeConflictMarkerRow {\n    type: MergeConflictMarkerRowType;\n    hunkIndex: number;\n    /** Index into `hunk.hunkContent` for the structural block this row belongs to. */\n    contentIndex: number;\n    conflictIndex: number;\n    lineText: string;\n    /** Unified rendered-row index where this virtual row should be injected. */\n    lineIndex: number;\n}\nexport type SupportedLanguages = BundledLanguage | 'text' | 'ansi' | (string & {});\nexport type HunkLineType = 'context' | 'expanded' | 'addition' | 'deletion' | 'metadata';\nexport type ThemeTypes = 'system' | 'light' | 'dark';\nexport type PostRenderPhase = 'mount' | 'update' | 'unmount';\n/**\n * The `'custom'` variant is deprecated and will be removed in a future version.\n */\nexport type HunkSeparators = 'simple' | 'metadata' | 'line-info' | 'line-info-basic' | 'custom';\nexport type LineDiffTypes = 'word-alt' | 'word' | 'char' | 'none';\nexport type DiffIndicators = 'classic' | 'bars' | 'none';\nexport interface BaseCodeOptions {\n    theme?: DiffsThemeNames | ThemesType;\n    disableLineNumbers?: boolean;\n    overflow?: 'scroll' | 'wrap';\n    themeType?: ThemeTypes;\n    collapsed?: boolean;\n    disableFileHeader?: boolean;\n    disableVirtualizationBuffers?: boolean;\n    stickyHeader?: boolean;\n    preferredHighlighter?: HighlighterTypes;\n    useCSSClasses?: boolean;\n    useTokenTransformer?: boolean;\n    tokenizeMaxLineLength?: number;\n    tokenizeMaxLength?: number;\n    unsafeCSS?: string;\n}\nexport interface BaseDiffOptions extends BaseCodeOptions {\n    diffStyle?: 'unified' | 'split';\n    diffIndicators?: DiffIndicators;\n    disableBackground?: boolean;\n    hunkSeparators?: HunkSeparators;\n    expandUnchanged?: boolean;\n    collapsedContextThreshold?: number;\n    lineDiffType?: LineDiffTypes;\n    maxLineDiffLength?: number;\n    expansionLineCount?: number;\n    /**\n     * Options forwarded to the underlying diff algorithm when computing diffs\n     * from file contents (oldFile/newFile). Has no effect on pre-parsed patches.\n     */\n    parseDiffOptions?: CreatePatchOptionsNonabortable;\n}\nexport type BaseDiffOptionsWithDefaults = Required<Omit<BaseDiffOptions, 'unsafeCSS' | 'preferredHighlighter' | 'parseDiffOptions'>>;\nexport type CustomPreProperties = Record<string, string | number | undefined>;\nexport interface PrePropertiesConfig extends Required<Pick<BaseDiffOptions, 'diffIndicators' | 'disableBackground' | 'disableLineNumbers' | 'overflow'>> {\n    type: 'diff' | 'file';\n    split: boolean;\n    totalLines: number;\n    customProperties?: CustomPreProperties;\n}\nexport type FileHeaderRenderMode = 'default' | 'custom';\nexport type RenderHeaderMetadataCallback = (fileDiff: FileDiffMetadata) => Element | string | number | null | undefined;\nexport type RenderHeaderPrefixCallback = (fileDiff: FileDiffMetadata) => Element | string | number | null | undefined;\nexport type RenderFileMetadata = (file: FileContents) => Element | string | number | null | undefined;\nexport type ExtensionFormatMap = Record<string, SupportedLanguages | undefined>;\nexport type AnnotationSide = 'deletions' | 'additions';\nexport type SelectionSide = 'deletions' | 'additions';\nexport interface SelectedLineRange {\n    start: number;\n    side?: SelectionSide;\n    end: number;\n    endSide?: SelectionSide;\n}\ntype OptionalMetadata<T> = T extends undefined ? {\n    metadata?: undefined;\n} : {\n    metadata: T;\n};\nexport type LineAnnotation<T = undefined> = {\n    lineNumber: number;\n} & OptionalMetadata<T>;\nexport type DiffLineAnnotation<T = undefined> = {\n    side: AnnotationSide;\n    lineNumber: number;\n} & OptionalMetadata<T>;\nexport type CodeViewFileItem<T = undefined> = {\n    id: string;\n    type: 'file';\n    file: FileContents;\n    annotations?: LineAnnotation<T>[];\n    version?: number;\n    collapsed?: boolean;\n};\nexport type CodeViewDiffItem<T = undefined> = {\n    id: string;\n    type: 'diff';\n    fileDiff: FileDiffMetadata;\n    annotations?: DiffLineAnnotation<T>[];\n    version?: number;\n    collapsed?: boolean;\n};\nexport type CodeViewItem<T = undefined> = CodeViewFileItem<T> | CodeViewDiffItem<T>;\nexport interface CodeViewPositionScrollTarget {\n    type: 'position';\n    position: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport interface CodeViewLineScrollTarget {\n    type: 'line';\n    id: string;\n    lineNumber: number;\n    side?: SelectionSide;\n    align?: 'start' | 'center' | 'end' | 'nearest';\n    offset?: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport interface CodeViewRangeScrollTarget {\n    type: 'range';\n    id: string;\n    range: SelectedLineRange;\n    align?: 'start' | 'center' | 'end' | 'nearest';\n    offset?: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport interface NumericScrollLineAnchor {\n    lineNumber: number;\n    top: number;\n    side?: SelectionSide;\n}\nexport interface CodeViewItemScrollTarget {\n    type: 'item';\n    id: string;\n    align?: 'start' | 'center' | 'end' | 'nearest';\n    offset?: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport type CodeViewScrollTarget = CodeViewPositionScrollTarget | CodeViewLineScrollTarget | CodeViewRangeScrollTarget | CodeViewItemScrollTarget;\nexport type MergeConflictResolution = 'current' | 'incoming' | 'both';\nexport interface MergeConflictRegion {\n    conflictIndex: number;\n    startLineIndex: number;\n    startLineNumber: number;\n    separatorLineIndex: number;\n    separatorLineNumber: number;\n    endLineIndex: number;\n    endLineNumber: number;\n    baseMarkerLineIndex?: number;\n    baseMarkerLineNumber?: number;\n}\nexport interface MergeConflictActionPayload {\n    resolution: MergeConflictResolution;\n    conflict: MergeConflictRegion;\n}\nexport interface GapSpan {\n    type: 'gap';\n    rows: number;\n}\nexport type LineSpans = GapSpan | AnnotationSpan;\nexport type LineTypes = 'change-deletion' | 'change-addition' | 'context' | 'context-expanded';\nexport interface LineInfo {\n    type: LineTypes;\n    lineNumber: number;\n    altLineNumber?: number;\n    lineIndex: number | `${number},${number}`;\n}\nexport interface SharedRenderState {\n    lineInfo: (LineInfo | undefined)[] | ((shikiLineNumber: number) => LineInfo);\n}\nexport interface AnnotationSpan {\n    type: 'annotation';\n    hunkIndex: number;\n    lineIndex: number;\n    annotations: string[];\n}\nexport interface LineEventBaseProps {\n    type: 'line';\n    lineNumber: number;\n    lineElement: HTMLElement;\n    numberElement: HTMLElement;\n    numberColumn: boolean;\n}\nexport interface DiffLineEventBaseProps extends Omit<LineEventBaseProps, 'type'> {\n    type: 'diff-line';\n    annotationSide: AnnotationSide;\n    lineType: LineTypes;\n}\nexport interface TokenEventBase {\n    type: 'token';\n    lineNumber: number;\n    lineCharStart: number;\n    lineCharEnd: number;\n    tokenText: string;\n    tokenElement: HTMLElement;\n}\nexport interface DiffTokenEventBaseProps extends TokenEventBase {\n    side: AnnotationSide;\n}\nexport interface ObservedAnnotationNodes {\n    type: 'annotations';\n    column1: {\n        container: HTMLElement;\n        child: HTMLElement;\n        childHeight: number;\n    };\n    column2: {\n        container: HTMLElement;\n        child: HTMLElement;\n        childHeight: number;\n    };\n    currentHeight: number | 'auto';\n}\nexport interface ObservedGridNodes {\n    type: 'code';\n    codeElement: HTMLElement;\n    numberElement: HTMLElement | null;\n    codeWidth: number | 'auto';\n    numberWidth: number;\n}\nexport type CodeColumnType = 'unified' | 'additions' | 'deletions';\nexport interface HunkData {\n    slotName: string;\n    hunkIndex: number;\n    lines: number;\n    type: CodeColumnType;\n    expandable?: {\n        chunked: boolean;\n        up: boolean;\n        down: boolean;\n    };\n}\nexport type AnnotationLineMap<LAnnotation> = Record<number, DiffLineAnnotation<LAnnotation>[] | undefined>;\nexport type ExpansionDirections = 'up' | 'down' | 'both';\nexport interface ThemedFileResult {\n    code: ElementContent[];\n    themeStyles: string;\n    baseThemeType: 'light' | 'dark' | undefined;\n}\nexport interface RenderDiffFilesResult {\n    deletionLines: ElementContent[];\n    additionLines: ElementContent[];\n}\nexport interface ThemedDiffResult {\n    code: RenderDiffFilesResult;\n    themeStyles: string;\n    baseThemeType: 'light' | 'dark' | undefined;\n}\nexport interface HunkExpansionRegion {\n    fromStart: number;\n    fromEnd: number;\n}\nexport interface ForceDiffPlainTextOptions {\n    forcePlainText: boolean;\n    startingLine?: number;\n    totalLines?: number;\n    expandedHunks?: Map<number, HunkExpansionRegion> | true;\n    collapsedContextThreshold?: number;\n}\nexport interface ForceFilePlainTextOptions {\n    forcePlainText: boolean;\n    startingLine?: number;\n    totalLines?: number;\n    lines?: string[];\n}\nexport interface RenderFileOptions {\n    theme: DiffsThemeNames | Record<'dark' | 'light', DiffsThemeNames>;\n    useTokenTransformer: boolean;\n    tokenizeMaxLineLength: number;\n}\nexport interface RenderDiffOptions {\n    theme: DiffsThemeNames | Record<'dark' | 'light', DiffsThemeNames>;\n    useTokenTransformer: boolean;\n    tokenizeMaxLineLength: number;\n    lineDiffType: LineDiffTypes;\n    maxLineDiffLength: number;\n}\nexport interface RenderFileResult {\n    result: ThemedFileResult;\n    options: RenderFileOptions;\n}\nexport interface RenderDiffResult {\n    result: ThemedDiffResult;\n    options: RenderDiffOptions;\n}\nexport interface RenderedFileASTCache {\n    file: FileContents;\n    highlighted: boolean;\n    options: RenderFileOptions;\n    result: ThemedFileResult | undefined;\n    renderRange: RenderRange | undefined;\n}\nexport interface RenderedDiffASTCache {\n    diff: FileDiffMetadata;\n    highlighted: boolean;\n    options: RenderDiffOptions;\n    result: ThemedDiffResult | undefined;\n    renderRange: RenderRange | undefined;\n}\nexport interface RenderRange {\n    startingLine: number;\n    totalLines: number;\n    bufferBefore: number;\n    bufferAfter: number;\n}\nexport interface RenderWindow {\n    top: number;\n    bottom: number;\n}\nexport interface VirtualWindowSpecs {\n    /** Absolute top edge of the active virtual window in scroll-space pixels. */\n    top: number;\n    /** Absolute bottom edge of the active virtual window in scroll-space pixels. */\n    bottom: number;\n}\nexport interface VirtualFileMetrics {\n    /** Number of rendered lines per hunk chunk when virtualization batches line rendering. */\n    hunkLineCount: number;\n    /** Estimated single-line row height used before a line is measured. */\n    lineHeight: number;\n    /** Height reserved for the file or diff header region. */\n    diffHeaderHeight: number;\n    /** Height reserved for each collapsed-context separator row. Only set this\n     * if you customized the size of hunk separators via unsafeCSS */\n    hunkSeparatorHeight?: number;\n    /** Vertical spacing used around hunks and file-level padding. You should not\n     * change this from the default if you aren't applying custom CSS */\n    spacing: number;\n    /** Optional top padding applied after the file header, or before content\n     * when the header is disabled. Defaults to 0 with a header, otherwise\n     * defaults to spacing if header is disabled */\n    paddingTop?: number;\n    /** Optional bottom padding applied after file content, and only if there is\n     * code for the diff. Defaults to spacing if none provided */\n    paddingBottom?: number;\n}\nexport interface PendingCodeViewLayoutReset {\n    metrics?: VirtualFileMetrics;\n    resetFileLayoutCache: boolean;\n    resetDiffLayoutCache: boolean;\n    includeEstimatedDiffHeights: boolean;\n}\nexport interface CodeViewLayout {\n    /** Top padding applied to the CodeView sticky container offset. */\n    paddingTop: number;\n    /** Bottom padding added after the final rendered item in CodeView. */\n    paddingBottom: number;\n    /** Vertical gap between virtualized CodeView items. */\n    gap: number;\n}\nexport interface SmoothScrollSettings {\n    /**\n     * Natural frequency of the critically-damped spring, in rad/ms. 99% settle\n     * takes roughly `6.6 / omega`; 0.015 gives ~440ms. Raise for a snappier\n     * animation; lower for a longer glide.\n     */\n    omega: number;\n    /**\n     * Distance from destination (in CSS pixels) below which the spring is\n     * considered settled. Must also clear `velocityEpsilon` before the\n     * animation actually stops and snaps to destination.\n     */\n    positionEpsilon: number;\n    /**\n     * Velocity magnitude (in CSS pixels per millisecond) below which the\n     * spring is considered effectively stationary. Pairs with\n     * `positionEpsilon` to gate the settle transition.\n     */\n    velocityEpsilon: number;\n}\nexport interface SelectionPoint {\n    lineNumber: number;\n    side: SelectionSide | undefined;\n}\nexport type DiffAcceptRejectHunkType = 'accept' | 'reject' | 'both';\nexport type ConflictResolverTypes = 'current' | 'incoming' | 'both';\nexport interface DiffAcceptRejectHunkConfig {\n    type: DiffAcceptRejectHunkType;\n    changeIndex: number;\n}\n/**\n * Unresolved merge conflict indexes use three different coordinate spaces:\n * - source line indexes live on `conflict.*LineIndex`\n * - hunk-content indexes live on the fields below, with `startContentIndex`\n *   serving as both the conflict-range start and the start-marker anchor\n * - rendered row indexes live on unresolved `markerRows`\n */\nexport interface ProcessFileConflictData {\n    /** Index of the hunk that owns this unresolved conflict. */\n    hunkIndex: number;\n    /** First hunk-content entry that belongs to the conflict region. */\n    startContentIndex: number;\n    /** Last hunk-content entry that belongs to the conflict region. */\n    endContentIndex: number;\n    /** Hunk-content index for the current/ours change block. */\n    currentContentIndex?: number;\n    /** Hunk-content index for the optional base context block. */\n    baseContentIndex?: number;\n    /** Hunk-content index for the incoming/theirs change block. */\n    incomingContentIndex?: number;\n    /** Hunk-content index that anchors the end marker row. */\n    endMarkerContentIndex: number;\n}\nexport interface AppliedThemeStyleCache {\n    theme: DiffsThemeNames | ThemesType;\n    themeStyles: string;\n    themeType: ThemeTypes;\n    baseThemeType: 'light' | 'dark' | undefined;\n    scrollbarGutter: number | undefined;\n}\nexport interface StickySpecs {\n    topOffset: number;\n    height: number;\n}\n//# sourceMappingURL=types.d.ts.map"],"mappings":"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"}
+{"version":3,"file":"types.d.ts","names":["CreatePatchOptionsNonabortable","ElementContent","BundledLanguage","BundledTheme","CodeToHastOptions","DecorationItem","HighlighterGeneric","LanguageRegistration","ShikiTransformer","ThemedToken","ThemeRegistrationResolved","CodeViewScrollBehavior","FileContents","SupportedLanguages","HighlighterTypes","HighlightedToken","DiffsThemeNames","ThemesType","Record","DiffsHighlighter","ChangeTypes","ParsedPatch","FileDiffMetadata","ContextContent","ChangeContent","Hunk","MergeConflictMarkerRowType","MergeConflictMarkerRow","HunkLineType","ThemeTypes","PostRenderPhase","HunkSeparators","LineDiffTypes","DiffIndicators","BaseCodeOptions","BaseDiffOptions","BaseDiffOptionsWithDefaults","Omit","Required","CustomPreProperties","PrePropertiesConfig","Pick","FileHeaderRenderMode","RenderHeaderMetadataCallback","Element","RenderHeaderPrefixCallback","RenderFileMetadata","ExtensionFormatMap","AnnotationSide","SelectionSide","SelectedLineRange","OptionalMetadata","T","LineAnnotation","DiffLineAnnotation","CodeViewFileItem","CodeViewDiffItem","CodeViewItem","CodeViewPositionScrollTarget","CodeViewLineScrollTarget","CodeViewRangeScrollTarget","NumericScrollLineAnchor","CodeViewItemScrollTarget","CodeViewScrollTarget","MergeConflictResolution","MergeConflictRegion","MergeConflictActionPayload","GapSpan","LineSpans","AnnotationSpan","LineTypes","LineInfo","SharedRenderState","LineEventBaseProps","HTMLElement","DiffLineEventBaseProps","TokenEventBase","DiffTokenEventBaseProps","ObservedAnnotationNodes","ObservedGridNodes","CodeColumnType","HunkData","AnnotationLineMap","LAnnotation","ExpansionDirections","ThemedFileResult","RenderDiffFilesResult","ThemedDiffResult","HunkExpansionRegion","ForceDiffPlainTextOptions","Map","ForceFilePlainTextOptions","RenderFileOptions","RenderDiffOptions","RenderFileResult","RenderDiffResult","RenderedFileASTCache","RenderRange","RenderedDiffASTCache","RenderWindow","VirtualWindowSpecs","VirtualFileMetrics","PendingCodeViewLayoutReset","CodeViewLayout","SmoothScrollSettings","SelectionPoint","DiffAcceptRejectHunkType","ConflictResolverTypes","DiffAcceptRejectHunkConfig","ProcessFileConflictData","AppliedThemeStyleCache","StickySpecs","DiffsEditor","DiffsEditorOptions","DiffsBaseComponent","Partial","DiffsEditableComponent","DiffsTextDocument","Array","DiffsEditorSelection"],"sources":["../src/types.d.ts"],"sourcesContent":["import type { CreatePatchOptionsNonabortable } from 'diff';\nimport type { ElementContent } from 'hast';\nimport type { BundledLanguage, BundledTheme, CodeToHastOptions, DecorationItem, HighlighterGeneric, LanguageRegistration, ShikiTransformer, ThemedToken, ThemeRegistrationResolved } from 'shiki';\nexport type { CreatePatchOptionsNonabortable };\nexport type CodeViewScrollBehavior = 'instant' | 'smooth' | 'smooth-auto';\n/**\n * Represents a file's contents for generating diffs via `parseDiffFromFile` or\n * for when rendering a file directly using the File components\n */\nexport interface FileContents {\n    /** Filename used for display in headers and for inferring the language for\n     * syntax highlighting. */\n    name: string;\n    /** The raw text contents of the file. */\n    contents: string;\n    /** Explicitly set the syntax highlighting language instead of inferring from\n     * filename. Generally you should not be setting this. */\n    lang?: SupportedLanguages;\n    /** Optional header passed to the jsdiff library's `createTwoFilesPatch`. */\n    header?: string;\n    /** This unique key is only used for Worker Pools to avoid subsequent requests\n     * if we've already highlighted the file.  Please note that if you modify the\n     * `contents` or `name`, you must update the `cacheKey`. */\n    cacheKey?: string;\n}\nexport type HighlighterTypes = 'shiki-js' | 'shiki-wasm';\nexport type HighlightedToken = [char: number, fg: string, text: string];\nexport type { BundledLanguage, CodeToHastOptions, DecorationItem, LanguageRegistration, ShikiTransformer, ThemeRegistrationResolved, ThemedToken, };\nexport type DiffsThemeNames = BundledTheme | 'pierre-dark' | 'pierre-dark-soft' | 'pierre-light' | 'pierre-light-soft' | (string & {});\nexport type ThemesType = Record<'dark' | 'light', DiffsThemeNames>;\n/**\n * A Shiki highlighter instance configured with the library's supported\n * languages and themes. Used internally to generate syntax-highlighted AST\n * from file contents. By default diffs will ensure that only 1 highlighter is\n * instantiated per thread and shared for all syntax highlighting.  This\n * applies to the main thread and worker threads.\n */\nexport type DiffsHighlighter = HighlighterGeneric<SupportedLanguages, DiffsThemeNames>;\n/**\n * Describes the type of change for a file in a diff.\n * - `change`: File content was modified, name unchanged.\n * - `rename-pure`: File was renamed/moved without content changes (100% similarity).\n * - `rename-changed`: File was renamed/moved and content was also modified.\n * - `new`: A new file was added.\n * - `deleted`: An existing file was removed.\n */\nexport type ChangeTypes = 'change' | 'rename-pure' | 'rename-changed' | 'new' | 'deleted';\n/**\n * Represents a parsed patch file, typically corresponding to a single commit.\n * Returned by `parsePatchFiles` when parsing raw patch/diff strings.\n */\nexport interface ParsedPatch {\n    /** Optional raw introductory text before the file diffs that may have been\n     * included in the patch (e.g., commit message, author, date). */\n    patchMetadata?: string;\n    /** Array of file changes contained in the patch. */\n    files: FileDiffMetadata[];\n}\n/**\n * Represents a block of unchanged context lines within a hunk.  Basically a\n * batch of lines in a hunk that are prefixed with a space ` `.  Consecutive\n * lines prefixed with a ` ` are grouped together into a single ContextContent.\n */\nexport interface ContextContent {\n    type: 'context';\n    /** Number of unchanged lines in this context block. */\n    lines: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.additionLines` where this context\n     * block starts.\n     */\n    additionLineIndex: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.deletionLines` where this context\n     * block starts.\n     */\n    deletionLineIndex: number;\n}\n/**\n * Represents a block of changes (additions and/or deletions) within a hunk.\n * Consecutive `+` and `-` lines are grouped together into a single\n * ChangeContent.\n */\nexport interface ChangeContent {\n    type: 'change';\n    /** Number of lines prefixed with `-` in this change block. */\n    deletions: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.deletionLines` where the deleted\n     * lines start.\n     */\n    deletionLineIndex: number;\n    /** Number of lines prefixed with `+` in this change block. */\n    additions: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.additionLines` where the added\n     * lines start.\n     */\n    additionLineIndex: number;\n}\n/**\n * Represents a single hunk from a diff, corresponding to\n * one `@@ ... @@` block.\n */\nexport interface Hunk {\n    /**\n     * Number of unchanged lines between the previous hunk (or file start) and\n     * this hunk.\n     */\n    collapsedBefore: number;\n    /**\n     * Starting line number in the new file version, parsed from the `+X`\n     * in the hunk header.\n     */\n    additionStart: number;\n    /**\n     * Total line count in the new file version for this hunk, parsed from\n     * `+X,count` in the hunk header.  If this hunk was viewed in `diffStyle:\n     * split` this would correspond to the number of lines in the right\n     * `additions` column.  It includes both `context` lines and lines\n     * prefixed with `+`.\n     */\n    additionCount: number;\n    /** This corresponds to the number of lines prefixed with `+` in this hunk. */\n    additionLines: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.additionLines` where this hunk's\n     * content starts.\n     */\n    additionLineIndex: number;\n    /**\n     * Starting line number in the old file version, parsed from the `-X`\n     * in the hunk header.\n     */\n    deletionStart: number;\n    /**\n     * Total line count in the old file version for this hunk, parsed from\n     * `-X,count` in the hunk header.  If this hunk was viewed in `diffStyle:\n     * split` this would correspond to the number of lines in the left\n     * `deletions` column.  It includes both `context` lines and lines\n     * prefixed with `-`.\n     */\n    deletionCount: number;\n    /** This corresponds to the number of lines prefixed with `-` in this hunk. */\n    deletionLines: number;\n    /**\n     * Zero-based index into `FileDiffMetadata.deletionLines` where this hunk's\n     * content starts.\n     */\n    deletionLineIndex: number;\n    /**\n     * Array of content segments within this hunk, each representing either\n     * a context line group or a change group.\n     */\n    hunkContent: (ContextContent | ChangeContent)[];\n    /**\n     * Function/method name that appears after the `@@` markers if it existed in\n     * the diff.\n     */\n    hunkContext?: string;\n    /** Raw hunk header string (e.g., `@@ -1,5 +1,7 @@`). */\n    hunkSpecs?: string;\n    /**\n     * Starting line index for this hunk when rendered in split (side-by-side)\n     * view.\n     */\n    splitLineStart: number;\n    /** Total rendered line count for this hunk in split view. */\n    splitLineCount: number;\n    /** Starting line index for this hunk when rendered in unified view. */\n    unifiedLineStart: number;\n    /** Total rendered line count for this hunk in unified view. */\n    unifiedLineCount: number;\n    /**\n     * True if the old file version has no trailing newline at end of file.  This\n     * is parsed from the patch file directly at the end of the hunk.  If the\n     * final hunkContent is a `context` group, then both values will be true or\n     * false together.  If it's from a `change` content group, then it may differ\n     * depending on the patch.\n     */\n    noEOFCRDeletions: boolean;\n    /**\n     * True if the new file version has no trailing newline at end of file.  This\n     * is parsed from the patch file directly at the end of the hunk.  If the\n     * final hunkContent is a `context` group, then both values will be true or\n     * false together.  If it's from a `change` content group, then it may differ\n     * depending on the patch.\n     */\n    noEOFCRAdditions: boolean;\n}\n/**\n * Metadata and content for a single file's diff.  Think of this as a JSON\n * compatible representation of a diff for a single file.\n */\nexport interface FileDiffMetadata {\n    /** The file's name and path. */\n    name: string;\n    /** Previous file path, present only if file was renamed or moved. */\n    prevName?: string;\n    /**\n     * Explicitly override the syntax highlighting language instead of inferring\n     * from filename.  This will never be set by default, since all internal diff\n     * APIs will attempt to detect the language automatically.  If you'd like to\n     * specify a language override, you can do so via the method `setLanguageOverride`\n     */\n    lang?: SupportedLanguages;\n    /**\n     * Object ID for the new file content parsed from the `index` line in a\n     * patch file.\n     */\n    newObjectId?: string;\n    /**\n     * Object ID for the previous file content parsed from the `index` line in a\n     * patch file.\n     */\n    prevObjectId?: string;\n    /**\n     * Git file mode parsed from the diff (e.g., `100644` for regular files) when\n     * present in the patch metadata.\n     */\n    mode?: string;\n    /** Previous git file mode, present if the mode changed. */\n    prevMode?: string;\n    /** The type of change for this file. */\n    type: ChangeTypes;\n    /** Array of diff hunks containing line-level change information.  Each hunk\n     * corresponds to a `@@ -X,X +X,X @@` group in a diff. */\n    hunks: Hunk[];\n    /** Pre-computed line size for this diff if rendered in `split` diffStyle. */\n    splitLineCount: number;\n    /** Pre-computed line size for this diff if rendered in `unified` diffStyle. */\n    unifiedLineCount: number;\n    /**\n     * Whether the diff was parsed from a patch file (true) or generated from\n     * full file contents (false).\n     *\n     * When true, `deletionLines`/`additionLines` contain only the lines present\n     * in the patch and hunk expansion is unavailable.\n     *\n     * When false, they contain the complete file contents.\n     */\n    isPartial: boolean;\n    /**\n     * Array of lines from previous version of the file. If `isPartial` is false,\n     * it means that `deletionLines` can be considered the entire contents of the\n     * old version of the file.  Otherwise `deletionLines` will just be an array\n     * of all the content processed from the `context` and `deletion` lines of\n     * the patch.\n     */\n    deletionLines: string[];\n    /**\n     * Array of lines from new version of the file. If `isPartial` is false, it\n     * means that `additionLines` can be considered the entire contents of the\n     * new version of the file.  Otherwise `additionLines` will just be an array\n     * of all the content processed from the `context` and `addition` lines of\n     * the patch.\n     */\n    additionLines: string[];\n    /**\n     * This unique key is only used for Worker Pools to avoid subsequent requests\n     * to highlight if we've already highlighted the diff.  Please note that if\n     * you modify the contents of the diff in any way, you will need to update\n     * the `cacheKey`.\n     */\n    cacheKey?: string;\n}\nexport type MergeConflictMarkerRowType = 'marker-start' | 'marker-base' | 'marker-separator' | 'marker-end';\nexport interface MergeConflictMarkerRow {\n    type: MergeConflictMarkerRowType;\n    hunkIndex: number;\n    /** Index into `hunk.hunkContent` for the structural block this row belongs to. */\n    contentIndex: number;\n    conflictIndex: number;\n    lineText: string;\n    /** Unified rendered-row index where this virtual row should be injected. */\n    lineIndex: number;\n}\nexport type SupportedLanguages = BundledLanguage | 'text' | 'ansi' | (string & {});\nexport type HunkLineType = 'context' | 'expanded' | 'addition' | 'deletion' | 'metadata';\nexport type ThemeTypes = 'system' | 'light' | 'dark';\nexport type PostRenderPhase = 'mount' | 'update' | 'unmount';\n/**\n * The `'custom'` variant is deprecated and will be removed in a future version.\n */\nexport type HunkSeparators = 'simple' | 'metadata' | 'line-info' | 'line-info-basic' | 'custom';\nexport type LineDiffTypes = 'word-alt' | 'word' | 'char' | 'none';\nexport type DiffIndicators = 'classic' | 'bars' | 'none';\nexport interface BaseCodeOptions {\n    theme?: DiffsThemeNames | ThemesType;\n    disableLineNumbers?: boolean;\n    overflow?: 'scroll' | 'wrap';\n    themeType?: ThemeTypes;\n    collapsed?: boolean;\n    disableFileHeader?: boolean;\n    disableVirtualizationBuffers?: boolean;\n    stickyHeader?: boolean;\n    preferredHighlighter?: HighlighterTypes;\n    useCSSClasses?: boolean;\n    useTokenTransformer?: boolean;\n    tokenizeMaxLineLength?: number;\n    tokenizeMaxLength?: number;\n    unsafeCSS?: string;\n}\nexport interface BaseDiffOptions extends BaseCodeOptions {\n    diffStyle?: 'unified' | 'split';\n    diffIndicators?: DiffIndicators;\n    disableBackground?: boolean;\n    hunkSeparators?: HunkSeparators;\n    expandUnchanged?: boolean;\n    collapsedContextThreshold?: number;\n    lineDiffType?: LineDiffTypes;\n    maxLineDiffLength?: number;\n    expansionLineCount?: number;\n    /**\n     * Options forwarded to the underlying diff algorithm when computing diffs\n     * from file contents (oldFile/newFile). Has no effect on pre-parsed patches.\n     */\n    parseDiffOptions?: CreatePatchOptionsNonabortable;\n}\nexport type BaseDiffOptionsWithDefaults = Required<Omit<BaseDiffOptions, 'unsafeCSS' | 'preferredHighlighter' | 'parseDiffOptions'>>;\nexport type CustomPreProperties = Record<string, string | number | undefined>;\nexport interface PrePropertiesConfig extends Required<Pick<BaseDiffOptions, 'diffIndicators' | 'disableBackground' | 'disableLineNumbers' | 'overflow'>> {\n    type: 'diff' | 'file';\n    split: boolean;\n    totalLines: number;\n    customProperties?: CustomPreProperties;\n}\nexport type FileHeaderRenderMode = 'default' | 'custom';\nexport type RenderHeaderMetadataCallback = (fileDiff: FileDiffMetadata) => Element | string | number | null | undefined;\nexport type RenderHeaderPrefixCallback = (fileDiff: FileDiffMetadata) => Element | string | number | null | undefined;\nexport type RenderFileMetadata = (file: FileContents) => Element | string | number | null | undefined;\nexport type ExtensionFormatMap = Record<string, SupportedLanguages | undefined>;\nexport type AnnotationSide = 'deletions' | 'additions';\nexport type SelectionSide = 'deletions' | 'additions';\nexport interface SelectedLineRange {\n    start: number;\n    side?: SelectionSide;\n    end: number;\n    endSide?: SelectionSide;\n}\ntype OptionalMetadata<T> = T extends undefined ? {\n    metadata?: undefined;\n} : {\n    metadata: T;\n};\nexport type LineAnnotation<T = undefined> = {\n    lineNumber: number;\n} & OptionalMetadata<T>;\nexport type DiffLineAnnotation<T = undefined> = {\n    side: AnnotationSide;\n    lineNumber: number;\n} & OptionalMetadata<T>;\nexport type CodeViewFileItem<T = undefined> = {\n    id: string;\n    type: 'file';\n    file: FileContents;\n    annotations?: LineAnnotation<T>[];\n    version?: number;\n    collapsed?: boolean;\n};\nexport type CodeViewDiffItem<T = undefined> = {\n    id: string;\n    type: 'diff';\n    fileDiff: FileDiffMetadata;\n    annotations?: DiffLineAnnotation<T>[];\n    version?: number;\n    collapsed?: boolean;\n};\nexport type CodeViewItem<T = undefined> = CodeViewFileItem<T> | CodeViewDiffItem<T>;\nexport interface CodeViewPositionScrollTarget {\n    type: 'position';\n    position: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport interface CodeViewLineScrollTarget {\n    type: 'line';\n    id: string;\n    lineNumber: number;\n    side?: SelectionSide;\n    align?: 'start' | 'center' | 'end' | 'nearest';\n    offset?: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport interface CodeViewRangeScrollTarget {\n    type: 'range';\n    id: string;\n    range: SelectedLineRange;\n    align?: 'start' | 'center' | 'end' | 'nearest';\n    offset?: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport interface NumericScrollLineAnchor {\n    lineNumber: number;\n    top: number;\n    side?: SelectionSide;\n}\nexport interface CodeViewItemScrollTarget {\n    type: 'item';\n    id: string;\n    align?: 'start' | 'center' | 'end' | 'nearest';\n    offset?: number;\n    behavior?: CodeViewScrollBehavior;\n}\nexport type CodeViewScrollTarget = CodeViewPositionScrollTarget | CodeViewLineScrollTarget | CodeViewRangeScrollTarget | CodeViewItemScrollTarget;\nexport type MergeConflictResolution = 'current' | 'incoming' | 'both';\nexport interface MergeConflictRegion {\n    conflictIndex: number;\n    startLineIndex: number;\n    startLineNumber: number;\n    separatorLineIndex: number;\n    separatorLineNumber: number;\n    endLineIndex: number;\n    endLineNumber: number;\n    baseMarkerLineIndex?: number;\n    baseMarkerLineNumber?: number;\n}\nexport interface MergeConflictActionPayload {\n    resolution: MergeConflictResolution;\n    conflict: MergeConflictRegion;\n}\nexport interface GapSpan {\n    type: 'gap';\n    rows: number;\n}\nexport type LineSpans = GapSpan | AnnotationSpan;\nexport type LineTypes = 'change-deletion' | 'change-addition' | 'context' | 'context-expanded';\nexport interface LineInfo {\n    type: LineTypes;\n    lineNumber: number;\n    altLineNumber?: number;\n    lineIndex: number | `${number},${number}`;\n}\nexport interface SharedRenderState {\n    lineInfo: (LineInfo | undefined)[] | ((shikiLineNumber: number) => LineInfo);\n}\nexport interface AnnotationSpan {\n    type: 'annotation';\n    hunkIndex: number;\n    lineIndex: number;\n    annotations: string[];\n}\nexport interface LineEventBaseProps {\n    type: 'line';\n    lineNumber: number;\n    lineElement: HTMLElement;\n    numberElement: HTMLElement;\n    numberColumn: boolean;\n}\nexport interface DiffLineEventBaseProps extends Omit<LineEventBaseProps, 'type'> {\n    type: 'diff-line';\n    annotationSide: AnnotationSide;\n    lineType: LineTypes;\n}\nexport interface TokenEventBase {\n    type: 'token';\n    lineNumber: number;\n    lineCharStart: number;\n    lineCharEnd: number;\n    tokenText: string;\n    tokenElement: HTMLElement;\n}\nexport interface DiffTokenEventBaseProps extends TokenEventBase {\n    side: AnnotationSide;\n}\nexport interface ObservedAnnotationNodes {\n    type: 'annotations';\n    column1: {\n        container: HTMLElement;\n        child: HTMLElement;\n        childHeight: number;\n    };\n    column2: {\n        container: HTMLElement;\n        child: HTMLElement;\n        childHeight: number;\n    };\n    currentHeight: number | 'auto';\n}\nexport interface ObservedGridNodes {\n    type: 'code';\n    codeElement: HTMLElement;\n    numberElement: HTMLElement | null;\n    codeWidth: number | 'auto';\n    numberWidth: number;\n}\nexport type CodeColumnType = 'unified' | 'additions' | 'deletions';\nexport interface HunkData {\n    slotName: string;\n    hunkIndex: number;\n    lines: number;\n    type: CodeColumnType;\n    expandable?: {\n        chunked: boolean;\n        up: boolean;\n        down: boolean;\n    };\n}\nexport type AnnotationLineMap<LAnnotation> = Record<number, DiffLineAnnotation<LAnnotation>[] | undefined>;\nexport type ExpansionDirections = 'up' | 'down' | 'both';\nexport interface ThemedFileResult {\n    code: ElementContent[];\n    themeStyles: string;\n    baseThemeType: 'light' | 'dark' | undefined;\n}\nexport interface RenderDiffFilesResult {\n    deletionLines: ElementContent[];\n    additionLines: ElementContent[];\n}\nexport interface ThemedDiffResult {\n    code: RenderDiffFilesResult;\n    themeStyles: string;\n    baseThemeType: 'light' | 'dark' | undefined;\n}\nexport interface HunkExpansionRegion {\n    fromStart: number;\n    fromEnd: number;\n}\nexport interface ForceDiffPlainTextOptions {\n    forcePlainText: boolean;\n    startingLine?: number;\n    totalLines?: number;\n    expandedHunks?: Map<number, HunkExpansionRegion> | true;\n    collapsedContextThreshold?: number;\n}\nexport interface ForceFilePlainTextOptions {\n    forcePlainText: boolean;\n    startingLine?: number;\n    totalLines?: number;\n    lines?: string[];\n}\nexport interface RenderFileOptions {\n    theme: DiffsThemeNames | Record<'dark' | 'light', DiffsThemeNames>;\n    useTokenTransformer: boolean;\n    tokenizeMaxLineLength: number;\n}\nexport interface RenderDiffOptions {\n    theme: DiffsThemeNames | Record<'dark' | 'light', DiffsThemeNames>;\n    useTokenTransformer: boolean;\n    tokenizeMaxLineLength: number;\n    lineDiffType: LineDiffTypes;\n    maxLineDiffLength: number;\n}\nexport interface RenderFileResult {\n    result: ThemedFileResult;\n    options: RenderFileOptions;\n}\nexport interface RenderDiffResult {\n    result: ThemedDiffResult;\n    options: RenderDiffOptions;\n}\nexport interface RenderedFileASTCache {\n    file: FileContents;\n    highlighted: boolean;\n    options: RenderFileOptions;\n    result: ThemedFileResult | undefined;\n    renderRange: RenderRange | undefined;\n    isDirty?: boolean;\n}\nexport interface RenderedDiffASTCache {\n    diff: FileDiffMetadata;\n    highlighted: boolean;\n    options: RenderDiffOptions;\n    result: ThemedDiffResult | undefined;\n    renderRange: RenderRange | undefined;\n}\nexport interface RenderRange {\n    startingLine: number;\n    totalLines: number;\n    bufferBefore: number;\n    bufferAfter: number;\n}\nexport interface RenderWindow {\n    top: number;\n    bottom: number;\n}\nexport interface VirtualWindowSpecs {\n    /** Absolute top edge of the active virtual window in scroll-space pixels. */\n    top: number;\n    /** Absolute bottom edge of the active virtual window in scroll-space pixels. */\n    bottom: number;\n}\nexport interface VirtualFileMetrics {\n    /** Number of rendered lines per hunk chunk when virtualization batches line rendering. */\n    hunkLineCount: number;\n    /** Estimated single-line row height used before a line is measured. */\n    lineHeight: number;\n    /** Height reserved for the file or diff header region. */\n    diffHeaderHeight: number;\n    /** Height reserved for each collapsed-context separator row. Only set this\n     * if you customized the size of hunk separators via unsafeCSS */\n    hunkSeparatorHeight?: number;\n    /** Vertical spacing used around hunks and file-level padding. You should not\n     * change this from the default if you aren't applying custom CSS */\n    spacing: number;\n    /** Optional top padding applied after the file header, or before content\n     * when the header is disabled. Defaults to 0 with a header, otherwise\n     * defaults to spacing if header is disabled */\n    paddingTop?: number;\n    /** Optional bottom padding applied after file content, and only if there is\n     * code for the diff. Defaults to spacing if none provided */\n    paddingBottom?: number;\n}\nexport interface PendingCodeViewLayoutReset {\n    metrics?: VirtualFileMetrics;\n    resetFileLayoutCache: boolean;\n    resetDiffLayoutCache: boolean;\n    includeEstimatedDiffHeights: boolean;\n}\nexport interface CodeViewLayout {\n    /** Top padding applied to the CodeView sticky container offset. */\n    paddingTop: number;\n    /** Bottom padding added after the final rendered item in CodeView. */\n    paddingBottom: number;\n    /** Vertical gap between virtualized CodeView items. */\n    gap: number;\n}\nexport interface SmoothScrollSettings {\n    /**\n     * Natural frequency of the critically-damped spring, in rad/ms. 99% settle\n     * takes roughly `6.6 / omega`; 0.015 gives ~440ms. Raise for a snappier\n     * animation; lower for a longer glide.\n     */\n    omega: number;\n    /**\n     * Distance from destination (in CSS pixels) below which the spring is\n     * considered settled. Must also clear `velocityEpsilon` before the\n     * animation actually stops and snaps to destination.\n     */\n    positionEpsilon: number;\n    /**\n     * Velocity magnitude (in CSS pixels per millisecond) below which the\n     * spring is considered effectively stationary. Pairs with\n     * `positionEpsilon` to gate the settle transition.\n     */\n    velocityEpsilon: number;\n}\nexport interface SelectionPoint {\n    lineNumber: number;\n    side: SelectionSide | undefined;\n}\nexport type DiffAcceptRejectHunkType = 'accept' | 'reject' | 'both';\nexport type ConflictResolverTypes = 'current' | 'incoming' | 'both';\nexport interface DiffAcceptRejectHunkConfig {\n    type: DiffAcceptRejectHunkType;\n    changeIndex: number;\n}\n/**\n * Unresolved merge conflict indexes use three different coordinate spaces:\n * - source line indexes live on `conflict.*LineIndex`\n * - hunk-content indexes live on the fields below, with `startContentIndex`\n *   serving as both the conflict-range start and the start-marker anchor\n * - rendered row indexes live on unresolved `markerRows`\n */\nexport interface ProcessFileConflictData {\n    /** Index of the hunk that owns this unresolved conflict. */\n    hunkIndex: number;\n    /** First hunk-content entry that belongs to the conflict region. */\n    startContentIndex: number;\n    /** Last hunk-content entry that belongs to the conflict region. */\n    endContentIndex: number;\n    /** Hunk-content index for the current/ours change block. */\n    currentContentIndex?: number;\n    /** Hunk-content index for the optional base context block. */\n    baseContentIndex?: number;\n    /** Hunk-content index for the incoming/theirs change block. */\n    incomingContentIndex?: number;\n    /** Hunk-content index that anchors the end marker row. */\n    endMarkerContentIndex: number;\n}\nexport interface AppliedThemeStyleCache {\n    theme: DiffsThemeNames | ThemesType;\n    themeStyles: string;\n    themeType: ThemeTypes;\n    baseThemeType: 'light' | 'dark' | undefined;\n    scrollbarGutter: number | undefined;\n}\nexport interface StickySpecs {\n    topOffset: number;\n    height: number;\n}\nexport interface DiffsEditor<LAnnotation> {\n    syncWithRender(highlighter: DiffsHighlighter, fileContainer: HTMLElement, fileContents: FileContents, lineAnnotations: LineAnnotation<LAnnotation>[] | undefined, renderRange: RenderRange | undefined, editMode?: 'simple' | 'advanced'): void;\n    cleanUp(): void;\n}\nexport interface DiffsEditorOptions extends BaseCodeOptions {\n    enableGutterUtility?: boolean;\n    enableLineSelection?: boolean;\n    expandUnchanged?: boolean;\n    lineHoverHighlight?: 'disabled' | 'both' | 'number' | 'line';\n}\nexport interface DiffsBaseComponent {\n    readonly top?: number;\n    readonly options: DiffsEditorOptions;\n    setOptions: (options: Partial<DiffsEditorOptions>) => void;\n    setSelectedLines: (range: {\n        start: number;\n        end: number;\n    } | null) => void;\n    rerender(): void;\n    cleanUp(): void;\n}\nexport interface DiffsEditableComponent<LAnnotation> extends DiffsBaseComponent {\n    attachEditor: (editor: DiffsEditor<LAnnotation>) => () => void;\n    applyLayoutChange: (textDocument: DiffsTextDocument, newLineAnnotations?: DiffLineAnnotation<LAnnotation>[], shouldUpdateBuffer?: boolean) => void;\n    applyLineChange?: (lines: Map<number, Array<HighlightedToken>>, themeType: 'dark' | 'light') => void;\n}\nexport interface DiffsTextDocument {\n    lineCount: number;\n    getLineText: (lineNumber: number) => string;\n    getText: () => string;\n}\nexport interface DiffsEditorSelection {\n    start: {\n        line: number;\n        character: number;\n    };\n    end: {\n        line: number;\n        character: number;\n    };\n    direction: 'none' | 'backward' | 'forward';\n}\n//# sourceMappingURL=types.d.ts.map"],"mappings":"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"}

package/dist/utils/cleanLastNewline.js

@@ -1,6 +1,11 @@
 //#region src/utils/cleanLastNewline.ts
 function cleanLastNewline(contents) {
-	return contents.replace(/\n$|\r\n$/, "");
+	let end = contents.length;
+	if (contents.charCodeAt(end - 1) === 10) {
+		end--;
+		if (contents.charCodeAt(end - 1) === 13) end--;
+	}
+	return contents.slice(0, end);
 }
 
 //#endregion

package/dist/utils/cleanLastNewline.js.map

@@ -1 +1 @@
-{"version":3,"file":"cleanLastNewline.js","names":[],"sources":["../../src/utils/cleanLastNewline.ts"],"sourcesContent":["export function cleanLastNewline(contents: string): string {\n  return contents.replace(/\\n$|\\r\\n$/, '');\n}\n"],"mappings":";AAAA,SAAgB,iBAAiB,UAA0B;AACzD,QAAO,SAAS,QAAQ,aAAa,GAAG"}
+{"version":3,"file":"cleanLastNewline.js","names":[],"sources":["../../src/utils/cleanLastNewline.ts"],"sourcesContent":["export function cleanLastNewline(contents: string): string {\n  let end = contents.length;\n  if (contents.charCodeAt(end - 1) === /* \\n */ 10) {\n    end--;\n    if (contents.charCodeAt(end - 1) === /* \\r */ 13) {\n      end--;\n    }\n  }\n  return contents.slice(0, end);\n}\n"],"mappings":";AAAA,SAAgB,iBAAiB,UAA0B;CACzD,IAAI,MAAM,SAAS;AACnB,KAAI,SAAS,WAAW,MAAM,EAAE,KAAc,IAAI;AAChD;AACA,MAAI,SAAS,WAAW,MAAM,EAAE,KAAc,GAC5C;;AAGJ,QAAO,SAAS,MAAM,GAAG,IAAI"}

package/dist/utils/computeFileOffsets.d.ts

@@ -0,0 +1,13 @@
+//#region src/utils/computeFileOffsets.d.ts
+/**
+ * Computes line start offsets for a string.
+ */
+declare function computeLineOffsets(contents: string): number[];
+/**
+ * Splits file contents into lines aligned with {@link computeLineOffsets}.
+ * Unlike splitFileContents, a trailing newline produces a final empty line.
+ */
+declare function linesFromFileContents(contents: string): string[];
+//#endregion
+export { computeLineOffsets, linesFromFileContents };
+//# sourceMappingURL=computeFileOffsets.d.ts.map

package/dist/utils/computeFileOffsets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFileOffsets.d.ts","names":["computeLineOffsets","linesFromFileContents"],"sources":["../../src/utils/computeFileOffsets.d.ts"],"sourcesContent":["/**\n * Computes line start offsets for a string.\n */\nexport declare function computeLineOffsets(contents: string): number[];\n/**\n * Splits file contents into lines aligned with {@link computeLineOffsets}.\n * Unlike splitFileContents, a trailing newline produces a final empty line.\n */\nexport declare function linesFromFileContents(contents: string): string[];\n//# sourceMappingURL=computeFileOffsets.d.ts.map"],"mappings":";;AAGA;AAKA;iBALwBA,kBAAAA;;;;;iBAKAC,qBAAAA"}

package/dist/utils/computeFileOffsets.js

@@ -0,0 +1,33 @@
+//#region src/utils/computeFileOffsets.ts
+const LINE_FEED = 10;
+const CARRIAGE_RETURN = 13;
+/**
+* Computes line start offsets for a string.
+*/
+function computeLineOffsets(contents) {
+	const offsets = [0];
+	for (let i = 0; i < contents.length; i++) {
+		const char = contents.charCodeAt(i);
+		if (char === LINE_FEED || char === CARRIAGE_RETURN) {
+			if (char === CARRIAGE_RETURN && i + 1 < contents.length && contents.charCodeAt(i + 1) === LINE_FEED) i++;
+			offsets.push(i + 1);
+		}
+	}
+	return offsets;
+}
+/**
+* Splits file contents into lines aligned with {@link computeLineOffsets}.
+* Unlike splitFileContents, a trailing newline produces a final empty line.
+*/
+function linesFromFileContents(contents) {
+	const offsets = computeLineOffsets(contents);
+	return Array.from({ length: offsets.length }, (_, i) => {
+		const start = offsets[i];
+		const end = offsets[i + 1] ?? contents.length;
+		return contents.slice(start, end);
+	});
+}
+
+//#endregion
+export { computeLineOffsets, linesFromFileContents };
+//# sourceMappingURL=computeFileOffsets.js.map

package/dist/utils/computeFileOffsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeFileOffsets.js","names":["offsets: number[]"],"sources":["../../src/utils/computeFileOffsets.ts"],"sourcesContent":["const LINE_FEED = 10; // \\n\nconst CARRIAGE_RETURN = 13; // \\r\n\n/**\n * Computes line start offsets for a string.\n */\nexport function computeLineOffsets(contents: string): number[] {\n  const offsets: number[] = [0];\n  for (let i = 0; i < contents.length; i++) {\n    const char = contents.charCodeAt(i);\n    if (char === LINE_FEED || char === CARRIAGE_RETURN) {\n      if (\n        char === CARRIAGE_RETURN &&\n        i + 1 < contents.length &&\n        contents.charCodeAt(i + 1) === LINE_FEED\n      ) {\n        i++;\n      }\n      offsets.push(i + 1);\n    }\n  }\n  return offsets;\n}\n\n/**\n * Splits file contents into lines aligned with {@link computeLineOffsets}.\n * Unlike splitFileContents, a trailing newline produces a final empty line.\n */\nexport function linesFromFileContents(contents: string): string[] {\n  const offsets = computeLineOffsets(contents);\n  const lines = Array.from({ length: offsets.length }, (_, i) => {\n    const start = offsets[i];\n    const end = offsets[i + 1] ?? contents.length;\n    return contents.slice(start, end);\n  });\n  return lines;\n}\n"],"mappings":";AAAA,MAAM,YAAY;AAClB,MAAM,kBAAkB;;;;AAKxB,SAAgB,mBAAmB,UAA4B;CAC7D,MAAMA,UAAoB,CAAC,EAAE;AAC7B,MAAK,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;EACxC,MAAM,OAAO,SAAS,WAAW,EAAE;AACnC,MAAI,SAAS,aAAa,SAAS,iBAAiB;AAClD,OACE,SAAS,mBACT,IAAI,IAAI,SAAS,UACjB,SAAS,WAAW,IAAI,EAAE,KAAK,UAE/B;AAEF,WAAQ,KAAK,IAAI,EAAE;;;AAGvB,QAAO;;;;;;AAOT,SAAgB,sBAAsB,UAA4B;CAChE,MAAM,UAAU,mBAAmB,SAAS;AAM5C,QALc,MAAM,KAAK,EAAE,QAAQ,QAAQ,QAAQ,GAAG,GAAG,MAAM;EAC7D,MAAM,QAAQ,QAAQ;EACtB,MAAM,MAAM,QAAQ,IAAI,MAAM,SAAS;AACvC,SAAO,SAAS,MAAM,OAAO,IAAI;GACjC"}

package/dist/utils/createTransformerWithState.js

@@ -51,6 +51,15 @@ function createTransformerWithState(useTokenTransformer = false, useCSSClasses =
 		} : null
 	}];
 	if (useCSSClasses) transformers.push(tokenStyleNormalizer, toClass);
+	if (useTokenTransformer) transformers.push({ line: (node) => {
+		if (node.type === "element" && node.children.length === 0) node.children.push({
+			type: "element",
+			tagName: "br",
+			properties: {},
+			children: []
+		});
+		return node;
+	} });
 	return {
 		state,
 		transformers,