@limetech/lime-elements 39.6.0 → 39.7.0

package/dist/types/components/code-diff/code-diff.d.ts

@@ -0,0 +1,147 @@
+import { Languages } from '../date-picker/date.types';
+/**
+ * Displays a visual diff between two text values, modeled on
+ * GitHub's code difference view.
+ *
+ * Supports unified and split (side-by-side) views with line numbers,
+ * color-coded additions and removals, word-level inline highlighting,
+ * and collapsible unchanged context sections.
+ *
+ * @beta
+ * @exampleComponent limel-example-code-diff-basic
+ * @exampleComponent limel-example-code-diff-headings
+ * @exampleComponent limel-example-code-diff-json
+ * @exampleComponent limel-example-code-diff-split
+ * @exampleComponent limel-example-code-diff-line-wrap
+ * @exampleComponent limel-example-code-diff-expand
+ */
+export declare class CodeDiff {
+    /**
+     * The "before" value to compare.
+     * Can be a string or an object (which will be serialized to JSON).
+     */
+    oldValue: string | object;
+    /**
+     * The "after" value to compare.
+     * Can be a string or an object (which will be serialized to JSON).
+     */
+    newValue: string | object;
+    /**
+     * Heading for the original (before) version, displayed in the diff header.
+     * Defaults to `"Original"`, localized via `translationLanguage`.
+     */
+    oldHeading?: string;
+    /**
+     * Heading for the modified (after) version, displayed in the diff header.
+     * Defaults to `"Modified"`, localized via `translationLanguage`.
+     */
+    newHeading?: string;
+    /**
+     * The layout of the diff view.
+     * - `unified` — single column with interleaved additions and removals
+     * - `split` — side-by-side comparison with old on left, new on right
+     */
+    layout: 'unified' | 'split';
+    /**
+     * Number of unchanged context lines to display around each change.
+     */
+    contextLines: number;
+    /**
+     * When `true`, long lines are wrapped instead of causing
+     * horizontal scrolling. Useful when comparing prose or
+     * config files with long values.
+     */
+    lineWrapping: boolean;
+    /**
+     * Language for syntax highlighting.
+     * Currently supports `"json"`. When set, code tokens are
+     * colorized (strings, numbers, keys, etc.) alongside the
+     * diff highlighting.
+     */
+    language?: string;
+    /**
+     * When `true`, JSON values are parsed, keys are sorted,
+     * and indentation is normalized before diffing.
+     * This eliminates noise from formatting or key-order differences.
+     */
+    reformatJson: boolean;
+    /**
+     * Defines the language for translations.
+     * Will translate all visible labels and announcements.
+     */
+    translationLanguage: Languages;
+    private readonly host;
+    private diffResult;
+    private liveAnnouncement;
+    private copyState;
+    private searchVisible;
+    private searchTerm;
+    private currentMatchIndex;
+    private focusedRowIndex;
+    private normalizedOldText;
+    /**
+     * Render-time counter that increments for each search match
+     * found while rendering removed lines. Used to determine which
+     * match is the "current" one for navigation highlighting.
+     */
+    private searchMatchCounter;
+    /**
+     * Total search matches found during the last render pass.
+     */
+    private totalSearchMatches;
+    /**
+     * Whether the current render is inside a removed line,
+     * so search highlighting knows when to activate.
+     */
+    private isRenderingRemovedLine;
+    /**
+     * Cached search regex for the current render pass.
+     * Built once in render() and reused across all renderSearchableText calls.
+     */
+    private activeSearchRegex;
+    private searchInputEl;
+    private prevSearchVisible;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    render(): any;
+    protected watchInputs(): void;
+    private recomputeDiff;
+    private formatSrSummary;
+    private renderScreenReaderSummary;
+    private handleKeyDown;
+    private getDiffRows;
+    private updateRowFocus;
+    private announceLine;
+    private renderHeader;
+    private renderCopyButton;
+    private copyToClipboard;
+    private renderSearchToggle;
+    private renderSearchBar;
+    private toggleSearch;
+    private onSearchInput;
+    private onSearchKeyDown;
+    private computeLineNumberWidth;
+    private getSearchActions;
+    private onSearchAction;
+    private navigateSearch;
+    private renderDiff;
+    private renderHunks;
+    private renderHunkLines;
+    private renderChangeBlock;
+    private renderLine;
+    private renderSplitHunkRows;
+    private renderSplitChangeBlock;
+    private renderSplitRow;
+    private renderBlockCopyButton;
+    private renderContent;
+    private renderSegment;
+    private renderSyntaxTokens;
+    private renderSyntaxToken;
+    private renderSearchableText;
+    private renderCollapsedRow;
+    private renderCollapsedAfterRow;
+    private expandHunk;
+    private expandAfter;
+    private getTranslation;
+}
+//# sourceMappingURL=code-diff.d.ts.map

