@shtabapp/ui-kit 1.85.0 → 1.85.2

package/dist/composables/connectedPosition/parseAnchor.js

@@ -0,0 +1,77 @@
+import { EAnchorAlign, EAnchorSide, ESDropdownPlacement } from "./types.js";
+//#region src/composables/connectedPosition/parseAnchor.ts
+var parseAnchor = (placement) => {
+	switch (placement) {
+		case ESDropdownPlacement.TOP: return {
+			side: EAnchorSide.TOP,
+			align: EAnchorAlign.CENTER
+		};
+		case ESDropdownPlacement.TOP_START: return {
+			side: EAnchorSide.TOP,
+			align: EAnchorAlign.START
+		};
+		case ESDropdownPlacement.TOP_END: return {
+			side: EAnchorSide.TOP,
+			align: EAnchorAlign.END
+		};
+		case ESDropdownPlacement.BOTTOM: return {
+			side: EAnchorSide.BOTTOM,
+			align: EAnchorAlign.CENTER
+		};
+		case ESDropdownPlacement.BOTTOM_START: return {
+			side: EAnchorSide.BOTTOM,
+			align: EAnchorAlign.START
+		};
+		case ESDropdownPlacement.BOTTOM_END: return {
+			side: EAnchorSide.BOTTOM,
+			align: EAnchorAlign.END
+		};
+		case ESDropdownPlacement.LEFT: return {
+			side: EAnchorSide.LEFT,
+			align: EAnchorAlign.CENTER
+		};
+		case ESDropdownPlacement.LEFT_START: return {
+			side: EAnchorSide.LEFT,
+			align: EAnchorAlign.START
+		};
+		case ESDropdownPlacement.LEFT_END: return {
+			side: EAnchorSide.LEFT,
+			align: EAnchorAlign.END
+		};
+		case ESDropdownPlacement.RIGHT: return {
+			side: EAnchorSide.RIGHT,
+			align: EAnchorAlign.CENTER
+		};
+		case ESDropdownPlacement.RIGHT_START: return {
+			side: EAnchorSide.RIGHT,
+			align: EAnchorAlign.START
+		};
+		case ESDropdownPlacement.RIGHT_END: return {
+			side: EAnchorSide.RIGHT,
+			align: EAnchorAlign.END
+		};
+		default: return placement;
+	}
+};
+var toDropdownPlacement = (anchor) => {
+	if (anchor.side === EAnchorSide.TOP) {
+		if (anchor.align === EAnchorAlign.START) return ESDropdownPlacement.TOP_START;
+		if (anchor.align === EAnchorAlign.END) return ESDropdownPlacement.TOP_END;
+		return ESDropdownPlacement.TOP;
+	}
+	if (anchor.side === EAnchorSide.BOTTOM) {
+		if (anchor.align === EAnchorAlign.START) return ESDropdownPlacement.BOTTOM_START;
+		if (anchor.align === EAnchorAlign.END) return ESDropdownPlacement.BOTTOM_END;
+		return ESDropdownPlacement.BOTTOM;
+	}
+	if (anchor.side === EAnchorSide.LEFT) {
+		if (anchor.align === EAnchorAlign.START) return ESDropdownPlacement.LEFT_START;
+		if (anchor.align === EAnchorAlign.END) return ESDropdownPlacement.LEFT_END;
+		return ESDropdownPlacement.LEFT;
+	}
+	if (anchor.align === EAnchorAlign.START) return ESDropdownPlacement.RIGHT_START;
+	if (anchor.align === EAnchorAlign.END) return ESDropdownPlacement.RIGHT_END;
+	return ESDropdownPlacement.RIGHT;
+};
+//#endregion
+export { parseAnchor, toDropdownPlacement };

package/dist/composables/connectedPosition/positionCoordinates.cjs

