@sprawlify/primitives 0.0.55 → 0.0.56

package/dist/machines/image-cropper/index.cjs

@@ -130,13 +130,18 @@ function drawCroppedImageToCanvas(params) {
 //#endregion
 //#region src/machines/image-cropper/image-cropper.utils.ts
 const { min, max, abs, round, hypot, PI, cos, sin } = Math;
-const isLeftHandle = (handlePosition) => handlePosition === "w" || handlePosition === "nw" || handlePosition === "sw";
-const isRightHandle = (handlePosition) => handlePosition === "e" || handlePosition === "ne" || handlePosition === "se";
-const isTopHandle = (handlePosition) => handlePosition === "n" || handlePosition === "nw" || handlePosition === "ne";
-const isBottomHandle = (handlePosition) => handlePosition === "s" || handlePosition === "sw" || handlePosition === "se";
-const isCornerHandle = (handlePosition) => (isLeftHandle(handlePosition) || isRightHandle(handlePosition)) && (isTopHandle(handlePosition) || isBottomHandle(handlePosition));
-const isHorizontalEdgeHandle = (handlePosition) => (isLeftHandle(handlePosition) || isRightHandle(handlePosition)) && !(isTopHandle(handlePosition) || isBottomHandle(handlePosition));
-const isVerticalEdgeHandle = (handlePosition) => (isTopHandle(handlePosition) || isBottomHandle(handlePosition)) && !(isLeftHandle(handlePosition) || isRightHandle(handlePosition));
+const ASPECT_RATIO_TOLERANCE = .001;
+const MIN_PINCH_DISTANCE = 1;
+const isAspectRatioEqual = (a, b) => {
+	return abs(a - b) < ASPECT_RATIO_TOLERANCE;
+};
+const isLeftHandle = (v) => v === "w" || v === "nw" || v === "sw";
+const isRightHandle = (v) => v === "e" || v === "ne" || v === "se";
+const isTopHandle = (v) => v === "n" || v === "nw" || v === "ne";
+const isBottomHandle = (v) => v === "s" || v === "sw" || v === "se";
+const isCornerHandle = (v) => (isLeftHandle(v) || isRightHandle(v)) && (isTopHandle(v) || isBottomHandle(v));
+const isHorizontalEdgeHandle = (v) => (isLeftHandle(v) || isRightHandle(v)) && !(isTopHandle(v) || isBottomHandle(v));
+const isVerticalEdgeHandle = (v) => (isTopHandle(v) || isBottomHandle(v)) && !(isLeftHandle(v) || isRightHandle(v));
 const hasAspectRatio = (value) => typeof value === "number" && value > 0;
 const resolveSizeLimits = (options) => {
 	const { minSize, maxSize, viewportSize, aspectRatio } = options;
@@ -508,10 +513,10 @@ function computeMoveCrop(cropStart, delta, viewportRect) {
 	};
 }
 function clampOffset(params) {
-	const { zoom, rotation, viewportSize, offset, fixedCropArea, crop, naturalSize } = params;
+	const { zoom, rotation, viewportSize, offset, fixedCropArea, crop } = params;
 	const { cos: cos$1, sin: sin$1 } = getRotationTransform(rotation);
-	if (fixedCropArea && crop && naturalSize) {
-		const aabb$1 = computeAABB(naturalSize, zoom, cos$1, sin$1);
+	if (fixedCropArea && crop) {
+		const aabb$1 = computeAABB(viewportSize, zoom, cos$1, sin$1);
 		const center = getViewportCenter(viewportSize);
 		const cropRight = crop.x + crop.width;
 		const cropBottom = crop.y + crop.height;
@@ -780,6 +785,12 @@ const getMaxBounds = (cropSize, viewportSize) => ({
 	x: max(0, viewportSize.width - cropSize.width),
 	y: max(0, viewportSize.height - cropSize.height)
 });
+const centerCropOnPoint = (cropSize, center, viewportSize) => {
+	return clampPoint({
+		x: center.x - cropSize.width / 2,
+		y: center.y - cropSize.height / 2
+	}, ZERO_POINT, getMaxBounds(cropSize, viewportSize));
+};
 const isSameSize = (a, b) => {
 	return a.width === b.width && a.height === b.height;
 };
@@ -1353,7 +1364,11 @@ const machine = require_core.createMachine({
 			actions: ["resizeCrop"]
 		},
 		VIEWPORT_RESIZE: { actions: ["resizeViewport"] },
-		RESET: { actions: ["resetToInitialState"] }
+		RESET: { actions: ["resetToInitialState"] },
+		ADJUST_ASPECT_RATIO: {
+			guard: "hasViewportRect",
+			actions: ["adjustCropAspectRatio"]
+		}
 	},
 	computed: {
 		isMeasured: ({ context }) => isVisibleRect(context.get("viewportRect")) && isVisibleRect(context.get("crop")),
@@ -1370,6 +1385,12 @@ const machine = require_core.createMachine({
 				src: "prop"
 			});
 		});
+		track([() => prop("aspectRatio"), () => prop("cropShape")], () => {
+			send({
+				type: "ADJUST_ASPECT_RATIO",
+				src: "prop"
+			});
+		});
 	},
 	states: {
 		idle: {
@@ -1564,7 +1585,7 @@ const machine = require_core.createMachine({
 				const { minSize, maxSize } = getCropSizeLimits(prop);
 				if (!pointerStart || !cropStart) return;
 				const currentPoint = event.point;
-				const delta = subtractPoints(currentPoint, pointerStart);
+				let delta = subtractPoints(currentPoint, pointerStart);
 				let nextCrop;
 				if (handlePosition) {
 					if (typeof aspectRatioProp === "undefined" && cropShape !== "circle") if (event.shiftKey) {
@@ -1579,6 +1600,10 @@ const machine = require_core.createMachine({
 						if (lockRatio !== null && lockRatio > 0) aspectRatio = lockRatio;
 					} else context.set("shiftLockRatio", null);
 					else context.set("shiftLockRatio", null);
+					if (event.altKey) delta = {
+						x: delta.x * 2,
+						y: delta.y * 2
+					};
 					nextCrop = computeResizeCrop({
 						cropStart,
 						handlePosition,
@@ -1588,6 +1613,15 @@ const machine = require_core.createMachine({
 						maxSize,
 						aspectRatio
 					});
+					if (event.altKey) {
+						const originalCenter = getCenterPoint(cropStart);
+						const pos = centerCropOnPoint(nextCrop, originalCenter, viewportRect);
+						nextCrop = {
+							...nextCrop,
+							x: pos.x,
+							y: pos.y
+						};
+					}
 				} else nextCrop = computeMoveCrop(cropStart, delta, viewportRect);
 				context.set("crop", nextCrop);
 			},
@@ -1602,8 +1636,7 @@ const machine = require_core.createMachine({
 					viewportSize: context.get("viewportRect"),
 					offset: addPoints(offsetStart, subtractPoints(point, pointerStart)),
 					fixedCropArea: prop("fixedCropArea"),
-					crop: context.get("crop"),
-					naturalSize: context.get("naturalSize")
+					crop: context.get("crop")
 				});
 				context.set("offset", nextOffset);
 			},
@@ -1665,7 +1698,6 @@ const machine = require_core.createMachine({
 				const currentOffset = context.get("offset");
 				const rotation = context.get("rotation");
 				const viewportRect = context.get("viewportRect");
-				const naturalSize = context.get("naturalSize");
 				const fixedCropArea = prop("fixedCropArea");
 				if (!point) point = getCenterPoint(crop);
 				const step = Math.abs(prop("zoomStep"));
@@ -1687,8 +1719,7 @@ const machine = require_core.createMachine({
 						viewportSize: viewportRect,
 						offset,
 						fixedCropArea,
-						crop,
-						naturalSize
+						crop
 					});
 				};
 				const nextZoom = calculateNextZoom();
@@ -1758,7 +1789,7 @@ const machine = require_core.createMachine({
 				if (lastDistance != null && lastDistance > 0 && lastMidpoint != null) {
 					const delta = lastDistance - distance;
 					const scale = distance / lastDistance;
-					const hasSignificantZoom = Math.abs(delta) > 1;
+					const hasSignificantZoom = Math.abs(delta) > MIN_PINCH_DISTANCE;
 					const panDelta = subtractPoints(midpoint, lastMidpoint);
 					send({
 						type: "ZOOM",
@@ -1809,15 +1840,14 @@ const machine = require_core.createMachine({
 				if (isSameSize(oldViewportRect, newViewportRect)) return;
 				context.set("viewportRect", newViewportRect);
 				const oldCrop = context.get("crop");
-				if (!isVisibleRect(oldViewportRect)) {
-					if (!isVisibleRect(oldCrop)) {
-						send({
-							type: "SET_DEFAULT_CROP",
-							src: "viewport-resize"
-						});
-						return;
-					}
+				if (!isVisibleRect(oldCrop)) {
+					send({
+						type: "SET_DEFAULT_CROP",
+						src: "viewport-resize"
+					});
+					return;
 				}
+				if (!isVisibleRect(oldViewportRect)) return;
 				const aspectRatio = resolveCropAspectRatio(prop("cropShape"), prop("aspectRatio"));
 				const { minSize, maxSize } = getCropSizeLimits(prop);
 				const constrainedCrop = computeResizeCrop({
@@ -1840,12 +1870,42 @@ const machine = require_core.createMachine({
 					height: constrainedCrop.height
 				});
 			},
-			resetToInitialState({ context }) {
+			resetToInitialState({ context, send }) {
 				context.set("zoom", context.initial("zoom"));
 				context.set("rotation", context.initial("rotation"));
 				context.set("flip", context.initial("flip"));
 				context.set("offset", ZERO_POINT);
-				context.set("crop", context.initial("crop"));
+				send({
+					type: "SET_DEFAULT_CROP",
+					src: "reset"
+				});
+			},
+			adjustCropAspectRatio({ context, prop }) {
+				const viewportRect = context.get("viewportRect");
+				if (!isVisibleRect(viewportRect)) return;
+				const crop = context.get("crop");
+				if (!isVisibleRect(crop)) return;
+				const aspectRatio = resolveCropAspectRatio(prop("cropShape"), prop("aspectRatio"));
+				if (aspectRatio === void 0) return;
+				if (isAspectRatioEqual(crop.width / crop.height, aspectRatio)) return;
+				const { minSize, maxSize } = getCropSizeLimits(prop);
+				const constrainedCrop = computeResizeCrop({
+					cropStart: crop,
+					handlePosition: "se",
+					delta: ZERO_POINT,
+					viewportRect,
+					minSize,
+					maxSize,
+					aspectRatio
+				});
+				if (isSameSize(crop, constrainedCrop)) return;
+				const pos = centerCropOnPoint(constrainedCrop, getCenterPoint(crop), viewportRect);
+				context.set("crop", {
+					x: pos.x,
+					y: pos.y,
+					width: constrainedCrop.width,
+					height: constrainedCrop.height
+				});
 			}
 		},
 		effects: {
@@ -1855,7 +1915,8 @@ const machine = require_core.createMachine({
 						type: "POINTER_MOVE",
 						point: require_dom_query.getEventPoint(event),
 						target: require_dom_query.getEventTarget(event),
-						shiftKey: event.shiftKey
+						shiftKey: event.shiftKey,
+						altKey: event.altKey
 					});
 				}
 				function onPointerUp() {

package/dist/machines/image-cropper/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { _ as Size, b as NormalizeProps, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/image-cropper/image-cropper.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "image" | "viewport" | "selection" | "handle" | "grid">;
+declare const anatomy: AnatomyInstance<"root" | "viewport" | "image" | "selection" | "handle" | "grid">;
 //#endregion
 //#region src/machines/image-cropper/image-cropper.types.d.ts
 type HandlePosition = "n" | "e" | "s" | "w" | "ne" | "se" | "sw" | "nw";

package/dist/machines/image-cropper/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { _ as Size, b as NormalizeProps, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/image-cropper/image-cropper.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "image" | "viewport" | "selection" | "handle" | "grid">;
+declare const anatomy: AnatomyInstance<"root" | "viewport" | "image" | "selection" | "handle" | "grid">;
 //#endregion
 //#region src/machines/image-cropper/image-cropper.types.d.ts
 type HandlePosition = "n" | "e" | "s" | "w" | "ne" | "se" | "sw" | "nw";

package/dist/machines/image-cropper/index.mjs

@@ -130,13 +130,18 @@ function drawCroppedImageToCanvas(params) {
 //#endregion
 //#region src/machines/image-cropper/image-cropper.utils.ts
 const { min, max, abs, round, hypot, PI, cos, sin } = Math;
-const isLeftHandle = (handlePosition) => handlePosition === "w" || handlePosition === "nw" || handlePosition === "sw";
-const isRightHandle = (handlePosition) => handlePosition === "e" || handlePosition === "ne" || handlePosition === "se";
-const isTopHandle = (handlePosition) => handlePosition === "n" || handlePosition === "nw" || handlePosition === "ne";
-const isBottomHandle = (handlePosition) => handlePosition === "s" || handlePosition === "sw" || handlePosition === "se";
-const isCornerHandle = (handlePosition) => (isLeftHandle(handlePosition) || isRightHandle(handlePosition)) && (isTopHandle(handlePosition) || isBottomHandle(handlePosition));
-const isHorizontalEdgeHandle = (handlePosition) => (isLeftHandle(handlePosition) || isRightHandle(handlePosition)) && !(isTopHandle(handlePosition) || isBottomHandle(handlePosition));
-const isVerticalEdgeHandle = (handlePosition) => (isTopHandle(handlePosition) || isBottomHandle(handlePosition)) && !(isLeftHandle(handlePosition) || isRightHandle(handlePosition));
+const ASPECT_RATIO_TOLERANCE = .001;
+const MIN_PINCH_DISTANCE = 1;
+const isAspectRatioEqual = (a, b) => {
+	return abs(a - b) < ASPECT_RATIO_TOLERANCE;
+};
+const isLeftHandle = (v) => v === "w" || v === "nw" || v === "sw";
+const isRightHandle = (v) => v === "e" || v === "ne" || v === "se";
+const isTopHandle = (v) => v === "n" || v === "nw" || v === "ne";
+const isBottomHandle = (v) => v === "s" || v === "sw" || v === "se";
+const isCornerHandle = (v) => (isLeftHandle(v) || isRightHandle(v)) && (isTopHandle(v) || isBottomHandle(v));
+const isHorizontalEdgeHandle = (v) => (isLeftHandle(v) || isRightHandle(v)) && !(isTopHandle(v) || isBottomHandle(v));
+const isVerticalEdgeHandle = (v) => (isTopHandle(v) || isBottomHandle(v)) && !(isLeftHandle(v) || isRightHandle(v));
 const hasAspectRatio = (value) => typeof value === "number" && value > 0;
 const resolveSizeLimits = (options) => {
 	const { minSize, maxSize, viewportSize, aspectRatio } = options;
@@ -508,10 +513,10 @@ function computeMoveCrop(cropStart, delta, viewportRect) {
 	};
 }
 function clampOffset(params) {
-	const { zoom, rotation, viewportSize, offset, fixedCropArea, crop, naturalSize } = params;
+	const { zoom, rotation, viewportSize, offset, fixedCropArea, crop } = params;
 	const { cos: cos$1, sin: sin$1 } = getRotationTransform(rotation);
-	if (fixedCropArea && crop && naturalSize) {
-		const aabb$1 = computeAABB(naturalSize, zoom, cos$1, sin$1);
+	if (fixedCropArea && crop) {
+		const aabb$1 = computeAABB(viewportSize, zoom, cos$1, sin$1);
 		const center = getViewportCenter(viewportSize);
 		const cropRight = crop.x + crop.width;
 		const cropBottom = crop.y + crop.height;
@@ -780,6 +785,12 @@ const getMaxBounds = (cropSize, viewportSize) => ({
 	x: max(0, viewportSize.width - cropSize.width),
 	y: max(0, viewportSize.height - cropSize.height)
 });
+const centerCropOnPoint = (cropSize, center, viewportSize) => {
+	return clampPoint({
+		x: center.x - cropSize.width / 2,
+		y: center.y - cropSize.height / 2
+	}, ZERO_POINT, getMaxBounds(cropSize, viewportSize));
+};
 const isSameSize = (a, b) => {
 	return a.width === b.width && a.height === b.height;
 };
@@ -1353,7 +1364,11 @@ const machine = createMachine({
 			actions: ["resizeCrop"]
 		},
 		VIEWPORT_RESIZE: { actions: ["resizeViewport"] },
-		RESET: { actions: ["resetToInitialState"] }
+		RESET: { actions: ["resetToInitialState"] },
+		ADJUST_ASPECT_RATIO: {
+			guard: "hasViewportRect",
+			actions: ["adjustCropAspectRatio"]
+		}
 	},
 	computed: {
 		isMeasured: ({ context }) => isVisibleRect(context.get("viewportRect")) && isVisibleRect(context.get("crop")),
@@ -1370,6 +1385,12 @@ const machine = createMachine({
 				src: "prop"
 			});
 		});
+		track([() => prop("aspectRatio"), () => prop("cropShape")], () => {
+			send({
+				type: "ADJUST_ASPECT_RATIO",
+				src: "prop"
+			});
+		});
 	},
 	states: {
 		idle: {
@@ -1564,7 +1585,7 @@ const machine = createMachine({
 				const { minSize, maxSize } = getCropSizeLimits(prop);
 				if (!pointerStart || !cropStart) return;
 				const currentPoint = event.point;
-				const delta = subtractPoints(currentPoint, pointerStart);
+				let delta = subtractPoints(currentPoint, pointerStart);
 				let nextCrop;
 				if (handlePosition) {
 					if (typeof aspectRatioProp === "undefined" && cropShape !== "circle") if (event.shiftKey) {
@@ -1579,6 +1600,10 @@ const machine = createMachine({
 						if (lockRatio !== null && lockRatio > 0) aspectRatio = lockRatio;
 					} else context.set("shiftLockRatio", null);
 					else context.set("shiftLockRatio", null);
+					if (event.altKey) delta = {
+						x: delta.x * 2,
+						y: delta.y * 2
+					};
 					nextCrop = computeResizeCrop({
 						cropStart,
 						handlePosition,
@@ -1588,6 +1613,15 @@ const machine = createMachine({
 						maxSize,
 						aspectRatio
 					});
+					if (event.altKey) {
+						const originalCenter = getCenterPoint(cropStart);
+						const pos = centerCropOnPoint(nextCrop, originalCenter, viewportRect);
+						nextCrop = {
+							...nextCrop,
+							x: pos.x,
+							y: pos.y
+						};
+					}
 				} else nextCrop = computeMoveCrop(cropStart, delta, viewportRect);
 				context.set("crop", nextCrop);
 			},
@@ -1602,8 +1636,7 @@ const machine = createMachine({
 					viewportSize: context.get("viewportRect"),
 					offset: addPoints(offsetStart, subtractPoints(point, pointerStart)),
 					fixedCropArea: prop("fixedCropArea"),
-					crop: context.get("crop"),
-					naturalSize: context.get("naturalSize")
+					crop: context.get("crop")
 				});
 				context.set("offset", nextOffset);
 			},
@@ -1665,7 +1698,6 @@ const machine = createMachine({
 				const currentOffset = context.get("offset");
 				const rotation = context.get("rotation");
 				const viewportRect = context.get("viewportRect");
-				const naturalSize = context.get("naturalSize");
 				const fixedCropArea = prop("fixedCropArea");
 				if (!point) point = getCenterPoint(crop);
 				const step = Math.abs(prop("zoomStep"));
@@ -1687,8 +1719,7 @@ const machine = createMachine({
 						viewportSize: viewportRect,
 						offset,
 						fixedCropArea,
-						crop,
-						naturalSize
+						crop
 					});
 				};
 				const nextZoom = calculateNextZoom();
@@ -1758,7 +1789,7 @@ const machine = createMachine({
 				if (lastDistance != null && lastDistance > 0 && lastMidpoint != null) {
 					const delta = lastDistance - distance;
 					const scale = distance / lastDistance;
-					const hasSignificantZoom = Math.abs(delta) > 1;
+					const hasSignificantZoom = Math.abs(delta) > MIN_PINCH_DISTANCE;
 					const panDelta = subtractPoints(midpoint, lastMidpoint);
 					send({
 						type: "ZOOM",
@@ -1809,15 +1840,14 @@ const machine = createMachine({
 				if (isSameSize(oldViewportRect, newViewportRect)) return;
 				context.set("viewportRect", newViewportRect);
 				const oldCrop = context.get("crop");
-				if (!isVisibleRect(oldViewportRect)) {
-					if (!isVisibleRect(oldCrop)) {
-						send({
-							type: "SET_DEFAULT_CROP",
-							src: "viewport-resize"
-						});
-						return;
-					}
+				if (!isVisibleRect(oldCrop)) {
+					send({
+						type: "SET_DEFAULT_CROP",
+						src: "viewport-resize"
+					});
+					return;
 				}
+				if (!isVisibleRect(oldViewportRect)) return;
 				const aspectRatio = resolveCropAspectRatio(prop("cropShape"), prop("aspectRatio"));
 				const { minSize, maxSize } = getCropSizeLimits(prop);
 				const constrainedCrop = computeResizeCrop({
@@ -1840,12 +1870,42 @@ const machine = createMachine({
 					height: constrainedCrop.height
 				});
 			},
-			resetToInitialState({ context }) {
+			resetToInitialState({ context, send }) {
 				context.set("zoom", context.initial("zoom"));
 				context.set("rotation", context.initial("rotation"));
 				context.set("flip", context.initial("flip"));
 				context.set("offset", ZERO_POINT);
-				context.set("crop", context.initial("crop"));
+				send({
+					type: "SET_DEFAULT_CROP",
+					src: "reset"
+				});
+			},
+			adjustCropAspectRatio({ context, prop }) {
+				const viewportRect = context.get("viewportRect");
+				if (!isVisibleRect(viewportRect)) return;
+				const crop = context.get("crop");
+				if (!isVisibleRect(crop)) return;
+				const aspectRatio = resolveCropAspectRatio(prop("cropShape"), prop("aspectRatio"));
+				if (aspectRatio === void 0) return;
+				if (isAspectRatioEqual(crop.width / crop.height, aspectRatio)) return;
+				const { minSize, maxSize } = getCropSizeLimits(prop);
+				const constrainedCrop = computeResizeCrop({
+					cropStart: crop,
+					handlePosition: "se",
+					delta: ZERO_POINT,
+					viewportRect,
+					minSize,
+					maxSize,
+					aspectRatio
+				});
+				if (isSameSize(crop, constrainedCrop)) return;
+				const pos = centerCropOnPoint(constrainedCrop, getCenterPoint(crop), viewportRect);
+				context.set("crop", {
+					x: pos.x,
+					y: pos.y,
+					width: constrainedCrop.width,
+					height: constrainedCrop.height
+				});
 			}
 		},
 		effects: {
@@ -1855,7 +1915,8 @@ const machine = createMachine({
 						type: "POINTER_MOVE",
 						point: getEventPoint(event),
 						target: getEventTarget(event),
-						shiftKey: event.shiftKey
+						shiftKey: event.shiftKey,
+						altKey: event.altKey
 					});
 				}
 				function onPointerUp() {

package/dist/machines/listbox/index.d.cts

@@ -1,13 +1,13 @@
 import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-CADkcKtr.cjs";
-import { t as ListCollection } from "../../list-collection-BvMwDNHf.cjs";
-import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-vng1guNc.cjs";
+import { t as ListCollection } from "../../list-collection-DettiQL3.cjs";
+import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-D3b3yV_x.cjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 import { n as TypeaheadState } from "../../typeahead-BdNwVP09.cjs";
 
 //#region src/machines/listbox/listbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "input" | "item" | "content" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "input" | "itemIndicator" | "itemText" | "content" | "itemGroup" | "valueText" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/listbox/listbox.collection.d.ts
 declare const collection: {

package/dist/machines/listbox/index.d.mts

@@ -1,13 +1,13 @@
 import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
 import { r as CollectionOptions, t as CollectionItem } from "../../types-Df8ZhdY-.mjs";
-import { t as ListCollection } from "../../list-collection-CTt1eong.mjs";
-import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-JDFmyke7.mjs";
+import { t as ListCollection } from "../../list-collection-BbgocToA.mjs";
+import { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-CTaapzrB.mjs";
 import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 import { n as TypeaheadState } from "../../typeahead-DMSwLv1e.mjs";
 
 //#region src/machines/listbox/listbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "input" | "item" | "content" | "itemText" | "itemIndicator" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "item" | "input" | "itemIndicator" | "itemText" | "content" | "itemGroup" | "valueText" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/listbox/listbox.collection.d.ts
 declare const collection: {

package/dist/machines/marquee/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/marquee/marquee.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "content" | "viewport" | "edge">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "viewport" | "content" | "edge">;
 //#endregion
 //#region src/machines/marquee/marquee.types.d.ts
 interface PauseStatusDetails {
@@ -96,7 +96,7 @@ declare function connect<T extends PropTypes>(service: MarqueeService, normalize
 declare const machine: Machine<MarqueeSchema>;
 //#endregion
 //#region src/machines/marquee/marquee.props.d.ts
-declare const props: ("ids" | "id" | "getRootNode" | "paused" | "onComplete" | ("dir" | "reverse" | "translations" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "paused" | "onComplete" | ("dir" | "reverse" | "translations" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
+declare const props: ("ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("translations" | "dir" | "reverse" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("translations" | "dir" | "reverse" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
 //#endregion
 export { type MarqueeApi as Api, type ContentProps, type DimensionSnapshot, type EdgeProps, type ElementIds, type IntlTranslations, type MarqueeMachine as Machine, type Orientation, type PauseStatusDetails, type MarqueeProps as Props, type MarqueeService as Service, type Side, type UserDefinedContext, anatomy, connect, machine, props, splitProps };

package/dist/machines/marquee/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { b as NormalizeProps, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/marquee/marquee.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "content" | "viewport" | "edge">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "viewport" | "content" | "edge">;
 //#endregion
 //#region src/machines/marquee/marquee.types.d.ts
 interface PauseStatusDetails {
@@ -96,7 +96,7 @@ declare function connect<T extends PropTypes>(service: MarqueeService, normalize
 declare const machine: Machine<MarqueeSchema>;
 //#endregion
 //#region src/machines/marquee/marquee.props.d.ts
-declare const props: ("ids" | "id" | "getRootNode" | "paused" | "onComplete" | ("dir" | "reverse" | "translations" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "paused" | "onComplete" | ("dir" | "reverse" | "translations" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
+declare const props: ("ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("translations" | "dir" | "reverse" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "id" | "getRootNode" | "onComplete" | "paused" | ("translations" | "dir" | "reverse" | "spacing" | "side" | "speed" | "delay" | "loopCount" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
 //#endregion
 export { type MarqueeApi as Api, type ContentProps, type DimensionSnapshot, type EdgeProps, type ElementIds, type IntlTranslations, type MarqueeMachine as Machine, type Orientation, type PauseStatusDetails, type MarqueeProps as Props, type MarqueeService as Service, type Side, type UserDefinedContext, anatomy, connect, machine, props, splitProps };

package/dist/machines/menu/index.d.cts

@@ -8,7 +8,7 @@ import { c as Placement, d as PositioningOptions } from "../../types-D5ziaMrd.cj
 import { a as Point } from "../../types-DddL75YY.cjs";
 
 //#region src/machines/menu/menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"indicator" | "item" | "trigger" | "separator" | "content" | "itemText" | "itemIndicator" | "arrow" | "positioner" | "arrowTip" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"item" | "itemIndicator" | "itemText" | "separator" | "trigger" | "content" | "indicator" | "itemGroup" | "arrow" | "arrowTip" | "positioner" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
 //#endregion
 //#region src/machines/menu/menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/menu/index.d.mts

@@ -8,7 +8,7 @@ import { p as PositioningOptions, u as Placement } from "../../index-BTi1wETB.mj
 import { a as Point } from "../../types-J14X3oxU.mjs";
 
 //#region src/machines/menu/menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"indicator" | "item" | "trigger" | "separator" | "content" | "itemText" | "itemIndicator" | "arrow" | "positioner" | "arrowTip" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"item" | "itemIndicator" | "itemText" | "separator" | "trigger" | "content" | "indicator" | "itemGroup" | "arrow" | "arrowTip" | "positioner" | "itemGroupLabel" | "contextTrigger" | "triggerItem">;
 //#endregion
 //#region src/machines/menu/menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/navigation-menu/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "link" | "indicator" | "list" | "item" | "trigger" | "content" | "viewport" | "viewportPositioner" | "itemIndicator" | "arrow">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "viewport" | "itemIndicator" | "trigger" | "content" | "indicator" | "link" | "arrow" | "list" | "viewportPositioner">;
 //#endregion
 //#region src/machines/navigation-menu/navigation-menu.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/navigation-menu/index.d.mts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQ
 import { _ as Size, b as NormalizeProps, d as Orientation, f as OrientationProperty, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BuUzJjaP.mjs";
 
 //#region src/machines/navigation-menu/navigation-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "link" | "indicator" | "list" | "item" | "trigger" | "content" | "viewport" | "viewportPositioner" | "itemIndicator" | "arrow">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "viewport" | "itemIndicator" | "trigger" | "content" | "indicator" | "link" | "arrow" | "list" | "viewportPositioner">;
 //#endregion
 //#region src/machines/navigation-menu/navigation-menu.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/number-input/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, o as LocaleProperties, t as Commo
 import { NumberFormatter, NumberParser } from "@internationalized/number";
 
 //#region src/machines/number-input/number-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "control" | "input" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
 //#endregion
 //#region src/machines/number-input/number-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/number-input/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, o as LocaleProperties, t as Commo
 import { NumberFormatter, NumberParser } from "@internationalized/number";
 
 //#region src/machines/number-input/number-input.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "control" | "input" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber">;
 //#endregion
 //#region src/machines/number-input/number-input.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/pagination/index.d.cts

@@ -3,7 +3,7 @@ import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu6
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
 
 //#region src/machines/pagination/pagination.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "nextTrigger" | "prevTrigger" | "ellipsis" | "firstTrigger" | "lastTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "item" | "ellipsis" | "firstTrigger" | "prevTrigger" | "nextTrigger" | "lastTrigger">;
 //#endregion
 //#region src/machines/pagination/pagination.types.d.ts
 interface PageChangeDetails {