package/dist/types/components/code-diff/content-utils.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Pure utility functions for extracting text content from diff structures.
+ */
+import { DiffLine, SplitDiffLine } from './types';
+/**
+ * Extract the text content of removed lines from a unified change block.
+ *
+ * @param lines - consecutive changed lines from a unified diff hunk
+ * @returns the removed lines joined by newlines, or empty string if none
+ */
+export declare function extractRemovedContent(lines: DiffLine[]): string;
+/**
+ * Extract the text content of removed lines from a split change block.
+ *
+ * @param rows - consecutive changed rows from a split diff hunk
+ * @returns the removed lines joined by newlines, or empty string if none
+ */
+export declare function extractRemovedContentFromSplit(rows: SplitDiffLine[]): string;
+/**
+ * Format a screen-reader summary of diff additions and deletions.
+ *
+ * @param additions - number of added lines
+ * @param deletions - number of removed lines
+ * @returns human-readable summary string, or null if no changes
+ */
+export declare function formatDiffSummary(additions: number, deletions: number): string | null;
+//# sourceMappingURL=content-utils.d.ts.map

package/dist/types/components/code-diff/diff-engine.d.ts

@@ -0,0 +1,36 @@
+import { DiffLine, DiffResult, SplitDiffLine } from './types';
+/**
+ * Compute a structured diff between two strings.
+ *
+ * @param oldText - the "before" text
+ * @param newText - the "after" text
+ * @param contextLines - number of unchanged lines to show around each change
+ * @returns a DiffResult with hunks, additions, and deletions counts
+ */
+export declare function computeDiff(oldText: string, newText: string, contextLines?: number): DiffResult;
+/**
+ * Re-group previously computed flat lines into hunks.
+ * Used when expanding collapsed sections without re-diffing.
+ *
+ * @param allLines - the full flat diff lines from a previous computation
+ * @param contextLines - number of context lines around changes
+ * @returns a DiffResult with new hunk groupings
+ */
+export declare function regroupLines(allLines: DiffLine[], contextLines: number): DiffResult;
+/**
+ * Build paired rows for split (side-by-side) view from flat diff lines.
+ * Context lines appear on both sides. Adjacent removed+added lines
+ * are paired into the same row.
+ *
+ * @param lines - flat diff lines
+ * @returns paired rows for split rendering
+ */
+export declare function buildSplitLines(lines: DiffLine[]): SplitDiffLine[];
+/**
+ * Normalize values for diffing. If `reformatJson` is true,
+ * parse and re-stringify with sorted keys and consistent indentation.
+ * @param value
+ * @param reformatJson
+ */
+export declare function normalizeForDiff(value: string | object, reformatJson?: boolean): string;
+//# sourceMappingURL=diff-engine.d.ts.map

