@sprawlify/primitives 0.0.62 → 0.0.63

package/dist/machines/floating-panel/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_core = require('../../core-CsVTCpQ_.cjs');
-const require_rect_utils = require('../../rect-utils-ChBPj9XR.cjs');
-const require_store = require('../../store-DDjfrUhd.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_rect_utils = require('../../rect-utils-DtqZwNtZ.cjs');
+const require_store = require('../../store-B9Ewi-zx.cjs');
 const require_create_props = require('../../create-props-l5q5b8Wo.cjs');
 
 //#region src/machines/floating-panel/floating-panel.anatomy.ts
@@ -127,16 +127,16 @@ function connect(service, normalize) {
 		resizing,
 		position,
 		size,
-		setPosition(position$1) {
+		setPosition(position) {
 			send({
 				type: "SET_POSITION",
-				position: position$1
+				position
 			});
 		},
-		setSize(size$1) {
+		setSize(size) {
 			send({
 				type: "SET_SIZE",
-				size: size$1
+				size
 			});
 		},
 		minimize() {
@@ -266,10 +266,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getStageTriggerProps(props$1) {
-			if (!validStages.has(props$1.stage)) throw new Error(`[sprawlify-js] Invalid stage: ${props$1.stage}. Must be one of: ${Array.from(validStages).join(", ")}`);
+		getStageTriggerProps(props) {
+			if (!validStages.has(props.stage)) throw new Error(`[sprawlify-js] Invalid stage: ${props.stage}. Must be one of: ${Array.from(validStages).join(", ")}`);
 			const translations = prop("translations");
-			const actionProps = require_utils.match(props$1.stage, {
+			const actionProps = require_utils.match(props.stage, {
 				minimized: () => ({
 					"aria-label": translations.minimize,
 					hidden: isStaged
@@ -287,13 +287,13 @@ function connect(service, normalize) {
 				...parts.stageTrigger.attrs,
 				dir: prop("dir"),
 				disabled: prop("disabled"),
-				"data-stage": props$1.stage,
+				"data-stage": props.stage,
 				...actionProps,
 				type: "button",
 				onClick(event) {
 					if (event.defaultPrevented) return;
 					if (!prop("resizable")) return;
-					send({ type: require_utils.match(props$1.stage, {
+					send({ type: require_utils.match(props.stage, {
 						minimized: () => "MINIMIZE",
 						maximized: () => "MAXIMIZE",
 						default: () => "RESTORE"
@@ -301,12 +301,12 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getResizeTriggerProps(props$1) {
+		getResizeTriggerProps(props) {
 			return normalize.element({
 				...parts.resizeTrigger.attrs,
 				dir: prop("dir"),
 				"data-disabled": require_dom_query.dataAttr(!canResize),
-				"data-axis": props$1.axis,
+				"data-axis": props.axis,
 				onPointerDown(event) {
 					if (!canResize) return;
 					if (!require_dom_query.isLeftClick(event)) return;
@@ -314,7 +314,7 @@ function connect(service, normalize) {
 					event.stopPropagation();
 					send({
 						type: "RESIZE_START",
-						axis: props$1.axis,
+						axis: props.axis,
 						position: {
 							x: event.clientX,
 							y: event.clientY
@@ -329,7 +329,7 @@ function connect(service, normalize) {
 				style: {
 					position: "absolute",
 					touchAction: "none",
-					...getResizeAxisStyle(props$1.axis)
+					...getResizeAxisStyle(props.axis)
 				}
 			});
 		},
@@ -454,8 +454,8 @@ const defaultTranslations = {
 	restore: "Restore window"
 };
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
-		require_utils.ensureProps(props$1, ["id"], "floating-panel");
+	props({ props }) {
+		require_utils.ensureProps(props, ["id"], "floating-panel");
 		return {
 			strategy: "fixed",
 			gridSize: 1,
@@ -470,11 +470,11 @@ const machine = require_core.createMachine({
 			allowOverflow: true,
 			resizable: true,
 			draggable: true,
-			...props$1,
-			hasSpecifiedPosition: !!props$1.defaultPosition || !!props$1.position,
+			...props,
+			hasSpecifiedPosition: !!props.defaultPosition || !!props.position,
 			translations: {
 				...defaultTranslations,
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},
@@ -710,8 +710,8 @@ const machine = require_core.createMachine({
 						skip = false;
 						return;
 					}
-					const boundaryEl$1 = prop("getBoundaryEl")?.();
-					let boundaryRect = getBoundaryRect(scope, boundaryEl$1, false);
+					const boundaryEl = prop("getBoundaryEl")?.();
+					let boundaryRect = getBoundaryRect(scope, boundaryEl, false);
 					if (!computed("isMaximized")) boundaryRect = require_rect_utils.constrainRect({
 						...context.get("position"),
 						...context.get("size")

package/dist/machines/floating-panel/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 { a as Point, o as Rect, y as Size } from "../../types-DddL75YY.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 { a as Point, o as Rect, y as Size } from "../../types-C1F7Y-Hc.cjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"control" | "trigger" | "positioner" | "content" | "body" | "header" | "title" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
+declare const anatomy: AnatomyInstance<"control" | "body" | "header" | "title" | "trigger" | "content" | "positioner" | "resizeTrigger" | "closeTrigger" | "dragTrigger" | "stageTrigger">;
 //#endregion
 //#region src/machines/floating-panel/floating-panel.types.d.ts
 interface PositionChangeDetails {

package/dist/machines/floating-panel/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 { a as Point, o as Rect, y as Size } from "../../types-J14X3oxU.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 { a as Point, o as Rect, y as Size } from "../../types-Dw1I6cFP.mjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"control" | "trigger" | "positioner" | "content" | "body" | "header" | "title" | "closeTrigger" | "resizeTrigger" | "dragTrigger" | "stageTrigger">;
+declare const anatomy: AnatomyInstance<"control" | "body" | "header" | "title" | "trigger" | "content" | "positioner" | "resizeTrigger" | "closeTrigger" | "dragTrigger" | "stageTrigger">;
 //#endregion
 //#region src/machines/floating-panel/floating-panel.types.d.ts
 interface PositionChangeDetails {

package/dist/machines/floating-panel/index.mjs

@@ -1,10 +1,10 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import { E as trackPointerMove, W as raf, bt as isLeftClick, ct as addDomEvent, ft as getEventStep, m as resizeObserverBorderBox, pt as getEventTarget, un as isHTMLElement, ut as getEventKey, yn as dataAttr } from "../../dom-query-CUb85Z22.mjs";
-import { H as toPx, Y as match, g as clampValue, n as ensureProps, p as pick, r as invariant, u as createSplitProps } from "../../utils-DSBXwmDm.mjs";
-import { a as createMachine, i as createGuards } from "../../core-CujC6Y2H.mjs";
-import { G as clampPoint, I as addPoints, K as clampSize, R as createRect, T as constrainRect, W as subtractPoints, d as getWindowRect, t as resizeRect, v as getElementRect, x as isSizeEqual, y as isPointEqual } from "../../rect-utils-CDBAit19.mjs";
-import { a as subscribe, n as proxy } from "../../store-CpMJ6RZR.mjs";
-import { t as createProps } from "../../create-props-SRSjdUTq.mjs";
+import { t as createAnatomy } from "../../create-anatomy-BVqM_FJ6.mjs";
+import { E as trackPointerMove, W as raf, bt as isLeftClick, ct as addDomEvent, ft as getEventStep, m as resizeObserverBorderBox, pt as getEventTarget, un as isHTMLElement, ut as getEventKey, yn as dataAttr } from "../../dom-query-CQFBCdpo.mjs";
+import { H as toPx, Y as match, g as clampValue, n as ensureProps, p as pick, r as invariant, u as createSplitProps } from "../../utils-Vs04rt8f.mjs";
+import { a as createMachine, i as createGuards } from "../../core-owywCQ2e.mjs";
+import { G as clampPoint, I as addPoints, K as clampSize, R as createRect, T as constrainRect, W as subtractPoints, d as getWindowRect, t as resizeRect, v as getElementRect, x as isSizeEqual, y as isPointEqual } from "../../rect-utils-BobE6Wut.mjs";
+import { a as subscribe, n as proxy } from "../../store-DMXvGOAu.mjs";
+import { t as createProps } from "../../create-props-Dtoa4OUk.mjs";
 
 //#region src/machines/floating-panel/floating-panel.anatomy.ts
 const anatomy = createAnatomy("floating-panel").parts("trigger", "positioner", "content", "header", "body", "title", "resizeTrigger", "dragTrigger", "stageTrigger", "closeTrigger", "control");
@@ -127,16 +127,16 @@ function connect(service, normalize) {
 		resizing,
 		position,
 		size,
-		setPosition(position$1) {
+		setPosition(position) {
 			send({
 				type: "SET_POSITION",
-				position: position$1
+				position
 			});
 		},
-		setSize(size$1) {
+		setSize(size) {
 			send({
 				type: "SET_SIZE",
-				size: size$1
+				size
 			});
 		},
 		minimize() {
@@ -266,10 +266,10 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getStageTriggerProps(props$1) {
-			if (!validStages.has(props$1.stage)) throw new Error(`[sprawlify-js] Invalid stage: ${props$1.stage}. Must be one of: ${Array.from(validStages).join(", ")}`);
+		getStageTriggerProps(props) {
+			if (!validStages.has(props.stage)) throw new Error(`[sprawlify-js] Invalid stage: ${props.stage}. Must be one of: ${Array.from(validStages).join(", ")}`);
 			const translations = prop("translations");
-			const actionProps = match(props$1.stage, {
+			const actionProps = match(props.stage, {
 				minimized: () => ({
 					"aria-label": translations.minimize,
 					hidden: isStaged
@@ -287,13 +287,13 @@ function connect(service, normalize) {
 				...parts.stageTrigger.attrs,
 				dir: prop("dir"),
 				disabled: prop("disabled"),
-				"data-stage": props$1.stage,
+				"data-stage": props.stage,
 				...actionProps,
 				type: "button",
 				onClick(event) {
 					if (event.defaultPrevented) return;
 					if (!prop("resizable")) return;
-					send({ type: match(props$1.stage, {
+					send({ type: match(props.stage, {
 						minimized: () => "MINIMIZE",
 						maximized: () => "MAXIMIZE",
 						default: () => "RESTORE"
@@ -301,12 +301,12 @@ function connect(service, normalize) {
 				}
 			});
 		},
-		getResizeTriggerProps(props$1) {
+		getResizeTriggerProps(props) {
 			return normalize.element({
 				...parts.resizeTrigger.attrs,
 				dir: prop("dir"),
 				"data-disabled": dataAttr(!canResize),
-				"data-axis": props$1.axis,
+				"data-axis": props.axis,
 				onPointerDown(event) {
 					if (!canResize) return;
 					if (!isLeftClick(event)) return;
@@ -314,7 +314,7 @@ function connect(service, normalize) {
 					event.stopPropagation();
 					send({
 						type: "RESIZE_START",
-						axis: props$1.axis,
+						axis: props.axis,
 						position: {
 							x: event.clientX,
 							y: event.clientY
@@ -329,7 +329,7 @@ function connect(service, normalize) {
 				style: {
 					position: "absolute",
 					touchAction: "none",
-					...getResizeAxisStyle(props$1.axis)
+					...getResizeAxisStyle(props.axis)
 				}
 			});
 		},
@@ -454,8 +454,8 @@ const defaultTranslations = {
 	restore: "Restore window"
 };
 const machine = createMachine({
-	props({ props: props$1 }) {
-		ensureProps(props$1, ["id"], "floating-panel");
+	props({ props }) {
+		ensureProps(props, ["id"], "floating-panel");
 		return {
 			strategy: "fixed",
 			gridSize: 1,
@@ -470,11 +470,11 @@ const machine = createMachine({
 			allowOverflow: true,
 			resizable: true,
 			draggable: true,
-			...props$1,
-			hasSpecifiedPosition: !!props$1.defaultPosition || !!props$1.position,
+			...props,
+			hasSpecifiedPosition: !!props.defaultPosition || !!props.position,
 			translations: {
 				...defaultTranslations,
-				...props$1.translations
+				...props.translations
 			}
 		};
 	},
@@ -710,8 +710,8 @@ const machine = createMachine({
 						skip = false;
 						return;
 					}
-					const boundaryEl$1 = prop("getBoundaryEl")?.();
-					let boundaryRect = getBoundaryRect(scope, boundaryEl$1, false);
+					const boundaryEl = prop("getBoundaryEl")?.();
+					let boundaryRect = getBoundaryRect(scope, boundaryEl, false);
 					if (!computed("isMaximized")) boundaryRect = constrainRect({
 						...context.get("position"),
 						...context.get("size")

package/dist/machines/hover-card/index.cjs

@@ -1,10 +1,10 @@
 const require_create_anatomy = require('../../create-anatomy-CDsIFUXg.cjs');
-require('../../dom-query-xZuxOsD4.cjs');
-const require_utils = require('../../utils-B4_qn2dt.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');
+require('../../dom-query-CAFhX43H.cjs');
+const require_utils = require('../../utils-CJsQZljH.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/hover-card/hover-card.anatomy.ts
@@ -133,15 +133,15 @@ function connect(service, normalize) {
 //#region src/machines/hover-card/hover-card.machine.ts
 const { not, and } = require_core.createGuards();
 const machine = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			disabled: false,
 			openDelay: 600,
 			closeDelay: 300,
-			...props$1,
+			...props,
 			positioning: {
 				placement: "bottom",
-				...props$1.positioning
+				...props.positioning
 			}
 		};
 	},
@@ -332,8 +332,8 @@ const machine = require_core.createMachine({
 				context.set("isPointer", false);
 			},
 			reposition({ context, prop, scope, event }) {
-				const getPositionerEl$1 = () => getPositionerEl(scope);
-				require_popper.getPlacement(getTriggerEl(scope), getPositionerEl$1, {
+				const getPositionerEl$2 = () => getPositionerEl(scope);
+				require_popper.getPlacement(getTriggerEl(scope), getPositionerEl$2, {
 					...prop("positioning"),
 					...event.options,
 					defer: true,

package/dist/machines/hover-card/index.d.cts

@@ -1,11 +1,11 @@
-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 { 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 { 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 { 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/hover-card/hover-card.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "arrow" | "arrowTip" | "positioner" | "content">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/hover-card/hover-card.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/hover-card/index.d.mts

@@ -1,11 +1,11 @@
-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 { 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 { 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 { 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/hover-card/hover-card.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "arrow" | "arrowTip" | "positioner" | "content">;
+declare const anatomy: AnatomyInstance<"trigger" | "content" | "arrow" | "arrowTip" | "positioner">;
 //#endregion
 //#region src/machines/hover-card/hover-card.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/hover-card/index.mjs

@@ -1,11 +1,11 @@
-import { t as createAnatomy } from "../../create-anatomy-CArN8dVu.mjs";
-import "../../dom-query-CUb85Z22.mjs";
-import { u as createSplitProps } from "../../utils-DSBXwmDm.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 "../../dom-query-CQFBCdpo.mjs";
+import { u as createSplitProps } from "../../utils-Vs04rt8f.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/hover-card/hover-card.anatomy.ts
 const anatomy = createAnatomy("hoverCard").parts("arrow", "arrowTip", "trigger", "positioner", "content");
@@ -133,15 +133,15 @@ function connect(service, normalize) {
 //#region src/machines/hover-card/hover-card.machine.ts
 const { not, and } = createGuards();
 const machine = createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			disabled: false,
 			openDelay: 600,
 			closeDelay: 300,
-			...props$1,
+			...props,
 			positioning: {
 				placement: "bottom",
-				...props$1.positioning
+				...props.positioning
 			}
 		};
 	},
@@ -332,8 +332,8 @@ const machine = createMachine({
 				context.set("isPointer", false);
 			},
 			reposition({ context, prop, scope, event }) {
-				const getPositionerEl$1 = () => getPositionerEl(scope);
-				getPlacement(getTriggerEl(scope), getPositionerEl$1, {
+				const getPositionerEl$2 = () => getPositionerEl(scope);
+				getPlacement(getTriggerEl(scope), getPositionerEl$2, {
 					...prop("positioning"),
 					...event.options,
 					defer: true,

package/dist/machines/image-cropper/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/image-cropper/image-cropper.anatomy.ts
@@ -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: require_utils.clampValue(point.x, min$1.x, max$1.x),
-	y: require_utils.clampValue(point.y, min$1.y, max$1.y)
+const clampPoint = (point, min, max) => ({
+	x: require_utils.clampValue(point.x, min.x, max.x),
+	y: require_utils.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 = require_core.createMachine({
-	props({ props: props$1 }) {
+	props({ props }) {
 		return {
 			minWidth: 40,
 			minHeight: 40,
@@ -1273,7 +1273,7 @@ const machine = require_core.createMachine({
 			nudgeStep: 1,
 			nudgeStepShift: 10,
 			nudgeStepCtrl: 50,
-			...props$1,
+			...props,
 			translations: {
 				rootLabel: "Image cropper",
 				rootRoleDescription: "Image cropper",
@@ -1288,7 +1288,7 @@ const machine = require_core.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 = require_core.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 = require_core.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/image-cropper/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, g as RequiredBy, m as Rect, 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, g as RequiredBy, m as Rect, p as Point, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-D1U_WMQ9.cjs";
 
 //#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";