@@ -0,0 +1,109 @@
+const require_types = require("./types.cjs");
+const require_getOverflow = require("./getOverflow.cjs");
+//#region src/composables/connectedPosition/positionCoordinates.ts
+var clamp = (min, value, max) => Math.min(Math.max(value, min), max);
+var clampCoordinateOnAxis = (axis, coordinates, overflow) => {
+	if (axis === "y") return {
+		x: coordinates.x,
+		y: clamp(coordinates.y + overflow.top, coordinates.y, coordinates.y - overflow.bottom)
+	};
+	return {
+		x: clamp(coordinates.x + overflow.left, coordinates.x, coordinates.x - overflow.right),
+		y: coordinates.y
+	};
+};
+var getShiftAxes = (anchorSide) => {
+	if (anchorSide === require_types.EAnchorSide.TOP || anchorSide === require_types.EAnchorSide.BOTTOM) return {
+		mainAxis: "x",
+		crossAxis: "y"
+	};
+	return {
+		mainAxis: "y",
+		crossAxis: "x"
+	};
+};
+var getAlignedCoordinate = (referenceStart, referenceSize, floatingSize, align) => {
+	if (align === require_types.EAnchorAlign.START) return referenceStart;
+	if (align === require_types.EAnchorAlign.END) return referenceStart + referenceSize - floatingSize;
+	return referenceStart + (referenceSize - floatingSize) / 2;
+};
+var computeAnchorCoordinates = (referenceRect, floatingSize, anchor, offset) => {
+	if (anchor.side === require_types.EAnchorSide.BOTTOM) return {
+		x: getAlignedCoordinate(referenceRect.left, referenceRect.width, floatingSize.width, anchor.align),
+		y: referenceRect.bottom + offset
+	};
+	if (anchor.side === require_types.EAnchorSide.TOP) return {
+		x: getAlignedCoordinate(referenceRect.left, referenceRect.width, floatingSize.width, anchor.align),
+		y: referenceRect.top - offset - floatingSize.height
+	};
+	if (anchor.side === require_types.EAnchorSide.LEFT) return {
+		x: referenceRect.left - offset - floatingSize.width,
+		y: getAlignedCoordinate(referenceRect.top, referenceRect.height, floatingSize.height, anchor.align)
+	};
+	return {
+		x: referenceRect.right + offset,
+		y: getAlignedCoordinate(referenceRect.top, referenceRect.height, floatingSize.height, anchor.align)
+	};
+};
+var toContentBox = (coordinates, floatingSize) => {
+	return {
+		top: coordinates.y,
+		left: coordinates.x,
+		right: coordinates.x + floatingSize.width,
+		bottom: coordinates.y + floatingSize.height,
+		width: floatingSize.width,
+		height: floatingSize.height
+	};
+};
+var getBoundaryAxisRange = (axis, viewportRect, viewportPadding, floatingSize) => {
+	if (axis === "x") return {
+		min: viewportRect.left + viewportPadding,
+		max: viewportRect.right - viewportPadding - floatingSize.width
+	};
+	return {
+		min: viewportRect.top + viewportPadding,
+		max: viewportRect.bottom - viewportPadding - floatingSize.height
+	};
+};
+var clampToAxisRange = (value, rangeMin, rangeMax, fallbackMin, fallbackMax) => {
+	if (rangeMin <= rangeMax) return clamp(rangeMin, value, rangeMax);
+	return clamp(fallbackMin, value, fallbackMax);
+};
+var limitShiftCoordinates = (coordinates, anchorSide, referenceRect, floatingSize, viewportRect, viewportPadding) => {
+	const { mainAxis } = getShiftAxes(anchorSide);
+	let { x, y } = coordinates;
+	const boundaryRange = getBoundaryAxisRange(mainAxis, viewportRect, viewportPadding, floatingSize);
+	if (mainAxis === "y") {
+		const limitMin = referenceRect.top - floatingSize.height;
+		const limitMax = referenceRect.bottom;
+		const effectiveMin = Math.max(boundaryRange.min, limitMin);
+		const effectiveMax = Math.min(boundaryRange.max, limitMax);
+		y = clampToAxisRange(y, effectiveMin, effectiveMax, boundaryRange.min, boundaryRange.max);
+	} else {
+		const limitMin = referenceRect.left - floatingSize.width;
+		const limitMax = referenceRect.right;
+		const effectiveMin = Math.max(boundaryRange.min, limitMin);
+		const effectiveMax = Math.min(boundaryRange.max, limitMax);
+		x = clampToAxisRange(x, effectiveMin, effectiveMax, boundaryRange.min, boundaryRange.max);
+	}
+	return {
+		x,
+		y
+	};
+};
+var shiftCoordinates = (coordinates, floatingSize, options) => {
+	const { anchorSide, referenceRect, viewportRect, viewportPadding, mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = false } = options;
+	const overflow = require_getOverflow.getOverflow(toContentBox(coordinates, floatingSize), viewportRect, viewportPadding);
+	const { mainAxis, crossAxis } = getShiftAxes(anchorSide);
+	let position = {
+		x: coordinates.x,
+		y: coordinates.y
+	};
+	if (checkMainAxis) position = clampCoordinateOnAxis(mainAxis, position, overflow);
+	if (checkCrossAxis) position = clampCoordinateOnAxis(crossAxis, position, overflow);
+	return limitShiftCoordinates(position, anchorSide, referenceRect, floatingSize, viewportRect, viewportPadding);
+};
+//#endregion
+exports.computeAnchorCoordinates = computeAnchorCoordinates;
+exports.shiftCoordinates = shiftCoordinates;
+exports.toContentBox = toContentBox;

