@sprawlify/primitives 0.0.62 → 0.0.63

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 { 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 { 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 { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-wfybIxD3.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";
 
 //#region src/machines/listbox/listbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "content" | "input" | "itemIndicator" | "itemText" | "label" | "valueText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "input" | "content" | "item" | "itemIndicator" | "itemText" | "itemGroup" | "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 { 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 { 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 { i as GridCollectionOptions, n as SelectionMode, r as GridCollection, t as Selection } from "../../selection-CPTdpru8.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";
 
 //#region src/machines/listbox/listbox.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "content" | "input" | "itemIndicator" | "itemText" | "label" | "valueText" | "itemGroup" | "itemGroupLabel">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "valueText" | "input" | "content" | "item" | "itemIndicator" | "itemText" | "itemGroup" | "itemGroupLabel">;
 //#endregion
 //#region src/machines/listbox/listbox.collection.d.ts
 declare const collection: {

package/dist/machines/listbox/index.mjs

@@ -1,10 +1,10 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { I as scrollIntoView, W as raf, Zt as contains, _t as isCtrlOrMetaKey, cn as isEditableElement, ht as isComposingEvent, mt as getNativeEvent, pt as getEventTarget, s as getByTypeahead, ut as getEventKey, vn as ariaAttr, yn as dataAttr, z as observeAttributes } from "../../dom-query-CUb85Z22.mjs";
-import { ft as isEqual, t as ensure, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as GridCollection, i as Selection, o as isGridCollection, s as ListCollection } from "../../collection-CjwZd09Z.mjs";
-import { o as setup } from "../../core-CujC6Y2H.mjs";
-import { a as trackFocusVisible, t as getInteractionModality } from "../../focus-visible-Bm2uoacD.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { I as scrollIntoView, W as raf, Zt as contains, _t as isCtrlOrMetaKey, cn as isEditableElement, ht as isComposingEvent, mt as getNativeEvent, pt as getEventTarget, s as getByTypeahead, ut as getEventKey, vn as ariaAttr, yn as dataAttr, z as observeAttributes } from "../../dom-query-CQFBCdpo.mjs";
+import { ft as isEqual, t as ensure, u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { a as GridCollection, i as Selection, o as isGridCollection, s as ListCollection } from "../../collection-DHyEg4g5.mjs";
+import { o as setup } from "../../core-owywCQ2e.mjs";
+import { a as trackFocusVisible, t as getInteractionModality } from "../../focus-visible-DjGDsaLn.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/listbox/listbox.anatomy.ts
 const anatomy = createAnatomy("listbox").parts("label", "input", "item", "itemText", "itemIndicator", "itemGroup", "itemGroupLabel", "content", "root", "valueText");
@@ -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 = isGridCollection(collection$1) ? "grid" : "list";
+	const collection = prop("collection");
+	const layout = 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);
-		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);
+		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": 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 (!isGridCollection(collection$1)) return;
+							if (!isGridCollection(collection)) return;
 							if (event.ctrlKey) return;
 							forwardEvent();
 						case "Home":
@@ -218,8 +218,8 @@ function connect(service, normalize) {
 				"data-disabled": 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": dataAttr(itemState.disabled),
 				"aria-disabled": 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": 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": dataAttr(disabled),
 				"data-orientation": prop("orientation"),
-				"data-empty": dataAttr(collection$1.size === 0),
+				"data-empty": 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": dataAttr(collection$1.size === 0),
-				style: { "--column-count": isGridCollection(collection$1) ? collection$1.columnCount : 1 },
+				"data-empty": dataAttr(collection.size === 0),
+				style: { "--column-count": isGridCollection(collection) ? collection.columnCount : 1 },
 				onFocus() {
 					send({ type: "CONTENT.FOCUS" });
 				},
@@ -326,13 +326,13 @@ function connect(service, normalize) {
 					if (!contains(event.currentTarget, getEventTarget(event))) return;
 					const shiftKey = event.shiftKey;
 					const keyMap = {
-						ArrowUp(event$1) {
+						ArrowUp(event) {
 							let nextValue = null;
-							if (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 (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 (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 (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 (!isGridCollection(collection$1) && prop("orientation") === "vertical") return;
-							let nextValue = highlightedValue ? collection$1.getPreviousValue(highlightedValue) : null;
-							if (!nextValue && prop("loopFocus")) nextValue = collection$1.lastValue;
+							if (!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 (!isGridCollection(collection$1) && prop("orientation") === "vertical") return;
-							let nextValue = highlightedValue ? collection$1.getNextValue(highlightedValue) : null;
-							if (!nextValue && prop("loopFocus")) nextValue = collection$1.firstValue;
+							if (!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 (isCtrlOrMetaKey(event$1) && computed("multiple") && !prop("disallowSelectAll")) {
-								event$1.preventDefault();
+						a(event) {
+							if (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 } = 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 (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;
 					}
 					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);
 				});
 			},

package/dist/machines/marquee/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/marquee/marquee.anatomy.ts
@@ -139,8 +139,8 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getContentProps(props$1) {
-			const { index } = props$1;
+		getContentProps(props) {
+			const { index } = props;
 			const clone = index > 0;
 			return normalize.element({
 				...parts.content.attrs,
@@ -167,20 +167,20 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getEdgeProps(props$1) {
-			const { side: side$1 } = props$1;
+		getEdgeProps(props) {
+			const { side } = props;
 			const dir = prop("dir");
 			return normalize.element({
 				...parts.edge.attrs,
 				dir,
 				"data-part": "edge",
-				"data-side": side$1,
+				"data-side": side,
 				"data-orientation": orientation,
 				style: {
 					pointerEvents: "none",
 					position: "absolute",
 					...getEdgePositionStyles({
-						side: side$1,
+						side,
 						dir
 					})
 				}
@@ -199,7 +199,7 @@ function connect(service, normalize) {
 //#endregion
 //#region src/machines/marquee/marquee.machine.ts
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			dir: "ltr",
 			side: "start",
@@ -212,7 +212,7 @@ const machine = require_core.createMachine({
 			reverse: false,
 			defaultPaused: false,
 			translations: { root: "Marquee content" },
-			...props$1
+			...props
 		};
 	},
 	refs() {

package/dist/machines/marquee/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, d as Orientation, 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, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#region src/machines/marquee/marquee.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "content" | "viewport" | "edge">;
+declare const anatomy: AnatomyInstance<"root" | "viewport" | "content" | "item" | "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" | "onComplete" | "id" | "getRootNode" | "paused" | ("reverse" | "dir" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "onComplete" | "id" | "getRootNode" | "paused" | ("reverse" | "dir" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
+declare const props: ("ids" | "id" | "getRootNode" | "paused" | "onComplete" | ("dir" | "reverse" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "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" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "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

@@ -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, d as Orientation, 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, d as Orientation, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CafmAesU.mjs";
 
 //#region src/machines/marquee/marquee.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "item" | "content" | "viewport" | "edge">;
+declare const anatomy: AnatomyInstance<"root" | "viewport" | "content" | "item" | "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" | "onComplete" | "id" | "getRootNode" | "paused" | ("reverse" | "dir" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "onComplete" | "id" | "getRootNode" | "paused" | ("reverse" | "dir" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "autoFill" | "pauseOnInteraction" | "defaultPaused") | "onPauseChange" | "onLoopComplete">];
+declare const props: ("ids" | "id" | "getRootNode" | "paused" | "onComplete" | ("dir" | "reverse" | "translations" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "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" | "side" | "speed" | "delay" | "loopCount" | "spacing" | "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 };