@graphysdk/react-renderer 1.9.0-beta.1793293011268 → 1.9.0-beta.1793617099519

package/dist/editable.d.ts

@@ -12,6 +12,7 @@ import { EditTarget } from '@graphysdk/viz-engine';
 import { FormattedAxis } from '@graphysdk/viz-engine';
 import { FormattedHeadline } from '@graphysdk/viz-engine';
 import { FormattedLegend } from '@graphysdk/viz-engine';
+import { FormattingLocale } from '@graphysdk/viz-engine';
 import { GraphLayout } from '@graphysdk/viz-engine';
 import { GraphyBadgeVariant } from '@graphysdk/viz-engine';
 import { HeadlineMeasurer } from '@graphysdk/viz-engine';
@@ -647,6 +648,8 @@ declare type DotNotation<T> = T extends object ? {
  * painting inside the plot `<svg>`, which have to show a target being reached for or an endpoint being
  * moved. A chart rendered without this wrapper has no editor state at all, and reads it at rest.
  *
+ * Its texts follow `formattingLocale`, or the `locale` an `IntlProvider` above it sets, and take that provider's overrides and `dir`.
+ *
  * @example
  * ```tsx
  * <GraphProvider spec={input} data={data}>
@@ -694,6 +697,897 @@ export declare interface EditMenus {
     graph?: TargetEditMenu<'graph'> | null;
 }
 
+declare const EDITOR_EN_GB: {
+    readonly common: {
+        readonly save: "Save";
+        readonly cancel: "Cancel";
+        readonly confirm: "Confirm";
+        readonly delete: "Delete";
+        readonly confirmDelete: (params: {
+            item: string;
+        }) => string;
+        readonly abbreviations: {
+            readonly thousands: "k";
+            readonly millions: "m";
+            readonly billions: "b";
+        };
+    };
+    readonly editor: {
+        readonly title: "Graphy Editor";
+        readonly description: "Edit your content here";
+        readonly graphTypes: {
+            readonly column: "Column";
+            readonly columnStacked: "Stacked column";
+            readonly columnStackedFill: "100% stacked column";
+            readonly bar: "Bar";
+            readonly barStacked: "Stacked bar";
+            readonly barStackedFill: "100% stacked bar";
+            readonly line: "Line";
+            readonly area: "Area";
+            readonly areaStacked: "Stacked area";
+            readonly pie: "Pie";
+            readonly donut: "Donut";
+            readonly radialBar: "Radial bar";
+            readonly rose: "Rose";
+            readonly roseStacked: "Stacked rose";
+            readonly radar: "Radar";
+            readonly radarFilled: "Filled radar";
+            readonly scatter: "Scatter";
+            readonly bubble: "Bubble";
+            readonly funnel: "Funnel";
+            readonly combo: "Combo";
+            readonly heatmap: "Heatmap";
+            readonly waterfall: "Waterfall";
+            readonly mekko: "Mekko";
+            readonly table: "Table";
+        };
+        readonly sizePanel: {
+            readonly toolbarButton: "Size";
+            readonly presetsSection: {
+                readonly title: "Presets";
+            };
+            readonly customSizeSection: {
+                readonly title: "Custom size";
+            };
+            readonly presets: {
+                readonly googleSlides: "Google Slides / PowerPoint";
+                readonly webEmail: "Web / email";
+                readonly linkedIn: "LinkedIn post";
+                readonly instagram: "Instagram post";
+                readonly tiktok: "TikTok / Instagram story";
+                readonly twitter: "X (Twitter)";
+                readonly mobile: "Mobile";
+            };
+            readonly inputs: {
+                readonly unitLabel: "px";
+            };
+            readonly validation: {
+                readonly maxSizeError: (params: {
+                    max: number;
+                }) => string;
+                readonly minSizeError: (params: {
+                    min: number;
+                }) => string;
+            };
+        };
+        readonly graphPanel: {
+            readonly toolbarButton: "Graph";
+            readonly graphTypeSection: {
+                readonly title: "Graph type";
+            };
+            readonly mappingSection: {
+                readonly title: "Data";
+                readonly x: "X-axis";
+                readonly y: "Value";
+                readonly color: "Colour";
+                readonly size: "Size";
+                readonly label: "Label";
+                readonly none: "None";
+            };
+            readonly comboSection: {
+                readonly title: "Combo chart appearance";
+                readonly types: {
+                    readonly groupedBars: "Grouped bars";
+                    readonly stackedBars: "Stacked bars";
+                    readonly lines: "Lines only";
+                };
+            };
+            readonly polarSection: {
+                readonly title: "Polar";
+                readonly innerRadius: "Inner radius";
+                readonly startAngle: "Start angle";
+            };
+            readonly barSection: {
+                readonly title: "Bars";
+                readonly thickness: "Bar thickness";
+                readonly widths: {
+                    readonly narrow: "Narrow";
+                    readonly regular: "Regular";
+                    readonly wide: "Wide";
+                };
+                readonly rounding: "Rounding";
+                readonly roundingOptions: {
+                    readonly none: "None";
+                    readonly xs: "XS";
+                    readonly sm: "S";
+                    readonly md: "M";
+                    readonly lg: "L";
+                    readonly xl: "XL";
+                    readonly full: "Full";
+                };
+            };
+            readonly graphOptionsSection: {
+                readonly title: "Graph options";
+            };
+            readonly gridSection: {
+                readonly title: "Grid";
+                readonly horizontalGridLines: "Horizontal lines";
+                readonly verticalGridLines: "Vertical lines";
+                readonly rings: "Rings";
+                readonly spokes: "Spokes";
+                readonly gridStyle: "Grid style";
+                readonly gridThickness: "Grid thickness";
+                readonly lineStyles: {
+                    readonly solid: "Solid";
+                    readonly dashed: "Dashed";
+                    readonly dotted: "Dotted";
+                };
+                readonly lineWidths: {
+                    readonly thin: "Thin";
+                    readonly medium: "Medium";
+                    readonly thick: "Thick";
+                };
+            };
+            readonly graphOptions: {
+                readonly sortBars: "Sort high → low";
+                readonly showPoints: "Show points";
+                readonly lineFill: "Fill under line";
+                readonly smoothLines: "Smooth lines";
+                readonly curves: {
+                    readonly smooth: "Smooth";
+                    readonly linear: "Straight";
+                };
+                readonly stackTotals: "Stack totals";
+                readonly dataLabels: "Data labels";
+                readonly showPercentages: "Show percentages";
+                readonly categoryLabels: "Category labels";
+            };
+            readonly legendSection: {
+                readonly title: "Legend";
+                readonly auto: "Auto";
+                readonly top: "Top";
+                readonly bottom: "Bottom";
+                readonly left: "Left";
+                readonly right: "Right";
+                readonly none: "None";
+                readonly alignLabel: "Alignment";
+                readonly align: {
+                    readonly auto: "Auto";
+                    readonly center: "Center";
+                };
+                readonly displayLabel: "Style";
+                readonly display: {
+                    readonly auto: "Auto";
+                    readonly pill: "Pills";
+                    readonly direct: "Direct";
+                };
+            };
+            readonly numberFormatSection: {
+                readonly title: "Number format";
+            };
+            readonly numberFormat: {
+                readonly abbreviationLabel: "Abbreviation";
+                readonly valueLabel: "Value";
+                readonly decimalPlacesLabel: "Decimal places";
+                readonly options: {
+                    readonly auto: "Auto";
+                    readonly custom: "Custom";
+                    readonly none: "None";
+                };
+            };
+            readonly headlineNumberSize: {
+                readonly sizeLabel: "Size";
+                readonly valueLabel: "Value";
+                readonly sizes: {
+                    readonly small: "S";
+                    readonly medium: "M";
+                    readonly large: "L";
+                };
+            };
+            readonly lineThickness: {
+                readonly label: "Line thickness";
+            };
+            readonly pointSize: {
+                readonly label: "Point size";
+                readonly options: {
+                    readonly auto: "Auto";
+                    readonly custom: "Custom";
+                };
+                readonly sizes: {
+                    readonly small: "Small";
+                    readonly medium: "Medium";
+                    readonly large: "Large";
+                };
+            };
+            readonly headlineNumberSection: {
+                readonly title: "Headline number";
+                readonly toggle: "Visible";
+                readonly metricLabel: "Metric";
+                readonly compareWithLabel: "Compare with";
+                readonly metrics: {
+                    readonly total: "Total";
+                    readonly average: "Avg.";
+                    readonly current: "Last";
+                    readonly conversion: "Conversion";
+                    readonly left: "Left";
+                };
+                readonly comparison: {
+                    readonly first: "First";
+                    readonly previous: "Previous";
+                };
+                readonly position: {
+                    readonly above: "Above";
+                    readonly center: "Center";
+                };
+            };
+            readonly treatEmptyValues: {
+                readonly leaveGap: {
+                    readonly label: "Leave gap in chart";
+                    readonly description: "Leaves a visible break in the line where data is missing";
+                };
+                readonly fillZero: {
+                    readonly label: "Fill with zero";
+                    readonly description: "Displays missing data points as zero";
+                };
+                readonly connectGaps: {
+                    readonly label: "Connect across gaps";
+                    readonly description: "Joins the line between available points, skipping the gap";
+                };
+            };
+        };
+        readonly axesPanel: {
+            readonly toolbarButton: "Axes";
+            readonly mainAxisSection: {
+                readonly yAxis: "Y-axis";
+                readonly xAxis: "X-axis";
+            };
+            readonly crossAxisSection: {
+                readonly xAxis: "X-axis";
+                readonly yAxis: "Y-axis";
+            };
+            readonly controls: {
+                readonly title: "Title";
+                readonly titlePlaceholder: "Add title";
+                readonly visible: "Visible";
+                readonly ticks: "Ticks";
+                readonly labels: "Labels";
+                readonly position: "Position";
+                readonly scale: "Scale";
+                readonly startFrom: "Start from";
+                readonly endAt: "End at";
+                readonly value: "Value";
+                readonly numberOfAxes: "Number of axes";
+                readonly reverse: "Reverse";
+            };
+            readonly labelMode: {
+                readonly auto: "Auto";
+                readonly edges: "Edges";
+            };
+            readonly scale: {
+                readonly auto: "Auto";
+                readonly log: "Log";
+            };
+            readonly startFrom: {
+                readonly auto: "Auto";
+                readonly zero: "Zero";
+                readonly custom: "Custom";
+            };
+            readonly endAt: {
+                readonly auto: "Auto";
+                readonly custom: "Custom";
+            };
+            readonly axisCount: {
+                readonly single: "Single";
+                readonly double: "Double";
+            };
+            readonly position: {
+                readonly left: "Left";
+                readonly right: "Right";
+                readonly top: "Top";
+                readonly bottom: "Bottom";
+            };
+            readonly yesNo: {
+                readonly yes: "Yes";
+                readonly no: "No";
+            };
+        };
+        readonly colorPanel: {
+            readonly toolbarButton: "Color";
+            readonly themeSection: {
+                readonly title: "Theme";
+            };
+            readonly appearanceSection: {
+                readonly title: "Appearance";
+                readonly highlightStyle: "Highlight";
+            };
+            readonly backgroundSection: {
+                readonly title: "Background";
+                readonly black: "Black";
+                readonly white: "White";
+                readonly gray: "Grey";
+                readonly tint: "Tint";
+                readonly custom: "Custom";
+                readonly none: "None";
+            };
+            readonly borderSection: {
+                readonly title: "Border";
+                readonly borderColor: "Border color";
+                readonly thickness: "Thickness";
+                readonly cornerRadius: "Corner radius";
+            };
+            readonly borderType: {
+                readonly solid: "Solid";
+                readonly gradient: "Gradient";
+                readonly gray: "Grey";
+                readonly preset: "Preset";
+                readonly custom: "Custom";
+                readonly none: "None";
+            };
+            readonly presetGradients: {
+                readonly lilac: "Lilac";
+                readonly neonPink: "Neon Pink";
+                readonly blackberry: "Blackberry";
+                readonly sun: "Sun";
+                readonly iceland: "Iceland";
+                readonly sunset: "Sunset";
+                readonly ultraviolet: "Ultraviolet";
+                readonly purple: "Purple";
+                readonly iceCream: "Ice Cream";
+                readonly mint: "Mint";
+                readonly cool: "Cool";
+                readonly fresh: "Fresh";
+            };
+        };
+        readonly designPanel: {
+            readonly toolbarButton: "Design";
+            readonly defaultExpanded: "Palette";
+        };
+        readonly annotatePanel: {
+            readonly toolbarButton: "Annotate";
+            readonly callOutSection: {
+                readonly title: "Callouts";
+                readonly text: "Text";
+                readonly arrow: "Arrow";
+                readonly box: "Box";
+                readonly difference: "Difference";
+            };
+            readonly highlightSection: {
+                readonly title: "Highlight";
+                readonly button: "Highlight";
+                readonly colorLabel: "Highlight color";
+            };
+        };
+        readonly annotationsPanel: {
+            readonly toolbarButton: "Annotate";
+            readonly freeformSection: {
+                readonly title: "Freeform";
+                readonly text: "Text";
+                readonly arrow: "Arrow";
+                readonly box: "Box";
+                readonly difference: "Difference";
+            };
+            readonly goalSection: {
+                readonly title: "Goal";
+                readonly labelControl: "Label";
+                readonly labelPlaceholder: "Goal";
+                readonly labelAriaLabel: "Custom goal label";
+                readonly valueControl: "Goal value";
+                readonly valueAriaLabel: "Goal value";
+                readonly byDate: "By date";
+                readonly xAxisValue: "X-axis value";
+                readonly optional: "(optional)";
+            };
+            readonly trendsAndAveragesSection: {
+                readonly title: "Trends and Averages";
+                readonly trend: "Trend";
+                readonly average: "Average";
+            };
+            readonly trendType: {
+                readonly label: "Trend type";
+                readonly placeholder: "Trend type";
+                readonly options: {
+                    readonly linear: "Linear";
+                    readonly exponential: "Exponential";
+                    readonly quadratic: "Quadratic";
+                    readonly polynomial: "Polynomial";
+                    readonly logarithmic: "Logarithmic";
+                    readonly power: "Power";
+                    readonly loess: "Loess";
+                };
+            };
+            readonly averageLineSeries: {
+                readonly label: "Average line series";
+                readonly placeholder: "Select series";
+                readonly ariaLabel: "Series dropdown for average line";
+            };
+            readonly highlightSection: {
+                readonly title: "Highlight";
+                readonly button: "Highlight";
+                readonly fadeColorLabel: "Fade color";
+            };
+            readonly titleAndSubtitleSection: {
+                readonly title: "Title & Subtitle";
+                readonly toggleTitle: "Title";
+                readonly subtitle: "Subtitle";
+            };
+            readonly captionAndSourceSection: {
+                readonly title: "Caption & Source";
+                readonly caption: "Caption";
+                readonly source: "Source";
+                readonly url: "URL";
+                readonly name: "Name";
+            };
+        };
+        readonly elementsPanel: {
+            readonly contentVisible: "Visible";
+            readonly contentValue: "Value";
+            readonly toolbarButton: "Elements";
+            readonly headerSection: {
+                readonly title: "Header";
+                readonly toggleTitle: "Title";
+                readonly subtitle: "Subtitle";
+            };
+            readonly footerSection: {
+                readonly title: "Footer";
+                readonly caption: "Caption";
+                readonly source: "Source";
+                readonly url: "URL";
+                readonly name: "Name";
+            };
+            readonly textSizeSection: {
+                readonly title: "Text size";
+                readonly scaleFormat: (params: {
+                    value: string;
+                }) => string;
+            };
+            readonly fontSection: {
+                readonly title: "Font";
+            };
+            readonly sourceSection: {
+                readonly title: "Source";
+                readonly url: "URL";
+                readonly name: "Name";
+            };
+        };
+        readonly powerUpPanel: {
+            readonly toolbarButton: "Power-ups";
+            readonly goalSection: {
+                readonly title: "Goal";
+                readonly toggle: "Goal";
+                readonly labelControl: "Label";
+                readonly labelPlaceholder: "Goal";
+                readonly labelAriaLabel: "Custom goal label";
+                readonly valueControl: "Goal value";
+                readonly byDate: "By date";
+                readonly xAxisValue: "X-axis value";
+                readonly optional: " (optional)";
+                readonly xAxisReferenceAriaLabel: "X-axis reference value";
+                readonly anyXAxisValue: "Any x-axis value";
+                readonly selectValuePlaceholder: "Select value";
+            };
+            readonly trendSection: {
+                readonly title: "Trend";
+                readonly toggle: "Trend";
+            };
+            readonly averageSection: {
+                readonly title: "Average";
+                readonly toggle: "Average";
+                readonly seriesLabel: "Average line series";
+                readonly seriesPlaceholder: "Select series";
+                readonly seriesAriaLabel: "Series dropdown for average line";
+            };
+            readonly trendType: {
+                readonly label: "Trend type";
+                readonly placeholder: "Trend type";
+                readonly options: {
+                    readonly linear: "Linear";
+                    readonly exponential: "Exponential";
+                    readonly quadratic: "Quadratic";
+                    readonly polynomial: "Polynomial";
+                    readonly logarithmic: "Logarithmic";
+                    readonly power: "Power";
+                    readonly loess: "Loess";
+                };
+            };
+            readonly valueInput: {
+                readonly percentagePlaceholder: "Percentage";
+                readonly numberPlaceholder: "Number";
+                readonly percentageSymbol: "%";
+            };
+        };
+        readonly highlighting: {
+            readonly modeHelper: {
+                readonly title: "Highlight mode";
+                readonly hover: "Hover";
+                readonly toHighlight: "to highlight";
+                readonly anyElement: "any element";
+                readonly escToExit: "to exit";
+                readonly esc: "ESC";
+            };
+            readonly emptyState: "No highlight options available";
+            readonly deleteAriaLabel: "Delete highlight";
+            readonly highlightStyle: {
+                readonly tint: "Tint";
+                readonly gray: "Grey";
+            };
+        };
+        readonly fineTunePanel: {
+            readonly toolbarButton: "Fine tune";
+            readonly detailSection: {
+                readonly title: "Detail";
+                readonly missingValues: "Missing values";
+            };
+            readonly lineStyleSection: {
+                readonly title: "Line style";
+                readonly lineCurve: "Line curve";
+                readonly sharp: "Sharp";
+                readonly smooth: "Smooth";
+            };
+        };
+        readonly customThemeEditor: {
+            readonly patternDropdownAriaLabel: "Pattern dropdown for series";
+            readonly patterns: {
+                readonly solid: "Solid";
+                readonly pattern: "Pattern";
+                readonly dotted: "Dotted";
+                readonly dashed: "Dashed";
+                readonly hatched: "Hatched";
+            };
+            readonly heatmapColorLabel: "Color";
+        };
+        readonly overlayMenu: {
+            readonly observation: "Observation";
+            readonly group: "Group";
+            readonly band: "Band";
+            readonly axis: "Axis";
+            readonly legend: "Legend";
+            readonly gridLines: "Grid lines";
+            readonly chart: "Chart";
+            readonly selection: "Selection";
+            readonly thisBar: "This bar";
+            readonly thisPoint: "This point";
+            readonly thisBubble: "This bubble";
+            readonly thisSlice: "This slice";
+            readonly allOf: (params: {
+                name: string;
+            }) => string;
+            readonly all: "All";
+            readonly titledValue: (params: {
+                title: string;
+                value: string;
+            }) => string;
+            readonly groupAtBand: (params: {
+                group: string;
+                band: string;
+            }) => string;
+            readonly hide: "Hide";
+            readonly show: "Show";
+            readonly legendPlaces: {
+                readonly topStart: "Top left";
+                readonly topCenter: "Top center";
+                readonly topEnd: "Top right";
+                readonly left: "Left";
+                readonly right: "Right";
+                readonly bottomStart: "Bottom left";
+                readonly bottomCenter: "Bottom center";
+                readonly bottomEnd: "Bottom right";
+            };
+            readonly fillColor: "Fill color";
+            readonly lineColor: "Line color";
+            readonly palette: "Palette";
+            readonly themePalette: "Theme";
+            readonly chartType: "Type";
+            readonly customChartType: "Custom";
+            readonly arrange: "Arrange";
+            readonly arrangements: {
+                readonly grouped: "Grouped";
+                readonly stacked: "Stacked";
+                readonly filled: "100%";
+                readonly lines: "Lines only";
+            };
+        };
+        readonly accessibility: {
+            readonly toggleSection: (params: {
+                title: string;
+            }) => string;
+        };
+        readonly graphyDefaults: {
+            readonly themeOptions: {
+                readonly light: "Light";
+                readonly dark: "Dark";
+            };
+        };
+    };
+    readonly graph: {
+        readonly titleEditor: {
+            readonly titlePlaceholder: "Untitled";
+            readonly subtitlePlaceholder: "Add a subtitle";
+        };
+        readonly toolbar: {
+            readonly formatting: {
+                readonly bold: "Bold";
+                readonly italic: "Italic";
+                readonly underline: "Underline";
+                readonly link: "Link";
+            };
+            readonly link: {
+                readonly ariaLabel: "Create link";
+                readonly placeholder: "Type or paste a link...";
+                readonly submit: "Submit";
+                readonly urlLabel: "Link URL";
+                readonly apply: "Apply link";
+            };
+            readonly font: {
+                readonly label: "Font";
+                readonly ariaLabel: "Font family";
+            };
+            readonly heading: {
+                readonly label: "Heading level";
+                readonly ariaLabel: "Text style";
+                readonly text: "Text";
+                readonly caption: "Caption";
+                readonly heading1: "Heading 1";
+                readonly heading2: "Heading 2";
+                readonly heading3: "Heading 3";
+            };
+            readonly textAlign: {
+                readonly left: "Align left";
+                readonly center: "Align center";
+                readonly right: "Align right";
+            };
+            readonly color: {
+                readonly label: "Text color";
+            };
+        };
+        readonly colorDropdown: {
+            readonly colors: "Colors";
+            readonly chartColors: "Chart colors";
+            readonly custom: "Custom";
+            readonly opacity: "Opacity";
+            readonly transparent: "Transparent";
+            readonly pickCustom: "Pick custom color";
+            readonly pickColor: "Pick color";
+        };
+        readonly annotations: {
+            readonly differenceArrowToolbar: {
+                readonly label: "Difference arrow options";
+                readonly labelKind: {
+                    readonly ariaLabel: "Label";
+                    readonly absoluteDifference: "Absolute change";
+                    readonly relativeDifference: "Percentage change";
+                    readonly proportion: "Proportion";
+                    readonly suspectValue: "This value divides by a baseline of zero.";
+                    readonly incomparableEnds: "The two ends measure different quantities, so a difference between them has no meaning.";
+                };
+                readonly color: "Arrow colour";
+                readonly size: {
+                    readonly ariaLabel: "Size";
+                    readonly small: "Small";
+                    readonly medium: "Medium";
+                    readonly large: "Large";
+                };
+                readonly swap: "Swap direction";
+                readonly remove: "Remove arrow";
+            };
+            readonly shapeToolbar: {
+                readonly label: "Shape options";
+                readonly color: "Shape colour";
+                readonly border: {
+                    readonly ariaLabel: "Border";
+                    readonly none: "None";
+                    readonly thin: "Thin (2px)";
+                    readonly medium: "Medium (8px)";
+                    readonly thick: "Thick (16px)";
+                };
+                readonly remove: "Remove shape";
+                readonly resize: {
+                    readonly 'top-left': "Resize from the top left";
+                    readonly 'top-right': "Resize from the top right";
+                    readonly 'bottom-right': "Resize from the bottom right";
+                    readonly 'bottom-left': "Resize from the bottom left";
+                };
+            };
+            readonly arrowToolbar: {
+                readonly label: "Arrow options";
+                readonly color: "Arrow colour";
+                readonly thickness: {
+                    readonly ariaLabel: "Thickness";
+                    readonly thin: "Thin";
+                    readonly medium: "Medium";
+                    readonly thick: "Thick";
+                };
+                readonly startArrowhead: "Start of the arrow";
+                readonly endArrowhead: "End of the arrow";
+                readonly arrowhead: {
+                    readonly lineArrow: "Line arrow";
+                    readonly none: "None";
+                };
+                readonly lineStyle: {
+                    readonly ariaLabel: "Line style";
+                    readonly solid: "Solid";
+                    readonly dashed: "Dashed";
+                    readonly dotted: "Dotted";
+                };
+                readonly sticker: "Sticker effect";
+                readonly remove: "Remove arrow";
+                readonly moveEndpoint: {
+                    readonly start: "Move the start of the arrow";
+                    readonly end: "Move the end of the arrow";
+                };
+            };
+            readonly textToolbar: {
+                readonly label: "Text options";
+                readonly background: "Background colour";
+                readonly color: "Text colour";
+                readonly font: {
+                    readonly ariaLabel: "Font";
+                    readonly modern: "Modern";
+                    readonly fresh: "Fresh";
+                    readonly timeless: "Timeless";
+                    readonly technical: "Technical";
+                    readonly fineliner: "Fineliner";
+                };
+                readonly fontSize: {
+                    readonly ariaLabel: "Font size";
+                    readonly small: "Small";
+                    readonly medium: "Medium";
+                    readonly large: "Large";
+                    readonly extraLarge: "Extra Large";
+                    readonly huge: "Huge";
+                };
+                readonly align: {
+                    readonly left: "Align left";
+                    readonly center: "Align centre";
+                    readonly right: "Align right";
+                };
+                readonly remove: "Remove text";
+                readonly resize: {
+                    readonly left: "Resize from the left";
+                    readonly right: "Resize from the right";
+                };
+            };
+            readonly text: {
+                readonly editLabel: "Edit text";
+                readonly placeholder: "Type something";
+            };
+            readonly baseMenu: {
+                readonly pinNumber: "Pin number";
+                readonly unpinNumber: "Unpin number";
+                readonly annotate: "Annotate";
+                readonly removeAnnotation: "Remove annotation";
+                readonly highlight: "Highlight";
+                readonly highlightWithLabel: (params: {
+                    label: string;
+                }) => string;
+                readonly removeHighlight: "Remove highlight";
+                readonly differenceArrow: "Difference arrow";
+                readonly addSticker: "Add sticker";
+                readonly removeSticker: "Remove sticker";
+            };
+            readonly textMenu: {
+                readonly title: "Annotate";
+                readonly placeholder: "Add a comment";
+                readonly addButton: "Add";
+            };
+            readonly highlights: {
+                readonly menuTitle: "Highlight";
+                readonly labels: {
+                    readonly bar: "bar";
+                    readonly barGroup: "group";
+                    readonly barStack: "stack";
+                    readonly barSeries: "series";
+                    readonly line: "line";
+                    readonly linePoint: "point";
+                    readonly lineSeries: "series";
+                    readonly scatterPoint: "point";
+                    readonly scatterSeries: "series";
+                    readonly pieSlice: "slice";
+                    readonly pointOrBar: "point / bar";
+                    readonly lineOrSeries: "line / series";
+                };
+            };
+            readonly stickerMenu: {
+                readonly title: "Add sticker";
+            };
+            readonly delete: "Delete";
+            readonly arrow: {
+                readonly thickness: {
+                    readonly label: "Thickness";
+                    readonly thin: "Thin";
+                    readonly medium: "Medium";
+                    readonly thick: "Thick";
+                };
+                readonly arrowhead: {
+                    readonly startPoint: "Start point";
+                    readonly endPoint: "End point";
+                    readonly lineArrow: "Line arrow";
+                    readonly none: "None";
+                };
+                readonly lineStyle: {
+                    readonly label: "Line style";
+                    readonly solid: "Solid";
+                    readonly dotted: "Dotted";
+                };
+                readonly stickerEffect: "Sticker effect";
+                readonly toolbarAriaLabel: "Free-form arrow toolbar";
+                readonly editorAriaLabel: "Arrow editor";
+            };
+            readonly differenceArrow: {
+                readonly type: {
+                    readonly proportion: "Proportion";
+                    readonly difference: ({ absoluteDifference }: {
+                        absoluteDifference: string;
+                    }) => string;
+                    readonly increase: ({ absoluteDifference }: {
+                        absoluteDifference: string;
+                    }) => string;
+                    readonly decrease: ({ absoluteDifference }: {
+                        absoluteDifference: string;
+                    }) => string;
+                    readonly percentageChange: ({ percentageChange }: {
+                        percentageChange: string;
+                    }) => string;
+                    readonly percentIncrease: ({ percentageChange }: {
+                        percentageChange: string;
+                    }) => string;
+                    readonly percentDecrease: ({ percentageChange }: {
+                        percentageChange: string;
+                    }) => string;
+                };
+                readonly size: {
+                    readonly label: "Size";
+                    readonly small: "Small";
+                    readonly medium: "Medium";
+                    readonly large: "Large";
+                };
+                readonly flipArrow: "Flip arrow";
+                readonly color: "Color";
+                readonly toolbarAriaLabel: "Difference arrow toolbar";
+                readonly editorAriaLabel: "Difference arrow editor";
+            };
+            readonly shape: {
+                readonly color: "Color";
+                readonly border: {
+                    readonly label: "Border";
+                    readonly none: "None";
+                    readonly thin: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly medium: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly thick: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+            };
+        };
+    };
+};
+
+/**
+ * Provides editor translations. `EditableGraphRenderer` and `EditorPanel.Root` include this provider.
+ * Add it to set a locale, override translations, or translate custom editing UI.
+ *
+ * Includes both editor and chart dictionaries so callers cannot omit required translations.
+ */
+export declare const EditorIntlProvider: ({ children, ...rest }: EditorIntlProviderProps) => JSX.Element;
+
+/** `IntlProvider`'s props, with `i18nOverrides` keyed by the editor's phrases as well as the chart's. */
+declare interface EditorIntlProviderProps extends Omit<IntlProviderProps, 'dictionaries' | 'i18nOverrides'> {
+    i18nOverrides?: RuntimeOverrides<EditorPhrases>;
+}
+
 /**
  * Compose a chart editing panel from these parts, with any mix of built-in and custom sections.
  */
@@ -705,6 +1599,12 @@ export declare const EditorPanel: {
     };
 };
 
+/**
+ * The graph's phrases plus the editor's own. A paint site is typed against `GraphPhrases` alone, so
+ * naming an editor phrase there will not compile.
+ */
+declare type EditorPhrases = GraphPhrases & typeof EDITOR_EN_GB;
+
 /** Props the renderer passes to the editor layer filling the `EditorSurface` slot. */
 declare interface EditorSurfaceSlotProps {
     /** The frame's content box — the element the layer measures, listens on and aligns its chrome to. */
@@ -927,6 +1827,8 @@ declare interface GraphHandle {
     subscribe: (onGraphChange: () => void) => () => void;
     /** The graph's scene as of now, or `null` before its first successful compile. */
     getScene: () => Scene | null;
+    /** The tag the graph formats values in, safe to hand to `Intl`. Unset, it formats in the scene's `parsingLocale`. */
+    formattingLocale?: FormattingLocale;
     /**
      * Reverse the most recent command. Returns whether the chart took the step, so a caller driving
      * this from a keystroke can leave the key to the app when the chart has nothing to undo or the
@@ -1125,16 +2027,9 @@ declare type I18nLocale = keyof typeof dictionaries;
 
 declare type I18nRuntimeOverrides = RuntimeOverrides<GraphPhrases>;
 
-/**
- * Provides editor translations. `EditableGraphRenderer` and `EditorPanel.Root` include this provider.
- * Add it to set a locale, override translations, or translate custom editing UI.
- *
- * Includes both editor and chart dictionaries so callers cannot omit required translations.
- */
-export declare const IntlProvider: ({ children, ...rest }: Omit<IntlProviderProps, "dictionaries">) => JSX.Element;
-
 declare interface IntlProviderProps {
-    locale?: I18nLocale;
+    /** Any BCP-47 tag, which reads the dictionary {@link normalizeLocale} picks for it. */
+    locale?: FormattingLocale;
     children: ReactNode;
     i18nOverrides?: I18nRuntimeOverrides;
     /** The phrase sets this tree translates against, most specific first. Defaults to the chart's own. */