package/dist/composables/connectedPosition/positionCoordinates.js

@@ -0,0 +1,107 @@
+import { EAnchorAlign, EAnchorSide } from "./types.js";
+import { getOverflow } from "./getOverflow.js";
+//#region src/composables/connectedPosition/positionCoordinates.ts
+var clamp = (min, value, max) => Math.min(Math.max(value, min), max);
+var clampCoordinateOnAxis = (axis, coordinates, overflow) => {
+	if (axis === "y") return {
+		x: coordinates.x,
+		y: clamp(coordinates.y + overflow.top, coordinates.y, coordinates.y - overflow.bottom)
+	};
+	return {
+		x: clamp(coordinates.x + overflow.left, coordinates.x, coordinates.x - overflow.right),
+		y: coordinates.y
+	};
+};
+var getShiftAxes = (anchorSide) => {
+	if (anchorSide === EAnchorSide.TOP || anchorSide === EAnchorSide.BOTTOM) return {
+		mainAxis: "x",
+		crossAxis: "y"
+	};
+	return {
+		mainAxis: "y",
+		crossAxis: "x"
+	};
+};
+var getAlignedCoordinate = (referenceStart, referenceSize, floatingSize, align) => {
+	if (align === EAnchorAlign.START) return referenceStart;
+	if (align === EAnchorAlign.END) return referenceStart + referenceSize - floatingSize;
+	return referenceStart + (referenceSize - floatingSize) / 2;
+};
+var computeAnchorCoordinates = (referenceRect, floatingSize, anchor, offset) => {
+	if (anchor.side === EAnchorSide.BOTTOM) return {
+		x: getAlignedCoordinate(referenceRect.left, referenceRect.width, floatingSize.width, anchor.align),
+		y: referenceRect.bottom + offset
+	};
+	if (anchor.side === EAnchorSide.TOP) return {
+		x: getAlignedCoordinate(referenceRect.left, referenceRect.width, floatingSize.width, anchor.align),
+		y: referenceRect.top - offset - floatingSize.height
+	};
+	if (anchor.side === EAnchorSide.LEFT) return {
+		x: referenceRect.left - offset - floatingSize.width,
+		y: getAlignedCoordinate(referenceRect.top, referenceRect.height, floatingSize.height, anchor.align)
+	};
+	return {
+		x: referenceRect.right + offset,
+		y: getAlignedCoordinate(referenceRect.top, referenceRect.height, floatingSize.height, anchor.align)
+	};
+};
+var toContentBox = (coordinates, floatingSize) => {
+	return {
+		top: coordinates.y,
+		left: coordinates.x,
+		right: coordinates.x + floatingSize.width,
+		bottom: coordinates.y + floatingSize.height,
+		width: floatingSize.width,
+		height: floatingSize.height
+	};
+};
+var getBoundaryAxisRange = (axis, viewportRect, viewportPadding, floatingSize) => {
+	if (axis === "x") return {
+		min: viewportRect.left + viewportPadding,
+		max: viewportRect.right - viewportPadding - floatingSize.width
+	};
+	return {
+		min: viewportRect.top + viewportPadding,
+		max: viewportRect.bottom - viewportPadding - floatingSize.height
+	};
+};
+var clampToAxisRange = (value, rangeMin, rangeMax, fallbackMin, fallbackMax) => {
+	if (rangeMin <= rangeMax) return clamp(rangeMin, value, rangeMax);
+	return clamp(fallbackMin, value, fallbackMax);
+};
+var limitShiftCoordinates = (coordinates, anchorSide, referenceRect, floatingSize, viewportRect, viewportPadding) => {
+	const { mainAxis } = getShiftAxes(anchorSide);
+	let { x, y } = coordinates;
+	const boundaryRange = getBoundaryAxisRange(mainAxis, viewportRect, viewportPadding, floatingSize);
+	if (mainAxis === "y") {
+		const limitMin = referenceRect.top - floatingSize.height;
+		const limitMax = referenceRect.bottom;
+		const effectiveMin = Math.max(boundaryRange.min, limitMin);
+		const effectiveMax = Math.min(boundaryRange.max, limitMax);
+		y = clampToAxisRange(y, effectiveMin, effectiveMax, boundaryRange.min, boundaryRange.max);
+	} else {
+		const limitMin = referenceRect.left - floatingSize.width;
+		const limitMax = referenceRect.right;
+		const effectiveMin = Math.max(boundaryRange.min, limitMin);
+		const effectiveMax = Math.min(boundaryRange.max, limitMax);
+		x = clampToAxisRange(x, effectiveMin, effectiveMax, boundaryRange.min, boundaryRange.max);
+	}
+	return {
+		x,
+		y
+	};
+};
+var shiftCoordinates = (coordinates, floatingSize, options) => {
+	const { anchorSide, referenceRect, viewportRect, viewportPadding, mainAxis: checkMainAxis = true, crossAxis: checkCrossAxis = false } = options;
+	const overflow = getOverflow(toContentBox(coordinates, floatingSize), viewportRect, viewportPadding);
+	const { mainAxis, crossAxis } = getShiftAxes(anchorSide);
+	let position = {
+		x: coordinates.x,
+		y: coordinates.y
+	};
+	if (checkMainAxis) position = clampCoordinateOnAxis(mainAxis, position, overflow);
+	if (checkCrossAxis) position = clampCoordinateOnAxis(crossAxis, position, overflow);
+	return limitShiftCoordinates(position, anchorSide, referenceRect, floatingSize, viewportRect, viewportPadding);
+};
+//#endregion
+export { computeAnchorCoordinates, shiftCoordinates, toContentBox };

