@sprawlify/primitives 0.0.62 → 0.0.63

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

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-DHVOqZET.mjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DL5AIQk5.mjs";
-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";
+import { n as AnatomyInstance } from "../../create-anatomy-UNZ__hxH.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BM4oVvZZ.mjs";
+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-CafmAesU.mjs";
 
 //#region src/machines/image-cropper/image-cropper.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "viewport" | "image" | "selection" | "handle" | "grid">;
+declare const anatomy: AnatomyInstance<"root" | "image" | "viewport" | "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

@@ -1,8 +1,8 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { Zt as contains, ct as addDomEvent, dt as getEventPoint, m as resizeObserverBorderBox, pt as getEventTarget, ut as getEventKey, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { H as toPx, W as callAll, g as clampValue, rt as isBoolean, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine } from "../../core-CujC6Y2H.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { Zt as contains, ct as addDomEvent, dt as getEventPoint, m as resizeObserverBorderBox, pt as getEventTarget, ut as getEventKey, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { H as toPx, W as callAll, g as clampValue, rt as isBoolean, u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { a as createMachine } from "../../core-owywCQ2e.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/image-cropper/image-cropper.anatomy.ts
 const anatomy = createAnatomy("image-cropper").parts("root", "viewport", "image", "selection", "handle", "grid");
@@ -514,21 +514,21 @@ function computeMoveCrop(cropStart, delta, viewportRect) {
 }
 function clampOffset(params) {
 	const { zoom, rotation, viewportSize, offset, fixedCropArea, crop } = params;
-	const { cos: cos$1, sin: sin$1 } = getRotationTransform(rotation);
+	const { cos, sin } = getRotationTransform(rotation);
 	if (fixedCropArea && crop) {
-		const aabb$1 = computeAABB(viewportSize, zoom, cos$1, sin$1);
+		const aabb = computeAABB(viewportSize, zoom, cos, sin);
 		const center = getViewportCenter(viewportSize);
 		const cropRight = crop.x + crop.width;
 		const cropBottom = crop.y + crop.height;
 		return clampPoint(offset, {
-			x: cropRight - center.x - aabb$1.width / 2,
-			y: cropBottom - center.y - aabb$1.height / 2
+			x: cropRight - center.x - aabb.width / 2,
+			y: cropBottom - center.y - aabb.height / 2
 		}, {
-			x: crop.x - center.x + aabb$1.width / 2,
-			y: crop.y - center.y + aabb$1.height / 2
+			x: crop.x - center.x + aabb.width / 2,
+			y: crop.y - center.y + aabb.height / 2
 		});
 	}
-	const aabb = computeAABB(viewportSize, zoom, cos$1, sin$1);
+	const aabb = computeAABB(viewportSize, zoom, cos, sin);
 	const extraWidth = max(0, aabb.width - viewportSize.width);
 	const extraHeight = max(0, aabb.height - viewportSize.height);
 	return clampPoint(offset, {
@@ -718,15 +718,15 @@ const computeDefaultCropDimensions = (viewportRect, aspectRatio, fixedCropArea)
 	const targetHeight = viewportRect.height * DEFAULT_VIEWPORT_FILL;
 	if (typeof aspectRatio === "number" && aspectRatio > 0) {
 		if (fixedCropArea) {
-			let height$1 = viewportRect.height;
-			let width = height$1 * aspectRatio;
+			let height = viewportRect.height;
+			let width = height * aspectRatio;
 			if (width > viewportRect.width) {
 				width = viewportRect.width;
-				height$1 = width / aspectRatio;
+				height = width / aspectRatio;
 			}
 			return {
 				width,
-				height: height$1
+				height
 			};
 		}
 		if (aspectRatio > targetWidth / targetHeight) {
@@ -801,9 +801,9 @@ const ZERO_POINT = {
 const getTouchDistance = (p1, p2) => {
 	return hypot(p1.x - p2.x, p1.y - p2.y);
 };
-const clampPoint = (point, min$1, max$1) => ({
-	x: clampValue(point.x, min$1.x, max$1.x),
-	y: clampValue(point.y, min$1.y, max$1.y)
+const clampPoint = (point, min, max) => ({
+	x: clampValue(point.x, min.x, max.x),
+	y: clampValue(point.y, min.y, max.y)
 });
 const subtractPoints = (a, b) => ({
 	x: a.x - b.x,
@@ -832,12 +832,12 @@ const getRotationTransform = (rotation) => {
 		sin: abs(sin(theta))
 	};
 };
-const computeAABB = (size, zoom, cos$1, sin$1) => {
+const computeAABB = (size, zoom, cos, sin) => {
 	const w = size.width * zoom;
 	const h = size.height * zoom;
 	return {
-		width: w * cos$1 + h * sin$1,
-		height: w * sin$1 + h * cos$1
+		width: w * cos + h * sin,
+		height: w * sin + h * cos
 	};
 };
 const scaleSize = (size, scale) => ({
@@ -1204,8 +1204,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getHandleProps(props$1) {
-			const handlePosition = props$1.position;
+		getHandleProps(props) {
+			const handlePosition = props.position;
 			const disabled = !!fixedCropArea;
 			return normalize.element({
 				...parts.handle.attrs,
@@ -1229,9 +1229,9 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getGridProps(props$1) {
-			const axis = props$1.axis;
-			const isMeasured$1 = computed("isMeasured");
+		getGridProps(props) {
+			const axis = props.axis;
+			const isMeasured = computed("isMeasured");
 			return normalize.element({
 				...parts.grid.attrs,
 				"aria-hidden": "true",
@@ -1242,7 +1242,7 @@ function connect(service, normalize) {
 					position: "absolute",
 					inset: axis === "horizontal" ? "33.33% 0" : "0 33.33%",
 					pointerEvents: "none",
-					visibility: isMeasured$1 ? void 0 : "hidden"
+					visibility: isMeasured ? void 0 : "hidden"
 				}
 			});
 		}
@@ -1252,7 +1252,7 @@ function connect(service, normalize) {
 //#endregion
 //#region src/machines/image-cropper/image-cropper.machine.ts
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			minWidth: 40,
 			minHeight: 40,
@@ -1273,7 +1273,7 @@ const machine = createMachine({
 			nudgeStep: 1,
 			nudgeStepShift: 10,
 			nudgeStepCtrl: 50,
-			...props$1,
+			...props,
 			translations: {
 				rootLabel: "Image cropper",
 				rootRoleDescription: "Image cropper",
@@ -1288,7 +1288,7 @@ const machine = createMachine({
 					if (shape === "circle") return `Position X ${x}px, Y ${y}px. Diameter ${width}px.`;
 					return `Position X ${x}px, Y ${y}px. Size ${width}px by ${height}px.`;
 				},
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},
@@ -1522,21 +1522,21 @@ const machine = createMachine({
 				};
 				const initialCrop = prop("initialCrop");
 				if (initialCrop) {
-					const { width: width$1, height: height$1 } = clampSize({
+					const { width, height } = clampSize({
 						x: 0,
 						y: 0,
 						width: initialCrop.width,
 						height: initialCrop.height
 					});
-					const { x: x$1, y: y$1 } = clampPoint(initialCrop, ZERO_POINT, getMaxBounds({
-						width: width$1,
-						height: height$1
+					const { x, y } = clampPoint(initialCrop, ZERO_POINT, getMaxBounds({
+						width,
+						height
 					}, viewportRect));
 					context.set("crop", {
-						x: x$1,
-						y: y$1,
-						width: width$1,
-						height: height$1
+						x,
+						y,
+						width,
+						height
 					});
 					return;
 				}
@@ -1725,8 +1725,8 @@ const machine = createMachine({
 				const nextZoom = calculateNextZoom();
 				if (nextZoom === null) return;
 				if (nextZoom === currentZoom && panDelta) {
-					const nextOffset$1 = applyClampedOffset(currentZoom, addPoints(currentOffset, panDelta));
-					context.set("offset", nextOffset$1);
+					const nextOffset = applyClampedOffset(currentZoom, addPoints(currentOffset, panDelta));
+					context.set("offset", nextOffset);
 					return;
 				}
 				if (nextZoom === currentZoom) return;

package/dist/machines/listbox/index.cjs

@@ -1,9 +1,9 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
-const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_collection = require('../../collection-Q52RkxUe.cjs');
-const require_core = require('../../core-CsVTCpQ_.cjs');
-const require_focus_visible = require('../../focus-visible-Ddho9PEA.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_collection = require('../../collection-Fkg4kgPn.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
+const require_focus_visible = require('../../focus-visible-3pXNNo-l.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/listbox/listbox.anatomy.ts
@@ -44,8 +44,8 @@ const getItemEl = (ctx, id) => ctx.getById(getItemId(ctx, id));
 function connect(service, normalize) {
 	const { context, prop, scope, computed, send, refs } = service;
 	const disabled = prop("disabled");
-	const collection$1 = prop("collection");
-	const layout = require_collection.isGridCollection(collection$1) ? "grid" : "list";
+	const collection = prop("collection");
+	const layout = require_collection.isGridCollection(collection) ? "grid" : "list";
 	const focused = context.get("focused");
 	const focusVisible = refs.get("focusVisible") && focused;
 	const inputState = refs.get("inputState");
@@ -56,18 +56,18 @@ function connect(service, normalize) {
 	const isTypingAhead = computed("isTypingAhead");
 	const interactive = computed("isInteractive");
 	const ariaActiveDescendant = highlightedValue ? getItemId(scope, highlightedValue) : void 0;
-	function getItemState(props$1) {
-		const itemDisabled = collection$1.getItemDisabled(props$1.item);
-		const value$1 = collection$1.getItemValue(props$1.item);
-		require_utils.ensure(value$1, () => `[sprawlify-js] No value found for item ${JSON.stringify(props$1.item)}`);
-		const highlighted = highlightedValue === value$1;
+	function getItemState(props) {
+		const itemDisabled = collection.getItemDisabled(props.item);
+		const value = collection.getItemValue(props.item);
+		require_utils.ensure(value, () => `[sprawlify-js] No value found for item ${JSON.stringify(props.item)}`);
+		const highlighted = highlightedValue === value;
 		return {
-			value: value$1,
+			value,
 			disabled: Boolean(disabled || itemDisabled),
 			focused: highlighted && focused,
 			focusVisible: highlighted && focusVisible,
 			highlighted: highlighted && (inputState.focused ? focused : focusVisible),
-			selected: context.get("value").includes(value$1)
+			selected: context.get("value").includes(value)
 		};
 	}
 	return {
@@ -84,37 +84,37 @@ function connect(service, normalize) {
 		hasSelectedItems: computed("hasSelectedItems"),
 		value,
 		valueAsString: computed("valueAsString"),
-		collection: collection$1,
+		collection,
 		disabled: !!disabled,
-		selectValue(value$1) {
+		selectValue(value) {
 			send({
 				type: "ITEM.SELECT",
-				value: value$1
+				value
 			});
 		},
-		setValue(value$1) {
+		setValue(value) {
 			send({
 				type: "VALUE.SET",
-				value: value$1
+				value
 			});
 		},
 		selectAll() {
 			if (!computed("multiple")) throw new Error("[sprawlify-js] Cannot select all items in a single-select listbox");
 			send({
 				type: "VALUE.SET",
-				value: collection$1.getValues()
+				value: collection.getValues()
 			});
 		},
-		highlightValue(value$1) {
+		highlightValue(value) {
 			send({
 				type: "HIGHLIGHTED_VALUE.SET",
-				value: value$1
+				value
 			});
 		},
-		clearValue(value$1) {
-			if (value$1) send({
+		clearValue(value) {
+			if (value) send({
 				type: "ITEM.CLEAR",
-				value: value$1
+				value
 			});
 			else send({ type: "VALUE.CLEAR" });
 		},
@@ -128,7 +128,7 @@ function connect(service, normalize) {
 				"data-disabled": require_dom_query.dataAttr(disabled)
 			});
 		},
-		getInputProps(props$1 = {}) {
+		getInputProps(props = {}) {
 			return normalize.input({
 				...parts.input.attrs,
 				dir: prop("dir"),
@@ -146,7 +146,7 @@ function connect(service, normalize) {
 					queueMicrotask(() => {
 						send({
 							type: "INPUT.FOCUS",
-							autoHighlight: !!props$1?.autoHighlight
+							autoHighlight: !!props?.autoHighlight
 						});
 					});
 				},
@@ -157,7 +157,7 @@ function connect(service, normalize) {
 					});
 				},
 				onInput(event) {
-					if (!props$1?.autoHighlight) return;
+					if (!props?.autoHighlight) return;
 					if (event.currentTarget.value.trim()) return;
 					queueMicrotask(() => {
 						send({
@@ -178,7 +178,7 @@ function connect(service, normalize) {
 					switch (nativeEvent.key) {
 						case "ArrowLeft":
 						case "ArrowRight":
-							if (!require_collection.isGridCollection(collection$1)) return;
+							if (!require_collection.isGridCollection(collection)) return;
 							if (event.ctrlKey) return;
 							forwardEvent();
 						case "Home":
@@ -218,8 +218,8 @@ function connect(service, normalize) {
 				"data-disabled": require_dom_query.dataAttr(disabled)
 			});
 		},
-		getItemProps(props$1) {
-			const itemState = getItemState(props$1);
+		getItemProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				id: getItemId(scope, itemState.value),
 				role: "option",
@@ -235,7 +235,7 @@ function connect(service, normalize) {
 				"data-disabled": require_dom_query.dataAttr(itemState.disabled),
 				"aria-disabled": require_dom_query.ariaAttr(itemState.disabled),
 				onPointerMove(event) {
-					if (!props$1.highlightOnHover) return;
+					if (!props.highlightOnHover) return;
 					if (itemState.disabled || event.pointerType !== "mouse") return;
 					if (itemState.highlighted) return;
 					send({
@@ -260,8 +260,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getItemTextProps(props$1) {
-			const itemState = getItemState(props$1);
+		getItemTextProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				...parts.itemText.attrs,
 				"data-state": itemState.selected ? "checked" : "unchecked",
@@ -269,8 +269,8 @@ function connect(service, normalize) {
 				"data-highlighted": require_dom_query.dataAttr(itemState.highlighted)
 			});
 		},
-		getItemIndicatorProps(props$1) {
-			const itemState = getItemState(props$1);
+		getItemIndicatorProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				...parts.itemIndicator.attrs,
 				"aria-hidden": true,
@@ -278,8 +278,8 @@ function connect(service, normalize) {
 				hidden: !itemState.selected
 			});
 		},
-		getItemGroupLabelProps(props$1) {
-			const { htmlFor } = props$1;
+		getItemGroupLabelProps(props) {
+			const { htmlFor } = props;
 			return normalize.element({
 				...parts.itemGroupLabel.attrs,
 				id: getItemGroupLabelId(scope, htmlFor),
@@ -287,13 +287,13 @@ function connect(service, normalize) {
 				role: "presentation"
 			});
 		},
-		getItemGroupProps(props$1) {
-			const { id } = props$1;
+		getItemGroupProps(props) {
+			const { id } = props;
 			return normalize.element({
 				...parts.itemGroup.attrs,
 				"data-disabled": require_dom_query.dataAttr(disabled),
 				"data-orientation": prop("orientation"),
-				"data-empty": require_dom_query.dataAttr(collection$1.size === 0),
+				"data-empty": require_dom_query.dataAttr(collection.size === 0),
 				id: getItemGroupId(scope, id),
 				"aria-labelledby": getItemGroupLabelId(scope, id),
 				role: "group",
@@ -313,8 +313,8 @@ function connect(service, normalize) {
 				"aria-labelledby": getLabelId(scope),
 				tabIndex: 0,
 				"data-layout": layout,
-				"data-empty": require_dom_query.dataAttr(collection$1.size === 0),
-				style: { "--column-count": require_collection.isGridCollection(collection$1) ? collection$1.columnCount : 1 },
+				"data-empty": require_dom_query.dataAttr(collection.size === 0),
+				style: { "--column-count": require_collection.isGridCollection(collection) ? collection.columnCount : 1 },
 				onFocus() {
 					send({ type: "CONTENT.FOCUS" });
 				},
@@ -326,13 +326,13 @@ function connect(service, normalize) {
 					if (!require_dom_query.contains(event.currentTarget, require_dom_query.getEventTarget(event))) return;
 					const shiftKey = event.shiftKey;
 					const keyMap = {
-						ArrowUp(event$1) {
+						ArrowUp(event) {
 							let nextValue = null;
-							if (require_collection.isGridCollection(collection$1) && highlightedValue) nextValue = collection$1.getPreviousRowValue(highlightedValue);
-							else if (highlightedValue) nextValue = collection$1.getPreviousValue(highlightedValue);
-							if (!nextValue && (prop("loopFocus") || !highlightedValue)) nextValue = collection$1.lastValue;
+							if (require_collection.isGridCollection(collection) && highlightedValue) nextValue = collection.getPreviousRowValue(highlightedValue);
+							else if (highlightedValue) nextValue = collection.getPreviousValue(highlightedValue);
+							if (!nextValue && (prop("loopFocus") || !highlightedValue)) nextValue = collection.lastValue;
 							if (!nextValue) return;
-							event$1.preventDefault();
+							event.preventDefault();
 							send({
 								type: "NAVIGATE",
 								value: nextValue,
@@ -340,13 +340,13 @@ function connect(service, normalize) {
 								anchorValue: highlightedValue
 							});
 						},
-						ArrowDown(event$1) {
+						ArrowDown(event) {
 							let nextValue = null;
-							if (require_collection.isGridCollection(collection$1) && highlightedValue) nextValue = collection$1.getNextRowValue(highlightedValue);
-							else if (highlightedValue) nextValue = collection$1.getNextValue(highlightedValue);
-							if (!nextValue && (prop("loopFocus") || !highlightedValue)) nextValue = collection$1.firstValue;
+							if (require_collection.isGridCollection(collection) && highlightedValue) nextValue = collection.getNextRowValue(highlightedValue);
+							else if (highlightedValue) nextValue = collection.getNextValue(highlightedValue);
+							if (!nextValue && (prop("loopFocus") || !highlightedValue)) nextValue = collection.firstValue;
 							if (!nextValue) return;
-							event$1.preventDefault();
+							event.preventDefault();
 							send({
 								type: "NAVIGATE",
 								value: nextValue,
@@ -355,9 +355,9 @@ function connect(service, normalize) {
 							});
 						},
 						ArrowLeft() {
-							if (!require_collection.isGridCollection(collection$1) && prop("orientation") === "vertical") return;
-							let nextValue = highlightedValue ? collection$1.getPreviousValue(highlightedValue) : null;
-							if (!nextValue && prop("loopFocus")) nextValue = collection$1.lastValue;
+							if (!require_collection.isGridCollection(collection) && prop("orientation") === "vertical") return;
+							let nextValue = highlightedValue ? collection.getPreviousValue(highlightedValue) : null;
+							if (!nextValue && prop("loopFocus")) nextValue = collection.lastValue;
 							if (!nextValue) return;
 							event.preventDefault();
 							send({
@@ -368,9 +368,9 @@ function connect(service, normalize) {
 							});
 						},
 						ArrowRight() {
-							if (!require_collection.isGridCollection(collection$1) && prop("orientation") === "vertical") return;
-							let nextValue = highlightedValue ? collection$1.getNextValue(highlightedValue) : null;
-							if (!nextValue && prop("loopFocus")) nextValue = collection$1.firstValue;
+							if (!require_collection.isGridCollection(collection) && prop("orientation") === "vertical") return;
+							let nextValue = highlightedValue ? collection.getNextValue(highlightedValue) : null;
+							if (!nextValue && prop("loopFocus")) nextValue = collection.firstValue;
 							if (!nextValue) return;
 							event.preventDefault();
 							send({
@@ -380,9 +380,9 @@ function connect(service, normalize) {
 								anchorValue: highlightedValue
 							});
 						},
-						Home(event$1) {
-							event$1.preventDefault();
-							let nextValue = collection$1.firstValue;
+						Home(event) {
+							event.preventDefault();
+							let nextValue = collection.firstValue;
 							send({
 								type: "NAVIGATE",
 								value: nextValue,
@@ -390,9 +390,9 @@ function connect(service, normalize) {
 								anchorValue: highlightedValue
 							});
 						},
-						End(event$1) {
-							event$1.preventDefault();
-							let nextValue = collection$1.lastValue;
+						End(event) {
+							event.preventDefault();
+							let nextValue = collection.lastValue;
 							send({
 								type: "NAVIGATE",
 								value: nextValue,
@@ -406,26 +406,26 @@ function connect(service, normalize) {
 								value: highlightedValue
 							});
 						},
-						a(event$1) {
-							if (require_dom_query.isCtrlOrMetaKey(event$1) && computed("multiple") && !prop("disallowSelectAll")) {
-								event$1.preventDefault();
+						a(event) {
+							if (require_dom_query.isCtrlOrMetaKey(event) && computed("multiple") && !prop("disallowSelectAll")) {
+								event.preventDefault();
 								send({
 									type: "VALUE.SET",
-									value: collection$1.getValues()
+									value: collection.getValues()
 								});
 							}
 						},
-						Space(event$1) {
+						Space(event) {
 							if (isTypingAhead && prop("typeahead")) send({
 								type: "CONTENT.TYPEAHEAD",
-								key: event$1.key
+								key: event.key
 							});
-							else keyMap.Enter?.(event$1);
+							else keyMap.Enter?.(event);
 						},
-						Escape(event$1) {
+						Escape(event) {
 							if (prop("deselectable") && value.length > 0) {
-								event$1.preventDefault();
-								event$1.stopPropagation();
+								event.preventDefault();
+								event.stopPropagation();
 								send({ type: "VALUE.CLEAR" });
 							}
 						}
@@ -454,7 +454,7 @@ function connect(service, normalize) {
 const { guards, createMachine } = require_core.setup();
 const { or } = guards;
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			loopFocus: false,
 			composite: true,
@@ -464,7 +464,7 @@ const machine = createMachine({
 			collection: collection.empty(),
 			orientation: "vertical",
 			selectionMode: "single",
-			...props$1
+			...props
 		};
 	},
 	context({ prop, bindable }) {
@@ -588,7 +588,7 @@ const machine = createMachine({
 					const highlightedValue = context.get("highlightedValue");
 					if (highlightedValue == null) return;
 					if (require_focus_visible.getInteractionModality() !== "keyboard") return;
-					const contentEl$1 = getContentEl(scope);
+					const contentEl = getContentEl(scope);
 					const scrollToIndexFn = prop("scrollToIndexFn");
 					if (scrollToIndexFn) {
 						const highlightedIndex = prop("collection").indexOf(highlightedValue);
@@ -602,7 +602,7 @@ const machine = createMachine({
 						return;
 					}
 					require_dom_query.scrollIntoView(getItemEl(scope, highlightedValue), {
-						rootEl: contentEl$1,
+						rootEl: contentEl,
 						block: "nearest"
 					});
 				};
@@ -620,30 +620,30 @@ const machine = createMachine({
 		actions: {
 			selectHighlightedItem({ context, prop, event, computed }) {
 				const value = event.value ?? context.get("highlightedValue");
-				const collection$1 = prop("collection");
-				if (value == null || !collection$1.has(value)) return;
+				const collection = prop("collection");
+				if (value == null || !collection.has(value)) return;
 				const selection = computed("selection");
 				if (event.shiftKey && computed("multiple") && event.anchorValue) {
-					const next = selection.extendSelection(collection$1, event.anchorValue, value);
+					const next = selection.extendSelection(collection, event.anchorValue, value);
 					invokeOnSelect(selection, next, prop("onSelect"));
 					context.set("value", Array.from(next));
 				} else {
-					const next = selection.select(collection$1, value, event.metaKey);
+					const next = selection.select(collection, value, event.metaKey);
 					invokeOnSelect(selection, next, prop("onSelect"));
 					context.set("value", Array.from(next));
 				}
 			},
 			selectWithKeyboard({ context, prop, event, computed }) {
 				const selection = computed("selection");
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				if (event.shiftKey && computed("multiple") && event.anchorValue) {
-					const next = selection.extendSelection(collection$1, event.anchorValue, event.value);
+					const next = selection.extendSelection(collection, event.anchorValue, event.value);
 					invokeOnSelect(selection, next, prop("onSelect"));
 					context.set("value", Array.from(next));
 					return;
 				}
 				if (prop("selectOnHighlight")) {
-					const next = selection.replaceSelection(collection$1, event.value);
+					const next = selection.replaceSelection(collection, event.value);
 					invokeOnSelect(selection, next, prop("onSelect"));
 					context.set("value", Array.from(next));
 				}
@@ -666,9 +666,9 @@ const machine = createMachine({
 				context.set("highlightedValue", null);
 			},
 			selectItem({ context, prop, event, computed }) {
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				const selection = computed("selection");
-				const next = selection.select(collection$1, event.value);
+				const next = selection.select(collection, event.value);
 				invokeOnSelect(selection, next, prop("onSelect"));
 				context.set("value", Array.from(next));
 			},
@@ -683,21 +683,21 @@ const machine = createMachine({
 				context.set("value", []);
 			},
 			syncSelectedItems({ context, prop }) {
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				const prevSelectedItems = context.get("selectedItems");
 				const selectedItems = context.get("value").map((value) => {
-					return prevSelectedItems.find((item) => collection$1.getItemValue(item) === value) || collection$1.find(value);
+					return prevSelectedItems.find((item) => collection.getItemValue(item) === value) || collection.find(value);
 				});
 				context.set("selectedItems", selectedItems);
 			},
 			syncHighlightedItem({ context, prop }) {
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				const highlightedValue = context.get("highlightedValue");
-				const highlightedItem = highlightedValue ? collection$1.find(highlightedValue) : null;
+				const highlightedItem = highlightedValue ? collection.find(highlightedValue) : null;
 				context.set("highlightedItem", highlightedItem);
 			},
 			syncHighlightedValue({ context, prop, refs }) {
-				const collection$1 = prop("collection");
+				const collection = prop("collection");
 				const highlightedValue = context.get("highlightedValue");
 				const { autoHighlight } = refs.get("inputState");
 				if (autoHighlight) {
@@ -706,7 +706,7 @@ const machine = createMachine({
 					});
 					return;
 				}
-				if (highlightedValue != null && !collection$1.has(highlightedValue)) queueMicrotask(() => {
+				if (highlightedValue != null && !collection.has(highlightedValue)) queueMicrotask(() => {
 					context.set("highlightedValue", null);
 				});
 			},