package/dist/types/components/code-diff/search-utils.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Pure utility functions for search-within-diff functionality.
+ */
+/**
+ * Escape special regex characters in a search term so it can
+ * be used as a literal pattern in a RegExp constructor.
+ *
+ * @param term - the raw search string
+ * @returns regex-safe string
+ */
+export declare function escapeRegex(term: string): string;
+/**
+ * Build a case-insensitive regex that captures the search term.
+ * Returns `null` when the term is empty.
+ *
+ * @param term - the raw search string
+ * @returns a RegExp with a single capture group, or null
+ */
+export declare function buildSearchRegex(term: string): RegExp | null;
+/**
+ * Calculate the next match index when navigating forward or backward,
+ * wrapping around at the boundaries.
+ *
+ * @param currentIndex - current zero-based match index
+ * @param direction - +1 for next, -1 for previous
+ * @param total - total number of matches
+ * @returns the new match index
+ */
+export declare function navigateMatchIndex(currentIndex: number, direction: number, total: number): number;
+//# sourceMappingURL=search-utils.d.ts.map

package/dist/types/components/code-diff/syntax-highlighter.d.ts

@@ -0,0 +1,19 @@
+/**
+ * A syntax token representing a colored segment of code.
+ */
+export interface SyntaxToken {
+    value: string;
+    type: SyntaxTokenType;
+}
+export type SyntaxTokenType = 'plain' | 'string' | 'number' | 'boolean' | 'null' | 'key' | 'punctuation';
+/**
+ * Tokenize a text fragment for syntax highlighting.
+ * Returns the original text as a single plain token when the
+ * language is not supported.
+ *
+ * @param text - the text to tokenize
+ * @param language - the language identifier (e.g. "json")
+ * @returns array of syntax tokens
+ */
+export declare function tokenize(text: string, language?: string): SyntaxToken[];
+//# sourceMappingURL=syntax-highlighter.d.ts.map