package/dist/composables/connectedPosition/resolveElement.cjs

@@ -0,0 +1,9 @@
+//#region src/composables/connectedPosition/resolveElement.ts
+var resolveElement = (target) => {
+	if (!target) return null;
+	if (target instanceof HTMLElement) return target;
+	if (target.$el instanceof HTMLElement) return target.$el;
+	return null;
+};
+//#endregion
+exports.resolveElement = resolveElement;

package/dist/composables/connectedPosition/resolveElement.js

@@ -0,0 +1,9 @@
+//#region src/composables/connectedPosition/resolveElement.ts
+var resolveElement = (target) => {
+	if (!target) return null;
+	if (target instanceof HTMLElement) return target;
+	if (target.$el instanceof HTMLElement) return target.$el;
+	return null;
+};
+//#endregion
+export { resolveElement };

package/dist/composables/connectedPosition/types.cjs

@@ -0,0 +1,47 @@
+//#region src/composables/connectedPosition/types.ts
+var EAnchorSide = /* @__PURE__ */ function(EAnchorSide) {
+	EAnchorSide["TOP"] = "top";
+	EAnchorSide["BOTTOM"] = "bottom";
+	EAnchorSide["LEFT"] = "left";
+	EAnchorSide["RIGHT"] = "right";
+	return EAnchorSide;
+}({});
+var EAnchorAlign = /* @__PURE__ */ function(EAnchorAlign) {
+	EAnchorAlign["START"] = "start";
+	EAnchorAlign["END"] = "end";
+	EAnchorAlign["CENTER"] = "center";
+	return EAnchorAlign;
+}({});
+var ESDropdownPlacement = /* @__PURE__ */ function(ESDropdownPlacement) {
+	ESDropdownPlacement["TOP"] = "top";
+	ESDropdownPlacement["TOP_START"] = "top-start";
+	ESDropdownPlacement["TOP_END"] = "top-end";
+	ESDropdownPlacement["BOTTOM"] = "bottom";
+	ESDropdownPlacement["BOTTOM_START"] = "bottom-start";
+	ESDropdownPlacement["BOTTOM_END"] = "bottom-end";
+	ESDropdownPlacement["LEFT"] = "left";
+	ESDropdownPlacement["LEFT_START"] = "left-start";
+	ESDropdownPlacement["LEFT_END"] = "left-end";
+	ESDropdownPlacement["RIGHT"] = "right";
+	ESDropdownPlacement["RIGHT_START"] = "right-start";
+	ESDropdownPlacement["RIGHT_END"] = "right-end";
+	return ESDropdownPlacement;
+}({});
+var ESDropdownBoundary = /* @__PURE__ */ function(ESDropdownBoundary) {
+	ESDropdownBoundary["CLIPPING_ANCESTORS"] = "clipping-ancestors";
+	ESDropdownBoundary["VIEWPORT"] = "viewport";
+	return ESDropdownBoundary;
+}({});
+var EConnectedPositionStrategy = /* @__PURE__ */ function(EConnectedPositionStrategy) {
+	EConnectedPositionStrategy["PREFERRED"] = "preferred";
+	EConnectedPositionStrategy["FLIP"] = "flip";
+	EConnectedPositionStrategy["SHIFT"] = "shift";
+	EConnectedPositionStrategy["SIZE"] = "size";
+	return EConnectedPositionStrategy;
+}({});
+//#endregion
+exports.EAnchorAlign = EAnchorAlign;
+exports.EAnchorSide = EAnchorSide;
+exports.EConnectedPositionStrategy = EConnectedPositionStrategy;
+exports.ESDropdownBoundary = ESDropdownBoundary;
+exports.ESDropdownPlacement = ESDropdownPlacement;

