@sprawlify/primitives 0.0.62 → 0.0.63

package/dist/machines/rating-group/index.cjs

@@ -1,7 +1,7 @@
 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_core = require('../../core-CsVTCpQ_.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/rating-group/rating-group.anatomy.ts
@@ -38,13 +38,13 @@ function connect(service, normalize) {
 	const value = context.get("value");
 	const hoveredValue = context.get("hoveredValue");
 	const translations = prop("translations");
-	function getItemState(props$1) {
+	function getItemState(props) {
 		const currentValue = computed("isHovering") ? hoveredValue : value;
-		const equal = Math.ceil(currentValue) === props$1.index;
+		const equal = Math.ceil(currentValue) === props.index;
 		return {
-			highlighted: props$1.index <= currentValue || equal,
-			half: equal && Math.abs(currentValue - props$1.index) === .5,
-			checked: equal || value <= 0 && props$1.index === 1
+			highlighted: props.index <= currentValue || equal,
+			half: equal && Math.abs(currentValue - props.index) === .5,
+			checked: equal || value <= 0 && props.index === 1
 		};
 	}
 	return {
@@ -53,10 +53,10 @@ function connect(service, normalize) {
 		hoveredValue,
 		count: prop("count"),
 		items: Array.from({ length: prop("count") }).map((_, index) => index + 1),
-		setValue(value$1) {
+		setValue(value) {
 			send({
 				type: "SET_VALUE",
-				value: value$1
+				value
 			});
 		},
 		clearValue() {
@@ -122,9 +122,9 @@ function connect(service, normalize) {
 			});
 		},
 		getItemState,
-		getItemProps(props$1) {
-			const { index } = props$1;
-			const itemState = getItemState(props$1);
+		getItemProps(props) {
+			const { index } = props;
+			const itemState = getItemState(props);
 			const valueText = translations.ratingValueText(index);
 			return normalize.element({
 				...parts.item.attrs,
@@ -220,16 +220,16 @@ function connect(service, normalize) {
 //#endregion
 //#region src/machines/rating-group/rating-group.machine.ts
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			name: "rating",
 			count: 5,
 			dir: "ltr",
 			defaultValue: -1,
-			...props$1,
+			...props,
 			translations: {
 				ratingValueText: (index) => `${index} stars`,
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},

package/dist/machines/rating-group/index.d.cts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.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 AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-fB7F7BBP.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#region src/machines/rating-group/rating-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "label">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "item">;
 //#endregion
 //#region src/machines/rating-group/rating-group.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/rating-group/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 { b as NormalizeProps, g as RequiredBy, 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 { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/rating-group/rating-group.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "label">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "item">;
 //#endregion
 //#region src/machines/rating-group/rating-group.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/rating-group/index.mjs

@@ -1,8 +1,8 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { A as getRelativePoint, S as query, W as raf, bt as isLeftClick, dt as getEventPoint, it as dispatchInputValueEvent, st as trackFormControl, ut as getEventKey, vn as ariaAttr, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { 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 { A as getRelativePoint, S as query, W as raf, bt as isLeftClick, dt as getEventPoint, it as dispatchInputValueEvent, st as trackFormControl, ut as getEventKey, vn as ariaAttr, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { 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/rating-group/rating-group.anatomy.ts
 const anatomy = createAnatomy("rating-group").parts("root", "label", "item", "control");
@@ -38,13 +38,13 @@ function connect(service, normalize) {
 	const value = context.get("value");
 	const hoveredValue = context.get("hoveredValue");
 	const translations = prop("translations");
-	function getItemState(props$1) {
+	function getItemState(props) {
 		const currentValue = computed("isHovering") ? hoveredValue : value;
-		const equal = Math.ceil(currentValue) === props$1.index;
+		const equal = Math.ceil(currentValue) === props.index;
 		return {
-			highlighted: props$1.index <= currentValue || equal,
-			half: equal && Math.abs(currentValue - props$1.index) === .5,
-			checked: equal || value <= 0 && props$1.index === 1
+			highlighted: props.index <= currentValue || equal,
+			half: equal && Math.abs(currentValue - props.index) === .5,
+			checked: equal || value <= 0 && props.index === 1
 		};
 	}
 	return {
@@ -53,10 +53,10 @@ function connect(service, normalize) {
 		hoveredValue,
 		count: prop("count"),
 		items: Array.from({ length: prop("count") }).map((_, index) => index + 1),
-		setValue(value$1) {
+		setValue(value) {
 			send({
 				type: "SET_VALUE",
-				value: value$1
+				value
 			});
 		},
 		clearValue() {
@@ -122,9 +122,9 @@ function connect(service, normalize) {
 			});
 		},
 		getItemState,
-		getItemProps(props$1) {
-			const { index } = props$1;
-			const itemState = getItemState(props$1);
+		getItemProps(props) {
+			const { index } = props;
+			const itemState = getItemState(props);
 			const valueText = translations.ratingValueText(index);
 			return normalize.element({
 				...parts.item.attrs,
@@ -220,16 +220,16 @@ function connect(service, normalize) {
 //#endregion
 //#region src/machines/rating-group/rating-group.machine.ts
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			name: "rating",
 			count: 5,
 			dir: "ltr",
 			defaultValue: -1,
-			...props$1,
+			...props,
 			translations: {
 				ratingValueText: (index) => `${index} stars`,
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},

package/dist/machines/scroll-area/index.cjs

@@ -1,8 +1,8 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-const require_dom_query = require('../../dom-query-xZuxOsD4.cjs');
-const require_defineProperty = require('../../defineProperty-xA1FicUs.cjs');
-const require_utils = require('../../utils-B4_qn2dt.cjs');
-const require_core = require('../../core-CsVTCpQ_.cjs');
+const require_dom_query = require('../../dom-query-CAFhX43H.cjs');
+const require_defineProperty = require('../../defineProperty-_bOnJOii.cjs');
+const require_utils = require('../../utils-CJsQZljH.cjs');
+const require_core = require('../../core-CHsDFMV3.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/scroll-area/scroll-area.anatomy.ts
@@ -171,8 +171,8 @@ function connect(service, normalize) {
 		scrollTo(details) {
 			return scrollTo(getViewportEl(scope), details);
 		},
-		getScrollbarState(props$1) {
-			const horizontal = props$1.orientation === "horizontal";
+		getScrollbarState(props) {
+			const horizontal = props.orientation === "horizontal";
 			return {
 				hovering,
 				dragging,
@@ -263,8 +263,8 @@ function connect(service, normalize) {
 				style: { minWidth: "fit-content" }
 			});
 		},
-		getScrollbarProps(props$1 = {}) {
-			const { orientation = "vertical" } = props$1;
+		getScrollbarProps(props = {}) {
+			const { orientation = "vertical" } = props;
 			return normalize.element({
 				...parts.scrollbar.attrs,
 				"data-ownedby": getRootId(scope),
@@ -308,8 +308,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getThumbProps(props$1 = {}) {
-			const { orientation = "vertical" } = props$1;
+		getThumbProps(props = {}) {
+			const { orientation = "vertical" } = props;
 			return normalize.element({
 				...parts.thumb.attrs,
 				"data-ownedby": getRootId(scope),
@@ -431,9 +431,9 @@ var Timeout = class {
 const MIN_THUMB_SIZE = 20;
 const SCROLL_TIMEOUT = 1e3;
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
-		require_utils.ensureProps(props$1, ["id"]);
-		return props$1;
+	props({ props }) {
+		require_utils.ensureProps(props, ["id"]);
+		return props;
 	},
 	context({ bindable }) {
 		return {

package/dist/machines/scroll-area/index.d.cts

@@ -1,9 +1,9 @@
-import { n as AnatomyInstance } from "../../create-anatomy-smWrirg1.cjs";
-import { p as Machine, u as EventObject, y as Service } from "../../types-DejIu60O.cjs";
-import { _ as Size, b as NormalizeProps, d as Orientation, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-Bqw3r34-.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-fB7F7BBP.cjs";
+import { _ as Size, b as NormalizeProps, d as Orientation, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#region src/machines/scroll-area/scroll-area.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "content" | "viewport" | "scrollbar" | "thumb" | "corner">;
+declare const anatomy: AnatomyInstance<"root" | "thumb" | "viewport" | "content" | "scrollbar" | "corner">;
 //#endregion
 //#region src/machines/scroll-area/utils/timeout.d.ts
 declare class Timeout {

package/dist/machines/scroll-area/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, d as Orientation, 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, d as Orientation, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/scroll-area/scroll-area.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "content" | "viewport" | "scrollbar" | "thumb" | "corner">;
+declare const anatomy: AnatomyInstance<"root" | "thumb" | "viewport" | "content" | "scrollbar" | "corner">;
 //#endregion
 //#region src/machines/scroll-area/utils/timeout.d.ts
 declare class Timeout {

package/dist/machines/scroll-area/index.mjs

@@ -1,9 +1,9 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { E as trackPointerMove, S as query, Xt as getComputedStyle, Zt as contains, ct as addDomEvent, d as setStyleProperty, dt as getEventPoint, pt as getEventTarget, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { t as _defineProperty } from "../../defineProperty-bTDhmYM0.mjs";
-import { H as toPx, W as callAll, ft as isEqual, g as clampValue, l as compact, n as ensureProps, 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 { E as trackPointerMove, S as query, Xt as getComputedStyle, Zt as contains, ct as addDomEvent, d as setStyleProperty, dt as getEventPoint, pt as getEventTarget, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { t as _defineProperty } from "../../defineProperty-DR_NxfHn.mjs";
+import { H as toPx, W as callAll, ft as isEqual, g as clampValue, l as compact, n as ensureProps, 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/scroll-area/scroll-area.anatomy.ts
 const anatomy = createAnatomy("scroll-area").parts("root", "viewport", "content", "scrollbar", "thumb", "corner");
@@ -171,8 +171,8 @@ function connect(service, normalize) {
 		scrollTo(details) {
 			return scrollTo(getViewportEl(scope), details);
 		},
-		getScrollbarState(props$1) {
-			const horizontal = props$1.orientation === "horizontal";
+		getScrollbarState(props) {
+			const horizontal = props.orientation === "horizontal";
 			return {
 				hovering,
 				dragging,
@@ -263,8 +263,8 @@ function connect(service, normalize) {
 				style: { minWidth: "fit-content" }
 			});
 		},
-		getScrollbarProps(props$1 = {}) {
-			const { orientation = "vertical" } = props$1;
+		getScrollbarProps(props = {}) {
+			const { orientation = "vertical" } = props;
 			return normalize.element({
 				...parts.scrollbar.attrs,
 				"data-ownedby": getRootId(scope),
@@ -308,8 +308,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getThumbProps(props$1 = {}) {
-			const { orientation = "vertical" } = props$1;
+		getThumbProps(props = {}) {
+			const { orientation = "vertical" } = props;
 			return normalize.element({
 				...parts.thumb.attrs,
 				"data-ownedby": getRootId(scope),
@@ -431,9 +431,9 @@ var Timeout = class {
 const MIN_THUMB_SIZE = 20;
 const SCROLL_TIMEOUT = 1e3;
 const machine = createMachine({
-	props({ props: props$1 }) {
-		ensureProps(props$1, ["id"]);
-		return props$1;
+	props({ props }) {
+		ensureProps(props, ["id"]);
+		return props;
 	},
 	context({ bindable }) {
 		return {

package/dist/machines/select/index.cjs

@@ -1,11 +1,11 @@
 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');
-require('../../interact-outside-xGMuVVaa.cjs');
-const require_dismissable = require('../../dismissable-D9NEAGMU.cjs');
-const require_popper = require('../../popper-TNUpC0Kp.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');
+require('../../interact-outside-Dk2otQqs.cjs');
+const require_dismissable = require('../../dismissable-DSFGuAU6.cjs');
+const require_popper = require('../../popper-CY3ptPbm.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/select/select.anatomy.ts
@@ -53,7 +53,7 @@ function connect(service, normalize) {
 	const required = !!prop("required");
 	const readOnly = !!prop("readOnly");
 	const composite = prop("composite");
-	const collection$1 = prop("collection");
+	const collection = prop("collection");
 	const open = state.hasTag("open");
 	const focused = state.matches("focused");
 	const highlightedValue = context.get("highlightedValue");
@@ -63,10 +63,10 @@ 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 _disabled = collection$1.getItemDisabled(props$1.item);
-		const value = collection$1.getItemValue(props$1.item);
-		require_utils.ensure(value, () => `[sprawlify-js] No value found for item ${JSON.stringify(props$1.item)}`);
+	function getItemState(props) {
+		const _disabled = 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)}`);
 		return {
 			value,
 			disabled: Boolean(disabled || _disabled),
@@ -88,7 +88,7 @@ function connect(service, normalize) {
 		hasSelectedItems: computed("hasSelectedItems"),
 		value: context.get("value"),
 		valueAsString: computed("valueAsString"),
-		collection: collection$1,
+		collection,
 		multiple: !!prop("multiple"),
 		disabled: !!disabled,
 		reposition(options = {}) {
@@ -119,7 +119,7 @@ function connect(service, normalize) {
 		selectAll() {
 			send({
 				type: "VALUE.SET",
-				value: collection$1.getValues()
+				value: collection.getValues()
 			});
 		},
 		setHighlightValue(value) {
@@ -223,8 +223,8 @@ function connect(service, normalize) {
 						ArrowUp() {
 							send({ type: "TRIGGER.ARROW_UP" });
 						},
-						ArrowDown(event$1) {
-							send({ type: event$1.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
+						ArrowDown(event) {
+							send({ type: event.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
 						},
 						ArrowLeft() {
 							send({ type: "TRIGGER.ARROW_LEFT" });
@@ -241,10 +241,10 @@ function connect(service, normalize) {
 						Enter() {
 							send({ type: "TRIGGER.ENTER" });
 						},
-						Space(event$1) {
+						Space(event) {
 							if (isTypingAhead) send({
 								type: "TRIGGER.TYPEAHEAD",
-								key: event$1.key
+								key: event.key
 							});
 							else send({ type: "TRIGGER.ENTER" });
 						}
@@ -278,8 +278,8 @@ function connect(service, normalize) {
 				"data-readonly": require_dom_query.dataAttr(readOnly)
 			});
 		},
-		getItemProps(props$1) {
-			const itemState = getItemState(props$1);
+		getItemProps(props) {
+			const itemState = getItemState(props);
 			return normalize.element({
 				id: getItemId(scope, itemState.value),
 				role: "option",
@@ -310,15 +310,15 @@ function connect(service, normalize) {
 				},
 				onPointerLeave(event) {
 					if (itemState.disabled) return;
-					if (props$1.persistFocus) return;
+					if (props.persistFocus) return;
 					if (event.pointerType !== "mouse") return;
 					if (!service.event.previous()?.type.includes("POINTER")) return;
 					send({ type: "ITEM.POINTER_LEAVE" });
 				}
 			});
 		},
-		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",
@@ -326,8 +326,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({
 				"aria-hidden": true,
 				...parts.itemIndicator.attrs,
@@ -335,8 +335,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),
@@ -344,8 +344,8 @@ 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),
@@ -441,12 +441,12 @@ function connect(service, normalize) {
 								src: "keydown.enter"
 							});
 						},
-						Space(event$1) {
+						Space(event) {
 							if (isTypingAhead) send({
 								type: "CONTENT.TYPEAHEAD",
-								key: event$1.key
+								key: event.key
 							});
-							else keyMap.Enter?.(event$1);
+							else keyMap.Enter?.(event);
 						}
 					};
 					const exec = keyMap[require_dom_query.getEventKey(event)];
@@ -483,18 +483,18 @@ function connect(service, normalize) {
 //#region src/machines/select/select.machine.ts
 const { and, not, or } = require_core.createGuards();
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			loopFocus: false,
-			closeOnSelect: !props$1.multiple,
+			closeOnSelect: !props.multiple,
 			composite: true,
 			defaultValue: [],
-			...props$1,
-			collection: props$1.collection ?? collection.empty(),
+			...props,
+			collection: props.collection ?? collection.empty(),
 			positioning: {
 				placement: "bottom-start",
 				gutter: 8,
-				...props$1.positioning
+				...props.positioning
 			}
 		};
 	},
@@ -870,7 +870,7 @@ const machine = require_core.createMachine({
 					const highlightedValue = context.get("highlightedValue");
 					if (highlightedValue == null) return;
 					if (event.current().type.includes("POINTER")) return;
-					const contentEl$1 = getContentEl(scope);
+					const contentEl = getContentEl(scope);
 					const scrollToIndexFn = prop("scrollToIndexFn");
 					if (scrollToIndexFn) {
 						const highlightedIndex = prop("collection").indexOf(highlightedValue);
@@ -882,7 +882,7 @@ const machine = require_core.createMachine({
 						return;
 					}
 					require_dom_query.scrollIntoView(getItemEl(scope, highlightedValue), {
-						rootEl: contentEl$1,
+						rootEl: contentEl,
 						block: "nearest"
 					});
 				};
@@ -961,13 +961,13 @@ const machine = require_core.createMachine({
 				});
 			},
 			highlightComputedFirstItem({ context, prop, computed }) {
-				const collection$1 = prop("collection");
-				const value = computed("hasSelectedItems") ? collection$1.sort(context.get("value"))[0] : collection$1.firstValue;
+				const collection = prop("collection");
+				const value = computed("hasSelectedItems") ? collection.sort(context.get("value"))[0] : collection.firstValue;
 				context.set("highlightedValue", value);
 			},
 			highlightComputedLastItem({ context, prop, computed }) {
-				const collection$1 = prop("collection");
-				const value = computed("hasSelectedItems") ? collection$1.sort(context.get("value"))[0] : collection$1.lastValue;
+				const collection = prop("collection");
+				const value = computed("hasSelectedItems") ? collection.sort(context.get("value"))[0] : collection.lastValue;
 				context.set("highlightedValue", value);
 			},
 			highlightFirstSelectedItem({ context, prop, computed }) {
@@ -1068,24 +1068,24 @@ const machine = require_core.createMachine({
 				for (const option of selectEl.options) option.selected = context.get("value").includes(option.value);
 			},
 			syncCollection({ context, prop }) {
-				const collection$1 = prop("collection");
-				const highlightedItem = collection$1.find(context.get("highlightedValue"));
+				const collection = prop("collection");
+				const highlightedItem = collection.find(context.get("highlightedValue"));
 				if (highlightedItem) context.set("highlightedItem", highlightedItem);
-				const selectedItems = collection$1.findMany(context.get("value"));
+				const selectedItems = collection.findMany(context.get("value"));
 				context.set("selectedItems", selectedItems);
 			},
 			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);
 			},
 			dispatchChangeEvent({ scope }) {

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

@@ -1,14 +1,14 @@
-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 { 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";
-import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-C9-feK5c.cjs";
-import { c as Placement, d as PositioningOptions } from "../../types-D5ziaMrd.cjs";
+import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { r as CollectionOptions, t as CollectionItem } from "../../types-CBWaEVU4.cjs";
+import { t as ListCollection } from "../../list-collection-DwMgPYoA.cjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-fB7F7BBP.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
+import { n as TypeaheadState } from "../../typeahead-BhNtyjQC.cjs";
+import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Cf0hysnI.cjs";
+import { c as Placement, d as PositioningOptions } from "../../types-B--gFZVP.cjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "trigger" | "positioner" | "content" | "indicator" | "itemIndicator" | "itemText" | "label" | "list" | "clearTrigger" | "valueText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "control" | "trigger" | "content" | "list" | "item" | "indicator" | "itemIndicator" | "positioner" | "clearTrigger" | "itemText" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {

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

@@ -1,14 +1,14 @@
-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 { 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";
-import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-Bvn6ocEE.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-BTi1wETB.mjs";
+import { n as AnatomyInstance } from "../../create-anatomy-UNZ__hxH.mjs";
+import { r as CollectionOptions, t as CollectionItem } from "../../types-D0tsc4Jo.mjs";
+import { t as ListCollection } from "../../list-collection-C9XUe75n.mjs";
+import { p as Machine, u as EventObject, y as Service } from "../../types-BM4oVvZZ.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
+import { n as TypeaheadState } from "../../typeahead-D4TUCBly.mjs";
+import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CXu0elLS.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-DJ1MHM3z.mjs";
 
 //#region src/machines/select/select.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "item" | "trigger" | "positioner" | "content" | "indicator" | "itemIndicator" | "itemText" | "label" | "list" | "clearTrigger" | "valueText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "control" | "trigger" | "content" | "list" | "item" | "indicator" | "itemIndicator" | "positioner" | "clearTrigger" | "itemText" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/select/select.collection.d.ts
 declare const collection: {