package/dist/types/components/code-diff/types.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Represents a segment within a diff line that may or may not be highlighted.
+ * Used for word-level diff highlighting within changed lines.
+ */
+export interface DiffSegment {
+    value: string;
+    type: 'equal' | 'added' | 'removed';
+}
+/**
+ * Represents a single line in the diff output.
+ */
+export interface DiffLine {
+    type: 'added' | 'removed' | 'context';
+    content: string;
+    oldLineNumber?: number;
+    newLineNumber?: number;
+    segments?: DiffSegment[];
+}
+/**
+ * A group of diff lines with surrounding context.
+ */
+export interface DiffHunk {
+    lines: DiffLine[];
+    collapsedBefore?: number;
+    /** Index of the first line in this hunk within the flat `allLines` array. */
+    startIndex: number;
+}
+/**
+ * A paired row for split (side-by-side) view.
+ * One or both sides may be present.
+ */
+export interface SplitDiffLine {
+    left?: DiffLine;
+    right?: DiffLine;
+}
+/**
+ * The full computed diff result.
+ */
+export interface DiffResult {
+    hunks: DiffHunk[];
+    additions: number;
+    deletions: number;
+    collapsedAfter?: number;
+    /**
+     * The full flat list of diff lines before grouping.
+     * Used internally for re-grouping when expanding hunks.
+     */
+    allLines: DiffLine[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types/components.d.ts

@@ -955,6 +955,69 @@ export namespace Components {
          */
         "value": number;
     }
+    /**
+     * Displays a visual diff between two text values, modeled on
+     * GitHub's code difference view.
+     * Supports unified and split (side-by-side) views with line numbers,
+     * color-coded additions and removals, word-level inline highlighting,
+     * and collapsible unchanged context sections.
+     * @beta 
+     * @exampleComponent limel-example-code-diff-basic
+     * @exampleComponent limel-example-code-diff-headings
+     * @exampleComponent limel-example-code-diff-json
+     * @exampleComponent limel-example-code-diff-split
+     * @exampleComponent limel-example-code-diff-line-wrap
+     * @exampleComponent limel-example-code-diff-expand
+     */
+    interface LimelCodeDiff {
+        /**
+          * Number of unchanged context lines to display around each change.
+          * @default 3
+         */
+        "contextLines": number;
+        /**
+          * Language for syntax highlighting. Currently supports `"json"`. When set, code tokens are colorized (strings, numbers, keys, etc.) alongside the diff highlighting.
+         */
+        "language"?: string;
+        /**
+          * The layout of the diff view. - `unified` — single column with interleaved additions and removals - `split` — side-by-side comparison with old on left, new on right
+          * @default 'unified'
+         */
+        "layout": 'unified' | 'split';
+        /**
+          * When `true`, long lines are wrapped instead of causing horizontal scrolling. Useful when comparing prose or config files with long values.
+          * @default true
+         */
+        "lineWrapping": boolean;
+        /**
+          * Heading for the modified (after) version, displayed in the diff header. Defaults to `"Modified"`, localized via `translationLanguage`.
+         */
+        "newHeading"?: string;
+        /**
+          * The "after" value to compare. Can be a string or an object (which will be serialized to JSON).
+          * @default ''
+         */
+        "newValue": string | object;
+        /**
+          * Heading for the original (before) version, displayed in the diff header. Defaults to `"Original"`, localized via `translationLanguage`.
+         */
+        "oldHeading"?: string;
+        /**
+          * The "before" value to compare. Can be a string or an object (which will be serialized to JSON).
+          * @default ''
+         */
+        "oldValue": string | object;
+        /**
+          * When `true`, JSON values are parsed, keys are sorted, and indentation is normalized before diffing. This eliminates noise from formatting or key-order differences.
+          * @default false
+         */
+        "reformatJson": boolean;
+        /**
+          * Defines the language for translations. Will translate all visible labels and announcements.
+          * @default 'en'
+         */
+        "translationLanguage": Languages;
+    }
     /**
      * @exampleComponent limel-example-code-editor
      * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
@@ -4492,6 +4555,26 @@ declare global {
         prototype: HTMLLimelCircularProgressElement;
         new (): HTMLLimelCircularProgressElement;
     };
+    /**
+     * Displays a visual diff between two text values, modeled on
+     * GitHub's code difference view.
+     * Supports unified and split (side-by-side) views with line numbers,
+     * color-coded additions and removals, word-level inline highlighting,
+     * and collapsible unchanged context sections.
+     * @beta 
+     * @exampleComponent limel-example-code-diff-basic
+     * @exampleComponent limel-example-code-diff-headings
+     * @exampleComponent limel-example-code-diff-json
+     * @exampleComponent limel-example-code-diff-split
+     * @exampleComponent limel-example-code-diff-line-wrap
+     * @exampleComponent limel-example-code-diff-expand
+     */
+    interface HTMLLimelCodeDiffElement extends Components.LimelCodeDiff, HTMLStencilElement {
+    }
+    var HTMLLimelCodeDiffElement: {
+        prototype: HTMLLimelCodeDiffElement;
+        new (): HTMLLimelCodeDiffElement;
+    };
     interface HTMLLimelCodeEditorElementEventMap {
         "change": string;
     }
@@ -6212,6 +6295,7 @@ declare global {
         "limel-chip": HTMLLimelChipElement;
         "limel-chip-set": HTMLLimelChipSetElement;
         "limel-circular-progress": HTMLLimelCircularProgressElement;
+        "limel-code-diff": HTMLLimelCodeDiffElement;
         "limel-code-editor": HTMLLimelCodeEditorElement;
         "limel-collapsible-section": HTMLLimelCollapsibleSectionElement;
         "limel-color-picker": HTMLLimelColorPickerElement;
@@ -7178,6 +7262,69 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    /**
+     * Displays a visual diff between two text values, modeled on
+     * GitHub's code difference view.
+     * Supports unified and split (side-by-side) views with line numbers,
+     * color-coded additions and removals, word-level inline highlighting,
+     * and collapsible unchanged context sections.
+     * @beta 
+     * @exampleComponent limel-example-code-diff-basic
+     * @exampleComponent limel-example-code-diff-headings
+     * @exampleComponent limel-example-code-diff-json
+     * @exampleComponent limel-example-code-diff-split
+     * @exampleComponent limel-example-code-diff-line-wrap
+     * @exampleComponent limel-example-code-diff-expand
+     */
+    interface LimelCodeDiff {
+        /**
+          * Number of unchanged context lines to display around each change.
+          * @default 3
+         */
+        "contextLines"?: number;
+        /**
+          * Language for syntax highlighting. Currently supports `"json"`. When set, code tokens are colorized (strings, numbers, keys, etc.) alongside the diff highlighting.
+         */
+        "language"?: string;
+        /**
+          * The layout of the diff view. - `unified` — single column with interleaved additions and removals - `split` — side-by-side comparison with old on left, new on right
+          * @default 'unified'
+         */
+        "layout"?: 'unified' | 'split';
+        /**
+          * When `true`, long lines are wrapped instead of causing horizontal scrolling. Useful when comparing prose or config files with long values.
+          * @default true
+         */
+        "lineWrapping"?: boolean;
+        /**
+          * Heading for the modified (after) version, displayed in the diff header. Defaults to `"Modified"`, localized via `translationLanguage`.
+         */
+        "newHeading"?: string;
+        /**
+          * The "after" value to compare. Can be a string or an object (which will be serialized to JSON).
+          * @default ''
+         */
+        "newValue"?: string | object;
+        /**
+          * Heading for the original (before) version, displayed in the diff header. Defaults to `"Original"`, localized via `translationLanguage`.
+         */
+        "oldHeading"?: string;
+        /**
+          * The "before" value to compare. Can be a string or an object (which will be serialized to JSON).
+          * @default ''
+         */
+        "oldValue"?: string | object;
+        /**
+          * When `true`, JSON values are parsed, keys are sorted, and indentation is normalized before diffing. This eliminates noise from formatting or key-order differences.
+          * @default false
+         */
+        "reformatJson"?: boolean;
+        /**
+          * Defines the language for translations. Will translate all visible labels and announcements.
+          * @default 'en'
+         */
+        "translationLanguage"?: Languages;
+    }
     /**
      * @exampleComponent limel-example-code-editor
      * @exampleComponent limel-example-code-editor-readonly-with-line-numbers
@@ -10414,6 +10561,18 @@ declare namespace LocalJSX {
         "displayPercentageColors": boolean;
         "size": CircularProgressSize;
     }
+    interface LimelCodeDiffAttributes {
+        "oldValue": string | object;
+        "newValue": string | object;
+        "oldHeading": string;
+        "newHeading": string;
+        "layout": 'unified' | 'split';
+        "contextLines": number;
+        "lineWrapping": boolean;
+        "language": string;
+        "reformatJson": boolean;
+        "translationLanguage": Languages;
+    }
     interface LimelCodeEditorAttributes {
         "value": string;
         "language": Language;
@@ -10865,6 +11024,7 @@ declare namespace LocalJSX {
         "limel-chip": Omit<LimelChip, keyof LimelChipAttributes> & { [K in keyof LimelChip & keyof LimelChipAttributes]?: LimelChip[K] } & { [K in keyof LimelChip & keyof LimelChipAttributes as `attr:${K}`]?: LimelChipAttributes[K] } & { [K in keyof LimelChip & keyof LimelChipAttributes as `prop:${K}`]?: LimelChip[K] };
         "limel-chip-set": Omit<LimelChipSet, keyof LimelChipSetAttributes> & { [K in keyof LimelChipSet & keyof LimelChipSetAttributes]?: LimelChipSet[K] } & { [K in keyof LimelChipSet & keyof LimelChipSetAttributes as `attr:${K}`]?: LimelChipSetAttributes[K] } & { [K in keyof LimelChipSet & keyof LimelChipSetAttributes as `prop:${K}`]?: LimelChipSet[K] };
         "limel-circular-progress": Omit<LimelCircularProgress, keyof LimelCircularProgressAttributes> & { [K in keyof LimelCircularProgress & keyof LimelCircularProgressAttributes]?: LimelCircularProgress[K] } & { [K in keyof LimelCircularProgress & keyof LimelCircularProgressAttributes as `attr:${K}`]?: LimelCircularProgressAttributes[K] } & { [K in keyof LimelCircularProgress & keyof LimelCircularProgressAttributes as `prop:${K}`]?: LimelCircularProgress[K] };
+        "limel-code-diff": Omit<LimelCodeDiff, keyof LimelCodeDiffAttributes> & { [K in keyof LimelCodeDiff & keyof LimelCodeDiffAttributes]?: LimelCodeDiff[K] } & { [K in keyof LimelCodeDiff & keyof LimelCodeDiffAttributes as `attr:${K}`]?: LimelCodeDiffAttributes[K] } & { [K in keyof LimelCodeDiff & keyof LimelCodeDiffAttributes as `prop:${K}`]?: LimelCodeDiff[K] };
         "limel-code-editor": Omit<LimelCodeEditor, keyof LimelCodeEditorAttributes> & { [K in keyof LimelCodeEditor & keyof LimelCodeEditorAttributes]?: LimelCodeEditor[K] } & { [K in keyof LimelCodeEditor & keyof LimelCodeEditorAttributes as `attr:${K}`]?: LimelCodeEditorAttributes[K] } & { [K in keyof LimelCodeEditor & keyof LimelCodeEditorAttributes as `prop:${K}`]?: LimelCodeEditor[K] };
         "limel-collapsible-section": Omit<LimelCollapsibleSection, keyof LimelCollapsibleSectionAttributes> & { [K in keyof LimelCollapsibleSection & keyof LimelCollapsibleSectionAttributes]?: LimelCollapsibleSection[K] } & { [K in keyof LimelCollapsibleSection & keyof LimelCollapsibleSectionAttributes as `attr:${K}`]?: LimelCollapsibleSectionAttributes[K] } & { [K in keyof LimelCollapsibleSection & keyof LimelCollapsibleSectionAttributes as `prop:${K}`]?: LimelCollapsibleSection[K] };
         "limel-color-picker": Omit<LimelColorPicker, keyof LimelColorPickerAttributes> & { [K in keyof LimelColorPicker & keyof LimelColorPickerAttributes]?: LimelColorPicker[K] } & { [K in keyof LimelColorPicker & keyof LimelColorPickerAttributes as `attr:${K}`]?: LimelColorPickerAttributes[K] } & { [K in keyof LimelColorPicker & keyof LimelColorPickerAttributes as `prop:${K}`]?: LimelColorPicker[K] };
@@ -11264,6 +11424,21 @@ declare module "@stencil/core" {
              * @exampleComponent limel-example-circular-progress-percentage-colors
              */
             "limel-circular-progress": LocalJSX.IntrinsicElements["limel-circular-progress"] & JSXBase.HTMLAttributes<HTMLLimelCircularProgressElement>;
+            /**
+             * Displays a visual diff between two text values, modeled on
+             * GitHub's code difference view.
+             * Supports unified and split (side-by-side) views with line numbers,
+             * color-coded additions and removals, word-level inline highlighting,
+             * and collapsible unchanged context sections.
+             * @beta 
+             * @exampleComponent limel-example-code-diff-basic
+             * @exampleComponent limel-example-code-diff-headings
+             * @exampleComponent limel-example-code-diff-json
+             * @exampleComponent limel-example-code-diff-split
+             * @exampleComponent limel-example-code-diff-line-wrap
+             * @exampleComponent limel-example-code-diff-expand
+             */
+            "limel-code-diff": LocalJSX.IntrinsicElements["limel-code-diff"] & JSXBase.HTMLAttributes<HTMLLimelCodeDiffElement>;
             /**
              * @exampleComponent limel-example-code-editor
              * @exampleComponent limel-example-code-editor-readonly-with-line-numbers

package/dist/types/translations/da.d.ts

@@ -72,6 +72,35 @@ declare const _default: {
     'ai-avatar.thinking': string;
     'table.select-all': string;
     'table.select-row': string;
+    'code-diff.table-label': string;
+    'code-diff.no-differences': string;
+    'code-diff.no-differences-found': string;
+    'code-diff.copy-old-version': string;
+    'code-diff.copied': string;
+    'code-diff.copied-to-clipboard': string;
+    'code-diff.copy-change': string;
+    'code-diff.search': string;
+    'code-diff.previous-match': string;
+    'code-diff.next-match': string;
+    'code-diff.close-search': string;
+    'code-diff.no-matches': string;
+    'code-diff.match-count': string;
+    'code-diff.hidden-lines': string;
+    'code-diff.show-hidden-lines': string;
+    'code-diff.expanded-lines': string;
+    'code-diff.expanded-lines-end': string;
+    'code-diff.line-added': string;
+    'code-diff.line-removed': string;
+    'code-diff.line-context': string;
+    'code-diff.old-line': string;
+    'code-diff.new-line': string;
+    'code-diff.diff-addition': string;
+    'code-diff.diff-additions': string;
+    'code-diff.diff-deletion': string;
+    'code-diff.diff-deletions': string;
+    'code-diff.old-heading': string;
+    'code-diff.new-heading': string;
+    'code-diff.diff-summary': string;
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;

package/dist/types/translations/de.d.ts

@@ -72,6 +72,35 @@ declare const _default: {
     'ai-avatar.thinking': string;
     'table.select-all': string;
     'table.select-row': string;
+    'code-diff.table-label': string;
+    'code-diff.no-differences': string;
+    'code-diff.no-differences-found': string;
+    'code-diff.copy-old-version': string;
+    'code-diff.copied': string;
+    'code-diff.copied-to-clipboard': string;
+    'code-diff.copy-change': string;
+    'code-diff.search': string;
+    'code-diff.previous-match': string;
+    'code-diff.next-match': string;
+    'code-diff.close-search': string;
+    'code-diff.no-matches': string;
+    'code-diff.match-count': string;
+    'code-diff.hidden-lines': string;
+    'code-diff.show-hidden-lines': string;
+    'code-diff.expanded-lines': string;
+    'code-diff.expanded-lines-end': string;
+    'code-diff.line-added': string;
+    'code-diff.line-removed': string;
+    'code-diff.line-context': string;
+    'code-diff.old-line': string;
+    'code-diff.new-line': string;
+    'code-diff.diff-addition': string;
+    'code-diff.diff-additions': string;
+    'code-diff.diff-deletion': string;
+    'code-diff.diff-deletions': string;
+    'code-diff.old-heading': string;
+    'code-diff.new-heading': string;
+    'code-diff.diff-summary': string;
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;

package/dist/types/translations/en.d.ts

@@ -72,6 +72,35 @@ declare const _default: {
     'ai-avatar.thinking': string;
     'table.select-all': string;
     'table.select-row': string;
+    'code-diff.table-label': string;
+    'code-diff.no-differences': string;
+    'code-diff.no-differences-found': string;
+    'code-diff.copy-old-version': string;
+    'code-diff.copied': string;
+    'code-diff.copied-to-clipboard': string;
+    'code-diff.copy-change': string;
+    'code-diff.search': string;
+    'code-diff.previous-match': string;
+    'code-diff.next-match': string;
+    'code-diff.close-search': string;
+    'code-diff.no-matches': string;
+    'code-diff.match-count': string;
+    'code-diff.hidden-lines': string;
+    'code-diff.show-hidden-lines': string;
+    'code-diff.expanded-lines': string;
+    'code-diff.expanded-lines-end': string;
+    'code-diff.line-added': string;
+    'code-diff.line-removed': string;
+    'code-diff.line-context': string;
+    'code-diff.old-line': string;
+    'code-diff.new-line': string;
+    'code-diff.diff-addition': string;
+    'code-diff.diff-additions': string;
+    'code-diff.diff-deletion': string;
+    'code-diff.diff-deletions': string;
+    'code-diff.old-heading': string;
+    'code-diff.new-heading': string;
+    'code-diff.diff-summary': string;
     'profile-picture.remove': string;
     'profile-picture.unsupported-preview.title': string;
     'profile-picture.unsupported-preview.description': string;