package/dist/composables/connectedPosition/types.js

@@ -0,0 +1,43 @@
+//#region src/composables/connectedPosition/types.ts
+var EAnchorSide = /* @__PURE__ */ function(EAnchorSide) {
+	EAnchorSide["TOP"] = "top";
+	EAnchorSide["BOTTOM"] = "bottom";
+	EAnchorSide["LEFT"] = "left";
+	EAnchorSide["RIGHT"] = "right";
+	return EAnchorSide;
+}({});
+var EAnchorAlign = /* @__PURE__ */ function(EAnchorAlign) {
+	EAnchorAlign["START"] = "start";
+	EAnchorAlign["END"] = "end";
+	EAnchorAlign["CENTER"] = "center";
+	return EAnchorAlign;
+}({});
+var ESDropdownPlacement = /* @__PURE__ */ function(ESDropdownPlacement) {
+	ESDropdownPlacement["TOP"] = "top";
+	ESDropdownPlacement["TOP_START"] = "top-start";
+	ESDropdownPlacement["TOP_END"] = "top-end";
+	ESDropdownPlacement["BOTTOM"] = "bottom";
+	ESDropdownPlacement["BOTTOM_START"] = "bottom-start";
+	ESDropdownPlacement["BOTTOM_END"] = "bottom-end";
+	ESDropdownPlacement["LEFT"] = "left";
+	ESDropdownPlacement["LEFT_START"] = "left-start";
+	ESDropdownPlacement["LEFT_END"] = "left-end";
+	ESDropdownPlacement["RIGHT"] = "right";
+	ESDropdownPlacement["RIGHT_START"] = "right-start";
+	ESDropdownPlacement["RIGHT_END"] = "right-end";
+	return ESDropdownPlacement;
+}({});
+var ESDropdownBoundary = /* @__PURE__ */ function(ESDropdownBoundary) {
+	ESDropdownBoundary["CLIPPING_ANCESTORS"] = "clipping-ancestors";
+	ESDropdownBoundary["VIEWPORT"] = "viewport";
+	return ESDropdownBoundary;
+}({});
+var EConnectedPositionStrategy = /* @__PURE__ */ function(EConnectedPositionStrategy) {
+	EConnectedPositionStrategy["PREFERRED"] = "preferred";
+	EConnectedPositionStrategy["FLIP"] = "flip";
+	EConnectedPositionStrategy["SHIFT"] = "shift";
+	EConnectedPositionStrategy["SIZE"] = "size";
+	return EConnectedPositionStrategy;
+}({});
+//#endregion
+export { EAnchorAlign, EAnchorSide, EConnectedPositionStrategy, ESDropdownBoundary, ESDropdownPlacement };

