@git-diff-view/react 0.0.18 → 0.0.20

package/dist/css/diff-view.css

@@ -1,4 +1,4 @@
-.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw pre code.hljs{display:block;overflow-x:auto;padding:1em}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw code.hljs{padding:3px 5px}
+.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw code.hljs{padding:3px 5px}
 /*!
   Theme: GitHub
   Description: Light theme as seen on github.com
@@ -8,7 +8,7 @@
 
   Outdated base version: https://github.com/primer/github-syntax-light
   Current colors taken from GitHub's CSS
-*/.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs{background:#fff;color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-type,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable.language_{color:#d73a49}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.function_{color:#6f42c1}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attr,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-literal,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-number,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-operator,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable{color:#005cc5}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-string{color:#032f62}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-symbol{color:#e36209}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-code,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-comment,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-formula{color:#6a737d}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-name,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-quote,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-tag{color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-subst{color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-section{color:#005cc5;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-bullet{color:#735c0f}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-emphasis{color:#24292e;font-style:italic}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-strong{color:#24292e;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-addition{background-color:#f0fff4;color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-deletion{background-color:#ffeef0;color:#b31d28}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw pre code.hljs{display:block;overflow-x:auto;padding:1em}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw code.hljs{padding:3px 5px}
+*/.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs{background:#fff;color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-type,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable.language_{color:#d73a49}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-title.function_{color:#6f42c1}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attr,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-literal,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-number,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-operator,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-variable{color:#005cc5}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-string{color:#032f62}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-symbol{color:#e36209}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-code,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-comment,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-formula{color:#6a737d}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-name,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-quote,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-selector-tag{color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-subst{color:#24292e}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-section{color:#005cc5;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-bullet{color:#735c0f}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-emphasis{color:#24292e;font-style:italic}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-strong{color:#24292e;font-weight:700}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-addition{background-color:#f0fff4;color:#22863a}.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw .hljs-deletion{background-color:#ffeef0;color:#b31d28}pre code.hljs{display:block;overflow-x:auto;padding:1em}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw code.hljs{padding:3px 5px}
 /*!
   Theme: GitHub Dark
   Description: Dark theme as seen on github.com
@@ -18,7 +18,6 @@
 
   Outdated base version: https://github.com/primer/github-syntax-dark
   Current colors taken from GitHub's CSS
-*/.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs{background:#0d1117;color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-type,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable.language_{color:#ff7b72}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.function_{color:#d2a8ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attr,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-literal,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-number,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-operator,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable{color:#79c0ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-string{color:#a5d6ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-symbol{color:#ffa657}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-code,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-comment,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-formula{color:#8b949e}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-name,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-quote,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-tag{color:#7ee787}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-subst{color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-section{color:#1f6feb;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-bullet{color:#f2cc60}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-emphasis{color:#c9d1d9;font-style:italic}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-strong{color:#c9d1d9;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-addition{background-color:#033a16;color:#aff5b4}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-deletion{background-color:#67060c;color:#ffdcd7}
-/*
-! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
-*/.diff-tailwindcss-wrapper *,.diff-tailwindcss-wrapper :after,.diff-tailwindcss-wrapper :before{border:0 solid #e5e7eb;box-sizing:border-box}.diff-tailwindcss-wrapper :after,.diff-tailwindcss-wrapper :before{--tw-content:""}.diff-tailwindcss-wrapper :host,.diff-tailwindcss-wrapper html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.diff-tailwindcss-wrapper body{line-height:inherit;margin:0}.diff-tailwindcss-wrapper hr{border-top-width:1px;color:inherit;height:0}.diff-tailwindcss-wrapper abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.diff-tailwindcss-wrapper h1,.diff-tailwindcss-wrapper h2,.diff-tailwindcss-wrapper h3,.diff-tailwindcss-wrapper h4,.diff-tailwindcss-wrapper h5,.diff-tailwindcss-wrapper h6{font-size:inherit;font-weight:inherit}.diff-tailwindcss-wrapper a{color:inherit;text-decoration:inherit}.diff-tailwindcss-wrapper b,.diff-tailwindcss-wrapper strong{font-weight:bolder}.diff-tailwindcss-wrapper code,.diff-tailwindcss-wrapper kbd,.diff-tailwindcss-wrapper pre,.diff-tailwindcss-wrapper samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}.diff-tailwindcss-wrapper small{font-size:80%}.diff-tailwindcss-wrapper sub,.diff-tailwindcss-wrapper sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.diff-tailwindcss-wrapper sub{bottom:-.25em}.diff-tailwindcss-wrapper sup{top:-.5em}.diff-tailwindcss-wrapper table{border-collapse:collapse;border-color:inherit;text-indent:0}.diff-tailwindcss-wrapper button,.diff-tailwindcss-wrapper input,.diff-tailwindcss-wrapper optgroup,.diff-tailwindcss-wrapper select,.diff-tailwindcss-wrapper textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}.diff-tailwindcss-wrapper button,.diff-tailwindcss-wrapper select{text-transform:none}.diff-tailwindcss-wrapper button,.diff-tailwindcss-wrapper input:where([type=button]),.diff-tailwindcss-wrapper input:where([type=reset]),.diff-tailwindcss-wrapper input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}.diff-tailwindcss-wrapper :-moz-focusring{outline:auto}.diff-tailwindcss-wrapper :-moz-ui-invalid{box-shadow:none}.diff-tailwindcss-wrapper progress{vertical-align:baseline}.diff-tailwindcss-wrapper ::-webkit-inner-spin-button,.diff-tailwindcss-wrapper ::-webkit-outer-spin-button{height:auto}.diff-tailwindcss-wrapper [type=search]{-webkit-appearance:textfield;outline-offset:-2px}.diff-tailwindcss-wrapper ::-webkit-search-decoration{-webkit-appearance:none}.diff-tailwindcss-wrapper ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.diff-tailwindcss-wrapper summary{display:list-item}.diff-tailwindcss-wrapper blockquote,.diff-tailwindcss-wrapper dd,.diff-tailwindcss-wrapper dl,.diff-tailwindcss-wrapper figure,.diff-tailwindcss-wrapper h1,.diff-tailwindcss-wrapper h2,.diff-tailwindcss-wrapper h3,.diff-tailwindcss-wrapper h4,.diff-tailwindcss-wrapper h5,.diff-tailwindcss-wrapper h6,.diff-tailwindcss-wrapper hr,.diff-tailwindcss-wrapper p,.diff-tailwindcss-wrapper pre{margin:0}.diff-tailwindcss-wrapper fieldset{margin:0;padding:0}.diff-tailwindcss-wrapper legend{padding:0}.diff-tailwindcss-wrapper menu,.diff-tailwindcss-wrapper ol,.diff-tailwindcss-wrapper ul{list-style:none;margin:0;padding:0}.diff-tailwindcss-wrapper dialog{padding:0}.diff-tailwindcss-wrapper textarea{resize:vertical}.diff-tailwindcss-wrapper input::-moz-placeholder,.diff-tailwindcss-wrapper textarea::-moz-placeholder{color:#9ca3af;opacity:1}.diff-tailwindcss-wrapper input::placeholder,.diff-tailwindcss-wrapper textarea::placeholder{color:#9ca3af;opacity:1}.diff-tailwindcss-wrapper [role=button],.diff-tailwindcss-wrapper button{cursor:pointer}.diff-tailwindcss-wrapper :disabled{cursor:default}.diff-tailwindcss-wrapper audio,.diff-tailwindcss-wrapper canvas,.diff-tailwindcss-wrapper embed,.diff-tailwindcss-wrapper iframe,.diff-tailwindcss-wrapper img,.diff-tailwindcss-wrapper object,.diff-tailwindcss-wrapper svg,.diff-tailwindcss-wrapper video{display:block;vertical-align:middle}.diff-tailwindcss-wrapper img,.diff-tailwindcss-wrapper video{height:auto;max-width:100%}.diff-tailwindcss-wrapper [hidden]{display:none}.diff-tailwindcss-wrapper *,.diff-tailwindcss-wrapper :after,.diff-tailwindcss-wrapper :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.diff-tailwindcss-wrapper ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.diff-tailwindcss-wrapper .container{width:100%}@media (min-width:640px){.diff-tailwindcss-wrapper .container{max-width:640px}}@media (min-width:768px){.diff-tailwindcss-wrapper .container{max-width:768px}}@media (min-width:1024px){.diff-tailwindcss-wrapper .container{max-width:1024px}}@media (min-width:1280px){.diff-tailwindcss-wrapper .container{max-width:1280px}}@media (min-width:1536px){.diff-tailwindcss-wrapper .container{max-width:1536px}}.diff-tailwindcss-wrapper .invisible{visibility:hidden}.diff-tailwindcss-wrapper .absolute{position:absolute}.diff-tailwindcss-wrapper .relative{position:relative}.diff-tailwindcss-wrapper .sticky{position:sticky}.diff-tailwindcss-wrapper .left-0{left:0}.diff-tailwindcss-wrapper .left-\[100\%\]{left:100%}.diff-tailwindcss-wrapper .right-\[100\%\]{right:100%}.diff-tailwindcss-wrapper .top-0{top:0}.diff-tailwindcss-wrapper .top-\[1px\]{top:1px}.diff-tailwindcss-wrapper .top-\[50\%\]{top:50%}.diff-tailwindcss-wrapper .z-\[1\]{z-index:1}.diff-tailwindcss-wrapper .ml-\[-1\.5em\]{margin-left:-1.5em}.diff-tailwindcss-wrapper .block{display:block}.diff-tailwindcss-wrapper .inline-block{display:inline-block}.diff-tailwindcss-wrapper .flex{display:flex}.diff-tailwindcss-wrapper .table{display:table}.diff-tailwindcss-wrapper .hidden{display:none}.diff-tailwindcss-wrapper .h-\[50\%\]{height:50%}.diff-tailwindcss-wrapper .h-full{height:100%}.diff-tailwindcss-wrapper .min-h-\[28px\]{min-height:28px}.diff-tailwindcss-wrapper .w-\[1\%\]{width:1%}.diff-tailwindcss-wrapper .w-\[1\.5em\]{width:1.5em}.diff-tailwindcss-wrapper .w-\[1\.5px\]{width:1.5px}.diff-tailwindcss-wrapper .w-\[10px\]{width:10px}.diff-tailwindcss-wrapper .w-\[1px\]{width:1px}.diff-tailwindcss-wrapper .w-\[50\%\]{width:50%}.diff-tailwindcss-wrapper .w-full{width:100%}.diff-tailwindcss-wrapper .w-max{width:-moz-max-content;width:max-content}.diff-tailwindcss-wrapper .min-w-\[100px\]{min-width:100px}.diff-tailwindcss-wrapper .min-w-\[40px\]{min-width:40px}.diff-tailwindcss-wrapper .min-w-full{min-width:100%}.diff-tailwindcss-wrapper .flex-shrink-0,.diff-tailwindcss-wrapper .shrink-0{flex-shrink:0}.diff-tailwindcss-wrapper .basis-\[50\%\]{flex-basis:50%}.diff-tailwindcss-wrapper .table-fixed{table-layout:fixed}.diff-tailwindcss-wrapper .border-collapse{border-collapse:collapse}.diff-tailwindcss-wrapper .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.diff-tailwindcss-wrapper .origin-center{transform-origin:center}.diff-tailwindcss-wrapper .translate-x-\[-50\%\]{--tw-translate-x:-50%}.diff-tailwindcss-wrapper .translate-x-\[-50\%\],.diff-tailwindcss-wrapper .translate-x-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .translate-x-\[50\%\]{--tw-translate-x:50%}.diff-tailwindcss-wrapper .translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .cursor-pointer{cursor:pointer}.diff-tailwindcss-wrapper .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-tailwindcss-wrapper .flex-col{flex-direction:column}.diff-tailwindcss-wrapper .items-start{align-items:flex-start}.diff-tailwindcss-wrapper .items-center{align-items:center}.diff-tailwindcss-wrapper .justify-center{justify-content:center}.diff-tailwindcss-wrapper .overflow-x-auto{overflow-x:auto}.diff-tailwindcss-wrapper .overflow-y-hidden{overflow-y:hidden}.diff-tailwindcss-wrapper .whitespace-nowrap{white-space:nowrap}.diff-tailwindcss-wrapper .break-all{word-break:break-all}.diff-tailwindcss-wrapper .rounded-\[0\.2em\]{border-radius:.2em}.diff-tailwindcss-wrapper .rounded-\[2px\]{border-radius:2px}.diff-tailwindcss-wrapper .rounded-md{border-radius:.375rem}.diff-tailwindcss-wrapper .border-l-\[1px\]{border-left-width:1px}.diff-tailwindcss-wrapper .fill-current{fill:currentColor}.diff-tailwindcss-wrapper .p-0{padding:0}.diff-tailwindcss-wrapper .p-\[1px\]{padding:1px}.diff-tailwindcss-wrapper .px-\[10px\]{padding-left:10px;padding-right:10px}.diff-tailwindcss-wrapper .py-\[2px\]{padding-bottom:2px;padding-top:2px}.diff-tailwindcss-wrapper .py-\[6px\]{padding-bottom:6px;padding-top:6px}.diff-tailwindcss-wrapper .pl-\[1\.5em\]{padding-left:1.5em}.diff-tailwindcss-wrapper .pl-\[10px\]{padding-left:10px}.diff-tailwindcss-wrapper .pl-\[2\.0em\]{padding-left:2em}.diff-tailwindcss-wrapper .pr-\[10px\]{padding-right:10px}.diff-tailwindcss-wrapper .text-right{text-align:right}.diff-tailwindcss-wrapper .indent-\[0\.2em\]{text-indent:.2em}.diff-tailwindcss-wrapper .align-top{vertical-align:top}.diff-tailwindcss-wrapper .align-middle{vertical-align:middle}.diff-tailwindcss-wrapper .text-\[1\.2em\]{font-size:1.2em}.diff-tailwindcss-wrapper .leading-\[1\.4\]{line-height:1.4}.diff-tailwindcss-wrapper .leading-\[1\.6\]{line-height:1.6}.diff-tailwindcss-wrapper .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.diff-tailwindcss-wrapper .opacity-\[0\.5\]{opacity:.5}.diff-tailwindcss-wrapper .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.diff-tailwindcss-wrapper .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.diff-tailwindcss-wrapper[data-theme=light] .diff-style-root{--diff-border--:#dedede;--diff-add-content--:#e6ffec;--diff-del-content--:#ffebe9;--diff-add-lineNumber--:#ccffd8;--diff-del-lineNumber--:#ffd7d5;--diff-plain-content--:#fff;--diff-expand-content--:#fafafa;--diff-plain-lineNumber--:#fafafa;--diff-plain-lineNumber-color--:#555;--diff-hunk-content--:#ddf4ff;--diff-hunk-lineNumber--:#c7ecff;--diff-hunk-lineNumber-hover--:#9dc4f8;--diff-add-content-highlight--:#abf2bc;--diff-del-content-highlight--:#ffb3ad;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#fafafa;--diff-hunk-content-color--:#777;color:#000}.diff-tailwindcss-wrapper .diff-style-root .diff-line-syntax-raw *,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw *{color:var(--diff-view-light,inherit)}.diff-tailwindcss-wrapper[data-theme=dark] .diff-style-root{--diff-border--:#3d444d;--diff-add-content--:#14261f;--diff-del-content--:#311b1f;--diff-add-lineNumber--:#1f4429;--diff-del-lineNumber--:#552527;--diff-plain-content--:#0d1117;--diff-expand-content--:#161b22;--diff-plain-lineNumber--:#161b22;--diff-plain-lineNumber-color--:#a0aaab;--diff-hunk-content--:#131d2e;--diff-hunk-lineNumber--:#204274;--diff-hunk-lineNumber-hover--:#386de3;--diff-add-content-highlight--:#1f572d;--diff-del-content-highlight--:#80312f;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#161b22;--diff-hunk-content-color--:#9298a0;color:#fff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw *{color:var(--diff-view-dark,inherit)}.diff-tailwindcss-wrapper table,.diff-tailwindcss-wrapper td,.diff-tailwindcss-wrapper tr{border-color:transparent;border-width:0}.diff-tailwindcss-wrapper .diff-style-root tr{content-visibility:auto}.diff-tailwindcss-wrapper .diff-widget-tooltip{position:relative}.diff-tailwindcss-wrapper .diff-widget-tooltip:after{background-color:#555;border-radius:4px;box-sizing:border-box;color:#fff;content:attr(data-title);display:none;font-size:11px;left:calc(100% + 8px);overflow:hidden;padding:1px 2px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.diff-tailwindcss-wrapper .diff-widget-tooltip:before{border:6px solid transparent;border-right-color:#555;box-sizing:border-box;content:"";display:none;left:calc(100% - 2px);position:absolute;top:50%;transform:translateY(-50%)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover{background-color:var(--diff-hunk-lineNumber-hover--)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:after,.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:before{display:block}.diff-tailwindcss-wrapper .diff-line-extend-wrapper *,.diff-tailwindcss-wrapper .diff-line-widget-wrapper *{color:initial}.diff-tailwindcss-wrapper .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.diff-tailwindcss-wrapper .group:hover .group-hover\:visible{visibility:visible}
+*/.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs{background:#0d1117;color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-doctag,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-keyword,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-tag,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-template-variable,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-type,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable.language_{color:#ff7b72}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.class_.inherited__,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-title.function_{color:#d2a8ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attr,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-attribute,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-literal,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-number,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-operator,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-attr,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-class,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-id,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-variable{color:#79c0ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-meta .hljs-string,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-regexp,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-string{color:#a5d6ff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-built_in,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-symbol{color:#ffa657}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-code,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-comment,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-formula{color:#8b949e}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-name,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-quote,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-pseudo,.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-selector-tag{color:#7ee787}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-subst{color:#c9d1d9}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-section{color:#1f6feb;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-bullet{color:#f2cc60}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-emphasis{color:#c9d1d9;font-style:italic}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-strong{color:#c9d1d9;font-weight:700}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-addition{background-color:#033a16;color:#aff5b4}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw .hljs-deletion{background-color:#67060c;color:#ffdcd7}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: } /*
+! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.diff-tailwindcss-wrapper .container{width:100%}@media (min-width:640px){.diff-tailwindcss-wrapper .container{max-width:640px}}@media (min-width:768px){.diff-tailwindcss-wrapper .container{max-width:768px}}@media (min-width:1024px){.diff-tailwindcss-wrapper .container{max-width:1024px}}@media (min-width:1280px){.diff-tailwindcss-wrapper .container{max-width:1280px}}@media (min-width:1536px){.diff-tailwindcss-wrapper .container{max-width:1536px}}.diff-tailwindcss-wrapper .invisible{visibility:hidden}.diff-tailwindcss-wrapper .absolute{position:absolute}.diff-tailwindcss-wrapper .relative{position:relative}.diff-tailwindcss-wrapper .sticky{position:sticky}.diff-tailwindcss-wrapper .left-0{left:0}.diff-tailwindcss-wrapper .left-\[100\%\]{left:100%}.diff-tailwindcss-wrapper .right-\[100\%\]{right:100%}.diff-tailwindcss-wrapper .top-0{top:0}.diff-tailwindcss-wrapper .top-\[1px\]{top:1px}.diff-tailwindcss-wrapper .top-\[50\%\]{top:50%}.diff-tailwindcss-wrapper .z-\[1\]{z-index:1}.diff-tailwindcss-wrapper .ml-\[-1\.5em\]{margin-left:-1.5em}.diff-tailwindcss-wrapper .block{display:block}.diff-tailwindcss-wrapper .inline-block{display:inline-block}.diff-tailwindcss-wrapper .flex{display:flex}.diff-tailwindcss-wrapper .table{display:table}.diff-tailwindcss-wrapper .hidden{display:none}.diff-tailwindcss-wrapper .h-\[50\%\]{height:50%}.diff-tailwindcss-wrapper .h-full{height:100%}.diff-tailwindcss-wrapper .min-h-\[28px\]{min-height:28px}.diff-tailwindcss-wrapper .w-\[1\%\]{width:1%}.diff-tailwindcss-wrapper .w-\[1\.5em\]{width:1.5em}.diff-tailwindcss-wrapper .w-\[1\.5px\]{width:1.5px}.diff-tailwindcss-wrapper .w-\[10px\]{width:10px}.diff-tailwindcss-wrapper .w-\[1px\]{width:1px}.diff-tailwindcss-wrapper .w-\[50\%\]{width:50%}.diff-tailwindcss-wrapper .w-full{width:100%}.diff-tailwindcss-wrapper .w-max{width:-moz-max-content;width:max-content}.diff-tailwindcss-wrapper .min-w-\[100px\]{min-width:100px}.diff-tailwindcss-wrapper .min-w-\[40px\]{min-width:40px}.diff-tailwindcss-wrapper .min-w-full{min-width:100%}.diff-tailwindcss-wrapper .flex-shrink-0,.diff-tailwindcss-wrapper .shrink-0{flex-shrink:0}.diff-tailwindcss-wrapper .basis-\[50\%\]{flex-basis:50%}.diff-tailwindcss-wrapper .table-fixed{table-layout:fixed}.diff-tailwindcss-wrapper .border-collapse{border-collapse:collapse}.diff-tailwindcss-wrapper .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.diff-tailwindcss-wrapper .origin-center{transform-origin:center}.diff-tailwindcss-wrapper .translate-x-\[-50\%\]{--tw-translate-x:-50%}.diff-tailwindcss-wrapper .translate-x-\[-50\%\],.diff-tailwindcss-wrapper .translate-x-\[50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .translate-x-\[50\%\]{--tw-translate-x:50%}.diff-tailwindcss-wrapper .translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.diff-tailwindcss-wrapper .cursor-pointer{cursor:pointer}.diff-tailwindcss-wrapper .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.diff-tailwindcss-wrapper .flex-col{flex-direction:column}.diff-tailwindcss-wrapper .items-start{align-items:flex-start}.diff-tailwindcss-wrapper .items-center{align-items:center}.diff-tailwindcss-wrapper .justify-center{justify-content:center}.diff-tailwindcss-wrapper .overflow-x-auto{overflow-x:auto}.diff-tailwindcss-wrapper .overflow-y-hidden{overflow-y:hidden}.diff-tailwindcss-wrapper .whitespace-nowrap{white-space:nowrap}.diff-tailwindcss-wrapper .break-all{word-break:break-all}.diff-tailwindcss-wrapper .rounded-\[0\.2em\]{border-radius:.2em}.diff-tailwindcss-wrapper .rounded-\[2px\]{border-radius:2px}.diff-tailwindcss-wrapper .rounded-md{border-radius:.375rem}.diff-tailwindcss-wrapper .border-l-\[1px\]{border-left-width:1px}.diff-tailwindcss-wrapper .fill-current{fill:currentColor}.diff-tailwindcss-wrapper .p-0{padding:0}.diff-tailwindcss-wrapper .p-\[1px\]{padding:1px}.diff-tailwindcss-wrapper .px-\[10px\]{padding-left:10px;padding-right:10px}.diff-tailwindcss-wrapper .py-\[2px\]{padding-bottom:2px;padding-top:2px}.diff-tailwindcss-wrapper .py-\[6px\]{padding-bottom:6px;padding-top:6px}.diff-tailwindcss-wrapper .pl-\[1\.5em\]{padding-left:1.5em}.diff-tailwindcss-wrapper .pl-\[10px\]{padding-left:10px}.diff-tailwindcss-wrapper .pl-\[2\.0em\]{padding-left:2em}.diff-tailwindcss-wrapper .pr-\[10px\]{padding-right:10px}.diff-tailwindcss-wrapper .text-right{text-align:right}.diff-tailwindcss-wrapper .indent-\[0\.2em\]{text-indent:.2em}.diff-tailwindcss-wrapper .align-top{vertical-align:top}.diff-tailwindcss-wrapper .align-middle{vertical-align:middle}.diff-tailwindcss-wrapper .text-\[1\.2em\]{font-size:1.2em}.diff-tailwindcss-wrapper .leading-\[1\.4\]{line-height:1.4}.diff-tailwindcss-wrapper .leading-\[1\.6\]{line-height:1.6}.diff-tailwindcss-wrapper .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.diff-tailwindcss-wrapper .opacity-\[0\.5\]{opacity:.5}.diff-tailwindcss-wrapper .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.diff-tailwindcss-wrapper .transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.diff-tailwindcss-wrapper[data-theme=light] .diff-style-root{--diff-border--:#dedede;--diff-add-content--:#e6ffec;--diff-del-content--:#ffebe9;--diff-add-lineNumber--:#ccffd8;--diff-del-lineNumber--:#ffd7d5;--diff-plain-content--:#fff;--diff-expand-content--:#fafafa;--diff-plain-lineNumber--:#fafafa;--diff-plain-lineNumber-color--:#555;--diff-hunk-content--:#ddf4ff;--diff-hunk-lineNumber--:#c7ecff;--diff-hunk-lineNumber-hover--:#9dc4f8;--diff-add-content-highlight--:#abf2bc;--diff-del-content-highlight--:#ffb3ad;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#fafafa;--diff-hunk-content-color--:#777;color:#000}.diff-tailwindcss-wrapper .diff-style-root .diff-line-syntax-raw *,.diff-tailwindcss-wrapper[data-theme=light] .diff-line-syntax-raw *{color:var(--diff-view-light,inherit);font-weight:var(--diff-view-light-font-weight,inherit)}.diff-tailwindcss-wrapper[data-theme=dark] .diff-style-root{--diff-border--:#3d444d;--diff-add-content--:#14261f;--diff-del-content--:#311b1f;--diff-add-lineNumber--:#1f4429;--diff-del-lineNumber--:#552527;--diff-plain-content--:#0d1117;--diff-expand-content--:#161b22;--diff-plain-lineNumber--:#161b22;--diff-plain-lineNumber-color--:#a0aaab;--diff-hunk-content--:#131d2e;--diff-hunk-lineNumber--:#204274;--diff-hunk-lineNumber-hover--:#386de3;--diff-add-content-highlight--:#1f572d;--diff-del-content-highlight--:#80312f;--diff-add-widget--:#0969d2;--diff-add-widget-color--:#fff;--diff-empty-content--:#161b22;--diff-hunk-content-color--:#9298a0;color:#fff}.diff-tailwindcss-wrapper[data-theme=dark] .diff-line-syntax-raw *{color:var(--diff-view-dark,inherit);font-weight:var(--diff-view-dark-font-weight,inherit)}.diff-tailwindcss-wrapper table,.diff-tailwindcss-wrapper td,.diff-tailwindcss-wrapper tr{border-color:transparent;border-width:0}.diff-tailwindcss-wrapper .diff-style-root tr{content-visibility:auto}.diff-tailwindcss-wrapper .diff-widget-tooltip{position:relative}.diff-tailwindcss-wrapper .diff-widget-tooltip:after{background-color:#555;border-radius:4px;box-sizing:border-box;color:#fff;content:attr(data-title);display:none;font-size:11px;left:calc(100% + 8px);overflow:hidden;padding:1px 2px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap}.diff-tailwindcss-wrapper .diff-widget-tooltip:before{border:6px solid transparent;border-right-color:#555;box-sizing:border-box;content:"";display:none;left:calc(100% - 2px);position:absolute;top:50%;transform:translateY(-50%)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover{background-color:var(--diff-hunk-lineNumber-hover--)}.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:after,.diff-tailwindcss-wrapper .diff-widget-tooltip:hover:before{display:block}.diff-line-extend-wrapper *,.diff-line-widget-wrapper *{color:initial}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-blue-300:hover{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.group:hover .group-hover\:visible{visibility:visible}

package/dist/esm/index.mjs

@@ -556,37 +556,45 @@ const useDomWidth = ({ selector, enable }) => {
 const useSyncHeight = ({ selector, wrapper, side, enable, }) => {
     const { useDiffContext } = useDiffViewContext();
     const id = useDiffContext(useCallback((s) => s.id, []));
-    useSafeLayout(() => {
+    useEffect(() => {
         if (enable) {
-            const container = document.querySelector(`#diff-root${id}`);
-            const elements = Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(selector)) || []);
-            const wrappers = wrapper ? Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(wrapper)) || []) : elements;
-            if (elements.length === 2 && wrappers.length === 2) {
-                const ele1 = elements[0];
-                const ele2 = elements[1];
-                const wrapper1 = wrappers[0];
-                const wrapper2 = wrappers[1];
-                const target = ele1.getAttribute("data-side") === side ? ele1 : ele2;
-                const cb = () => {
-                    ele1.style.height = "auto";
-                    ele2.style.height = "auto";
-                    const rect1 = ele1.getBoundingClientRect();
-                    const rect2 = ele2.getBoundingClientRect();
-                    const maxHeight = Math.max(rect1.height, rect2.height);
-                    wrapper1.style.height = maxHeight + "px";
-                    wrapper2.style.height = maxHeight + "px";
-                    wrapper1.setAttribute("data-sync-height", String(maxHeight));
-                    wrapper2.setAttribute("data-sync-height", String(maxHeight));
-                };
-                cb();
-                const observer = new ResizeObserver(cb);
-                observer.observe(target);
-                target.setAttribute("data-observe", "height");
-                return () => {
-                    observer.disconnect();
-                    target === null || target === void 0 ? void 0 : target.removeAttribute("data-observe");
-                };
-            }
+            let clean = () => { };
+            // fix the dom delay update
+            const timer = setTimeout(() => {
+                const container = document.querySelector(`#diff-root${id}`);
+                const elements = Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(selector)) || []);
+                const wrappers = wrapper ? Array.from((container === null || container === void 0 ? void 0 : container.querySelectorAll(wrapper)) || []) : elements;
+                if (elements.length === 2 && wrappers.length === 2) {
+                    const ele1 = elements[0];
+                    const ele2 = elements[1];
+                    const wrapper1 = wrappers[0];
+                    const wrapper2 = wrappers[1];
+                    const target = ele1.getAttribute("data-side") === side ? ele1 : ele2;
+                    const cb = () => {
+                        ele1.style.height = "auto";
+                        ele2.style.height = "auto";
+                        const rect1 = ele1.getBoundingClientRect();
+                        const rect2 = ele2.getBoundingClientRect();
+                        const maxHeight = Math.max(rect1.height, rect2.height);
+                        wrapper1.style.height = maxHeight + "px";
+                        wrapper2.style.height = maxHeight + "px";
+                        wrapper1.setAttribute("data-sync-height", String(maxHeight));
+                        wrapper2.setAttribute("data-sync-height", String(maxHeight));
+                    };
+                    cb();
+                    const observer = new ResizeObserver(cb);
+                    observer.observe(target);
+                    target.setAttribute("data-observe", "height");
+                    clean = () => {
+                        observer.disconnect();
+                        target === null || target === void 0 ? void 0 : target.removeAttribute("data-observe");
+                    };
+                }
+            });
+            return () => {
+                clean();
+                clearTimeout(timer);
+            };
         }
     }, [selector, enable, side, id, wrapper]);
 };
@@ -598,28 +606,29 @@ const _DiffSplitExtendLine$1 = ({ index, diffFile, oldLineExtend, newLineExtend,
     const renderExtendLine = useDiffContext.useShallowStableSelector((s) => s.renderExtendLine);
     const currentExtend = side === SplitSide.old ? oldLineExtend : newLineExtend;
     const currentLineNumber = side === SplitSide.old ? oldLine.lineNumber : newLine.lineNumber;
+    const hasExtend = (currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) !== undefined && (currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) !== null;
+    const currentExtendRendered = hasExtend &&
+        (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
+            diffFile,
+            side,
+            lineNumber: currentLineNumber,
+            data: currentExtend.data,
+            onUpdate: diffFile.notifyAll,
+        }));
     useSyncHeight({
         selector: `div[data-line="${lineNumber}-extend-content"]`,
         wrapper: `tr[data-line="${lineNumber}-extend"]`,
         side: SplitSide[side],
-        enable: !!(currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) && typeof renderExtendLine === "function",
+        enable: hasExtend && typeof renderExtendLine === "function",
     });
     const width = useDomWidth({
         selector: side === SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
-        enable: !!(currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) && typeof renderExtendLine === "function",
+        enable: hasExtend && typeof renderExtendLine === "function",
     });
     if (!renderExtendLine)
         return null;
-    return (React.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", "data-side": SplitSide[side], className: "diff-line diff-line-extend" }, currentExtend ? (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-content p-0`, colSpan: 2 },
-        React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side], className: "diff-line-extend-wrapper sticky left-0", style: { width } }, width > 0 &&
-            (currentExtend === null || currentExtend === void 0 ? void 0 : currentExtend.data) &&
-            (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
-                diffFile,
-                side,
-                lineNumber: currentLineNumber,
-                data: currentExtend.data,
-                onUpdate: diffFile.notifyAll,
-            }))))) : (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-placeholder select-none p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
+    return (React.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", "data-side": SplitSide[side], className: "diff-line diff-line-extend" }, hasExtend ? (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-content p-0`, colSpan: 2 },
+        React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side], className: "diff-line-extend-wrapper sticky left-0", style: { width } }, width > 0 && currentExtendRendered))) : (React.createElement("td", { className: `diff-line-extend-${SplitSide[side]}-placeholder select-none p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
         React.createElement("div", { "data-line": `${lineNumber}-extend-content`, "data-side": SplitSide[side] })))));
 };
 const DiffSplitExtendLine$1 = ({ index, diffFile, side, lineNumber, }) => {
@@ -758,11 +767,18 @@ const DiffSplitHunkLine$1 = ({ index, diffFile, side, lineNumber, }) => {
 const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWidget, currentWidget, }) => {
     const { useDiffContext } = useDiffViewContext();
     const renderWidgetLine = useDiffContext.useShallowStableSelector((s) => s.renderWidgetLine);
+    const currentWidgetRendered = currentWidget &&
+        (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
+            diffFile,
+            side,
+            lineNumber: currentLine.lineNumber,
+            onClose: () => setWidget({}),
+        }));
     useSyncHeight({
         selector: `div[data-line="${lineNumber}-widget-content"]`,
         wrapper: `tr[data-line="${lineNumber}-widget"]`,
         side: SplitSide[side],
-        enable: currentWidget && typeof renderWidgetLine === "function",
+        enable: !!currentWidget && typeof renderWidgetLine === "function",
     });
     const width = useDomWidth({
         selector: side === SplitSide.old ? ".old-diff-table-wrapper" : ".new-diff-table-wrapper",
@@ -771,13 +787,7 @@ const _DiffSplitWidgetLine$1 = ({ diffFile, side, lineNumber, currentLine, setWi
     if (!renderWidgetLine)
         return null;
     return (React.createElement("tr", { "data-line": `${lineNumber}-widget`, "data-state": "widget", "data-side": SplitSide[side], className: "diff-line diff-line-widget" }, currentWidget ? (React.createElement("td", { className: `diff-line-widget-${SplitSide[side]}-content p-0`, colSpan: 2 },
-        React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side], className: "diff-line-widget-wrapper sticky left-0", style: { width } }, width > 0 &&
-            (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
-                diffFile,
-                side,
-                lineNumber: currentLine.lineNumber,
-                onClose: () => setWidget({}),
-            }))))) : (React.createElement("td", { className: `diff-line-widget-${SplitSide[side]}-placeholder p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
+        React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side], className: "diff-line-widget-wrapper sticky left-0", style: { width } }, width > 0 && currentWidgetRendered))) : (React.createElement("td", { className: `diff-line-widget-${SplitSide[side]}-placeholder p-0`, style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
         React.createElement("div", { "data-line": `${lineNumber}-widget-content`, "data-side": SplitSide[side] })))));
 };
 const DiffSplitWidgetLine$1 = ({ index, diffFile, side, lineNumber, }) => {
@@ -934,27 +944,27 @@ const _DiffSplitExtendLine = ({ index, diffFile, lineNumber, oldLineExtend, newL
     const renderExtendLine = useDiffContext.useShallowStableSelector((s) => s.renderExtendLine);
     if (!renderExtendLine)
         return null;
+    const oldExtendRendered = (oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) &&
+        (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
+            diffFile,
+            side: SplitSide.old,
+            lineNumber: oldLine.lineNumber,
+            data: oldLineExtend.data,
+            onUpdate: diffFile.notifyAll,
+        }));
+    const newExtendRendered = (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) &&
+        (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
+            diffFile,
+            side: SplitSide.new,
+            lineNumber: newLine.lineNumber,
+            data: newLineExtend.data,
+            onUpdate: diffFile.notifyAll,
+        }));
     return (React.createElement("tr", { "data-line": `${lineNumber}-extend`, "data-state": "extend", className: "diff-line diff-line-extend" },
-        oldLineExtend ? (React.createElement("td", { className: "diff-line-extend-old-content p-0", colSpan: 2 },
-            React.createElement("div", { className: "diff-line-extend-wrapper" }, (oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) &&
-                (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
-                    diffFile,
-                    side: SplitSide.old,
-                    lineNumber: oldLine.lineNumber,
-                    data: oldLineExtend.data,
-                    onUpdate: diffFile.notifyAll,
-                }))))) : (React.createElement("td", { className: "diff-line-extend-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
-            React.createElement("span", null, "\u2002"))),
-        newLineExtend ? (React.createElement("td", { className: "diff-line-extend-new-content border-l-[1px] p-0", style: { borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
-            React.createElement("div", { className: "diff-line-extend-wrapper" }, (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) &&
-                (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
-                    diffFile,
-                    side: SplitSide.new,
-                    lineNumber: newLine.lineNumber,
-                    data: newLineExtend.data,
-                    onUpdate: diffFile.notifyAll,
-                }))))) : (React.createElement("td", { className: "diff-line-extend-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
-            React.createElement("span", null, "\u2002")))));
+        oldExtendRendered ? (React.createElement("td", { className: "diff-line-extend-old-content p-0", colSpan: 2 },
+            React.createElement("div", { className: "diff-line-extend-wrapper" }, oldExtendRendered))) : (React.createElement("td", { className: "diff-line-extend-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 }, newExtendRendered && React.createElement("span", null, "\u2002"))),
+        newExtendRendered ? (React.createElement("td", { className: "diff-line-extend-new-content border-l-[1px] p-0", style: { borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
+            React.createElement("div", { className: "diff-line-extend-wrapper" }, newExtendRendered))) : (React.createElement("td", { className: "diff-line-extend-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 }, oldExtendRendered && React.createElement("span", null, "\u2002")))));
 };
 const DiffSplitExtendLine = ({ index, diffFile, lineNumber, }) => {
     const { useDiffContext } = useDiffViewContext();
@@ -1076,25 +1086,17 @@ const _DiffSplitWidgetLine = ({ index, diffFile, lineNumber, oldLineWidget, newL
     const renderWidgetLine = useDiffContext.useShallowStableSelector((s) => s.renderWidgetLine);
     const oldLine = diffFile.getSplitLeftLine(index);
     const newLine = diffFile.getSplitRightLine(index);
+    const oldWidgetRendered = oldLineWidget &&
+        (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({ diffFile, side: SplitSide.old, lineNumber: oldLine.lineNumber, onClose: () => setWidget({}) }));
+    const newWidgetRendered = newLineWidget &&
+        (renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({ diffFile, side: SplitSide.new, lineNumber: newLine.lineNumber, onClose: () => setWidget({}) }));
     if (!renderWidgetLine)
         return null;
     return (React.createElement("tr", { "data-line": `${lineNumber}-widget`, "data-state": "widget", className: "diff-line diff-line-widget" },
-        oldLineWidget ? (React.createElement("td", { className: "diff-line-widget-old-content p-0", colSpan: 2 },
-            React.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
-                diffFile,
-                side: SplitSide.old,
-                lineNumber: oldLine.lineNumber,
-                onClose: () => setWidget({}),
-            })))) : (React.createElement("td", { className: "diff-line-widget-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 },
-            React.createElement("span", null, "\u2002"))),
-        newLineWidget ? (React.createElement("td", { className: "diff-line-widget-new-content border-l-[1px] p-0", colSpan: 2, style: { borderLeftColor: `var(${borderColorName})` } },
-            React.createElement("div", { className: "diff-line-widget-wrapper" }, renderWidgetLine === null || renderWidgetLine === void 0 ? void 0 : renderWidgetLine({
-                diffFile,
-                side: SplitSide.new,
-                lineNumber: newLine.lineNumber,
-                onClose: () => setWidget({}),
-            })))) : (React.createElement("td", { className: "diff-line-widget-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 },
-            React.createElement("span", null, "\u2002")))));
+        oldWidgetRendered ? (React.createElement("td", { className: "diff-line-widget-old-content p-0", colSpan: 2 },
+            React.createElement("div", { className: "diff-line-widget-wrapper" }, oldWidgetRendered))) : (React.createElement("td", { className: "diff-line-widget-old-placeholder select-none p-0", style: { backgroundColor: `var(${emptyBGName})` }, colSpan: 2 }, newWidgetRendered && React.createElement("span", null, "\u2002"))),
+        newWidgetRendered ? (React.createElement("td", { className: "diff-line-widget-new-content border-l-[1px] p-0", colSpan: 2, style: { borderLeftColor: `var(${borderColorName})` } },
+            React.createElement("div", { className: "diff-line-widget-wrapper" }, newWidgetRendered))) : (React.createElement("td", { className: "diff-line-widget-new-placeholder select-none border-l-[1px] p-0", style: { backgroundColor: `var(${emptyBGName})`, borderLeftColor: `var(${borderColorName})` }, colSpan: 2 }, oldWidgetRendered && React.createElement("span", null, "\u2002")))));
 };
 const DiffSplitWidgetLine = ({ index, diffFile, lineNumber, }) => {
     const { useWidget } = useDiffWidgetContext();
@@ -1306,7 +1308,8 @@ const _DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, oldLineExtend, ne
         React.createElement("td", { className: "diff-line-extend-content p-0 align-top", colSpan: 2 },
             React.createElement("div", { className: "diff-line-extend-wrapper sticky left-0", style: { width } },
                 width > 0 &&
-                    (oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) &&
+                    (oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) !== undefined &&
+                    (oldLineExtend === null || oldLineExtend === void 0 ? void 0 : oldLineExtend.data) !== null &&
                     (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                         diffFile,
                         side: SplitSide.old,
@@ -1315,7 +1318,8 @@ const _DiffUnifiedExtendLine = ({ index, diffFile, lineNumber, oldLineExtend, ne
                         onUpdate: diffFile.notifyAll,
                     })),
                 width > 0 &&
-                    (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) &&
+                    (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) !== undefined &&
+                    (newLineExtend === null || newLineExtend === void 0 ? void 0 : newLineExtend.data) !== null &&
                     (renderExtendLine === null || renderExtendLine === void 0 ? void 0 : renderExtendLine({
                         diffFile,
                         side: SplitSide.new,
@@ -1522,14 +1526,15 @@ const _InternalDiffView = (props) => {
     ]);
     useEffect(() => {
         const cb = diffFile.subscribe(() => {
-            var _a;
+            var _a, _b;
             (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute("data-theme", diffFile._getTheme() || "light");
+            (_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.setAttribute("data-highlighter", diffFile._getHighlighterName());
         });
         return cb;
     }, [diffFile]);
     const value = useMemo(() => ({ useDiffContext }), [useDiffContext]);
     return (React.createElement(DiffViewContext.Provider, { value: value },
-        React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.18", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
+        React.createElement("div", { className: "diff-tailwindcss-wrapper", "data-component": "git-diff-view", "data-theme": diffFile._getTheme() || "light", "data-version": "0.0.20", "data-highlighter": diffFile._getHighlighterName(), ref: wrapperRef },
             React.createElement("div", { className: "diff-style-root", style: {
                     // @ts-ignore
                     [diffFontSizeName]: diffViewFontSize + "px",
@@ -1543,6 +1548,9 @@ const DiffViewWithRef = (props, ref) => {
     const diffFile = useMemo(() => {
         var _a, _b, _c, _d, _e, _f;
         if (_diffFile) {
+            // missing data for plain file render
+            // TODO next release update ?
+            // will cause more complex for diffFile flow control, keep current
             const diffFile = DiffFile.createInstance({});
             diffFile._mergeFullBundle(_diffFile._getFullBundle());
             return diffFile;
@@ -1557,6 +1565,14 @@ const DiffViewWithRef = (props, ref) => {
         (_b = (_a = diffFileRef.current).clear) === null || _b === void 0 ? void 0 : _b.call(_a);
         diffFileRef.current = diffFile;
     }
+    useEffect(() => {
+        if (_diffFile && diffFile) {
+            _diffFile._addClonedInstance(diffFile);
+            return () => {
+                _diffFile._delClonedInstance(diffFile);
+            };
+        }
+    }, [diffFile, _diffFile]);
     useEffect(() => {
         if (!diffFile)
             return;
@@ -1573,16 +1589,8 @@ const DiffViewWithRef = (props, ref) => {
             diffFile.notifyAll();
         }
     }, [diffFile, props.diffViewHighlight, registerHighlighter, diffViewTheme]);
-    useEffect(() => {
-        if (_diffFile && diffFile) {
-            _diffFile._addClonedInstance(diffFile);
-            return () => {
-                _diffFile._delClonedInstance(diffFile);
-            };
-        }
-    }, [diffFile, _diffFile]);
     // fix react strict mode error
-    useUnmount(() => { var _a; return (_a = diffFile === null || diffFile === void 0 ? void 0 : diffFile._destroy) === null || _a === void 0 ? void 0 : _a.call(diffFile); }, [diffFile]);
+    useUnmount(() => { var _a, _b; return (process.env.NODE_ENV === "development" ? (_a = diffFile === null || diffFile === void 0 ? void 0 : diffFile._destroy) === null || _a === void 0 ? void 0 : _a.call(diffFile) : (_b = diffFile === null || diffFile === void 0 ? void 0 : diffFile.clear) === null || _b === void 0 ? void 0 : _b.call(diffFile)); }, [diffFile]);
     useImperativeHandle(ref, () => ({ getDiffFileInstance: () => diffFile }), [diffFile]);
     if (!diffFile)
         return null;
@@ -1590,7 +1598,7 @@ const DiffViewWithRef = (props, ref) => {
 };
 const DiffView = forwardRef(DiffViewWithRef);
 DiffView.displayName = "DiffView";
-const version = "0.0.18";
+const version = "0.0.20";
 
 export { DiffModeEnum, DiffView, DiffViewContext, SplitSide, useDiffViewContext, version };
 //# sourceMappingURL=index.mjs.map