@react-three/drei 11.0.0-alpha.1 → 11.0.0-alpha.4

package/_chunks/libs/@use-gesture/core.mjs

@@ -1,1650 +0,0 @@
-import { n as __esmMin, r as __export, t as __commonJSMin } from "../../rolldown-runtime.mjs";
-
-//#region node_modules/@use-gesture/core/dist/maths-0ab39ae9.esm.js
-function clamp(v, min, max) {
-	return Math.max(min, Math.min(v, max));
-}
-function rubberband(distance, dimension, constant) {
-	if (dimension === 0 || Math.abs(dimension) === Infinity) return Math.pow(distance, constant * 5);
-	return distance * dimension * constant / (dimension + constant * distance);
-}
-function rubberbandIfOutOfBounds(position, min, max, constant = .15) {
-	if (constant === 0) return clamp(position, min, max);
-	if (position < min) return -rubberband(min - position, max - min, constant) + min;
-	if (position > max) return +rubberband(position - max, max - min, constant) + max;
-	return position;
-}
-function computeRubberband(bounds, [Vx, Vy], [Rx, Ry]) {
-	const [[X0, X1], [Y0, Y1]] = bounds;
-	return [rubberbandIfOutOfBounds(Vx, X0, X1, Rx), rubberbandIfOutOfBounds(Vy, Y0, Y1, Ry)];
-}
-var V;
-var init_maths_0ab39ae9_esm = __esmMin((() => {
-	V = {
-		toVector(v, fallback) {
-			if (v === void 0) v = fallback;
-			return Array.isArray(v) ? v : [v, v];
-		},
-		add(v1, v2) {
-			return [v1[0] + v2[0], v1[1] + v2[1]];
-		},
-		sub(v1, v2) {
-			return [v1[0] - v2[0], v1[1] - v2[1]];
-		},
-		addTo(v1, v2) {
-			v1[0] += v2[0];
-			v1[1] += v2[1];
-		},
-		subTo(v1, v2) {
-			v1[0] -= v2[0];
-			v1[1] -= v2[1];
-		}
-	};
-}));
-
-//#endregion
-//#region node_modules/@use-gesture/core/dist/actions-fe213e88.esm.js
-function _toPrimitive(input, hint) {
-	if (typeof input !== "object" || input === null) return input;
-	var prim = input[Symbol.toPrimitive];
-	if (prim !== void 0) {
-		var res = prim.call(input, hint || "default");
-		if (typeof res !== "object") return res;
-		throw new TypeError("@@toPrimitive must return a primitive value.");
-	}
-	return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-	var key = _toPrimitive(arg, "string");
-	return typeof key === "symbol" ? key : String(key);
-}
-function _defineProperty(obj, key, value) {
-	key = _toPropertyKey(key);
-	if (key in obj) Object.defineProperty(obj, key, {
-		value,
-		enumerable: true,
-		configurable: true,
-		writable: true
-	});
-	else obj[key] = value;
-	return obj;
-}
-function ownKeys(e, r) {
-	var t = Object.keys(e);
-	if (Object.getOwnPropertySymbols) {
-		var o = Object.getOwnPropertySymbols(e);
-		r && (o = o.filter(function(r$1) {
-			return Object.getOwnPropertyDescriptor(e, r$1).enumerable;
-		})), t.push.apply(t, o);
-	}
-	return t;
-}
-function _objectSpread2(e) {
-	for (var r = 1; r < arguments.length; r++) {
-		var t = null != arguments[r] ? arguments[r] : {};
-		r % 2 ? ownKeys(Object(t), !0).forEach(function(r$1) {
-			_defineProperty(e, r$1, t[r$1]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r$1) {
-			Object.defineProperty(e, r$1, Object.getOwnPropertyDescriptor(t, r$1));
-		});
-	}
-	return e;
-}
-function capitalize(string) {
-	if (!string) return "";
-	return string[0].toUpperCase() + string.slice(1);
-}
-function hasCapture(capture = false, actionKey) {
-	return capture && !actionsWithoutCaptureSupported.includes(actionKey);
-}
-function toHandlerProp(device, action = "", capture = false) {
-	const deviceProps = EVENT_TYPE_MAP[device];
-	const actionKey = deviceProps ? deviceProps[action] || action : action;
-	return "on" + capitalize(device) + capitalize(actionKey) + (hasCapture(capture, actionKey) ? "Capture" : "");
-}
-function parseProp(prop) {
-	let eventKey = prop.substring(2).toLowerCase();
-	const passive = !!~eventKey.indexOf("passive");
-	if (passive) eventKey = eventKey.replace("passive", "");
-	const captureKey = pointerCaptureEvents.includes(eventKey) ? "capturecapture" : "capture";
-	const capture = !!~eventKey.indexOf(captureKey);
-	if (capture) eventKey = eventKey.replace("capture", "");
-	return {
-		device: eventKey,
-		capture,
-		passive
-	};
-}
-function toDomEventType(device, action = "") {
-	const deviceProps = EVENT_TYPE_MAP[device];
-	return device + (deviceProps ? deviceProps[action] || action : action);
-}
-function isTouch(event) {
-	return "touches" in event;
-}
-function getPointerType(event) {
-	if (isTouch(event)) return "touch";
-	if ("pointerType" in event) return event.pointerType;
-	return "mouse";
-}
-function getCurrentTargetTouchList(event) {
-	return Array.from(event.touches).filter((e) => {
-		var _event$currentTarget, _event$currentTarget$;
-		return e.target === event.currentTarget || ((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || (_event$currentTarget$ = _event$currentTarget.contains) === null || _event$currentTarget$ === void 0 ? void 0 : _event$currentTarget$.call(_event$currentTarget, e.target));
-	});
-}
-function getTouchList(event) {
-	return event.type === "touchend" || event.type === "touchcancel" ? event.changedTouches : event.targetTouches;
-}
-function getValueEvent(event) {
-	return isTouch(event) ? getTouchList(event)[0] : event;
-}
-function distanceAngle(P1, P2) {
-	try {
-		const dx = P2.clientX - P1.clientX;
-		const dy = P2.clientY - P1.clientY;
-		const cx = (P2.clientX + P1.clientX) / 2;
-		const cy = (P2.clientY + P1.clientY) / 2;
-		const distance = Math.hypot(dx, dy);
-		return {
-			angle: -(Math.atan2(dx, dy) * 180) / Math.PI,
-			distance,
-			origin: [cx, cy]
-		};
-	} catch (_unused) {}
-	return null;
-}
-function touchIds(event) {
-	return getCurrentTargetTouchList(event).map((touch) => touch.identifier);
-}
-function touchDistanceAngle(event, ids) {
-	const [P1, P2] = Array.from(event.touches).filter((touch) => ids.includes(touch.identifier));
-	return distanceAngle(P1, P2);
-}
-function pointerId(event) {
-	const valueEvent = getValueEvent(event);
-	return isTouch(event) ? valueEvent.identifier : valueEvent.pointerId;
-}
-function pointerValues(event) {
-	const valueEvent = getValueEvent(event);
-	return [valueEvent.clientX, valueEvent.clientY];
-}
-function wheelValues(event) {
-	let { deltaX, deltaY, deltaMode } = event;
-	if (deltaMode === 1) {
-		deltaX *= LINE_HEIGHT;
-		deltaY *= LINE_HEIGHT;
-	} else if (deltaMode === 2) {
-		deltaX *= PAGE_HEIGHT;
-		deltaY *= PAGE_HEIGHT;
-	}
-	return [deltaX, deltaY];
-}
-function scrollValues(event) {
-	var _ref, _ref2;
-	const { scrollX, scrollY, scrollLeft, scrollTop } = event.currentTarget;
-	return [(_ref = scrollX !== null && scrollX !== void 0 ? scrollX : scrollLeft) !== null && _ref !== void 0 ? _ref : 0, (_ref2 = scrollY !== null && scrollY !== void 0 ? scrollY : scrollTop) !== null && _ref2 !== void 0 ? _ref2 : 0];
-}
-function getEventDetails(event) {
-	const payload = {};
-	if ("buttons" in event) payload.buttons = event.buttons;
-	if ("shiftKey" in event) {
-		const { shiftKey, altKey, metaKey, ctrlKey } = event;
-		Object.assign(payload, {
-			shiftKey,
-			altKey,
-			metaKey,
-			ctrlKey
-		});
-	}
-	return payload;
-}
-function call(v, ...args) {
-	if (typeof v === "function") return v(...args);
-	else return v;
-}
-function noop() {}
-function chain(...fns) {
-	if (fns.length === 0) return noop;
-	if (fns.length === 1) return fns[0];
-	return function() {
-		let result;
-		for (const fn of fns) result = fn.apply(this, arguments) || result;
-		return result;
-	};
-}
-function assignDefault(value, fallback) {
-	return Object.assign({}, fallback, value || {});
-}
-function selectAxis([dx, dy], threshold) {
-	const absDx = Math.abs(dx);
-	const absDy = Math.abs(dy);
-	if (absDx > absDy && absDx > threshold) return "x";
-	if (absDy > absDx && absDy > threshold) return "y";
-}
-function persistEvent(event) {
-	"persist" in event && typeof event.persist === "function" && event.persist();
-}
-function supportsTouchEvents() {
-	return isBrowser && "ontouchstart" in window;
-}
-function isTouchScreen() {
-	return supportsTouchEvents() || isBrowser && window.navigator.maxTouchPoints > 1;
-}
-function supportsPointerEvents() {
-	return isBrowser && "onpointerdown" in window;
-}
-function supportsPointerLock() {
-	return isBrowser && "exitPointerLock" in window.document;
-}
-function supportsGestureEvents() {
-	try {
-		return "constructor" in GestureEvent;
-	} catch (e) {
-		return false;
-	}
-}
-function clampStateInternalMovementToBounds(state) {
-	const [ox, oy] = state.overflow;
-	const [dx, dy] = state._delta;
-	const [dirx, diry] = state._direction;
-	if (ox < 0 && dx > 0 && dirx < 0 || ox > 0 && dx < 0 && dirx > 0) state._movement[0] = state._movementBound[0];
-	if (oy < 0 && dy > 0 && diry < 0 || oy > 0 && dy < 0 && diry > 0) state._movement[1] = state._movementBound[1];
-}
-function registerAction(action) {
-	EngineMap.set(action.key, action.engine);
-	ConfigResolverMap.set(action.key, action.resolver);
-}
-var EVENT_TYPE_MAP, actionsWithoutCaptureSupported, pointerCaptureEvents, LINE_HEIGHT, PAGE_HEIGHT, BEFORE_LAST_KINEMATICS_DELAY, Engine, CoordinatesEngine, identity, DEFAULT_RUBBERBAND, commonConfigResolver, DEFAULT_AXIS_THRESHOLD, coordinatesConfigResolver, KEYS_DELTA_MAP, DragEngine, isBrowser, SUPPORT, DEFAULT_PREVENT_SCROLL_DELAY, DEFAULT_DRAG_DELAY, DEFAULT_SWIPE_VELOCITY, DEFAULT_SWIPE_DISTANCE, DEFAULT_SWIPE_DURATION, DEFAULT_KEYBOARD_DISPLACEMENT, DEFAULT_DRAG_AXIS_THRESHOLD, dragConfigResolver, SCALE_ANGLE_RATIO_INTENT_DEG, PINCH_WHEEL_RATIO, PinchEngine, pinchConfigResolver, MoveEngine, moveConfigResolver, ScrollEngine, scrollConfigResolver, WheelEngine, wheelConfigResolver, HoverEngine, hoverConfigResolver, EngineMap, ConfigResolverMap, dragAction, hoverAction, moveAction, pinchAction, scrollAction, wheelAction;
-var init_actions_fe213e88_esm = __esmMin((() => {
-	init_maths_0ab39ae9_esm();
-	EVENT_TYPE_MAP = {
-		pointer: {
-			start: "down",
-			change: "move",
-			end: "up"
-		},
-		mouse: {
-			start: "down",
-			change: "move",
-			end: "up"
-		},
-		touch: {
-			start: "start",
-			change: "move",
-			end: "end"
-		},
-		gesture: {
-			start: "start",
-			change: "change",
-			end: "end"
-		}
-	};
-	actionsWithoutCaptureSupported = ["enter", "leave"];
-	pointerCaptureEvents = ["gotpointercapture", "lostpointercapture"];
-	LINE_HEIGHT = 40;
-	PAGE_HEIGHT = 800;
-	BEFORE_LAST_KINEMATICS_DELAY = 32;
-	Engine = class {
-		constructor(ctrl, args, key) {
-			this.ctrl = ctrl;
-			this.args = args;
-			this.key = key;
-			if (!this.state) {
-				this.state = {};
-				this.computeValues([0, 0]);
-				this.computeInitial();
-				if (this.init) this.init();
-				this.reset();
-			}
-		}
-		get state() {
-			return this.ctrl.state[this.key];
-		}
-		set state(state) {
-			this.ctrl.state[this.key] = state;
-		}
-		get shared() {
-			return this.ctrl.state.shared;
-		}
-		get eventStore() {
-			return this.ctrl.gestureEventStores[this.key];
-		}
-		get timeoutStore() {
-			return this.ctrl.gestureTimeoutStores[this.key];
-		}
-		get config() {
-			return this.ctrl.config[this.key];
-		}
-		get sharedConfig() {
-			return this.ctrl.config.shared;
-		}
-		get handler() {
-			return this.ctrl.handlers[this.key];
-		}
-		reset() {
-			const { state, shared, ingKey, args } = this;
-			shared[ingKey] = state._active = state.active = state._blocked = state._force = false;
-			state._step = [false, false];
-			state.intentional = false;
-			state._movement = [0, 0];
-			state._distance = [0, 0];
-			state._direction = [0, 0];
-			state._delta = [0, 0];
-			state._bounds = [[-Infinity, Infinity], [-Infinity, Infinity]];
-			state.args = args;
-			state.axis = void 0;
-			state.memo = void 0;
-			state.elapsedTime = state.timeDelta = 0;
-			state.direction = [0, 0];
-			state.distance = [0, 0];
-			state.overflow = [0, 0];
-			state._movementBound = [false, false];
-			state.velocity = [0, 0];
-			state.movement = [0, 0];
-			state.delta = [0, 0];
-			state.timeStamp = 0;
-		}
-		start(event) {
-			const state = this.state;
-			const config = this.config;
-			if (!state._active) {
-				this.reset();
-				this.computeInitial();
-				state._active = true;
-				state.target = event.target;
-				state.currentTarget = event.currentTarget;
-				state.lastOffset = config.from ? call(config.from, state) : state.offset;
-				state.offset = state.lastOffset;
-				state.startTime = state.timeStamp = event.timeStamp;
-			}
-		}
-		computeValues(values) {
-			const state = this.state;
-			state._values = values;
-			state.values = this.config.transform(values);
-		}
-		computeInitial() {
-			const state = this.state;
-			state._initial = state._values;
-			state.initial = state.values;
-		}
-		compute(event) {
-			const { state, config, shared } = this;
-			state.args = this.args;
-			let dt = 0;
-			if (event) {
-				state.event = event;
-				if (config.preventDefault && event.cancelable) state.event.preventDefault();
-				state.type = event.type;
-				shared.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size;
-				shared.locked = !!document.pointerLockElement;
-				Object.assign(shared, getEventDetails(event));
-				shared.down = shared.pressed = shared.buttons % 2 === 1 || shared.touches > 0;
-				dt = event.timeStamp - state.timeStamp;
-				state.timeStamp = event.timeStamp;
-				state.elapsedTime = state.timeStamp - state.startTime;
-			}
-			if (state._active) {
-				const _absoluteDelta = state._delta.map(Math.abs);
-				V.addTo(state._distance, _absoluteDelta);
-			}
-			if (this.axisIntent) this.axisIntent(event);
-			const [_m0, _m1] = state._movement;
-			const [t0, t1] = config.threshold;
-			const { _step, values } = state;
-			if (config.hasCustomTransform) {
-				if (_step[0] === false) _step[0] = Math.abs(_m0) >= t0 && values[0];
-				if (_step[1] === false) _step[1] = Math.abs(_m1) >= t1 && values[1];
-			} else {
-				if (_step[0] === false) _step[0] = Math.abs(_m0) >= t0 && Math.sign(_m0) * t0;
-				if (_step[1] === false) _step[1] = Math.abs(_m1) >= t1 && Math.sign(_m1) * t1;
-			}
-			state.intentional = _step[0] !== false || _step[1] !== false;
-			if (!state.intentional) return;
-			const movement = [0, 0];
-			if (config.hasCustomTransform) {
-				const [v0, v1] = values;
-				movement[0] = _step[0] !== false ? v0 - _step[0] : 0;
-				movement[1] = _step[1] !== false ? v1 - _step[1] : 0;
-			} else {
-				movement[0] = _step[0] !== false ? _m0 - _step[0] : 0;
-				movement[1] = _step[1] !== false ? _m1 - _step[1] : 0;
-			}
-			if (this.restrictToAxis && !state._blocked) this.restrictToAxis(movement);
-			const previousOffset = state.offset;
-			const gestureIsActive = state._active && !state._blocked || state.active;
-			if (gestureIsActive) {
-				state.first = state._active && !state.active;
-				state.last = !state._active && state.active;
-				state.active = shared[this.ingKey] = state._active;
-				if (event) {
-					if (state.first) {
-						if ("bounds" in config) state._bounds = call(config.bounds, state);
-						if (this.setup) this.setup();
-					}
-					state.movement = movement;
-					this.computeOffset();
-				}
-			}
-			const [ox, oy] = state.offset;
-			const [[x0, x1], [y0, y1]] = state._bounds;
-			state.overflow = [ox < x0 ? -1 : ox > x1 ? 1 : 0, oy < y0 ? -1 : oy > y1 ? 1 : 0];
-			state._movementBound[0] = state.overflow[0] ? state._movementBound[0] === false ? state._movement[0] : state._movementBound[0] : false;
-			state._movementBound[1] = state.overflow[1] ? state._movementBound[1] === false ? state._movement[1] : state._movementBound[1] : false;
-			const rubberband$1 = state._active ? config.rubberband || [0, 0] : [0, 0];
-			state.offset = computeRubberband(state._bounds, state.offset, rubberband$1);
-			state.delta = V.sub(state.offset, previousOffset);
-			this.computeMovement();
-			if (gestureIsActive && (!state.last || dt > BEFORE_LAST_KINEMATICS_DELAY)) {
-				state.delta = V.sub(state.offset, previousOffset);
-				const absoluteDelta = state.delta.map(Math.abs);
-				V.addTo(state.distance, absoluteDelta);
-				state.direction = state.delta.map(Math.sign);
-				state._direction = state._delta.map(Math.sign);
-				if (!state.first && dt > 0) {
-					state.velocity = [absoluteDelta[0] / dt, absoluteDelta[1] / dt];
-					state.timeDelta = dt;
-				}
-			}
-		}
-		emit() {
-			const state = this.state;
-			const shared = this.shared;
-			const config = this.config;
-			if (!state._active) this.clean();
-			if ((state._blocked || !state.intentional) && !state._force && !config.triggerAllEvents) return;
-			const memo = this.handler(_objectSpread2(_objectSpread2(_objectSpread2({}, shared), state), {}, { [this.aliasKey]: state.values }));
-			if (memo !== void 0) state.memo = memo;
-		}
-		clean() {
-			this.eventStore.clean();
-			this.timeoutStore.clean();
-		}
-	};
-	CoordinatesEngine = class extends Engine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "aliasKey", "xy");
-		}
-		reset() {
-			super.reset();
-			this.state.axis = void 0;
-		}
-		init() {
-			this.state.offset = [0, 0];
-			this.state.lastOffset = [0, 0];
-		}
-		computeOffset() {
-			this.state.offset = V.add(this.state.lastOffset, this.state.movement);
-		}
-		computeMovement() {
-			this.state.movement = V.sub(this.state.offset, this.state.lastOffset);
-		}
-		axisIntent(event) {
-			const state = this.state;
-			const config = this.config;
-			if (!state.axis && event) {
-				const threshold = typeof config.axisThreshold === "object" ? config.axisThreshold[getPointerType(event)] : config.axisThreshold;
-				state.axis = selectAxis(state._movement, threshold);
-			}
-			state._blocked = (config.lockDirection || !!config.axis) && !state.axis || !!config.axis && config.axis !== state.axis;
-		}
-		restrictToAxis(v) {
-			if (this.config.axis || this.config.lockDirection) switch (this.state.axis) {
-				case "x":
-					v[1] = 0;
-					break;
-				case "y":
-					v[0] = 0;
-					break;
-			}
-		}
-	};
-	identity = (v) => v;
-	DEFAULT_RUBBERBAND = .15;
-	commonConfigResolver = {
-		enabled(value = true) {
-			return value;
-		},
-		eventOptions(value, _k, config) {
-			return _objectSpread2(_objectSpread2({}, config.shared.eventOptions), value);
-		},
-		preventDefault(value = false) {
-			return value;
-		},
-		triggerAllEvents(value = false) {
-			return value;
-		},
-		rubberband(value = 0) {
-			switch (value) {
-				case true: return [DEFAULT_RUBBERBAND, DEFAULT_RUBBERBAND];
-				case false: return [0, 0];
-				default: return V.toVector(value);
-			}
-		},
-		from(value) {
-			if (typeof value === "function") return value;
-			if (value != null) return V.toVector(value);
-		},
-		transform(value, _k, config) {
-			const transform = value || config.shared.transform;
-			this.hasCustomTransform = !!transform;
-			if (process.env.NODE_ENV === "development") {
-				const originalTransform = transform || identity;
-				return (v) => {
-					const r = originalTransform(v);
-					if (!isFinite(r[0]) || !isFinite(r[1])) console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${r[0]},1]`);
-					return r;
-				};
-			}
-			return transform || identity;
-		},
-		threshold(value) {
-			return V.toVector(value, 0);
-		}
-	};
-	if (process.env.NODE_ENV === "development") Object.assign(commonConfigResolver, {
-		domTarget(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`domTarget\` option has been renamed to \`target\`.`);
-			return NaN;
-		},
-		lockDirection(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`lockDirection\` option has been merged with \`axis\`. Use it as in \`{ axis: 'lock' }\``);
-			return NaN;
-		},
-		initial(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`initial\` option has been renamed to \`from\`.`);
-			return NaN;
-		}
-	});
-	DEFAULT_AXIS_THRESHOLD = 0;
-	coordinatesConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
-		axis(_v, _k, { axis }) {
-			this.lockDirection = axis === "lock";
-			if (!this.lockDirection) return axis;
-		},
-		axisThreshold(value = DEFAULT_AXIS_THRESHOLD) {
-			return value;
-		},
-		bounds(value = {}) {
-			if (typeof value === "function") return (state) => coordinatesConfigResolver.bounds(value(state));
-			if ("current" in value) return () => value.current;
-			if (typeof HTMLElement === "function" && value instanceof HTMLElement) return value;
-			const { left = -Infinity, right = Infinity, top = -Infinity, bottom = Infinity } = value;
-			return [[left, right], [top, bottom]];
-		}
-	});
-	KEYS_DELTA_MAP = {
-		ArrowRight: (displacement, factor = 1) => [displacement * factor, 0],
-		ArrowLeft: (displacement, factor = 1) => [-1 * displacement * factor, 0],
-		ArrowUp: (displacement, factor = 1) => [0, -1 * displacement * factor],
-		ArrowDown: (displacement, factor = 1) => [0, displacement * factor]
-	};
-	DragEngine = class extends CoordinatesEngine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "ingKey", "dragging");
-		}
-		reset() {
-			super.reset();
-			const state = this.state;
-			state._pointerId = void 0;
-			state._pointerActive = false;
-			state._keyboardActive = false;
-			state._preventScroll = false;
-			state._delayed = false;
-			state.swipe = [0, 0];
-			state.tap = false;
-			state.canceled = false;
-			state.cancel = this.cancel.bind(this);
-		}
-		setup() {
-			const state = this.state;
-			if (state._bounds instanceof HTMLElement) {
-				const boundRect = state._bounds.getBoundingClientRect();
-				const targetRect = state.currentTarget.getBoundingClientRect();
-				const _bounds = {
-					left: boundRect.left - targetRect.left + state.offset[0],
-					right: boundRect.right - targetRect.right + state.offset[0],
-					top: boundRect.top - targetRect.top + state.offset[1],
-					bottom: boundRect.bottom - targetRect.bottom + state.offset[1]
-				};
-				state._bounds = coordinatesConfigResolver.bounds(_bounds);
-			}
-		}
-		cancel() {
-			const state = this.state;
-			if (state.canceled) return;
-			state.canceled = true;
-			state._active = false;
-			setTimeout(() => {
-				this.compute();
-				this.emit();
-			}, 0);
-		}
-		setActive() {
-			this.state._active = this.state._pointerActive || this.state._keyboardActive;
-		}
-		clean() {
-			this.pointerClean();
-			this.state._pointerActive = false;
-			this.state._keyboardActive = false;
-			super.clean();
-		}
-		pointerDown(event) {
-			const config = this.config;
-			const state = this.state;
-			if (event.buttons != null && (Array.isArray(config.pointerButtons) ? !config.pointerButtons.includes(event.buttons) : config.pointerButtons !== -1 && config.pointerButtons !== event.buttons)) return;
-			const ctrlIds = this.ctrl.setEventIds(event);
-			if (config.pointerCapture) event.target.setPointerCapture(event.pointerId);
-			if (ctrlIds && ctrlIds.size > 1 && state._pointerActive) return;
-			this.start(event);
-			this.setupPointer(event);
-			state._pointerId = pointerId(event);
-			state._pointerActive = true;
-			this.computeValues(pointerValues(event));
-			this.computeInitial();
-			if (config.preventScrollAxis && getPointerType(event) !== "mouse") {
-				state._active = false;
-				this.setupScrollPrevention(event);
-			} else if (config.delay > 0) {
-				this.setupDelayTrigger(event);
-				if (config.triggerAllEvents) {
-					this.compute(event);
-					this.emit();
-				}
-			} else this.startPointerDrag(event);
-		}
-		startPointerDrag(event) {
-			const state = this.state;
-			state._active = true;
-			state._preventScroll = true;
-			state._delayed = false;
-			this.compute(event);
-			this.emit();
-		}
-		pointerMove(event) {
-			const state = this.state;
-			const config = this.config;
-			if (!state._pointerActive) return;
-			const id = pointerId(event);
-			if (state._pointerId !== void 0 && id !== state._pointerId) return;
-			const _values = pointerValues(event);
-			if (document.pointerLockElement === event.target) state._delta = [event.movementX, event.movementY];
-			else {
-				state._delta = V.sub(_values, state._values);
-				this.computeValues(_values);
-			}
-			V.addTo(state._movement, state._delta);
-			this.compute(event);
-			if (state._delayed && state.intentional) {
-				this.timeoutStore.remove("dragDelay");
-				state.active = false;
-				this.startPointerDrag(event);
-				return;
-			}
-			if (config.preventScrollAxis && !state._preventScroll) if (state.axis) if (state.axis === config.preventScrollAxis || config.preventScrollAxis === "xy") {
-				state._active = false;
-				this.clean();
-				return;
-			} else {
-				this.timeoutStore.remove("startPointerDrag");
-				this.startPointerDrag(event);
-				return;
-			}
-			else return;
-			this.emit();
-		}
-		pointerUp(event) {
-			this.ctrl.setEventIds(event);
-			try {
-				if (this.config.pointerCapture && event.target.hasPointerCapture(event.pointerId)) event.target.releasePointerCapture(event.pointerId);
-			} catch (_unused) {
-				if (process.env.NODE_ENV === "development") console.warn(`[@use-gesture]: If you see this message, it's likely that you're using an outdated version of \`@react-three/fiber\`. \n\nPlease upgrade to the latest version.`);
-			}
-			const state = this.state;
-			const config = this.config;
-			if (!state._active || !state._pointerActive) return;
-			const id = pointerId(event);
-			if (state._pointerId !== void 0 && id !== state._pointerId) return;
-			this.state._pointerActive = false;
-			this.setActive();
-			this.compute(event);
-			const [dx, dy] = state._distance;
-			state.tap = dx <= config.tapsThreshold && dy <= config.tapsThreshold;
-			if (state.tap && config.filterTaps) state._force = true;
-			else {
-				const [_dx, _dy] = state._delta;
-				const [_mx, _my] = state._movement;
-				const [svx, svy] = config.swipe.velocity;
-				const [sx, sy] = config.swipe.distance;
-				const sdt = config.swipe.duration;
-				if (state.elapsedTime < sdt) {
-					const _vx = Math.abs(_dx / state.timeDelta);
-					const _vy = Math.abs(_dy / state.timeDelta);
-					if (_vx > svx && Math.abs(_mx) > sx) state.swipe[0] = Math.sign(_dx);
-					if (_vy > svy && Math.abs(_my) > sy) state.swipe[1] = Math.sign(_dy);
-				}
-			}
-			this.emit();
-		}
-		pointerClick(event) {
-			if (!this.state.tap && event.detail > 0) {
-				event.preventDefault();
-				event.stopPropagation();
-			}
-		}
-		setupPointer(event) {
-			const config = this.config;
-			const device = config.device;
-			if (process.env.NODE_ENV === "development") try {
-				if (device === "pointer" && config.preventScrollDelay === void 0) {
-					const currentTarget = "uv" in event ? event.sourceEvent.currentTarget : event.currentTarget;
-					if (window.getComputedStyle(currentTarget).touchAction === "auto") console.warn(`[@use-gesture]: The drag target has its \`touch-action\` style property set to \`auto\`. It is recommended to add \`touch-action: 'none'\` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.`, currentTarget);
-				}
-			} catch (_unused2) {}
-			if (config.pointerLock) event.currentTarget.requestPointerLock();
-			if (!config.pointerCapture) {
-				this.eventStore.add(this.sharedConfig.window, device, "change", this.pointerMove.bind(this));
-				this.eventStore.add(this.sharedConfig.window, device, "end", this.pointerUp.bind(this));
-				this.eventStore.add(this.sharedConfig.window, device, "cancel", this.pointerUp.bind(this));
-			}
-		}
-		pointerClean() {
-			if (this.config.pointerLock && document.pointerLockElement === this.state.currentTarget) document.exitPointerLock();
-		}
-		preventScroll(event) {
-			if (this.state._preventScroll && event.cancelable) event.preventDefault();
-		}
-		setupScrollPrevention(event) {
-			this.state._preventScroll = false;
-			persistEvent(event);
-			const remove = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), { passive: false });
-			this.eventStore.add(this.sharedConfig.window, "touch", "end", remove);
-			this.eventStore.add(this.sharedConfig.window, "touch", "cancel", remove);
-			this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, event);
-		}
-		setupDelayTrigger(event) {
-			this.state._delayed = true;
-			this.timeoutStore.add("dragDelay", () => {
-				this.state._step = [0, 0];
-				this.startPointerDrag(event);
-			}, this.config.delay);
-		}
-		keyDown(event) {
-			const deltaFn = KEYS_DELTA_MAP[event.key];
-			if (deltaFn) {
-				const state = this.state;
-				const factor = event.shiftKey ? 10 : event.altKey ? .1 : 1;
-				this.start(event);
-				state._delta = deltaFn(this.config.keyboardDisplacement, factor);
-				state._keyboardActive = true;
-				V.addTo(state._movement, state._delta);
-				this.compute(event);
-				this.emit();
-			}
-		}
-		keyUp(event) {
-			if (!(event.key in KEYS_DELTA_MAP)) return;
-			this.state._keyboardActive = false;
-			this.setActive();
-			this.compute(event);
-			this.emit();
-		}
-		bind(bindFunction) {
-			const device = this.config.device;
-			bindFunction(device, "start", this.pointerDown.bind(this));
-			if (this.config.pointerCapture) {
-				bindFunction(device, "change", this.pointerMove.bind(this));
-				bindFunction(device, "end", this.pointerUp.bind(this));
-				bindFunction(device, "cancel", this.pointerUp.bind(this));
-				bindFunction("lostPointerCapture", "", this.pointerUp.bind(this));
-			}
-			if (this.config.keys) {
-				bindFunction("key", "down", this.keyDown.bind(this));
-				bindFunction("key", "up", this.keyUp.bind(this));
-			}
-			if (this.config.filterTaps) bindFunction("click", "", this.pointerClick.bind(this), {
-				capture: true,
-				passive: false
-			});
-		}
-	};
-	isBrowser = typeof window !== "undefined" && window.document && window.document.createElement;
-	SUPPORT = {
-		isBrowser,
-		gesture: supportsGestureEvents(),
-		touch: supportsTouchEvents(),
-		touchscreen: isTouchScreen(),
-		pointer: supportsPointerEvents(),
-		pointerLock: supportsPointerLock()
-	};
-	DEFAULT_PREVENT_SCROLL_DELAY = 250;
-	DEFAULT_DRAG_DELAY = 180;
-	DEFAULT_SWIPE_VELOCITY = .5;
-	DEFAULT_SWIPE_DISTANCE = 50;
-	DEFAULT_SWIPE_DURATION = 250;
-	DEFAULT_KEYBOARD_DISPLACEMENT = 10;
-	DEFAULT_DRAG_AXIS_THRESHOLD = {
-		mouse: 0,
-		touch: 0,
-		pen: 8
-	};
-	dragConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, {
-		device(_v, _k, { pointer: { touch = false, lock = false, mouse = false } = {} }) {
-			this.pointerLock = lock && SUPPORT.pointerLock;
-			if (SUPPORT.touch && touch) return "touch";
-			if (this.pointerLock) return "mouse";
-			if (SUPPORT.pointer && !mouse) return "pointer";
-			if (SUPPORT.touch) return "touch";
-			return "mouse";
-		},
-		preventScrollAxis(value, _k, { preventScroll }) {
-			this.preventScrollDelay = typeof preventScroll === "number" ? preventScroll : preventScroll || preventScroll === void 0 && value ? DEFAULT_PREVENT_SCROLL_DELAY : void 0;
-			if (!SUPPORT.touchscreen || preventScroll === false) return void 0;
-			return value ? value : preventScroll !== void 0 ? "y" : void 0;
-		},
-		pointerCapture(_v, _k, { pointer: { capture = true, buttons = 1, keys = true } = {} }) {
-			this.pointerButtons = buttons;
-			this.keys = keys;
-			return !this.pointerLock && this.device === "pointer" && capture;
-		},
-		threshold(value, _k, { filterTaps = false, tapsThreshold = 3, axis = void 0 }) {
-			const threshold = V.toVector(value, filterTaps ? tapsThreshold : axis ? 1 : 0);
-			this.filterTaps = filterTaps;
-			this.tapsThreshold = tapsThreshold;
-			return threshold;
-		},
-		swipe({ velocity = DEFAULT_SWIPE_VELOCITY, distance = DEFAULT_SWIPE_DISTANCE, duration = DEFAULT_SWIPE_DURATION } = {}) {
-			return {
-				velocity: this.transform(V.toVector(velocity)),
-				distance: this.transform(V.toVector(distance)),
-				duration
-			};
-		},
-		delay(value = 0) {
-			switch (value) {
-				case true: return DEFAULT_DRAG_DELAY;
-				case false: return 0;
-				default: return value;
-			}
-		},
-		axisThreshold(value) {
-			if (!value) return DEFAULT_DRAG_AXIS_THRESHOLD;
-			return _objectSpread2(_objectSpread2({}, DEFAULT_DRAG_AXIS_THRESHOLD), value);
-		},
-		keyboardDisplacement(value = DEFAULT_KEYBOARD_DISPLACEMENT) {
-			return value;
-		}
-	});
-	if (process.env.NODE_ENV === "development") Object.assign(dragConfigResolver, {
-		useTouch(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`useTouch\` option has been renamed to \`pointer.touch\`. Use it as in \`{ pointer: { touch: true } }\`.`);
-			return NaN;
-		},
-		experimental_preventWindowScrollY(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`experimental_preventWindowScrollY\` option has been renamed to \`preventScroll\`.`);
-			return NaN;
-		},
-		swipeVelocity(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`swipeVelocity\` option has been renamed to \`swipe.velocity\`. Use it as in \`{ swipe: { velocity: 0.5 } }\`.`);
-			return NaN;
-		},
-		swipeDistance(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`swipeDistance\` option has been renamed to \`swipe.distance\`. Use it as in \`{ swipe: { distance: 50 } }\`.`);
-			return NaN;
-		},
-		swipeDuration(value) {
-			if (value !== void 0) throw Error(`[@use-gesture]: \`swipeDuration\` option has been renamed to \`swipe.duration\`. Use it as in \`{ swipe: { duration: 250 } }\`.`);
-			return NaN;
-		}
-	});
-	SCALE_ANGLE_RATIO_INTENT_DEG = 30;
-	PINCH_WHEEL_RATIO = 100;
-	PinchEngine = class extends Engine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "ingKey", "pinching");
-			_defineProperty(this, "aliasKey", "da");
-		}
-		init() {
-			this.state.offset = [1, 0];
-			this.state.lastOffset = [1, 0];
-			this.state._pointerEvents = /* @__PURE__ */ new Map();
-		}
-		reset() {
-			super.reset();
-			const state = this.state;
-			state._touchIds = [];
-			state.canceled = false;
-			state.cancel = this.cancel.bind(this);
-			state.turns = 0;
-		}
-		computeOffset() {
-			const { type, movement, lastOffset } = this.state;
-			if (type === "wheel") this.state.offset = V.add(movement, lastOffset);
-			else this.state.offset = [(1 + movement[0]) * lastOffset[0], movement[1] + lastOffset[1]];
-		}
-		computeMovement() {
-			const { offset, lastOffset } = this.state;
-			this.state.movement = [offset[0] / lastOffset[0], offset[1] - lastOffset[1]];
-		}
-		axisIntent() {
-			const state = this.state;
-			const [_m0, _m1] = state._movement;
-			if (!state.axis) {
-				const axisMovementDifference = Math.abs(_m0) * SCALE_ANGLE_RATIO_INTENT_DEG - Math.abs(_m1);
-				if (axisMovementDifference < 0) state.axis = "angle";
-				else if (axisMovementDifference > 0) state.axis = "scale";
-			}
-		}
-		restrictToAxis(v) {
-			if (this.config.lockDirection) {
-				if (this.state.axis === "scale") v[1] = 0;
-				else if (this.state.axis === "angle") v[0] = 0;
-			}
-		}
-		cancel() {
-			const state = this.state;
-			if (state.canceled) return;
-			setTimeout(() => {
-				state.canceled = true;
-				state._active = false;
-				this.compute();
-				this.emit();
-			}, 0);
-		}
-		touchStart(event) {
-			this.ctrl.setEventIds(event);
-			const state = this.state;
-			const ctrlTouchIds = this.ctrl.touchIds;
-			if (state._active) {
-				if (state._touchIds.every((id) => ctrlTouchIds.has(id))) return;
-			}
-			if (ctrlTouchIds.size < 2) return;
-			this.start(event);
-			state._touchIds = Array.from(ctrlTouchIds).slice(0, 2);
-			const payload = touchDistanceAngle(event, state._touchIds);
-			if (!payload) return;
-			this.pinchStart(event, payload);
-		}
-		pointerStart(event) {
-			if (event.buttons != null && event.buttons % 2 !== 1) return;
-			this.ctrl.setEventIds(event);
-			event.target.setPointerCapture(event.pointerId);
-			const state = this.state;
-			const _pointerEvents = state._pointerEvents;
-			const ctrlPointerIds = this.ctrl.pointerIds;
-			if (state._active) {
-				if (Array.from(_pointerEvents.keys()).every((id) => ctrlPointerIds.has(id))) return;
-			}
-			if (_pointerEvents.size < 2) _pointerEvents.set(event.pointerId, event);
-			if (state._pointerEvents.size < 2) return;
-			this.start(event);
-			const payload = distanceAngle(...Array.from(_pointerEvents.values()));
-			if (!payload) return;
-			this.pinchStart(event, payload);
-		}
-		pinchStart(event, payload) {
-			const state = this.state;
-			state.origin = payload.origin;
-			this.computeValues([payload.distance, payload.angle]);
-			this.computeInitial();
-			this.compute(event);
-			this.emit();
-		}
-		touchMove(event) {
-			if (!this.state._active) return;
-			const payload = touchDistanceAngle(event, this.state._touchIds);
-			if (!payload) return;
-			this.pinchMove(event, payload);
-		}
-		pointerMove(event) {
-			const _pointerEvents = this.state._pointerEvents;
-			if (_pointerEvents.has(event.pointerId)) _pointerEvents.set(event.pointerId, event);
-			if (!this.state._active) return;
-			const payload = distanceAngle(...Array.from(_pointerEvents.values()));
-			if (!payload) return;
-			this.pinchMove(event, payload);
-		}
-		pinchMove(event, payload) {
-			const state = this.state;
-			const prev_a = state._values[1];
-			const delta_a = payload.angle - prev_a;
-			let delta_turns = 0;
-			if (Math.abs(delta_a) > 270) delta_turns += Math.sign(delta_a);
-			this.computeValues([payload.distance, payload.angle - 360 * delta_turns]);
-			state.origin = payload.origin;
-			state.turns = delta_turns;
-			state._movement = [state._values[0] / state._initial[0] - 1, state._values[1] - state._initial[1]];
-			this.compute(event);
-			this.emit();
-		}
-		touchEnd(event) {
-			this.ctrl.setEventIds(event);
-			if (!this.state._active) return;
-			if (this.state._touchIds.some((id) => !this.ctrl.touchIds.has(id))) {
-				this.state._active = false;
-				this.compute(event);
-				this.emit();
-			}
-		}
-		pointerEnd(event) {
-			const state = this.state;
-			this.ctrl.setEventIds(event);
-			try {
-				event.target.releasePointerCapture(event.pointerId);
-			} catch (_unused) {}
-			if (state._pointerEvents.has(event.pointerId)) state._pointerEvents.delete(event.pointerId);
-			if (!state._active) return;
-			if (state._pointerEvents.size < 2) {
-				state._active = false;
-				this.compute(event);
-				this.emit();
-			}
-		}
-		gestureStart(event) {
-			if (event.cancelable) event.preventDefault();
-			const state = this.state;
-			if (state._active) return;
-			this.start(event);
-			this.computeValues([event.scale, event.rotation]);
-			state.origin = [event.clientX, event.clientY];
-			this.compute(event);
-			this.emit();
-		}
-		gestureMove(event) {
-			if (event.cancelable) event.preventDefault();
-			if (!this.state._active) return;
-			const state = this.state;
-			this.computeValues([event.scale, event.rotation]);
-			state.origin = [event.clientX, event.clientY];
-			const _previousMovement = state._movement;
-			state._movement = [event.scale - 1, event.rotation];
-			state._delta = V.sub(state._movement, _previousMovement);
-			this.compute(event);
-			this.emit();
-		}
-		gestureEnd(event) {
-			if (!this.state._active) return;
-			this.state._active = false;
-			this.compute(event);
-			this.emit();
-		}
-		wheel(event) {
-			const modifierKey = this.config.modifierKey;
-			if (modifierKey && (Array.isArray(modifierKey) ? !modifierKey.find((k) => event[k]) : !event[modifierKey])) return;
-			if (!this.state._active) this.wheelStart(event);
-			else this.wheelChange(event);
-			this.timeoutStore.add("wheelEnd", this.wheelEnd.bind(this));
-		}
-		wheelStart(event) {
-			this.start(event);
-			this.wheelChange(event);
-		}
-		wheelChange(event) {
-			if (!("uv" in event)) {
-				if (event.cancelable) event.preventDefault();
-				if (process.env.NODE_ENV === "development" && !event.defaultPrevented) console.warn(`[@use-gesture]: To properly support zoom on trackpads, try using the \`target\` option.\n\nThis message will only appear in development mode.`);
-			}
-			const state = this.state;
-			state._delta = [-wheelValues(event)[1] / PINCH_WHEEL_RATIO * state.offset[0], 0];
-			V.addTo(state._movement, state._delta);
-			clampStateInternalMovementToBounds(state);
-			this.state.origin = [event.clientX, event.clientY];
-			this.compute(event);
-			this.emit();
-		}
-		wheelEnd() {
-			if (!this.state._active) return;
-			this.state._active = false;
-			this.compute();
-			this.emit();
-		}
-		bind(bindFunction) {
-			const device = this.config.device;
-			if (!!device) {
-				bindFunction(device, "start", this[device + "Start"].bind(this));
-				bindFunction(device, "change", this[device + "Move"].bind(this));
-				bindFunction(device, "end", this[device + "End"].bind(this));
-				bindFunction(device, "cancel", this[device + "End"].bind(this));
-				bindFunction("lostPointerCapture", "", this[device + "End"].bind(this));
-			}
-			if (this.config.pinchOnWheel) bindFunction("wheel", "", this.wheel.bind(this), { passive: false });
-		}
-	};
-	pinchConfigResolver = _objectSpread2(_objectSpread2({}, commonConfigResolver), {}, {
-		device(_v, _k, { shared, pointer: { touch = false } = {} }) {
-			if (shared.target && !SUPPORT.touch && SUPPORT.gesture) return "gesture";
-			if (SUPPORT.touch && touch) return "touch";
-			if (SUPPORT.touchscreen) {
-				if (SUPPORT.pointer) return "pointer";
-				if (SUPPORT.touch) return "touch";
-			}
-		},
-		bounds(_v, _k, { scaleBounds = {}, angleBounds = {} }) {
-			const _scaleBounds = (state) => {
-				const D = assignDefault(call(scaleBounds, state), {
-					min: -Infinity,
-					max: Infinity
-				});
-				return [D.min, D.max];
-			};
-			const _angleBounds = (state) => {
-				const A = assignDefault(call(angleBounds, state), {
-					min: -Infinity,
-					max: Infinity
-				});
-				return [A.min, A.max];
-			};
-			if (typeof scaleBounds !== "function" && typeof angleBounds !== "function") return [_scaleBounds(), _angleBounds()];
-			return (state) => [_scaleBounds(state), _angleBounds(state)];
-		},
-		threshold(value, _k, config) {
-			this.lockDirection = config.axis === "lock";
-			return V.toVector(value, this.lockDirection ? [.1, 3] : 0);
-		},
-		modifierKey(value) {
-			if (value === void 0) return "ctrlKey";
-			return value;
-		},
-		pinchOnWheel(value = true) {
-			return value;
-		}
-	});
-	MoveEngine = class extends CoordinatesEngine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "ingKey", "moving");
-		}
-		move(event) {
-			if (this.config.mouseOnly && event.pointerType !== "mouse") return;
-			if (!this.state._active) this.moveStart(event);
-			else this.moveChange(event);
-			this.timeoutStore.add("moveEnd", this.moveEnd.bind(this));
-		}
-		moveStart(event) {
-			this.start(event);
-			this.computeValues(pointerValues(event));
-			this.compute(event);
-			this.computeInitial();
-			this.emit();
-		}
-		moveChange(event) {
-			if (!this.state._active) return;
-			const values = pointerValues(event);
-			const state = this.state;
-			state._delta = V.sub(values, state._values);
-			V.addTo(state._movement, state._delta);
-			this.computeValues(values);
-			this.compute(event);
-			this.emit();
-		}
-		moveEnd(event) {
-			if (!this.state._active) return;
-			this.state._active = false;
-			this.compute(event);
-			this.emit();
-		}
-		bind(bindFunction) {
-			bindFunction("pointer", "change", this.move.bind(this));
-			bindFunction("pointer", "leave", this.moveEnd.bind(this));
-		}
-	};
-	moveConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, { mouseOnly: (value = true) => value });
-	ScrollEngine = class extends CoordinatesEngine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "ingKey", "scrolling");
-		}
-		scroll(event) {
-			if (!this.state._active) this.start(event);
-			this.scrollChange(event);
-			this.timeoutStore.add("scrollEnd", this.scrollEnd.bind(this));
-		}
-		scrollChange(event) {
-			if (event.cancelable) event.preventDefault();
-			const state = this.state;
-			const values = scrollValues(event);
-			state._delta = V.sub(values, state._values);
-			V.addTo(state._movement, state._delta);
-			this.computeValues(values);
-			this.compute(event);
-			this.emit();
-		}
-		scrollEnd() {
-			if (!this.state._active) return;
-			this.state._active = false;
-			this.compute();
-			this.emit();
-		}
-		bind(bindFunction) {
-			bindFunction("scroll", "", this.scroll.bind(this));
-		}
-	};
-	scrollConfigResolver = coordinatesConfigResolver;
-	WheelEngine = class extends CoordinatesEngine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "ingKey", "wheeling");
-		}
-		wheel(event) {
-			if (!this.state._active) this.start(event);
-			this.wheelChange(event);
-			this.timeoutStore.add("wheelEnd", this.wheelEnd.bind(this));
-		}
-		wheelChange(event) {
-			const state = this.state;
-			state._delta = wheelValues(event);
-			V.addTo(state._movement, state._delta);
-			clampStateInternalMovementToBounds(state);
-			this.compute(event);
-			this.emit();
-		}
-		wheelEnd() {
-			if (!this.state._active) return;
-			this.state._active = false;
-			this.compute();
-			this.emit();
-		}
-		bind(bindFunction) {
-			bindFunction("wheel", "", this.wheel.bind(this));
-		}
-	};
-	wheelConfigResolver = coordinatesConfigResolver;
-	HoverEngine = class extends CoordinatesEngine {
-		constructor(...args) {
-			super(...args);
-			_defineProperty(this, "ingKey", "hovering");
-		}
-		enter(event) {
-			if (this.config.mouseOnly && event.pointerType !== "mouse") return;
-			this.start(event);
-			this.computeValues(pointerValues(event));
-			this.compute(event);
-			this.emit();
-		}
-		leave(event) {
-			if (this.config.mouseOnly && event.pointerType !== "mouse") return;
-			const state = this.state;
-			if (!state._active) return;
-			state._active = false;
-			const values = pointerValues(event);
-			state._movement = state._delta = V.sub(values, state._values);
-			this.computeValues(values);
-			this.compute(event);
-			state.delta = state.movement;
-			this.emit();
-		}
-		bind(bindFunction) {
-			bindFunction("pointer", "enter", this.enter.bind(this));
-			bindFunction("pointer", "leave", this.leave.bind(this));
-		}
-	};
-	hoverConfigResolver = _objectSpread2(_objectSpread2({}, coordinatesConfigResolver), {}, { mouseOnly: (value = true) => value });
-	EngineMap = /* @__PURE__ */ new Map();
-	ConfigResolverMap = /* @__PURE__ */ new Map();
-	dragAction = {
-		key: "drag",
-		engine: DragEngine,
-		resolver: dragConfigResolver
-	};
-	hoverAction = {
-		key: "hover",
-		engine: HoverEngine,
-		resolver: hoverConfigResolver
-	};
-	moveAction = {
-		key: "move",
-		engine: MoveEngine,
-		resolver: moveConfigResolver
-	};
-	pinchAction = {
-		key: "pinch",
-		engine: PinchEngine,
-		resolver: pinchConfigResolver
-	};
-	scrollAction = {
-		key: "scroll",
-		engine: ScrollEngine,
-		resolver: scrollConfigResolver
-	};
-	wheelAction = {
-		key: "wheel",
-		engine: WheelEngine,
-		resolver: wheelConfigResolver
-	};
-}));
-
-//#endregion
-//#region node_modules/@use-gesture/core/actions/dist/use-gesture-core-actions.esm.js
-var use_gesture_core_actions_esm_exports = /* @__PURE__ */ __export({
-	ConfigResolverMap: () => ConfigResolverMap,
-	EngineMap: () => EngineMap,
-	dragAction: () => dragAction,
-	hoverAction: () => hoverAction,
-	moveAction: () => moveAction,
-	pinchAction: () => pinchAction,
-	registerAction: () => registerAction,
-	scrollAction: () => scrollAction,
-	wheelAction: () => wheelAction
-});
-var init_use_gesture_core_actions_esm = __esmMin((() => {
-	init_actions_fe213e88_esm();
-}));
-
-//#endregion
-//#region node_modules/@use-gesture/core/dist/use-gesture-core.esm.js
-var use_gesture_core_esm_exports = /* @__PURE__ */ __export({
-	Controller: () => Controller,
-	parseMergedHandlers: () => parseMergedHandlers
-});
-function _objectWithoutPropertiesLoose(source, excluded) {
-	if (source == null) return {};
-	var target = {};
-	var sourceKeys = Object.keys(source);
-	var key, i;
-	for (i = 0; i < sourceKeys.length; i++) {
-		key = sourceKeys[i];
-		if (excluded.indexOf(key) >= 0) continue;
-		target[key] = source[key];
-	}
-	return target;
-}
-function _objectWithoutProperties(source, excluded) {
-	if (source == null) return {};
-	var target = _objectWithoutPropertiesLoose(source, excluded);
-	var key, i;
-	if (Object.getOwnPropertySymbols) {
-		var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-		for (i = 0; i < sourceSymbolKeys.length; i++) {
-			key = sourceSymbolKeys[i];
-			if (excluded.indexOf(key) >= 0) continue;
-			if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-			target[key] = source[key];
-		}
-	}
-	return target;
-}
-function resolveWith(config = {}, resolvers) {
-	const result = {};
-	for (const [key, resolver] of Object.entries(resolvers)) switch (typeof resolver) {
-		case "function":
-			if (process.env.NODE_ENV === "development") {
-				const r = resolver.call(result, config[key], key, config);
-				if (!Number.isNaN(r)) result[key] = r;
-			} else result[key] = resolver.call(result, config[key], key, config);
-			break;
-		case "object":
-			result[key] = resolveWith(config[key], resolver);
-			break;
-		case "boolean":
-			if (resolver) result[key] = config[key];
-			break;
-	}
-	return result;
-}
-function parse(newConfig, gestureKey, _config = {}) {
-	const _ref = newConfig, { target, eventOptions, window: window$1, enabled, transform } = _ref, rest = _objectWithoutProperties(_ref, _excluded);
-	_config.shared = resolveWith({
-		target,
-		eventOptions,
-		window: window$1,
-		enabled,
-		transform
-	}, sharedConfigResolver);
-	if (gestureKey) {
-		const resolver = ConfigResolverMap.get(gestureKey);
-		_config[gestureKey] = resolveWith(_objectSpread2({ shared: _config.shared }, rest), resolver);
-	} else for (const key in rest) {
-		const resolver = ConfigResolverMap.get(key);
-		if (resolver) _config[key] = resolveWith(_objectSpread2({ shared: _config.shared }, rest[key]), resolver);
-		else if (process.env.NODE_ENV === "development") {
-			if (![
-				"drag",
-				"pinch",
-				"scroll",
-				"wheel",
-				"move",
-				"hover"
-			].includes(key)) {
-				if (key === "domTarget") throw Error(`[@use-gesture]: \`domTarget\` option has been renamed to \`target\`.`);
-				console.warn(`[@use-gesture]: Unknown config key \`${key}\` was used. Please read the documentation for further information.`);
-			}
-		}
-	}
-	return _config;
-}
-function setupGesture(ctrl, gestureKey) {
-	ctrl.gestures.add(gestureKey);
-	ctrl.gestureEventStores[gestureKey] = new EventStore(ctrl, gestureKey);
-	ctrl.gestureTimeoutStores[gestureKey] = new TimeoutStore();
-}
-function resolveGestures(ctrl, internalHandlers) {
-	if (internalHandlers.drag) setupGesture(ctrl, "drag");
-	if (internalHandlers.wheel) setupGesture(ctrl, "wheel");
-	if (internalHandlers.scroll) setupGesture(ctrl, "scroll");
-	if (internalHandlers.move) setupGesture(ctrl, "move");
-	if (internalHandlers.pinch) setupGesture(ctrl, "pinch");
-	if (internalHandlers.hover) setupGesture(ctrl, "hover");
-}
-function sortHandlers(_handlers) {
-	const native = {};
-	const handlers = {};
-	const actions = /* @__PURE__ */ new Set();
-	for (let key in _handlers) if (RE_NOT_NATIVE.test(key)) {
-		actions.add(RegExp.lastMatch);
-		handlers[key] = _handlers[key];
-	} else native[key] = _handlers[key];
-	return [
-		handlers,
-		native,
-		actions
-	];
-}
-function registerGesture(actions, handlers, handlerKey, key, internalHandlers, config) {
-	if (!actions.has(handlerKey)) return;
-	if (!EngineMap.has(key)) {
-		if (process.env.NODE_ENV === "development") console.warn(`[@use-gesture]: You've created a custom handler that that uses the \`${key}\` gesture but isn't properly configured.\n\nPlease add \`${key}Action\` when creating your handler.`);
-		return;
-	}
-	const startKey = handlerKey + "Start";
-	const endKey = handlerKey + "End";
-	const fn = (state) => {
-		let memo = void 0;
-		if (state.first && startKey in handlers) handlers[startKey](state);
-		if (handlerKey in handlers) memo = handlers[handlerKey](state);
-		if (state.last && endKey in handlers) handlers[endKey](state);
-		return memo;
-	};
-	internalHandlers[key] = fn;
-	config[key] = config[key] || {};
-}
-function parseMergedHandlers(mergedHandlers, mergedConfig) {
-	const [handlers, nativeHandlers, actions] = sortHandlers(mergedHandlers);
-	const internalHandlers = {};
-	registerGesture(actions, handlers, "onDrag", "drag", internalHandlers, mergedConfig);
-	registerGesture(actions, handlers, "onWheel", "wheel", internalHandlers, mergedConfig);
-	registerGesture(actions, handlers, "onScroll", "scroll", internalHandlers, mergedConfig);
-	registerGesture(actions, handlers, "onPinch", "pinch", internalHandlers, mergedConfig);
-	registerGesture(actions, handlers, "onMove", "move", internalHandlers, mergedConfig);
-	registerGesture(actions, handlers, "onHover", "hover", internalHandlers, mergedConfig);
-	return {
-		handlers: internalHandlers,
-		config: mergedConfig,
-		nativeHandlers
-	};
-}
-var sharedConfigResolver, _excluded, EventStore, TimeoutStore, Controller, bindToProps, RE_NOT_NATIVE;
-var init_use_gesture_core_esm = __esmMin((() => {
-	init_actions_fe213e88_esm();
-	sharedConfigResolver = {
-		target(value) {
-			if (value) return () => "current" in value ? value.current : value;
-		},
-		enabled(value = true) {
-			return value;
-		},
-		window(value = SUPPORT.isBrowser ? window : void 0) {
-			return value;
-		},
-		eventOptions({ passive = true, capture = false } = {}) {
-			return {
-				passive,
-				capture
-			};
-		},
-		transform(value) {
-			return value;
-		}
-	};
-	_excluded = [
-		"target",
-		"eventOptions",
-		"window",
-		"enabled",
-		"transform"
-	];
-	EventStore = class {
-		constructor(ctrl, gestureKey) {
-			_defineProperty(this, "_listeners", /* @__PURE__ */ new Set());
-			this._ctrl = ctrl;
-			this._gestureKey = gestureKey;
-		}
-		add(element, device, action, handler, options) {
-			const listeners = this._listeners;
-			const type = toDomEventType(device, action);
-			const eventOptions = _objectSpread2(_objectSpread2({}, this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}), options);
-			element.addEventListener(type, handler, eventOptions);
-			const remove = () => {
-				element.removeEventListener(type, handler, eventOptions);
-				listeners.delete(remove);
-			};
-			listeners.add(remove);
-			return remove;
-		}
-		clean() {
-			this._listeners.forEach((remove) => remove());
-			this._listeners.clear();
-		}
-	};
-	TimeoutStore = class {
-		constructor() {
-			_defineProperty(this, "_timeouts", /* @__PURE__ */ new Map());
-		}
-		add(key, callback, ms = 140, ...args) {
-			this.remove(key);
-			this._timeouts.set(key, window.setTimeout(callback, ms, ...args));
-		}
-		remove(key) {
-			const timeout = this._timeouts.get(key);
-			if (timeout) window.clearTimeout(timeout);
-		}
-		clean() {
-			this._timeouts.forEach((timeout) => void window.clearTimeout(timeout));
-			this._timeouts.clear();
-		}
-	};
-	Controller = class {
-		constructor(handlers) {
-			_defineProperty(this, "gestures", /* @__PURE__ */ new Set());
-			_defineProperty(this, "_targetEventStore", new EventStore(this));
-			_defineProperty(this, "gestureEventStores", {});
-			_defineProperty(this, "gestureTimeoutStores", {});
-			_defineProperty(this, "handlers", {});
-			_defineProperty(this, "config", {});
-			_defineProperty(this, "pointerIds", /* @__PURE__ */ new Set());
-			_defineProperty(this, "touchIds", /* @__PURE__ */ new Set());
-			_defineProperty(this, "state", { shared: {
-				shiftKey: false,
-				metaKey: false,
-				ctrlKey: false,
-				altKey: false
-			} });
-			resolveGestures(this, handlers);
-		}
-		setEventIds(event) {
-			if (isTouch(event)) {
-				this.touchIds = new Set(touchIds(event));
-				return this.touchIds;
-			} else if ("pointerId" in event) {
-				if (event.type === "pointerup" || event.type === "pointercancel") this.pointerIds.delete(event.pointerId);
-				else if (event.type === "pointerdown") this.pointerIds.add(event.pointerId);
-				return this.pointerIds;
-			}
-		}
-		applyHandlers(handlers, nativeHandlers) {
-			this.handlers = handlers;
-			this.nativeHandlers = nativeHandlers;
-		}
-		applyConfig(config, gestureKey) {
-			this.config = parse(config, gestureKey, this.config);
-		}
-		clean() {
-			this._targetEventStore.clean();
-			for (const key of this.gestures) {
-				this.gestureEventStores[key].clean();
-				this.gestureTimeoutStores[key].clean();
-			}
-		}
-		effect() {
-			if (this.config.shared.target) this.bind();
-			return () => this._targetEventStore.clean();
-		}
-		bind(...args) {
-			const sharedConfig = this.config.shared;
-			const props = {};
-			let target;
-			if (sharedConfig.target) {
-				target = sharedConfig.target();
-				if (!target) return;
-			}
-			if (sharedConfig.enabled) {
-				for (const gestureKey of this.gestures) {
-					const gestureConfig = this.config[gestureKey];
-					const bindFunction = bindToProps(props, gestureConfig.eventOptions, !!target);
-					if (gestureConfig.enabled) new (EngineMap.get(gestureKey))(this, args, gestureKey).bind(bindFunction);
-				}
-				const nativeBindFunction = bindToProps(props, sharedConfig.eventOptions, !!target);
-				for (const eventKey in this.nativeHandlers) nativeBindFunction(eventKey, "", (event) => this.nativeHandlers[eventKey](_objectSpread2(_objectSpread2({}, this.state.shared), {}, {
-					event,
-					args
-				})), void 0, true);
-			}
-			for (const handlerProp in props) props[handlerProp] = chain(...props[handlerProp]);
-			if (!target) return props;
-			for (const handlerProp in props) {
-				const { device, capture, passive } = parseProp(handlerProp);
-				this._targetEventStore.add(target, device, "", props[handlerProp], {
-					capture,
-					passive
-				});
-			}
-		}
-	};
-	bindToProps = (props, eventOptions, withPassiveOption) => (device, action, handler, options = {}, isNative = false) => {
-		var _options$capture, _options$passive;
-		const capture = (_options$capture = options.capture) !== null && _options$capture !== void 0 ? _options$capture : eventOptions.capture;
-		const passive = (_options$passive = options.passive) !== null && _options$passive !== void 0 ? _options$passive : eventOptions.passive;
-		let handlerProp = isNative ? device : toHandlerProp(device, action, capture);
-		if (withPassiveOption && passive) handlerProp += "Passive";
-		props[handlerProp] = props[handlerProp] || [];
-		props[handlerProp].push(handler);
-	};
-	RE_NOT_NATIVE = /^on(Drag|Wheel|Scroll|Move|Pinch|Hover)/;
-}));
-
-//#endregion
-//#region node_modules/@use-gesture/core/utils/dist/use-gesture-core-utils.esm.js
-var use_gesture_core_utils_esm_exports = /* @__PURE__ */ __export({ rubberbandIfOutOfBounds: () => rubberbandIfOutOfBounds });
-var init_use_gesture_core_utils_esm = __esmMin((() => {
-	init_maths_0ab39ae9_esm();
-}));
-
-//#endregion
-//#region node_modules/@use-gesture/core/types/dist/use-gesture-core-types.esm.js
-var require_use_gesture_core_types_esm = /* @__PURE__ */ __commonJSMin((() => {}));
-
-//#endregion
-export { use_gesture_core_esm_exports as a, init_use_gesture_core_esm as i, init_use_gesture_core_utils_esm as n, init_use_gesture_core_actions_esm as o, use_gesture_core_utils_esm_exports as r, use_gesture_core_actions_esm_exports as s, require_use_gesture_core_types_esm as t };