package/dist/composables/treeKeyboardNavigation.cjs

@@ -0,0 +1,58 @@
+//#region src/composables/treeKeyboardNavigation.ts
+var resolveListSelectionAnchorKey = (currentKey, selectedKey) => {
+	if (typeof selectedKey === "string" && selectedKey) return selectedKey;
+	if (Array.isArray(selectedKey) && selectedKey[0]) return selectedKey[0];
+	return currentKey;
+};
+var listHasTreeStructure = (flatRows) => {
+	return flatRows.some((row) => row.hasChildren || row.parentKey);
+};
+var resolveTreeExpandNavigationAction = (currentRow, anchorKey, flatRows) => {
+	if (!currentRow.hasChildren) return null;
+	if (!currentRow.expanded) return {
+		type: "expand",
+		rowKey: anchorKey
+	};
+	const firstChildRow = flatRows.find((row) => row.parentKey === anchorKey);
+	if (!firstChildRow) return null;
+	return {
+		type: "select",
+		rowKey: firstChildRow.key
+	};
+};
+var resolveTreeCollapseNavigationAction = (currentRow, anchorKey) => {
+	if (currentRow.hasChildren && currentRow.expanded) return {
+		type: "collapse",
+		rowKey: anchorKey
+	};
+	if (currentRow.parentKey) return {
+		type: "select",
+		rowKey: currentRow.parentKey
+	};
+	return null;
+};
+var resolveTreeKeyboardNavigationAction = (key, anchorKey, flatRows) => {
+	const currentRow = flatRows.find((row) => row.key === anchorKey);
+	if (!currentRow) return null;
+	return key === "ArrowRight" ? resolveTreeExpandNavigationAction(currentRow, anchorKey, flatRows) : resolveTreeCollapseNavigationAction(currentRow, anchorKey);
+};
+var findSiblingOrShallowerRowKey = (flatRows, startIndex, direction, maxDepth) => {
+	for (let rowIndex = startIndex; rowIndex >= 0 && rowIndex < flatRows.length; rowIndex += direction) {
+		const candidateRow = flatRows[rowIndex];
+		if (candidateRow && candidateRow.depth <= maxDepth) return candidateRow.key;
+	}
+	return null;
+};
+var resolveTreeVerticalNavigationTarget = (key, anchorKey, flatRows) => {
+	const currentIndex = flatRows.findIndex((row) => row.key === anchorKey);
+	if (currentIndex === -1) return null;
+	const currentRow = flatRows[currentIndex];
+	if (!currentRow) return null;
+	const direction = key === "ArrowDown" ? 1 : -1;
+	return findSiblingOrShallowerRowKey(flatRows, currentIndex + direction, direction, currentRow.depth);
+};
+//#endregion
+exports.listHasTreeStructure = listHasTreeStructure;
+exports.resolveListSelectionAnchorKey = resolveListSelectionAnchorKey;
+exports.resolveTreeKeyboardNavigationAction = resolveTreeKeyboardNavigationAction;
+exports.resolveTreeVerticalNavigationTarget = resolveTreeVerticalNavigationTarget;

package/dist/composables/treeKeyboardNavigation.js

