@graphysdk/react-renderer 0.0.1-plugins.9 → 1.8.1-beta.1786025839240

package/dist/editable.d.ts

@@ -0,0 +1,4034 @@
+import { Command } from '@graphysdk/viz-engine';
+import { CompiledPanel } from '@graphysdk/viz-engine';
+import { CompiledSpec } from '@graphysdk/viz-engine';
+import { ComponentType } from 'react';
+import { DispatchOptions } from '@graphysdk/viz-engine';
+import { EditorPanel } from './editable/panel/editor-panel';
+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 { GraphLayout } from '@graphysdk/viz-engine';
+import { HeadlineMeasurer } from '@graphysdk/viz-engine';
+import { IntroStaggerOrder } from '@graphysdk/viz-engine';
+import { JSX } from 'react/jsx-runtime';
+import { LayoutEdge } from '@graphysdk/viz-engine';
+import { LegendPosition } from '@graphysdk/viz-engine';
+import { LineStyleType } from '@graphysdk/viz-engine';
+import { PANEL_ROOT_ATTRIBUTE } from './editable/panel/editor-panel';
+import { PanelRootProps } from './editable/panel/editor-panel';
+import { PanelRootProps as PanelRootProps_2 } from '../panel/editor-panel';
+import { PrimaryAxisTarget } from '@graphysdk/viz-engine';
+import { ReactNode } from 'react';
+import { Rect } from '@graphysdk/viz-engine';
+import { ResolvedHeadlineSize } from '@graphysdk/viz-engine';
+import { SourceContent } from '@graphysdk/viz-engine';
+import { TextContent } from '@graphysdk/viz-engine';
+import { TextMeasurer } from '@graphysdk/viz-engine';
+import { TooltipContent } from '@graphysdk/viz-engine';
+
+/** Both axes, each switched on and off from its own header. */
+export declare const AxesPanel: ({ children, ...rootProps }: PanelProps) => JSX.Element;
+
+/**
+ * Props for the AxisLabel slot — the axis title of every axis (e.g. "Revenue"), overridable via
+ * `slots.AxisLabel`. `labelRects` are SVG-local, keyed by edge. The tick band is a separate slot — see
+ * `AxisTicks`.
+ */
+declare interface AxisLabelSlotProps {
+    formattedAxes: FormattedAxis[];
+    labelRects: Partial<Record<LayoutEdge, Rect>>;
+}
+
+/**
+ * One axis: whether it is drawn and where, how its labels read, and — when it carries a value scale —
+ * how that scale is transformed and where its domain starts and stops.
+ *
+ * Which rows appear follows the axis rather than a chart-type name. A discrete axis draws its whole
+ * domain, so it offers only its side. A value axis offers labels, a side and its domain; and because
+ * bars stand on a baseline, a value axis their bars anchor to can only grow from zero, so it drops
+ * the scale transform and the start and keeps only where it ends.
+ *
+ * Which axis is `x` and which is `y` stays as mapped however the chart is drawn: a flipped coordinate
+ * system turns a column chart on its side without moving the value scale off y.
+ */
+export declare const AxisSection: ({ axis, title, layout, preview }: AxisSectionProps) => JSX.Element | null;
+
+declare interface AxisSectionProps extends OverridableSectionProps {
+    /** Which axis this section edits. */
+    axis: PrimaryAxisTarget;
+}
+
+/**
+ * Props for the AxisTicks slot — the tick lines and tick labels of every axis, overridable via
+ * `slots.AxisTicks`. `tickRects` are SVG-local, keyed by edge. The axis title is a separate slot — see
+ * `AxisLabel`.
+ */
+declare interface AxisTicksSlotProps {
+    formattedAxes: FormattedAxis[];
+    tickRects: Partial<Record<LayoutEdge, Rect>>;
+}
+
+/**
+ * How the badge paints at the current frame size:
+ * - `full` — glyph + "Made with Graphy" pill
+ * - `mini` — circular glyph capsule (also the under-200 px ladder step)
+ * - `hidden` — flag off, or frame below the minimum footprint
+ */
+declare type BrandMarkVisual = 'full' | 'mini' | 'hidden';
+
+/**
+ * A press that performs an edit rather than sets a value.
+ *
+ * Every press is its own undo entry, so there is no transient run to commit here — a button has no
+ * gesture to hold open the way a drag or a run of keystrokes does.
+ */
+export declare const Button: ({ label, icon, onClick, variant, isDisabled, ariaLabel, ariaLabelledBy, id, }: ButtonControlProps) => JSX.Element;
+
+declare interface ButtonBaseProps extends ControlBaseProps {
+    onClick: () => void;
+    /**
+     * `default` is a row: the icon before the label, on the section's own width. `tile` stacks the
+     * icon above the label in a taller cell, for a grid of add-affordances read as pictures.
+     */
+    variant?: 'default' | 'tile';
+}
+
+/**
+ * What the button shows, as a choice rather than two independent flags.
+ *
+ * A button with neither a label nor an icon is invisible and unnameable, and two optional props
+ * make that the default rather than an error. Splitting the cases closes it, and closes the one
+ * beside it: an icon standing alone is the only thing on the button, so it carries the accessible
+ * name and `ariaLabel` stops being optional.
+ */
+declare type ButtonContentProps = {
+    label: string;
+    icon?: ReactNode;
+} | {
+    label?: undefined;
+    icon: ReactNode;
+    ariaLabel: string;
+};
+
+/**
+ * An action rather than a value: pressing it is the whole gesture, so there is nothing to read
+ * back. Sections use it where an edit adds or removes something instead of changing a setting.
+ */
+export declare type ButtonControlProps = ButtonBaseProps & ButtonContentProps;
+
+/**
+ * Whether the chart shows its caption, and what it says.
+ *
+ * Hiding it leaves the text intact, so it comes back without being retyped. It is also editable in
+ * place on the chart; the field here is the second way in, not the only one.
+ */
+export declare const CaptionSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
+/**
+ * A control where one gesture can produce a run of changes — a drag, a burst of typing, a held
+ * arrow key.
+ *
+ * `onChange` fires throughout the gesture and a section dispatches it transiently; `onCommit` fires
+ * once the gesture ends, so a whole drag collapses into one undo entry rather
+ * than one per frame. A control that only ever fires `onChange` still edits correctly; it just
+ * leaves the run open for the next edit to close.
+ */
+export declare interface ContinuousControlProps<Value> extends ControlBaseProps {
+    value: Value;
+    onChange: (value: Value) => void;
+    onCommit?: () => void;
+}
+
+/** Props every control shares. */
+export declare interface ControlBaseProps {
+    isDisabled?: boolean;
+    /** Required unless the control is labelled by a section row, which passes `ariaLabelledBy` instead. */
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    /**
+     * Put on the element a row's `<label htmlFor>` points at, so a click on the label acts on the
+     * control. Only single labelable controls have somewhere to put it; a group takes `ariaLabelledBy`.
+     */
+    id?: string;
+}
+
+/**
+ * One choice in a control that offers a fixed set of them.
+ *
+ * `value` is a plain string rather than a command's own union: a control is one component type,
+ * which cannot be generic in what it selects. Sections map between the two.
+ */
+export declare interface ControlOption {
+    value: string;
+    label: string;
+    /** Secondary line under the label, shown by controls that have room for one. */
+    description?: string;
+    /** Shown beside the label, or alone where the control is icon-only. */
+    icon?: ReactNode;
+    isDisabled?: boolean;
+}
+
+/**
+ * The controls a panel is built from, each replaceable by the host.
+ *
+ * Sections never reach for a UI library directly — every leaf goes through here, so an app can drop
+ * its own design system in without re-authoring a single section. Every member is optional, so
+ * adopting the panel is not all-or-nothing and a control added later is additive rather than
+ * breaking.
+ */
+export declare interface ControlRegistry {
+    ToggleGroup?: ComponentType<ToggleGroupControlProps>;
+    Switch?: ComponentType<SwitchControlProps>;
+    Slider?: ComponentType<SliderControlProps>;
+    RadioGrid?: ComponentType<RadioGridControlProps>;
+    Button?: ComponentType<ButtonControlProps>;
+    TextField?: ComponentType<TextFieldControlProps>;
+    NumberField?: ComponentType<NumberFieldControlProps>;
+    Select?: ComponentType<SelectControlProps>;
+}
+
+declare interface CoreIntlProviderProps {
+    locale?: I18nLocale;
+    children: ReactNode;
+    i18nOverrides?: I18nRuntimeOverrides;
+}
+
+declare type DeepValue<T, Path extends string> = Path extends `${infer First}.${infer Rest}` ? First extends keyof T ? DeepValue<T[First], Rest> : never : Path extends keyof T ? T[Path] : never;
+
+declare const dictionaries: {
+    readonly '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";
+                readonly columnStackedFill: "100% Stacked";
+                readonly bar: "Bar";
+                readonly barStacked: "Stacked";
+                readonly barStackedFill: "100% Stacked";
+                readonly line: "Line";
+                readonly areaStacked: "Stacked Area";
+                readonly pie: "Pie";
+                readonly donut: "Donut";
+                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 graphOptionsSection: {
+                    readonly title: "Graph options";
+                };
+                readonly graphOptions: {
+                    readonly sortBars: "Sort high → low";
+                    readonly gridLines: "Grid lines";
+                    readonly showPoints: "Show points";
+                    readonly smoothLines: "Smooth lines";
+                    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 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 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 pieTotalPosition: {
+                        readonly left: "Left";
+                        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 comboChartAppearance: {
+                    readonly title: "Combo chart appearance";
+                    readonly groupedBars: "Grouped bars";
+                    readonly stackedBars: "Stacked bars";
+                    readonly linesOnly: "Lines only";
+                };
+            };
+            readonly columnMapping: {
+                readonly title: "Data";
+                readonly xAxis: "X-axis";
+                readonly yAxis: "Y-axis";
+                readonly leftYAxis: "Y-axis (left)";
+                readonly rightYAxis: "Y-axis (right)";
+                readonly slices: "Values (slices)";
+                readonly labels: "Labels";
+                readonly size: "Size";
+                readonly shape: "Shape";
+                readonly reset: "Reset to auto";
+                readonly addSeries: "Add series";
+                readonly removeSeries: "Remove series";
+            };
+            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 visible: "Visible";
+                    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 paletteSection: {
+                    readonly title: "Palette";
+                    readonly colorScheme: "Color scheme";
+                    readonly colors: "Colors";
+                    readonly colorPalettes: "Color palettes";
+                };
+                readonly paletteMode: {
+                    readonly preset: "Preset";
+                    readonly brand: "Brand";
+                    readonly freestyle: "Freestyle";
+                };
+                readonly paletteThemes: {
+                    readonly colorful: "Colorful";
+                    readonly pastel: "Pastel";
+                    readonly neon: "Neon";
+                };
+                readonly backgroundSection: {
+                    readonly title: "Background";
+                    readonly black: "Black";
+                    readonly white: "White";
+                    readonly grey: "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 grey: "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: "Call-out";
+                    readonly text: "Text";
+                    readonly arrow: "Arrow";
+                    readonly box: "Box";
+                    readonly differenceArrows: "Difference arrows";
+                };
+                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 grey: "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 accessibility: {
+                readonly toggleSection: (params: {
+                    title: string;
+                }) => string;
+            };
+            readonly graphyDefaults: {
+                readonly themeOptions: {
+                    readonly light: "Light";
+                    readonly dark: "Dark";
+                };
+            };
+        };
+        readonly graph: {
+            readonly loading: "Loading";
+            readonly error: "Something went wrong";
+            readonly axisLabels: {
+                readonly placeholder: "Add label";
+            };
+            readonly defaultPropertyLabels: {
+                readonly date: "Date";
+                readonly year: "Year";
+                readonly quarter: "Quarter";
+                readonly month: "Month";
+                readonly week: "Week";
+                readonly series: "Series";
+                readonly category: "Category";
+                readonly columnNumber: ({ number }: {
+                    number: number;
+                }) => string;
+                readonly rowNumber: ({ number }: {
+                    number: number;
+                }) => string;
+                readonly seriesNumber: ({ number }: {
+                    number: number;
+                }) => string;
+            };
+            readonly trendComparison: {
+                readonly fromPrevious: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousYear: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousMonth: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousWeek: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousDay: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousHour: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+            };
+            readonly headlineMetrics: {
+                readonly averageLong: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly averageShort: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly total: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly totalConversionRate: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly current: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly comparisonReference: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            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 legend: {
+                readonly hiddenItems: "Hidden legend items";
+            };
+            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 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;
+                    };
+                };
+            };
+        };
+        readonly dir: "ltr";
+    };
+    readonly 'en-US': LooseLocaleShape;
+    readonly ar: {
+        readonly common: {
+            readonly save: "حفظ";
+            readonly cancel: "إلغاء";
+            readonly confirm: "تأكيد";
+            readonly delete: "حذف";
+            readonly confirmDelete: (params: {
+                item: string;
+            }) => string;
+            readonly abbreviations: {
+                readonly thousands: "ألف";
+                readonly millions: "مليون";
+                readonly billions: "مليار";
+            };
+        };
+        readonly editor: {
+            readonly title: "محرر Graphy";
+            readonly description: "قم بتحرير المحتوى الخاص بك هنا";
+            readonly graphTypes: {
+                readonly column: "أعمدة";
+                readonly columnStacked: "مكدس";
+                readonly columnStackedFill: "مكدس 100%";
+                readonly bar: "شريطي";
+                readonly barStacked: "مكدس";
+                readonly barStackedFill: "مكدس 100%";
+                readonly line: "خطي";
+                readonly areaStacked: "مساحة مكدسة";
+                readonly pie: "دائري";
+                readonly donut: "حلقي";
+                readonly scatter: "نقطي";
+                readonly bubble: "فقاعي";
+                readonly funnel: "قمعي";
+                readonly combo: "مركب";
+                readonly heatmap: "خريطة حرارية";
+                readonly waterfall: "شلالي";
+                readonly mekko: "ميكو";
+                readonly table: "جدول";
+            };
+            readonly sizePanel: {
+                readonly toolbarButton: "الحجم";
+                readonly presetsSection: {
+                    readonly title: "إعدادات مسبقة";
+                };
+                readonly customSizeSection: {
+                    readonly title: "حجم مخصص";
+                };
+                readonly presets: {
+                    readonly googleSlides: "Google Slides / PowerPoint";
+                    readonly webEmail: "ويب / بريد إلكتروني";
+                    readonly linkedIn: "منشور LinkedIn";
+                    readonly instagram: "منشور Instagram";
+                    readonly tiktok: "TikTok / قصة Instagram";
+                    readonly twitter: "X (Twitter)";
+                    readonly mobile: "جوال";
+                };
+                readonly inputs: {
+                    readonly unitLabel: "بكسل";
+                };
+                readonly validation: {
+                    readonly maxSizeError: (params: {
+                        max: number;
+                    }) => string;
+                    readonly minSizeError: (params: {
+                        min: number;
+                    }) => string;
+                };
+            };
+            readonly graphPanel: {
+                readonly toolbarButton: "الرسم البياني";
+                readonly graphTypeSection: {
+                    readonly title: "نوع الرسم البياني";
+                };
+                readonly graphOptionsSection: {
+                    readonly title: "خيارات الرسم البياني";
+                };
+                readonly graphOptions: {
+                    readonly sortBars: "ترتيب من الأعلى ← الأدنى";
+                    readonly gridLines: "خطوط الشبكة";
+                    readonly showPoints: "إظهار النقاط";
+                    readonly smoothLines: "خطوط ناعمة";
+                    readonly stackTotals: "مجاميع المكدس";
+                    readonly dataLabels: "تسميات البيانات";
+                    readonly showPercentages: "إظهار النسب المئوية";
+                    readonly categoryLabels: "تسميات الفئات";
+                };
+                readonly legendSection: {
+                    readonly title: "وسيلة الإيضاح";
+                    readonly auto: "تلقائي";
+                    readonly top: "أعلى";
+                    readonly bottom: "أسفل";
+                    readonly left: "يسار";
+                    readonly right: "يمين";
+                    readonly none: "بدون";
+                };
+                readonly numberFormatSection: {
+                    readonly title: "تنسيق الأرقام";
+                };
+                readonly numberFormat: {
+                    readonly abbreviationLabel: "الاختصار";
+                    readonly valueLabel: "القيمة";
+                    readonly decimalPlacesLabel: "المنازل العشرية";
+                    readonly options: {
+                        readonly auto: "تلقائي";
+                        readonly custom: "مخصص";
+                        readonly none: "بدون";
+                    };
+                };
+                readonly headlineNumberSize: {
+                    readonly sizeLabel: "الحجم";
+                    readonly valueLabel: "القيمة";
+                    readonly sizes: {
+                        readonly small: "ص";
+                        readonly medium: "م";
+                        readonly large: "ك";
+                    };
+                };
+                readonly lineThickness: {
+                    readonly label: "سمك الخط";
+                };
+                readonly pointSize: {
+                    readonly label: "حجم النقطة";
+                    readonly options: {
+                        readonly auto: "تلقائي";
+                        readonly custom: "مخصص";
+                    };
+                };
+                readonly headlineNumberSection: {
+                    readonly title: "الرقم الرئيسي";
+                    readonly toggle: "مرئي";
+                    readonly metricLabel: "المقياس";
+                    readonly compareWithLabel: "مقارنة مع";
+                    readonly metrics: {
+                        readonly total: "المجموع";
+                        readonly average: "المتوسط";
+                        readonly current: "الأخير";
+                        readonly conversion: "التحويل";
+                        readonly left: "يسار";
+                    };
+                    readonly comparison: {
+                        readonly first: "الأول";
+                        readonly previous: "السابق";
+                    };
+                    readonly pieTotalPosition: {
+                        readonly left: "يسار";
+                        readonly center: "وسط";
+                    };
+                };
+                readonly treatEmptyValues: {
+                    readonly leaveGap: {
+                        readonly label: "ترك فجوة في الرسم البياني";
+                        readonly description: "يترك فاصلاً مرئياً في الخط حيث تكون البيانات مفقودة";
+                    };
+                    readonly fillZero: {
+                        readonly label: "ملء بالصفر";
+                        readonly description: "يعرض نقاط البيانات المفقودة كصفر";
+                    };
+                    readonly connectGaps: {
+                        readonly label: "الاتصال عبر الفجوات";
+                        readonly description: "يربط الخط بين النقاط المتاحة، متخطياً الفجوة";
+                    };
+                };
+                readonly comboChartAppearance: {
+                    readonly title: "مظهر الرسم البياني المركب";
+                    readonly groupedBars: "أشرطة مجمعة";
+                    readonly stackedBars: "أشرطة مكدسة";
+                    readonly linesOnly: "خطوط فقط";
+                };
+            };
+            readonly columnMapping: {
+                readonly title: "البيانات";
+                readonly xAxis: "المحور السيني";
+                readonly yAxis: "المحور الصادي";
+                readonly leftYAxis: "المحور الصادي (يسار)";
+                readonly rightYAxis: "المحور الصادي (يمين)";
+                readonly slices: "القيم (الشرائح)";
+                readonly labels: "التسميات";
+                readonly size: "الحجم";
+                readonly shape: "الشكل";
+                readonly reset: "إعادة التعيين إلى تلقائي";
+                readonly addSeries: "إضافة سلسلة";
+                readonly removeSeries: "إزالة السلسلة";
+            };
+            readonly axesPanel: {
+                readonly toolbarButton: "المحاور";
+                readonly mainAxisSection: {
+                    readonly yAxis: "المحور الصادي";
+                    readonly xAxis: "المحور السيني";
+                };
+                readonly crossAxisSection: {
+                    readonly xAxis: "المحور السيني";
+                    readonly yAxis: "المحور الصادي";
+                };
+                readonly controls: {
+                    readonly visible: "مرئي";
+                    readonly labels: "التسميات";
+                    readonly position: "الموضع";
+                    readonly scale: "المقياس";
+                    readonly startFrom: "البدء من";
+                    readonly endAt: "الانتهاء عند";
+                    readonly value: "القيمة";
+                    readonly numberOfAxes: "عدد المحاور";
+                    readonly reverse: "عكس";
+                };
+                readonly labelMode: {
+                    readonly auto: "تلقائي";
+                    readonly edges: "الحواف";
+                };
+                readonly scale: {
+                    readonly auto: "تلقائي";
+                    readonly log: "لوغاريتمي";
+                };
+                readonly startFrom: {
+                    readonly auto: "تلقائي";
+                    readonly zero: "صفر";
+                    readonly custom: "مخصص";
+                };
+                readonly endAt: {
+                    readonly auto: "تلقائي";
+                    readonly custom: "مخصص";
+                };
+                readonly axisCount: {
+                    readonly single: "مفرد";
+                    readonly double: "مزدوج";
+                };
+                readonly position: {
+                    readonly left: "يسار";
+                    readonly right: "يمين";
+                    readonly top: "أعلى";
+                    readonly bottom: "أسفل";
+                };
+                readonly yesNo: {
+                    readonly yes: "نعم";
+                    readonly no: "لا";
+                };
+            };
+            readonly colorPanel: {
+                readonly toolbarButton: "اللون";
+                readonly themeSection: {
+                    readonly title: "السمة";
+                };
+                readonly paletteSection: {
+                    readonly title: "لوحة الألوان";
+                    readonly colorScheme: "نظام الألوان";
+                    readonly colors: "الألوان";
+                    readonly colorPalettes: "لوحات الألوان";
+                };
+                readonly paletteMode: {
+                    readonly preset: "مسبق";
+                    readonly brand: "العلامة التجارية";
+                    readonly freestyle: "حر";
+                };
+                readonly paletteThemes: {
+                    readonly colorful: "ملون";
+                    readonly pastel: "باستيل";
+                    readonly neon: "نيون";
+                };
+                readonly backgroundSection: {
+                    readonly title: "الخلفية";
+                    readonly black: "أسود";
+                    readonly white: "أبيض";
+                    readonly grey: "رمادي";
+                    readonly tint: "صبغة";
+                    readonly custom: "مخصص";
+                    readonly none: "بدون";
+                };
+                readonly borderSection: {
+                    readonly title: "الحدود";
+                    readonly borderColor: "لون الحدود";
+                    readonly thickness: "السمك";
+                    readonly cornerRadius: "نصف قطر الزاوية";
+                };
+                readonly borderType: {
+                    readonly solid: "صلب";
+                    readonly gradient: "متدرج";
+                    readonly grey: "رمادي";
+                    readonly preset: "مسبق";
+                    readonly custom: "مخصص";
+                    readonly none: "بدون";
+                };
+                readonly presetGradients: {
+                    readonly lilac: "ليلكي";
+                    readonly neonPink: "وردي نيون";
+                    readonly blackberry: "توت أسود";
+                    readonly sun: "شمس";
+                    readonly iceland: "آيسلندا";
+                    readonly sunset: "غروب";
+                    readonly ultraviolet: "فوق بنفسجي";
+                    readonly purple: "أرجواني";
+                    readonly iceCream: "آيس كريم";
+                    readonly mint: "نعناع";
+                    readonly cool: "بارد";
+                    readonly fresh: "منعش";
+                };
+            };
+            readonly designPanel: {
+                readonly toolbarButton: "التصميم";
+                readonly defaultExpanded: "لوحة الألوان";
+            };
+            readonly annotatePanel: {
+                readonly toolbarButton: "التعليقات";
+                readonly callOutSection: {
+                    readonly title: "وسيلة الشرح";
+                    readonly text: "نص";
+                    readonly arrow: "سهم";
+                    readonly box: "مربع";
+                    readonly differenceArrows: "أسهم الفرق";
+                };
+                readonly highlightSection: {
+                    readonly title: "التمييز";
+                    readonly button: "تمييز";
+                    readonly colorLabel: "لون التمييز";
+                };
+            };
+            readonly annotationsPanel: {
+                readonly toolbarButton: "التعليقات";
+                readonly freeformSection: {
+                    readonly title: "حر";
+                    readonly text: "نص";
+                    readonly arrow: "سهم";
+                    readonly box: "مربع";
+                    readonly difference: "فرق";
+                };
+                readonly goalSection: {
+                    readonly title: "الهدف";
+                    readonly labelControl: "التسمية";
+                    readonly labelPlaceholder: "الهدف";
+                    readonly labelAriaLabel: "تسمية الهدف المخصصة";
+                    readonly valueControl: "قيمة الهدف";
+                    readonly valueAriaLabel: "قيمة الهدف";
+                    readonly byDate: "حسب التاريخ";
+                    readonly xAxisValue: "قيمة المحور السيني";
+                    readonly optional: "(اختياري)";
+                };
+                readonly trendsAndAveragesSection: {
+                    readonly title: "الاتجاهات والمتوسطات";
+                    readonly trend: "الاتجاه";
+                    readonly average: "المتوسط";
+                };
+                readonly trendType: {
+                    readonly label: "نوع الاتجاه";
+                    readonly placeholder: "نوع الاتجاه";
+                    readonly options: {
+                        readonly linear: "خطي";
+                        readonly exponential: "أسي";
+                        readonly quadratic: "تربيعي";
+                        readonly polynomial: "متعدد الحدود";
+                        readonly logarithmic: "لوغاريتمي";
+                        readonly power: "قوة";
+                        readonly loess: "لويس";
+                    };
+                };
+                readonly averageLineSeries: {
+                    readonly label: "سلسلة خط المتوسط";
+                    readonly placeholder: "اختر السلسلة";
+                    readonly ariaLabel: "قائمة منسدلة للسلسلة لخط المتوسط";
+                };
+                readonly highlightSection: {
+                    readonly title: "التمييز";
+                    readonly button: "تمييز";
+                    readonly fadeColorLabel: "لون التلاشي";
+                };
+                readonly titleAndSubtitleSection: {
+                    readonly title: "العنوان والعنوان الفرعي";
+                    readonly toggleTitle: "العنوان";
+                    readonly subtitle: "العنوان الفرعي";
+                };
+                readonly captionAndSourceSection: {
+                    readonly title: "التسمية التوضيحية والمصدر";
+                    readonly caption: "التسمية التوضيحية";
+                    readonly source: "المصدر";
+                    readonly url: "الرابط";
+                    readonly name: "الاسم";
+                };
+            };
+            readonly elementsPanel: {
+                readonly contentVisible: "مرئي";
+                readonly contentValue: "القيمة";
+                readonly toolbarButton: "العناصر";
+                readonly headerSection: {
+                    readonly title: "الرأس";
+                    readonly toggleTitle: "العنوان";
+                    readonly subtitle: "العنوان الفرعي";
+                };
+                readonly footerSection: {
+                    readonly title: "التذييل";
+                    readonly caption: "التسمية التوضيحية";
+                    readonly source: "المصدر";
+                    readonly url: "الرابط";
+                    readonly name: "الاسم";
+                };
+                readonly textSizeSection: {
+                    readonly title: "حجم النص";
+                    readonly scaleFormat: (params: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fontSection: {
+                    readonly title: "الخط";
+                };
+                readonly sourceSection: {
+                    readonly title: "المصدر";
+                    readonly url: "الرابط";
+                    readonly name: "الاسم";
+                };
+            };
+            readonly powerUpPanel: {
+                readonly toolbarButton: "التحسينات";
+                readonly goalSection: {
+                    readonly title: "الهدف";
+                    readonly toggle: "الهدف";
+                    readonly labelControl: "التسمية";
+                    readonly labelPlaceholder: "الهدف";
+                    readonly labelAriaLabel: "تسمية الهدف المخصصة";
+                    readonly valueControl: "قيمة الهدف";
+                    readonly byDate: "حسب التاريخ";
+                    readonly xAxisValue: "قيمة المحور السيني";
+                    readonly optional: " (اختياري)";
+                    readonly xAxisReferenceAriaLabel: "قيمة مرجعية للمحور السيني";
+                    readonly anyXAxisValue: "أي قيمة للمحور السيني";
+                    readonly selectValuePlaceholder: "اختر القيمة";
+                };
+                readonly trendSection: {
+                    readonly title: "الاتجاه";
+                    readonly toggle: "الاتجاه";
+                };
+                readonly averageSection: {
+                    readonly title: "المتوسط";
+                    readonly toggle: "المتوسط";
+                    readonly seriesLabel: "سلسلة خط المتوسط";
+                    readonly seriesPlaceholder: "اختر السلسلة";
+                    readonly seriesAriaLabel: "قائمة منسدلة للسلسلة لخط المتوسط";
+                };
+                readonly trendType: {
+                    readonly label: "نوع الاتجاه";
+                    readonly placeholder: "نوع الاتجاه";
+                    readonly options: {
+                        readonly linear: "خطي";
+                        readonly exponential: "أسي";
+                        readonly quadratic: "تربيعي";
+                        readonly polynomial: "متعدد الحدود";
+                        readonly logarithmic: "لوغاريتمي";
+                        readonly power: "قوة";
+                        readonly loess: "لويس";
+                    };
+                };
+                readonly valueInput: {
+                    readonly percentagePlaceholder: "النسبة المئوية";
+                    readonly numberPlaceholder: "الرقم";
+                    readonly percentageSymbol: "٪";
+                };
+            };
+            readonly highlighting: {
+                readonly modeHelper: {
+                    readonly title: "وضع التمييز";
+                    readonly hover: "مرر";
+                    readonly toHighlight: "للتمييز";
+                    readonly anyElement: "أي عنصر";
+                    readonly escToExit: "للخروج";
+                    readonly esc: "ESC";
+                };
+                readonly emptyState: "لا تتوفر خيارات تمييز";
+                readonly deleteAriaLabel: "حذف التمييز";
+                readonly highlightStyle: {
+                    readonly tint: "صبغة";
+                    readonly grey: "رمادي";
+                };
+            };
+            readonly fineTunePanel: {
+                readonly toolbarButton: "الضبط الدقيق";
+                readonly detailSection: {
+                    readonly title: "التفاصيل";
+                    readonly missingValues: "القيم المفقودة";
+                };
+                readonly lineStyleSection: {
+                    readonly title: "نمط الخط";
+                    readonly lineCurve: "انحناء الخط";
+                    readonly sharp: "حاد";
+                    readonly smooth: "ناعم";
+                };
+            };
+            readonly customThemeEditor: {
+                readonly patternDropdownAriaLabel: "قائمة منسدلة للنمط للسلسلة";
+                readonly patterns: {
+                    readonly solid: "صلب";
+                    readonly pattern: "نمط";
+                    readonly dotted: "منقط";
+                    readonly dashed: "متقطع";
+                    readonly hatched: "مظلل";
+                };
+                readonly heatmapColorLabel: "اللون";
+            };
+            readonly accessibility: {
+                readonly toggleSection: (params: {
+                    title: string;
+                }) => string;
+            };
+            readonly graphyDefaults: {
+                readonly themeOptions: {
+                    readonly light: "فاتح";
+                    readonly dark: "داكن";
+                };
+            };
+        };
+        readonly graph: {
+            readonly loading: "جاري التحميل";
+            readonly error: "حدث خطأ ما";
+            readonly axisLabels: {
+                readonly placeholder: "إضافة تسمية";
+            };
+            readonly defaultPropertyLabels: {
+                readonly date: "التاريخ";
+                readonly year: "السنة";
+                readonly quarter: "الربع";
+                readonly month: "الشهر";
+                readonly week: "الأسبوع";
+                readonly series: "السلسلة";
+                readonly category: "الفئة";
+                readonly columnNumber: ({ number }: {
+                    number: number;
+                }) => string;
+                readonly rowNumber: ({ number }: {
+                    number: number;
+                }) => string;
+                readonly seriesNumber: ({ number }: {
+                    number: number;
+                }) => string;
+            };
+            readonly trendComparison: {
+                readonly fromPrevious: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousYear: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousMonth: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousWeek: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousDay: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousHour: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+            };
+            readonly headlineMetrics: {
+                readonly averageLong: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly averageShort: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly total: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly totalConversionRate: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly current: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly comparisonReference: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly titleEditor: {
+                readonly titlePlaceholder: "بدون عنوان";
+                readonly subtitlePlaceholder: "إضافة عنوان فرعي";
+            };
+            readonly toolbar: {
+                readonly formatting: {
+                    readonly bold: "عريض";
+                    readonly italic: "مائل";
+                    readonly underline: "تحته خط";
+                    readonly link: "رابط";
+                };
+                readonly link: {
+                    readonly ariaLabel: "إنشاء رابط";
+                    readonly placeholder: "اكتب أو الصق رابطاً...";
+                    readonly submit: "إرسال";
+                    readonly urlLabel: "عنوان الرابط";
+                    readonly apply: "تطبيق الرابط";
+                };
+                readonly font: {
+                    readonly label: "الخط";
+                    readonly ariaLabel: "عائلة الخط";
+                };
+                readonly heading: {
+                    readonly label: "مستوى العنوان";
+                    readonly ariaLabel: "نمط النص";
+                    readonly text: "نص";
+                    readonly caption: "تسمية توضيحية";
+                    readonly heading1: "عنوان 1";
+                    readonly heading2: "عنوان 2";
+                    readonly heading3: "عنوان 3";
+                };
+                readonly textAlign: {
+                    readonly left: "محاذاة لليسار";
+                    readonly center: "توسيط";
+                    readonly right: "محاذاة لليمين";
+                };
+                readonly color: {
+                    readonly label: "لون النص";
+                };
+            };
+            readonly colorDropdown: {
+                readonly colors: "الألوان";
+                readonly chartColors: "ألوان الرسم البياني";
+                readonly custom: "مخصص";
+                readonly opacity: "الشفافية";
+                readonly transparent: "شفاف";
+                readonly pickCustom: "اختيار لون مخصص";
+                readonly pickColor: "اختيار لون";
+            };
+            readonly legend: {
+                readonly hiddenItems: "عناصر وسيلة الإيضاح المخفية";
+            };
+            readonly annotations: {
+                readonly differenceArrowToolbar: {
+                    readonly label: "خيارات سهم الفرق";
+                    readonly labelKind: {
+                        readonly ariaLabel: "التسمية";
+                        readonly absoluteDifference: "التغير المطلق";
+                        readonly relativeDifference: "التغير المئوي";
+                        readonly proportion: "النسبة";
+                        readonly suspectValue: "تقسم هذه القيمة على أساس يساوي صفرًا.";
+                        readonly incomparableEnds: "يقيس الطرفان كميتين مختلفتين، لذا لا معنى للفرق بينهما.";
+                    };
+                    readonly color: "لون السهم";
+                    readonly size: {
+                        readonly ariaLabel: "الحجم";
+                        readonly small: "صغير";
+                        readonly medium: "متوسط";
+                        readonly large: "كبير";
+                    };
+                    readonly swap: "عكس الاتجاه";
+                    readonly remove: "إزالة السهم";
+                };
+                readonly baseMenu: {
+                    readonly pinNumber: "تثبيت الرقم";
+                    readonly unpinNumber: "إلغاء تثبيت الرقم";
+                    readonly annotate: "تعليق";
+                    readonly removeAnnotation: "إزالة التعليق";
+                    readonly highlight: "تمييز";
+                    readonly highlightWithLabel: (params: {
+                        label: string;
+                    }) => string;
+                    readonly removeHighlight: "إزالة التمييز";
+                    readonly differenceArrow: "سهم الفرق";
+                    readonly addSticker: "إضافة ملصق";
+                    readonly removeSticker: "إزالة الملصق";
+                };
+                readonly textMenu: {
+                    readonly title: "تعليق";
+                    readonly placeholder: "إضافة تعليق";
+                    readonly addButton: "إضافة";
+                };
+                readonly highlights: {
+                    readonly menuTitle: "تمييز";
+                    readonly labels: {
+                        readonly bar: "شريط";
+                        readonly barGroup: "مجموعة";
+                        readonly barStack: "مكدس";
+                        readonly barSeries: "سلسلة";
+                        readonly line: "خط";
+                        readonly linePoint: "نقطة";
+                        readonly lineSeries: "سلسلة";
+                        readonly scatterPoint: "نقطة";
+                        readonly scatterSeries: "سلسلة";
+                        readonly pieSlice: "شريحة";
+                        readonly pointOrBar: "نقطة / شريط";
+                        readonly lineOrSeries: "خط / سلسلة";
+                    };
+                };
+                readonly stickerMenu: {
+                    readonly title: "إضافة ملصق";
+                };
+                readonly delete: "حذف";
+                readonly arrow: {
+                    readonly thickness: {
+                        readonly label: "السمك";
+                        readonly thin: "رفيع";
+                        readonly medium: "متوسط";
+                        readonly thick: "سميك";
+                    };
+                    readonly arrowhead: {
+                        readonly startPoint: "نقطة البداية";
+                        readonly endPoint: "نقطة النهاية";
+                        readonly lineArrow: "سهم الخط";
+                        readonly none: "بدون";
+                    };
+                    readonly lineStyle: {
+                        readonly label: "نمط الخط";
+                        readonly solid: "صلب";
+                        readonly dotted: "منقط";
+                    };
+                    readonly stickerEffect: "تأثير الملصق";
+                    readonly toolbarAriaLabel: "شريط أدوات السهم الحر";
+                    readonly editorAriaLabel: "محرر السهم";
+                };
+                readonly differenceArrow: {
+                    readonly type: {
+                        readonly 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: "الحجم";
+                        readonly small: "صغير";
+                        readonly medium: "متوسط";
+                        readonly large: "كبير";
+                    };
+                    readonly flipArrow: "عكس السهم";
+                    readonly color: "اللون";
+                    readonly toolbarAriaLabel: "شريط أدوات سهم الفرق";
+                    readonly editorAriaLabel: "محرر سهم الفرق";
+                };
+                readonly shape: {
+                    readonly color: "اللون";
+                    readonly border: {
+                        readonly label: "الحدود";
+                        readonly none: "بدون";
+                        readonly thin: ({ value }: {
+                            value: string;
+                        }) => string;
+                        readonly medium: ({ value }: {
+                            value: string;
+                        }) => string;
+                        readonly thick: ({ value }: {
+                            value: string;
+                        }) => string;
+                    };
+                };
+            };
+        };
+        readonly dir: "rtl";
+    };
+    readonly 'pt-PT': {
+        readonly common: {
+            readonly save: "Guardar";
+            readonly cancel: "Cancelar";
+            readonly confirm: "Confirmar";
+            readonly delete: "Eliminar";
+            readonly confirmDelete: (params: {
+                item: string;
+            }) => string;
+            readonly abbreviations: {
+                readonly thousands: "mil";
+                readonly millions: "M";
+                readonly billions: "MM";
+            };
+        };
+        readonly editor: {
+            readonly title: "Editor Graphy";
+            readonly description: "Edite o seu conteúdo aqui";
+            readonly graphTypes: {
+                readonly column: "Colunas";
+                readonly columnStacked: "Colunas sobrepostas";
+                readonly columnStackedFill: "100% Colunas sobrepostas";
+                readonly bar: "Barras";
+                readonly barStacked: "Barras sobrepostas";
+                readonly barStackedFill: "100% Barras sobrepostas";
+                readonly line: "Linha";
+                readonly areaStacked: "Área sobreposta";
+                readonly pie: "Circular";
+                readonly donut: "Donut";
+                readonly scatter: "Dispersão";
+                readonly bubble: "Bolhas";
+                readonly funnel: "Funil";
+                readonly combo: "Combinado";
+                readonly heatmap: "Mapa de Calor";
+                readonly waterfall: "Cascata";
+                readonly mekko: "Mekko";
+                readonly table: "Tabela";
+            };
+            readonly sizePanel: {
+                readonly toolbarButton: "Tamanho";
+                readonly presetsSection: {
+                    readonly title: "Predefinições";
+                };
+                readonly customSizeSection: {
+                    readonly title: "Tamanho personalizado";
+                };
+                readonly presets: {
+                    readonly googleSlides: "Google Slides / PowerPoint";
+                    readonly webEmail: "Web / email";
+                    readonly linkedIn: "Publicação LinkedIn";
+                    readonly instagram: "Publicação Instagram";
+                    readonly tiktok: "TikTok / Instagram story";
+                    readonly twitter: "X (Twitter)";
+                    readonly mobile: "Móvel";
+                };
+                readonly inputs: {
+                    readonly unitLabel: "px";
+                };
+                readonly validation: {
+                    readonly maxSizeError: (params: {
+                        max: number;
+                    }) => string;
+                    readonly minSizeError: (params: {
+                        min: number;
+                    }) => string;
+                };
+            };
+            readonly graphPanel: {
+                readonly toolbarButton: "Gráfico";
+                readonly graphTypeSection: {
+                    readonly title: "Tipo de gráfico";
+                };
+                readonly graphOptionsSection: {
+                    readonly title: "Opções do gráfico";
+                };
+                readonly graphOptions: {
+                    readonly sortBars: "Ordenar maior → menor";
+                    readonly gridLines: "Linhas de grelha";
+                    readonly showPoints: "Mostrar pontos";
+                    readonly smoothLines: "Linhas suaves";
+                    readonly stackTotals: "Totais sobrepostos";
+                    readonly dataLabels: "Etiquetas de dados";
+                    readonly showPercentages: "Mostrar percentagens";
+                    readonly categoryLabels: "Etiquetas de categorias";
+                };
+                readonly legendSection: {
+                    readonly title: "Legenda";
+                    readonly auto: "Automático";
+                    readonly top: "Topo";
+                    readonly bottom: "Fundo";
+                    readonly left: "Esquerda";
+                    readonly right: "Direita";
+                    readonly none: "Nenhuma";
+                };
+                readonly numberFormatSection: {
+                    readonly title: "Formato numérico";
+                };
+                readonly numberFormat: {
+                    readonly abbreviationLabel: "Abreviação";
+                    readonly valueLabel: "Valor";
+                    readonly decimalPlacesLabel: "Casas decimais";
+                    readonly options: {
+                        readonly auto: "Automático";
+                        readonly custom: "Personalizado";
+                        readonly none: "Nenhum";
+                    };
+                };
+                readonly headlineNumberSize: {
+                    readonly sizeLabel: "Tamanho";
+                    readonly valueLabel: "Valor";
+                    readonly sizes: {
+                        readonly small: "P";
+                        readonly medium: "M";
+                        readonly large: "G";
+                    };
+                };
+                readonly lineThickness: {
+                    readonly label: "Espessura da linha";
+                };
+                readonly pointSize: {
+                    readonly label: "Tamanho do ponto";
+                    readonly options: {
+                        readonly auto: "Automático";
+                        readonly custom: "Personalizado";
+                    };
+                };
+                readonly headlineNumberSection: {
+                    readonly title: "Número destaque";
+                    readonly toggle: "Visível";
+                    readonly metricLabel: "Métrica";
+                    readonly compareWithLabel: "Comparar com";
+                    readonly metrics: {
+                        readonly total: "Total";
+                        readonly average: "Média";
+                        readonly current: "Último";
+                        readonly conversion: "Conversão";
+                        readonly left: "Esquerda";
+                    };
+                    readonly comparison: {
+                        readonly first: "Primeiro";
+                        readonly previous: "Anterior";
+                    };
+                    readonly pieTotalPosition: {
+                        readonly left: "Esquerda";
+                        readonly center: "Centro";
+                    };
+                };
+                readonly treatEmptyValues: {
+                    readonly leaveGap: {
+                        readonly label: "Deixar espaço no gráfico";
+                        readonly description: "Deixa uma quebra visível na linha onde faltam dados";
+                    };
+                    readonly fillZero: {
+                        readonly label: "Preencher com zero";
+                        readonly description: "Exibe pontos de dados em falta como zero";
+                    };
+                    readonly connectGaps: {
+                        readonly label: "Ligar através dos espaços";
+                        readonly description: "Une a linha entre pontos disponíveis, ignorando o espaço";
+                    };
+                };
+                readonly comboChartAppearance: {
+                    readonly title: "Aparência do gráfico combinado";
+                    readonly groupedBars: "Barras agrupadas";
+                    readonly stackedBars: "Barras sobrepostas";
+                    readonly linesOnly: "Apenas linhas";
+                };
+            };
+            readonly columnMapping: {
+                readonly title: "Dados";
+                readonly xAxis: "Eixo X";
+                readonly yAxis: "Eixo Y";
+                readonly leftYAxis: "Eixo Y (esquerda)";
+                readonly rightYAxis: "Eixo Y (direita)";
+                readonly slices: "Valores (fatias)";
+                readonly labels: "Etiquetas";
+                readonly size: "Tamanho";
+                readonly shape: "Forma";
+                readonly reset: "Repor para automático";
+                readonly addSeries: "Adicionar série";
+                readonly removeSeries: "Remover série";
+            };
+            readonly axesPanel: {
+                readonly toolbarButton: "Eixos";
+                readonly mainAxisSection: {
+                    readonly yAxis: "Eixo Y";
+                    readonly xAxis: "Eixo X";
+                };
+                readonly crossAxisSection: {
+                    readonly xAxis: "Eixo X";
+                    readonly yAxis: "Eixo Y";
+                };
+                readonly controls: {
+                    readonly visible: "Visível";
+                    readonly labels: "Etiquetas";
+                    readonly position: "Posição";
+                    readonly scale: "Escala";
+                    readonly startFrom: "Iniciar de";
+                    readonly endAt: "Terminar em";
+                    readonly value: "Valor";
+                    readonly numberOfAxes: "Número de eixos";
+                    readonly reverse: "Inverter";
+                };
+                readonly labelMode: {
+                    readonly auto: "Automático";
+                    readonly edges: "Extremos";
+                };
+                readonly scale: {
+                    readonly auto: "Automático";
+                    readonly log: "Logarítmico";
+                };
+                readonly startFrom: {
+                    readonly auto: "Automático";
+                    readonly zero: "Zero";
+                    readonly custom: "Personalizado";
+                };
+                readonly endAt: {
+                    readonly auto: "Automático";
+                    readonly custom: "Personalizado";
+                };
+                readonly axisCount: {
+                    readonly single: "Único";
+                    readonly double: "Duplo";
+                };
+                readonly position: {
+                    readonly left: "Esquerda";
+                    readonly right: "Direita";
+                    readonly top: "Topo";
+                    readonly bottom: "Fundo";
+                };
+                readonly yesNo: {
+                    readonly yes: "Sim";
+                    readonly no: "Não";
+                };
+            };
+            readonly colorPanel: {
+                readonly toolbarButton: "Cor";
+                readonly themeSection: {
+                    readonly title: "Tema";
+                };
+                readonly paletteSection: {
+                    readonly title: "Paleta";
+                    readonly colorScheme: "Esquema de cores";
+                    readonly colors: "Cores";
+                    readonly colorPalettes: "Paletas de cores";
+                };
+                readonly paletteMode: {
+                    readonly preset: "Predefinido";
+                    readonly brand: "Marca";
+                    readonly freestyle: "Livre";
+                };
+                readonly paletteThemes: {
+                    readonly colorful: "Colorido";
+                    readonly pastel: "Pastel";
+                    readonly neon: "Néon";
+                };
+                readonly backgroundSection: {
+                    readonly title: "Fundo";
+                    readonly black: "Preto";
+                    readonly white: "Branco";
+                    readonly grey: "Cinzento";
+                    readonly tint: "Tonalidade";
+                    readonly custom: "Personalizado";
+                    readonly none: "Nenhum";
+                };
+                readonly borderSection: {
+                    readonly title: "Contorno";
+                    readonly borderColor: "Cor do contorno";
+                    readonly thickness: "Espessura";
+                    readonly cornerRadius: "Raio dos cantos";
+                };
+                readonly borderType: {
+                    readonly solid: "Sólido";
+                    readonly gradient: "Gradiente";
+                    readonly grey: "Cinzento";
+                    readonly preset: "Predefinido";
+                    readonly custom: "Personalizado";
+                    readonly none: "Nenhum";
+                };
+                readonly presetGradients: {
+                    readonly lilac: "Lilás";
+                    readonly neonPink: "Rosa Néon";
+                    readonly blackberry: "Amora";
+                    readonly sun: "Sol";
+                    readonly iceland: "Islândia";
+                    readonly sunset: "Pôr do Sol";
+                    readonly ultraviolet: "Ultravioleta";
+                    readonly purple: "Roxo";
+                    readonly iceCream: "Gelado";
+                    readonly mint: "Menta";
+                    readonly cool: "Frio";
+                    readonly fresh: "Fresco";
+                };
+            };
+            readonly designPanel: {
+                readonly toolbarButton: "Design";
+                readonly defaultExpanded: "Paleta";
+            };
+            readonly annotatePanel: {
+                readonly toolbarButton: "Anotar";
+                readonly callOutSection: {
+                    readonly title: "Destaque";
+                    readonly text: "Texto";
+                    readonly arrow: "Seta";
+                    readonly box: "Caixa";
+                    readonly differenceArrows: "Setas de diferença";
+                };
+                readonly highlightSection: {
+                    readonly title: "Realce";
+                    readonly button: "Realçar";
+                    readonly colorLabel: "Cor do realce";
+                };
+            };
+            readonly annotationsPanel: {
+                readonly toolbarButton: "Anotar";
+                readonly freeformSection: {
+                    readonly title: "Forma livre";
+                    readonly text: "Texto";
+                    readonly arrow: "Seta";
+                    readonly box: "Caixa";
+                    readonly difference: "Diferença";
+                };
+                readonly goalSection: {
+                    readonly title: "Objetivo";
+                    readonly labelControl: "Etiqueta";
+                    readonly labelPlaceholder: "Objetivo";
+                    readonly labelAriaLabel: "Etiqueta de objetivo personalizada";
+                    readonly valueControl: "Valor do objetivo";
+                    readonly valueAriaLabel: "Valor do objetivo";
+                    readonly byDate: "Por data";
+                    readonly xAxisValue: "Valor do eixo X";
+                    readonly optional: "(opcional)";
+                };
+                readonly trendsAndAveragesSection: {
+                    readonly title: "Tendências e Médias";
+                    readonly trend: "Tendência";
+                    readonly average: "Média";
+                };
+                readonly trendType: {
+                    readonly label: "Tipo de tendência";
+                    readonly placeholder: "Tipo de tendência";
+                    readonly options: {
+                        readonly linear: "Linear";
+                        readonly exponential: "Exponencial";
+                        readonly quadratic: "Quadrática";
+                        readonly polynomial: "Polinomial";
+                        readonly logarithmic: "Logarítmica";
+                        readonly power: "Potência";
+                        readonly loess: "Loess";
+                    };
+                };
+                readonly averageLineSeries: {
+                    readonly label: "Série da linha de média";
+                    readonly placeholder: "Selecionar série";
+                    readonly ariaLabel: "Dropdown de séries para linha de média";
+                };
+                readonly highlightSection: {
+                    readonly title: "Realce";
+                    readonly button: "Realçar";
+                    readonly fadeColorLabel: "Cor de esmaecimento";
+                };
+                readonly titleAndSubtitleSection: {
+                    readonly title: "Título e Subtítulo";
+                    readonly toggleTitle: "Título";
+                    readonly subtitle: "Subtítulo";
+                };
+                readonly captionAndSourceSection: {
+                    readonly title: "Legenda e Fonte";
+                    readonly caption: "Legenda";
+                    readonly source: "Fonte";
+                    readonly url: "URL";
+                    readonly name: "Nome";
+                };
+            };
+            readonly elementsPanel: {
+                readonly contentVisible: "Visível";
+                readonly contentValue: "Valor";
+                readonly toolbarButton: "Elementos";
+                readonly headerSection: {
+                    readonly title: "Cabeçalho";
+                    readonly toggleTitle: "Título";
+                    readonly subtitle: "Subtítulo";
+                };
+                readonly footerSection: {
+                    readonly title: "Rodapé";
+                    readonly caption: "Legenda";
+                    readonly source: "Fonte";
+                    readonly url: "URL";
+                    readonly name: "Nome";
+                };
+                readonly textSizeSection: {
+                    readonly title: "Tamanho do texto";
+                    readonly scaleFormat: (params: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fontSection: {
+                    readonly title: "Tipo de letra";
+                };
+                readonly sourceSection: {
+                    readonly title: "Fonte";
+                    readonly url: "URL";
+                    readonly name: "Nome";
+                };
+            };
+            readonly powerUpPanel: {
+                readonly toolbarButton: "Extras";
+                readonly goalSection: {
+                    readonly title: "Objetivo";
+                    readonly toggle: "Objetivo";
+                    readonly labelControl: "Etiqueta";
+                    readonly labelPlaceholder: "Objetivo";
+                    readonly labelAriaLabel: "Etiqueta de objetivo personalizada";
+                    readonly valueControl: "Valor do objetivo";
+                    readonly byDate: "Por data";
+                    readonly xAxisValue: "Valor do eixo X";
+                    readonly optional: " (opcional)";
+                    readonly xAxisReferenceAriaLabel: "Valor de referência do eixo X";
+                    readonly anyXAxisValue: "Qualquer valor do eixo X";
+                    readonly selectValuePlaceholder: "Selecionar valor";
+                };
+                readonly trendSection: {
+                    readonly title: "Tendência";
+                    readonly toggle: "Tendência";
+                };
+                readonly averageSection: {
+                    readonly title: "Média";
+                    readonly toggle: "Média";
+                    readonly seriesLabel: "Série da linha de média";
+                    readonly seriesPlaceholder: "Selecionar série";
+                    readonly seriesAriaLabel: "Dropdown de séries para linha de média";
+                };
+                readonly trendType: {
+                    readonly label: "Tipo de tendência";
+                    readonly placeholder: "Tipo de tendência";
+                    readonly options: {
+                        readonly linear: "Linear";
+                        readonly exponential: "Exponencial";
+                        readonly quadratic: "Quadrática";
+                        readonly polynomial: "Polinomial";
+                        readonly logarithmic: "Logarítmica";
+                        readonly power: "Potência";
+                        readonly loess: "Loess";
+                    };
+                };
+                readonly valueInput: {
+                    readonly percentagePlaceholder: "Percentagem";
+                    readonly numberPlaceholder: "Número";
+                    readonly percentageSymbol: "%";
+                };
+            };
+            readonly highlighting: {
+                readonly modeHelper: {
+                    readonly title: "Modo de realce";
+                    readonly hover: "Passe";
+                    readonly toHighlight: "para realçar";
+                    readonly anyElement: "qualquer elemento";
+                    readonly escToExit: "para sair";
+                    readonly esc: "ESC";
+                };
+                readonly emptyState: "Sem opções de realce disponíveis";
+                readonly deleteAriaLabel: "Eliminar realce";
+                readonly highlightStyle: {
+                    readonly tint: "Tonalidade";
+                    readonly grey: "Cinzento";
+                };
+            };
+            readonly fineTunePanel: {
+                readonly toolbarButton: "Ajuste fino";
+                readonly detailSection: {
+                    readonly title: "Detalhe";
+                    readonly missingValues: "Valores em falta";
+                };
+                readonly lineStyleSection: {
+                    readonly title: "Estilo de linha";
+                    readonly lineCurve: "Curva da linha";
+                    readonly sharp: "Angulosa";
+                    readonly smooth: "Suave";
+                };
+            };
+            readonly customThemeEditor: {
+                readonly patternDropdownAriaLabel: "Dropdown de padrões para série";
+                readonly patterns: {
+                    readonly solid: "Sólido";
+                    readonly pattern: "Padrão";
+                    readonly dotted: "Pontilhado";
+                    readonly dashed: "Tracejado";
+                    readonly hatched: "Hachurado";
+                };
+                readonly heatmapColorLabel: "Cor";
+            };
+            readonly accessibility: {
+                readonly toggleSection: (params: {
+                    title: string;
+                }) => string;
+            };
+            readonly graphyDefaults: {
+                readonly themeOptions: {
+                    readonly light: "Claro";
+                    readonly dark: "Escuro";
+                };
+            };
+        };
+        readonly graph: {
+            readonly loading: "A carregar";
+            readonly error: "Algo correu mal";
+            readonly axisLabels: {
+                readonly placeholder: "Adicionar etiqueta";
+            };
+            readonly defaultPropertyLabels: {
+                readonly date: "Data";
+                readonly year: "Ano";
+                readonly quarter: "Trimestre";
+                readonly month: "Mês";
+                readonly week: "Semana";
+                readonly series: "Série";
+                readonly category: "Categoria";
+                readonly columnNumber: ({ number }: {
+                    number: number;
+                }) => string;
+                readonly rowNumber: ({ number }: {
+                    number: number;
+                }) => string;
+                readonly seriesNumber: ({ number }: {
+                    number: number;
+                }) => string;
+            };
+            readonly trendComparison: {
+                readonly fromPrevious: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousYear: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousMonth: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousWeek: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousDay: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+                readonly fromPreviousHour: {
+                    readonly long: ({ value }: {
+                        value: string;
+                    }) => string;
+                    readonly short: ({ value }: {
+                        value: string;
+                    }) => string;
+                };
+            };
+            readonly headlineMetrics: {
+                readonly averageLong: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly averageShort: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly total: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly totalConversionRate: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly current: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly comparisonReference: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly titleEditor: {
+                readonly titlePlaceholder: "Sem título";
+                readonly subtitlePlaceholder: "Adicionar subtítulo";
+            };
+            readonly toolbar: {
+                readonly formatting: {
+                    readonly bold: "Negrito";
+                    readonly italic: "Itálico";
+                    readonly underline: "Sublinhado";
+                    readonly link: "Ligação";
+                };
+                readonly link: {
+                    readonly ariaLabel: "Criar ligação";
+                    readonly placeholder: "Escreva ou cole uma ligação...";
+                    readonly submit: "Submeter";
+                    readonly urlLabel: "URL da ligação";
+                    readonly apply: "Aplicar ligação";
+                };
+                readonly font: {
+                    readonly label: "Tipo de letra";
+                    readonly ariaLabel: "Família do tipo de letra";
+                };
+                readonly heading: {
+                    readonly label: "Nível de título";
+                    readonly ariaLabel: "Estilo de texto";
+                    readonly text: "Texto";
+                    readonly caption: "Legenda";
+                    readonly heading1: "Título 1";
+                    readonly heading2: "Título 2";
+                    readonly heading3: "Título 3";
+                };
+                readonly textAlign: {
+                    readonly left: "Alinhar à esquerda";
+                    readonly center: "Alinhar ao centro";
+                    readonly right: "Alinhar à direita";
+                };
+                readonly color: {
+                    readonly label: "Cor do texto";
+                };
+            };
+            readonly colorDropdown: {
+                readonly colors: "Cores";
+                readonly chartColors: "Cores do gráfico";
+                readonly custom: "Personalizado";
+                readonly opacity: "Opacidade";
+                readonly transparent: "Transparente";
+                readonly pickCustom: "Escolher cor personalizada";
+                readonly pickColor: "Escolher cor";
+            };
+            readonly legend: {
+                readonly hiddenItems: "Itens de legenda ocultos";
+            };
+            readonly annotations: {
+                readonly differenceArrowToolbar: {
+                    readonly label: "Opções da seta de diferença";
+                    readonly labelKind: {
+                        readonly ariaLabel: "Etiqueta";
+                        readonly absoluteDifference: "Variação absoluta";
+                        readonly relativeDifference: "Variação percentual";
+                        readonly proportion: "Proporção";
+                        readonly suspectValue: "Este valor divide por uma base igual a zero.";
+                        readonly incomparableEnds: "As duas pontas medem quantidades diferentes, pelo que a diferença entre elas não tem significado.";
+                    };
+                    readonly color: "Cor da seta";
+                    readonly size: {
+                        readonly ariaLabel: "Tamanho";
+                        readonly small: "Pequeno";
+                        readonly medium: "Médio";
+                        readonly large: "Grande";
+                    };
+                    readonly swap: "Inverter sentido";
+                    readonly remove: "Remover seta";
+                };
+                readonly baseMenu: {
+                    readonly pinNumber: "Fixar número";
+                    readonly unpinNumber: "Desafixar número";
+                    readonly annotate: "Anotar";
+                    readonly removeAnnotation: "Remover anotação";
+                    readonly highlight: "Realçar";
+                    readonly highlightWithLabel: (params: {
+                        label: string;
+                    }) => string;
+                    readonly removeHighlight: "Remover realce";
+                    readonly differenceArrow: "Seta de diferença";
+                    readonly addSticker: "Adicionar autocolante";
+                    readonly removeSticker: "Remover autocolante";
+                };
+                readonly textMenu: {
+                    readonly title: "Anotar";
+                    readonly placeholder: "Adicionar comentário";
+                    readonly addButton: "Adicionar";
+                };
+                readonly highlights: {
+                    readonly menuTitle: "Realçar";
+                    readonly labels: {
+                        readonly bar: "Barra";
+                        readonly barGroup: "Grupo";
+                        readonly barStack: "Pilha";
+                        readonly barSeries: "Série";
+                        readonly line: "Linha";
+                        readonly linePoint: "Ponto";
+                        readonly lineSeries: "Série";
+                        readonly scatterPoint: "Ponto";
+                        readonly scatterSeries: "Série";
+                        readonly pieSlice: "Fatia";
+                        readonly pointOrBar: "Ponto / barra";
+                        readonly lineOrSeries: "Linha / série";
+                    };
+                };
+                readonly stickerMenu: {
+                    readonly title: "Adicionar autocolante";
+                };
+                readonly delete: "Eliminar";
+                readonly arrow: {
+                    readonly thickness: {
+                        readonly label: "Espessura";
+                        readonly thin: "Fina";
+                        readonly medium: "Média";
+                        readonly thick: "Grossa";
+                    };
+                    readonly arrowhead: {
+                        readonly startPoint: "Ponto inicial";
+                        readonly endPoint: "Ponto final";
+                        readonly lineArrow: "Seta de linha";
+                        readonly none: "Nenhuma";
+                    };
+                    readonly lineStyle: {
+                        readonly label: "Estilo de linha";
+                        readonly solid: "Sólida";
+                        readonly dotted: "Pontilhada";
+                    };
+                    readonly stickerEffect: "Efeito de autocolante";
+                    readonly toolbarAriaLabel: "Barra de ferramentas de seta livre";
+                    readonly editorAriaLabel: "Editor de seta";
+                };
+                readonly differenceArrow: {
+                    readonly type: {
+                        readonly proportion: "Proporção";
+                        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: "Tamanho";
+                        readonly small: "Pequeno";
+                        readonly medium: "Médio";
+                        readonly large: "Grande";
+                    };
+                    readonly flipArrow: "Inverter seta";
+                    readonly color: "Cor";
+                    readonly toolbarAriaLabel: "Barra de ferramentas de seta de diferença";
+                    readonly editorAriaLabel: "Editor de seta de diferença";
+                };
+                readonly shape: {
+                    readonly color: "Cor";
+                    readonly border: {
+                        readonly label: "Contorno";
+                        readonly none: "Nenhum";
+                        readonly thin: ({ value }: {
+                            value: string;
+                        }) => string;
+                        readonly medium: ({ value }: {
+                            value: string;
+                        }) => string;
+                        readonly thick: ({ value }: {
+                            value: string;
+                        }) => string;
+                    };
+                };
+            };
+        };
+        readonly dir: "ltr";
+    };
+};
+
+declare type Dictionary<T> = {
+    [K in keyof T]: T[K] extends object ? Dictionary<T[K]> : string;
+};
+
+/**
+ * A control where one gesture can only ever produce one change, so every change is its own undo
+ * entry and there is nothing left to commit — a switch flipped, an option picked from a popup.
+ *
+ * Being single-valued is not the test. A radio grid holds one string and is still {@link
+ * ContinuousControlProps}, because holding an arrow key sweeps its selection.
+ */
+export declare interface DiscreteControlProps<Value> extends ControlBaseProps {
+    value: Value;
+    onChange: (value: Value) => void;
+}
+
+declare type DotNotation<T> = T extends object ? {
+    [K in keyof T & string]: T[K] extends (...args: never[]) => unknown ? K : T[K] extends object ? `${K}.${DotNotation<T[K]>}` : K;
+}[keyof T & string] : never;
+
+/**
+ * `GraphRenderer` with the editor layer wired in. A host toggles `mode` rather than swapping
+ * components, so hover, animation, the compiled store and the undo history survive the toggle.
+ *
+ * The editor store is held from here, above the renderer, because the editing surface fills a slot
+ * beside the plot rather than above it: a store it hosted would be out of reach of the geoms and chrome
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <GraphProvider input={input} data={data}>
+ *   <EditableGraphRenderer mode={isEditing ? 'editable' : 'readonly'} />
+ * </GraphProvider>
+ * ```
+ */
+export declare const EditableGraphRenderer: ({ slots, ...rest }: GraphRendererProps) => JSX.Element;
+
+export { EditorPanel }
+
+/** 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. */
+    frameElement: HTMLElement;
+    /** The panel's rect within that box, so chrome positioned from `layout` shares its origin. */
+    panelRect: Rect;
+}
+
+/**
+ * The chart's text and its size: what the header and footer show, and how large everything is drawn.
+ *
+ * Section order follows the chart's own reading order: the text down the page, then its size.
+ */
+export declare const ElementsPanel: ({ children, ...rootProps }: PanelProps) => JSX.Element;
+
+declare const 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";
+            readonly columnStackedFill: "100% Stacked";
+            readonly bar: "Bar";
+            readonly barStacked: "Stacked";
+            readonly barStackedFill: "100% Stacked";
+            readonly line: "Line";
+            readonly areaStacked: "Stacked Area";
+            readonly pie: "Pie";
+            readonly donut: "Donut";
+            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 graphOptionsSection: {
+                readonly title: "Graph options";
+            };
+            readonly graphOptions: {
+                readonly sortBars: "Sort high → low";
+                readonly gridLines: "Grid lines";
+                readonly showPoints: "Show points";
+                readonly smoothLines: "Smooth lines";
+                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 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 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 pieTotalPosition: {
+                    readonly left: "Left";
+                    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 comboChartAppearance: {
+                readonly title: "Combo chart appearance";
+                readonly groupedBars: "Grouped bars";
+                readonly stackedBars: "Stacked bars";
+                readonly linesOnly: "Lines only";
+            };
+        };
+        readonly columnMapping: {
+            readonly title: "Data";
+            readonly xAxis: "X-axis";
+            readonly yAxis: "Y-axis";
+            readonly leftYAxis: "Y-axis (left)";
+            readonly rightYAxis: "Y-axis (right)";
+            readonly slices: "Values (slices)";
+            readonly labels: "Labels";
+            readonly size: "Size";
+            readonly shape: "Shape";
+            readonly reset: "Reset to auto";
+            readonly addSeries: "Add series";
+            readonly removeSeries: "Remove series";
+        };
+        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 visible: "Visible";
+                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 paletteSection: {
+                readonly title: "Palette";
+                readonly colorScheme: "Color scheme";
+                readonly colors: "Colors";
+                readonly colorPalettes: "Color palettes";
+            };
+            readonly paletteMode: {
+                readonly preset: "Preset";
+                readonly brand: "Brand";
+                readonly freestyle: "Freestyle";
+            };
+            readonly paletteThemes: {
+                readonly colorful: "Colorful";
+                readonly pastel: "Pastel";
+                readonly neon: "Neon";
+            };
+            readonly backgroundSection: {
+                readonly title: "Background";
+                readonly black: "Black";
+                readonly white: "White";
+                readonly grey: "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 grey: "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: "Call-out";
+                readonly text: "Text";
+                readonly arrow: "Arrow";
+                readonly box: "Box";
+                readonly differenceArrows: "Difference arrows";
+            };
+            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 grey: "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 accessibility: {
+            readonly toggleSection: (params: {
+                title: string;
+            }) => string;
+        };
+        readonly graphyDefaults: {
+            readonly themeOptions: {
+                readonly light: "Light";
+                readonly dark: "Dark";
+            };
+        };
+    };
+    readonly graph: {
+        readonly loading: "Loading";
+        readonly error: "Something went wrong";
+        readonly axisLabels: {
+            readonly placeholder: "Add label";
+        };
+        readonly defaultPropertyLabels: {
+            readonly date: "Date";
+            readonly year: "Year";
+            readonly quarter: "Quarter";
+            readonly month: "Month";
+            readonly week: "Week";
+            readonly series: "Series";
+            readonly category: "Category";
+            readonly columnNumber: ({ number }: {
+                number: number;
+            }) => string;
+            readonly rowNumber: ({ number }: {
+                number: number;
+            }) => string;
+            readonly seriesNumber: ({ number }: {
+                number: number;
+            }) => string;
+        };
+        readonly trendComparison: {
+            readonly fromPrevious: {
+                readonly long: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly short: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly fromPreviousYear: {
+                readonly long: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly short: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly fromPreviousMonth: {
+                readonly long: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly short: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly fromPreviousWeek: {
+                readonly long: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly short: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly fromPreviousDay: {
+                readonly long: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly short: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+            readonly fromPreviousHour: {
+                readonly long: ({ value }: {
+                    value: string;
+                }) => string;
+                readonly short: ({ value }: {
+                    value: string;
+                }) => string;
+            };
+        };
+        readonly headlineMetrics: {
+            readonly averageLong: ({ value }: {
+                value: string;
+            }) => string;
+            readonly averageShort: ({ value }: {
+                value: string;
+            }) => string;
+            readonly total: ({ value }: {
+                value: string;
+            }) => string;
+            readonly totalConversionRate: ({ value }: {
+                value: string;
+            }) => string;
+            readonly current: ({ value }: {
+                value: string;
+            }) => string;
+            readonly comparisonReference: ({ value }: {
+                value: string;
+            }) => string;
+        };
+        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 legend: {
+            readonly hiddenItems: "Hidden legend items";
+        };
+        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 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;
+                };
+            };
+        };
+    };
+    readonly dir: "ltr";
+};
+
+/**
+ * Props for the Footer slot, overridable via `slots.Footer` on `GraphRenderer`. Caption editing in
+ * `editable` mode is internal to this default; an override replacing the region opts out of it.
+ */
+declare interface FooterSlotProps {
+    /** Forward this to the region's outer element — the layout measures the rendered DOM to reserve its space. */
+    ref?: React.Ref<HTMLDivElement>;
+    footerRect: Rect;
+    mode?: GraphMode;
+    caption: TextContent | null;
+    isCaptionVisible: boolean;
+    source: SourceContent | null;
+    isSourceVisible: boolean;
+    /**
+     * Resolved badge visual for footer placement. `hidden` when the mark is off, below the min
+     * footprint, or configured for header placement.
+     */
+    brandMark: BrandMarkVisual;
+}
+
+declare interface GraphAnimationProps {
+    /**
+     * Settings for the intro animation played on first mount. `false` disables it, `true` forces it on,
+     * an object overrides individual intro settings. Defaults on.
+     */
+    intro?: boolean | Partial<IntroAnimationOptions>;
+}
+
+/** Write access to the graph's spec: applying {@link Command}s and closing the runs they form. */
+declare interface GraphCommands {
+    /** Applies a command to the provider's live spec. */
+    dispatch: (command: Command, options?: DispatchOptions) => void;
+    /**
+     * Closes a run of `{ transient: true }` dispatches and fires `onChange` once for it. Call it when
+     * the gesture ends — pointer up, blur. Forgetting only delays the notification rather than
+     * corrupting undo: the run covers one {@link EditTarget}, and the next committed dispatch, undo,
+     * redo or external change closes it.
+     */
+    seal: () => void;
+}
+
+/**
+ * Imperative handle on a graph, for an app's key handling, toolbar or menu bar mounted above the
+ * tree the hooks can reach. Obtained through {@link GraphProviderProps.handleRef}.
+ */
+declare interface GraphHandle {
+    /** Write access to the graph's spec, the same surface {@link useGraphCommands} serves inside the tree. */
+    commands: GraphCommands;
+    /**
+     * Registers a listener fired on every change to the graph; returns the unsubscribe. With
+     * {@link GraphHandle.getCompiled} it is what `useSyncExternalStore` needs, so a surface outside the
+     * graph's tree stays in step with it. Subscribing before the graph compiles is valid.
+     */
+    subscribe: (onGraphChange: () => void) => () => void;
+    /** The graph's compiled spec as of now, or `null` before its first successful compile. */
+    getCompiled: () => CompiledSpec | null;
+    /**
+     * 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
+     * older spec no longer compiles.
+     */
+    undo: () => boolean;
+    /** Re-apply the most recently undone command. Returns whether the chart took the step. */
+    redo: () => boolean;
+    /** What the chart holds selected as of now; empty when nothing is. */
+    getSelection: () => readonly EditTarget[];
+    /** Replace what the chart holds selected. */
+    setSelection: (next: readonly EditTarget[]) => void;
+    /** Registers a listener fired on every change to the selection; returns the unsubscribe. */
+    subscribeSelection: (onSelectionChange: () => void) => () => void;
+}
+
+/**
+ * Chart display and interaction mode.
+ * - 'readonly': Normal chart display with full interactivity but no editing (default)
+ * - 'editable': Chart with inline editing capabilities for labels, titles, etc.
+ */
+declare type GraphMode = 'readonly' | 'editable';
+
+/** Props for {@link GraphRenderer}: container sizing, interaction toggles and per-region slot overrides. */
+declare interface GraphRendererProps {
+    /** Controls how the graph responds to its container size. Defaults to filling the parent container. */
+    sizing?: GraphSizing;
+    /** Callback invoked when the graph's container is resized. Fires in every sizing mode. */
+    onResize?: ResizeObserverOnResize;
+    isAnimated?: boolean;
+    animation?: GraphAnimationProps;
+    showTooltips?: boolean;
+    mode?: GraphMode;
+    /** Per-region component overrides. Unspecified regions render their default. */
+    slots?: GraphSlots;
+}
+
+/** Controls how the graph claims space in its container. */
+declare type GraphSizing = {
+    mode: 'responsive';
+} | {
+    mode: 'fixed';
+    width: number;
+    height: number;
+} | {
+    mode: 'keepAspectRatio';
+    intrinsicWidth: number;
+    intrinsicHeight: number;
+} | {
+    mode: 'keepAspectRatio';
+    intrinsicWidth: number;
+    aspectRatio: number;
+} | {
+    mode: 'keepAspectRatio';
+    intrinsicHeight: number;
+    aspectRatio: number;
+};
+
+/**
+ * Region overrides for `GraphRenderer`. A slot replaces how one region paints; the viz-engine `Spec`
+ * still owns whether a region exists and what data it receives, and an override gets the same
+ * render-ready props as its default.
+ *
+ * Layout-safe regions (`Header`, `Footer`, `Tooltip`, `Grid`, `Swatch`, `EditorSurface`) are bare
+ * components — DOM-measured, reserving no edge space or painting inside a box the layout already sized.
+ * Layout-coupled regions (`AxisTicks`, `AxisLabel`, `Legend`, `Headline`) are
+ * {@link SlotOverride}s that also declare their reserved size via `measure`, else paint and the
+ * reserved band desync. The tick and title bands are separate slots so overriding one leaves the other
+ * on its default.
+ */
+declare interface GraphSlots {
+    Header?: ComponentType<HeaderSlotProps>;
+    Footer?: ComponentType<FooterSlotProps>;
+    Tooltip?: ComponentType<TooltipSlotProps>;
+    Grid?: ComponentType<GridSlotProps>;
+    Swatch?: ComponentType<SwatchSlotProps>;
+    /**
+     * The chart's editor layer, mounted over the frame in `mode="editable"`. Only
+     * `@graphysdk/react-renderer/editable` exports something that fills it, so a read-only embed bundles
+     * no editing code.
+     */
+    EditorSurface?: ComponentType<EditorSurfaceSlotProps>;
+    Legend?: SlotOverride<LegendSlotProps, (legend: FormattedLegend, ctx: SlotMeasureContext) => number>;
+    Headline?: SlotOverride<HeadlineSlotProps, HeadlineMeasurer>;
+    AxisTicks?: SlotOverride<AxisTicksSlotProps, (axis: FormattedAxis, ctx: SlotMeasureContext) => number>;
+    AxisLabel?: SlotOverride<AxisLabelSlotProps, (axis: FormattedAxis, ctx: SlotMeasureContext) => number>;
+}
+
+/**
+ * Props for the Grid slot, overridable via `slots.Grid` on `GraphRenderer`. `panelRect` is in
+ * SVG-local coordinates.
+ */
+declare interface GridSlotProps {
+    axes: FormattedAxis[];
+    panel: CompiledPanel;
+    panelFrameRect: GraphLayout['panelFrame'];
+    panelRect: GraphLayout['panel'];
+}
+
+/**
+ * Props for the Header slot, overridable via `slots.Header` on `GraphRenderer`. Title editing in
+ * `editable` mode is internal to this default; an override replacing the region opts out of it.
+ */
+declare interface HeaderSlotProps {
+    /** Forward this to the region's outer element — the layout measures the rendered DOM to reserve its space. */
+    ref?: React.Ref<HTMLDivElement>;
+    headerRect: Rect;
+    mode?: GraphMode;
+    title: TextContent | null;
+    isTitleVisible: boolean;
+    subtitle: TextContent | null;
+    isSubtitleVisible: boolean;
+    /**
+     * Resolved badge visual for header placement. `hidden` when the mark is off, below the min
+     * footprint, or configured for footer placement.
+     */
+    brandMark: BrandMarkVisual;
+}
+
+/** Props for the Headline slot, overridable via `slots.Headline` on `GraphRenderer`. */
+declare interface HeadlineSlotProps {
+    headline: FormattedHeadline;
+    rect: Rect;
+    resolvedSize: ResolvedHeadlineSize;
+    /** Leading strip items to paint; the rest are hidden because they would overflow the band. */
+    visibleItemCount: number;
+}
+
+declare type I18nLocale = keyof typeof dictionaries;
+
+declare type I18nRuntimeOverrides = {
+    dir?: TextDirection;
+} & {
+    [K in TranslationKey]?: OverridePhrase<K>;
+};
+
+export declare const IntlProvider: React.FC<CoreIntlProviderProps>;
+
+declare interface IntroAnimationOptions {
+    /** Whether the entrance plays at all */
+    enabled: boolean;
+    /** Multiplier applied to every entrance duration and stagger delay. */
+    durationScale: number;
+    /** Whether geoms that support staggered entrance (bars) enter staggered rather than all at once. */
+    stagger: boolean;
+    /** The order staggered point geoms enter in. Bars and slices always enter in visual order. */
+    staggerOrder: IntroStaggerOrder;
+    /** Total geom count across all layers above which the entrance is skipped entirely. */
+    maxAnimatedGeoms: number;
+}
+
+/**
+ * Where the legend sits relative to the chart. Renders nothing until the graph has compiled, since
+ * there is no position to show before then.
+ *
+ * `inline` by default: a narrowed chart offers two or three positions, which fit beside the heading.
+ * A host that mounts it among collapsible sections passes `layout` rather than forking the section.
+ */
+export declare const LegendSection: ({ positions, title, layout, preview }: LegendSectionProps) => JSX.Element | null;
+
+declare interface LegendSectionProps extends OverridableSectionProps {
+    /** Overrides the positions offered, for a host that knows its own layout constraints. */
+    positions?: readonly LegendPosition[];
+}
+
+/** Props for the Legend slot, overridable via `slots.Legend` on `GraphRenderer`. */
+declare interface LegendSlotProps {
+    formattedLegends: FormattedLegend[];
+    rects: Partial<Record<LayoutEdge, Rect>>;
+    textScale: number;
+}
+
+declare type LocaleShape = {
+    dir?: TextDirection;
+} & Dictionary<typeof EN_GB>;
+
+declare type LooseLocaleShape = {
+    [K in keyof LocaleShape]?: LooseSection<LocaleShape[K]>;
+};
+
+declare type LooseSection<T> = {
+    [K in keyof T]?: T[K] extends object ? LooseSection<T[K]> : LooseValue<T[K]>;
+};
+
+declare type LooseString<T> = T extends string ? string : T;
+
+declare type LooseValue<T> = T extends (...args: infer A) => infer R ? (...args: A) => R : LooseString<T>;
+
+/**
+ * A number typed, scrubbed or stepped into a field.
+ *
+ * Base UI's `onValueCommitted` already fires on blur and at the end of a scrub or a button press,
+ * which is exactly the grain `onCommit` wants — so a scrub is one undo entry, not one per pixel.
+ */
+export declare const NumberField: ({ value, onChange, onCommit, min, max, step, prefix, suffix, isDisabled, hasError, ariaLabel, ariaLabelledBy, id, }: NumberFieldControlProps) => JSX.Element;
+
+/** `null` is an empty field, which is a state of its own rather than zero. */
+export declare interface NumberFieldControlProps extends ContinuousControlProps<number | null> {
+    min?: number;
+    max?: number;
+    step?: number;
+    /**
+     * Shown inside the field, before the number: a currency or a comparison symbol, `$` or `≥`.
+     * Display only, never part of the value.
+     */
+    prefix?: string;
+    /**
+     * Shown inside the field, after the number: a unit that reads as one, `px`, `%` or `°`. Display
+     * only, never part of the value.
+     */
+    suffix?: string;
+    hasError?: boolean;
+}
+
+/**
+ * How every number in the chart reads: whether large values collapse to a suffix (`1.2k`, `3m`), and
+ * how many decimals the rest keep.
+ *
+ * Both belong to the spec's config rather than to any one layer, so this is one setting the whole
+ * chart shares.
+ */
+export declare const NumberFormatSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
+/**
+ * What a host may override per section, spread by every section onto its `Section`, so the same
+ * section can be mounted at two layouts without being forked to get them.
+ */
+export declare type OverridableSectionProps = Partial<Pick<SectionProps, 'title' | 'layout' | 'preview'>>;
+
+declare type OverridePhrase<K extends TranslationKey> = PhraseOf<K> extends PhraseFn<infer P> ? PhraseFn<P> | string : string;
+
+export { PANEL_ROOT_ATTRIBUTE }
+
+declare interface PanelExpansion {
+    expandSection: (title: string) => void;
+    collapseAllSections: () => void;
+}
+
+declare interface PanelProps extends Omit<PanelRootProps_2, 'children'> {
+    /**
+     * Replaces the sections entirely. A panel is a convenience over composing them by hand, so the
+     * escape hatch is the composition it saves you writing rather than a set of flags on top of it.
+     */
+    children?: ReactNode;
+}
+
+export { PanelRootProps }
+
+declare type PhraseFn<P extends Record<string, unknown> = Record<string, unknown>> = (params: P) => string;
+
+declare type PhraseOf<K extends TranslationKey> = DeepValue<typeof EN_GB, K>;
+
+/**
+ * A grid of picture-led choices, for settings that read faster as shapes than as words — chart
+ * type, text size, a row of colour chips.
+ *
+ * A click is a whole gesture and commits immediately. A held arrow key is not: it sweeps the
+ * selection across the options, firing a change for each one it passes through, so the run is
+ * committed on key up instead. Without that, crossing six options would leave six undo entries behind
+ * a single press. Blur commits too, for focus leaving before the key comes up.
+ *
+ * Base UI reports every change with the same reason, so which gesture is under way is tracked here
+ * rather than read off the event.
+ */
+export declare const RadioGrid: ({ options, value, onChange, onCommit, columns, itemLayout, isDisabled, ariaLabel, ariaLabelledBy, id, }: RadioGridControlProps) => JSX.Element;
+
+/**
+ * Single-select grid of icon buttons, for choices that read as pictures rather than words.
+ *
+ * Continuous despite holding a single string: arrow keys move the selection, so holding one sweeps
+ * across the options and fires a change for each. `onCommit` lands once, on key up.
+ */
+export declare interface RadioGridControlProps extends ContinuousControlProps<string> {
+    options: readonly ControlOption[];
+    /** Items per row. Defaults to the number of options, i.e. a single row. */
+    columns?: number;
+    /**
+     * `tile` (default) captions each icon; `swatch` drops the caption for a dense grid of pure
+     * pictures — colour chips a name would only clutter — naming each through `aria-label` instead.
+     */
+    itemLayout?: 'tile' | 'swatch';
+}
+
+/** Fires on each deduped size change — the shape of `GraphRenderer`'s `onResize` callback. */
+declare type ResizeObserverOnResize = (state: ResizeObserverState) => void;
+
+/** The observed element's content-box size in CSS pixels, rounded to integers. */
+declare interface ResizeObserverState {
+    width: number;
+    height: number;
+    /** True until the first ResizeObserver measurement lands. */
+    isDefault: boolean;
+}
+
+/** A {@link ControlRegistry} with every member filled in, as sections consume it. */
+export declare type ResolvedControlRegistry = Required<ControlRegistry>;
+
+/**
+ * One labelled setting, wiring its own control: the row publishes its ids and each control takes the
+ * half it can carry. The label reaches it with `htmlFor` rather than wrapping it, because a wrapping
+ * `<label>` makes Base UI rename every option of a group inside it to the row's text.
+ */
+export declare const Row: ({ label, layout, children }: SettingRowProps) => JSX.Element;
+
+export declare type RowLayout = 'stack' | 'grid';
+
+/**
+ * One block of a panel: a heading, and the settings under it. Defaults to `fixed`, so a section that
+ * forgot to declare a layout shows its controls rather than hiding them.
+ *
+ * Only `collapsible` is an accordion item — the other two always show their body, so an item that is
+ * permanently open would carry the trigger and the panel semantics without ever using them.
+ */
+export declare const Section: ({ title, layout, preview, accessory, onOpenChange, children }: SectionProps) => JSX.Element;
+
+/**
+ * `fixed` always shows its body; `collapsible` toggles it and only one section is open at a time;
+ * `inline` is a single row, the control sitting where a preview otherwise would.
+ */
+export declare type SectionLayout = 'fixed' | 'collapsible' | 'inline';
+
+export declare interface SectionProps {
+    /** Also the section's identity within the panel, so titles must be distinct. */
+    title: string;
+    layout?: SectionLayout;
+    /** What the section says while closed — "Bottom". Not interactive; for that use `accessory`. */
+    preview?: ReactNode;
+    /** A live control at the header's end, whose clicks do not toggle the section. */
+    accessory?: ReactNode;
+    /**
+     * Fired when a `collapsible` section opens or closes, so a section can couple a feature to being
+     * looked at. An event rather than state to watch: an effect reading expansion would write the state
+     * it reads and fire twice for one gesture.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    children: ReactNode;
+}
+
+/** A single-choice dropdown, for a set too long or too wordy for a segmented row. */
+export declare const Select: ({ options, value, onChange, placeholder, isDisabled, hasError, ariaLabel, ariaLabelledBy, id, }: SelectControlProps) => JSX.Element;
+
+/**
+ * Single-choice dropdown, for a set too long or too wordy to sit in a segmented row.
+ *
+ * The value is nullable so a section can render "nothing chosen yet"; `onChange` only ever fires
+ * with a real option, since clearing a required setting is not a gesture the panel offers.
+ */
+export declare interface SelectControlProps extends DiscreteControlProps<string | null> {
+    options: readonly ControlOption[];
+    placeholder?: string;
+    hasError?: boolean;
+}
+
+declare interface SettingRowProps {
+    label?: string;
+    layout?: RowLayout;
+    children: ReactNode;
+}
+
+/**
+ * A value dragged along a track.
+ *
+ * The gesture streams through `onChange`, which a section dispatches transiently, and commits through
+ * `onCommit` when it ends — so sliding from one end to the other is one undo entry rather than one
+ * per frame.
+ *
+ * A held arrow key is a gesture too. Base UI commits on every keyboard change, which would turn one
+ * press-and-hold into an undo entry per auto-repeat, so those commits are swallowed and the run is
+ * committed on key up instead — the keyboard's equivalent of releasing the thumb. Blur commits too,
+ * for focus leaving mid-hold with no key up ever arriving.
+ */
+export declare const Slider: ({ value, onChange, onCommit, min, max, step, suffix, formatValue, isDisabled, ariaLabel, ariaLabelledBy, }: SliderControlProps) => JSX.Element;
+
+export declare interface SliderControlProps extends ContinuousControlProps<number> {
+    min: number;
+    max: number;
+    step?: number;
+    /**
+     * Unit for the readout beside the track — `px`, `%`, `°`. Shows the value when given and hides it
+     * when not, so a slider with nothing to say stays a bare track.
+     */
+    suffix?: string;
+    /**
+     * Formats the readout outright, for a value a unit cannot describe on its own — a thousands
+     * separator, a ratio, a named step. Wins over {@link suffix} when both are given.
+     */
+    formatValue?: (value: number) => string;
+}
+
+/**
+ * Passed as the second argument to a layout-coupled slot's `measure`, so it can size its band from
+ * real text metrics — the same Canvas-backed measurer the built-in measurers use — rather than
+ * constructing its own. A `measure` whose size is unrelated to text can ignore it.
+ */
+declare interface SlotMeasureContext {
+    /** Measures a string at a given font; returns `{ width, height, ascent, descent }` in CSS pixels. */
+    measureText: TextMeasurer['measureText'];
+    /** Active text-scale multiplier; multiply an em size by this to get the pixel size to measure at. */
+    textScale: number;
+}
+
+/**
+ * A layout-coupled slot: the region's `render` paired with the `measure` the layout uses to reserve
+ * its space. `measure` mirrors the matching `LayoutMeasurer` method, so paint and reserved space can't
+ * disagree. Give it a stable reference — a `measure` whose identity changes each render takes effect on
+ * the next paint but doesn't retrigger layout.
+ */
+declare interface SlotOverride<Props, Measure> {
+    /** The component that paints the region. */
+    render: ComponentType<Props>;
+    /**
+     * Returns the region's reserved size. Receives the region's formatted data plus a
+     * {@link SlotMeasureContext} (`measureText`, `textScale`) for sizing from real text metrics.
+     */
+    measure: Measure;
+}
+
+/**
+ * Whether the chart shows its source, and the attribution it names.
+ *
+ * The only text slot typed here rather than on the chart: a source is never editable in place, so
+ * the panel is the only way to set one.
+ */
+export declare const SourceSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
+/**
+ * Whether the chart shows its subtitle, and what it says.
+ *
+ * Hiding it leaves the text intact, so it comes back without being retyped. It is also editable in
+ * place on the chart; the field here is the second way in, not the only one.
+ */
+export declare const SubtitleSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
+/**
+ * The vocabulary of legend/tooltip/headline marks the {@link Swatch} can paint. A geom picks the one
+ * that best evokes its on-canvas mark via `swatchShape` on its render contract (see
+ * {@link GeomRenderContract}); it is a render concern, so the engine never resolves it.
+ *
+ * - `square` — a filled rect (bars)
+ * - `line` — a horizontal stroke (lines)
+ * - `area` — a filled region with a stroke accent (areas)
+ * - `circle` — a filled dot (points)
+ * - `slice` — a pie / donut wedge (polar bars)
+ */
+declare type SwatchShape = 'square' | 'line' | 'circle' | 'area' | 'slice';
+
+/**
+ * Props for the Swatch slot (`slots.Swatch` on `GraphRenderer`). An override must paint inside the
+ * `width` × `height` box it receives.
+ *
+ * Switch on `shape`, `surface` or `label` and delegate the rest to
+ * {@link DefaultSwatch}.
+ */
+declare interface SwatchSlotProps {
+    shape: SwatchShape;
+    color: string;
+    surface: SwatchSurface;
+    label?: string;
+    lineType?: LineStyleType;
+    width?: number;
+    height?: number;
+}
+
+/** The UI surface a swatch is painted on. Lets a Swatch slot restyle one surface and delegate the rest. */
+declare type SwatchSurface = 'legend' | 'tooltip' | 'headline' | 'callout' | 'rule-label';
+
+/** An on/off toggle, for a setting whose whole value is whether it is on. */
+export declare const Switch: ({ isChecked, onChange, isDisabled, ariaLabel, ariaLabelledBy, id }: SwitchControlProps) => JSX.Element;
+
+/**
+ * An on/off toggle.
+ *
+ * Named `isChecked` rather than `value`: the state is the whole value, and every flip is its own
+ * undo entry, so there is no gesture left to commit.
+ */
+export declare interface SwitchControlProps extends ControlBaseProps {
+    isChecked: boolean;
+    onChange: (isChecked: boolean) => void;
+}
+
+declare type TextDirection = 'ltr' | 'rtl';
+
+/**
+ * A line of text.
+ *
+ * Typing fires `onChange` per keystroke and blur fires `onCommit`, so a burst of typing dispatches
+ * transiently and seals into one undo entry when the field is left.
+ */
+export declare const TextField: ({ value, onChange, onCommit, placeholder, isDisabled, hasError, ariaLabel, ariaLabelledBy, id, }: TextFieldControlProps) => JSX.Element;
+
+export declare interface TextFieldControlProps extends ContinuousControlProps<string> {
+    placeholder?: string;
+    hasError?: boolean;
+}
+
+/**
+ * How large every text element in the chart is drawn, as one multiplier over the theme's own sizes.
+ *
+ * It applies to ticks and labels as much as to the title, so it belongs to the chart rather than to
+ * any one piece of its content.
+ */
+export declare const TextSizeSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
+/**
+ * Whether the chart shows its title, and what it says.
+ *
+ * Hiding it leaves the text intact, so it comes back without being retyped. It is also editable in
+ * place on the chart; the field here is the second way in, not the only one.
+ */
+export declare const TitleSection: ({ title, layout, preview }: OverridableSectionProps) => JSX.Element | null;
+
+/**
+ * A section whose feature is switched on and off from its own header. The coupling runs both ways: on
+ * opens it, off closes it, and opening it while off switches it on.
+ */
+export declare const ToggledSection: ({ title, isChecked, onToggle, isDisabled, preview, children }: ToggledSectionProps) => JSX.Element;
+
+declare interface ToggledSectionProps extends Omit<SectionProps, 'layout' | 'accessory' | 'onOpenChange'> {
+    isChecked: boolean;
+    onToggle: (isChecked: boolean) => void;
+    isDisabled?: boolean;
+}
+
+/**
+ * A segmented single-choice row.
+ *
+ * Built on the radio primitive rather than the toggle one, which it resembles more closely by
+ * name. Picking one of a fixed set is what a radio group is for, and the primitive is what makes
+ * arrow keys move the selection instead of only the focus. Toggle buttons would have given the
+ * behaviour of a radio group while announcing itself as something else.
+ *
+ * That makes this the picture grid in different clothes: same primitive, same contract, same
+ * transient run sealed on key up. Only the layout differs — a row of words here, a grid of pictures
+ * there — which is the whole of why they are two controls.
+ */
+export declare const ToggleGroup: ({ options, value, onChange, onCommit, itemLayout, isDisabled, ariaLabel, ariaLabelledBy, id, }: ToggleGroupControlProps) => JSX.Element;
+
+/**
+ * Single-select segmented control.
+ *
+ * Continuous, on the same contract as the picture grid, so a section can swap one for the other
+ * without changing how it dispatches.
+ */
+export declare interface ToggleGroupControlProps extends ContinuousControlProps<string> {
+    options: readonly ControlOption[];
+    /**
+     * `inline` (default) lays each option on one line — an icon, a label, or an icon standing in for
+     * the label. `stacked` sits the icon above the label in a taller cell, for a row of options read
+     * as pictures with a caption.
+     */
+    itemLayout?: 'inline' | 'stacked';
+}
+
+/** Props for the Tooltip slot, overridable via `slots.Tooltip` on `GraphRenderer`. Positioning stays built in. */
+declare interface TooltipSlotProps {
+    /** Render-ready tooltip body, already formatted by the viz-engine runtime. */
+    content: TooltipContent;
+}
+
+declare type TranslationKey = DotNotation<typeof EN_GB>;
+
+/** The resolved controls for the surrounding panel. */
+export declare const useControls: () => ResolvedControlRegistry;
+
+/**
+ * How a section opens or closes itself.
+ *
+ * Write-only: which section is open is the accordion's, and reading it back would tempt a section
+ * into an effect that watches the state it also writes.
+ */
+export declare const usePanelExpansion: () => PanelExpansion;
+
+/**
+ * The graph the surrounding panel edits. Throws outside a bound panel: a section has nothing to
+ * read or write without one, so an unbound panel is a composition mistake rather than a state to
+ * render around.
+ */
+export declare const usePanelGraph: () => GraphHandle;
+
+export { }