@pierre/diffs 1.0.7 → 1.1.0-beta.1

package/dist/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../src/style.css"],"sourcesContent":["@layer base, theme, unsafe;\n\n@layer base {\n  :host {\n    --diffs-bg: #fff;\n    --diffs-fg: #000;\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\n    /*\n    // Available CSS Color Overrides\n    --diffs-bg-buffer-override\n    --diffs-bg-hover-override\n    --diffs-bg-context-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\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-hover-override\n    --diffs-bg-deletion-emphasis-override\n\n    --diffs-bg-addition-override\n    --diffs-bg-addition-number-override\n    --diffs-bg-addition-hover-override\n    --diffs-bg-addition-emphasis-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    --diffs-bg-selection-background-override\n    --diffs-bg-selection-number-background-override\n\n    // Available CSS Layout Overrides\n    --diffs-gap-inline\n    --diffs-gap-block\n    --diffs-gap-style\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\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    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  *,\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-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-diffs-header],\n  [data-diffs],\n  [data-error-wrapper] {\n    --diffs-bg: light-dark(var(--diffs-light-bg), var(--diffs-dark-bg));\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-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-hover: var(\n      --diffs-bg-hover-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 97%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 91%, 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-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), var(--diffs-dark));\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\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, rgb(255, 0, 0))\n        ),\n        var(\n          --diffs-dark-deletion-color,\n          var(--diffs-deletion-color, rgb(255, 0, 0))\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, rgb(0, 255, 0))\n        ),\n        var(\n          --diffs-dark-addition-color,\n          var(--diffs-addition-color, rgb(0, 255, 0))\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, rgb(0, 0, 255))\n        ),\n        var(\n          --diffs-dark-modified-color,\n          var(--diffs-modified-color, rgb(0, 0, 255))\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-number: var(\n      --diffs-bg-deletion-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-deletion-base))\n      )\n    );\n    --diffs-bg-deletion-hover: var(\n      --diffs-bg-deletion-hover-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 75%, 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-number: var(\n      --diffs-bg-addition-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-addition-base))\n      )\n    );\n    --diffs-bg-addition-hover: var(\n      --diffs-bg-addition-hover-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 70%, 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    --diffs-bg-selection: var(\n      --diffs-bg-selection-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 82%, var(--diffs-selection-base)),\n        color-mix(in lab, var(--diffs-bg) 75%, var(--diffs-selection-base))\n      )\n    );\n    --diffs-bg-selection-number: var(\n      --diffs-bg-selection-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 75%, var(--diffs-selection-base)),\n        color-mix(in lab, var(--diffs-bg) 60%, var(--diffs-selection-base))\n      )\n    );\n\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  [data-diffs] {\n    --diffs-code-grid: minmax(min-content, max-content) 1fr;\n\n    [data-column-content] span {\n      color: light-dark(\n        var(--diffs-token-light, var(--diffs-light)),\n        var(--diffs-token-dark, var(--diffs-dark))\n      );\n      font-weight: var(--diffs-token-light-font-weight, inherit);\n      font-style: var(--diffs-token-light-font-style, inherit);\n      text-decoration: var(--diffs-token-light-text-decoration, inherit);\n    }\n  }\n\n  /* Since span is a pretty innocuous selector, we need to make sure we don't\n   * apply tokenized BG colors to diff-spans */\n  [data-column-content] span:not([data-diff-span]) {\n    background-color: light-dark(\n      var(--diffs-token-light-bg, inherit),\n      var(--diffs-token-dark-bg, inherit)\n    );\n  }\n\n  [data-column-content] {\n    background-color: var(--diffs-line-bg, 'transparent');\n    grid-column: 2 / 3;\n  }\n\n  [data-diffs][data-dehydrated] {\n    --diffs-code-grid: minmax(min-content, max-content) minmax(0, 1fr);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-diffs-header],\n    [data-diffs] {\n      color-scheme: dark;\n    }\n\n    [data-diffs] [data-column-content] span {\n      font-weight: var(--diffs-token-dark-font-weight, inherit);\n      font-style: var(--diffs-token-dark-font-style, inherit);\n      text-decoration: var(--diffs-token-dark-text-decoration, inherit);\n    }\n  }\n\n  [data-diffs-header][data-theme-type='light'],\n  [data-diffs][data-theme-type='light'] {\n    color-scheme: light;\n  }\n\n  [data-diffs][data-theme-type='light'] [data-column-content] span {\n    font-weight: var(--diffs-token-light-font-weight, inherit);\n    font-style: var(--diffs-token-light-font-style, inherit);\n    text-decoration: var(--diffs-token-light-text-decoration, inherit);\n  }\n\n  [data-diffs-header][data-theme-type='dark'],\n  [data-diffs][data-theme-type='dark'] {\n    color-scheme: dark;\n  }\n\n  [data-diffs][data-theme-type='dark'] [data-column-content] span {\n    font-weight: var(--diffs-token-dark-font-weight, inherit);\n    font-style: var(--diffs-token-dark-font-style, inherit);\n    text-decoration: var(--diffs-token-dark-text-decoration, inherit);\n  }\n\n  [data-type='split'][data-overflow='wrap'] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: repeat(2, var(--diffs-code-grid));\n  }\n\n  [data-type='split'][data-overflow='scroll'] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2px;\n  }\n\n  [data-code] {\n    display: block;\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: var(--diffs-code-grid);\n    overflow: 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(var(--diffs-gap-block, var(--diffs-gap-fallback)) - 6px)\n    );\n  }\n\n  [data-code]::-webkit-scrollbar {\n    width: 0;\n    height: 6px;\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-diffs]:hover [data-code]::-webkit-scrollbar-thumb {\n    background-color: var(--diffs-bg-context);\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][data-type='split'][data-overflow='wrap'] {\n    padding-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n  }\n\n  [data-diffs-header] ~ [data-diffs] [data-code],\n  [data-diffs-header] ~ [data-diffs][data-overflow='wrap'] {\n    padding-top: 0;\n  }\n\n  [data-type='split'][data-overflow='wrap'] [data-code] {\n    display: contents;\n  }\n\n  [data-line-annotation],\n  [data-no-newline],\n  [data-line] {\n    position: relative;\n    display: grid;\n    grid-template-columns: subgrid;\n    grid-column: 1 / 3;\n  }\n\n  [data-line-annotation][data-selected-line] {\n    background-color: unset;\n\n    &::before {\n      content: '';\n      position: sticky;\n      top: 0;\n      left: 0;\n      display: block;\n      border-right: var(--diffs-gap-style, 1px solid var(--diffs-bg));\n      background-color: var(--diffs-bg-selection-number);\n    }\n\n    [data-annotation-content] {\n      background-color: var(--diffs-bg-selection);\n    }\n  }\n\n  [data-interactive-lines] [data-line] {\n    cursor: pointer;\n  }\n\n  [data-buffer] {\n    position: sticky;\n    left: 0;\n    grid-column: 1 / 3;\n    user-select: none;\n    /* We multiply by 1.414 (√2) to better approximate the diagonal repeat distance */\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    min-height: 1lh;\n    width: var(--diffs-column-width, auto);\n  }\n\n  [data-separator] {\n    grid-column: span 2;\n  }\n\n  [data-separator='metadata'],\n  [data-separator]:empty {\n    min-height: 4px;\n    background-color: var(--diffs-bg-separator);\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-separator-wrapper] {\n    user-select: none;\n    fill: currentColor;\n    overflow: hidden;\n  }\n\n  [data-separator='metadata'] [data-separator-wrapper] {\n    grid-column: 2 / 3;\n    width: var(--diffs-column-content-width);\n    position: sticky;\n    left: var(--diffs-column-number-width);\n    padding: 4px 1ch;\n  }\n\n  [data-separator='line-info'] {\n    margin-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\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-separator='line-info'] [data-separator-wrapper] {\n    position: sticky;\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    width: auto;\n    width: calc(var(--diffs-column-width) - var(--diffs-gap-fallback));\n    border-radius: 6px;\n  }\n\n  @media (pointer: fine) {\n    [data-separator-wrapper][data-separator-multi-button] {\n      display: grid;\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: 15px 15px;\n\n      [data-expand-button] {\n        height: 15px;\n      }\n    }\n\n    [data-type='split']\n      [data-additions]\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    [data-type='split'] [data-additions] [data-expand-button] {\n      grid-column: 2;\n    }\n\n    [data-type='split'] [data-additions] [data-separator-content] {\n      grid-column: 1;\n    }\n  }\n\n  [data-expand-button],\n  [data-separator-content] {\n    display: flex;\n    align-items: center;\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-expand-button] {\n    justify-content: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    width: 32px;\n    height: 32px;\n    opacity: 0.65;\n  }\n\n  [data-hover-slot] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  @media (pointer: fine) {\n    [data-expand-button]:hover {\n      opacity: 1;\n    }\n\n    [data-line]:hover {\n      z-index: 2;\n    }\n  }\n\n  [data-expand-up] [data-icon] {\n    transform: scaleY(-1);\n  }\n\n  [data-separator-content] {\n    flex: 1 1 auto;\n    padding: 0 1ch;\n    height: 32px;\n    opacity: 0.65;\n    overflow: hidden;\n    justify-content: flex-start;\n\n    grid-column: 2;\n    grid-row: 1 / -1;\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  [data-type='split'] [data-additions] [data-separator-content] {\n    justify-content: flex-end;\n  }\n\n  [data-type='file']\n    [data-code]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    margin-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    width: calc(\n      var(--diffs-column-width) -\n        (var(--diffs-gap-inline, var(--diffs-gap-fallback)) * 2)\n    );\n  }\n\n  [data-type='split']\n    [data-deletions]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    left: var(--diffs-gap-fallback);\n    margin-left: var(--diffs-gap-fallback);\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  [data-type='split']\n    [data-additions]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    left: 0;\n    margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex-direction: row-reverse;\n  }\n\n  [data-line] {\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  [data-type='split'][data-overflow='wrap'] [data-deletions] {\n    [data-line-annotation],\n    [data-buffer],\n    [data-line],\n    [data-separator] {\n      grid-column: 1 / 3;\n    }\n  }\n\n  [data-line-annotation] {\n    min-height: var(--diffs-annotation-min-height, 0);\n    background-color: var(--diffs-bg-context);\n    z-index: 3;\n  }\n\n  [data-type='split'][data-overflow='wrap'] [data-additions] {\n    [data-line-annotation],\n    [data-buffer],\n    [data-line],\n    [data-separator] {\n      margin-left: 2px;\n      grid-column: 3 / 5;\n    }\n  }\n\n  [data-separator='custom'] {\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-column-content],\n  [data-column-number] {\n    position: relative;\n    padding-inline: 1ch;\n  }\n\n  [data-indicators='classic'] [data-column-content] {\n    padding-inline-start: 2ch;\n  }\n\n  [data-indicators='classic'] {\n    [data-line-type='change-addition'] [data-column-content]::before,\n    [data-line-type='change-deletion'] [data-column-content]::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    [data-line-type='change-addition'] [data-column-content]::before {\n      content: '+';\n      color: var(--diffs-addition-base);\n    }\n\n    [data-line-type='change-deletion'] [data-column-content]::before {\n      content: '-';\n      color: var(--diffs-deletion-base);\n    }\n  }\n\n  [data-indicators='bars'] {\n    [data-line-type='change-deletion'] [data-column-number]::before,\n    [data-line-type='change-addition'] [data-column-number]::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    }\n\n    [data-line-type='change-deletion'] [data-column-number]::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)) calc(1lh / round(1lh / 2px));\n    }\n\n    [data-line-type='change-addition'] [data-column-number]::before {\n      background-color: var(--diffs-addition-base);\n    }\n  }\n\n  [data-overflow='wrap'] [data-column-content],\n  [data-overflow='wrap'] [data-annotation-content] {\n    white-space: pre-wrap;\n    word-break: break-word;\n  }\n\n  [data-overflow='scroll'] [data-column-content] {\n    white-space: pre;\n    min-height: 1lh;\n  }\n\n  [data-column-number] {\n    grid-column: 1 / 2;\n    box-sizing: content-box;\n    text-align: right;\n    position: sticky;\n    left: 0;\n    user-select: none;\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg-number);\n    z-index: 1;\n    min-width: var(\n      --diffs-min-number-column-width,\n      var(--diffs-min-number-column-width-default, 3ch)\n    );\n    padding-left: 2ch;\n    border-right: var(--diffs-gap-style, 1px solid var(--diffs-bg));\n  }\n\n  [data-disable-line-numbers] {\n    &[data-indicators='bars'] [data-column-number] {\n      min-width: 4px;\n      border-right: var(--diffs-gap-style, 1px solid var(--diffs-bg));\n    }\n\n    [data-column-number] {\n      border-right: none;\n      min-width: 0;\n      padding: 0;\n    }\n\n    [data-line-number-content] {\n      display: none;\n    }\n\n    [data-hover-slot] {\n      right: unset;\n      left: 0;\n      justify-content: flex-start;\n    }\n\n    &[data-indicators='bars'] [data-hover-slot] {\n      /* Using 5px here because theres a 1px separator after the bar */\n      left: 5px;\n    }\n  }\n\n  [data-interactive-line-numbers] [data-column-number] {\n    cursor: pointer;\n  }\n\n  [data-diff-span] {\n    border-radius: 3px;\n    box-decoration-break: clone;\n  }\n\n  [data-line-type='change-addition'] {\n    [data-column-number] {\n      color: var(\n        --diffs-fg-number-addition-override,\n        var(--diffs-addition-base)\n      );\n    }\n\n    [data-diff-span] {\n      background-color: var(--diffs-bg-addition-emphasis);\n    }\n  }\n\n  [data-line-type='change-deletion'] {\n    [data-column-number] {\n      color: var(\n        --diffs-fg-number-deletion-override,\n        var(--diffs-deletion-base)\n      );\n    }\n\n    [data-diff-span] {\n      background-color: var(--diffs-bg-deletion-emphasis);\n    }\n  }\n\n  [data-background] [data-line-type='change-addition'] {\n    --diffs-line-bg: var(--diffs-bg-addition);\n\n    [data-column-number] {\n      background-color: var(--diffs-bg-addition-number);\n    }\n  }\n\n  [data-background] [data-line-type='change-deletion'] {\n    --diffs-line-bg: var(--diffs-bg-deletion);\n\n    [data-column-number] {\n      background-color: var(--diffs-bg-deletion-number);\n    }\n  }\n\n  [data-line-type='context-expanded'] {\n    --diffs-line-bg: var(--diffs-bg-context);\n\n    [data-column-number] {\n      background-color: var(--diffs-bg-context);\n    }\n  }\n\n  /* By wrapping hovers in a pointer: fine, we ensure that mobile devices don't\n*  require a double click */\n  @media (pointer: fine) {\n    [data-line]:hover:not([data-selected-line]) {\n      [data-column-number],\n      [data-column-content] {\n        background-color: var(--diffs-bg-hover);\n      }\n    }\n\n    [data-background] [data-line]:hover:not([data-selected-line]) {\n      &[data-line-type='change-deletion'] [data-column-number],\n      &[data-line-type='change-deletion'] [data-column-content] {\n        background-color: var(--diffs-bg-deletion-hover);\n      }\n\n      &[data-line-type='change-addition'] [data-column-number],\n      &[data-line-type='change-addition'] [data-column-content] {\n        background-color: var(--diffs-bg-addition-hover);\n      }\n    }\n  }\n\n  [data-diffs-header] {\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  }\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] [data-metadata] {\n    display: flex;\n    align-items: center;\n    gap: 1ch;\n    white-space: nowrap;\n  }\n\n  [data-diffs-header] [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] [data-deletions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-no-newline] {\n    user-select: none;\n\n    [data-column-content] {\n      opacity: 0.6;\n    }\n  }\n\n  [data-annotation-content] {\n    position: sticky;\n    left: var(--diffs-column-number-width, 0);\n    grid-column: 2 / -1;\n    width: var(--diffs-column-content-width, auto);\n    align-self: flex-start;\n    z-index: 2;\n    height: 100%;\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-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  /* Line selection highlighting */\n  [data-line-type='context'][data-selected-line] {\n    [data-column-number] {\n      color: var(--diffs-selection-number-fg);\n      background-color: var(--diffs-bg-selection-number);\n    }\n\n    [data-column-content] {\n      background-color: var(--diffs-bg-selection);\n    }\n  }\n\n  [data-line-type='context-expanded'],\n  [data-line-type='change-addition'],\n  [data-line-type='change-deletion'] {\n    &[data-selected-line] {\n      [data-column-content] {\n        background-color: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 82%,\n            var(--diffs-selection-base)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 75%,\n            var(--diffs-selection-base)\n          )\n        );\n      }\n\n      [data-column-number] {\n        color: var(--diffs-selection-number-fg);\n        background-color: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 75%,\n            var(--diffs-selection-base)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 60%,\n            var(--diffs-selection-base)\n          )\n        );\n      }\n    }\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, unsafe;\n\n@layer base {\n  :host {\n    --diffs-bg: #fff;\n    --diffs-fg: #000;\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\n    /*\n    // Available CSS Color Overrides\n    --diffs-bg-buffer-override\n    --diffs-bg-hover-override\n    --diffs-bg-context-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\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-hover-override\n    --diffs-bg-deletion-emphasis-override\n\n    --diffs-bg-addition-override\n    --diffs-bg-addition-number-override\n    --diffs-bg-addition-hover-override\n    --diffs-bg-addition-emphasis-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    --diffs-bg-selection-background-override\n    --diffs-bg-selection-number-background-override\n\n    // Available CSS Layout Overrides\n    --diffs-gap-inline\n    --diffs-gap-block\n    --diffs-gap-style\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\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  *,\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-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-diffs-header],\n  [data-diffs],\n  [data-error-wrapper] {\n    --diffs-bg: light-dark(var(--diffs-light-bg), var(--diffs-dark-bg));\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-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-hover: var(\n      --diffs-bg-hover-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 97%, var(--diffs-mixer)),\n        color-mix(in lab, var(--diffs-bg) 91%, 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-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), var(--diffs-dark));\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\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, rgb(255, 0, 0))\n        ),\n        var(\n          --diffs-dark-deletion-color,\n          var(--diffs-deletion-color, rgb(255, 0, 0))\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, rgb(0, 255, 0))\n        ),\n        var(\n          --diffs-dark-addition-color,\n          var(--diffs-addition-color, rgb(0, 255, 0))\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, rgb(0, 0, 255))\n        ),\n        var(\n          --diffs-dark-modified-color,\n          var(--diffs-modified-color, rgb(0, 0, 255))\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-number: var(\n      --diffs-bg-deletion-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-deletion-base))\n      )\n    );\n    --diffs-bg-deletion-hover: var(\n      --diffs-bg-deletion-hover-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-deletion-base)),\n        color-mix(in lab, var(--diffs-bg) 75%, 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-number: var(\n      --diffs-bg-addition-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 91%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 85%, var(--diffs-addition-base))\n      )\n    );\n    --diffs-bg-addition-hover: var(\n      --diffs-bg-addition-hover-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 80%, var(--diffs-addition-base)),\n        color-mix(in lab, var(--diffs-bg) 70%, 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    --diffs-bg-selection: var(\n      --diffs-bg-selection-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 82%, var(--diffs-selection-base)),\n        color-mix(in lab, var(--diffs-bg) 75%, var(--diffs-selection-base))\n      )\n    );\n    --diffs-bg-selection-number: var(\n      --diffs-bg-selection-number-override,\n      light-dark(\n        color-mix(in lab, var(--diffs-bg) 75%, var(--diffs-selection-base)),\n        color-mix(in lab, var(--diffs-bg) 60%, var(--diffs-selection-base))\n      )\n    );\n\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  [data-diffs] {\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-column-content] span {\n      color: light-dark(\n        var(--diffs-token-light, var(--diffs-light)),\n        var(--diffs-token-dark, var(--diffs-dark))\n      );\n      font-weight: var(--diffs-token-light-font-weight, inherit);\n      font-style: var(--diffs-token-light-font-style, inherit);\n      text-decoration: var(--diffs-token-light-text-decoration, inherit);\n    }\n  }\n\n  /* Since span is a pretty innocuous selector, we need to make sure we don't\n   * apply tokenized BG colors to diff-spans */\n  [data-column-content] span:not([data-diff-span]) {\n    background-color: light-dark(\n      var(--diffs-token-light-bg, inherit),\n      var(--diffs-token-dark-bg, inherit)\n    );\n  }\n\n  [data-column-content] {\n    background-color: var(--diffs-line-bg, 'transparent');\n    grid-column: 2 / 3;\n  }\n\n  [data-diffs][data-dehydrated] {\n    --diffs-code-grid: var(--diffs-grid-number-column-width) minmax(0, 1fr);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    [data-diffs-header],\n    [data-diffs] {\n      color-scheme: dark;\n    }\n\n    [data-diffs] [data-column-content] span {\n      font-weight: var(--diffs-token-dark-font-weight, inherit);\n      font-style: var(--diffs-token-dark-font-style, inherit);\n      text-decoration: var(--diffs-token-dark-text-decoration, inherit);\n    }\n  }\n\n  [data-diffs-header][data-theme-type='light'],\n  [data-diffs][data-theme-type='light'] {\n    color-scheme: light;\n  }\n\n  [data-diffs][data-theme-type='light'] [data-column-content] span {\n    font-weight: var(--diffs-token-light-font-weight, inherit);\n    font-style: var(--diffs-token-light-font-style, inherit);\n    text-decoration: var(--diffs-token-light-text-decoration, inherit);\n  }\n\n  [data-diffs-header][data-theme-type='dark'],\n  [data-diffs][data-theme-type='dark'] {\n    color-scheme: dark;\n  }\n\n  [data-diffs][data-theme-type='dark'] [data-column-content] span {\n    font-weight: var(--diffs-token-dark-font-weight, inherit);\n    font-style: var(--diffs-token-dark-font-style, inherit);\n    text-decoration: var(--diffs-token-dark-text-decoration, inherit);\n  }\n\n  [data-type='split'][data-overflow='wrap'] {\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: repeat(2, var(--diffs-code-grid));\n  }\n\n  [data-type='split'][data-overflow='scroll'] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 2px;\n  }\n\n  [data-code] {\n    display: block;\n    display: grid;\n    grid-auto-flow: dense;\n    grid-template-columns: var(--diffs-code-grid);\n    overflow: 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(var(--diffs-gap-block, var(--diffs-gap-fallback)) - 6px)\n    );\n  }\n\n  [data-code]::-webkit-scrollbar {\n    width: 0;\n    height: 6px;\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-diffs]:hover [data-code]::-webkit-scrollbar-thumb {\n    background-color: var(--diffs-bg-context);\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][data-type='split'][data-overflow='wrap'] {\n    padding-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\n  }\n\n  [data-diffs-header] ~ [data-diffs] [data-code],\n  [data-diffs-header] ~ [data-diffs][data-overflow='wrap'] {\n    padding-top: 0;\n  }\n\n  [data-type='split'][data-overflow='wrap'] [data-code] {\n    display: contents;\n  }\n\n  [data-line-annotation],\n  [data-no-newline],\n  [data-line] {\n    position: relative;\n    display: grid;\n    grid-template-columns: subgrid;\n    grid-column: 1 / 3;\n  }\n\n  [data-line-annotation][data-selected-line] {\n    background-color: unset;\n\n    &::before {\n      content: '';\n      position: sticky;\n      top: 0;\n      left: 0;\n      display: block;\n      border-right: var(--diffs-gap-style, 1px solid var(--diffs-bg));\n      background-color: var(--diffs-bg-selection-number);\n    }\n\n    [data-annotation-content] {\n      background-color: var(--diffs-bg-selection);\n    }\n  }\n\n  [data-interactive-lines] [data-line] {\n    cursor: pointer;\n  }\n\n  [data-buffer] {\n    display: grid;\n    grid-column: 1 / 3;\n    grid-template-columns: subgrid;\n    user-select: none;\n    /* We multiply by 1.414 (√2) to better approximate the diagonal repeat distance */\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    min-height: 1lh;\n    /* lol not sure this is worth it… */\n    /* position: sticky; */\n    /* left: 0; */\n    /* width: var(--diffs-column-width, auto); */\n    /* background-attachment: fixed; */\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n    }\n\n    &::before {\n      box-sizing: content-box;\n      padding-left: 2ch;\n      padding-right: 1ch;\n      border-left: 4px solid transparent;\n      border-right: 1px solid transparent;\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-separator] {\n    grid-column: span 2;\n  }\n\n  [data-separator='metadata'],\n  [data-separator]:empty {\n    min-height: 4px;\n    background-color: var(--diffs-bg-separator);\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-separator-wrapper] {\n    user-select: none;\n    fill: currentColor;\n    overflow: hidden;\n  }\n\n  [data-separator='metadata'] [data-separator-wrapper] {\n    grid-column: 2 / 3;\n    width: var(--diffs-column-content-width);\n    position: sticky;\n    left: var(--diffs-column-number-width);\n    padding: 4px 1ch;\n  }\n\n  [data-separator='line-info'] {\n    margin-block: var(--diffs-gap-block, var(--diffs-gap-fallback));\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-separator='line-info'] [data-separator-wrapper] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    width: auto;\n    width: calc(var(--diffs-column-width) - var(--diffs-gap-fallback));\n    border-radius: 6px;\n  }\n\n  [data-overflow='scroll']\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    position: sticky;\n  }\n\n  @media (pointer: fine) {\n    [data-separator-wrapper][data-separator-multi-button] {\n      display: grid;\n      grid-template-columns: auto minmax(0, 1fr);\n      grid-template-rows: 15px 15px;\n\n      [data-expand-button] {\n        height: 15px;\n      }\n    }\n\n    [data-type='split']\n      [data-additions]\n      [data-separator-wrapper][data-separator-multi-button] {\n      grid-template-columns: minmax(0, 1fr) auto;\n    }\n\n    [data-type='split'] [data-additions] [data-expand-button] {\n      grid-column: 2;\n    }\n\n    [data-type='split'] [data-additions] [data-separator-content] {\n      grid-column: 1;\n    }\n  }\n\n  [data-expand-button],\n  [data-separator-content] {\n    display: flex;\n    align-items: center;\n    background-color: var(--diffs-bg-separator);\n  }\n\n  [data-expand-button] {\n    justify-content: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    width: 32px;\n    height: 32px;\n    opacity: 0.65;\n  }\n\n  [data-hover-slot] {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  @media (pointer: fine) {\n    [data-expand-button]:hover {\n      opacity: 1;\n    }\n\n    /* FIXME(amadeus): We need to figure out how/when to apply hover effects in\n     * a more performant way because it'll trigger layout/paint re-calcs\n     * probably when we dont want them... */\n    [data-line]:hover {\n      z-index: 2;\n    }\n  }\n\n  [data-expand-up] [data-icon] {\n    transform: scaleY(-1);\n  }\n\n  [data-separator-content] {\n    flex: 1 1 auto;\n    padding: 0 1ch;\n    height: 32px;\n    opacity: 0.65;\n    overflow: hidden;\n    justify-content: flex-start;\n\n    grid-column: 2;\n    grid-row: 1 / -1;\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  [data-type='split'] [data-additions] [data-separator-content] {\n    justify-content: flex-end;\n  }\n\n  [data-type='file']\n    [data-code]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    margin-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    width: calc(\n      var(--diffs-column-width) -\n        (var(--diffs-gap-inline, var(--diffs-gap-fallback)) * 2)\n    );\n  }\n\n  [data-type='split']\n    [data-deletions]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    margin-left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  [data-type='file'][data-overflow='scroll'],\n  [data-type='split'][data-overflow='scroll'] {\n    [data-deletions] [data-separator='line-info'] [data-separator-wrapper] {\n      left: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    }\n  }\n\n  [data-type='split']\n    [data-additions]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    margin-right: var(--diffs-gap-inline, var(--diffs-gap-fallback));\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex-direction: row-reverse;\n  }\n\n  [data-type='split'][data-overflow='scroll']\n    [data-additions]\n    [data-separator='line-info']\n    [data-separator-wrapper] {\n    left: 0;\n  }\n\n  [data-line] {\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg);\n  }\n\n  [data-type='split'][data-overflow='wrap'] [data-deletions] {\n    [data-line-annotation],\n    [data-buffer],\n    [data-line],\n    [data-separator],\n    [data-virtualized-buffer],\n    [data-no-newline] {\n      margin-right: 1px;\n      grid-column: 1 / 3;\n    }\n  }\n\n  [data-line-annotation] {\n    min-height: var(--diffs-annotation-min-height, 0);\n    background-color: var(--diffs-bg-context);\n    z-index: 3;\n  }\n\n  [data-type='split'][data-overflow='wrap'] [data-additions] {\n    [data-line-annotation],\n    [data-buffer],\n    [data-line],\n    [data-separator],\n    [data-virtualized-buffer],\n    [data-no-newline] {\n      margin-left: 1px;\n      grid-column: 3 / 5;\n    }\n  }\n\n  [data-separator='custom'] {\n    display: grid;\n    grid-template-columns: subgrid;\n  }\n\n  [data-column-content],\n  [data-column-number] {\n    position: relative;\n    padding-inline: 1ch;\n  }\n\n  [data-indicators='classic'] [data-column-content] {\n    padding-inline-start: 2ch;\n  }\n\n  [data-indicators='classic'] {\n    [data-line-type='change-addition'] [data-column-content]::before,\n    [data-line-type='change-deletion'] [data-column-content]::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    [data-line-type='change-addition'] [data-column-content]::before {\n      content: '+';\n      color: var(--diffs-addition-base);\n    }\n\n    [data-line-type='change-deletion'] [data-column-content]::before {\n      content: '-';\n      color: var(--diffs-deletion-base);\n    }\n  }\n\n  [data-indicators='bars'] {\n    [data-line-type='change-deletion'],\n    [data-line-type='change-addition'] {\n      [data-column-number]::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    [data-line-type='change-deletion'] [data-column-number]::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)) calc(1lh / round(1lh / 2px));\n    }\n\n    [data-line-type='change-addition'] [data-column-number]::before {\n      background-color: var(--diffs-addition-base);\n    }\n  }\n\n  [data-overflow='wrap'] [data-column-content],\n  [data-overflow='wrap'] [data-annotation-content] {\n    white-space: pre-wrap;\n    word-break: break-word;\n  }\n\n  [data-overflow='scroll'] [data-column-content] {\n    white-space: pre;\n    min-height: 1lh;\n  }\n\n  [data-column-number] {\n    grid-column: 1 / 2;\n    box-sizing: content-box;\n    text-align: right;\n    user-select: none;\n    background-color: var(--diffs-bg);\n    color: var(--diffs-fg-number);\n    z-index: 1;\n    min-width: var(\n      --diffs-min-number-column-width,\n      var(--diffs-min-number-column-width-default, 3ch)\n    );\n    padding-left: 2ch;\n    border-right: var(--diffs-gap-style, 1px solid var(--diffs-bg));\n  }\n\n  [data-overflow='scroll'] [data-column-number] {\n    position: sticky;\n    left: 0;\n  }\n\n  [data-disable-line-numbers] {\n    &[data-indicators='bars'] [data-column-number] {\n      min-width: 4px;\n      border-right: var(--diffs-gap-style, 1px solid var(--diffs-bg));\n    }\n\n    [data-column-number],\n    [data-buffer]::before {\n      min-width: 0;\n      padding: 0;\n    }\n\n    [data-line-number-content] {\n      display: none;\n    }\n\n    [data-hover-slot] {\n      right: unset;\n      left: 0;\n      justify-content: flex-start;\n    }\n\n    &[data-indicators='bars'] [data-hover-slot] {\n      /* Using 5px here because theres a 1px separator after the bar */\n      left: 5px;\n    }\n  }\n\n  [data-interactive-line-numbers] [data-column-number] {\n    cursor: pointer;\n  }\n\n  [data-diff-span] {\n    border-radius: 3px;\n    box-decoration-break: clone;\n  }\n\n  [data-line-type='change-addition'] {\n    [data-column-number] {\n      color: var(\n        --diffs-fg-number-addition-override,\n        var(--diffs-addition-base)\n      );\n    }\n\n    [data-diff-span] {\n      background-color: var(--diffs-bg-addition-emphasis);\n    }\n  }\n\n  [data-line-type='change-deletion'] {\n    [data-column-number] {\n      color: var(\n        --diffs-fg-number-deletion-override,\n        var(--diffs-deletion-base)\n      );\n    }\n\n    [data-diff-span] {\n      background-color: var(--diffs-bg-deletion-emphasis);\n    }\n  }\n\n  [data-background] [data-line-type='change-addition'] {\n    --diffs-line-bg: var(--diffs-bg-addition);\n\n    [data-column-number] {\n      background-color: var(--diffs-bg-addition-number);\n    }\n  }\n\n  [data-background] [data-line-type='change-deletion'] {\n    --diffs-line-bg: var(--diffs-bg-deletion);\n\n    [data-column-number] {\n      background-color: var(--diffs-bg-deletion-number);\n    }\n  }\n\n  [data-line-type='context-expanded'] {\n    --diffs-line-bg: var(--diffs-bg-context);\n\n    [data-column-number] {\n      background-color: var(--diffs-bg-context);\n    }\n  }\n\n  /* By wrapping hovers in a pointer: fine, we ensure that mobile devices don't\n   *  require a double click */\n  @media (pointer: fine) {\n    [data-line]:hover:not([data-selected-line]) {\n      [data-column-number],\n      [data-column-content] {\n        background-color: var(--diffs-bg-hover);\n      }\n    }\n\n    [data-background] [data-line]:hover:not([data-selected-line]) {\n      &[data-line-type='change-deletion'] [data-column-number],\n      &[data-line-type='change-deletion'] [data-column-content] {\n        background-color: var(--diffs-bg-deletion-hover);\n      }\n\n      &[data-line-type='change-addition'] [data-column-number],\n      &[data-line-type='change-addition'] [data-column-content] {\n        background-color: var(--diffs-bg-addition-hover);\n      }\n    }\n  }\n\n  [data-diffs-header] {\n    position: relative;\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] [data-metadata] {\n    display: flex;\n    align-items: center;\n    gap: 1ch;\n    white-space: nowrap;\n  }\n\n  [data-diffs-header] [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] [data-deletions-count] {\n    font-family: var(--diffs-font-family, var(--diffs-font-fallback));\n    color: var(--diffs-deletion-base);\n  }\n\n  [data-no-newline] {\n    user-select: none;\n\n    [data-column-content] {\n      opacity: 0.6;\n    }\n  }\n\n  [data-annotation-content] {\n    position: relative;\n    grid-column: 2 / -1;\n    width: var(--diffs-column-content-width, auto);\n    align-self: flex-start;\n    z-index: 2;\n    height: 100%;\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    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-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  /* Line selection highlighting */\n  [data-line-type='context'][data-selected-line] {\n    [data-column-number] {\n      color: var(--diffs-selection-number-fg);\n      background-color: var(--diffs-bg-selection-number);\n    }\n\n    [data-column-content] {\n      background-color: var(--diffs-bg-selection);\n    }\n  }\n\n  [data-line-type='context-expanded'],\n  [data-line-type='change-addition'],\n  [data-line-type='change-deletion'] {\n    &[data-selected-line] {\n      [data-column-content] {\n        background-color: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 82%,\n            var(--diffs-selection-base)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 75%,\n            var(--diffs-selection-base)\n          )\n        );\n      }\n\n      [data-column-number] {\n        color: var(--diffs-selection-number-fg);\n        background-color: light-dark(\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 75%,\n            var(--diffs-selection-base)\n          ),\n          color-mix(\n            in lab,\n            var(--diffs-line-bg, var(--diffs-bg)) 60%,\n            var(--diffs-selection-base)\n          )\n        );\n      }\n    }\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  [data-virtualized-buffer] {\n    /* for blanking debugging purposes */\n    /* background-color: red; */\n    grid-column: 1 / 3;\n  }\n}\n"],"mappings":";oBAAA"}

package/dist/types.d.ts

@@ -2,61 +2,251 @@ import { BundledLanguage, BundledTheme, CodeToHastOptions, DecorationItem, Highl
 import { ElementContent } from "hast";
 
 //#region src/types.d.ts
+
+/**
+* Represents a file's contents for generating diffs via `parseDiffFromFile` or
+* for when rendering a file directly using the File components
+*/
 interface FileContents {
-  cacheKey?: string;
+  /** Filename used for display in headers and for inferring the language for
+  * syntax highlighting. */
   name: string;
+  /** The raw text contents of the file. */
   contents: string;
+  /** Explicitly set the syntax highlighting language instead of inferring from
+  * filename. Generally you should not be setting this. */
   lang?: SupportedLanguages;
+  /** Optional header passed to the jsdiff library's `createTwoFilesPatch`. */
   header?: string;
+  /** This unique key is only used for Worker Pools to avoid subsequent requests
+  * if we've already highlighted the file.  Please note that if you modify the
+  * `contents` or `name`, you must update the `cacheKey`. */
+  cacheKey?: string;
 }
 type DiffsThemeNames = BundledTheme | "pierre-dark" | "pierre-light" | (string & {});
 type ThemesType = Record<"dark" | "light", DiffsThemeNames>;
+/**
+* A Shiki highlighter instance configured with the library's supported
+* languages and themes. Used internally to generate syntax-highlighted AST
+* from file contents. By default diffs will ensure that only 1 highlighter is
+* instantiated per thread and shared for all syntax highlighting.  This
+* applies to the main thread and worker threads.
+*/
 type DiffsHighlighter = HighlighterGeneric<SupportedLanguages, DiffsThemeNames>;
+/**
+* Describes the type of change for a file in a diff.
+* - `change`: File content was modified, name unchanged.
+* - `rename-pure`: File was renamed/moved without content changes (100% similarity).
+* - `rename-changed`: File was renamed/moved and content was also modified.
+* - `new`: A new file was added.
+* - `deleted`: An existing file was removed.
+*/
 type ChangeTypes = "change" | "rename-pure" | "rename-changed" | "new" | "deleted";
+/**
+* Represents a parsed patch file, typically corresponding to a single commit.
+* Returned by `parsePatchFiles` when parsing raw patch/diff strings.
+*/
 interface ParsedPatch {
+  /** Optional raw introductory text before the file diffs that may have been
+  * included in the patch (e.g., commit message, author, date). */
   patchMetadata?: string;
+  /** Array of file changes contained in the patch. */
   files: FileDiffMetadata[];
 }
+/**
+* Represents a block of unchanged context lines within a hunk.  Basically a
+* batch of lines in a hunk that are prefixed with a space ` `.  Consecutive
+* lines prefixed with a ` ` are grouped together into a single ContextContent.
+*/
 interface ContextContent {
   type: "context";
-  lines: string[];
-  noEOFCR: boolean;
+  /** Number of unchanged lines in this context block. */
+  lines: number;
+  /**
+  * Zero-based index into `FileDiffMetadata.additionLines` where this context
+  * block starts.
+  */
+  additionLineIndex: number;
+  /**
+  * Zero-based index into `FileDiffMetadata.deletionLines` where this context
+  * block starts.
+  */
+  deletionLineIndex: number;
 }
+/**
+* Represents a block of changes (additions and/or deletions) within a hunk.
+* Consecutive `+` and `-` lines are grouped together into a single
+* ChangeContent.
+*/
 interface ChangeContent {
   type: "change";
-  deletions: string[];
-  additions: string[];
-  noEOFCRDeletions: boolean;
-  noEOFCRAdditions: boolean;
+  /** Number of lines prefixed with `-` in this change block. */
+  deletions: number;
+  /**
+  * Zero-based index into `FileDiffMetadata.deletionLines` where the deleted
+  * lines start.
+  */
+  deletionLineIndex: number;
+  /** Number of lines prefixed with `+` in this change block. */
+  additions: number;
+  /**
+  * Zero-based index into `FileDiffMetadata.additionLines` where the added
+  * lines start.
+  */
+  additionLineIndex: number;
 }
+/**
+* Represents a single hunk from a diff, corresponding to
+* one `@@ ... @@` block.
+*/
 interface Hunk {
+  /**
+  * Number of unchanged lines between the previous hunk (or file start) and
+  * this hunk.
+  */
   collapsedBefore: number;
-  splitLineStart: number;
-  splitLineCount: number;
-  unifiedLineStart: number;
-  unifiedLineCount: number;
-  additionCount: number;
+  /**
+  * Starting line number in the new file version, parsed from the `+X`
+  * in the hunk header.
+  */
   additionStart: number;
+  /**
+  * Total line count in the new file version for this hunk, parsed from
+  * `+X,count` in the hunk header.  If this hunk was viewed in `diffStyle:
+  * split` this would correspond to the number of lines in the right
+  * `additions` column.  It includes both `context` lines and lines
+  * prefixed with `+`.
+  */
+  additionCount: number;
+  /** This corresponds to the number of lines prefixed with `+` in this hunk. */
   additionLines: number;
-  deletionCount: number;
+  /**
+  * Zero-based index into `FileDiffMetadata.additionLines` where this hunk's
+  * content starts.
+  */
+  additionLineIndex: number;
+  /**
+  * Starting line number in the old file version, parsed from the `-X`
+  * in the hunk header.
+  */
   deletionStart: number;
+  /**
+  * Total line count in the old file version for this hunk, parsed from
+  * `-X,count` in the hunk header.  If this hunk was viewed in `diffStyle:
+  * split` this would correspond to the number of lines in the left
+  * `deletions` column.  It includes both `context` lines and lines
+  * prefixed with `-`.
+  */
+  deletionCount: number;
+  /** This corresponds to the number of lines prefixed with `-` in this hunk. */
   deletionLines: number;
+  /**
+  * Zero-based index into `FileDiffMetadata.deletionLines` where this hunk's
+  * content starts.
+  */
+  deletionLineIndex: number;
+  /**
+  * Array of content segments within this hunk, each representing either
+  * a context line group or a change group.
+  */
   hunkContent: (ContextContent | ChangeContent)[];
-  hunkContext: string | undefined;
-  hunkSpecs: string | undefined;
+  /**
+  * Function/method name that appears after the `@@` markers if it existed in
+  * the diff.
+  */
+  hunkContext?: string;
+  /** Raw hunk header string (e.g., `@@ -1,5 +1,7 @@`). */
+  hunkSpecs?: string;
+  /**
+  * Starting line index for this hunk when rendered in split (side-by-side)
+  * view.
+  */
+  splitLineStart: number;
+  /** Total rendered line count for this hunk in split view. */
+  splitLineCount: number;
+  /** Starting line index for this hunk when rendered in unified view. */
+  unifiedLineStart: number;
+  /** Total rendered line count for this hunk in unified view. */
+  unifiedLineCount: number;
+  /**
+  * True if the old file version has no trailing newline at end of file.  This
+  * is parsed from the patch file directly at the end of the hunk.  If the
+  * final hunkContent is a `context` group, then both values will be true or
+  * false together.  If it's from a `change` content group, then it may differ
+  * depending on the patch.
+  */
+  noEOFCRDeletions: boolean;
+  /**
+  * True if the new file version has no trailing newline at end of file.  This
+  * is parsed from the patch file directly at the end of the hunk.  If the
+  * final hunkContent is a `context` group, then both values will be true or
+  * false together.  If it's from a `change` content group, then it may differ
+  * depending on the patch.
+  */
+  noEOFCRAdditions: boolean;
 }
+/**
+* Metadata and content for a single file's diff.  Think of this as a JSON
+* compatible representation of a diff for a single file.
+*/
 interface FileDiffMetadata {
+  /** The file's name and path. */
   name: string;
-  prevName: string | undefined;
+  /** Previous file path, present only if file was renamed or moved. */
+  prevName?: string;
+  /**
+  * Explicitly override the syntax highlighting language instead of inferring
+  * from filename.  This will never be set by default, since all internal diff
+  * APIs will attempt to detect the language automatically.  If you'd like to
+  * specify a language override, you can do so via the method `setLanguageOverride`
+  */
   lang?: SupportedLanguages;
+  /** Git file mode parsed from the diff (e.g., `100644` for regular files) if
+  * it exists */
+  mode?: string;
+  /** Previous git file mode, present if the mode changed. */
+  prevMode?: string;
+  /** The type of change for this file. */
   type: ChangeTypes;
+  /** Array of diff hunks containing line-level change information.  Each hunk
+  * corresponds to a `@@ -X,X +X,X @@` group in a diff. */
   hunks: Hunk[];
+  /** Pre-computed line size for this diff if rendered in `split` diffStyle. */
   splitLineCount: number;
+  /** Pre-computed line size for this diff if rendered in `unified` diffStyle. */
   unifiedLineCount: number;
-  oldMode?: string;
-  mode?: string;
-  oldLines?: string[];
-  newLines?: string[];
+  /**
+  * Whether the diff was parsed from a patch file (true) or generated from
+  * full file contents (false).
+  *
+  * When true, `deletionLines`/`additionLines` contain only the lines present
+  * in the patch and hunk expansion is unavailable.
+  *
+  * When false, they contain the complete file contents.
+  */
+  isPartial: boolean;
+  /**
+  * Array of lines from previous version of the file. If `isPartial` is false,
+  * it means that `deletionLines` can be considered the entire contents of the
+  * old version of the file.  Otherwise `deletionLines` will just be an array
+  * of all the content processed from the `context` and `deletion` lines of
+  * the patch.
+  */
+  deletionLines: string[];
+  /**
+  * Array of lines from new version of the file. If `isPartial` is false, it
+  * means that `additionLines` can be considered the entire contents of the
+  * new version of the file.  Otherwise `additionLines` will just be an array
+  * of all the content processed from the `context` and `addition` lines of
+  * the patch.
+  */
+  additionLines: string[];
+  /**
+  * This unique key is only used for Worker Pools to avoid subsequent requests
+  * to highlight if we've already highlighted the diff.  Please note that if
+  * you modify the contents of the diff in any way, you will need to update
+  * the `cacheKey`.
+  */
   cacheKey?: string;
 }
 type SupportedLanguages = BundledLanguage | "text" | "ansi";
@@ -70,6 +260,7 @@ interface BaseCodeOptions {
   overflow?: "scroll" | "wrap";
   themeType?: ThemeTypes;
   disableFileHeader?: boolean;
+  disableVirtualizationBuffers?: boolean;
   useCSSClasses?: boolean;
   tokenizeMaxLineLength?: number;
   unsafeCSS?: string;
@@ -90,8 +281,8 @@ interface PrePropertiesConfig extends Required<Pick<BaseDiffOptions, "diffIndica
   totalLines: number;
 }
 interface RenderHeaderMetadataProps {
-  oldFile?: FileContents;
-  newFile?: FileContents;
+  deletionFile?: FileContents;
+  additionFile?: FileContents;
   fileDiff?: FileDiffMetadata;
 }
 type RenderHeaderMetadataCallback = (props: RenderHeaderMetadataProps) => Element | null | undefined | string | number;
@@ -123,7 +314,7 @@ interface LineInfo {
   lineIndex: number | `${number},${number}`;
 }
 interface SharedRenderState {
-  lineInfo: Record<number, LineInfo | undefined> | ((shikiLineNumber: number) => LineInfo);
+  lineInfo: (LineInfo | undefined)[] | ((shikiLineNumber: number) => LineInfo);
 }
 interface AnnotationSpan {
   type: "annotation";
@@ -175,35 +366,32 @@ interface HunkData {
     down: boolean;
   };
 }
-interface ChangeHunk {
-  diffGroupStartIndex: number;
-  deletionStartIndex: number;
-  additionStartIndex: number;
-  deletionLines: string[];
-  additionLines: string[];
-}
 type AnnotationLineMap<LAnnotation> = Record<number, DiffLineAnnotation<LAnnotation>[] | undefined>;
 type ExpansionDirections = "up" | "down" | "both";
-interface RenderDiffFilesResult {
-  oldLines: ElementContent[];
-  newLines: ElementContent[];
-  hunks?: undefined;
-}
-interface RenderDiffHunksResult {
-  hunks: RenderDiffFilesResult[];
-  oldLines?: undefined;
-  newLines?: undefined;
-}
 interface ThemedFileResult {
   code: ElementContent[];
   themeStyles: string;
   baseThemeType: "light" | "dark" | undefined;
 }
+interface RenderDiffFilesResult {
+  deletionLines: ElementContent[];
+  additionLines: ElementContent[];
+}
 interface ThemedDiffResult {
-  code: RenderDiffFilesResult | RenderDiffHunksResult;
+  code: RenderDiffFilesResult;
   themeStyles: string;
   baseThemeType: "light" | "dark" | undefined;
 }
+interface HunkExpansionRegion {
+  fromStart: number;
+  fromEnd: number;
+}
+interface ForcePlainTextOptions {
+  forcePlainText: boolean;
+  startingLine?: number;
+  totalLines?: number;
+  expandedHunks?: Map<number, HunkExpansionRegion> | true;
+}
 interface RenderFileOptions {
   theme: DiffsThemeNames | Record<"dark" | "light", DiffsThemeNames>;
   tokenizeMaxLineLength: number;
@@ -226,13 +414,29 @@ interface RenderedFileASTCache {
   highlighted: boolean;
   options: RenderFileOptions;
   result: ThemedFileResult | undefined;
+  renderRange: RenderRange | undefined;
 }
 interface RenderedDiffASTCache {
   diff: FileDiffMetadata;
   highlighted: boolean;
   options: RenderDiffOptions;
   result: ThemedDiffResult | undefined;
+  renderRange: RenderRange | undefined;
+}
+interface RenderRange {
+  startingLine: number;
+  totalLines: number;
+  bufferBefore: number;
+  bufferAfter: number;
+}
+interface RenderWindow {
+  top: number;
+  bottom: number;
+}
+interface VirtualWindowSpecs {
+  top: number;
+  bottom: number;
 }
 //#endregion
-export { AnnotationLineMap, AnnotationSide, AnnotationSpan, BaseCodeOptions, BaseDiffOptions, type BundledLanguage, ChangeContent, ChangeHunk, ChangeTypes, type CodeToHastOptions, ContextContent, type DecorationItem, DiffLineAnnotation, DiffLineEventBaseProps, DiffsHighlighter, DiffsThemeNames, ExpansionDirections, ExtensionFormatMap, FileContents, FileDiffMetadata, GapSpan, Hunk, HunkData, HunkLineType, HunkSeparators, type LanguageRegistration, LineAnnotation, LineDiffTypes, LineEventBaseProps, LineInfo, LineSpans, LineTypes, ObservedAnnotationNodes, ObservedGridNodes, ParsedPatch, PrePropertiesConfig, RenderDiffFilesResult, RenderDiffHunksResult, RenderDiffOptions, RenderDiffResult, RenderFileMetadata, RenderFileOptions, RenderFileResult, RenderHeaderMetadataCallback, RenderHeaderMetadataProps, RenderedDiffASTCache, RenderedFileASTCache, SharedRenderState, type ShikiTransformer, SupportedLanguages, type ThemeRegistrationResolved, ThemeTypes, ThemedDiffResult, ThemedFileResult, type ThemedToken, ThemesType };
+export { AnnotationLineMap, AnnotationSide, AnnotationSpan, BaseCodeOptions, BaseDiffOptions, type BundledLanguage, ChangeContent, ChangeTypes, type CodeToHastOptions, ContextContent, type DecorationItem, DiffLineAnnotation, DiffLineEventBaseProps, DiffsHighlighter, DiffsThemeNames, ExpansionDirections, ExtensionFormatMap, FileContents, FileDiffMetadata, ForcePlainTextOptions, GapSpan, Hunk, HunkData, HunkExpansionRegion, HunkLineType, HunkSeparators, type LanguageRegistration, LineAnnotation, LineDiffTypes, LineEventBaseProps, LineInfo, LineSpans, LineTypes, ObservedAnnotationNodes, ObservedGridNodes, ParsedPatch, PrePropertiesConfig, RenderDiffFilesResult, RenderDiffOptions, RenderDiffResult, RenderFileMetadata, RenderFileOptions, RenderFileResult, RenderHeaderMetadataCallback, RenderHeaderMetadataProps, RenderRange, RenderWindow, RenderedDiffASTCache, RenderedFileASTCache, SharedRenderState, type ShikiTransformer, SupportedLanguages, type ThemeRegistrationResolved, ThemeTypes, ThemedDiffResult, ThemedFileResult, type ThemedToken, ThemesType, VirtualWindowSpecs };
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../src/types.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/utils/areDiffLineAnnotationsEqual.d.ts

@@ -0,0 +1,7 @@
+import { DiffLineAnnotation } from "../types.js";
+
+//#region src/utils/areDiffLineAnnotationsEqual.d.ts
+declare function areDiffLineAnnotationsEqual<LAnnotation = undefined>(annotationA: DiffLineAnnotation<LAnnotation>, annotationB: DiffLineAnnotation<LAnnotation>): boolean;
+//#endregion
+export { areDiffLineAnnotationsEqual };
+//# sourceMappingURL=areDiffLineAnnotationsEqual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"areDiffLineAnnotationsEqual.d.ts","names":[],"sources":["../../src/utils/areDiffLineAnnotationsEqual.ts"],"sourcesContent":[],"mappings":";;;iBAEgB,kEACD,mBAAmB,2BACnB,mBAAmB"}

package/dist/utils/areDiffLineAnnotationsEqual.js

@@ -0,0 +1,8 @@
+//#region src/utils/areDiffLineAnnotationsEqual.ts
+function areDiffLineAnnotationsEqual(annotationA, annotationB) {
+	return annotationA.lineNumber === annotationB.lineNumber && annotationA.side === annotationB.side && annotationA.metadata === annotationB.metadata;
+}
+
+//#endregion
+export { areDiffLineAnnotationsEqual };
+//# sourceMappingURL=areDiffLineAnnotationsEqual.js.map

package/dist/utils/areDiffLineAnnotationsEqual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"areDiffLineAnnotationsEqual.js","names":[],"sources":["../../src/utils/areDiffLineAnnotationsEqual.ts"],"sourcesContent":["import type { DiffLineAnnotation } from 'src/types';\n\nexport function areDiffLineAnnotationsEqual<LAnnotation = undefined>(\n  annotationA: DiffLineAnnotation<LAnnotation>,\n  annotationB: DiffLineAnnotation<LAnnotation>\n): boolean {\n  return (\n    annotationA.lineNumber === annotationB.lineNumber &&\n    annotationA.side === annotationB.side &&\n    annotationA.metadata === annotationB.metadata\n  );\n}\n"],"mappings":";AAEA,SAAgB,4BACd,aACA,aACS;AACT,QACE,YAAY,eAAe,YAAY,cACvC,YAAY,SAAS,YAAY,QACjC,YAAY,aAAa,YAAY"}

package/dist/utils/areHunkDataEqual.d.ts

@@ -0,0 +1,7 @@
+import { HunkData } from "../types.js";
+
+//#region src/utils/areHunkDataEqual.d.ts
+declare function areHunkDataEqual(hunkA: HunkData, hunkB: HunkData): boolean;
+//#endregion
+export { areHunkDataEqual };
+//# sourceMappingURL=areHunkDataEqual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"areHunkDataEqual.d.ts","names":[],"sources":["../../src/utils/areHunkDataEqual.ts"],"sourcesContent":[],"mappings":";;;iBAEgB,gBAAA,QAAwB,iBAAiB"}

package/dist/utils/areHunkDataEqual.js

@@ -0,0 +1,8 @@
+//#region src/utils/areHunkDataEqual.ts
+function areHunkDataEqual(hunkA, hunkB) {
+	return hunkA.slotName === hunkB.slotName && hunkA.hunkIndex === hunkB.hunkIndex && hunkA.lines === hunkB.lines && hunkA.type === hunkB.type && hunkA.expandable?.chunked === hunkB.expandable?.chunked && hunkA.expandable?.up === hunkB.expandable?.up && hunkA.expandable?.down === hunkB.expandable?.down;
+}
+
+//#endregion
+export { areHunkDataEqual };
+//# sourceMappingURL=areHunkDataEqual.js.map

package/dist/utils/areHunkDataEqual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"areHunkDataEqual.js","names":[],"sources":["../../src/utils/areHunkDataEqual.ts"],"sourcesContent":["import type { HunkData } from '../types';\n\nexport function areHunkDataEqual(hunkA: HunkData, hunkB: HunkData): boolean {\n  return (\n    hunkA.slotName === hunkB.slotName &&\n    hunkA.hunkIndex === hunkB.hunkIndex &&\n    hunkA.lines === hunkB.lines &&\n    hunkA.type === hunkB.type &&\n    hunkA.expandable?.chunked === hunkB.expandable?.chunked &&\n    hunkA.expandable?.up === hunkB.expandable?.up &&\n    hunkA.expandable?.down === hunkB.expandable?.down\n  );\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,OAAiB,OAA0B;AAC1E,QACE,MAAM,aAAa,MAAM,YACzB,MAAM,cAAc,MAAM,aAC1B,MAAM,UAAU,MAAM,SACtB,MAAM,SAAS,MAAM,QACrB,MAAM,YAAY,YAAY,MAAM,YAAY,WAChD,MAAM,YAAY,OAAO,MAAM,YAAY,MAC3C,MAAM,YAAY,SAAS,MAAM,YAAY"}

package/dist/utils/areLineAnnotationsEqual.d.ts

@@ -0,0 +1,7 @@
+import { LineAnnotation } from "../types.js";
+
+//#region src/utils/areLineAnnotationsEqual.d.ts
+declare function areLineAnnotationsEqual<LAnnotation = undefined>(annotationA: LineAnnotation<LAnnotation>, annotationB: LineAnnotation<LAnnotation>): boolean;
+//#endregion
+export { areLineAnnotationsEqual };
+//# sourceMappingURL=areLineAnnotationsEqual.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"areLineAnnotationsEqual.d.ts","names":[],"sources":["../../src/utils/areLineAnnotationsEqual.ts"],"sourcesContent":[],"mappings":";;;iBAEgB,8DACD,eAAe,2BACf,eAAe"}

package/dist/utils/areLineAnnotationsEqual.js

@@ -0,0 +1,8 @@
+//#region src/utils/areLineAnnotationsEqual.ts
+function areLineAnnotationsEqual(annotationA, annotationB) {
+	return annotationA.lineNumber === annotationB.lineNumber && annotationA.metadata === annotationB.metadata;
+}
+
+//#endregion
+export { areLineAnnotationsEqual };
+//# sourceMappingURL=areLineAnnotationsEqual.js.map

package/dist/utils/areLineAnnotationsEqual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"areLineAnnotationsEqual.js","names":[],"sources":["../../src/utils/areLineAnnotationsEqual.ts"],"sourcesContent":["import type { LineAnnotation } from '../types';\n\nexport function areLineAnnotationsEqual<LAnnotation = undefined>(\n  annotationA: LineAnnotation<LAnnotation>,\n  annotationB: LineAnnotation<LAnnotation>\n): boolean {\n  return (\n    annotationA.lineNumber === annotationB.lineNumber &&\n    annotationA.metadata === annotationB.metadata\n  );\n}\n"],"mappings":";AAEA,SAAgB,wBACd,aACA,aACS;AACT,QACE,YAAY,eAAe,YAAY,cACvC,YAAY,aAAa,YAAY"}

package/dist/utils/arePrePropertiesEqual.d.ts

@@ -0,0 +1,7 @@
+import { PrePropertiesConfig } from "../types.js";
+
+//#region src/utils/arePrePropertiesEqual.d.ts
+declare function arePrePropertiesEqual(propsA: PrePropertiesConfig | undefined, propsB: PrePropertiesConfig | undefined): boolean;
+//#endregion
+export { arePrePropertiesEqual };
+//# sourceMappingURL=arePrePropertiesEqual.d.ts.map