@@ -0,0 +1,55 @@
+//#region src/composables/treeKeyboardNavigation.ts
+var resolveListSelectionAnchorKey = (currentKey, selectedKey) => {
+	if (typeof selectedKey === "string" && selectedKey) return selectedKey;
+	if (Array.isArray(selectedKey) && selectedKey[0]) return selectedKey[0];
+	return currentKey;
+};
+var listHasTreeStructure = (flatRows) => {
+	return flatRows.some((row) => row.hasChildren || row.parentKey);
+};
+var resolveTreeExpandNavigationAction = (currentRow, anchorKey, flatRows) => {
+	if (!currentRow.hasChildren) return null;
+	if (!currentRow.expanded) return {
+		type: "expand",
+		rowKey: anchorKey
+	};
+	const firstChildRow = flatRows.find((row) => row.parentKey === anchorKey);
+	if (!firstChildRow) return null;
+	return {
+		type: "select",
+		rowKey: firstChildRow.key
+	};
+};
+var resolveTreeCollapseNavigationAction = (currentRow, anchorKey) => {
+	if (currentRow.hasChildren && currentRow.expanded) return {
+		type: "collapse",
+		rowKey: anchorKey
+	};
+	if (currentRow.parentKey) return {
+		type: "select",
+		rowKey: currentRow.parentKey
+	};
+	return null;
+};
+var resolveTreeKeyboardNavigationAction = (key, anchorKey, flatRows) => {
+	const currentRow = flatRows.find((row) => row.key === anchorKey);
+	if (!currentRow) return null;
+	return key === "ArrowRight" ? resolveTreeExpandNavigationAction(currentRow, anchorKey, flatRows) : resolveTreeCollapseNavigationAction(currentRow, anchorKey);
+};
+var findSiblingOrShallowerRowKey = (flatRows, startIndex, direction, maxDepth) => {
+	for (let rowIndex = startIndex; rowIndex >= 0 && rowIndex < flatRows.length; rowIndex += direction) {
+		const candidateRow = flatRows[rowIndex];
+		if (candidateRow && candidateRow.depth <= maxDepth) return candidateRow.key;
+	}
+	return null;
+};
+var resolveTreeVerticalNavigationTarget = (key, anchorKey, flatRows) => {
+	const currentIndex = flatRows.findIndex((row) => row.key === anchorKey);
+	if (currentIndex === -1) return null;
+	const currentRow = flatRows[currentIndex];
+	if (!currentRow) return null;
+	const direction = key === "ArrowDown" ? 1 : -1;
+	return findSiblingOrShallowerRowKey(flatRows, currentIndex + direction, direction, currentRow.depth);
+};
+//#endregion
+export { listHasTreeStructure, resolveListSelectionAnchorKey, resolveTreeKeyboardNavigationAction, resolveTreeVerticalNavigationTarget };

package/dist/composables/useAriaAttrs.cjs

@@ -0,0 +1,37 @@
+let vue = require("vue");
+//#region src/composables/useAriaAttrs.ts
+var ARIA_ATTR_PREFIX = "aria-";
+var isAriaAttrName = (attrName) => attrName.startsWith(ARIA_ATTR_PREFIX);
+/**
+* Делит `$attrs` компонента-обёртки между корнем и элементом, у которого есть роль.
+*
+* Доступное имя и состояние (`aria-label`, `aria-labelledby`, `aria-describedby`, …) читаются
+* скринридером только с элемента-контрола: нативного `input`, `combobox`, `listbox`. На корневом
+* `div`/`label` без роли они не работают (axe: `aria-prohibited-attr`, а контрол остаётся без
+* имени). Всё остальное — `class`, `style`, `data-qa`, слушатели — по-прежнему уходит на корень.
+*
+* Геттеры, а не `computed`: `$attrs` не реактивен по набору ключей, а рендер и так
+* перезапускается при смене атрибутов.
+*/
+var useAriaAttrs = () => {
+	const attrs = (0, vue.useAttrs)();
+	const getRootAttrs = () => {
+		return Object.fromEntries(Object.entries(attrs).filter(([attrName]) => !isAriaAttrName(attrName)));
+	};
+	const getAriaAttrs = () => {
+		return Object.fromEntries(Object.entries(attrs).filter(([attrName]) => isAriaAttrName(attrName)));
+	};
+	/** Строковое значение ARIA-атрибута, переданного снаружи; пустая строка — как отсутствие. */
+	const getAriaAttr = (attrName) => {
+		const attrValue = attrs[attrName];
+		if (typeof attrValue !== "string" || !attrValue) return;
+		return attrValue;
+	};
+	return {
+		getRootAttrs,
+		getAriaAttrs,
+		getAriaAttr
+	};
+};
+//#endregion
+exports.useAriaAttrs = useAriaAttrs;

