@odoo/o-spreadsheet 19.4.0-alpha.10 → 19.4.0-alpha.11

package/dist/o_spreadsheet.esm.js

@@ -2,9 +2,9 @@
 /**
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.4.0-alpha.10
- * @date 2026-06-02T12:07:58.355Z
- * @hash 41144f9
+ * @version 19.4.0-alpha.11
+ * @date 2026-06-03T11:42:34.595Z
+ * @hash 6f35bc7
  */
 
 import { App, Component, EnvPlugin, Plugin, __ODOO_COMPATIBILITY_LAYER_ADDED__, blockDom, config, markRaw, onMounted, onPatched, onWillPatch, onWillStart, onWillUnmount, onWillUpdateProps, plugin, props, providePlugins, proxy, signal, status, toRaw, types, useChildEnv, useChildSubEnv, useComponent, useEffect, useEnv, useExternalListener, useLayoutEffect, useListener, useScope, useSubEnv, whenReady, xml } from "@odoo/owl";
@@ -669,6 +669,18 @@ const borderStyles = [
 function isMatrix(x) {
 	return Array.isArray(x) && Array.isArray(x[0]);
 }
+const borderPositions = [
+	"all",
+	"hv",
+	"h",
+	"v",
+	"external",
+	"left",
+	"top",
+	"right",
+	"bottom",
+	"clear"
+];
 let DIRECTION = /* @__PURE__ */ function(DIRECTION) {
 	DIRECTION["UP"] = "up";
 	DIRECTION["DOWN"] = "down";
@@ -676,6 +688,11 @@ let DIRECTION = /* @__PURE__ */ function(DIRECTION) {
 	DIRECTION["RIGHT"] = "right";
 	return DIRECTION;
 }({});
+const composerFocusTypes = [
+	"inactive",
+	"cellFocus",
+	"contentFocus"
+];
 
 //#endregion
 //#region src/helpers/misc.ts
@@ -2577,13 +2594,9 @@ function unregisterChartJsExtensions() {
 const isOdooCompatLoaded = __ODOO_COMPATIBILITY_LAYER_ADDED__ === true;
 var _Component = class extends Component {
 	static template = "";
-	static props = {};
-	static defaultProps = {};
-	props;
 	env;
 	constructor(node) {
 		super(node);
-		this.props = props(null, this.constructor.defaultProps);
 		this.env = useChildEnv$1();
 		this.__owl__ = node;
 	}
@@ -2705,10 +2718,11 @@ var VPortal = class extends blockDom.text("").constructor {
 };
 var Portal = class extends Component {
 	static template = xml`<t t-call-slot="default"/>`;
-	static props = {
-		selector: String,
-		slots: true
-	};
+	constructor(node) {
+		super(node);
+		this.props = props();
+		this.__owl__ = node;
+	}
 	setup() {
 		const node = this.__owl__;
 		const renderContent = node.renderFn;
@@ -7023,6 +7037,11 @@ function getRange(sheetXC, sheetId) {
 		sheetId
 	}, defaultGetSheetSize);
 }
+function replaceSymbolInFormula(formula, oldSymbol, newSymbol) {
+	const oldCanonicalSymbol = getCanonicalSymbolName(oldSymbol);
+	const newCanonicalSymbol = getCanonicalSymbolName(newSymbol);
+	return tokenize(formula).map((token) => token.type === "SYMBOL" && token.value === oldCanonicalSymbol ? newCanonicalSymbol : token.value).join("");
+}
 
 //#endregion
 //#region src/formulas/code_builder.ts
@@ -9916,6 +9935,9 @@ function getChartBackgroundColor({ background }, getters) {
 //#endregion
 //#region src/components/figures/chart/chartJs/chartjs_show_values_plugin.ts
 const MINIMAL_VERTICAL_DISTANCE = 13;
+function isLineOverlayOnBarChart(options, dataset) {
+	return options.type === "bar" && dataset.type === "line";
+}
 /** This is a chartJS plugin that will draw the values of each data next to the point/bar/pie slice */
 const chartShowValuesPlugin = {
 	id: "chartShowValuesPlugin",
@@ -9966,7 +9988,7 @@ function drawTextWithBackground(text, x, y, ctx) {
 function drawLineOrBarOrRadarChartValues(chart, options, ctx) {
 	const textsPositions = {};
 	for (const dataset of chart._metasets) {
-		if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden) continue;
+		if (isTrendLineAxis(dataset.xAxisID) || dataset.hidden || isLineOverlayOnBarChart(options, dataset)) continue;
 		const yAxisScale = chart.scales[dataset.yAxisID];
 		for (let i = 0; i < dataset._parsed.length; i++) {
 			const parsedValue = dataset._parsed[i];
@@ -10045,7 +10067,7 @@ function drawBubbleChartValues(chart, options, ctx) {
 function drawHorizontalBarChartValues(chart, options, ctx) {
 	const textsPositions = {};
 	for (const dataset of chart._metasets) {
-		if (isTrendLineAxis(dataset.xAxisID)) return;
+		if (isTrendLineAxis(dataset.xAxisID) || isLineOverlayOnBarChart(options, dataset)) continue;
 		const xZeroLine = chart.scales[dataset.xAxisID].getPixelForValue(0);
 		for (let i = 0; i < dataset._parsed.length; i++) {
 			const value = Number(dataset._parsed[i].x);
@@ -10690,8 +10712,38 @@ function getBarChartDatasets(definition, args) {
 		trendDatasets.push(getTrendingLineDataSet(dataset, trendConfig, trendData));
 	}
 	dataSets.push(...trendDatasets);
+	const totalLineDataset = getBarChartTotalLineDataset(definition, dataSetsValues);
+	if (totalLineDataset) dataSets.push(totalLineDataset);
 	return dataSets;
 }
+function getBarChartTotalLineDataset(definition, dataSetsValues) {
+	const visibleDataSetsValues = dataSetsValues.filter((dataSet) => !dataSet.hidden);
+	if (!definition.stacked || !definition.showTotalLine || visibleDataSetsValues.length < 2) return;
+	const data = range(0, Math.max(...visibleDataSetsValues.map((dataSet) => dataSet.data.length))).map((index) => {
+		let total;
+		for (const dataSet of visibleDataSetsValues) {
+			const cell = dataSet.data[index];
+			if (isNumberResult(cell)) total = (total ?? 0) + cell.value;
+		}
+		return total ?? NaN;
+	});
+	const color = relativeLuminance(definition.background || "#FFFFFF") < .3 ? "#e9ecef" : "#343a40";
+	return {
+		type: "line",
+		label: _t("Sum"),
+		data,
+		order: -1,
+		tension: 0,
+		fill: false,
+		pointRadius: 3,
+		borderWidth: 2,
+		backgroundColor: color,
+		borderColor: color,
+		pointBackgroundColor: color,
+		xAxisID: "x",
+		yAxisID: "y"
+	};
+}
 function getCalendarChartDatasetAndLabels(definition, args) {
 	const { labels, dataSetsValues, background } = args;
 	const values = dataSetsValues.map((ds) => ds.data).flat().filter(isNumberResult).map((cell) => cell.value);
@@ -11469,13 +11521,10 @@ chartJsExtensionRegistry.add("chartBackgroundPlugin", {
 });
 var ChartJsComponent = class extends Component$1 {
 	static template = "o-spreadsheet-ChartJsComponent";
-	static props = {
-		chartId: String,
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types.string(),
+		"isFullScreen?": types.boolean()
+	});
 	canvas = signal(null);
 	chart;
 	currentRuntime;
@@ -12171,13 +12220,10 @@ function getZoomTargetPosition(ev, zoom) {
 //#region src/components/figures/chart/scorecard/chart_scorecard.ts
 var ScorecardChart = class extends Component$1 {
 	static template = "o-spreadsheet-ScorecardChart";
-	static props = {
-		chartId: String,
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types.string(),
+		"isFullScreen?": types.boolean()
+	});
 	canvas = signal(null);
 	get runtime() {
 		return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -13863,13 +13909,10 @@ function hasIconLayoutChange(newBox, oldBox) {
 const ANIMATION_DURATION = 1e3;
 var GaugeChartComponent = class extends Component$1 {
 	static template = "o-spreadsheet-GaugeChartComponent";
-	static props = {
-		chartId: String,
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types.string(),
+		"isFullScreen?": types.boolean()
+	});
 	canvas = signal(null);
 	animationStore;
 	get runtime() {
@@ -14140,52 +14183,201 @@ function useTimeOut() {
 	};
 }
 
+//#endregion
+//#region src/components/props_validation.ts
+/**
+* Validate that a prop is a number, but with a more specific type than just `number` (e.g. `Pixel`).
+*/
+function validateNumber() {
+	return types.number();
+}
+/**
+* Validate that a prop is a string, but with a more specific type than just `string` (e.g. `Color`).
+*/
+function validateString() {
+	return types.string();
+}
+/**
+* Validate that a prop is an object, but with a more specific type than just `object` (e.g. `ActionSpec`).
+*/
+function validateObject() {
+	return types.object();
+}
+/**
+* Validate that a prop is an array, but with a more specific element type than `any[]`.
+*/
+function validateArrayOf() {
+	return types.array();
+}
+/**
+* Validate that a prop is a record (string-keyed dictionary), but with a more
+* specific value type than `any`.
+*/
+function validateRecordOf() {
+	return types.record();
+}
+/**
+* Validate that a prop is a `Set`, typed with a specific element type.
+*/
+function validateSetOf() {
+	return types.instanceOf(Set);
+}
+function validateRect() {
+	return types.object({
+		x: types.number(),
+		y: types.number(),
+		width: types.number(),
+		height: types.number()
+	});
+}
+function validateBorderPosition() {
+	return types.customValidator(validateString(), (position) => borderPositions.includes(position));
+}
+function validateBorderStyle() {
+	return types.customValidator(validateString(), (style) => borderStyles.includes(style));
+}
+function validateDOMCoordinates() {
+	return types.object({
+		x: types.number(),
+		y: types.number()
+	});
+}
+function validateDOMDimension() {
+	return types.object({
+		width: types.number(),
+		height: types.number()
+	});
+}
+function validateSortDirection() {
+	return types.customValidator(validateString(), (direction) => ["asc", "desc"].includes(direction));
+}
+function validateResizeDirection() {
+	return types.customValidator(validateNumber(), (direction) => [
+		-1,
+		0,
+		1
+	].includes(direction));
+}
+function validateComposerFocusType() {
+	return types.customValidator(validateString(), (value) => composerFocusTypes.includes(value));
+}
+function validateDimension() {
+	return types.customValidator(validateString(), (value) => ["COL", "ROW"].includes(value));
+}
+function validateContextMenuType() {
+	return types.customValidator(validateString(), (value) => [
+		"ROW",
+		"COL",
+		"CELL",
+		"FILTER",
+		"GROUP_HEADERS",
+		"UNGROUP_HEADERS"
+	].includes(value));
+}
+/**
+* Validate that a prop is a store. Typed as the CQS-wrapped `Store<T>` to
+* match what `useStore(...)` returns at the call site.
+*/
+function validateStore() {
+	return types.object();
+}
+const types$1 = {
+	...types,
+	ArrayOf: validateArrayOf,
+	RecordOf: validateRecordOf,
+	SetOf: validateSetOf,
+	GenericCriterionType: validateString,
+	UID: validateString,
+	CriterionFilter: validateObject,
+	CSSProperties: validateObject,
+	ResizeDirection: validateResizeDirection,
+	FigureUI: validateObject,
+	Token: validateObject,
+	CellPosition: validateObject,
+	AutoCompleteProviderDefinition: validateObject,
+	AutoCompleteProposal: validateObject,
+	FunctionDescription: validateObject,
+	Rect: validateRect,
+	Pixel: validateNumber,
+	HeaderIndex: validateNumber,
+	BorderPosition: validateBorderPosition,
+	BorderStyle: validateBorderStyle,
+	Color: validateString,
+	ActionSpec: validateObject,
+	DOMCoordinates: validateDOMCoordinates,
+	DOMDimension: validateDOMDimension,
+	ComposerFocusType: validateComposerFocusType,
+	SortDirection: validateSortDirection,
+	Store: validateStore,
+	Position: validateObject,
+	PivotCoreDefinition: validateObject,
+	PivotField: validateObject,
+	PivotDimension: validateObject,
+	PivotMeasure: validateObject,
+	PivotCoreMeasure: validateObject,
+	PivotCustomGroupedField: validateObject,
+	PivotRuntimeDefinition: validateObject,
+	PivotFilter: validateObject,
+	DataFilterValue: validateObject,
+	SpreadsheetPivotCoreDefinition: validateObject,
+	ComposerSelection: validateObject,
+	Action: validateObject,
+	MenuItemOrSeparator: validateObject,
+	Model: validateObject,
+	DispatchResult: validateObject,
+	Zone: validateObject,
+	Range: validateObject,
+	HeaderGroup: validateObject,
+	GridClickModifiers: validateObject,
+	ZoomedMouseEvent: validateObject,
+	ConditionalFormat: validateObject,
+	ColorScaleThreshold: validateObject,
+	Table: validateObject,
+	CoreTable: validateObject,
+	TableConfig: validateObject,
+	TableStyle: validateObject,
+	TitleDesign: validateObject,
+	ChartDefinition: validateObject,
+	ChartDefinitionWithDataSource: validateObject,
+	ChartWithAxisDefinition: validateObject,
+	ChartStyle: validateObject,
+	ChartColorScale: validateObject,
+	ChartRangeDataSource: validateObject,
+	DataSetStyle: validateObject,
+	GeoChartDefinition: validateObject,
+	FunnelChartDefinition: validateObject,
+	TreeMapChartDefinition: validateObject,
+	TreeMapCategoryColorOptions: validateObject,
+	TreeMapColorScaleOptions: validateObject,
+	NamedRange: validateObject,
+	DataValidationRule: validateObject,
+	InformationNotification: validateObject,
+	NotificationStoreMethods: validateObject,
+	SidePanelContent: validateObject,
+	SidePanelComponentProps: validateObject,
+	DataValidationCriterionType: validateString,
+	Dimension: validateDimension,
+	ContextMenuType: validateContextMenuType
+};
+
 //#endregion
 //#region src/components/menu/menu.ts
 var Menu = class extends Component$1 {
 	static template = "o-spreadsheet-Menu";
-	static props = {
-		menuItems: Array,
-		onClose: Function,
-		onClickMenu: {
-			type: Function,
-			optional: true
-		},
-		onMouseEnter: {
-			type: Function,
-			optional: true
-		},
-		onMouseLeave: {
-			type: Function,
-			optional: true
-		},
-		width: {
-			type: Number,
-			optional: true
-		},
-		hoveredMenuId: {
-			type: String,
-			optional: true
-		},
-		isHoveredMenuFocused: {
-			type: Boolean,
-			optional: true
-		},
-		onScroll: {
-			type: Function,
-			optional: true
-		},
-		onKeyDown: {
-			type: Function,
-			optional: true
-		},
-		disableKeyboardNavigation: {
-			type: Boolean,
-			optional: true
-		}
-	};
 	static components = {};
-	static defaultProps = {};
+	props = props({
+		menuItems: types$1.ArrayOf(),
+		onClose: types$1.function([]),
+		"onClickMenu?": types$1.function([types$1.Action(), types$1.instanceOf(PointerEvent)]),
+		"onMouseEnter?": types$1.function([types$1.Action(), types$1.instanceOf(PointerEvent)]),
+		"onMouseLeave?": types$1.function([types$1.Action(), types$1.instanceOf(PointerEvent)]),
+		"width?": types$1.number(),
+		"hoveredMenuId?": types$1.string(),
+		"isHoveredMenuFocused?": types$1.boolean(),
+		"onScroll?": types$1.function([types$1.instanceOf(CustomEvent)]),
+		"onKeyDown?": types$1.function([types$1.instanceOf(KeyboardEvent)]),
+		"disableKeyboardNavigation?": types$1.boolean()
+	});
 	menuRef = signal(null);
 	setup() {
 		useLayoutEffect$1(() => {
@@ -14323,57 +14515,25 @@ function usePopoverContainer() {
 //#region src/components/popover/popover.ts
 var Popover = class extends Component$1 {
 	static template = "o-spreadsheet-Popover";
-	static props = {
-		anchorRect: Object,
-		containerRect: {
-			type: Object,
-			optional: true
-		},
-		positioning: {
-			type: String,
-			optional: true
-		},
-		maxWidth: {
-			type: Number,
-			optional: true
-		},
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		verticalOffset: {
-			type: Number,
-			optional: true
-		},
-		onMouseWheel: {
-			type: Function,
-			optional: true
-		},
-		onPopoverHidden: {
-			type: Function,
-			optional: true
-		},
-		onPopoverMoved: {
-			type: Function,
-			optional: true
-		},
-		zIndex: {
-			type: Number,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		slots: Object
-	};
-	static defaultProps = {
+	props = props({
+		anchorRect: types$1.Rect(),
+		"containerRect?": types$1.object({}),
+		"positioning?": types$1.or([types$1.literal("top-right"), types$1.literal("bottom-left")]),
+		"maxWidth?": types$1.Pixel(),
+		"maxHeight?": types$1.Pixel(),
+		"verticalOffset?": types$1.number(),
+		"onMouseWheel?": types$1.function([]),
+		"onPopoverHidden?": types$1.function([]),
+		"onPopoverMoved?": types$1.function([]),
+		"zIndex?": types$1.number(),
+		"class?": types$1.string()
+	}, {
 		positioning: "bottom-left",
 		verticalOffset: 0,
 		onMouseWheel: () => {},
 		onPopoverMoved: () => {},
 		onPopoverHidden: () => {}
-	};
+	});
 	popoverRef = signal(null);
 	popoverContentRef = signal(null);
 	currentPosition = void 0;
@@ -14535,60 +14695,29 @@ var TopRightPopoverContext = class extends PopoverPositionContext {
 const TIMEOUT_DELAY = 250;
 var MenuPopover = class MenuPopover extends Component$1 {
 	static template = "o-spreadsheet-Menu-Popover";
-	static props = {
-		anchorRect: Object,
-		popoverPositioning: {
-			type: String,
-			optional: true
-		},
-		menuItems: Array,
-		depth: {
-			type: Number,
-			optional: true
-		},
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		onClose: Function,
-		onMenuClicked: {
-			type: Function,
-			optional: true
-		},
-		menuId: {
-			type: String,
-			optional: true
-		},
-		onMouseOver: {
-			type: Function,
-			optional: true
-		},
-		width: {
-			type: Number,
-			optional: true
-		},
-		autoSelectFirstItem: {
-			type: Boolean,
-			optional: true
-		},
-		disableKeyboardNavigation: {
-			type: Boolean,
-			optional: true
-		},
-		onKeyboardNavigation: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		MenuPopover,
 		Menu,
 		Popover
 	};
-	static defaultProps = {
+	props = props({
+		anchorRect: types$1.Rect(),
+		"popoverPositioning?": types$1.or([types$1.literal("top-right"), types$1.literal("bottom-left")]),
+		menuItems: types$1.ArrayOf(),
+		"depth?": types$1.number(),
+		"maxHeight?": types$1.Pixel(),
+		onClose: types$1.function([]),
+		"onMenuClicked?": types$1.function([types$1.instanceOf(CustomEvent)]),
+		"menuId?": types$1.UID(),
+		"onMouseOver?": types$1.function([]),
+		"width?": types$1.number(),
+		"autoSelectFirstItem?": types$1.boolean(),
+		"disableKeyboardNavigation?": types$1.boolean(),
+		"onKeyboardNavigation?": types$1.function([types$1.instanceOf(KeyboardEvent)])
+	}, {
 		depth: 0,
 		popoverPositioning: "top-right"
-	};
+	});
 	subMenu = proxy({
 		isOpen: false,
 		anchorRect: null,
@@ -14828,31 +14957,16 @@ var MenuPopover = class MenuPopover extends Component$1 {
 //#region src/components/select/select.ts
 var Select = class extends Component$1 {
 	static template = "o-spreadsheet-Select";
-	static props = {
-		onChange: Function,
-		values: Array,
-		selectedValue: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		popoverClass: {
-			type: String,
-			optional: true
-		},
-		name: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { Popover };
+	props = props({
+		onChange: types$1.function([types$1.string()]),
+		values: types$1.array(),
+		"selectedValue?": types$1.string(),
+		"class?": types$1.string(),
+		"popoverClass?": types$1.string(),
+		"name?": types$1.string(),
+		"title?": types$1.string()
+	});
 	selectRef = signal(null);
 	dropdownRef = signal(null);
 	state = proxy({
@@ -14958,14 +15072,10 @@ var ChartDashboardMenu = class extends Component$1 {
 		MenuPopover,
 		Select
 	};
-	static props = {
-		chartId: String,
-		hasFullScreenButton: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = { hasFullScreenButton: true };
+	props = props({
+		chartId: types$1.UID(),
+		"hasFullScreenButton?": types$1.boolean()
+	}, { hasFullScreenButton: true });
 	fullScreenFigureStore;
 	menuState = proxy({
 		isOpen: false,
@@ -15028,25 +15138,16 @@ var ChartDashboardMenu = class extends Component$1 {
 //#region src/components/figures/figure_carousel/figure_carousel.ts
 var CarouselFigure = class extends Component$1 {
 	static template = "o-spreadsheet-CarouselFigure";
-	static props = {
-		figureUI: Object,
-		editFigureStyle: {
-			type: Function,
-			optional: true
-		},
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		},
-		openContextMenu: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		ChartDashboardMenu,
 		MenuPopover
 	};
+	props = props({
+		figureUI: types$1.FigureUI(),
+		"editFigureStyle?": types$1.function([types$1.CSSProperties()]),
+		"isFullScreen?": types$1.boolean(),
+		"openContextMenu?": types$1.function([types$1.Rect(), types$1.function([])])
+	});
 	carouselTabsRef = signal(null);
 	carouselTabsDropdownRef = signal(null);
 	menuState = proxy({
@@ -15179,22 +15280,13 @@ var CarouselFigure = class extends Component$1 {
 //#region src/components/figures/figure_chart/figure_chart.ts
 var ChartFigure = class extends Component$1 {
 	static template = "o-spreadsheet-ChartFigure";
-	static props = {
-		figureUI: Object,
-		editFigureStyle: {
-			type: Function,
-			optional: true
-		},
-		isFullScreen: {
-			type: Boolean,
-			optional: true
-		},
-		openContextMenu: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { ChartDashboardMenu };
+	props = props({
+		figureUI: types$1.FigureUI(),
+		"editFigureStyle?": types$1.function([types$1.CSSProperties()]),
+		"isFullScreen?": types$1.boolean(),
+		"openContextMenu?": types$1.function([types$1.Rect(), types$1.function([])])
+	});
 	onDoubleClick() {
 		this.env.model.dispatch("SELECT_FIGURE", { figureId: this.props.figureUI.id });
 		this.env.openSidePanel("ChartPanel");
@@ -15219,18 +15311,12 @@ var ChartFigure = class extends Component$1 {
 //#region src/components/figures/figure_image/figure_image.ts
 var ImageFigure = class extends Component$1 {
 	static template = "o-spreadsheet-ImageFigure";
-	static props = {
-		figureUI: Object,
-		editFigureStyle: {
-			type: Function,
-			optional: true
-		},
-		openContextMenu: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {};
+	props = props({
+		figureUI: types$1.FigureUI(),
+		"editFigureStyle?": types$1.function([types$1.CSSProperties()]),
+		"openContextMenu?": types$1.function([types$1.Rect(), types$1.function([])])
+	});
 	get figureId() {
 		return this.props.figureUI.id;
 	}
@@ -15266,30 +15352,21 @@ const BORDER_WIDTH = 1;
 const ACTIVE_BORDER_WIDTH = 2;
 var FigureComponent = class extends Component$1 {
 	static template = "o-spreadsheet-FigureComponent";
-	static props = {
-		figureUI: Object,
-		style: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		onMouseDown: {
-			type: Function,
-			optional: true
-		},
-		onClickAnchor: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { MenuPopover };
-	static defaultProps = {
+	props = props({
+		figureUI: types$1.FigureUI(),
+		style: types$1.string(),
+		class: types$1.string(),
+		"onMouseDown?": types$1.function([types$1.instanceOf(MouseEvent)]),
+		"onClickAnchor?": types$1.function([
+			types$1.ResizeDirection(),
+			types$1.ResizeDirection(),
+			types$1.instanceOf(MouseEvent)
+		])
+	}, {
 		onMouseDown: () => {},
 		onClickAnchor: () => {}
-	};
+	});
 	menuState = proxy({
 		isOpen: false,
 		anchorRect: null,
@@ -21763,7 +21840,7 @@ function changeCalculatedMeasuresOnMeasureChange(oldMeasure, newMeasure, measure
 	return measures.map((measure) => {
 		if (measure.id === oldMeasure.id) return newMeasure;
 		else if (!measure.computedBy || oldMeasure.id === newMeasure.id) return measure;
-		const newFormula = tokenize(measure.computedBy.formula).map((token) => token.type === "SYMBOL" && token.value === getCanonicalSymbolName(oldMeasure.id) ? getCanonicalSymbolName(newMeasure.id) : token.value).join("");
+		const newFormula = replaceSymbolInFormula(measure.computedBy.formula, oldMeasure.id, newMeasure.id);
 		return {
 			...measure,
 			computedBy: {
@@ -24404,51 +24481,22 @@ function useAutofocus(ref) {
 
 //#endregion
 //#region src/components/generic_input/generic_input.ts
+const genericInputPropsDefinition = {
+	value: types$1.or([types$1.number(), types$1.string()]),
+	onChange: types$1.function([types$1.string()]),
+	"onFocused?": types$1.function([]),
+	"onBlur?": types$1.function([]),
+	"onInput?": types$1.function([types$1.string()]),
+	"class?": types$1.string(),
+	"id?": types$1.string(),
+	"placeholder?": types$1.string(),
+	"autofocus?": types$1.boolean(),
+	"alwaysShowBorder?": types$1.boolean(),
+	"selectContentOnFocus?": types$1.boolean(),
+	"resetOnBlur?": types$1.boolean()
+};
 var GenericInput = class extends Component$1 {
-	static props = {
-		value: [Number, String],
-		onChange: Function,
-		onFocused: {
-			type: Function,
-			optional: true
-		},
-		onBlur: {
-			type: Function,
-			optional: true
-		},
-		onInput: {
-			type: Function,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		id: {
-			type: String,
-			optional: true
-		},
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		},
-		alwaysShowBorder: {
-			type: Boolean,
-			optional: true
-		},
-		selectContentOnFocus: {
-			type: Boolean,
-			optional: true
-		},
-		resetOnBlur: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props(genericInputPropsDefinition);
 	genericInputRef = signal(null);
 	lastOnChangeValue = this.props.value.toString();
 	setup() {
@@ -24531,13 +24579,11 @@ var GenericInput = class extends Component$1 {
 var TextInput = class extends GenericInput {
 	static template = "o-spreadsheet-TextInput";
 	static components = {};
-	static props = {
-		...GenericInput.props,
-		errorMessage: {
-			type: String,
-			optional: true
-		}
-	};
+	props = props({
+		...genericInputPropsDefinition,
+		value: types$1.string(),
+		"errorMessage?": types$1.string()
+	});
 	get inputClass() {
 		return [
 			this.props.class,
@@ -24552,25 +24598,13 @@ var TextInput = class extends GenericInput {
 //#region src/components/action_button/action_button.ts
 var ActionButton = class extends Component$1 {
 	static template = "o-spreadsheet-ActionButton";
-	static props = {
-		action: Object,
-		hasTriangleDownIcon: {
-			type: Boolean,
-			optional: true
-		},
-		selectedColor: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		onClick: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		action: types$1.ActionSpec(),
+		"hasTriangleDownIcon?": types$1.boolean(),
+		"selectedColor?": types$1.string(),
+		"class?": types$1.string(),
+		"onClick?": types$1.function()
+	});
 	actionButton = createAction(this.props.action);
 	setup() {
 		onWillUpdateProps((nextProps) => {
@@ -24622,24 +24656,14 @@ const INNER_GRADIENT_WIDTH = CONTENT_WIDTH - 2 * ITEM_BORDER_WIDTH;
 const INNER_GRADIENT_HEIGHT = CONTENT_WIDTH - 30 - 2 * ITEM_BORDER_WIDTH;
 var ColorPicker = class extends Component$1 {
 	static template = "o-spreadsheet-ColorPicker";
-	static props = {
-		onColorPicked: Function,
-		currentColor: {
-			type: String,
-			optional: true
-		},
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		anchorRect: Object,
-		disableNoColor: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = { currentColor: "" };
 	static components = { Popover };
+	props = props({
+		onColorPicked: types$1.function([types$1.string()]),
+		"currentColor?": types$1.string(),
+		"maxHeight?": types$1.Pixel(),
+		anchorRect: types$1.Rect(),
+		"disableNoColor?": types$1.boolean()
+	}, { currentColor: "" });
 	COLORS = COLOR_PICKER_DEFAULTS;
 	state = proxy({
 		showGradient: false,
@@ -24783,33 +24807,18 @@ var ColorPicker = class extends Component$1 {
 //#region src/components/color_picker/color_picker_widget.ts
 var ColorPickerWidget = class extends Component$1 {
 	static template = "o-spreadsheet-ColorPickerWidget";
-	static props = {
-		currentColor: {
-			type: String,
-			optional: true
-		},
-		toggleColorPicker: Function,
-		showColorPicker: Boolean,
-		onColorPicked: Function,
-		icon: String,
-		title: {
-			type: String,
-			optional: true
-		},
-		disabled: {
-			type: Boolean,
-			optional: true
-		},
-		dropdownMaxHeight: {
-			type: Number,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { ColorPicker };
+	props = props({
+		"currentColor?": types$1.string(),
+		toggleColorPicker: types$1.function([]),
+		showColorPicker: types$1.boolean(),
+		onColorPicked: types$1.function([types$1.string()]),
+		icon: types$1.string(),
+		"title?": types$1.string(),
+		"disabled?": types$1.boolean(),
+		"dropdownMaxHeight?": types$1.Pixel(),
+		"class?": types$1.string()
+	});
 	colorPickerButtonRef = signal(null);
 	get iconStyle() {
 		return this.props.currentColor ? `border-color: ${this.props.currentColor}` : "border-bottom-style: hidden";
@@ -24823,29 +24832,19 @@ var ColorPickerWidget = class extends Component$1 {
 //#region src/components/number_editor/number_editor.ts
 var NumberEditor = class extends Component$1 {
 	static template = "o-spreadsheet-NumberEditor";
-	static props = {
-		currentValue: Number,
-		onValueChange: Function,
-		onToggle: {
-			type: Function,
-			optional: true
-		},
-		onFocusInput: {
-			type: Function,
-			optional: true
-		},
-		class: String,
-		valueIcon: {
-			type: String,
-			optional: true
-		},
-		min: Number,
-		max: Number,
-		title: String,
-		valueList: Array
-	};
-	static defaultProps = { onFocusInput: () => {} };
 	static components = { Popover };
+	props = props({
+		currentValue: types$1.number(),
+		onValueChange: types$1.function([types$1.number()]),
+		"onToggle?": types$1.function([]),
+		"onFocusInput?": types$1.function([]),
+		class: types$1.string(),
+		"valueIcon?": types$1.string(),
+		min: types$1.number(),
+		max: types$1.number(),
+		title: types$1.string(),
+		valueList: types$1.array(types$1.number())
+	}, { onFocusInput: () => {} });
 	dropdown = proxy({ isOpen: false });
 	inputRef = signal(null);
 	rootEditorRef = signal(null);
@@ -24924,20 +24923,13 @@ var NumberEditor = class extends Component$1 {
 var FontSizeEditor = class extends Component$1 {
 	static template = "o-spreadsheet-FontSizeEditor";
 	static components = { NumberEditor };
-	static props = {
-		currentFontSize: Number,
-		onFontSizeChanged: Function,
-		onToggle: {
-			type: Function,
-			optional: true
-		},
-		onFocusInput: {
-			type: Function,
-			optional: true
-		},
-		class: String
-	};
-	static defaultProps = { onFocusInput: () => {} };
+	props = props({
+		currentFontSize: types$1.number(),
+		onFontSizeChanged: types$1.function([types$1.number()]),
+		"onToggle?": types$1.function([]),
+		"onFocusInput?": types$1.function([]),
+		class: types$1.string()
+	}, { onFocusInput: () => {} });
 	fontSizes = FONT_SIZES;
 };
 
@@ -24950,33 +24942,15 @@ var TextStyler = class extends Component$1 {
 		ActionButton,
 		FontSizeEditor
 	};
-	static props = {
-		style: Object,
-		updateStyle: {
-			type: Function,
-			optional: true
-		},
-		defaultStyle: {
-			type: Object,
-			optional: true
-		},
-		hasVerticalAlign: {
-			type: Boolean,
-			optional: true
-		},
-		hasHorizontalAlign: {
-			type: Boolean,
-			optional: true
-		},
-		hasBackgroundColor: {
-			type: Boolean,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
+	props = props({
+		style: types$1.ChartStyle(),
+		updateStyle: types$1.function([types$1.ChartStyle()]),
+		"defaultStyle?": types$1.object({}),
+		"hasVerticalAlign?": types$1.boolean(),
+		"hasHorizontalAlign?": types$1.boolean(),
+		"hasBackgroundColor?": types$1.boolean(),
+		"class?": types$1.string()
+	});
 	openedEl = null;
 	setup() {
 		useExternalListener$1(window, "click", this.onExternalClick);
@@ -25158,7 +25132,7 @@ var TextStyler = class extends Component$1 {
 var CogWheelMenu = class extends Component$1 {
 	static template = "o-spreadsheet-CogWheelMenu";
 	static components = { MenuPopover };
-	static props = { items: Array };
+	props = props({ items: types$1.array(types$1.ActionSpec()) });
 	buttonRef = signal(null);
 	menuState = proxy({
 		isOpen: false,
@@ -25178,33 +25152,27 @@ var CogWheelMenu = class extends Component$1 {
 //#region src/components/side_panel/components/section/section.ts
 var Section = class extends Component$1 {
 	static template = "o_spreadsheet.Section";
-	static props = {
-		class: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		slots: Object
-	};
+	props = props({
+		"class?": types$1.string(),
+		"title?": types$1.string(),
+		slots: types$1.object()
+	});
 };
 
 //#endregion
 //#region src/components/side_panel/carousel_panel/carousel_panel.ts
 var CarouselPanel = class extends Component$1 {
 	static template = "o-spreadsheet-CarouselPanel";
-	static props = {
-		onCloseSidePanel: Function,
-		figureId: String
-	};
 	static components = {
 		Section,
 		TextInput,
 		TextStyler,
 		CogWheelMenu
 	};
+	props = props({
+		onCloseSidePanel: types$1.function([]),
+		figureId: types$1.UID()
+	});
 	DEFAULT_CAROUSEL_TITLE_STYLE = DEFAULT_CAROUSEL_TITLE_STYLE;
 	dragAndDrop = useDragAndDropListItems();
 	previewListRef = signal(null);
@@ -25411,34 +25379,15 @@ const chartDataSourceSidePanelComponentRegistry = new Registry();
 //#region src/components/side_panel/components/checkbox/checkbox.ts
 var Checkbox = class extends Component$1 {
 	static template = "o-spreadsheet.Checkbox";
-	static props = {
-		label: {
-			type: String,
-			optional: true
-		},
-		value: {
-			type: Boolean,
-			optional: true
-		},
-		className: {
-			type: String,
-			optional: true
-		},
-		name: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		disabled: {
-			type: Boolean,
-			optional: true
-		},
-		onChange: Function
-	};
-	static defaultProps = { value: false };
+	props = props({
+		"label?": types$1.string(),
+		"value?": types$1.boolean(),
+		"className?": types$1.string(),
+		"name?": types$1.string(),
+		"title?": types$1.string(),
+		"disabled?": types$1.boolean(),
+		onChange: types$1.function([types$1.boolean()])
+	}, { value: false });
 	onChange(ev) {
 		const value = ev.target.checked;
 		this.props.onChange(value);
@@ -25447,11 +25396,11 @@ var Checkbox = class extends Component$1 {
 
 //#endregion
 //#region src/components/side_panel/chart/common.ts
-const ChartSidePanelPropsObject = {
-	chartId: String,
-	definition: Object,
-	canUpdateChart: Function,
-	updateChart: Function
+const chartSidePanelPropsDefinition = {
+	chartId: types$1.UID(),
+	definition: types$1.object({}),
+	canUpdateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+	updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult())
 };
 
 //#endregion
@@ -25939,63 +25888,25 @@ var SelectionInputStore = class extends SpreadsheetStore {
 */
 var SelectionInput = class extends Component$1 {
 	static template = "o-spreadsheet-SelectionInput";
-	static props = {
-		ranges: Array,
-		hasSingleRange: {
-			type: Boolean,
-			optional: true
-		},
-		required: {
-			type: Boolean,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		},
-		isInvalid: {
-			type: Boolean,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		onSelectionChanged: {
-			type: Function,
-			optional: true
-		},
-		onSelectionConfirmed: {
-			type: Function,
-			optional: true
-		},
-		onSelectionReordered: {
-			type: Function,
-			optional: true
-		},
-		onSelectionRemoved: {
-			type: Function,
-			optional: true
-		},
-		onInputFocused: {
-			type: Function,
-			optional: true
-		},
-		colors: {
-			type: Array,
-			optional: true,
-			default: []
-		},
-		disabledRanges: {
-			type: Array,
-			optional: true,
-			default: []
-		},
-		disabledRangeTitle: {
-			type: String,
-			optional: true
-		}
-	};
+	props = props({
+		ranges: types$1.array(types$1.string()),
+		"hasSingleRange?": types$1.boolean(),
+		"required?": types$1.boolean(),
+		"autofocus?": types$1.boolean(),
+		"isInvalid?": types$1.boolean(),
+		"class?": types$1.string(),
+		"onSelectionChanged?": types$1.function([types$1.array(types$1.string())]),
+		"onSelectionConfirmed?": types$1.function([]),
+		"onSelectionReordered?": types$1.function([types$1.array(types$1.number())]),
+		"onSelectionRemoved?": types$1.function([types$1.number()]),
+		"onInputFocused?": types$1.function([]),
+		"colors?": types$1.ArrayOf(),
+		"disabledRanges?": types$1.array(types$1.boolean()),
+		"disabledRangeTitle?": types$1.string()
+	}, {
+		colors: [],
+		disabledRanges: []
+	});
 	state = proxy({ isMissing: false });
 	dragAndDrop = useDragAndDropListItems();
 	focusedInputRef = signal(null);
@@ -26159,47 +26070,20 @@ var ChartDataSeries = class extends Component$1 {
 		SelectionInput,
 		Section
 	};
-	static props = {
-		ranges: Array,
-		dataSetStyles: {
-			type: Object,
-			optional: true
-		},
-		hasSingleRange: {
-			type: Boolean,
-			optional: true
-		},
-		onSelectionChanged: Function,
-		onSelectionReordered: {
-			type: Function,
-			optional: true
-		},
-		onSelectionRemoved: {
-			type: Function,
-			optional: true
-		},
-		onSelectionConfirmed: Function,
-		title: {
-			type: String,
-			optional: true
-		},
-		maxNumberOfUsedRanges: {
-			type: Number,
-			optional: true
-		},
-		datasetOrientation: {
-			type: String,
-			optional: true
-		},
-		canChangeDatasetOrientation: {
-			type: Boolean,
-			optional: true
-		},
-		onFlipAxis: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		ranges: types$1.ArrayOf(),
+		"dataSetStyles?": types$1.DataSetStyle(),
+		"hasSingleRange?": types$1.boolean(),
+		onSelectionChanged: types$1.function([types$1.array(types$1.string())]),
+		"onSelectionReordered?": types$1.function([types$1.array(types$1.number())]),
+		"onSelectionRemoved?": types$1.function([types$1.number()]),
+		onSelectionConfirmed: types$1.function([]),
+		"maxNumberOfUsedRanges?": types$1.number(),
+		"title?": types$1.string(),
+		"datasetOrientation?": types$1.or([types$1.literal("rows"), types$1.literal("columns")]),
+		"canChangeDatasetOrientation?": types$1.boolean(),
+		"onFlipAxis?": types$1.function([types$1.string()])
+	});
 	get ranges() {
 		return this.props.ranges.map((r) => r.dataRange);
 	}
@@ -26227,28 +26111,18 @@ var ChartLabelRange = class extends Component$1 {
 		Checkbox,
 		Section
 	};
-	static props = {
-		title: {
-			type: String,
-			optional: true
-		},
-		range: String,
-		class: {
-			type: String,
-			optional: true
-		},
-		isInvalid: Boolean,
-		onSelectionChanged: Function,
-		onSelectionConfirmed: Function,
-		options: {
-			type: Array,
-			optional: true
-		}
-	};
-	static defaultProps = {
+	props = props({
+		"title?": types$1.string(),
+		range: types$1.string(),
+		"class?": types$1.string(),
+		isInvalid: types$1.boolean(),
+		onSelectionChanged: types$1.function([types$1.string()]),
+		onSelectionConfirmed: types$1.function([]),
+		"options?": types$1.ArrayOf()
+	}, {
 		title: _t("Categories / Labels"),
 		options: []
-	};
+	});
 	get sectionClass() {
 		return "o-data-labels" + (this.props.class ? ` ${this.props.class}` : "");
 	}
@@ -26262,28 +26136,16 @@ var ChartDataSourceComponent = class extends Component$1 {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function,
-		canUpdateChart: Function,
-		onErrorMessagesChanged: {
-			type: Function,
-			optional: true
-		},
-		dataSeriesTitle: {
-			type: String,
-			optional: true
-		},
-		labelRangeTitle: {
-			type: String,
-			optional: true
-		},
-		getLabelRangeOptions: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartDefinitionWithDataSource(),
+		updateChart: types$1.function([]),
+		canUpdateChart: types$1.function([]),
+		"onErrorMessagesChanged?": types$1.function([types$1.array(types$1.string())]),
+		"dataSeriesTitle?": types$1.string(),
+		"labelRangeTitle?": types$1.string(),
+		"getLabelRangeOptions?": types$1.function([])
+	});
 	get DataSourceComponent() {
 		const dataSourceType = this.props.definition.dataSource.type;
 		return chartDataSourceSidePanelComponentRegistry.get(dataSourceType);
@@ -26294,14 +26156,15 @@ var ChartDataSourceComponent = class extends Component$1 {
 //#region src/components/validation_messages/validation_messages.ts
 var ValidationMessages = class extends Component$1 {
 	static template = "o-spreadsheet-ValidationMessages";
-	static props = {
-		messages: Array,
-		msgType: String,
-		singleBox: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		messages: types$1.array(types$1.string()),
+		msgType: types$1.or([
+			types$1.literal("warning"),
+			types$1.literal("error"),
+			types$1.literal("info")
+		]),
+		"singleBox?": types$1.boolean()
+	});
 	get divClasses() {
 		if (this.props.msgType === "warning") return "o-validation-warning";
 		if (this.props.msgType === "info") return "o-validation-info";
@@ -26320,10 +26183,7 @@ var ChartErrorSection = class extends Component$1 {
 		Section,
 		ValidationMessages
 	};
-	static props = { messages: {
-		type: Array,
-		element: String
-	} };
+	props = props({ messages: types$1.array(types$1.string()) });
 };
 
 //#endregion
@@ -26336,7 +26196,7 @@ var GenericChartConfigPanel = class extends Component$1 {
 		Checkbox,
 		ChartErrorSection
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	chartTerms = ChartTerms;
 	state = proxy({ errorMessages: [] });
 	onErrorMessagesChanged(errorMessages) {
@@ -26383,10 +26243,7 @@ var BarConfigPanel = class extends GenericChartConfigPanel {
 //#region src/components/side_panel/components/collapse/collapse.ts
 var Collapse = class extends Component$1 {
 	static template = "o-spreadsheet-Collapse";
-	static props = {
-		isCollapsed: Boolean,
-		slots: Object
-	};
+	props = props({ isCollapsed: types$1.boolean() });
 	contentRef = signal(null);
 	setup() {
 		onMounted(() => {
@@ -26418,23 +26275,13 @@ var Collapse = class extends Component$1 {
 //#region src/components/side_panel/components/collapsible/side_panel_collapsible.ts
 var SidePanelCollapsible = class extends Component$1 {
 	static template = "o-spreadsheet-SidePanelCollapsible";
-	static props = {
-		slots: Object,
-		title: {
-			type: String,
-			optional: true
-		},
-		isInitiallyCollapsed: {
-			type: Boolean,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { Collapse };
-	state = proxy({ isCollapsed: this.props.isInitiallyCollapsed });
+	props = props({
+		"title?": types$1.string(),
+		"isInitiallyCollapsed?": types$1.boolean(),
+		"class?": types$1.string()
+	});
+	state = proxy({ isCollapsed: !!this.props.isInitiallyCollapsed });
 	toggle() {
 		this.state.isCollapsed = !this.state.isCollapsed;
 	}
@@ -26445,17 +26292,11 @@ var SidePanelCollapsible = class extends Component$1 {
 var NumberInput = class extends GenericInput {
 	static template = "o-spreadsheet-NumberInput";
 	static components = {};
-	static props = {
-		...GenericInput.props,
-		min: {
-			type: Number,
-			optional: true
-		},
-		max: {
-			type: Number,
-			optional: true
-		}
-	};
+	props = props({
+		...genericInputPropsDefinition,
+		"min?": types$1.number(),
+		"max?": types$1.number()
+	});
 	debouncedOnChange = debounce(this.props.onChange.bind(this), 100, true);
 	save() {
 		const currentValue = (this.genericInputRef()?.value || "").trim();
@@ -26476,11 +26317,11 @@ var DateInput = class extends NumberInput {
 //#region src/components/side_panel/components/badge_selection/badge_selection.ts
 var BadgeSelection = class extends Component$1 {
 	static template = "o-spreadsheet.BadgeSelection";
-	static props = {
-		choices: Array,
-		onChange: Function,
-		selectedValue: String
-	};
+	props = props({
+		choices: types$1.ArrayOf(),
+		onChange: types$1.function([types$1.string()]),
+		selectedValue: types$1.string()
+	});
 };
 
 //#endregion
@@ -26492,28 +26333,18 @@ var ChartTitle = class extends Component$1 {
 		TextStyler,
 		TextInput
 	};
-	static props = {
-		title: {
-			type: String,
-			optional: true
-		},
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		updateTitle: Function,
-		name: { type: String },
-		style: Object,
-		defaultStyle: {
-			type: Object,
-			optional: true
-		},
-		updateStyle: Function
-	};
-	static defaultProps = {
+	props = props({
+		"title?": types$1.string(),
+		"placeholder?": types$1.string(),
+		updateTitle: types$1.function([types$1.string()]),
+		"name?": types$1.string(),
+		style: types$1.TitleDesign(),
+		"defaultStyle?": types$1.object({}),
+		updateStyle: types$1.function([types$1.object({})])
+	}, {
 		title: "",
 		placeholder: ""
-	};
+	});
 	updateTitle(value) {
 		this.props.updateTitle(value);
 	}
@@ -26531,12 +26362,12 @@ var AxisDesignEditor = class extends Component$1 {
 		NumberInput,
 		DateInput
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function,
-		axesList: Array
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartWithAxisDefinition(),
+		updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		axesList: types$1.ArrayOf()
+	});
 	state = proxy({ currentAxis: "x" });
 	defaultFontSize = 12;
 	get axisTitleStyle() {
@@ -26706,17 +26537,13 @@ var AxisDesignEditor = class extends Component$1 {
 //#region src/components/side_panel/components/radio_selection/radio_selection.ts
 var RadioSelection = class extends Component$1 {
 	static template = "o-spreadsheet.RadioSelection";
-	static props = {
-		choices: Array,
-		onChange: Function,
-		selectedValue: { optional: false },
-		name: String,
-		direction: {
-			type: String,
-			optional: true
-		}
-	};
-	static defaultProps = { direction: "horizontal" };
+	props = props({
+		choices: types$1.ArrayOf(),
+		onChange: types$1.function([types$1.any()]),
+		selectedValue: types$1.string(),
+		name: types$1.string(),
+		"direction?": types$1.or([types$1.literal("horizontal"), types$1.literal("vertical")])
+	}, { direction: "horizontal" });
 };
 
 //#endregion
@@ -26727,21 +26554,12 @@ var RoundColorPicker = class extends Component$1 {
 		Section,
 		ColorPicker
 	};
-	static props = {
-		currentColor: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		onColorPicked: Function,
-		disableNoColor: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		"currentColor?": types$1.string(),
+		"title?": types$1.string(),
+		onColorPicked: types$1.function([types$1.string()]),
+		"disableNoColor?": types$1.boolean()
+	});
 	colorPickerButtonRef = signal(null);
 	state;
 	setup() {
@@ -26777,18 +26595,13 @@ var GeneralDesignEditor = class extends Component$1 {
 		SidePanelCollapsible,
 		RadioSelection
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		defaultChartTitleFontSize: {
-			type: Number,
-			optional: true
-		},
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
-	static defaultProps = { defaultChartTitleFontSize: 16 };
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartDefinition(),
+		canUpdateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		"defaultChartTitleFontSize?": types$1.number()
+	}, { defaultChartTitleFontSize: 16 });
 	state;
 	setup() {
 		this.state = proxy({ activeTool: "" });
@@ -26825,7 +26638,7 @@ var GeneralDesignEditor = class extends Component$1 {
 var ChartHumanizeNumbers = class extends Component$1 {
 	static template = "o-spreadsheet-ChartHumanizeNumbers";
 	static components = { Checkbox };
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	get title() {
 		const locale = this.env.model.getters.getLocale();
 		return _t("E.g. 1234567 -> %(value)s", { value: formatValue(1234567, {
@@ -26843,14 +26656,13 @@ var ChartLegend = class extends Component$1 {
 		Section,
 		Select
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		isDisabled: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = { isDisabled: false };
+	props = props({
+		chartId: types$1.string(),
+		definition: types$1.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$1.function(),
+		updateChart: types$1.function(),
+		"isDisabled?": types$1.boolean()
+	}, { isDisabled: false });
 	updateLegendPosition(value) {
 		this.props.updateChart(this.props.chartId, { legendPosition: value });
 	}
@@ -26890,13 +26702,12 @@ var SeriesDesignEditor = class extends Component$1 {
 		RoundColorPicker,
 		Select
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult())
+	});
 	state = proxy({ dataSetId: this.getDataSeries()[0]?.dataSetId || "" });
 	getRuntime() {
 		const runtime = this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -26956,13 +26767,12 @@ var SeriesWithAxisDesignEditor = class extends Component$1 {
 		NumberInput,
 		Select
 	};
-	static props = {
-		...ChartSidePanelPropsObject,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult())
+	});
 	axisChoices = CHART_AXIS_CHOICES;
 	updateDataSeriesAxis(dataSetId, axis) {
 		const dataSetStyles = { ...this.props.definition.dataSetStyles };
@@ -27097,13 +26907,13 @@ var SeriesWithAxisDesignEditor = class extends Component$1 {
 var ChartShowValues = class extends Component$1 {
 	static template = "o-spreadsheet-ChartShowValues";
 	static components = { Checkbox };
-	static props = {
-		...ChartSidePanelPropsObject,
-		defaultValue: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartDefinitionWithDataSource(),
+		canUpdateChart: types$1.function([]),
+		updateChart: types$1.function([]),
+		"defaultValue?": types$1.boolean()
+	});
 };
 
 //#endregion
@@ -27120,7 +26930,7 @@ var ChartWithAxisDesignPanel = class extends Component$1 {
 		ChartShowValues,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	get axesList() {
 		const { useLeftAxis, useRightAxis } = getDefinedAxis(this.props.definition);
 		const axes = [{
@@ -27170,7 +26980,7 @@ var BubbleChartConfigPanel = class extends Component$1 {
 		ChartLabelRange,
 		ChartErrorSection
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	state = proxy({
 		datasetDispatchResult: void 0,
 		labelsDispatchResult: void 0,
@@ -27306,7 +27116,7 @@ var BubbleChartDesignPanel = class extends Component$1 {
 		RoundColorPicker,
 		Checkbox
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -28299,10 +28109,7 @@ function getBarChartLegend(definition, args) {
 			toggleDataVisibility: toggleLineBarDataVisibility
 		}),
 		...getLegendDisplayOptions(definition),
-		...getCustomLegendLabels(chartFontColor(definition.background), {
-			pointStyle: "rect",
-			lineWidth: 3
-		})
+		...getCustomLegendLabels(chartFontColor(definition.background), { lineWidth: 3 })
 	};
 }
 function getPyramidChartLegend(definition, args) {
@@ -29110,6 +28917,7 @@ const BarChart = {
 		"stacked",
 		"aggregated",
 		"showValues",
+		"showTotalLine",
 		"zoomable"
 	],
 	fromStrDefinition: (definition) => ({
@@ -29135,6 +28943,7 @@ const BarChart = {
 			type: "bar",
 			axesDesign: context.axesDesign,
 			showValues: context.showValues,
+			showTotalLine: context.showTotalLine,
 			horizontal: context.horizontal,
 			zoomable: context.zoomable,
 			humanize: context.humanize
@@ -29736,29 +29545,17 @@ var ChartRangeDataSourceComponent = class extends Component$1 {
 		ChartDataSeries,
 		ChartLabelRange
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		dataSource: Object,
-		updateChart: Function,
-		canUpdateChart: Function,
-		onErrorMessagesChanged: {
-			type: Function,
-			optional: true
-		},
-		dataSeriesTitle: {
-			type: String,
-			optional: true
-		},
-		labelRangeTitle: {
-			type: String,
-			optional: true
-		},
-		getLabelRangeOptions: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.ChartDefinitionWithDataSource(),
+		dataSource: types$1.ChartRangeDataSource(),
+		updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		canUpdateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult()),
+		"onErrorMessagesChanged?": types$1.function([types$1.array(types$1.string())]),
+		"dataSeriesTitle?": types$1.string(),
+		"labelRangeTitle?": types$1.string(),
+		"getLabelRangeOptions?": types$1.function([])
+	});
 	state = proxy({
 		datasetDispatchResult: void 0,
 		labelsDispatchResult: void 0
@@ -30608,10 +30405,10 @@ var ColorScalePicker = class extends Component$1 {
 		RoundColorPicker,
 		Popover
 	};
-	static props = {
-		definition: Object,
-		onUpdateColorScale: Function
-	};
+	props = props({
+		definition: types$1.object({ "colorScale?": types$1.ChartColorScale() }),
+		onUpdateColorScale: types$1.function([types$1.ChartColorScale()])
+	});
 	colorScales = COLORSCALES.map((colorScale) => ({
 		value: colorScale,
 		label: ChartTerms.ColorScales[colorScale],
@@ -30702,7 +30499,7 @@ var CalendarChartDesignPanel = class extends Component$1 {
 		RoundColorPicker,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	get axesList() {
 		return [{
 			id: "x",
@@ -30747,7 +30544,7 @@ var CalendarChartDesignPanel = class extends Component$1 {
 var ChartShowDataMarkers = class extends Component$1 {
 	static template = "o-spreadsheet-ChartShowDataMarkers";
 	static components = { Checkbox };
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -30810,12 +30607,10 @@ var FunnelChartDesignPanel = class extends Component$1 {
 		Section,
 		ChartHumanizeNumbers
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function,
-		canUpdateChart: Function
-	};
+	props = props({
+		...chartSidePanelPropsDefinition,
+		definition: types$1.FunnelChartDefinition()
+	});
 	getFunnelColorItems() {
 		const labels = this.env.model.getters.getChartRuntime(this.props.chartId).chartJsConfig.data.labels || [];
 		const colors = getFunnelLabelColors(labels, this.props.definition.funnelColors);
@@ -30838,7 +30633,7 @@ var GaugeChartConfigPanel = class extends Component$1 {
 		ChartErrorSection,
 		ChartDataSeries
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	state = proxy({ dataRangeDispatchResult: void 0 });
 	dataRange = this.props.definition.dataRange;
 	get configurationErrorMessages() {
@@ -30863,15 +30658,12 @@ var GaugeChartConfigPanel = class extends Component$1 {
 //#region src/components/composer/autocomplete_dropdown/autocomplete_dropdown.ts
 var TextValueProvider = class extends Component$1 {
 	static template = "o-spreadsheet-TextValueProvider";
-	static props = {
-		proposals: Array,
-		selectedIndex: {
-			type: Number,
-			optional: true
-		},
-		onValueSelected: Function,
-		onValueHovered: Function
-	};
+	props = props({
+		proposals: types$1.array(types$1.AutoCompleteProposal()),
+		"selectedIndex?": types$1.number(),
+		onValueSelected: types$1.function([types$1.AutoCompleteProposal()]),
+		onValueHovered: types$1.function([types$1.string()])
+	});
 	autoCompleteListRef = signal(null);
 	setup() {
 		useEffect(() => {
@@ -31088,15 +30880,12 @@ function isEmptyParagraph(node) {
 //#region src/components/composer/formula_assistant/formula_assistant.ts
 var FunctionDescriptionProvider = class extends Component$1 {
 	static template = "o-spreadsheet-FunctionDescriptionProvider";
-	static props = {
-		functionDescription: Object,
-		argsToFocus: Array,
-		repeatingArgGroupIndex: {
-			type: Number,
-			optional: true
-		}
-	};
 	static components = { Collapse };
+	props = props({
+		functionDescription: types$1.FunctionDescription(),
+		argsToFocus: types$1.array(types$1.number()),
+		"repeatingArgGroupIndex?": types$1.number()
+	});
 	state = proxy({ isCollapsed: true });
 	toggle() {
 		this.state.isCollapsed = !this.state.isCollapsed;
@@ -31160,11 +30949,11 @@ var FunctionDescriptionProvider = class extends Component$1 {
 const BUBBLE_ARROW_SIZE = 7;
 var SpeechBubble = class extends Component$1 {
 	static template = "o-spreadsheet-SpeechBubble";
-	static props = {
-		content: String,
-		anchorRect: Object
-	};
 	static components = {};
+	props = props({
+		content: types$1.string(),
+		anchorRect: types$1.Rect()
+	});
 	spreadsheetRect = useSpreadsheetRect();
 	bubbleRef = signal(null);
 	setup() {
@@ -31191,62 +30980,30 @@ const highlightParenthesisClass = "highlight-parenthesis-flag";
 const highlightClass = "highlight-flag";
 var Composer = class extends Component$1 {
 	static template = "o-spreadsheet-Composer";
-	static props = {
-		focus: { validate: (value) => [
-			"inactive",
-			"cellFocus",
-			"contentFocus"
-		].includes(value) },
-		inputStyle: {
-			type: String,
-			optional: true
-		},
-		rect: {
-			type: Object,
-			optional: true
-		},
-		delimitation: {
-			type: Object,
-			optional: true
-		},
-		onComposerCellFocused: {
-			type: Function,
-			optional: true
-		},
-		onComposerContentFocused: Function,
-		isDefaultFocus: {
-			type: Boolean,
-			optional: true
-		},
-		onInputContextMenu: {
-			type: Function,
-			optional: true
-		},
-		composerStore: Object,
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		inputMode: {
-			type: String,
-			optional: true
-		},
-		showAssistant: {
-			type: Boolean,
-			optional: true
-		}
-	};
 	static components = {
 		TextValueProvider,
 		FunctionDescriptionProvider,
 		SpeechBubble
 	};
-	static defaultProps = {
+	props = props({
+		focus: types$1.ComposerFocusType(),
+		"inputStyle?": types$1.string(),
+		"rect?": types$1.Rect(),
+		"delimitation?": types$1.DOMDimension(),
+		"onComposerCellFocused?": types$1.function([types$1.string()]),
+		onComposerContentFocused: types$1.function([types$1.ComposerSelection()]),
+		"isDefaultFocus?": types$1.boolean(),
+		"onInputContextMenu?": types$1.function([types$1.instanceOf(MouseEvent)]),
+		composerStore: types$1.Store(),
+		"placeholder?": types$1.string(),
+		"inputMode?": types$1.string(),
+		"showAssistant?": types$1.boolean()
+	}, {
 		inputStyle: "",
 		isDefaultFocus: false,
 		inputMode: "text",
 		showAssistant: true
-	};
+	});
 	DOMFocusableElementStore;
 	composerRef = signal(null);
 	containerRef = signal(null);
@@ -32811,54 +32568,23 @@ var StandaloneComposerStore = class extends AbstractComposerStore {
 //#region src/components/composer/standalone_composer/standalone_composer.ts
 var StandaloneComposer = class extends Component$1 {
 	static template = "o-spreadsheet-StandaloneComposer";
-	static props = {
-		composerContent: {
-			type: String,
-			optional: true
-		},
-		defaultRangeSheetId: {
-			type: String,
-			optional: true
-		},
-		defaultStatic: {
-			type: Boolean,
-			optional: true
-		},
-		onConfirm: Function,
-		contextualAutocomplete: {
-			type: Object,
-			optional: true
-		},
-		placeholder: {
-			type: String,
-			optional: true
-		},
-		title: {
-			type: String,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		},
-		invalid: {
-			type: Boolean,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		},
-		getContextualColoredSymbolToken: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { Composer };
-	static defaultProps = {
+	props = props({
+		onConfirm: types$1.function([types$1.string()]),
+		"composerContent?": types$1.string(),
+		defaultRangeSheetId: types$1.UID(),
+		"defaultStatic?": types$1.boolean(),
+		"contextualAutocomplete?": types$1.AutoCompleteProviderDefinition(),
+		"placeholder?": types$1.string(),
+		"title?": types$1.string(),
+		"class?": types$1.string(),
+		"invalid?": types$1.boolean(),
+		"autofocus?": types$1.boolean(),
+		"getContextualColoredSymbolToken?": types$1.function([types$1.Token()], types$1.Color())
+	}, {
 		composerContent: "",
 		defaultStatic: false
-	};
+	});
 	composerFocusStore;
 	standaloneComposerStore;
 	composerInterface;
@@ -32922,7 +32648,7 @@ var GaugeChartDesignPanel = class extends Component$1 {
 		ChartHumanizeNumbers,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	state;
 	setup() {
 		this.state = proxy({
@@ -33053,11 +32779,11 @@ var GeoChartRegionSelectSection = class extends Component$1 {
 		Section,
 		Select
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		updateChart: Function
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.GeoChartDefinition(),
+		updateChart: types$1.function([types$1.UID(), types$1.object({})], types$1.DispatchResult())
+	});
 	updateSelectedRegion(value) {
 		this.props.updateChart(this.props.chartId, { region: value });
 	}
@@ -33207,10 +32933,10 @@ var PieHoleSize = class extends Component$1 {
 		Section,
 		NumberInput
 	};
-	static props = {
-		onValueChange: Function,
-		value: Number
-	};
+	props = props({
+		onValueChange: types$1.function([types$1.number()]),
+		value: types$1.number()
+	});
 	onChange(value) {
 		if (!isNaN(Number(value))) this.props.onValueChange(clip(Number(value), 0, 95));
 	}
@@ -33232,7 +32958,7 @@ var PieChartDesignPanel = class extends Component$1 {
 		RoundColorPicker,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	state = proxy({ index: 0 });
 	get runtime() {
 		return this.env.model.getters.getChartRuntime(this.props.chartId);
@@ -33292,7 +33018,7 @@ var RadarChartDesignPanel = class extends Component$1 {
 		Checkbox,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 };
 
 //#endregion
@@ -33342,7 +33068,7 @@ var ScorecardChartConfigPanel = class extends Component$1 {
 		Section,
 		Select
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	state = proxy({
 		keyValueDispatchResult: void 0,
 		baselineDispatchResult: void 0
@@ -33416,7 +33142,7 @@ var ScorecardChartDesignPanel = class extends Component$1 {
 		ChartTitle,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	get colorsSectionTitle() {
 		return this.props.definition.baselineMode === "progress" ? _t("Progress bar colors") : _t("Baseline colors");
 	}
@@ -33497,7 +33223,7 @@ var SunburstChartDesignPanel = class extends Component$1 {
 		PieHoleSize,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	defaults = SunburstChartDefaults;
 	get showValues() {
 		return this.props.definition.showValues ?? SunburstChartDefaults.showValues;
@@ -33530,11 +33256,11 @@ var TreeMapCategoryColors = class extends Component$1 {
 		Checkbox,
 		RoundColorPicker
 	};
-	static props = {
-		chartId: String,
-		definition: Object,
-		onColorChanged: Function
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.TreeMapChartDefinition(),
+		onColorChanged: types$1.function([types$1.TreeMapCategoryColorOptions()], types$1.DispatchResult())
+	});
 	get coloringOptions() {
 		const coloringOptions = this.props.definition.coloringOptions ?? TreeMapChartDefaults.coloringOptions;
 		if (coloringOptions.type !== "categoryColor") throw new Error("Coloring options is not solid color");
@@ -33562,11 +33288,11 @@ var TreeMapCategoryColors = class extends Component$1 {
 var TreeMapColorScale = class extends Component$1 {
 	static template = "o-spreadsheet-TreeMapColorScale";
 	static components = { RoundColorPicker };
-	static props = {
-		chartId: String,
-		definition: Object,
-		onColorChanged: Function
-	};
+	props = props({
+		chartId: types$1.UID(),
+		definition: types$1.TreeMapChartDefinition(),
+		onColorChanged: types$1.function([types$1.TreeMapColorScaleOptions()], types$1.DispatchResult())
+	});
 	get coloringOptions() {
 		const coloringOptions = this.props.definition.coloringOptions ?? TreeMapChartDefaults.coloringOptions;
 		if (coloringOptions.type !== "colorScale") throw new Error("Coloring options is not a color scale");
@@ -33608,7 +33334,7 @@ var TreeMapChartDesignPanel = class extends Component$1 {
 		TreeMapColorScale,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	savedColors = {
 		categoryColors: DEFAULT_SOLID_COLOR,
 		colorScale: DEFAULT_COLOR_SCALE
@@ -33665,7 +33391,7 @@ var WaterfallChartDesignPanel = class extends Component$1 {
 		ChartLegend,
 		ChartHumanizeNumbers
 	};
-	static props = ChartSidePanelPropsObject;
+	props = props(chartSidePanelPropsDefinition);
 	axisChoices = CHART_AXIS_CHOICES;
 	onUpdateShowSubTotals(showSubTotals) {
 		this.props.updateChart(this.props.chartId, { showSubTotals });
@@ -33779,10 +33505,10 @@ var ChartTypePicker = class extends Component$1 {
 		Section,
 		Popover
 	};
-	static props = {
-		chartId: String,
-		chartPanelStore: Object
-	};
+	props = props({
+		chartId: types$1.UID(),
+		chartPanelStore: types$1.Store()
+	});
 	categories = chartCategories;
 	chartTypeByCategories = {};
 	popoverRef = signal(null);
@@ -33957,10 +33683,10 @@ var ChartPanel = class extends Component$1 {
 		Section,
 		ChartTypePicker
 	};
-	static props = {
-		onCloseSidePanel: Function,
-		chartId: String
-	};
+	props = props({
+		onCloseSidePanel: types$1.function([]),
+		chartId: types$1.UID()
+	});
 	store;
 	get chartId() {
 		return this.props.chartId;
@@ -34351,13 +34077,13 @@ var ColumnStatisticsStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/column_stats/column_stats_panel.ts
 var ColumnStatsPanel = class extends Component$1 {
 	static template = "o-spreadsheet-ColumnStatsPanel";
-	static props = { onCloseSidePanel: Function };
 	static components = {
 		NumberInput,
 		SidePanelCollapsible,
 		BadgeSelection,
 		Section
 	};
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	state = proxy({
 		currentChart: "count",
 		currentFrequencyOrder: "descending",
@@ -34600,7 +34326,7 @@ var CellIsRuleEditor = class extends Component$1 {
 		ColorPickerWidget,
 		Select
 	};
-	static props = { store: Object };
+	props = props({ store: types$1.Store() });
 	getTextDecoration = getTextDecoration;
 	get rule() {
 		return this.props.store.state.rules.cellIs;
@@ -34610,18 +34336,12 @@ var CellIsRuleEditor = class extends Component$1 {
 //#endregion
 //#region src/components/side_panel/criterion_form/criterion_form.ts
 var CriterionForm = class extends Component$1 {
-	static props = {
-		criterion: Object,
-		onCriterionChanged: Function,
-		disableFormulas: {
-			type: Boolean,
-			optional: true
-		},
-		autofocus: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		criterion: types$1.object({}),
+		onCriterionChanged: types$1.function([types$1.object({})]),
+		"disableFormulas?": types$1.boolean(),
+		"autofocus?": types$1.boolean()
+	});
 	setup() {
 		const composerFocusStore = useStore(ComposerFocusStore);
 		if (composerFocusStore.activeComposer.editionMode !== "inactive") composerFocusStore.activeComposer.stopEdition();
@@ -35202,41 +34922,22 @@ function getOccurrencesInRanges(criterionRanges, getters) {
 //#region src/components/side_panel/criterion_form/criterion_input/criterion_input.ts
 var CriterionInput = class extends Component$1 {
 	static template = "o-spreadsheet-CriterionInput";
-	static props = {
-		value: {
-			type: String,
-			optional: true
-		},
-		criterionType: String,
-		onValueChanged: Function,
-		onKeyDown: {
-			type: Function,
-			optional: true
-		},
-		focused: {
-			type: Boolean,
-			optional: true
-		},
-		onBlur: {
-			type: Function,
-			optional: true
-		},
-		onFocus: {
-			type: Function,
-			optional: true
-		},
-		disableFormulas: {
-			type: Boolean,
-			optional: true
-		}
-	};
-	static defaultProps = {
+	static components = { StandaloneComposer };
+	props = props({
+		"value?": types$1.string(),
+		criterionType: types$1.DataValidationCriterionType(),
+		onValueChanged: types$1.function([types$1.string()]),
+		"onKeyDown?": types$1.function([types$1.instanceOf(KeyboardEvent)]),
+		"focused?": types$1.boolean(),
+		"onBlur?": types$1.function([]),
+		"onFocus?": types$1.function([]),
+		"disableFormulas?": types$1.boolean()
+	}, {
 		value: "",
 		onKeyDown: () => {},
 		focused: false,
 		onBlur: () => {}
-	};
-	static components = { StandaloneComposer };
+	});
 	inputRef = signal(null);
 	setup() {
 		useLayoutEffect$1(() => {
@@ -36063,10 +35764,14 @@ var ColorScaleRuleEditorThreshold = class extends Component$1 {
 		StandaloneComposer,
 		Select
 	};
-	static props = {
-		store: Object,
-		thresholdType: String
-	};
+	props = props({
+		store: types$1.Store(),
+		thresholdType: types$1.or([
+			types$1.literal("minimum"),
+			types$1.literal("midpoint"),
+			types$1.literal("maximum")
+		])
+	});
 	get rule() {
 		return this.props.store.state.rules.colorScale;
 	}
@@ -36137,7 +35842,7 @@ var ColorScaleRuleEditorThreshold = class extends Component$1 {
 var ColorScaleRuleEditor = class extends Component$1 {
 	static template = "o-spreadsheet-ColorScaleRuleEditor";
 	static components = { ColorScaleRuleEditorThreshold };
-	static props = { store: Object };
+	props = props({ store: types$1.Store() });
 };
 
 //#endregion
@@ -36148,7 +35853,7 @@ var DataBarRuleEditor = class extends Component$1 {
 		SelectionInput,
 		RoundColorPicker
 	};
-	static props = { store: Object };
+	props = props({ store: types$1.Store() });
 	get rule() {
 		return this.props.store.state.rules.dataBar;
 	}
@@ -36159,7 +35864,7 @@ var DataBarRuleEditor = class extends Component$1 {
 //#region src/components/icon_picker/icon_picker.ts
 var IconPicker = class extends Component$1 {
 	static template = "o-spreadsheet-IconPicker";
-	static props = { onIconPicked: Function };
+	props = props({ onIconPicked: types$1.function([types$1.string()]) });
 	onIconClick(icon) {
 		if (icon) this.props.onIconPicked(icon);
 	}
@@ -36180,7 +35885,7 @@ var IconSetRuleEditor = class extends Component$1 {
 		StandaloneComposer,
 		Select
 	};
-	static props = { store: Object };
+	props = props({ store: types$1.Store() });
 	get rule() {
 		return this.props.store.state.rules.iconSet;
 	}
@@ -36259,11 +35964,11 @@ var ConditionalFormattingEditor = class extends Component$1 {
 		IconSetRuleEditor,
 		DataBarRuleEditor
 	};
-	static props = {
-		cf: Object,
-		isNewCf: Boolean,
-		onCloseSidePanel: Function
-	};
+	props = props({
+		cf: types$1.ConditionalFormat(),
+		isNewCf: types$1.boolean(),
+		onCloseSidePanel: types$1.function([])
+	});
 	activeSheetId;
 	store;
 	setup() {
@@ -36319,11 +36024,11 @@ var ConditionalFormattingEditor = class extends Component$1 {
 //#region src/components/side_panel/conditional_formatting/cf_preview/cf_preview.ts
 var ConditionalFormatPreview = class extends Component$1 {
 	static template = "o-spreadsheet-ConditionalFormatPreview";
-	static props = {
-		conditionalFormat: Object,
-		onMouseDown: Function,
-		class: String
-	};
+	props = props({
+		conditionalFormat: types$1.ConditionalFormat(),
+		onMouseDown: types$1.function([types$1.instanceOf(MouseEvent)]),
+		class: types$1.string()
+	});
 	icons = ICONS;
 	cfPreviewRef = signal(null);
 	setup() {
@@ -36379,8 +36084,8 @@ var ConditionalFormatPreview = class extends Component$1 {
 //#region src/components/side_panel/conditional_formatting/cf_preview_list/cf_preview_list.ts
 var ConditionalFormatPreviewList = class extends Component$1 {
 	static template = "o-spreadsheet-ConditionalFormatPreviewList";
-	static props = { onCloseSidePanel: Function };
 	static components = { ConditionalFormatPreview };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	dragAndDrop = useDragAndDropListItems();
 	cfListRef = signal(null);
 	get conditionalFormats() {
@@ -36449,7 +36154,7 @@ var ConditionalFormatPreviewList = class extends Component$1 {
 //#region src/components/side_panel/data_validation/dv_preview/dv_preview.ts
 var DataValidationPreview = class extends Component$1 {
 	static template = "o-spreadsheet-DataValidationPreview";
-	static props = { rule: Object };
+	props = props({ rule: types$1.DataValidationRule() });
 	dvPreviewRef = signal(null);
 	setup() {
 		useHighlightsOnHover(this.dvPreviewRef, this);
@@ -36484,8 +36189,8 @@ var DataValidationPreview = class extends Component$1 {
 //#region src/components/side_panel/data_validation/data_validation_panel.ts
 var DataValidationPanel = class extends Component$1 {
 	static template = "o-spreadsheet-DataValidationPanel";
-	static props = { onCloseSidePanel: Function };
 	static components = { DataValidationPreview };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	addDataValidationRule() {
 		this.env.replaceSidePanel("DataValidationEditor", "DataValidation", { ruleId: UuidGenerator.smallUuid() });
 	}
@@ -36539,14 +36244,11 @@ var DataValidationEditor = class extends Component$1 {
 		Section,
 		ValidationMessages
 	};
-	static props = {
-		ruleId: String,
-		onCancel: {
-			type: Function,
-			optional: true
-		},
-		onCloseSidePanel: Function
-	};
+	props = props({
+		ruleId: types$1.UID(),
+		"onCancel?": types$1.function([]),
+		onCloseSidePanel: types$1.function([])
+	});
 	state = proxy({
 		rule: this.defaultDataValidationRule,
 		errors: [],
@@ -36993,7 +36695,7 @@ var FindAndReplacePanel = class extends Component$1 {
 		ValidationMessages,
 		Select
 	};
-	static props = { onCloseSidePanel: Function };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	searchInputRef = signal(null);
 	store;
 	state;
@@ -37819,13 +37521,6 @@ var MoreFormatsStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/more_formats/more_formats.ts
 var MoreFormatsPanel = class extends Component$1 {
 	static template = "o-spreadsheet-MoreFormatsPanel";
-	static props = {
-		onCloseSidePanel: Function,
-		category: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = {
 		BadgeSelection,
 		Section,
@@ -37833,6 +37528,14 @@ var MoreFormatsPanel = class extends Component$1 {
 		Checkbox,
 		Select
 	};
+	props = props({
+		onCloseSidePanel: types$1.function([]),
+		"category?": types$1.or([
+			types$1.literal("number"),
+			types$1.literal("date"),
+			types$1.literal("currency")
+		])
+	});
 	store;
 	setup() {
 		this.store = useLocalStore(MoreFormatsStore, this.props.category);
@@ -37888,11 +37591,11 @@ function handleResult(env, result) {
 //#region src/components/side_panel/named_ranges_panel/named_range_preview/named_range_preview.ts
 var NamedRangePreview = class extends Component$1 {
 	static template = "o-spreadsheet-NamedRangePreview";
-	static props = { namedRange: Object };
 	static components = {
 		SelectionInput,
 		TextInput
 	};
+	props = props({ namedRange: types$1.NamedRange() });
 	state = proxy({});
 	namedRangePreviewRef = signal(null);
 	setup() {
@@ -37944,12 +37647,12 @@ var NamedRangePreview = class extends Component$1 {
 //#region src/components/side_panel/named_ranges_panel/named_ranges_panel.ts
 var NamedRangesPanel = class extends Component$1 {
 	static template = "o-spreadsheet-NamedRangesPanel";
-	static props = { onCloseSidePanel: Function };
 	static components = {
 		NamedRangePreview,
 		SelectionInput,
 		TextInput
 	};
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	get namedRanges() {
 		return this.env.model.getters.getNamedRanges();
 	}
@@ -37970,7 +37673,7 @@ const HIGHLIGHT_COLOR = "#e28f08";
 var PerfProfilePanel = class extends Component$1 {
 	static template = "o-spreadsheet-PerfProfilePanel";
 	static components = { Section };
-	static props = { onCloseSidePanel: Function };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	state = proxy({
 		selectedIndex: void 0,
 		lastProfiledTime: 0
@@ -38186,11 +37889,11 @@ var PivotMeasureDisplayPanelStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/pivot/pivot_measure_display_panel/pivot_measure_display_panel.ts
 var PivotMeasureDisplayPanel = class extends Component$1 {
 	static template = "o-spreadsheet-PivotMeasureDisplayPanel";
-	static props = {
-		onCloseSidePanel: Function,
-		pivotId: String,
-		measure: Object
-	};
+	props = props({
+		onCloseSidePanel: types$1.function([]),
+		pivotId: types$1.UID(),
+		measure: types$1.PivotCoreMeasure()
+	});
 	static components = {
 		Section,
 		Checkbox,
@@ -38252,13 +37955,13 @@ function getVisiblePivotCellPositions(getters, pivotId) {
 //#region src/components/side_panel/pivot/pivot_defer_update/pivot_defer_update.ts
 var PivotDeferUpdate = class extends Component$1 {
 	static template = "o-spreadsheet-PivotDeferUpdate";
-	static props = {
-		deferUpdate: Boolean,
-		isDirty: Boolean,
-		toggleDeferUpdate: Function,
-		discard: Function,
-		apply: Function
-	};
+	props = props({
+		deferUpdate: types$1.boolean(),
+		isDirty: types$1.boolean(),
+		toggleDeferUpdate: types$1.function([types$1.boolean()]),
+		discard: types$1.function([]),
+		apply: types$1.function([])
+	});
 	static components = {
 		Section,
 		Checkbox
@@ -38271,6 +37974,150 @@ var PivotDeferUpdate = class extends Component$1 {
 	}
 };
 
+//#endregion
+//#region src/helpers/pivot/pivot_runtime_definition.ts
+/**
+* Represent a pivot runtime definition. A pivot runtime definition is a pivot
+* definition that has been enriched to include the display name of its attributes
+* (measures, columns, rows).
+*/
+var PivotRuntimeDefinition = class {
+	measures;
+	columns;
+	rows;
+	filters;
+	sortedColumn;
+	collapsedDomains;
+	customFields;
+	constructor(definition, fields) {
+		this.columns = definition.columns.map((dimension) => this.createPivotDimension(fields, dimension));
+		this.rows = definition.rows.map((dimension) => this.createPivotDimension(fields, dimension));
+		this.measures = definition.measures.map((measure) => this.createMeasure(fields, measure));
+		this.filters = (definition.filters ?? []).map((filter) => this.createPivotFilter(fields, filter));
+		this.sortedColumn = definition.sortedColumn;
+		this.collapsedDomains = definition.collapsedDomains;
+		this.customFields = definition.customFields;
+	}
+	getDimension(nameWithGranularity) {
+		const dimension = this.columns.find((d) => d.nameWithGranularity === nameWithGranularity) || this.rows.find((d) => d.nameWithGranularity === nameWithGranularity);
+		if (!dimension) throw new EvaluationError(_t("Dimension %s does not exist", nameWithGranularity));
+		return dimension;
+	}
+	getMeasure(id) {
+		const measure = this.measures.find((measure) => measure.id === id);
+		if (!measure) throw new EvaluationError(_t("Field %s is not a measure", id));
+		return measure;
+	}
+	get invalidAggregatorsForCustomField() {
+		return [];
+	}
+	createMeasure(fields, measure) {
+		const fieldName = measure.fieldName;
+		const field = fieldName === "__count" ? {
+			name: "__count",
+			string: _t("Count"),
+			type: "integer",
+			aggregator: "sum"
+		} : fields[fieldName];
+		const aggregator = measure.aggregator;
+		let isValid = !!(field || measure.computedBy);
+		for (const dimension of [...this.rows, ...this.columns]) if (fields[dimension.fieldName]?.isCustomField && this.invalidAggregatorsForCustomField.includes(aggregator)) {
+			isValid = false;
+			break;
+		}
+		return {
+			/**
+			* Get the id of the measure, as it is stored in the pivot formula
+			*/
+			id: measure.id,
+			/**
+			* Display name of the measure
+			* e.g. "__count" -> "Count", "amount_total" -> "Total Amount"
+			*/
+			get displayName() {
+				return measure.userDefinedName ?? field?.string ?? measure.fieldName;
+			},
+			userDefinedName: measure.userDefinedName,
+			/**
+			* Get the name of the field of the measure
+			*/
+			fieldName,
+			/**
+			* Get the aggregator of the measure
+			*/
+			aggregator,
+			/**
+			* Get the type of the measure field
+			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
+			*/
+			type: fieldName === "__count" ? "integer" : field?.type ?? "integer",
+			isValid,
+			isHidden: measure.isHidden,
+			format: measure.format,
+			computedBy: measure.computedBy,
+			display: measure.display
+		};
+	}
+	createPivotDimension(fields, dimension) {
+		const field = fields[dimension.fieldName];
+		const type = field?.type ?? "integer";
+		const granularity = field && isDateOrDatetimeField(field) ? dimension.granularity : void 0;
+		return {
+			/**
+			* Get the display name of the dimension
+			* e.g. "stage_id" -> "Stage", "create_date:month" -> "Create Date"
+			*/
+			displayName: field?.string ?? dimension.fieldName,
+			/**
+			* Get the name of the dimension, as it is stored in the pivot formula
+			* e.g. "stage_id", "create_date:month"
+			*/
+			nameWithGranularity: dimension.fieldName + (granularity ? `:${granularity}` : ""),
+			/**
+			* Get the name of the field of the dimension
+			* e.g. "stage_id" -> "stage_id", "create_date:month" -> "create_date"
+			*/
+			fieldName: dimension.fieldName,
+			/**
+			* Get the aggregate operator of the dimension
+			* e.g. "stage_id" -> undefined, "create_date:month" -> "month"
+			*/
+			granularity,
+			/**
+			* Get the type of the field of the dimension
+			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
+			*/
+			type: field?.isCustomField ? "custom" : type,
+			order: dimension.order,
+			isValid: !!field,
+			isCustomField: !!field?.isCustomField,
+			customGroups: field?.customGroups,
+			parentField: field?.parentField
+		};
+	}
+	createPivotFilter(fields, filter) {
+		const field = fields[filter.fieldName];
+		return {
+			...filter,
+			displayName: field?.name ?? filter.fieldName,
+			isValid: !!field
+		};
+	}
+};
+
+//#endregion
+//#region src/helpers/pivot/spreadsheet_pivot/runtime_definition_spreadsheet_pivot.ts
+var SpreadsheetPivotRuntimeDefinition = class extends PivotRuntimeDefinition {
+	range;
+	constructor(definition, fields, getters) {
+		super(definition, fields);
+		if (definition.dataSet) {
+			const { sheetId, zone } = definition.dataSet;
+			this.range = getters.getRangeFromZone(sheetId, zone);
+		}
+	}
+};
+
 //#endregion
 //#region src/types/table.ts
 const filterCriterions = [
@@ -38336,12 +38183,12 @@ const filterDateCriterionOperators = [
 //#region src/components/filters/filter_menu_criterion/filter_menu_criterion.ts
 var FilterMenuCriterion = class extends Component$1 {
 	static template = "o-spreadsheet-FilterMenuCriterion";
-	static props = {
-		criterion: Object,
-		onCriterionChanged: Function,
-		criterionOperators: Array
-	};
 	static components = { Select };
+	props = props({
+		criterion: types$1.CriterionFilter(),
+		criterionOperators: types$1.array(types$1.GenericCriterionType()),
+		onCriterionChanged: types$1.function([types$1.CriterionFilter()])
+	});
 	state;
 	setup() {
 		onWillUpdateProps((nextProps) => {
@@ -38374,17 +38221,14 @@ var FilterMenuCriterion = class extends Component$1 {
 var FilterMenuValueItem = class extends Component$1 {
 	static template = "o-spreadsheet-FilterMenuValueItem";
 	static components = { Checkbox };
-	static props = {
-		value: String,
-		isChecked: Boolean,
-		isSelected: Boolean,
-		onMouseMove: Function,
-		onClick: Function,
-		scrolledTo: {
-			type: String,
-			optional: true
-		}
-	};
+	props = props({
+		value: types.string(),
+		isChecked: types.boolean(),
+		isSelected: types.boolean(),
+		onMouseMove: types.function([]),
+		onClick: types.function([]),
+		"scrolledTo?": types.or([types.literal("top"), types.literal("bottom")])
+	});
 	itemRef = signal(null);
 	setup() {
 		onWillPatch(() => {
@@ -38402,11 +38246,15 @@ var FilterMenuValueItem = class extends Component$1 {
 //#region src/components/filters/filter_menu_value_list/filter_menu_value_list.ts
 var FilterMenuValueList = class extends Component$1 {
 	static template = "o-spreadsheet-FilterMenuValueList";
-	static props = {
-		values: Object,
-		onUpdateHiddenValues: Function
-	};
 	static components = { FilterMenuValueItem };
+	props = props({
+		values: types$1.array(types$1.object({
+			checked: types$1.boolean(),
+			string: types$1.string(),
+			"scrolledTo?": types$1.or([types$1.literal("top"), types$1.literal("bottom")])
+		})),
+		onUpdateHiddenValues: types$1.function([types$1.array(types$1.string())])
+	});
 	state = proxy({
 		displayedValues: [],
 		textFilter: "",
@@ -38507,17 +38355,6 @@ var FilterMenuValueList = class extends Component$1 {
 //#region src/components/filters/pivot_filter_menu/pivot_filter_menu.ts
 var PivotFilterMenu = class extends Component$1 {
 	static template = "o-spreadsheet-PivotFilterMenu";
-	static props = {
-		pivotId: String,
-		definition: Object,
-		filter: Object,
-		values: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		},
-		onConfirmed: Function
-	};
 	static components = {
 		FilterMenuValueList,
 		SidePanelCollapsible,
@@ -38525,6 +38362,18 @@ var PivotFilterMenu = class extends Component$1 {
 	};
 	criterionCategory = "char";
 	updatedCriterionValue;
+	props = props({
+		pivotId: types$1.UID(),
+		definition: types$1.instanceOf(SpreadsheetPivotRuntimeDefinition),
+		filter: types$1.PivotFilter(),
+		values: types$1.array(types$1.object({
+			checked: types$1.boolean(),
+			string: types$1.string(),
+			"scrolledTo?": types$1.or([types$1.literal("top"), types$1.literal("bottom")])
+		})),
+		"onClosed?": types$1.function([]),
+		onConfirmed: types$1.function([types$1.DataFilterValue()])
+	});
 	setup() {
 		onWillUpdateProps((nextProps) => {
 			if (!deepEquals(nextProps.definition, this.props.definition)) {
@@ -38576,21 +38425,29 @@ var PivotFilterMenu = class extends Component$1 {
 //#region src/components/side_panel/pivot/pivot_layout_configurator/pivot_dimension/pivot_dimension.ts
 var PivotDimension = class extends Component$1 {
 	static template = "o-spreadsheet-PivotDimension";
-	static props = {
-		dimension: Object,
-		onRemoved: {
-			type: Function,
-			optional: true
-		},
-		onNameUpdated: {
-			type: Function,
-			optional: true
-		},
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = props({
+		dimension: types$1.or([
+			types$1.PivotDimension(),
+			types$1.PivotMeasure(),
+			types$1.PivotFilter()
+		]),
+		"onRemoved?": types$1.function([types$1.or([
+			types$1.PivotDimension(),
+			types$1.PivotMeasure(),
+			types$1.PivotFilter()
+		])]),
+		"onNameUpdated?": types$1.function([types$1.or([
+			types$1.PivotDimension(),
+			types$1.PivotMeasure(),
+			types$1.PivotFilter()
+		]), types$1.string()]),
+		"type?": types$1.or([
+			types$1.literal("row"),
+			types$1.literal("col"),
+			types$1.literal("measure"),
+			types$1.literal("filter")
+		])
+	});
 	static components = {
 		CogWheelMenu,
 		TextInput
@@ -38613,12 +38470,12 @@ var PivotFilterEditor = class extends Component$1 {
 		Popover,
 		PivotFilterMenu
 	};
-	static props = {
-		pivotId: String,
-		definition: Object,
-		filter: Object,
-		onFiltersUpdated: Function
-	};
+	props = props({
+		pivotId: types$1.UID(),
+		definition: types$1.instanceOf(SpreadsheetPivotRuntimeDefinition),
+		filter: types$1.PivotFilter(),
+		onFiltersUpdated: types$1.function([types$1.SpreadsheetPivotCoreDefinition()])
+	});
 	state;
 	buttonFilter = signal(null);
 	popover;
@@ -38745,14 +38602,10 @@ var AddDimensionButton = class extends Component$1 {
 		Popover,
 		TextValueProvider
 	};
-	static props = {
-		onFieldPicked: Function,
-		fields: Array,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
+	props = props({
+		onFieldPicked: types$1.function([types$1.string()]),
+		fields: types$1.array()
+	});
 	buttonRef = signal(null);
 	popover = proxy({ isOpen: false });
 	search = proxy({ input: "" });
@@ -38844,11 +38697,11 @@ var AddDimensionButton = class extends Component$1 {
 //#region src/components/side_panel/pivot/pivot_custom_groups_collapsible/pivot_custom_groups_collapsible.ts
 var PivotCustomGroupsCollapsible = class extends Component$1 {
 	static template = "o-spreadsheet-PivotCustomGroupsCollapsible";
-	static props = {
-		pivotId: String,
-		customField: Object,
-		onCustomFieldUpdated: Function
-	};
+	props = props({
+		pivotId: types$1.UID(),
+		customField: types$1.PivotCustomGroupedField(),
+		onCustomFieldUpdated: types$1.function([types$1.object({})])
+	});
 	static components = {
 		SidePanelCollapsible,
 		TextInput,
@@ -38908,12 +38761,12 @@ var PivotCustomGroupsCollapsible = class extends Component$1 {
 //#region src/components/side_panel/pivot/pivot_layout_configurator/pivot_dimension_granularity/pivot_dimension_granularity.ts
 var PivotDimensionGranularity = class extends Component$1 {
 	static template = "o-spreadsheet-PivotDimensionGranularity";
-	static props = {
-		dimension: Object,
-		onUpdated: Function,
-		availableGranularities: Set,
-		allGranularities: Array
-	};
+	props = props({
+		dimension: types$1.PivotDimension(),
+		onUpdated: types$1.function([types$1.PivotDimension(), types$1.instanceOf(InputEvent)]),
+		availableGranularities: types$1.SetOf(),
+		allGranularities: types$1.array()
+	});
 	static components = { Select };
 	periods = ALL_PERIODS;
 	get granularityOptions() {
@@ -38929,10 +38782,10 @@ var PivotDimensionGranularity = class extends Component$1 {
 //#region src/components/side_panel/pivot/pivot_layout_configurator/pivot_dimension_order/pivot_dimension_order.ts
 var PivotDimensionOrder = class extends Component$1 {
 	static template = "o-spreadsheet-PivotDimensionOrder";
-	static props = {
-		dimension: Object,
-		onUpdated: Function
-	};
+	props = props({
+		dimension: types$1.PivotDimension(),
+		onUpdated: types$1.function([types$1.PivotDimension(), types$1.instanceOf(InputEvent)])
+	});
 	static components = { Select };
 	get orderSelectOptions() {
 		const options = [{
@@ -39002,15 +38855,15 @@ var PivotMeasureEditor = class extends Component$1 {
 		StandaloneComposer,
 		Select
 	};
-	static props = {
-		definition: Object,
-		measure: Object,
-		onMeasureUpdated: Function,
-		onRemoved: Function,
-		generateMeasureId: Function,
-		aggregators: Object,
-		pivotId: String
-	};
+	props = props({
+		pivotId: types$1.string(),
+		definition: types$1.PivotRuntimeDefinition(),
+		measure: types$1.PivotMeasure(),
+		onMeasureUpdated: types$1.function([types$1.PivotMeasure()]),
+		onRemoved: types$1.function([]),
+		generateMeasureId: types$1.function([types$1.string(), types$1.string()], types$1.string()),
+		aggregators: types$1.object({})
+	});
 	getMeasureAutocomplete() {
 		return createMeasureAutoComplete(this.props.definition, this.props.measure);
 	}
@@ -39090,10 +38943,10 @@ var PivotMeasureEditor = class extends Component$1 {
 var PivotSortSection = class extends Component$1 {
 	static template = "o-spreadsheet-PivotSortSection";
 	static components = { Section };
-	static props = {
-		definition: Object,
-		pivotId: String
-	};
+	props = props({
+		definition: types$1.PivotRuntimeDefinition(),
+		pivotId: types$1.UID()
+	});
 	get hasValidSort() {
 		const pivot = this.env.model.getters.getPivot(this.props.pivotId);
 		return !!this.props.definition.sortedColumn && isSortedColumnValid(this.props.definition.sortedColumn, pivot);
@@ -39145,21 +38998,18 @@ var PivotLayoutConfigurator = class extends Component$1 {
 		PivotCustomGroupsCollapsible,
 		SidePanelCollapsible
 	};
-	static props = {
-		definition: Object,
-		onDimensionsUpdated: Function,
-		onFiltersUpdated: Function,
-		unusedGroupableFields: Array,
-		measureFields: Array,
-		unusedGranularities: Object,
-		dateGranularities: Array,
-		datetimeGranularities: Array,
-		getScrollableContainerEl: {
-			type: Function,
-			optional: true
-		},
-		pivotId: String
-	};
+	props = props({
+		definition: types$1.instanceOf(PivotRuntimeDefinition),
+		onDimensionsUpdated: types$1.function([types$1.PivotCoreDefinition()]),
+		onFiltersUpdated: types$1.function([types$1.PivotCoreDefinition()]),
+		unusedGroupableFields: types$1.array(types$1.PivotField()),
+		measureFields: types$1.array(types$1.PivotField()),
+		unusedGranularities: types$1.RecordOf(),
+		dateGranularities: types$1.array(types$1.string()),
+		datetimeGranularities: types$1.array(types$1.string()),
+		"getScrollableContainerEl?": types$1.function([], types$1.instanceOf(HTMLElement)),
+		pivotId: types$1.UID()
+	});
 	dimensionsRef = signal(null);
 	dragAndDrop = useDragAndDropListItems();
 	AGGREGATORS = AGGREGATORS;
@@ -39373,10 +39223,10 @@ var PivotTitleSection = class extends Component$1 {
 		Section,
 		TextInput
 	};
-	static props = {
-		pivotId: String,
-		flipAxis: Function
-	};
+	props = props({
+		pivotId: types$1.UID(),
+		flipAxis: types$1.function([])
+	});
 	get cogWheelMenuItems() {
 		return [
 			{
@@ -39442,150 +39292,6 @@ var PivotTitleSection = class extends Component$1 {
 	}
 };
 
-//#endregion
-//#region src/helpers/pivot/pivot_runtime_definition.ts
-/**
-* Represent a pivot runtime definition. A pivot runtime definition is a pivot
-* definition that has been enriched to include the display name of its attributes
-* (measures, columns, rows).
-*/
-var PivotRuntimeDefinition = class {
-	measures;
-	columns;
-	rows;
-	filters;
-	sortedColumn;
-	collapsedDomains;
-	customFields;
-	constructor(definition, fields) {
-		this.columns = definition.columns.map((dimension) => this.createPivotDimension(fields, dimension));
-		this.rows = definition.rows.map((dimension) => this.createPivotDimension(fields, dimension));
-		this.measures = definition.measures.map((measure) => this.createMeasure(fields, measure));
-		this.filters = (definition.filters ?? []).map((filter) => this.createPivotFilter(fields, filter));
-		this.sortedColumn = definition.sortedColumn;
-		this.collapsedDomains = definition.collapsedDomains;
-		this.customFields = definition.customFields;
-	}
-	getDimension(nameWithGranularity) {
-		const dimension = this.columns.find((d) => d.nameWithGranularity === nameWithGranularity) || this.rows.find((d) => d.nameWithGranularity === nameWithGranularity);
-		if (!dimension) throw new EvaluationError(_t("Dimension %s does not exist", nameWithGranularity));
-		return dimension;
-	}
-	getMeasure(id) {
-		const measure = this.measures.find((measure) => measure.id === id);
-		if (!measure) throw new EvaluationError(_t("Field %s is not a measure", id));
-		return measure;
-	}
-	get invalidAggregatorsForCustomField() {
-		return [];
-	}
-	createMeasure(fields, measure) {
-		const fieldName = measure.fieldName;
-		const field = fieldName === "__count" ? {
-			name: "__count",
-			string: _t("Count"),
-			type: "integer",
-			aggregator: "sum"
-		} : fields[fieldName];
-		const aggregator = measure.aggregator;
-		let isValid = !!(field || measure.computedBy);
-		for (const dimension of [...this.rows, ...this.columns]) if (fields[dimension.fieldName]?.isCustomField && this.invalidAggregatorsForCustomField.includes(aggregator)) {
-			isValid = false;
-			break;
-		}
-		return {
-			/**
-			* Get the id of the measure, as it is stored in the pivot formula
-			*/
-			id: measure.id,
-			/**
-			* Display name of the measure
-			* e.g. "__count" -> "Count", "amount_total" -> "Total Amount"
-			*/
-			get displayName() {
-				return measure.userDefinedName ?? field?.string ?? measure.fieldName;
-			},
-			userDefinedName: measure.userDefinedName,
-			/**
-			* Get the name of the field of the measure
-			*/
-			fieldName,
-			/**
-			* Get the aggregator of the measure
-			*/
-			aggregator,
-			/**
-			* Get the type of the measure field
-			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
-			*/
-			type: fieldName === "__count" ? "integer" : field?.type ?? "integer",
-			isValid,
-			isHidden: measure.isHidden,
-			format: measure.format,
-			computedBy: measure.computedBy,
-			display: measure.display
-		};
-	}
-	createPivotDimension(fields, dimension) {
-		const field = fields[dimension.fieldName];
-		const type = field?.type ?? "integer";
-		const granularity = field && isDateOrDatetimeField(field) ? dimension.granularity : void 0;
-		return {
-			/**
-			* Get the display name of the dimension
-			* e.g. "stage_id" -> "Stage", "create_date:month" -> "Create Date"
-			*/
-			displayName: field?.string ?? dimension.fieldName,
-			/**
-			* Get the name of the dimension, as it is stored in the pivot formula
-			* e.g. "stage_id", "create_date:month"
-			*/
-			nameWithGranularity: dimension.fieldName + (granularity ? `:${granularity}` : ""),
-			/**
-			* Get the name of the field of the dimension
-			* e.g. "stage_id" -> "stage_id", "create_date:month" -> "create_date"
-			*/
-			fieldName: dimension.fieldName,
-			/**
-			* Get the aggregate operator of the dimension
-			* e.g. "stage_id" -> undefined, "create_date:month" -> "month"
-			*/
-			granularity,
-			/**
-			* Get the type of the field of the dimension
-			* e.g. "stage_id" -> "many2one", "create_date:month" -> "date"
-			*/
-			type: field?.isCustomField ? "custom" : type,
-			order: dimension.order,
-			isValid: !!field,
-			isCustomField: !!field?.isCustomField,
-			customGroups: field?.customGroups,
-			parentField: field?.parentField
-		};
-	}
-	createPivotFilter(fields, filter) {
-		const field = fields[filter.fieldName];
-		return {
-			...filter,
-			displayName: field?.name ?? filter.fieldName,
-			isValid: !!field
-		};
-	}
-};
-
-//#endregion
-//#region src/helpers/pivot/spreadsheet_pivot/runtime_definition_spreadsheet_pivot.ts
-var SpreadsheetPivotRuntimeDefinition = class extends PivotRuntimeDefinition {
-	range;
-	constructor(definition, fields, getters) {
-		super(definition, fields);
-		if (definition.dataSet) {
-			const { sheetId, zone } = definition.dataSet;
-			this.range = getters.getRangeFromZone(sheetId, zone);
-		}
-	}
-};
-
 //#endregion
 //#region src/helpers/filter_helpers.ts
 /**
@@ -41137,10 +40843,6 @@ var PivotSidePanelStore = class extends SpreadsheetStore {
 //#region src/components/side_panel/pivot/pivot_side_panel/pivot_spreadsheet_side_panel/pivot_spreadsheet_side_panel.ts
 var PivotSpreadsheetSidePanel = class extends Component$1 {
 	static template = "o-spreadsheet-PivotSpreadsheetSidePanel";
-	static props = {
-		pivotId: String,
-		onCloseSidePanel: Function
-	};
 	static components = {
 		PivotLayoutConfigurator,
 		Section,
@@ -41151,6 +40853,10 @@ var PivotSpreadsheetSidePanel = class extends Component$1 {
 		AddDimensionButton,
 		PivotFilterEditor
 	};
+	props = props({
+		pivotId: types$1.UID(),
+		onCloseSidePanel: types$1.function([])
+	});
 	store;
 	state;
 	pivotSidePanelRef = signal(null);
@@ -42385,23 +42091,14 @@ function drawTexts(ctx, tableStyle, params) {
 var TableStylePreview = class extends Component$1 {
 	static template = "o-spreadsheet-TableStylePreview";
 	static components = { MenuPopover };
-	static props = {
-		tableConfig: Object,
-		tableStyle: Object,
-		type: String,
-		styleId: {
-			type: String,
-			optional: true
-		},
-		selected: {
-			type: Boolean,
-			optional: true
-		},
-		onClick: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		tableConfig: types$1.TableConfig(),
+		tableStyle: types$1.TableStyle(),
+		type: types$1.or([types$1.literal("table"), types$1.literal("pivot")]),
+		"styleId?": types$1.string(),
+		"selected?": types$1.boolean(),
+		"onClick?": types$1.function([])
+	});
 	canvasRef = signal(null);
 	menu = proxy({
 		isOpen: false,
@@ -42487,21 +42184,15 @@ var TableStylesPopover = class extends Component$1 {
 		Popover,
 		TableStylePreview
 	};
-	static props = {
-		tableConfig: Object,
-		popoverProps: {
-			type: Object,
-			optional: true
-		},
-		closePopover: Function,
-		onStylePicked: Function,
-		selectedStyleId: {
-			type: String,
-			optional: true
-		},
-		tableStyles: Object,
-		type: String
-	};
+	props = props({
+		tableConfig: types$1.object({}),
+		"popoverProps?": types$1.object({}),
+		closePopover: types$1.function([]),
+		onStylePicked: types$1.function([types$1.string()]),
+		"selectedStyleId?": types$1.string(),
+		tableStyles: types$1.RecordOf(),
+		type: types$1.or([types$1.literal("table"), types$1.literal("pivot")])
+	});
 	tableStyleListRef = signal(null);
 	state = proxy({ selectedCategory: this.initialSelectedCategory });
 	setup() {
@@ -42541,12 +42232,12 @@ var TableStylePicker = class extends Component$1 {
 		TableStylesPopover,
 		TableStylePreview
 	};
-	static props = {
-		tableConfig: Object,
-		onStylePicked: Function,
-		tableStyles: Object,
-		type: String
-	};
+	props = props({
+		tableConfig: types$1.TableConfig(),
+		onStylePicked: types$1.function([types$1.string()]),
+		tableStyles: types$1.RecordOf(),
+		type: types$1.or([types$1.literal("table"), types$1.literal("pivot")])
+	});
 	state = proxy({ popoverProps: void 0 });
 	getDisplayedTableStyles() {
 		const allStyles = this.props.tableStyles;
@@ -42587,13 +42278,13 @@ var TableStylePicker = class extends Component$1 {
 //#region src/components/side_panel/pivot/pivot_side_panel/pivot_design_panel/pivot_design_panel.ts
 var PivotDesignPanel = class extends Component$1 {
 	static template = "o-spreadsheet-PivotDesignPanel";
-	static props = { pivotId: String };
 	static components = {
 		Section,
 		Checkbox,
 		NumberInput,
 		TableStylePicker
 	};
+	props = props({ pivotId: types$1.UID() });
 	store;
 	setup() {
 		this.store = useLocalStore(PivotSidePanelStore, this.props.pivotId, "neverDefer");
@@ -42642,20 +42333,16 @@ var PivotDesignPanel = class extends Component$1 {
 //#region src/components/side_panel/pivot/pivot_side_panel/pivot_side_panel.ts
 var PivotSidePanel = class extends Component$1 {
 	static template = "o-spreadsheet-PivotSidePanel";
-	static props = {
-		pivotId: String,
-		onCloseSidePanel: Function,
-		openTab: {
-			type: String,
-			optional: true
-		}
-	};
-	static defaultProps = { openTab: "configuration" };
 	static components = {
 		PivotLayoutConfigurator,
 		Section,
 		PivotDesignPanel
 	};
+	props = props({
+		pivotId: types$1.UID(),
+		onCloseSidePanel: types$1.function([]),
+		"openTab?": types$1.or([types$1.literal("configuration"), types$1.literal("design")])
+	}, { openTab: "configuration" });
 	state = proxy({ panel: this.props.openTab || "configuration" });
 	setup() {
 		useHighlights(this);
@@ -42685,7 +42372,7 @@ var RemoveDuplicatesPanel = class extends Component$1 {
 		Section,
 		Checkbox
 	};
-	static props = { onCloseSidePanel: Function };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	state = proxy({
 		hasHeader: false,
 		columns: {}
@@ -42769,7 +42456,7 @@ var SettingsPanel = class extends Component$1 {
 		BadgeSelection,
 		Select
 	};
-	static props = { onCloseSidePanel: Function };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	loadedLocales = [];
 	setup() {
 		onWillStart(() => this.loadLocales());
@@ -42887,7 +42574,7 @@ var SplitIntoColumnsPanel = class extends Component$1 {
 		Checkbox,
 		Select
 	};
-	static props = { onCloseSidePanel: Function };
+	props = props({ onCloseSidePanel: types$1.function([]) });
 	state = proxy({
 		separatorValue: "auto",
 		addNewColumns: false,
@@ -42963,10 +42650,10 @@ var TablePanel = class extends Component$1 {
 		Section,
 		NumberInput
 	};
-	static props = {
-		onCloseSidePanel: Function,
-		table: Object
-	};
+	props = props({
+		onCloseSidePanel: types$1.function([]),
+		table: types$1.CoreTable()
+	});
 	state;
 	setup() {
 		const sheetId = this.env.model.getters.getActiveSheetId();
@@ -43123,17 +42810,11 @@ var TableStyleEditorPanel = class extends Component$1 {
 		RoundColorPicker,
 		TableStylePreview
 	};
-	static props = {
-		onCloseSidePanel: Function,
-		onStylePicked: {
-			type: Function,
-			optional: true
-		},
-		styleId: {
-			type: String,
-			optional: true
-		}
-	};
+	props = props({
+		onCloseSidePanel: types$1.function([]),
+		"onStylePicked?": types$1.function([types$1.string()]),
+		"styleId?": types$1.string()
+	});
 	state = proxy(this.getInitialState());
 	setup() {
 		useExternalListener$1(window, "click", () => this.state.pickerOpened = false);
@@ -45463,10 +45144,10 @@ function adjustIndexWithinBounds(index, position, max) {
 //#region src/components/autofill/autofill.ts
 var Autofill = class extends Component$1 {
 	static template = "o-spreadsheet-Autofill";
-	static props = {
-		position: Object,
-		isVisible: Boolean
-	};
+	props = props({
+		position: types$1.DOMCoordinates(),
+		isVisible: types$1.boolean()
+	});
 	state = proxy({
 		position: {
 			x: 0,
@@ -45541,7 +45222,7 @@ var Autofill = class extends Component$1 {
 	}
 };
 var TooltipComponent = class extends Component$1 {
-	static props = { content: String };
+	props = props({ content: types$1.string() });
 	static template = xml`
     <div t-out="this.props.content"/>
   `;
@@ -45551,13 +45232,13 @@ var TooltipComponent = class extends Component$1 {
 //#region src/components/collaborative_client_tag/collaborative_client_tag.ts
 var ClientTag = class extends Component$1 {
 	static template = "o-spreadsheet-ClientTag";
-	static props = {
-		active: Boolean,
-		name: String,
-		color: String,
-		col: Number,
-		row: Number
-	};
+	props = props({
+		active: types$1.boolean(),
+		name: types$1.string(),
+		color: types$1.Color(),
+		col: types$1.HeaderIndex(),
+		row: types$1.HeaderIndex()
+	});
 	get tagStyle() {
 		const { col, row, color } = this.props;
 		const { height } = this.env.model.getters.getSheetViewDimensionWithHeaders();
@@ -46131,11 +45812,11 @@ const GRID_CELL_REFERENCE_TOP_OFFSET = 28;
 */
 var GridComposer = class extends Component$1 {
 	static template = "o-spreadsheet-GridComposer";
-	static props = {
-		gridDims: Object,
-		onInputContextMenu: Function
-	};
 	static components = { Composer };
+	props = props({
+		gridDims: types$1.DOMDimension(),
+		onInputContextMenu: types$1.function([types$1.instanceOf(MouseEvent)])
+	});
 	rect = this.defaultRect;
 	isEditing = false;
 	isCellReferenceVisible = false;
@@ -46595,7 +46276,6 @@ function getAxis(getters, figureUI, dnd, axisType) {
 */
 var FiguresContainer = class extends Component$1 {
 	static template = "o-spreadsheet-FiguresContainer";
-	static props = {};
 	static components = { FigureComponent };
 	dnd = proxy({
 		draggedFigure: void 0,
@@ -46946,7 +46626,6 @@ var FiguresContainer = class extends Component$1 {
 //#region src/components/grid_add_rows_footer/grid_add_rows_footer.ts
 var GridAddRowsFooter = class extends Component$1 {
 	static template = "o-spreadsheet-GridAddRowsFooter";
-	static props = {};
 	static components = { ValidationMessages };
 	DOMFocusableElementStore;
 	inputRef = signal(null);
@@ -47254,40 +46933,32 @@ function useCellHovered(env, gridRef) {
 }
 var GridOverlay = class extends Component$1 {
 	static template = "o-spreadsheet-GridOverlay";
-	static props = {
-		onCellDoubleClicked: {
-			type: Function,
-			optional: true
-		},
-		onCellClicked: {
-			type: Function,
-			optional: true
-		},
-		onCellRightClicked: {
-			type: Function,
-			optional: true
-		},
-		onGridResized: {
-			type: Function,
-			optional: true
-		},
-		onGridMoved: Function,
-		gridOverlayDimensions: String,
-		slots: {
-			type: Object,
-			optional: true
-		}
-	};
 	static components = {
 		FiguresContainer,
 		GridAddRowsFooter
 	};
-	static defaultProps = {
+	props = props({
+		"onCellDoubleClicked?": types$1.function([types$1.HeaderIndex(), types$1.HeaderIndex()]),
+		"onCellClicked?": types$1.function([
+			types$1.HeaderIndex(),
+			types$1.HeaderIndex(),
+			types$1.GridClickModifiers(),
+			types$1.ZoomedMouseEvent()
+		]),
+		"onCellRightClicked?": types$1.function([
+			types$1.HeaderIndex(),
+			types$1.HeaderIndex(),
+			types$1.DOMCoordinates()
+		]),
+		"onGridResized?": types$1.function([]),
+		onGridMoved: types$1.function([types$1.Pixel(), types$1.Pixel()]),
+		gridOverlayDimensions: types$1.string()
+	}, {
 		onCellDoubleClicked: () => {},
 		onCellClicked: () => {},
 		onCellRightClicked: () => {},
 		onGridResized: () => {}
-	};
+	});
 	gridOverlayRef = signal(null);
 	cellPopovers;
 	paintFormatStore;
@@ -47397,12 +47068,12 @@ var GridOverlay = class extends Component$1 {
 //#region src/components/grid_popover/grid_popover.ts
 var GridPopover = class extends Component$1 {
 	static template = "o-spreadsheet-GridPopover";
-	static props = {
-		onClosePopover: Function,
-		onMouseWheel: Function,
-		gridRect: Object
-	};
 	static components = { Popover };
+	props = props({
+		onClosePopover: types$1.function([]),
+		onMouseWheel: types$1.function([types$1.instanceOf(WheelEvent)]),
+		gridRect: types$1.Rect()
+	});
 	cellPopovers;
 	setup() {
 		this.cellPopovers = useStore(CellPopoverStore);
@@ -47426,15 +47097,14 @@ var GridPopover = class extends Component$1 {
 //#region src/components/headers_overlay/unhide_headers.ts
 var UnhideRowHeaders = class extends Component$1 {
 	static template = "o-spreadsheet-UnhideRowHeaders";
-	static props = {
-		headersGroups: Array,
-		headerRange: Object,
-		offset: {
-			type: Number,
-			optional: true
-		}
-	};
-	static defaultProps = { offset: 0 };
+	props = props({
+		headersGroups: types$1.array(),
+		headerRange: types$1.object({
+			start: types$1.HeaderIndex(),
+			end: types$1.HeaderIndex()
+		}),
+		"offset?": types$1.number()
+	}, { offset: 0 });
 	get sheetId() {
 		return this.env.model.getters.getActiveSheetId();
 	}
@@ -47470,15 +47140,14 @@ var UnhideRowHeaders = class extends Component$1 {
 };
 var UnhideColumnHeaders = class extends Component$1 {
 	static template = "o-spreadsheet-UnhideColumnHeaders";
-	static props = {
-		headersGroups: Array,
-		headerRange: Object,
-		offset: {
-			type: Number,
-			optional: true
-		}
-	};
-	static defaultProps = { offset: 0 };
+	props = props({
+		headersGroups: types$1.array(),
+		headerRange: types$1.object({
+			start: types$1.HeaderIndex(),
+			end: types$1.HeaderIndex()
+		}),
+		"offset?": types$1.number()
+	}, { offset: 0 });
 	get sheetId() {
 		return this.env.model.getters.getActiveSheetId();
 	}
@@ -47509,8 +47178,13 @@ var UnhideColumnHeaders = class extends Component$1 {
 
 //#endregion
 //#region src/components/headers_overlay/headers_overlay.ts
+const resizerPropsDefinition = { onOpenContextMenu: types$1.function([
+	types$1.ContextMenuType(),
+	types$1.Pixel(),
+	types$1.Pixel()
+]) };
 var AbstractResizer = class extends Component$1 {
-	static props = { onOpenContextMenu: Function };
+	props = props(resizerPropsDefinition);
 	composerFocusStore;
 	PADDING = 0;
 	MAX_SIZE_MARGIN = 0;
@@ -47708,7 +47382,6 @@ var AbstractResizer = class extends Component$1 {
 	}
 };
 var ColResizer = class extends AbstractResizer {
-	static props = { onOpenContextMenu: Function };
 	static template = "o-spreadsheet-ColResizer";
 	static components = { UnhideColumnHeaders };
 	colResizerRef = signal(null);
@@ -47843,7 +47516,6 @@ var ColResizer = class extends AbstractResizer {
 	}
 };
 var RowResizer = class extends AbstractResizer {
-	static props = { onOpenContextMenu: Function };
 	static template = "o-spreadsheet-RowResizer";
 	static components = { UnhideRowHeaders };
 	rowResizerRef = signal(null);
@@ -47974,8 +47646,8 @@ var RowResizer = class extends AbstractResizer {
 	}
 };
 var HeadersOverlay = class extends Component$1 {
-	static props = { onOpenContextMenu: Function };
 	static template = "o-spreadsheet-HeadersOverlay";
+	props = props(resizerPropsDefinition);
 	static components = {
 		ColResizer,
 		RowResizer
@@ -48963,12 +48635,17 @@ function useWheelHandler(handler) {
 //#region src/components/highlight/border/border.ts
 var Border = class extends Component$1 {
 	static template = "o-spreadsheet-Border";
-	static props = {
-		zone: Object,
-		orientation: String,
-		isMoving: Boolean,
-		onMoveHighlight: Function
-	};
+	props = props({
+		zone: types$1.Zone(),
+		orientation: types$1.or([
+			types$1.literal("n"),
+			types$1.literal("s"),
+			types$1.literal("w"),
+			types$1.literal("e")
+		]),
+		isMoving: types$1.boolean(),
+		onMoveHighlight: types$1.function([types$1.instanceOf(PointerEvent)])
+	});
 	get style() {
 		const isTop = [
 			"n",
@@ -49011,13 +48688,26 @@ var Border = class extends Component$1 {
 const MOBILE_HANDLER_WIDTH = 40;
 var Corner = class extends Component$1 {
 	static template = "o-spreadsheet-Corner";
-	static props = {
-		zone: Object,
-		color: String,
-		orientation: String,
-		isResizing: Boolean,
-		onResizeHighlight: Function
-	};
+	props = props({
+		zone: types$1.Zone(),
+		color: types$1.Color(),
+		orientation: types$1.or([
+			types$1.literal("nw"),
+			types$1.literal("ne"),
+			types$1.literal("sw"),
+			types$1.literal("se"),
+			types$1.literal("n"),
+			types$1.literal("s"),
+			types$1.literal("e"),
+			types$1.literal("w")
+		]),
+		isResizing: types$1.boolean(),
+		onResizeHighlight: types$1.function([
+			types$1.instanceOf(PointerEvent),
+			types$1.ResizeDirection(),
+			types$1.ResizeDirection()
+		])
+	});
 	dirX;
 	dirY;
 	setup() {
@@ -49072,14 +48762,14 @@ function orientationToDir(or) {
 //#region src/components/highlight/highlight/highlight.ts
 var Highlight = class extends Component$1 {
 	static template = "o-spreadsheet-Highlight";
-	static props = {
-		range: Object,
-		color: String
-	};
 	static components = {
 		Corner,
 		Border
 	};
+	props = props({
+		range: types$1.Range(),
+		color: types$1.Color()
+	});
 	highlightState = proxy({ shiftingMode: "none" });
 	dragNDropGrid = useDragAndDropBeyondTheViewport(this.env);
 	get cornerOrientations() {
@@ -49220,20 +48910,20 @@ var ScrollBar = class extends Component$1 {
       <div t-att-style="this.sizeCss"/>
     </div>
   `;
+	props = props({
+		"width?": types$1.Pixel(),
+		"height?": types$1.Pixel(),
+		direction: types$1.customValidator(types$1.string(), (direction) => ["horizontal", "vertical"].includes(direction)),
+		position: types$1.CSSProperties(),
+		offset: types$1.Pixel(),
+		onScroll: types$1.function([types$1.Pixel()])
+	}, {
+		width: 1,
+		height: 1
+	});
 	scrollbarRef = signal(null);
 	scrollbar;
 	setup() {
-		this.props = props({
-			"width?": types.number(),
-			"height?": types.number(),
-			direction: types.customValidator(types.string(), (direction) => ["horizontal", "vertical"].includes(direction)),
-			position: types.object({}),
-			offset: types.number(),
-			onScroll: types.function()
-		}, {
-			width: 1,
-			height: 1
-		});
 		this.scrollbar = new ScrollBar$1(this.scrollbarRef(), this.props.direction);
 		onMounted(() => {
 			this.scrollbar.el = this.scrollbarRef();
@@ -49259,10 +48949,6 @@ var ScrollBar = class extends Component$1 {
 //#endregion
 //#region src/components/scrollbar/scrollbar_horizontal.ts
 var HorizontalScrollBar = class extends Component$1 {
-	static props = { leftOffset: {
-		type: Number,
-		optional: true
-	} };
 	static components = { ScrollBar };
 	static template = xml`
       <ScrollBar
@@ -49273,7 +48959,7 @@ var HorizontalScrollBar = class extends Component$1 {
         direction="'horizontal'"
         onScroll.bind="this.onScroll"
       />`;
-	static defaultProps = { leftOffset: 0 };
+	props = props({ "leftOffset?": types$1.number() }, { leftOffset: 0 });
 	get offset() {
 		return this.env.model.getters.getActiveSheetScrollInfo().scrollX;
 	}
@@ -49306,10 +48992,6 @@ var HorizontalScrollBar = class extends Component$1 {
 //#endregion
 //#region src/components/scrollbar/scrollbar_vertical.ts
 var VerticalScrollBar = class extends Component$1 {
-	static props = { topOffset: {
-		type: Number,
-		optional: true
-	} };
 	static components = { ScrollBar };
 	static template = xml`
     <ScrollBar
@@ -49320,7 +49002,7 @@ var VerticalScrollBar = class extends Component$1 {
       direction="'vertical'"
       onScroll.bind="(offset) => this.onScroll(offset)"
     />`;
-	static defaultProps = { topOffset: 0 };
+	props = props({ "topOffset?": types$1.number() }, { topOffset: 0 });
 	get offset() {
 		return this.env.model.getters.getActiveSheetScrollInfo().scrollY;
 	}
@@ -49354,7 +49036,6 @@ var VerticalScrollBar = class extends Component$1 {
 //#region src/components/selection/selection.ts
 var Selection = class extends Component$1 {
 	static template = "o-spreadsheet-Selection";
-	static props = {};
 	static components = { Highlight };
 	get highlightProps() {
 		const sheetId = this.env.model.getters.getActiveSheetId();
@@ -49372,7 +49053,7 @@ const SIZE = 3;
 const COLOR = "#777";
 var TableResizer = class extends Component$1 {
 	static template = "o-spreadsheet-TableResizer";
-	static props = { table: Object };
+	props = props({ table: types$1.Table() });
 	state = proxy({ highlightZone: void 0 });
 	dragNDropGrid = useDragAndDropBeyondTheViewport(this.env);
 	setup() {
@@ -49445,10 +49126,6 @@ const registries$1 = {
 };
 var Grid = class extends Component$1 {
 	static template = "o-spreadsheet-Grid";
-	static props = {
-		exposeFocus: Function,
-		getGridSize: Function
-	};
 	static components = {
 		GridComposer,
 		GridOverlay,
@@ -49464,6 +49141,10 @@ var Grid = class extends Component$1 {
 		TableResizer,
 		Selection
 	};
+	props = props({
+		exposeFocus: types$1.function([types$1.function([])]),
+		getGridSize: types$1.function([], types$1.DOMDimension())
+	});
 	HEADER_HEIGHT = 26;
 	HEADER_WIDTH = 48;
 	menuState;
@@ -50103,10 +49784,10 @@ supportedPivotPositionalFormulaRegistry.add("SPREADSHEET", false);
 //#region src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.ts
 var ClickableCellSortIcon = class extends Component$1 {
 	static template = "o-spreadsheet-ClickableCellSortIcon";
-	static props = {
-		position: Object,
-		sortDirection: String
-	};
+	props = props({
+		position: types$1.CellPosition(),
+		sortDirection: types$1.or([types$1.SortDirection, types$1.literal("none")])
+	});
 	hoveredTableStore;
 	setup() {
 		this.hoveredTableStore = useStore(HoveredTableStore);
@@ -50139,7 +49820,6 @@ var ClickableCellSortIcon = class extends Component$1 {
 //#region src/components/full_screen_figure/full_screen_figure.ts
 var FullScreenFigure = class extends Component$1 {
 	static template = "o-spreadsheet-FullScreenFigure";
-	static props = {};
 	static components = { ChartFigure };
 	fullScreenFigureStore;
 	fullScreenFigureRef = signal(null);
@@ -50179,10 +49859,10 @@ var FullScreenFigure = class extends Component$1 {
 var PivotHTMLRenderer = class extends Component$1 {
 	static template = "o_spreadsheet.PivotHTMLRenderer";
 	static components = { Checkbox };
-	static props = {
-		pivotId: String,
-		onCellClicked: Function
-	};
+	props = props({
+		pivotId: types$1.UID(),
+		onCellClicked: types$1.function([types$1.string()])
+	});
 	pivot = this.env.model.getters.getPivot(this.props.pivotId);
 	data = {
 		columns: [],
@@ -60717,7 +60397,8 @@ const invalidateTableStyleCommandsSet = new Set([
 	"REMOVE_TABLE",
 	"RESIZE_TABLE",
 	"CREATE_TABLE_STYLE",
-	"REMOVE_TABLE_STYLE"
+	"REMOVE_TABLE_STYLE",
+	"DELETE_CONTENT"
 ]);
 function doesCommandInvalidatesTableStyle(cmd) {
 	return invalidateTableStyleCommandsSet.has(cmd.type);
@@ -64520,7 +64201,7 @@ var ClipboardPlugin = class extends UIPlugin {
 			if (this.getters.getFigure(figureSheetId, figureId).tag === "image") innerHTML = await this.craftImageHTML(figureId);
 			else innerHTML = "	";
 		} else innerHTML = "	";
-		else if (cells.length === 1 && cells[0].length === 1) innerHTML = `${this.getters.getCellText(cells[0][0].position)}`;
+		else if (cells.length === 1 && cells[0].length === 1) innerHTML = xmlEscape(`${this.getters.getCellText(cells[0][0].position)}`);
 		else if (!cells[0][0]) return "";
 		else {
 			let htmlTable = `<table border="1" style="border-collapse:collapse">`;
@@ -67877,20 +67558,22 @@ const RIPPLE_KEY_FRAMES = [
 ];
 var RippleEffect = class extends Component$1 {
 	static template = "o-spreadsheet-RippleEffect";
-	static props = {
-		x: String,
-		y: String,
-		color: String,
-		opacity: Number,
-		duration: Number,
-		width: Number,
-		height: Number,
-		offsetY: Number,
-		offsetX: Number,
-		allowOverflow: Boolean,
-		onAnimationEnd: Function,
-		style: String
-	};
+	props = props({
+		x: types.string(),
+		y: types.string(),
+		color: types.string(),
+		opacity: types.number(),
+		duration: types.number(),
+		/** Width of the ripple. Defaults to the width of the element the ripple is on (without margins). */
+		width: types.number(),
+		/** Height of the ripple. Defaults to the height of the element the ripple is on (without margins). */
+		height: types.number(),
+		offsetY: types.number(),
+		offsetX: types.number(),
+		allowOverflow: types.boolean(),
+		onAnimationEnd: types.function(),
+		style: types.string()
+	});
 	rippleRef = signal(null);
 	setup() {
 		let animation = void 0;
@@ -67927,66 +67610,31 @@ var RippleEffect = class extends Component$1 {
 };
 var Ripple = class extends Component$1 {
 	static template = "o-spreadsheet-Ripple";
-	static props = {
-		color: {
-			type: String,
-			optional: true
-		},
-		opacity: {
-			type: Number,
-			optional: true
-		},
-		duration: {
-			type: Number,
-			optional: true
-		},
-		ignoreClickPosition: {
-			type: Boolean,
-			optional: true
-		},
-		width: {
-			type: Number,
-			optional: true
-		},
-		height: {
-			type: Number,
-			optional: true
-		},
-		offsetY: {
-			type: Number,
-			optional: true
-		},
-		offsetX: {
-			type: Number,
-			optional: true
-		},
-		allowOverflow: {
-			type: Boolean,
-			optional: true
-		},
-		enabled: {
-			type: Boolean,
-			optional: true
-		},
-		onAnimationEnd: {
-			type: Function,
-			optional: true
-		},
-		slots: Object,
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { RippleEffect };
-	static defaultProps = {
+	props = props({
+		"color?": types.string(),
+		"opacity?": types.number(),
+		"duration?": types.number(),
+		/** If true, the ripple will play from the element center instead of the position of the click */
+		"ignoreClickPosition?": types.boolean(),
+		/** Width of the ripple. Defaults to the width of the element the ripple is on (without margins). */
+		"width?": types.number(),
+		/** Height of the ripple. Defaults to the height of the element the ripple is on (without margins). */
+		"height?": types.number(),
+		"offsetY?": types.number(),
+		"offsetX?": types.number(),
+		"allowOverflow?": types.boolean(),
+		"enabled?": types.boolean(),
+		"onAnimationEnd?": types.function(),
+		"class?": types.string()
+	}, {
 		color: "#aaaaaa",
 		opacity: .4,
 		duration: 800,
 		enabled: true,
 		onAnimationEnd: () => {},
 		class: ""
-	};
+	});
 	childContainerRef = signal(null);
 	state = proxy({ ripples: [] });
 	currentId = 1;
@@ -68234,26 +67882,19 @@ const getSheetLockAnimation = (duration, iterations) => {
 };
 var BottomBarSheet = class extends Component$1 {
 	static template = "o-spreadsheet-BottomBarSheet";
-	static props = {
-		sheetId: String,
-		openContextMenu: Function,
-		style: {
-			type: String,
-			optional: true
-		},
-		onMouseDown: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		Ripple,
 		ColorPicker
 	};
-	static defaultProps = {
+	props = props({
+		sheetId: types.string(),
+		openContextMenu: types.function([types.instanceOf(MenuItemRegistry), types.instanceOf(MouseEvent)]),
+		"style?": types.string(),
+		"onMouseDown?": types.function([types.instanceOf(PointerEvent)])
+	}, {
 		onMouseDown: () => {},
 		style: ""
-	};
+	});
 	state = proxy({
 		isEditing: false,
 		pickerOpened: false
@@ -68514,11 +68155,15 @@ var AggregateStatisticsStore = class extends SpreadsheetStore {
 //#region src/components/bottom_bar/bottom_bar_statistic/bottom_bar_statistic.ts
 var BottomBarStatistic = class extends Component$1 {
 	static template = "o-spreadsheet-BottomBarStatistic";
-	static props = {
-		openContextMenu: Function,
-		closeContextMenu: Function
-	};
 	static components = { Ripple };
+	props = props({
+		openContextMenu: types.function([
+			types.number(),
+			types.number(),
+			types.instanceOf(MenuItemRegistry)
+		]),
+		closeContextMenu: types.function([])
+	});
 	state = proxy({ selectedStatisticFn: "" });
 	store;
 	setup() {
@@ -68561,7 +68206,7 @@ var BottomBarStatistic = class extends Component$1 {
 const MENU_MAX_HEIGHT = 250;
 var BottomBar = class extends Component$1 {
 	static template = "o-spreadsheet-BottomBar";
-	static props = { onClick: Function };
+	props = props({ onClick: types.function([]) });
 	static components = {
 		MenuPopover,
 		Ripple,
@@ -68837,7 +68482,6 @@ var ClickableCellsStore = class extends SpreadsheetStore {
 //#region src/components/dashboard/dashboard.ts
 var SpreadsheetDashboard = class extends Component$1 {
 	static template = "o-spreadsheet-SpreadsheetDashboard";
-	static props = { getGridSize: Function };
 	static components = {
 		GridOverlay,
 		GridPopover,
@@ -68845,6 +68489,7 @@ var SpreadsheetDashboard = class extends Component$1 {
 		VerticalScrollBar,
 		HorizontalScrollBar
 	};
+	props = props({ getGridSize: types$1.function([], types$1.DOMDimension()) });
 	cellPopovers;
 	onMouseWheel;
 	canvasPosition;
@@ -68957,11 +68602,11 @@ var SpreadsheetDashboard = class extends Component$1 {
 //#region src/components/header_group/header_group.ts
 var AbstractHeaderGroup = class extends Component$1 {
 	static template = "o-spreadsheet-HeaderGroup";
-	static props = {
-		group: Object,
-		layerOffset: Number,
-		openContextMenu: Function
-	};
+	props = props({
+		group: types$1.HeaderGroup(),
+		layerOffset: types$1.number(),
+		openContextMenu: types$1.function([types$1.DOMCoordinates(), types$1.ArrayOf()])
+	});
 	toggleGroup() {
 		const sheetId = this.env.model.getters.getActiveSheetId();
 		const { start, end } = this.props.group;
@@ -69106,15 +68751,15 @@ var ColGroup = class extends AbstractHeaderGroup {
 //#region src/components/header_group/header_group_container.ts
 var HeaderGroupContainer = class extends Component$1 {
 	static template = "o-spreadsheet-HeaderGroupContainer";
-	static props = {
-		dimension: String,
-		layers: Array
-	};
 	static components = {
 		RowGroup,
 		ColGroup,
 		MenuPopover
 	};
+	props = props({
+		dimension: types$1.Dimension(),
+		layers: types$1.array()
+	});
 	menu = proxy({
 		isOpen: false,
 		anchorRect: null,
@@ -69187,29 +68832,17 @@ function useScreenWidth() {
 //#region src/components/side_panel/side_panel/side_panel.ts
 var SidePanel = class extends Component$1 {
 	static template = "o-spreadsheet-SidePanel";
-	static props = {
-		panelContent: Object,
-		panelProps: Object,
-		onCloseSidePanel: Function,
-		onStartHandleDrag: Function,
-		onResetPanelSize: Function,
-		isPinned: {
-			type: Boolean,
-			optional: true
-		},
-		onTogglePinPanel: {
-			type: Function,
-			optional: true
-		},
-		onToggleCollapsePanel: {
-			type: Function,
-			optional: true
-		},
-		isCollapsed: {
-			type: Boolean,
-			optional: true
-		}
-	};
+	props = props({
+		panelContent: types$1.SidePanelContent(),
+		panelProps: types$1.SidePanelComponentProps(),
+		onCloseSidePanel: types$1.function([]),
+		onStartHandleDrag: types$1.function([types$1.instanceOf(MouseEvent)]),
+		onResetPanelSize: types$1.function([]),
+		"isPinned?": types$1.boolean(),
+		"onTogglePinPanel?": types$1.function([]),
+		"onToggleCollapsePanel?": types$1.function([]),
+		"isCollapsed?": types$1.boolean()
+	});
 	spreadsheetRect = useSpreadsheetRect();
 	getTitle() {
 		const panel = this.props.panelContent;
@@ -69221,7 +68854,6 @@ var SidePanel = class extends Component$1 {
 //#region src/components/side_panel/side_panels/side_panels.ts
 var SidePanels = class extends Component$1 {
 	static template = "o-spreadsheet-SidePanels";
-	static props = {};
 	static components = { SidePanel };
 	sidePanelStore;
 	spreadsheetRect = useSpreadsheetRect();
@@ -69293,8 +68925,8 @@ var SidePanels = class extends Component$1 {
 //#region src/components/small_bottom_bar/ribbon_menu/ribbon_menu.ts
 var RibbonMenu = class extends Component$1 {
 	static template = "o-spreadsheet-RibbonMenu";
-	static props = { onClose: Function };
 	static components = { Menu };
+	props = props({ onClose: types$1.function([]) });
 	rootItems = topbarMenuRegistry.getMenuItems();
 	menuRef = signal(null);
 	containerRef = signal(null);
@@ -69332,9 +68964,6 @@ var RibbonMenu = class extends Component$1 {
 			onClickMenu: this.onClickMenu.bind(this)
 		};
 	}
-	get style() {
-		return cssPropertiesToCss({ height: `${this.props.height}px` });
-	}
 	updateShadows() {
 		const el = this.containerRef();
 		if (!el) return;
@@ -69368,7 +68997,7 @@ var SmallBottomBar = class extends Component$1 {
 		RibbonMenu
 	};
 	static template = "o-spreadsheet-SmallBottomBar";
-	static props = { onClick: Function };
+	props = props({ onClick: types$1.function([]) });
 	composerFocusStore;
 	composerStore;
 	composerInterface;
@@ -69569,11 +69198,11 @@ var FigureRendererStore = class extends DisposableStore {
 //#region src/components/standalone_grid_canvas/standalone_grid_canvas.ts
 var StandaloneGridCanvas = class extends Component$1 {
 	static template = "o-spreadsheet-StandaloneGridCanvas";
-	static props = {
-		sheetId: String,
-		zone: Object,
-		renderingCtx: Object
-	};
+	props = props({
+		sheetId: types$1.UID(),
+		zone: types$1.Zone(),
+		renderingCtx: types$1.object({})
+	});
 	canvasRef = signal(null);
 	rendererStore;
 	figureRendererStore;
@@ -69894,7 +69523,7 @@ var SpreadsheetPrintStore = class extends SpreadsheetStore {
 //#region src/components/spreadsheet_print/spreadsheet_print.ts
 var SpreadsheetPrint = class extends Component$1 {
 	static template = "o-spreadsheet-SpreadsheetPrint";
-	static props = { onExitPrintMode: Function };
+	props = props({ onExitPrintMode: types$1.function([]) });
 	static components = {
 		StandaloneGridCanvas,
 		Section,
@@ -69956,7 +69585,6 @@ var SpreadsheetPrint = class extends Component$1 {
 const COMPOSER_MAX_HEIGHT = 300;
 var TopBarComposer = class extends Component$1 {
 	static template = "o-spreadsheet-TopBarComposer";
-	static props = {};
 	static components = { Composer };
 	composerFocusStore;
 	composerStore;
@@ -70041,7 +69669,6 @@ function useToolBarDropdownStore() {
 //#region src/components/named_range_selector/named_range_selector.ts
 var NamedRangeSelector = class extends Component$1 {
 	static template = "o-spreadsheet-NamedRangeSelector";
-	static props = {};
 	static components = {
 		TextInput,
 		MenuPopover
@@ -70224,36 +69851,21 @@ const BORDER_POSITIONS = [[
 ]];
 var BorderEditor = class extends Component$1 {
 	static template = "o-spreadsheet-BorderEditor";
-	static props = {
-		class: {
-			type: String,
-			optional: true
-		},
-		currentBorderColor: {
-			type: String,
-			optional: false
-		},
-		currentBorderStyle: {
-			type: String,
-			optional: false
-		},
-		currentBorderPosition: {
-			type: String,
-			optional: true
-		},
-		onBorderColorPicked: Function,
-		onBorderStylePicked: Function,
-		onBorderPositionPicked: Function,
-		maxHeight: {
-			type: Number,
-			optional: true
-		},
-		anchorRect: Object
-	};
 	static components = {
 		ColorPickerWidget,
 		Popover
 	};
+	props = props({
+		"class?": types$1.string(),
+		currentBorderColor: types$1.Color(),
+		currentBorderStyle: types$1.BorderStyle(),
+		"currentBorderPosition?": types$1.BorderPosition(),
+		onBorderColorPicked: types$1.function([types$1.Color()]),
+		onBorderStylePicked: types$1.function([types$1.BorderStyle()]),
+		onBorderPositionPicked: types$1.function([types$1.BorderPosition()]),
+		"maxHeight?": types$1.Pixel(),
+		anchorRect: types$1.Rect()
+	});
 	BORDER_POSITIONS = BORDER_POSITIONS;
 	lineStyleButtonRef = signal(null);
 	borderStyles = borderStyles;
@@ -70314,21 +69926,12 @@ var BorderEditor = class extends Component$1 {
 //#region src/components/border_editor/border_editor_widget.ts
 var BorderEditorWidget = class extends Component$1 {
 	static template = "o-spreadsheet-BorderEditorWidget";
-	static props = {
-		disabled: {
-			type: Boolean,
-			optional: true
-		},
-		dropdownMaxHeight: {
-			type: Number,
-			optional: true
-		},
-		class: {
-			type: String,
-			optional: true
-		}
-	};
 	static components = { BorderEditor };
+	props = props({
+		"disabled?": types$1.boolean(),
+		"dropdownMaxHeight?": types$1.Pixel(),
+		"class?": types$1.string()
+	});
 	topBarToolStore;
 	borderEditorButtonRef = signal(null);
 	state = proxy({
@@ -70385,10 +69988,7 @@ var BorderEditorWidget = class extends Component$1 {
 //#region src/components/paint_format_button/paint_format_button.ts
 var PaintFormatButton = class extends Component$1 {
 	static template = "o-spreadsheet-PaintFormatButton";
-	static props = { class: {
-		type: String,
-		optional: true
-	} };
+	props = props({ "class?": types$1.string() });
 	paintFormatStore;
 	setup() {
 		this.paintFormatStore = useStore(PaintFormatStore);
@@ -70413,10 +70013,7 @@ var TableDropdownButton = class extends Component$1 {
 		TableStylesPopover,
 		ActionButton
 	};
-	static props = { class: {
-		type: String,
-		optional: true
-	} };
+	props = props({ "class?": types$1.string() });
 	topBarToolStore;
 	state = proxy({ popoverProps: void 0 });
 	setup() {
@@ -70505,13 +70102,13 @@ var TableDropdownButton = class extends Component$1 {
 //#region src/components/top_bar/color_editor/color_editor.ts
 var TopBarColorEditor = class extends Component$1 {
 	static components = { ColorPickerWidget };
-	static props = {
-		class: String,
-		style: String,
-		icon: String,
-		title: String
-	};
 	static template = "o-spreadsheet-ColorEditor";
+	props = props({
+		class: types$1.string(),
+		style: types$1.or([types$1.literal("textColor"), types$1.literal("fillColor")]),
+		icon: types$1.string(),
+		title: types$1.string()
+	});
 	topBarToolStore;
 	state = proxy({ isOpen: false });
 	setup() {
@@ -70541,12 +70138,12 @@ var DropdownAction = class extends Component$1 {
 		ActionButton,
 		Popover
 	};
-	static props = {
-		parentAction: Object,
-		childActions: Array,
-		class: String,
-		childClass: String
-	};
+	props = props({
+		parentAction: types$1.ActionSpec(),
+		childActions: types$1.array(types$1.ActionSpec()),
+		class: types$1.string(),
+		childClass: types$1.string()
+	});
 	topBarToolStore;
 	actionRef = signal(null);
 	setup() {
@@ -70573,8 +70170,8 @@ var DropdownAction = class extends Component$1 {
 //#region src/components/top_bar/font_size_editor/font_size_editor.ts
 var TopBarFontSizeEditor = class extends Component$1 {
 	static components = { FontSizeEditor };
-	static props = { class: String };
 	static template = "o-spreadsheet-TopBarFontSizeEditor";
+	props = props({ class: types.string() });
 	topBarToolStore;
 	setup() {
 		this.topBarToolStore = useToolBarDropdownStore();
@@ -70608,7 +70205,7 @@ var NumberFormatsTool = class extends Component$1 {
 		MenuPopover,
 		ActionButton
 	};
-	static props = { class: String };
+	props = props({ class: types$1.string() });
 	formatNumberMenuItemSpec = formatNumberMenuItemSpec;
 	topBarToolStore;
 	buttonRef = signal(null);
@@ -70643,7 +70240,7 @@ var NumberFormatsTool = class extends Component$1 {
 var ToolBarZoom = class extends Component$1 {
 	static template = "o-spreadsheet-TopBarZoom";
 	static components = { NumberEditor };
-	static props = { class: String };
+	props = props({ class: types$1.string() });
 	topBarToolStore;
 	valueList = ZOOM_VALUES;
 	setup() {
@@ -70869,10 +70466,10 @@ topBarToolBarRegistry.add("edit").addChild("edit", {
 //#region src/components/top_bar/top_bar.ts
 var TopBar = class extends Component$1 {
 	static template = "o-spreadsheet-TopBar";
-	static props = {
-		onClick: Function,
-		dropdownMaxHeight: Number
-	};
+	props = props({
+		onClick: types$1.function([]),
+		dropdownMaxHeight: types$1.Pixel()
+	});
 	static components = {
 		MenuPopover,
 		TopBarComposer,
@@ -71147,21 +70744,16 @@ var WebClipboardWrapper = class {
 //#region src/components/spreadsheet/spreadsheet.ts
 var Spreadsheet = class extends Component$1 {
 	static template = "o-spreadsheet-Spreadsheet";
-	static props = {
-		model: Object,
-		notifyUser: {
-			type: Function,
-			optional: true
-		},
-		raiseError: {
-			type: Function,
-			optional: true
-		},
-		askConfirmation: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		model: types$1.Model(),
+		"notifyUser?": types$1.function([types$1.InformationNotification()]),
+		"raiseError?": types$1.function([types$1.string(), types$1.function([])]),
+		"askConfirmation?": types$1.function([
+			types$1.string(),
+			types$1.function([]),
+			types$1.function([])
+		])
+	});
 	static components = {
 		TopBar,
 		Grid,
@@ -76739,13 +76331,10 @@ const ERROR_TOOLTIP_MAX_HEIGHT = 80;
 var ErrorToolTip = class extends Component$1 {
 	static maxSize = { maxHeight: ERROR_TOOLTIP_MAX_HEIGHT };
 	static template = "o-spreadsheet-ErrorToolTip";
-	static props = {
-		cellPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		cellPosition: types$1.CellPosition(),
+		"onClosed?": types$1.function([])
+	});
 	get dataValidationErrorMessage() {
 		return this.env.model.getters.getInvalidDataValidationMessage(this.props.cellPosition);
 	}
@@ -76821,18 +76410,15 @@ const ErrorToolTipPopoverBuilder = { onHover: (position, getters) => {
 //#region src/components/filters/filter_menu/filter_menu.ts
 var FilterMenu = class extends Component$1 {
 	static template = "o-spreadsheet-FilterMenu";
-	static props = {
-		filterPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = {
 		FilterMenuValueList,
 		SidePanelCollapsible,
 		FilterMenuCriterion
 	};
+	props = props({
+		filterPosition: types$1.Position(),
+		"onClosed?": types$1.function([])
+	});
 	state;
 	criterionCategory = "text";
 	updatedCriterionValue;
@@ -77009,13 +76595,10 @@ const FilterMenuPopoverBuilder = { onOpen: (position, getters) => {
 //#region src/components/link/link_display/link_display.ts
 var LinkDisplay = class extends Component$1 {
 	static template = "o-spreadsheet-LinkDisplay";
-	static props = {
-		cellPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
+	props = props({
+		cellPosition: types$1.CellPosition(),
+		"onClosed?": types$1.function([])
+	});
 	cellPopovers;
 	setup() {
 		this.cellPopovers = useStore(CellPopoverStore);
@@ -77085,14 +76668,11 @@ const LinkCellPopoverBuilder = { onHover: (position, getters) => {
 //#region src/components/link/link_editor/link_editor.ts
 var LinkEditor = class extends Component$1 {
 	static template = "o-spreadsheet-LinkEditor";
-	static props = {
-		cellPosition: Object,
-		onClosed: {
-			type: Function,
-			optional: true
-		}
-	};
 	static components = { MenuPopover };
+	props = props({
+		cellPosition: types$1.CellPosition(),
+		"onClosed?": types$1.function([])
+	});
 	static size = { maxHeight: 500 };
 	urlInput = signal(null);
 	suggestionListRef = signal(null);
@@ -86479,7 +86059,8 @@ const registries = {
 	supportedPivotPositionalFormulaRegistry,
 	pivotToFunctionValueRegistry,
 	migrationStepRegistry,
-	chartJsExtensionRegistry
+	chartJsExtensionRegistry,
+	onIterationEndEvaluationRegistry
 };
 const helpers = {
 	arg,
@@ -86552,7 +86133,10 @@ const helpers = {
 	parseFormat,
 	isFormula,
 	domainToColRowDomain,
-	collapseHierarchicalDisplayName
+	collapseHierarchicalDisplayName,
+	getCanonicalSymbolName,
+	fuzzyLookup,
+	replaceSymbolInFormula
 };
 const links = {
 	isMarkdownLink,
@@ -86603,6 +86187,7 @@ const components = {
 	MenuPopover,
 	Popover,
 	SelectionInput,
+	StandaloneComposer,
 	ValidationMessages,
 	AddDimensionButton,
 	PivotDimensionGranularity,
@@ -86679,8 +86264,8 @@ const chartHelpers = {
 };
 
 //#endregion
-export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, BadExpressionError, CHART_TYPES, CellErrorType, CellValueType, CircularDependencyError, ClientDisconnectedError, ClipboardMIMEType, CommandResult, CompiledFormula, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DEFAULT_LOCALE_DIGIT_GROUPING, DIRECTION, DispatchResult, DivisionByZeroError, EvaluationError, InvalidReferenceError, LocalTransportService, Model, NEXT_VALUE, NotAvailableError, NumberTooLargeError, OrderedLayers, PREVIOUS_VALUE, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, SplillBlockedError, Spreadsheet, SpreadsheetPivotTable, UIPlugin, UnknownFunctionError, __info__, addFunction, addRenderingLayer, astToFormula, availableConditionalFormatOperators, availableDataValidationOperators, availableFiltersOperators, borderStyles, canExecuteInReadonly, categories, chartHelpers, compatibility, components, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, errorTypes, filterDateCriterionOperators, filterNumberCriterionOperators, filterTextCriterionOperators, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidSubtotalFormulasCommands, invalidateBordersCommands, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isHeadersDependant, isMatrix, isPositionDependent, isRangeDependant, isSheetDependent, isTargetDependent, isZoneDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, parse, parseTokens, readonlyAllowedCommands, registries, schemeToColorScale, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
+export { AbstractCellClipboardHandler, AbstractChart, AbstractFigureClipboardHandler, BadExpressionError, CHART_TYPES, CellErrorType, CellValueType, CircularDependencyError, ClientDisconnectedError, ClipboardMIMEType, CommandResult, CompiledFormula, CorePlugin, CoreViewPlugin, DEFAULT_LOCALE, DEFAULT_LOCALES, DEFAULT_LOCALE_DIGIT_GROUPING, DIRECTION, DispatchResult, DivisionByZeroError, EvaluationError, InvalidReferenceError, LocalTransportService, Model, NEXT_VALUE, NotAvailableError, NumberTooLargeError, OrderedLayers, PREVIOUS_VALUE, PivotRuntimeDefinition, Registry, Revision, SPREADSHEET_DIMENSIONS, SplillBlockedError, Spreadsheet, SpreadsheetPivotTable, UIPlugin, UnknownFunctionError, __info__, addFunction, addRenderingLayer, astToFormula, availableConditionalFormatOperators, availableDataValidationOperators, availableFiltersOperators, borderPositions, borderStyles, canExecuteInReadonly, categories, chartHelpers, compatibility, components, composerFocusTypes, constants, convertAstNodes, coreTypes, createAutocompleteArgumentsProvider, errorTypes, filterDateCriterionOperators, filterNumberCriterionOperators, filterTextCriterionOperators, findCellInNewZone, functionCache, getCaretDownSvg, getCaretUpSvg, helpers, hooks, invalidSubtotalFormulasCommands, invalidateBordersCommands, invalidateCFEvaluationCommands, invalidateChartEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, isCoreCommand, isHeadersDependant, isMatrix, isPositionDependent, isRangeDependant, isSheetDependent, isTargetDependent, isZoneDependent, iterateAstNodes, links, load, lockedSheetAllowedCommands, parse, parseTokens, readonlyAllowedCommands, registries, schemeToColorScale, setDefaultSheetViewSize, setTranslationMethod, stores, tokenColors, tokenize };
 
-__info__.version = "19.4.0-alpha.10";
-__info__.date = "2026-06-02T12:07:58.355Z";
-__info__.hash = "41144f9";
+__info__.version = "19.4.0-alpha.11";
+__info__.date = "2026-06-03T11:42:34.595Z";
+__info__.hash = "6f35bc7";