@oliasoft-open-source/charts-library 5.18.4 → 6.1.0

package/dist/index.js

@@ -35,7 +35,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
@@ -1563,7 +1563,7 @@ var Defaults = class {
 		appliers.forEach((apply) => apply(this));
 	}
 };
-var defaults$1 = /* @__PURE__ */ new Defaults({
+var defaults$1 = /* #__PURE__ */ new Defaults({
 	_scriptable: (name) => !name.startsWith("on"),
 	_indexable: (name) => name !== "events",
 	hover: { _fallback: "interaction" },
@@ -1759,9 +1759,7 @@ function drawPointLegend(ctx, options, x, y, w) {
 			ctx.moveTo(x, y);
 			ctx.lineTo(x + Math.cos(rad) * (w ? w / 2 : radius), y + Math.sin(rad) * radius);
 			break;
-		case false:
-			ctx.closePath();
-			break;
+		case false: ctx.closePath();
 	}
 	ctx.fill();
 	if (options.borderWidth > 0) ctx.stroke();
@@ -1894,9 +1892,7 @@ var FONT_STYLE = /^(normal|italic|initial|inherit|unset|(oblique( -?[0-9]?[0-9]d
 	value = +matches[2];
 	switch (matches[3]) {
 		case "px": return value;
-		case "%":
-			value /= 100;
-			break;
+		case "%": value /= 100;
 	}
 	return size * value;
 }
@@ -3078,7 +3074,7 @@ var Animator = class {
 		return this._charts.delete(chart);
 	}
 };
-var animator = /* @__PURE__ */ new Animator();
+var animator = /* #__PURE__ */ new Animator();
 var transparent = "transparent";
 var interpolators = {
 	boolean(from, to, factor) {
@@ -3237,10 +3233,12 @@ var Animations = class {
 			const value = values[prop];
 			let animation = running[prop];
 			const cfg = animatedProps.get(prop);
-			if (animation) if (cfg && animation.active()) {
-				animation.update(cfg, value, date);
-				continue;
-			} else animation.cancel();
+			if (animation) {
+				if (cfg && animation.active()) {
+					animation.update(cfg, value, date);
+					continue;
+				} else animation.cancel();
+			}
 			if (!cfg || !cfg.duration) {
 				target[prop] = value;
 				continue;
@@ -5462,10 +5460,12 @@ function initCanvas(canvas, aspectRatio) {
 		const displayWidth = readUsedSize(canvas, "width");
 		if (displayWidth !== void 0) canvas.width = displayWidth;
 	}
-	if (isNullOrEmpty(renderHeight)) if (canvas.style.height === "") canvas.height = canvas.width / (aspectRatio || 2);
-	else {
-		const displayHeight = readUsedSize(canvas, "height");
-		if (displayHeight !== void 0) canvas.height = displayHeight;
+	if (isNullOrEmpty(renderHeight)) {
+		if (canvas.style.height === "") canvas.height = canvas.width / (aspectRatio || 2);
+		else {
+			const displayHeight = readUsedSize(canvas, "height");
+			if (displayHeight !== void 0) canvas.height = displayHeight;
+		}
 	}
 	return canvas;
 }
@@ -6181,14 +6181,15 @@ var Scale = class Scale extends Element {
 			const offsetRight = this.right - this.getPixelForTick(this.ticks.length - 1);
 			let paddingLeft = 0;
 			let paddingRight = 0;
-			if (isRotated) if (labelsBelowTicks) {
-				paddingLeft = cos * first.width;
-				paddingRight = sin * last.height;
-			} else {
-				paddingLeft = sin * first.height;
-				paddingRight = cos * last.width;
-			}
-			else if (align === "start") paddingRight = last.width;
+			if (isRotated) {
+				if (labelsBelowTicks) {
+					paddingLeft = cos * first.width;
+					paddingRight = sin * last.height;
+				} else {
+					paddingLeft = sin * first.height;
+					paddingRight = cos * last.width;
+				}
+			} else if (align === "start") paddingRight = last.width;
 			else if (align === "end") paddingLeft = first.width;
 			else if (align !== "inner") {
 				paddingLeft = first.width / 2;
@@ -6522,13 +6523,16 @@ var Scale = class Scale extends Element {
 			let tickTextAlign = textAlign;
 			if (isHorizontal) {
 				x = pixel;
-				if (textAlign === "inner") if (i === ilen - 1) tickTextAlign = !this.options.reverse ? "right" : "left";
-				else if (i === 0) tickTextAlign = !this.options.reverse ? "left" : "right";
-				else tickTextAlign = "center";
-				if (position === "top") if (crossAlign === "near" || rotation !== 0) textOffset = -lineCount * lineHeight + lineHeight / 2;
-				else if (crossAlign === "center") textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
-				else textOffset = -labelSizes.highest.height + lineHeight / 2;
-				else if (crossAlign === "near" || rotation !== 0) textOffset = lineHeight / 2;
+				if (textAlign === "inner") {
+					if (i === ilen - 1) tickTextAlign = !this.options.reverse ? "right" : "left";
+					else if (i === 0) tickTextAlign = !this.options.reverse ? "left" : "right";
+					else tickTextAlign = "center";
+				}
+				if (position === "top") {
+					if (crossAlign === "near" || rotation !== 0) textOffset = -lineCount * lineHeight + lineHeight / 2;
+					else if (crossAlign === "center") textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
+					else textOffset = -labelSizes.highest.height + lineHeight / 2;
+				} else if (crossAlign === "near" || rotation !== 0) textOffset = lineHeight / 2;
 				else if (crossAlign === "center") textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;
 				else textOffset = labelSizes.highest.height - lineCount * lineHeight;
 				if (mirror) textOffset *= -1;
@@ -6548,9 +6552,7 @@ var Scale = class Scale extends Element {
 					case "middle":
 						top -= height / 2;
 						break;
-					case "bottom":
-						top -= height;
-						break;
+					case "bottom": top -= height;
 				}
 				switch (textAlign) {
 					case "center":
@@ -6559,10 +6561,8 @@ var Scale = class Scale extends Element {
 					case "right":
 						left -= width;
 						break;
-					case "inner":
-						if (i === ilen - 1) left -= width;
-						else if (i > 0) left -= width / 2;
-						break;
+					case "inner": if (i === ilen - 1) left -= width;
+					else if (i > 0) left -= width / 2;
 				}
 				backdrop = {
 					left,
@@ -6606,49 +6606,51 @@ var Scale = class Scale extends Element {
 		const widest = labelSizes.widest.width;
 		let textAlign;
 		let x;
-		if (position === "left") if (mirror) {
-			x = this.right + padding;
-			if (crossAlign === "near") textAlign = "left";
-			else if (crossAlign === "center") {
-				textAlign = "center";
-				x += widest / 2;
-			} else {
-				textAlign = "right";
-				x += widest;
-			}
-		} else {
-			x = this.right - tickAndPadding;
-			if (crossAlign === "near") textAlign = "right";
-			else if (crossAlign === "center") {
-				textAlign = "center";
-				x -= widest / 2;
-			} else {
-				textAlign = "left";
-				x = this.left;
-			}
-		}
-		else if (position === "right") if (mirror) {
-			x = this.left + padding;
-			if (crossAlign === "near") textAlign = "right";
-			else if (crossAlign === "center") {
-				textAlign = "center";
-				x -= widest / 2;
+		if (position === "left") {
+			if (mirror) {
+				x = this.right + padding;
+				if (crossAlign === "near") textAlign = "left";
+				else if (crossAlign === "center") {
+					textAlign = "center";
+					x += widest / 2;
+				} else {
+					textAlign = "right";
+					x += widest;
+				}
 			} else {
-				textAlign = "left";
-				x -= widest;
+				x = this.right - tickAndPadding;
+				if (crossAlign === "near") textAlign = "right";
+				else if (crossAlign === "center") {
+					textAlign = "center";
+					x -= widest / 2;
+				} else {
+					textAlign = "left";
+					x = this.left;
+				}
 			}
-		} else {
-			x = this.left + tickAndPadding;
-			if (crossAlign === "near") textAlign = "left";
-			else if (crossAlign === "center") {
-				textAlign = "center";
-				x += widest / 2;
+		} else if (position === "right") {
+			if (mirror) {
+				x = this.left + padding;
+				if (crossAlign === "near") textAlign = "right";
+				else if (crossAlign === "center") {
+					textAlign = "center";
+					x -= widest / 2;
+				} else {
+					textAlign = "left";
+					x -= widest;
+				}
 			} else {
-				textAlign = "right";
-				x = this.right;
+				x = this.left + tickAndPadding;
+				if (crossAlign === "near") textAlign = "left";
+				else if (crossAlign === "center") {
+					textAlign = "center";
+					x += widest / 2;
+				} else {
+					textAlign = "right";
+					x = this.right;
+				}
 			}
-		}
-		else textAlign = "right";
+		} else textAlign = "right";
 		return {
 			textAlign,
 			x
@@ -6996,7 +6998,7 @@ var Registry = class {
 		return item;
 	}
 };
-var registry = /* @__PURE__ */ new Registry();
+var registry = /* #__PURE__ */ new Registry();
 var PluginService = class {
 	constructor() {
 		this._init = void 0;
@@ -9631,13 +9633,17 @@ var Legend$1 = class extends Element {
 			ctx.lineWidth = lineWidth;
 			ctx.strokeStyle = valueOrDefault(legendItem.strokeStyle, defaultColor);
 			ctx.setLineDash(valueOrDefault(legendItem.lineDash, []));
-			if (labelOpts.usePointStyle) drawPointLegend(ctx, {
-				radius: boxHeight * Math.SQRT2 / 2,
-				pointStyle: legendItem.pointStyle,
-				rotation: legendItem.rotation,
-				borderWidth: lineWidth
-			}, rtlHelper.xPlus(x, boxWidth / 2), y + halfFontSize, labelOpts.pointStyleWidth && boxWidth);
-			else {
+			if (labelOpts.usePointStyle) {
+				const drawOptions = {
+					radius: boxHeight * Math.SQRT2 / 2,
+					pointStyle: legendItem.pointStyle,
+					rotation: legendItem.rotation,
+					borderWidth: lineWidth
+				};
+				const centerX = rtlHelper.xPlus(x, boxWidth / 2);
+				const centerY = y + halfFontSize;
+				drawPointLegend(ctx, drawOptions, centerX, centerY, labelOpts.pointStyleWidth && boxWidth);
+			} else {
 				const yBoxTop = y + Math.max((fontSize - boxHeight) / 2, 0);
 				const xBoxLeft = rtlHelper.leftForLtr(x, boxWidth);
 				const borderRadius = toTRBLCorners(legendItem.borderRadius);
@@ -9695,7 +9701,8 @@ var Legend$1 = class extends Element {
 				cursor.line++;
 				y = cursor.y = _alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[cursor.line].height);
 			}
-			drawLegendBox(rtlHelper.x(x), y, legendItem);
+			const realX = rtlHelper.x(x);
+			drawLegendBox(realX, y, legendItem);
 			x = _textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : this.right, opts.rtl);
 			fillText(rtlHelper.x(x), y, legendItem);
 			if (isHorizontal) cursor.x += width + padding;
@@ -10071,8 +10078,10 @@ var positioners$1 = {
 	}
 };
 function pushOrConcat(base, toPush) {
-	if (toPush) if (isArray$1(toPush)) Array.prototype.push.apply(base, toPush);
-	else base.push(toPush);
+	if (toPush) {
+		if (isArray$1(toPush)) Array.prototype.push.apply(base, toPush);
+		else base.push(toPush);
+	}
 	return base;
 }
 function splitNewlines(str) {
@@ -11020,9 +11029,10 @@ function generateTicks$1(generationOptions, dataRange) {
 		if (maxDefined && tickValue > max) break;
 		ticks.push({ value: tickValue });
 	}
-	if (maxDefined && includeBounds && niceMax !== max) if (ticks.length && almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) ticks[ticks.length - 1].value = max;
-	else ticks.push({ value: max });
-	else if (!maxDefined || niceMax === max) ticks.push({ value: niceMax });
+	if (maxDefined && includeBounds && niceMax !== max) {
+		if (ticks.length && almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) ticks[ticks.length - 1].value = max;
+		else ticks.push({ value: max });
+	} else if (!maxDefined || niceMax === max) ticks.push({ value: niceMax });
 	return ticks;
 }
 function relativeLabelSize(value, minSpacing, { horizontal, minRotation }) {
@@ -11241,12 +11251,14 @@ var LogarithmicScale = class extends Scale {
 		let max = this.max;
 		const setMin = (v) => min = minDefined ? min : v;
 		const setMax = (v) => max = maxDefined ? max : v;
-		if (min === max) if (min <= 0) {
-			setMin(1);
-			setMax(10);
-		} else {
-			setMin(changeExponent(min, -1));
-			setMax(changeExponent(max, 1));
+		if (min === max) {
+			if (min <= 0) {
+				setMin(1);
+				setMax(10);
+			} else {
+				setMin(changeExponent(min, -1));
+				setMax(changeExponent(max, 1));
+			}
 		}
 		if (min <= 0) setMin(changeExponent(max, -1));
 		if (max <= 0) setMax(changeExponent(min, 1));
@@ -11767,7 +11779,7 @@ var INTERVALS = {
 		size: 3154e7
 	}
 };
-var UNITS = /* @__PURE__ */ Object.keys(INTERVALS);
+var UNITS = /* #__PURE__ */ Object.keys(INTERVALS);
 function sorter(a, b) {
 	return a - b;
 }
@@ -12248,7 +12260,7 @@ function ChartComponent(props, ref) {
 		renderChart();
 		return () => destroyChart();
 	}, []);
-	return /* @__PURE__ */ jsx("canvas", {
+	return /*#__PURE__*/ jsx("canvas", {
 		ref: canvasRef,
 		role: "img",
 		height,
@@ -12257,19 +12269,19 @@ function ChartComponent(props, ref) {
 		children: fallbackContent
 	});
 }
-var Chart = /* @__PURE__ */ forwardRef(ChartComponent);
+var Chart = /*#__PURE__*/ forwardRef(ChartComponent);
 function createTypedChart(type, registerables) {
 	Chart$1.register(registerables);
-	return /* @__PURE__ */ forwardRef((props, ref) => /* @__PURE__ */ jsx(Chart, {
+	return /*#__PURE__*/ forwardRef((props, ref) => /*#__PURE__*/ jsx(Chart, {
 		...props,
 		ref,
 		type
 	}));
 }
-var Line = /* @__PURE__ */ createTypedChart("line", LineController);
-var Bar = /* @__PURE__ */ createTypedChart("bar", BarController);
-var Pie = /* @__PURE__ */ createTypedChart("pie", PieController);
-var Scatter = /* @__PURE__ */ createTypedChart("scatter", ScatterController);
+var Line = /* #__PURE__ */ createTypedChart("line", LineController);
+var Bar = /* #__PURE__ */ createTypedChart("bar", BarController);
+var Pie = /* #__PURE__ */ createTypedChart("pie", PieController);
+var Scatter = /* #__PURE__ */ createTypedChart("scatter", ScatterController);
 /*! Hammer.JS - v2.0.7 - 2016-04-22
 * http://hammerjs.github.io/
 *
@@ -12540,10 +12552,12 @@ var import_hammer = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exp
 				values[i] = val;
 				i++;
 			}
-			if (sort) if (!key) results = results.sort();
-			else results = results.sort(function sortUniqueArray(a, b) {
-				return a[key] > b[key];
-			});
+			if (sort) {
+				if (!key) results = results.sort();
+				else results = results.sort(function sortUniqueArray(a, b) {
+					return a[key] > b[key];
+				});
+			}
 			return results;
 		}
 		/**
@@ -13580,14 +13594,16 @@ pointers: 1 },
 				var direction = input.direction;
 				var x = input.deltaX;
 				var y = input.deltaY;
-				if (!(direction & options.direction)) if (options.direction & DIRECTION_HORIZONTAL) {
-					direction = x === 0 ? DIRECTION_NONE : x < 0 ? DIRECTION_LEFT : DIRECTION_RIGHT;
-					hasMoved = x != this.pX;
-					distance = Math.abs(input.deltaX);
-				} else {
-					direction = y === 0 ? DIRECTION_NONE : y < 0 ? DIRECTION_UP : DIRECTION_DOWN;
-					hasMoved = y != this.pY;
-					distance = Math.abs(input.deltaY);
+				if (!(direction & options.direction)) {
+					if (options.direction & DIRECTION_HORIZONTAL) {
+						direction = x === 0 ? DIRECTION_NONE : x < 0 ? DIRECTION_LEFT : DIRECTION_RIGHT;
+						hasMoved = x != this.pX;
+						distance = Math.abs(input.deltaX);
+					} else {
+						direction = y === 0 ? DIRECTION_NONE : y < 0 ? DIRECTION_UP : DIRECTION_DOWN;
+						hasMoved = y != this.pY;
+						distance = Math.abs(input.deltaY);
+					}
 				}
 				input.direction = direction;
 				return hasMoved && distance > options.threshold && direction & options.direction;
@@ -13804,13 +13820,15 @@ pointers: 1 },
 					if (!validMultiTap || !validInterval) this.count = 1;
 					else this.count += 1;
 					this._input = input;
-					if (this.count % options.taps === 0) if (!this.hasRequireFailures()) return STATE_RECOGNIZED;
-					else {
-						this._timer = setTimeoutContext(function() {
-							this.state = STATE_RECOGNIZED;
-							this.tryEmit();
-						}, options.interval, this);
-						return STATE_BEGAN;
+					if (this.count % options.taps === 0) {
+						if (!this.hasRequireFailures()) return STATE_RECOGNIZED;
+						else {
+							this._timer = setTimeoutContext(function() {
+								this.state = STATE_RECOGNIZED;
+								this.tryEmit();
+							}, options.interval, this);
+							return STATE_BEGAN;
+						}
 					}
 				}
 				return STATE_FAILED;
@@ -14452,13 +14470,13 @@ function panCategoryScale(scale, delta, limits) {
 }
 var OFFSETS = {
 	second: 500,
-	minute: 30 * 1e3,
-	hour: 1800 * 1e3,
-	day: 720 * 60 * 1e3,
-	week: 3.5 * 24 * 60 * 60 * 1e3,
-	month: 360 * 60 * 60 * 1e3,
-	quarter: 1440 * 60 * 60 * 1e3,
-	year: 4368 * 60 * 60 * 1e3
+	minute: 3e4,
+	hour: 18e5,
+	day: 432e5,
+	week: 3024e5,
+	month: 1296e6,
+	quarter: 5184e6,
+	year: 157248e5
 };
 function panNumericalScale(scale, delta, limits, pan = false) {
 	const { min: prevStart, max: prevEnd, options } = scale;
@@ -15290,7 +15308,6 @@ function aligned(x, y, vx, vy, align) {
 			align *= Math.PI / 180;
 			vx = Math.cos(align);
 			vy = Math.sin(align);
-			break;
 	}
 	return {
 		x,
@@ -15911,12 +15928,14 @@ var formatter = function(value) {
 	if (isNullOrUndef(value)) return null;
 	var label = value;
 	var keys, klen, k;
-	if (isObject$1(value)) if (!isNullOrUndef(value.label)) label = value.label;
-	else if (!isNullOrUndef(value.r)) label = value.r;
-	else {
-		label = "";
-		keys = Object.keys(value);
-		for (k = 0, klen = keys.length; k < klen; ++k) label += (k !== 0 ? ", " : "") + keys[k] + ": " + value[keys[k]];
+	if (isObject$1(value)) {
+		if (!isNullOrUndef(value.label)) label = value.label;
+		else if (!isNullOrUndef(value.r)) label = value.r;
+		else {
+			label = "";
+			keys = Object.keys(value);
+			for (k = 0, klen = keys.length; k < klen; ++k) label += (k !== 0 ? ", " : "") + keys[k] + ": " + value[keys[k]];
+		}
 	}
 	return "" + label;
 };
@@ -16104,9 +16123,7 @@ var plugin = {
 				case "mouseout":
 					handleMoveEvents$1(chart, event);
 					break;
-				case "click":
-					handleClickEvents$1(chart, event);
-					break;
+				case "click": handleClickEvents$1(chart, event);
 			}
 		}
 	},
@@ -16340,8 +16357,10 @@ function requireVersion(pkg, min, ver, strict = true) {
 	for (const req of min.split(".")) {
 		const act = parts[i++];
 		if (parseInt(req, 10) < parseInt(act, 10)) break;
-		if (isOlderPart(act, req)) if (strict) throw new Error(`${pkg} v${ver} is not supported. v${min} or newer is required.`);
-		else return false;
+		if (isOlderPart(act, req)) {
+			if (strict) throw new Error(`${pkg} v${ver} is not supported. v${min} or newer is required.`);
+			else return false;
+		}
 	}
 	return true;
 }
@@ -16792,7 +16811,6 @@ function drawPointStyle(ctx, { x, y, radius, rotation, style, rad }) {
 		case "dash":
 			ctx.moveTo(x, y);
 			ctx.lineTo(x + Math.cos(rad) * radius, y + Math.sin(rad) * radius);
-			break;
 	}
 	ctx.fill();
 }
@@ -19539,9 +19557,7 @@ var reducer = (state, action) => {
 					draft.zoomEnabled = false;
 				}
 				break;
-			case UPDATE_EDITED:
-				draft.edited = action.payload;
-				break;
+			case UPDATE_EDITED: draft.edited = action.payload;
 		}
 	});
 };
@@ -20264,7 +20280,6 @@ var AxesOptionsPopover = (optionsPopover) => {
 var AxesOptions = (optionsPopover) => {
 	return /* @__PURE__ */ jsx(Popover, {
 		placement: "bottom-start",
-		overflowContainer: true,
 		content: /* @__PURE__ */ jsx(AxesOptionsPopover, { ...optionsPopover }),
 		children: /* @__PURE__ */ jsx(Tooltip, {
 			text: optionsPopover.translations.axesOptions,
@@ -20994,7 +21009,8 @@ var getSuggestedAxisRange = ({ data, beginAtZero = false, autoAxisPadding = fals
 		const point = dataMax;
 		const padding = point * whiteSpacePercentage;
 		const minAxisValue = beginAtZero && !isNegative ? 0 : point - padding;
-		const roundedMinAxisValue = round(beginAtZero && isNegative ? 0 : point + padding, 9);
+		const maxAxisValue = beginAtZero && isNegative ? 0 : point + padding;
+		const roundedMinAxisValue = round(maxAxisValue, 9);
 		const roundedMaxAxisValue = round(minAxisValue, 9);
 		return {
 			min: roundedMinAxisValue < 0 ? roundedMinAxisValue : roundedMaxAxisValue,
@@ -21050,7 +21066,7 @@ var getAxesDataFromMetasets = (generatedDatasets, scalesKeys, annotationsData) =
 			return (dataset?.data ?? []).map((point) => point[axisType]);
 		});
 		const annotationValues = annotations?.[axisKey] ?? [];
-		acc[axisKey] = [...new Set([...datasetValues, ...annotationValues])];
+		acc[axisKey] = [.../* @__PURE__ */ new Set([...datasetValues, ...annotationValues])];
 		return acc;
 	}, {});
 };
@@ -21503,9 +21519,7 @@ var getReferencePoint$1 = (chart, area, annotation) => {
 			y += Math.max(halfHeight, annotation?.radius ?? 0) + labelOffsetPx;
 			break;
 		case Position.Top:
-		default:
-			y -= Math.max(halfHeight, annotation?.radius ?? 0) + labelOffsetPx;
-			break;
+		default: y -= Math.max(halfHeight, annotation?.radius ?? 0) + labelOffsetPx;
 	}
 	return {
 		x: x + xAdjust,
@@ -22153,10 +22167,7 @@ var generateAnn = (ann, index) => {
 			case AnnotationType$1.LABEL:
 				handleLabelEnter(element, chart, ann);
 				break;
-			case AnnotationType$1.POINT:
-				handlePointEnter(element, chart, ann);
-				break;
-			default: break;
+			case AnnotationType$1.POINT: handlePointEnter(element, chart, ann);
 		}
 	};
 	const leave = ({ element }, { chart }) => {
@@ -22170,10 +22181,7 @@ var generateAnn = (ann, index) => {
 			case AnnotationType$1.LABEL:
 				handleLabelLeave(element, chart, ann);
 				break;
-			case AnnotationType$1.POINT:
-				handlePointLeave(element, chart, ann);
-				break;
-			default: break;
+			case AnnotationType$1.POINT: handlePointLeave(element, chart, ann);
 		}
 	};
 	const onDragStart = () => (cord, annotation) => ann?.onDragStart ? ann?.onDragStart(cord, annotation) : void 0;
@@ -22344,11 +22352,12 @@ var LegendProvider = ({ children, options, datasets }) => {
 		showAnnotations,
 		annotationsData
 	});
-	const [state, dispatch] = useReducer(legendReducer, {
+	const initialState = {
 		...legendInitialState,
 		annotation,
 		datasets: initDSs
-	});
+	};
+	const [state, dispatch] = useReducer(legendReducer, initialState);
 	const contextValue = useMemo(() => ({
 		state,
 		dispatch
@@ -23027,7 +23036,6 @@ var annotationLabel = (ctx, annotations, scales) => {
 				case Position.Right:
 					textX = centerX + padding;
 					textY = centerY;
-					break;
 			}
 			ctx?.fillText?.(content, textX, textY);
 			ctx?.restore?.();
@@ -23191,9 +23199,7 @@ var getReferencePoint = (fromEl, connector) => {
 			x += halfWidth;
 			y += halfHeight;
 			break;
-		default:
-			y -= Math.max(halfHeight, radius) + labelOffset;
-			break;
+		default: y -= Math.max(halfHeight, radius) + labelOffset;
 	}
 	return {
 		x: x + xAdjust,
@@ -23945,12 +23951,13 @@ var lineMarkersPlugin = {
 				const dirIntoChart = side === LineMarkerSide.Left ? 1 : -1;
 				const groupedVerticalIndex = groupedVerticalIndexBySide[side] ?? 0;
 				const groupOffsetPx = item?.groupOffsetPx ?? 0;
+				const xPx = isGroupedVertical ? baseXPx + dirIntoChart * groupedVerticalIndex * itemGapPx + dirIntoChart * groupOffsetPx : baseXPx;
 				geometry = computeVerticalLineGeometry({
 					chart,
 					chartArea,
 					item,
 					global: cfg,
-					xPx: isGroupedVertical ? baseXPx + dirIntoChart * groupedVerticalIndex * itemGapPx + dirIntoChart * groupOffsetPx : baseXPx
+					xPx
 				});
 				if (geometry && isGroupedVertical) {
 					groupedVerticalIndexBySide[side] = groupedVerticalIndex + 1;
@@ -23959,21 +23966,23 @@ var lineMarkersPlugin = {
 				}
 			} else {
 				const stickToGroup = item?.stickToGroup ?? cfg?.stickToGroup ?? false;
+				const groupAnchorXPx = (() => {
+					const anchor = groupedAnchorBySide[side];
+					if (!isFiniteNumber(anchor)) return void 0;
+					return clamp(anchor, chartArea?.left, chartArea?.right);
+				})();
+				const previousGroupItemXPx = (() => {
+					const prev = previousGroupedHorizontalEndBySide[side];
+					if (!isFiniteNumber(prev)) return void 0;
+					return clamp(prev, chartArea?.left, chartArea?.right);
+				})();
 				geometry = computeHorizontalLineGeometry({
 					chart,
 					chartArea,
 					item,
 					global: cfg,
-					groupAnchorXPx: (() => {
-						const anchor = groupedAnchorBySide[side];
-						if (!isFiniteNumber(anchor)) return void 0;
-						return clamp(anchor, chartArea?.left, chartArea?.right);
-					})(),
-					previousGroupItemXPx: (() => {
-						const prev = previousGroupedHorizontalEndBySide[side];
-						if (!isFiniteNumber(prev)) return void 0;
-						return clamp(prev, chartArea?.left, chartArea?.right);
-					})()
+					groupAnchorXPx,
+					previousGroupItemXPx
 				});
 				if (geometry && stickToGroup) previousGroupedHorizontalEndBySide[side] = geometry.x2;
 			}
@@ -24389,7 +24398,7 @@ var getGeneratedLabels = (chart) => {
 };
 //#endregion
 //#region src/components/common/hooks/use-generated-labels.ts
-var EXCLUDED_KEYS = new Set([
+var EXCLUDED_KEYS = /* @__PURE__ */ new Set([
 	"data",
 	"_meta",
 	"_parsed",
@@ -24398,11 +24407,7 @@ var EXCLUDED_KEYS = new Set([
 ]);
 var useGeneratedLabels = (chartRef, generatedDatasets) => {
 	const [items, setItems] = useState([]);
-	useEffect(() => {
-		const chart = chartRef?.current;
-		if (!chart) return;
-		setItems(getGeneratedLabels(chart));
-	}, [useMemo(() => {
+	const datasetHash = useMemo(() => {
 		if (!generatedDatasets?.length) return "";
 		return hash(generatedDatasets, {
 			excludeKeys: (key) => EXCLUDED_KEYS.has(key),
@@ -24410,7 +24415,13 @@ var useGeneratedLabels = (chartRef, generatedDatasets) => {
 			unorderedArrays: false,
 			respectType: false
 		});
-	}, [generatedDatasets]), chartRef]);
+	}, [generatedDatasets]);
+	useEffect(() => {
+		const chart = chartRef?.current;
+		if (!chart) return;
+		const newItems = getGeneratedLabels(chart);
+		setItems(newItems);
+	}, [datasetHash, chartRef]);
 	return items;
 };
 /**
@@ -26538,7 +26549,7 @@ var require_helpers_dataset = /* @__PURE__ */ __commonJSMin(((exports) => {
 			appliers.forEach((apply) => apply(this));
 		}
 	};
-	var defaults = /* @__PURE__ */ new Defaults({
+	var defaults = /* #__PURE__ */ new Defaults({
 		_scriptable: (name) => !name.startsWith("on"),
 		_indexable: (name) => name !== "events",
 		hover: { _fallback: "interaction" },
@@ -26734,9 +26745,7 @@ var require_helpers_dataset = /* @__PURE__ */ __commonJSMin(((exports) => {
 				ctx.moveTo(x, y);
 				ctx.lineTo(x + Math.cos(rad) * (w ? w / 2 : radius), y + Math.sin(rad) * radius);
 				break;
-			case false:
-				ctx.closePath();
-				break;
+			case false: ctx.closePath();
 		}
 		ctx.fill();
 		if (options.borderWidth > 0) ctx.stroke();
@@ -26869,9 +26878,7 @@ var require_helpers_dataset = /* @__PURE__ */ __commonJSMin(((exports) => {
 		value = +matches[2];
 		switch (matches[3]) {
 			case "px": return value;
-			case "%":
-				value /= 100;
-				break;
+			case "%": value /= 100;
 		}
 		return size * value;
 	}
@@ -28195,7 +28202,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			return this._charts.delete(chart);
 		}
 	};
-	var animator = /* @__PURE__ */ new Animator();
+	var animator = /* #__PURE__ */ new Animator();
 	var transparent = "transparent";
 	var interpolators = {
 		boolean(from, to, factor) {
@@ -28354,10 +28361,12 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 				const value = values[prop];
 				let animation = running[prop];
 				const cfg = animatedProps.get(prop);
-				if (animation) if (cfg && animation.active()) {
-					animation.update(cfg, value, date);
-					continue;
-				} else animation.cancel();
+				if (animation) {
+					if (cfg && animation.active()) {
+						animation.update(cfg, value, date);
+						continue;
+					} else animation.cancel();
+				}
 				if (!cfg || !cfg.duration) {
 					target[prop] = value;
 					continue;
@@ -30297,7 +30306,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			return Math.max(border, firstPoint, lastPoint) / 2;
 		}
 	};
-	var controllers = /* @__PURE__ */ Object.freeze({
+	var controllers = /*#__PURE__*/ Object.freeze({
 		__proto__: null,
 		BarController,
 		BubbleController,
@@ -30902,10 +30911,12 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			const displayWidth = helpers_dataset.readUsedSize(canvas, "width");
 			if (displayWidth !== void 0) canvas.width = displayWidth;
 		}
-		if (isNullOrEmpty(renderHeight)) if (canvas.style.height === "") canvas.height = canvas.width / (aspectRatio || 2);
-		else {
-			const displayHeight = helpers_dataset.readUsedSize(canvas, "height");
-			if (displayHeight !== void 0) canvas.height = displayHeight;
+		if (isNullOrEmpty(renderHeight)) {
+			if (canvas.style.height === "") canvas.height = canvas.width / (aspectRatio || 2);
+			else {
+				const displayHeight = helpers_dataset.readUsedSize(canvas, "height");
+				if (displayHeight !== void 0) canvas.height = displayHeight;
+			}
 		}
 		return canvas;
 	}
@@ -31621,14 +31632,15 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 				const offsetRight = this.right - this.getPixelForTick(this.ticks.length - 1);
 				let paddingLeft = 0;
 				let paddingRight = 0;
-				if (isRotated) if (labelsBelowTicks) {
-					paddingLeft = cos * first.width;
-					paddingRight = sin * last.height;
-				} else {
-					paddingLeft = sin * first.height;
-					paddingRight = cos * last.width;
-				}
-				else if (align === "start") paddingRight = last.width;
+				if (isRotated) {
+					if (labelsBelowTicks) {
+						paddingLeft = cos * first.width;
+						paddingRight = sin * last.height;
+					} else {
+						paddingLeft = sin * first.height;
+						paddingRight = cos * last.width;
+					}
+				} else if (align === "start") paddingRight = last.width;
 				else if (align === "end") paddingLeft = first.width;
 				else if (align !== "inner") {
 					paddingLeft = first.width / 2;
@@ -31962,13 +31974,16 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 				let tickTextAlign = textAlign;
 				if (isHorizontal) {
 					x = pixel;
-					if (textAlign === "inner") if (i === ilen - 1) tickTextAlign = !this.options.reverse ? "right" : "left";
-					else if (i === 0) tickTextAlign = !this.options.reverse ? "left" : "right";
-					else tickTextAlign = "center";
-					if (position === "top") if (crossAlign === "near" || rotation !== 0) textOffset = -lineCount * lineHeight + lineHeight / 2;
-					else if (crossAlign === "center") textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
-					else textOffset = -labelSizes.highest.height + lineHeight / 2;
-					else if (crossAlign === "near" || rotation !== 0) textOffset = lineHeight / 2;
+					if (textAlign === "inner") {
+						if (i === ilen - 1) tickTextAlign = !this.options.reverse ? "right" : "left";
+						else if (i === 0) tickTextAlign = !this.options.reverse ? "left" : "right";
+						else tickTextAlign = "center";
+					}
+					if (position === "top") {
+						if (crossAlign === "near" || rotation !== 0) textOffset = -lineCount * lineHeight + lineHeight / 2;
+						else if (crossAlign === "center") textOffset = -labelSizes.highest.height / 2 - halfCount * lineHeight + lineHeight;
+						else textOffset = -labelSizes.highest.height + lineHeight / 2;
+					} else if (crossAlign === "near" || rotation !== 0) textOffset = lineHeight / 2;
 					else if (crossAlign === "center") textOffset = labelSizes.highest.height / 2 - halfCount * lineHeight;
 					else textOffset = labelSizes.highest.height - lineCount * lineHeight;
 					if (mirror) textOffset *= -1;
@@ -31988,9 +32003,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 						case "middle":
 							top -= height / 2;
 							break;
-						case "bottom":
-							top -= height;
-							break;
+						case "bottom": top -= height;
 					}
 					switch (textAlign) {
 						case "center":
@@ -31999,10 +32012,8 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 						case "right":
 							left -= width;
 							break;
-						case "inner":
-							if (i === ilen - 1) left -= width;
-							else if (i > 0) left -= width / 2;
-							break;
+						case "inner": if (i === ilen - 1) left -= width;
+						else if (i > 0) left -= width / 2;
 					}
 					backdrop = {
 						left,
@@ -32046,49 +32057,51 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			const widest = labelSizes.widest.width;
 			let textAlign;
 			let x;
-			if (position === "left") if (mirror) {
-				x = this.right + padding;
-				if (crossAlign === "near") textAlign = "left";
-				else if (crossAlign === "center") {
-					textAlign = "center";
-					x += widest / 2;
-				} else {
-					textAlign = "right";
-					x += widest;
-				}
-			} else {
-				x = this.right - tickAndPadding;
-				if (crossAlign === "near") textAlign = "right";
-				else if (crossAlign === "center") {
-					textAlign = "center";
-					x -= widest / 2;
-				} else {
-					textAlign = "left";
-					x = this.left;
-				}
-			}
-			else if (position === "right") if (mirror) {
-				x = this.left + padding;
-				if (crossAlign === "near") textAlign = "right";
-				else if (crossAlign === "center") {
-					textAlign = "center";
-					x -= widest / 2;
+			if (position === "left") {
+				if (mirror) {
+					x = this.right + padding;
+					if (crossAlign === "near") textAlign = "left";
+					else if (crossAlign === "center") {
+						textAlign = "center";
+						x += widest / 2;
+					} else {
+						textAlign = "right";
+						x += widest;
+					}
 				} else {
-					textAlign = "left";
-					x -= widest;
+					x = this.right - tickAndPadding;
+					if (crossAlign === "near") textAlign = "right";
+					else if (crossAlign === "center") {
+						textAlign = "center";
+						x -= widest / 2;
+					} else {
+						textAlign = "left";
+						x = this.left;
+					}
 				}
-			} else {
-				x = this.left + tickAndPadding;
-				if (crossAlign === "near") textAlign = "left";
-				else if (crossAlign === "center") {
-					textAlign = "center";
-					x += widest / 2;
+			} else if (position === "right") {
+				if (mirror) {
+					x = this.left + padding;
+					if (crossAlign === "near") textAlign = "right";
+					else if (crossAlign === "center") {
+						textAlign = "center";
+						x -= widest / 2;
+					} else {
+						textAlign = "left";
+						x -= widest;
+					}
 				} else {
-					textAlign = "right";
-					x = this.right;
+					x = this.left + tickAndPadding;
+					if (crossAlign === "near") textAlign = "left";
+					else if (crossAlign === "center") {
+						textAlign = "center";
+						x += widest / 2;
+					} else {
+						textAlign = "right";
+						x = this.right;
+					}
 				}
-			}
-			else textAlign = "right";
+			} else textAlign = "right";
 			return {
 				textAlign,
 				x
@@ -32437,7 +32450,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			return item;
 		}
 	};
-	var registry = /* @__PURE__ */ new Registry();
+	var registry = /* #__PURE__ */ new Registry();
 	var PluginService = class {
 		constructor() {
 			this._init = void 0;
@@ -34318,7 +34331,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			return axis === "x" ? this.width / 2 : this.height / 2;
 		}
 	};
-	var elements = /* @__PURE__ */ Object.freeze({
+	var elements = /*#__PURE__*/ Object.freeze({
 		__proto__: null,
 		ArcElement,
 		BarElement,
@@ -34334,7 +34347,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 		"rgb(153, 102, 255)",
 		"rgb(201, 203, 207)"
 	];
-	var BACKGROUND_COLORS = /* @__PURE__ */ BORDER_COLORS.map((color) => color.replace("rgb(", "rgba(").replace(")", ", 0.5)"));
+	var BACKGROUND_COLORS = /* #__PURE__ */ BORDER_COLORS.map((color) => color.replace("rgb(", "rgba(").replace(")", ", 0.5)"));
 	function getBorderColor(i) {
 		return BORDER_COLORS[i % BORDER_COLORS.length];
 	}
@@ -35394,7 +35407,8 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 					cursor.line++;
 					y = cursor.y = helpers_dataset._alignStartEnd(align, this.top + titleHeight + padding, this.bottom - columnSizes[cursor.line].height);
 				}
-				drawLegendBox(rtlHelper.x(x), y, legendItem);
+				const realX = rtlHelper.x(x);
+				drawLegendBox(realX, y, legendItem);
 				x = helpers_dataset._textX(textAlign, x + boxWidth + halfFontSize, isHorizontal ? x + width : this.right, opts.rtl);
 				fillText(rtlHelper.x(x), y, legendItem);
 				if (isHorizontal) cursor.x += width + padding;
@@ -35809,8 +35823,10 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 		}
 	};
 	function pushOrConcat(base, toPush) {
-		if (toPush) if (helpers_dataset.isArray(toPush)) Array.prototype.push.apply(base, toPush);
-		else base.push(toPush);
+		if (toPush) {
+			if (helpers_dataset.isArray(toPush)) Array.prototype.push.apply(base, toPush);
+			else base.push(toPush);
+		}
 		return base;
 	}
 	function splitNewlines(str) {
@@ -36609,7 +36625,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 		},
 		additionalOptionScopes: ["interaction"]
 	};
-	var plugins = /* @__PURE__ */ Object.freeze({
+	var plugins = /*#__PURE__*/ Object.freeze({
 		__proto__: null,
 		Colors: plugin_colors,
 		Decimation: plugin_decimation,
@@ -36768,9 +36784,10 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			if (maxDefined && tickValue > max) break;
 			ticks.push({ value: tickValue });
 		}
-		if (maxDefined && includeBounds && niceMax !== max) if (ticks.length && helpers_dataset.almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) ticks[ticks.length - 1].value = max;
-		else ticks.push({ value: max });
-		else if (!maxDefined || niceMax === max) ticks.push({ value: niceMax });
+		if (maxDefined && includeBounds && niceMax !== max) {
+			if (ticks.length && helpers_dataset.almostEquals(ticks[ticks.length - 1].value, max, relativeLabelSize(max, minSpacing, generationOptions))) ticks[ticks.length - 1].value = max;
+			else ticks.push({ value: max });
+		} else if (!maxDefined || niceMax === max) ticks.push({ value: niceMax });
 		return ticks;
 	}
 	function relativeLabelSize(value, minSpacing, { horizontal, minRotation }) {
@@ -36989,12 +37006,14 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			let max = this.max;
 			const setMin = (v) => min = minDefined ? min : v;
 			const setMax = (v) => max = maxDefined ? max : v;
-			if (min === max) if (min <= 0) {
-				setMin(1);
-				setMax(10);
-			} else {
-				setMin(changeExponent(min, -1));
-				setMax(changeExponent(max, 1));
+			if (min === max) {
+				if (min <= 0) {
+					setMin(1);
+					setMax(10);
+				} else {
+					setMin(changeExponent(min, -1));
+					setMax(changeExponent(max, 1));
+				}
 			}
 			if (min <= 0) setMin(changeExponent(max, -1));
 			if (max <= 0) setMax(changeExponent(min, 1));
@@ -37515,7 +37534,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			size: 3154e7
 		}
 	};
-	var UNITS = /* @__PURE__ */ Object.keys(INTERVALS);
+	var UNITS = /* #__PURE__ */ Object.keys(INTERVALS);
 	function sorter(a, b) {
 		return a - b;
 	}
@@ -37911,7 +37930,7 @@ var require_chart = /* @__PURE__ */ __commonJSMin(((exports) => {
 			return interpolate(this._table, decimal * this._tableRange + this._minPos, true);
 		}
 	};
-	var scales = /* @__PURE__ */ Object.freeze({
+	var scales = /*#__PURE__*/ Object.freeze({
 		__proto__: null,
 		CategoryScale,
 		LinearScale,
@@ -38982,12 +39001,14 @@ var getBarChartDataLabels = (options) => {
 		const dataElement = context.chart.data.datasets[datasetIndex].data[dataIndex];
 		let dataLabel = "";
 		if (typeof dataElement === "number") dataLabel = Number.isInteger(dataElement) ? dataElement : dataElement.toFixed(2);
-		if (Array.isArray(dataElement)) if (dataElement.length === 2) {
-			const sum = dataElement[1] - dataElement[0];
-			dataLabel = sum < 0 ? round(sum, 2) : `+${round(sum, 2)}`;
-		} else dataLabel = dataElement.reduce((acc, curr, i) => {
-			return i === 0 ? `${acc} ${curr}` : `${acc}, ${curr}`;
-		}, "");
+		if (Array.isArray(dataElement)) {
+			if (dataElement.length === 2) {
+				const sum = dataElement[1] - dataElement[0];
+				dataLabel = sum < 0 ? round(sum, 2) : `+${round(sum, 2)}`;
+			} else dataLabel = dataElement.reduce((acc, curr, i) => {
+				return i === 0 ? `${acc} ${curr}` : `${acc}, ${curr}`;
+			}, "");
+		}
 		return dataLabel;
 	};
 	const beginAtNotZeroAlign = reverse ? AlignOptions.End : AlignOptions.Start;
@@ -39710,12 +39731,11 @@ var ScatterChartWithLegend = (props) => {
 //#region src/components/common/helpers/get-grouped-color-scheme/get-grouped-color-scheme.ts
 extend([lchPlugin]);
 var MIN_LIGHTNESS = 15;
-var MAX_LIGHTNESS = 95;
 var getGroupedColorScheme = (length, startingColor) => {
 	if (length === 1) return [startingColor];
 	const { h: hue, c: chroma } = colord(startingColor).toLch();
 	return Array.from({ length }, (_, index) => {
-		return `lch(${MIN_LIGHTNESS + (MAX_LIGHTNESS - MIN_LIGHTNESS) / length * (index + .5)} ${chroma} ${hue})`;
+		return `lch(${MIN_LIGHTNESS + 80 / length * (index + .5)} ${chroma} ${hue})`;
 	});
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "5.18.4",
+  "version": "6.1.0",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {
@@ -41,8 +41,8 @@
   },
   "devDependencies": {
     "@dnd-kit/sortable": "^10.0.0",
-    "@oliasoft-open-source/react-ui-library": "^6.0.0",
-    "@oliasoft-open-source/units": "^5.0.0",
+    "@oliasoft-open-source/react-ui-library": "^7.2.0",
+    "@oliasoft-open-source/units": "^5.6.0",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-themes": "^10.4.0",
     "@storybook/react-vite": "^10.4.0",
@@ -50,8 +50,8 @@
     "@types/object-hash": "^3.0.6",
     "@types/react": "^18.2.24",
     "@types/react-dom": "^18.3.7",
-    "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/coverage-v8": "4.1.7",
+    "@vitejs/plugin-react": "^6.1.0",
+    "@vitest/coverage-v8": "^4.1.11",
     "classnames": "^2.5.1",
     "es-toolkit": "^1.44.0",
     "http-server": "^14.1.1",
@@ -61,21 +61,21 @@
     "less": "^4.3.0",
     "lint-staged": "^15.5.2",
     "normalize.css": "^8.0.1",
-    "oxfmt": "^0.61.0",
-    "oxlint": "^1.17.0",
+    "oxfmt": "^0.64.0",
+    "oxlint": "^1.79.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^10.4.0",
     "typescript": "^6.0.3",
-    "vite": "8.0.14",
-    "vite-plugin-css-injected-by-js": "^5.0.1",
-    "vite-plugin-dts": "^5.0.1",
+    "vite": "^8.2.2",
+    "vite-plugin-css-injected-by-js": "^5.0.2",
+    "vite-plugin-dts": "^5.0.3",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^4.1.7",
-    "node": "runtime:26.3.0"
+    "vitest": "^4.1.11",
+    "node": "runtime:26.6.0"
   },
   "peerDependencies": {
-    "@oliasoft-open-source/react-ui-library": "^6",
+    "@oliasoft-open-source/react-ui-library": "^7",
     "@oliasoft-open-source/units": "^5",
     "classnames": "^2.5.1",
     "es-toolkit": "^1",
@@ -85,19 +85,19 @@
   },
   "lint-staged": {
     "*": [
-      "oxlint -c .oxlintrc.json --fix",
-      "oxfmt"
+      "oxlint --fix --no-error-on-unmatched-pattern",
+      "oxfmt --no-error-on-unmatched-pattern"
     ]
   },
   "devEngines": {
     "packageManager": {
       "name": "pnpm",
-      "version": "11.3.0",
+      "version": "11.9.0",
       "onFail": "download"
     },
     "runtime": {
       "name": "node",
-      "version": "26.3.0",
+      "version": "26.6.0",
       "onFail": "download"
     }
   },