package/dist/composables/useAriaAttrs.js

@@ -0,0 +1,37 @@
+import { useAttrs } from "vue";
+//#region src/composables/useAriaAttrs.ts
+var ARIA_ATTR_PREFIX = "aria-";
+var isAriaAttrName = (attrName) => attrName.startsWith(ARIA_ATTR_PREFIX);
+/**
+* Делит `$attrs` компонента-обёртки между корнем и элементом, у которого есть роль.
+*
+* Доступное имя и состояние (`aria-label`, `aria-labelledby`, `aria-describedby`, …) читаются
+* скринридером только с элемента-контрола: нативного `input`, `combobox`, `listbox`. На корневом
+* `div`/`label` без роли они не работают (axe: `aria-prohibited-attr`, а контрол остаётся без
+* имени). Всё остальное — `class`, `style`, `data-qa`, слушатели — по-прежнему уходит на корень.
+*
+* Геттеры, а не `computed`: `$attrs` не реактивен по набору ключей, а рендер и так
+* перезапускается при смене атрибутов.
+*/
+var useAriaAttrs = () => {
+	const attrs = useAttrs();
+	const getRootAttrs = () => {
+		return Object.fromEntries(Object.entries(attrs).filter(([attrName]) => !isAriaAttrName(attrName)));
+	};
+	const getAriaAttrs = () => {
+		return Object.fromEntries(Object.entries(attrs).filter(([attrName]) => isAriaAttrName(attrName)));
+	};
+	/** Строковое значение ARIA-атрибута, переданного снаружи; пустая строка — как отсутствие. */
+	const getAriaAttr = (attrName) => {
+		const attrValue = attrs[attrName];
+		if (typeof attrValue !== "string" || !attrValue) return;
+		return attrValue;
+	};
+	return {
+		getRootAttrs,
+		getAriaAttrs,
+		getAriaAttr
+	};
+};
+//#endregion
+export { useAriaAttrs };

package/dist/composables/useChart.cjs

@@ -0,0 +1,51 @@
+const require_registerChartJs = require("../utils/chart/core/registerChartJs.cjs");
+let vue = require("vue");
+let _vueuse_core = require("@vueuse/core");
+let chart_js = require("chart.js");
+//#region src/composables/useChart.ts
+var useChart = ({ canvasRef, config, enabled }) => {
+	const chartInstance = (0, vue.shallowRef)();
+	const destroyChart = () => {
+		if (chartInstance.value) {
+			chartInstance.value.destroy();
+			chartInstance.value = void 0;
+		}
+	};
+	const renderChart = () => {
+		if (!(0, vue.toValue)(enabled)) {
+			destroyChart();
+			return;
+		}
+		const canvas = (0, vue.toValue)(canvasRef);
+		const chartConfig = (0, vue.toValue)(config);
+		if (!canvas || !chartConfig) {
+			destroyChart();
+			return;
+		}
+		require_registerChartJs.ensureChartJsRegistered();
+		if (chartInstance.value) {
+			chartInstance.value.destroy();
+			chartInstance.value = void 0;
+		}
+		chartInstance.value = new chart_js.Chart(canvas, chartConfig);
+	};
+	(0, vue.onMounted)(() => {
+		renderChart();
+	});
+	(0, vue.watch)(() => [
+		(0, vue.toValue)(enabled),
+		(0, vue.toValue)(canvasRef),
+		(0, vue.toValue)(config)
+	], () => {
+		renderChart();
+	}, { deep: true });
+	(0, _vueuse_core.useResizeObserver)(canvasRef, () => {
+		chartInstance.value?.resize();
+	});
+	(0, vue.onBeforeUnmount)(() => {
+		destroyChart();
+	});
+	return { chartInstance };
+};
+//#endregion
+exports.useChart = useChart;