@sprawlify/primitives 0.0.62 → 0.0.63

package/dist/machines/select/index.mjs

@@ -1,12 +1,12 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { G as getInitialFocus, I as scrollIntoView, K as isValidTabEvent, W as raf, Zt as contains, a as visuallyHiddenStyle, cn as isEditableElement, pt as getEventTarget, s as getByTypeahead, st as trackFormControl, ut as getEventKey, vn as ariaAttr, yn as dataAttr, z as observeAttributes } from "../../dom-query-CUb85Z22.mjs";
-import { ft as isEqual, mt as addOrRemove, t as ensure, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { s as ListCollection } from "../../collection-CjwZd09Z.mjs";
-import { a as createMachine, i as createGuards } from "../../core-CujC6Y2H.mjs";
-import "../../interact-outside-xKQjln5u.mjs";
-import { n as trackDismissableElement } from "../../dismissable-D0YyXTJv.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-DbfXVgrC.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { G as getInitialFocus, I as scrollIntoView, K as isValidTabEvent, W as raf, Zt as contains, a as visuallyHiddenStyle, cn as isEditableElement, pt as getEventTarget, s as getByTypeahead, st as trackFormControl, ut as getEventKey, vn as ariaAttr, yn as dataAttr, z as observeAttributes } from "../../dom-query-CQFBCdpo.mjs";
+import { ft as isEqual, mt as addOrRemove, t as ensure, u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { s as ListCollection } from "../../collection-DHyEg4g5.mjs";
+import { a as createMachine, i as createGuards } from "../../core-owywCQ2e.mjs";
+import "../../interact-outside-CRmkKF6k.mjs";
+import { n as trackDismissableElement } from "../../dismissable-BlZazbp3.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-DxgokNha.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/select/select.anatomy.ts
 const anatomy = createAnatomy("select").parts("label", "positioner", "trigger", "indicator", "clearTrigger", "item", "itemText", "itemIndicator", "itemGroup", "itemGroupLabel", "list", "content", "root", "control", "valueText");
@@ -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);
-		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);
+		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": 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": 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": 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[getEventKey(event)];
@@ -483,18 +483,18 @@ function connect(service, normalize) {
 //#region src/machines/select/select.machine.ts
 const { and, not, or } = createGuards();
 const machine = 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 = 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 = createMachine({
 						return;
 					}
 					scrollIntoView(getItemEl(scope, highlightedValue), {
-						rootEl: contentEl$1,
+						rootEl: contentEl,
 						block: "nearest"
 					});
 				};
@@ -961,13 +961,13 @@ const machine = 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 = 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/signature-pad/index.cjs

@@ -1,8 +1,8 @@
 const require_chunk = require('../../chunk-CbDLau6x.cjs');
 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');
 let perfect_freehand = require("perfect-freehand");
 perfect_freehand = require_chunk.__toESM(perfect_freehand);
@@ -124,10 +124,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getSegmentPathProps(props$1) {
+		getSegmentPathProps(props) {
 			return normalize.path({
 				...parts.segmentPath.attrs,
-				d: props$1.path
+				d: props.path
 			});
 		},
 		getGuideProps() {
@@ -148,7 +148,7 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getHiddenInputProps(props$1) {
+		getHiddenInputProps(props) {
 			return normalize.input({
 				id: getHiddenInputId(scope),
 				type: "text",
@@ -157,7 +157,7 @@ function connect(service, normalize) {
 				required: prop("required"),
 				readOnly: true,
 				name: prop("name"),
-				value: props$1.value
+				value: props.value
 			});
 		}
 	};
@@ -185,22 +185,22 @@ function getSvgPathFromStroke(points, closed = true) {
 //#endregion
 //#region src/machines/signature-pad/signature-pad.machine.ts
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			defaultPaths: [],
-			...props$1,
+			...props,
 			drawing: {
 				size: 2,
 				simulatePressure: false,
 				thinning: .7,
 				smoothing: .4,
 				streamline: .6,
-				...props$1.drawing
+				...props.drawing
 			},
 			translations: {
 				control: "signature pad",
 				clearTrigger: "clear signature",
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},

package/dist/machines/signature-pad/index.d.cts

@@ -1,10 +1,10 @@
-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";
 import { StrokeOptions } from "perfect-freehand";
 
 //#region src/machines/signature-pad/signature-pad.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
 //#endregion
 //#region src/machines/signature-pad/signature-pad.types.d.ts
 interface Point {

package/dist/machines/signature-pad/index.d.mts

@@ -1,10 +1,10 @@
-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";
 import { StrokeOptions } from "perfect-freehand";
 
 //#region src/machines/signature-pad/signature-pad.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "control" | "label" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "segment" | "segmentPath" | "guide" | "clearTrigger">;
 //#endregion
 //#region src/machines/signature-pad/signature-pad.types.d.ts
 interface Point {

package/dist/machines/signature-pad/index.mjs

@@ -1,8 +1,8 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { A as getRelativePoint, E as trackPointerMove, Ht as getDataUrl$1, S as query, bt as isLeftClick, pt as getEventTarget, xt as isModifierKey, 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, E as trackPointerMove, Ht as getDataUrl$1, S as query, bt as isLeftClick, pt as getEventTarget, xt as isModifierKey, 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";
 import getStroke from "perfect-freehand";
 
 //#region src/machines/signature-pad/signature-pad.anatomy.ts
@@ -122,10 +122,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getSegmentPathProps(props$1) {
+		getSegmentPathProps(props) {
 			return normalize.path({
 				...parts.segmentPath.attrs,
-				d: props$1.path
+				d: props.path
 			});
 		},
 		getGuideProps() {
@@ -146,7 +146,7 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getHiddenInputProps(props$1) {
+		getHiddenInputProps(props) {
 			return normalize.input({
 				id: getHiddenInputId(scope),
 				type: "text",
@@ -155,7 +155,7 @@ function connect(service, normalize) {
 				required: prop("required"),
 				readOnly: true,
 				name: prop("name"),
-				value: props$1.value
+				value: props.value
 			});
 		}
 	};
@@ -183,22 +183,22 @@ function getSvgPathFromStroke(points, closed = true) {
 //#endregion
 //#region src/machines/signature-pad/signature-pad.machine.ts
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			defaultPaths: [],
-			...props$1,
+			...props,
 			drawing: {
 				size: 2,
 				simulatePressure: false,
 				thinning: .7,
 				smoothing: .4,
 				streamline: .6,
-				...props$1.drawing
+				...props.drawing
 			},
 			translations: {
 				control: "signature pad",
 				clearTrigger: "clear signature",
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},

package/dist/machines/slider/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/slider/slider.anatomy.ts
@@ -56,7 +56,7 @@ function getRelativePointWithInset(point, element, inset) {
 		x: effectiveWidth > 0 ? require_utils.clampPercent(offset.x / effectiveWidth) : 0,
 		y: effectiveHeight > 0 ? require_utils.clampPercent(offset.y / effectiveHeight) : 0
 	};
-	function getPercentValue$1(options = {}) {
+	function getPercentValue(options = {}) {
 		const { dir = "ltr", orientation = "horizontal", inverted } = options;
 		const invertX = typeof inverted === "object" ? inverted.x : inverted;
 		const invertY = typeof inverted === "object" ? inverted.y : inverted;
@@ -66,14 +66,14 @@ function getRelativePointWithInset(point, element, inset) {
 	return {
 		offset,
 		percent,
-		getPercentValue: getPercentValue$1
+		getPercentValue
 	};
 }
 const dispatchChangeEvent = (ctx, value) => {
-	value.forEach((value$1, index) => {
+	value.forEach((value, index) => {
 		const inputEl = getHiddenInputEl(ctx, index);
 		if (!inputEl) return;
-		require_dom_query.dispatchInputValueEvent(inputEl, { value: value$1 });
+		require_dom_query.dispatchInputValueEvent(inputEl, { value });
 	});
 };
 const getOffsetRect = (el) => ({
@@ -139,8 +139,8 @@ function getHorizontalThumbOffset(params, value) {
 	const { computed, context, prop } = params;
 	const { width = 0 } = context.get("thumbSize") ?? {};
 	if (computed("isRtl")) {
-		const getValue$1 = require_utils.getValueTransformer([prop("max"), prop("min")], [-width / 2, width / 2]);
-		return -1 * parseFloat(getValue$1(value).toFixed(2));
+		const getValue = require_utils.getValueTransformer([prop("max"), prop("min")], [-width / 2, width / 2]);
+		return -1 * parseFloat(getValue(value).toFixed(2));
 	}
 	const getValue = require_utils.getValueTransformer([prop("min"), prop("max")], [-width / 2, width / 2]);
 	return parseFloat(getValue(value).toFixed(2));
@@ -308,7 +308,6 @@ function resolveThumbCollision(behavior, index, value, values, min, max, step, m
 	switch (behavior) {
 		case "push": return handlePush(ctx);
 		case "swap": return handleSwap(ctx, startValue ?? values[index]);
-		case "none":
 		default: return handleNone(ctx);
 	}
 }
@@ -379,7 +378,7 @@ function selectMovableThumb(params, index) {
 
 //#endregion
 //#region src/machines/slider/slider.connect.ts
-function connect(service, normalize$1) {
+function connect(service, normalize) {
 	const { state, send, context, prop, computed, scope } = service;
 	const ariaLabel = prop("aria-label");
 	const ariaLabelledBy = prop("aria-labelledby");
@@ -456,7 +455,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getLabelProps() {
-			return normalize$1.label({
+			return normalize.label({
 				...parts.label.attrs,
 				dir: prop("dir"),
 				"data-disabled": require_dom_query.dataAttr(disabled),
@@ -478,7 +477,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getRootProps() {
-			return normalize$1.element({
+			return normalize.element({
 				...parts.root.attrs,
 				"data-disabled": require_dom_query.dataAttr(disabled),
 				"data-orientation": prop("orientation"),
@@ -491,7 +490,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getValueTextProps() {
-			return normalize$1.element({
+			return normalize.element({
 				...parts.valueText.attrs,
 				dir: prop("dir"),
 				"data-disabled": require_dom_query.dataAttr(disabled),
@@ -502,7 +501,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getTrackProps() {
-			return normalize$1.element({
+			return normalize.element({
 				...parts.track.attrs,
 				dir: prop("dir"),
 				id: getTrackId(scope),
@@ -514,8 +513,8 @@ function connect(service, normalize$1) {
 				style: { position: "relative" }
 			});
 		},
-		getThumbProps(props$1) {
-			const { index = 0, name } = props$1;
+		getThumbProps(props) {
+			const { index = 0, name } = props;
 			const value = sliderValue[index];
 			const range = getRangeAtIndex(service, index);
 			const valueText = prop("getAriaValueText")?.({
@@ -524,7 +523,7 @@ function connect(service, normalize$1) {
 			});
 			const _ariaLabel = Array.isArray(ariaLabel) ? ariaLabel[index] : ariaLabel;
 			const _ariaLabelledBy = Array.isArray(ariaLabelledBy) ? ariaLabelledBy[index] : ariaLabelledBy;
-			return normalize$1.element({
+			return normalize.element({
 				...parts.thumb.attrs,
 				dir: prop("dir"),
 				"data-index": index,
@@ -644,9 +643,9 @@ function connect(service, normalize$1) {
 				}
 			});
 		},
-		getHiddenInputProps(props$1) {
-			const { index = 0, name } = props$1;
-			return normalize$1.input({
+		getHiddenInputProps(props) {
+			const { index = 0, name } = props;
+			return normalize.input({
 				name: name ?? (prop("name") ? prop("name") + (sliderValue.length > 1 ? "[]" : "") : void 0),
 				form: prop("form"),
 				type: "text",
@@ -656,7 +655,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getRangeProps() {
-			return normalize$1.element({
+			return normalize.element({
 				id: getRangeId(scope),
 				...parts.range.attrs,
 				dir: prop("dir"),
@@ -669,7 +668,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getControlProps() {
-			return normalize$1.element({
+			return normalize.element({
 				...parts.control.attrs,
 				dir: prop("dir"),
 				id: getControlId(scope),
@@ -693,7 +692,7 @@ function connect(service, normalize$1) {
 			});
 		},
 		getMarkerGroupProps() {
-			return normalize$1.element({
+			return normalize.element({
 				...parts.markerGroup.attrs,
 				role: "presentation",
 				dir: prop("dir"),
@@ -702,28 +701,28 @@ function connect(service, normalize$1) {
 				style: getMarkerGroupStyle()
 			});
 		},
-		getMarkerProps(props$1) {
-			const style = getMarkerStyle(service, props$1.value);
+		getMarkerProps(props) {
+			const style = getMarkerStyle(service, props.value);
 			let markerState;
-			if (props$1.value < require_utils.first(sliderValue)) markerState = "under-value";
-			else if (props$1.value > require_utils.last(sliderValue)) markerState = "over-value";
+			if (props.value < require_utils.first(sliderValue)) markerState = "under-value";
+			else if (props.value > require_utils.last(sliderValue)) markerState = "over-value";
 			else markerState = "at-value";
-			return normalize$1.element({
+			return normalize.element({
 				...parts.marker.attrs,
-				id: getMarkerId(scope, props$1.value),
+				id: getMarkerId(scope, props.value),
 				role: "presentation",
 				dir: prop("dir"),
 				"data-orientation": prop("orientation"),
-				"data-value": props$1.value,
+				"data-value": props.value,
 				"data-disabled": require_dom_query.dataAttr(disabled),
 				"data-state": markerState,
 				style
 			});
 		},
-		getDraggingIndicatorProps(props$1) {
-			const { index = 0 } = props$1;
+		getDraggingIndicatorProps(props) {
+			const { index = 0 } = props;
 			const isDragging = index === focusedIndex && dragging;
-			return normalize$1.element({
+			return normalize.element({
 				...parts.draggingIndicator.attrs,
 				role: "presentation",
 				dir: prop("dir"),
@@ -749,12 +748,12 @@ const normalize = (value, min, max, step, minStepsBetweenThumbs) => {
 	});
 };
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
-		const min = props$1.min ?? 0;
-		const max = props$1.max ?? 100;
-		const step = props$1.step ?? 1;
-		const defaultValue = props$1.defaultValue ?? [min];
-		const minStepsBetweenThumbs = props$1.minStepsBetweenThumbs ?? 0;
+	props({ props }) {
+		const min = props.min ?? 0;
+		const max = props.max ?? 100;
+		const step = props.step ?? 1;
+		const defaultValue = props.defaultValue ?? [min];
+		const minStepsBetweenThumbs = props.minStepsBetweenThumbs ?? 0;
 		return {
 			dir: "ltr",
 			thumbAlignment: "contain",
@@ -762,9 +761,9 @@ const machine = require_core.createMachine({
 			orientation: "horizontal",
 			thumbCollisionBehavior: "none",
 			minStepsBetweenThumbs,
-			...props$1,
+			...props,
 			defaultValue: normalize(defaultValue, min, max, step, minStepsBetweenThumbs),
-			value: props$1.value ? normalize(props$1.value, min, max, step, minStepsBetweenThumbs) : void 0,
+			value: props.value ? normalize(props.value, min, max, step, minStepsBetweenThumbs) : void 0,
 			max,
 			step,
 			min
@@ -817,7 +816,7 @@ const machine = require_core.createMachine({
 			context.get("value"),
 			prop("min"),
 			prop("max")
-		], ([value, min, max]) => value.map((value$1) => 100 * require_utils.getValuePercent(value$1, min, max)))
+		], ([value, min, max]) => value.map((value) => 100 * require_utils.getValuePercent(value, min, max)))
 	},
 	watch({ track, action, context, computed, send }) {
 		track([() => context.hash("value")], () => {