@mantine/hooks 9.0.0-alpha.4 → 9.0.0-alpha.6

package/cjs/use-document-visibility/use-document-visibility.cjs

@@ -1,18 +1,17 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
+"use client";
+let react = require("react");
+//#region packages/@mantine/hooks/src/use-document-visibility/use-document-visibility.ts
 function useDocumentVisibility() {
-  const [documentVisibility, setDocumentVisibility] = react.useState("visible");
-  react.useEffect(() => {
-    setDocumentVisibility(document.visibilityState);
-    const listener = () => setDocumentVisibility(document.visibilityState);
-    document.addEventListener("visibilitychange", listener);
-    return () => document.removeEventListener("visibilitychange", listener);
-  }, []);
-  return documentVisibility;
+	const [documentVisibility, setDocumentVisibility] = (0, react.useState)("visible");
+	(0, react.useEffect)(() => {
+		setDocumentVisibility(document.visibilityState);
+		const listener = () => setDocumentVisibility(document.visibilityState);
+		document.addEventListener("visibilitychange", listener);
+		return () => document.removeEventListener("visibilitychange", listener);
+	}, []);
+	return documentVisibility;
 }
-
+//#endregion
 exports.useDocumentVisibility = useDocumentVisibility;
-//# sourceMappingURL=use-document-visibility.cjs.map
+
+//# sourceMappingURL=use-document-visibility.cjs.map

package/cjs/use-document-visibility/use-document-visibility.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-document-visibility.cjs","sources":["../../src/use-document-visibility/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useDocumentVisibility(): DocumentVisibilityState {\n  const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>('visible');\n\n  useEffect(() => {\n    setDocumentVisibility(document.visibilityState);\n    const listener = () => setDocumentVisibility(document.visibilityState);\n    document.addEventListener('visibilitychange', listener);\n    return () => document.removeEventListener('visibilitychange', listener);\n  }, []);\n\n  return documentVisibility;\n}\n"],"names":["useState","useEffect"],"mappings":";;;;;AAEO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,qBAAA,CAAA,CAAA,CAAiD,CAAA;AAC/D,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAqB,CAAA,CAAA,CAAA,CAAIA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,EAAkC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA;AAE/F,CAAA,CAAAC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA;AACd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,eAAe,CAAA,CAAA;AAC9C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,QAAA,CAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,qBAAA,CAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAe,CAAA,CAAA;AACrE,CAAA,CAAA,CAAA,CAAA,QAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAoB,QAAQ,CAAA,CAAA;AACtD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,mBAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA;AAAA,CAAA,CACxE,CAAA,CAAA,CAAG,CAAA,CAAE,CAAA,CAAA;AAEL,CAAA,CAAA,OAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AACT,CAAA;;"}
+{"version":3,"file":"use-document-visibility.cjs","names":[],"sources":["../../src/use-document-visibility/use-document-visibility.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useDocumentVisibility(): DocumentVisibilityState {\n  const [documentVisibility, setDocumentVisibility] = useState<DocumentVisibilityState>('visible');\n\n  useEffect(() => {\n    setDocumentVisibility(document.visibilityState);\n    const listener = () => setDocumentVisibility(document.visibilityState);\n    document.addEventListener('visibilitychange', listener);\n    return () => document.removeEventListener('visibilitychange', listener);\n  }, []);\n\n  return documentVisibility;\n}\n"],"mappings":";;;AAEA,SAAgB,wBAAiD;CAC/D,MAAM,CAAC,oBAAoB,0BAAA,GAAA,MAAA,UAA2D,UAAU;AAEhG,EAAA,GAAA,MAAA,iBAAgB;AACd,wBAAsB,SAAS,gBAAgB;EAC/C,MAAM,iBAAiB,sBAAsB,SAAS,gBAAgB;AACtE,WAAS,iBAAiB,oBAAoB,SAAS;AACvD,eAAa,SAAS,oBAAoB,oBAAoB,SAAS;IACtE,EAAE,CAAC;AAEN,QAAO"}

package/cjs/use-drag/use-drag.cjs

@@ -0,0 +1,266 @@
+"use client";
+let react = require("react");
+//#region packages/@mantine/hooks/src/use-drag/use-drag.ts
+const VELOCITY_DECAY_MS = 100;
+function sign(n) {
+	if (n > 0) return 1;
+	if (n < 0) return -1;
+	return 0;
+}
+function getThresholdVector(threshold) {
+	const t = threshold ?? 0;
+	if (typeof t === "number") return [t, t];
+	return t;
+}
+function createInitialState() {
+	return {
+		isActive: false,
+		pointerId: -1,
+		startXY: [0, 0],
+		prevXY: [0, 0],
+		startTimestamp: 0,
+		prevTimestamp: 0,
+		thresholdMet: false,
+		firstFired: false,
+		lockedAxis: null,
+		canceled: false,
+		lastVelocity: [0, 0]
+	};
+}
+function useDrag(handler, options = {}) {
+	const [active, setActive] = (0, react.useState)(false);
+	const handlerRef = (0, react.useRef)(handler);
+	handlerRef.current = handler;
+	const optionsRef = (0, react.useRef)(options);
+	optionsRef.current = options;
+	const stateRef = (0, react.useRef)(createInitialState());
+	const documentControllerRef = (0, react.useRef)(null);
+	return {
+		ref: (0, react.useCallback)((node) => {
+			if (!node) return;
+			const elementController = new AbortController();
+			const applyAxisConstraint = (v) => {
+				const opts = optionsRef.current;
+				const s = stateRef.current;
+				if (opts.axis === "x") return [v[0], 0];
+				if (opts.axis === "y") return [0, v[1]];
+				if (opts.axis === "lock") {
+					if (s.lockedAxis === null) {
+						const t = opts.axisThreshold ?? 1;
+						if (Math.abs(v[0]) > t || Math.abs(v[1]) > t) s.lockedAxis = Math.abs(v[0]) >= Math.abs(v[1]) ? "x" : "y";
+					}
+					if (s.lockedAxis === "x") return [v[0], 0];
+					if (s.lockedAxis === "y") return [0, v[1]];
+				}
+				return v;
+			};
+			const resetDrag = () => {
+				const s = stateRef.current;
+				s.isActive = false;
+				s.pointerId = -1;
+				s.thresholdMet = false;
+				s.firstFired = false;
+				s.lockedAxis = null;
+				s.canceled = false;
+				setActive(false);
+				document.body.style.userSelect = "";
+				document.body.style.webkitUserSelect = "";
+				documentControllerRef.current?.abort();
+				documentControllerRef.current = null;
+			};
+			const cancel = () => {
+				if (stateRef.current.isActive) {
+					stateRef.current.canceled = true;
+					resetDrag();
+				}
+			};
+			const activateDrag = () => {
+				setActive(true);
+				document.body.style.userSelect = "none";
+				document.body.style.webkitUserSelect = "none";
+			};
+			const onPointerDown = (event) => {
+				if (optionsRef.current.enabled === false) return;
+				if (event.button !== 0) return;
+				if (stateRef.current.isActive) return;
+				const s = stateRef.current;
+				s.isActive = true;
+				s.pointerId = event.pointerId;
+				s.startXY = [event.clientX, event.clientY];
+				s.prevXY = [event.clientX, event.clientY];
+				s.startTimestamp = event.timeStamp;
+				s.prevTimestamp = event.timeStamp;
+				s.thresholdMet = false;
+				s.firstFired = false;
+				s.lockedAxis = null;
+				s.canceled = false;
+				s.lastVelocity = [0, 0];
+				const [tx, ty] = getThresholdVector(optionsRef.current.threshold);
+				if (tx === 0 && ty === 0) {
+					s.thresholdMet = true;
+					s.firstFired = true;
+					activateDrag();
+					handlerRef.current({
+						xy: [event.clientX, event.clientY],
+						initial: [event.clientX, event.clientY],
+						movement: [0, 0],
+						delta: [0, 0],
+						distance: [0, 0],
+						direction: [0, 0],
+						velocity: [0, 0],
+						elapsedTime: 0,
+						first: true,
+						last: false,
+						active: true,
+						tap: false,
+						canceled: false,
+						cancel,
+						event
+					});
+				}
+				documentControllerRef.current?.abort();
+				documentControllerRef.current = new AbortController();
+				const sig = documentControllerRef.current.signal;
+				document.addEventListener("pointermove", onPointerMove, { signal: sig });
+				document.addEventListener("pointerup", onPointerUp, { signal: sig });
+				document.addEventListener("pointercancel", onPointerCancel, { signal: sig });
+			};
+			const onPointerMove = (event) => {
+				const s = stateRef.current;
+				if (!s.isActive || event.pointerId !== s.pointerId) return;
+				const rawMovement = [event.clientX - s.startXY[0], event.clientY - s.startXY[1]];
+				if (!s.thresholdMet) {
+					const [tx, ty] = getThresholdVector(optionsRef.current.threshold);
+					if (Math.abs(rawMovement[0]) < tx && Math.abs(rawMovement[1]) < ty) {
+						s.prevXY = [event.clientX, event.clientY];
+						s.prevTimestamp = event.timeStamp;
+						return;
+					}
+					s.thresholdMet = true;
+					activateDrag();
+				}
+				const movement = applyAxisConstraint(rawMovement);
+				const delta = applyAxisConstraint([event.clientX - s.prevXY[0], event.clientY - s.prevXY[1]]);
+				const timeDelta = event.timeStamp - s.prevTimestamp;
+				const velocity = timeDelta > 0 ? [Math.abs(delta[0]) / timeDelta, Math.abs(delta[1]) / timeDelta] : s.lastVelocity;
+				s.lastVelocity = velocity;
+				const isFirst = !s.firstFired;
+				s.firstFired = true;
+				s.prevXY = [event.clientX, event.clientY];
+				s.prevTimestamp = event.timeStamp;
+				handlerRef.current({
+					xy: [event.clientX, event.clientY],
+					initial: [...s.startXY],
+					movement,
+					delta,
+					distance: [Math.abs(movement[0]), Math.abs(movement[1])],
+					direction: [sign(delta[0]), sign(delta[1])],
+					velocity,
+					elapsedTime: event.timeStamp - s.startTimestamp,
+					first: isFirst,
+					last: false,
+					active: true,
+					tap: false,
+					canceled: false,
+					cancel,
+					event
+				});
+			};
+			const onPointerUp = (event) => {
+				const s = stateRef.current;
+				if (!s.isActive || event.pointerId !== s.pointerId) return;
+				const opts = optionsRef.current;
+				if (!s.thresholdMet) {
+					if (opts.filterTaps) {
+						const mov = applyAxisConstraint([event.clientX - s.startXY[0], event.clientY - s.startXY[1]]);
+						const dist = [Math.abs(mov[0]), Math.abs(mov[1])];
+						const isTap = Math.max(dist[0], dist[1]) < (opts.tapThreshold ?? 3);
+						handlerRef.current({
+							xy: [event.clientX, event.clientY],
+							initial: [...s.startXY],
+							movement: mov,
+							delta: mov,
+							distance: dist,
+							direction: [sign(mov[0]), sign(mov[1])],
+							velocity: [0, 0],
+							elapsedTime: event.timeStamp - s.startTimestamp,
+							first: true,
+							last: true,
+							active: false,
+							tap: isTap,
+							canceled: false,
+							cancel,
+							event
+						});
+					}
+					resetDrag();
+					return;
+				}
+				const movement = applyAxisConstraint([event.clientX - s.startXY[0], event.clientY - s.startXY[1]]);
+				const distance = [Math.abs(movement[0]), Math.abs(movement[1])];
+				const delta = applyAxisConstraint([event.clientX - s.prevXY[0], event.clientY - s.prevXY[1]]);
+				const velocity = event.timeStamp - s.prevTimestamp > VELOCITY_DECAY_MS ? [0, 0] : s.lastVelocity;
+				const maxDistance = Math.max(distance[0], distance[1]);
+				const tap = opts.filterTaps === true && maxDistance < (opts.tapThreshold ?? 3);
+				handlerRef.current({
+					xy: [event.clientX, event.clientY],
+					initial: [...s.startXY],
+					movement,
+					delta,
+					distance,
+					direction: [sign(delta[0]), sign(delta[1])],
+					velocity,
+					elapsedTime: event.timeStamp - s.startTimestamp,
+					first: !s.firstFired,
+					last: true,
+					active: false,
+					tap,
+					canceled: false,
+					cancel,
+					event
+				});
+				resetDrag();
+			};
+			const onPointerCancel = (event) => {
+				const s = stateRef.current;
+				if (!s.isActive || event.pointerId !== s.pointerId) return;
+				const movement = applyAxisConstraint([event.clientX - s.startXY[0], event.clientY - s.startXY[1]]);
+				handlerRef.current({
+					xy: [event.clientX, event.clientY],
+					initial: [...s.startXY],
+					movement,
+					delta: [0, 0],
+					distance: [Math.abs(movement[0]), Math.abs(movement[1])],
+					direction: [0, 0],
+					velocity: [0, 0],
+					elapsedTime: event.timeStamp - s.startTimestamp,
+					first: !s.firstFired,
+					last: true,
+					active: false,
+					tap: false,
+					canceled: true,
+					cancel,
+					event
+				});
+				resetDrag();
+			};
+			node.addEventListener("pointerdown", onPointerDown, { signal: elementController.signal });
+			return () => {
+				elementController.abort();
+				documentControllerRef.current?.abort();
+				documentControllerRef.current = null;
+				if (stateRef.current.isActive) {
+					stateRef.current.isActive = false;
+					setActive(false);
+					document.body.style.userSelect = "";
+					document.body.style.webkitUserSelect = "";
+				}
+			};
+		}, []),
+		active
+	};
+}
+//#endregion
+exports.useDrag = useDrag;
+
+//# sourceMappingURL=use-drag.cjs.map

package/cjs/use-drag/use-drag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag.cjs","names":[],"sources":["../../src/use-drag/use-drag.ts"],"sourcesContent":["// Required to disable for webkit-user-select, although deprecated, it is still required for Safari support\n/* eslint-disable @typescript-eslint/no-deprecated */\nimport { useCallback, useRef, useState } from 'react';\n\ntype Vector2 = [number, number];\n\nexport interface UseDragState {\n  /** Current pointer position [x, y] */\n  xy: Vector2;\n\n  /** Position where the gesture started [x, y] */\n  initial: Vector2;\n\n  /** Displacement from start [x, y], respects axis constraint */\n  movement: Vector2;\n\n  /** Change since previous event [x, y] */\n  delta: Vector2;\n\n  /** Absolute distance per axis [x, y] */\n  distance: Vector2;\n\n  /** Movement direction per axis: -1, 0, or 1 */\n  direction: Vector2;\n\n  /** Speed per axis in px/ms */\n  velocity: Vector2;\n\n  /** Time since drag started in ms */\n  elapsedTime: number;\n\n  /** `true` on the first handler call after the threshold is met */\n  first: boolean;\n\n  /** `true` on the last handler call (pointer released or canceled) */\n  last: boolean;\n\n  /** `true` while the gesture is ongoing */\n  active: boolean;\n\n  /** `true` when the gesture qualifies as a tap (requires `filterTaps: true`) */\n  tap: boolean;\n\n  /** `true` when the gesture was interrupted by a `pointercancel` event */\n  canceled: boolean;\n\n  /** Function to programmatically cancel the current gesture */\n  cancel: () => void;\n\n  /** The source `PointerEvent` */\n  event: PointerEvent;\n}\n\nexport interface UseDragOptions {\n  /** Constrain movement to a specific axis. `'lock'` locks to whichever axis has more movement after `axisThreshold` is exceeded. */\n  axis?: 'x' | 'y' | 'lock';\n\n  /** Movement in px required to determine axis when `axis` is `'lock'`, `1` by default */\n  axisThreshold?: number;\n\n  /** When `true`, the last state includes `tap: true` when total distance is below `tapThreshold`, `false` by default */\n  filterTaps?: boolean;\n\n  /** Max displacement in px to still be considered a tap, `3` by default */\n  tapThreshold?: number;\n\n  /** Minimum displacement in px before the drag activates. Can be a number (both axes) or `[x, y]`. `0` by default */\n  threshold?: number | Vector2;\n\n  /** Enable or disable the hook, `true` by default */\n  enabled?: boolean;\n}\n\nexport interface UseDragReturnValue<T extends HTMLElement = any> {\n  /** Ref callback to attach to the draggable element */\n  ref: React.RefCallback<T | null>;\n\n  /** `true` while the element is being dragged */\n  active: boolean;\n}\n\nconst VELOCITY_DECAY_MS = 100;\n\nfunction sign(n: number): -1 | 0 | 1 {\n  if (n > 0) {\n    return 1;\n  }\n  if (n < 0) {\n    return -1;\n  }\n  return 0;\n}\n\nfunction getThresholdVector(threshold: number | Vector2 | undefined): Vector2 {\n  const t = threshold ?? 0;\n  if (typeof t === 'number') {\n    return [t, t];\n  }\n  return t;\n}\n\ninterface DragInternalState {\n  isActive: boolean;\n  pointerId: number;\n  startXY: Vector2;\n  prevXY: Vector2;\n  startTimestamp: number;\n  prevTimestamp: number;\n  thresholdMet: boolean;\n  firstFired: boolean;\n  lockedAxis: 'x' | 'y' | null;\n  canceled: boolean;\n  lastVelocity: Vector2;\n}\n\nfunction createInitialState(): DragInternalState {\n  return {\n    isActive: false,\n    pointerId: -1,\n    startXY: [0, 0],\n    prevXY: [0, 0],\n    startTimestamp: 0,\n    prevTimestamp: 0,\n    thresholdMet: false,\n    firstFired: false,\n    lockedAxis: null,\n    canceled: false,\n    lastVelocity: [0, 0],\n  };\n}\n\nexport function useDrag<T extends HTMLElement = any>(\n  handler: (state: UseDragState) => void,\n  options: UseDragOptions = {}\n): UseDragReturnValue<T> {\n  const [active, setActive] = useState(false);\n\n  const handlerRef = useRef(handler);\n  handlerRef.current = handler;\n\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n\n  const stateRef = useRef<DragInternalState>(createInitialState());\n  const documentControllerRef = useRef<AbortController | null>(null);\n\n  const refCallback: React.RefCallback<T | null> = useCallback((node) => {\n    if (!node) {\n      return undefined;\n    }\n\n    const elementController = new AbortController();\n\n    const applyAxisConstraint = (v: Vector2): Vector2 => {\n      const opts = optionsRef.current;\n      const s = stateRef.current;\n\n      if (opts.axis === 'x') {\n        return [v[0], 0];\n      }\n      if (opts.axis === 'y') {\n        return [0, v[1]];\n      }\n      if (opts.axis === 'lock') {\n        if (s.lockedAxis === null) {\n          const t = opts.axisThreshold ?? 1;\n          if (Math.abs(v[0]) > t || Math.abs(v[1]) > t) {\n            s.lockedAxis = Math.abs(v[0]) >= Math.abs(v[1]) ? 'x' : 'y';\n          }\n        }\n        if (s.lockedAxis === 'x') {\n          return [v[0], 0];\n        }\n        if (s.lockedAxis === 'y') {\n          return [0, v[1]];\n        }\n      }\n      return v;\n    };\n\n    const resetDrag = () => {\n      const s = stateRef.current;\n      s.isActive = false;\n      s.pointerId = -1;\n      s.thresholdMet = false;\n      s.firstFired = false;\n      s.lockedAxis = null;\n      s.canceled = false;\n      setActive(false);\n      document.body.style.userSelect = '';\n      document.body.style.webkitUserSelect = '';\n      documentControllerRef.current?.abort();\n      documentControllerRef.current = null;\n    };\n\n    const cancel = () => {\n      if (stateRef.current.isActive) {\n        stateRef.current.canceled = true;\n        resetDrag();\n      }\n    };\n\n    const activateDrag = () => {\n      setActive(true);\n      document.body.style.userSelect = 'none';\n      document.body.style.webkitUserSelect = 'none';\n    };\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (optionsRef.current.enabled === false) {\n        return;\n      }\n      if (event.button !== 0) {\n        return;\n      }\n      if (stateRef.current.isActive) {\n        return;\n      }\n\n      const s = stateRef.current;\n      s.isActive = true;\n      s.pointerId = event.pointerId;\n      s.startXY = [event.clientX, event.clientY];\n      s.prevXY = [event.clientX, event.clientY];\n      s.startTimestamp = event.timeStamp;\n      s.prevTimestamp = event.timeStamp;\n      s.thresholdMet = false;\n      s.firstFired = false;\n      s.lockedAxis = null;\n      s.canceled = false;\n      s.lastVelocity = [0, 0];\n\n      const [tx, ty] = getThresholdVector(optionsRef.current.threshold);\n      if (tx === 0 && ty === 0) {\n        s.thresholdMet = true;\n        s.firstFired = true;\n        activateDrag();\n\n        handlerRef.current({\n          xy: [event.clientX, event.clientY],\n          initial: [event.clientX, event.clientY],\n          movement: [0, 0],\n          delta: [0, 0],\n          distance: [0, 0],\n          direction: [0, 0],\n          velocity: [0, 0],\n          elapsedTime: 0,\n          first: true,\n          last: false,\n          active: true,\n          tap: false,\n          canceled: false,\n          cancel,\n          event,\n        });\n      }\n\n      documentControllerRef.current?.abort();\n      documentControllerRef.current = new AbortController();\n      const sig = documentControllerRef.current.signal;\n\n      document.addEventListener('pointermove', onPointerMove, { signal: sig });\n      document.addEventListener('pointerup', onPointerUp, { signal: sig });\n      document.addEventListener('pointercancel', onPointerCancel, { signal: sig });\n    };\n\n    const onPointerMove = (event: PointerEvent) => {\n      const s = stateRef.current;\n      if (!s.isActive || event.pointerId !== s.pointerId) {\n        return;\n      }\n\n      const rawMovement: Vector2 = [event.clientX - s.startXY[0], event.clientY - s.startXY[1]];\n\n      if (!s.thresholdMet) {\n        const [tx, ty] = getThresholdVector(optionsRef.current.threshold);\n        if (Math.abs(rawMovement[0]) < tx && Math.abs(rawMovement[1]) < ty) {\n          s.prevXY = [event.clientX, event.clientY];\n          s.prevTimestamp = event.timeStamp;\n          return;\n        }\n        s.thresholdMet = true;\n        activateDrag();\n      }\n\n      const movement = applyAxisConstraint(rawMovement);\n      const rawDelta: Vector2 = [event.clientX - s.prevXY[0], event.clientY - s.prevXY[1]];\n      const delta = applyAxisConstraint(rawDelta);\n      const timeDelta = event.timeStamp - s.prevTimestamp;\n      const velocity: Vector2 =\n        timeDelta > 0\n          ? [Math.abs(delta[0]) / timeDelta, Math.abs(delta[1]) / timeDelta]\n          : s.lastVelocity;\n\n      s.lastVelocity = velocity;\n      const isFirst = !s.firstFired;\n      s.firstFired = true;\n      s.prevXY = [event.clientX, event.clientY];\n      s.prevTimestamp = event.timeStamp;\n\n      handlerRef.current({\n        xy: [event.clientX, event.clientY],\n        initial: [...s.startXY],\n        movement,\n        delta,\n        distance: [Math.abs(movement[0]), Math.abs(movement[1])],\n        direction: [sign(delta[0]), sign(delta[1])],\n        velocity,\n        elapsedTime: event.timeStamp - s.startTimestamp,\n        first: isFirst,\n        last: false,\n        active: true,\n        tap: false,\n        canceled: false,\n        cancel,\n        event,\n      });\n    };\n\n    const onPointerUp = (event: PointerEvent) => {\n      const s = stateRef.current;\n      if (!s.isActive || event.pointerId !== s.pointerId) {\n        return;\n      }\n\n      const opts = optionsRef.current;\n\n      if (!s.thresholdMet) {\n        if (opts.filterTaps) {\n          const rawMov: Vector2 = [event.clientX - s.startXY[0], event.clientY - s.startXY[1]];\n          const mov = applyAxisConstraint(rawMov);\n          const dist: Vector2 = [Math.abs(mov[0]), Math.abs(mov[1])];\n          const maxDist = Math.max(dist[0], dist[1]);\n          const isTap = maxDist < (opts.tapThreshold ?? 3);\n\n          handlerRef.current({\n            xy: [event.clientX, event.clientY],\n            initial: [...s.startXY],\n            movement: mov,\n            delta: mov,\n            distance: dist,\n            direction: [sign(mov[0]), sign(mov[1])],\n            velocity: [0, 0],\n            elapsedTime: event.timeStamp - s.startTimestamp,\n            first: true,\n            last: true,\n            active: false,\n            tap: isTap,\n            canceled: false,\n            cancel,\n            event,\n          });\n        }\n        resetDrag();\n        return;\n      }\n\n      const rawMovement: Vector2 = [event.clientX - s.startXY[0], event.clientY - s.startXY[1]];\n      const movement = applyAxisConstraint(rawMovement);\n      const distance: Vector2 = [Math.abs(movement[0]), Math.abs(movement[1])];\n      const rawDelta: Vector2 = [event.clientX - s.prevXY[0], event.clientY - s.prevXY[1]];\n      const delta = applyAxisConstraint(rawDelta);\n\n      const timeSinceLastMove = event.timeStamp - s.prevTimestamp;\n      const velocity: Vector2 = timeSinceLastMove > VELOCITY_DECAY_MS ? [0, 0] : s.lastVelocity;\n\n      const maxDistance = Math.max(distance[0], distance[1]);\n      const tap = opts.filterTaps === true && maxDistance < (opts.tapThreshold ?? 3);\n\n      handlerRef.current({\n        xy: [event.clientX, event.clientY],\n        initial: [...s.startXY],\n        movement,\n        delta,\n        distance,\n        direction: [sign(delta[0]), sign(delta[1])],\n        velocity,\n        elapsedTime: event.timeStamp - s.startTimestamp,\n        first: !s.firstFired,\n        last: true,\n        active: false,\n        tap,\n        canceled: false,\n        cancel,\n        event,\n      });\n\n      resetDrag();\n    };\n\n    const onPointerCancel = (event: PointerEvent) => {\n      const s = stateRef.current;\n      if (!s.isActive || event.pointerId !== s.pointerId) {\n        return;\n      }\n\n      const rawMovement: Vector2 = [event.clientX - s.startXY[0], event.clientY - s.startXY[1]];\n      const movement = applyAxisConstraint(rawMovement);\n\n      handlerRef.current({\n        xy: [event.clientX, event.clientY],\n        initial: [...s.startXY],\n        movement,\n        delta: [0, 0],\n        distance: [Math.abs(movement[0]), Math.abs(movement[1])],\n        direction: [0, 0],\n        velocity: [0, 0],\n        elapsedTime: event.timeStamp - s.startTimestamp,\n        first: !s.firstFired,\n        last: true,\n        active: false,\n        tap: false,\n        canceled: true,\n        cancel,\n        event,\n      });\n\n      resetDrag();\n    };\n\n    node.addEventListener('pointerdown', onPointerDown, {\n      signal: elementController.signal,\n    });\n\n    return () => {\n      elementController.abort();\n      documentControllerRef.current?.abort();\n      documentControllerRef.current = null;\n      if (stateRef.current.isActive) {\n        stateRef.current.isActive = false;\n        setActive(false);\n        document.body.style.userSelect = '';\n        document.body.style.webkitUserSelect = '';\n      }\n    };\n  }, []);\n\n  return { ref: refCallback, active };\n}\n\nexport namespace useDrag {\n  export type State = UseDragState;\n  export type Options = UseDragOptions;\n  export type ReturnValue<T extends HTMLElement = any> = UseDragReturnValue<T>;\n}\n"],"mappings":"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"}

package/cjs/use-event-listener/use-event-listener.cjs

@@ -1,35 +1,26 @@
-'use client';
-'use strict';
-
-var react = require('react');
-
+"use client";
+let react = require("react");
+//#region packages/@mantine/hooks/src/use-event-listener/use-event-listener.ts
 function useEventListener(type, listener, options) {
-  const previousListener = react.useRef(null);
-  const previousNode = react.useRef(null);
-  const callbackRef = react.useCallback(
-    (node) => {
-      if (!node) {
-        return;
-      }
-      if (previousNode.current && previousListener.current) {
-        previousNode.current.removeEventListener(type, previousListener.current, options);
-      }
-      node.addEventListener(type, listener, options);
-      previousNode.current = node;
-      previousListener.current = listener;
-    },
-    [type, listener, options]
-  );
-  react.useEffect(
-    () => () => {
-      if (previousNode.current && previousListener.current) {
-        previousNode.current.removeEventListener(type, previousListener.current, options);
-      }
-    },
-    [type, options]
-  );
-  return callbackRef;
+	const previousListener = (0, react.useRef)(null);
+	const previousNode = (0, react.useRef)(null);
+	const callbackRef = (0, react.useCallback)((node) => {
+		if (!node) return;
+		if (previousNode.current && previousListener.current) previousNode.current.removeEventListener(type, previousListener.current, options);
+		node.addEventListener(type, listener, options);
+		previousNode.current = node;
+		previousListener.current = listener;
+	}, [
+		type,
+		listener,
+		options
+	]);
+	(0, react.useEffect)(() => () => {
+		if (previousNode.current && previousListener.current) previousNode.current.removeEventListener(type, previousListener.current, options);
+	}, [type, options]);
+	return callbackRef;
 }
-
+//#endregion
 exports.useEventListener = useEventListener;
-//# sourceMappingURL=use-event-listener.cjs.map
+
+//# sourceMappingURL=use-event-listener.cjs.map

package/cjs/use-event-listener/use-event-listener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-listener.cjs","sources":["../../src/use-event-listener/use-event-listener.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(\n  type: K,\n  listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): React.RefCallback<T | null> {\n  const previousListener = useRef<Function | null>(null);\n  const previousNode = useRef<T | null>(null);\n\n  const callbackRef: React.RefCallback<T | null> = useCallback(\n    (node) => {\n      if (!node) {\n        return;\n      }\n\n      if (previousNode.current && previousListener.current) {\n        previousNode.current.removeEventListener(type, previousListener.current as any, options);\n      }\n\n      node.addEventListener(type, listener as any, options);\n      previousNode.current = node;\n      previousListener.current = listener;\n    },\n    [type, listener, options]\n  );\n\n  useEffect(\n    () => () => {\n      if (previousNode.current && previousListener.current) {\n        previousNode.current.removeEventListener(type, previousListener.current as any, options);\n      }\n    },\n    [type, options]\n  );\n\n  return callbackRef;\n}\n"],"names":["useRef","useCallback","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-event-listener.cjs","names":[],"sources":["../../src/use-event-listener/use-event-listener.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nexport function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(\n  type: K,\n  listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n): React.RefCallback<T | null> {\n  const previousListener = useRef<Function | null>(null);\n  const previousNode = useRef<T | null>(null);\n\n  const callbackRef: React.RefCallback<T | null> = useCallback(\n    (node) => {\n      if (!node) {\n        return;\n      }\n\n      if (previousNode.current && previousListener.current) {\n        previousNode.current.removeEventListener(type, previousListener.current as any, options);\n      }\n\n      node.addEventListener(type, listener as any, options);\n      previousNode.current = node;\n      previousListener.current = listener;\n    },\n    [type, listener, options]\n  );\n\n  useEffect(\n    () => () => {\n      if (previousNode.current && previousListener.current) {\n        previousNode.current.removeEventListener(type, previousListener.current as any, options);\n      }\n    },\n    [type, options]\n  );\n\n  return callbackRef;\n}\n"],"mappings":";;;AAEA,SAAgB,iBACd,MACA,UACA,SAC6B;CAC7B,MAAM,oBAAA,GAAA,MAAA,QAA2C,KAAK;CACtD,MAAM,gBAAA,GAAA,MAAA,QAAgC,KAAK;CAE3C,MAAM,eAAA,GAAA,MAAA,cACH,SAAS;AACR,MAAI,CAAC,KACH;AAGF,MAAI,aAAa,WAAW,iBAAiB,QAC3C,cAAa,QAAQ,oBAAoB,MAAM,iBAAiB,SAAgB,QAAQ;AAG1F,OAAK,iBAAiB,MAAM,UAAiB,QAAQ;AACrD,eAAa,UAAU;AACvB,mBAAiB,UAAU;IAE7B;EAAC;EAAM;EAAU;EAAQ,CAC1B;AAED,EAAA,GAAA,MAAA,uBACc;AACV,MAAI,aAAa,WAAW,iBAAiB,QAC3C,cAAa,QAAQ,oBAAoB,MAAM,iBAAiB,SAAgB,QAAQ;IAG5F,CAAC,MAAM,QAAQ,CAChB;AAED,QAAO"}

package/cjs/use-eye-dropper/use-eye-dropper.cjs

@@ -1,29 +1,24 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var useIsomorphicEffect = require('../use-isomorphic-effect/use-isomorphic-effect.cjs');
-
+"use client";
+const require_use_isomorphic_effect = require("../use-isomorphic-effect/use-isomorphic-effect.cjs");
+let react = require("react");
+//#region packages/@mantine/hooks/src/use-eye-dropper/use-eye-dropper.ts
 function useEyeDropper() {
-  const [supported, setSupported] = react.useState(false);
-  useIsomorphicEffect.useIsomorphicEffect(() => {
-    setSupported(typeof window !== "undefined" && !isOpera() && "EyeDropper" in window);
-  }, []);
-  const open = react.useCallback(
-    (options = {}) => {
-      if (supported) {
-        const eyeDropper = new window.EyeDropper();
-        return eyeDropper.open(options);
-      }
-      return Promise.resolve(void 0);
-    },
-    [supported]
-  );
-  return { supported, open };
+	const [supported, setSupported] = (0, react.useState)(false);
+	require_use_isomorphic_effect.useIsomorphicEffect(() => {
+		setSupported(typeof window !== "undefined" && !isOpera() && "EyeDropper" in window);
+	}, []);
+	return {
+		supported,
+		open: (0, react.useCallback)((options = {}) => {
+			if (supported) return new window.EyeDropper().open(options);
+			return Promise.resolve(void 0);
+		}, [supported])
+	};
 }
 function isOpera() {
-  return navigator.userAgent.includes("OPR");
+	return navigator.userAgent.includes("OPR");
 }
-
+//#endregion
 exports.useEyeDropper = useEyeDropper;
-//# sourceMappingURL=use-eye-dropper.cjs.map
+
+//# sourceMappingURL=use-eye-dropper.cjs.map

package/cjs/use-eye-dropper/use-eye-dropper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-eye-dropper.cjs","sources":["../../src/use-eye-dropper/use-eye-dropper.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport interface EyeDropperOpenOptions {\n  signal?: AbortSignal;\n}\n\nexport interface EyeDropperOpenReturnType {\n  sRGBHex: string;\n}\n\nexport interface UseEyeDropperReturnValue {\n  supported: boolean;\n  open: (options?: EyeDropperOpenOptions) => Promise<EyeDropperOpenReturnType | undefined>;\n}\n\nexport function useEyeDropper(): UseEyeDropperReturnValue {\n  const [supported, setSupported] = useState(false);\n\n  useIsomorphicEffect(() => {\n    setSupported(typeof window !== 'undefined' && !isOpera() && 'EyeDropper' in window);\n  }, []);\n\n  const open = useCallback(\n    (options: EyeDropperOpenOptions = {}): Promise<EyeDropperOpenReturnType | undefined> => {\n      if (supported) {\n        const eyeDropper = new (window as any).EyeDropper();\n        return eyeDropper.open(options);\n      }\n\n      return Promise.resolve(undefined);\n    },\n    [supported]\n  );\n\n  return { supported, open };\n}\n\nfunction isOpera() {\n  return navigator.userAgent.includes('OPR');\n}\n"],"names":["useState","useIsomorphicEffect","useCallback"],"mappings":"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"}
+{"version":3,"file":"use-eye-dropper.cjs","names":[],"sources":["../../src/use-eye-dropper/use-eye-dropper.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport interface EyeDropperOpenOptions {\n  signal?: AbortSignal;\n}\n\nexport interface EyeDropperOpenReturnType {\n  sRGBHex: string;\n}\n\nexport interface UseEyeDropperReturnValue {\n  supported: boolean;\n  open: (options?: EyeDropperOpenOptions) => Promise<EyeDropperOpenReturnType | undefined>;\n}\n\nexport function useEyeDropper(): UseEyeDropperReturnValue {\n  const [supported, setSupported] = useState(false);\n\n  useIsomorphicEffect(() => {\n    setSupported(typeof window !== 'undefined' && !isOpera() && 'EyeDropper' in window);\n  }, []);\n\n  const open = useCallback(\n    (options: EyeDropperOpenOptions = {}): Promise<EyeDropperOpenReturnType | undefined> => {\n      if (supported) {\n        const eyeDropper = new (window as any).EyeDropper();\n        return eyeDropper.open(options);\n      }\n\n      return Promise.resolve(undefined);\n    },\n    [supported]\n  );\n\n  return { supported, open };\n}\n\nfunction isOpera() {\n  return navigator.userAgent.includes('OPR');\n}\n"],"mappings":";;;;AAgBA,SAAgB,gBAA0C;CACxD,MAAM,CAAC,WAAW,iBAAA,GAAA,MAAA,UAAyB,MAAM;AAEjD,+BAAA,0BAA0B;AACxB,eAAa,OAAO,WAAW,eAAe,CAAC,SAAS,IAAI,gBAAgB,OAAO;IAClF,EAAE,CAAC;AAcN,QAAO;EAAE;EAAW,OAAA,GAAA,MAAA,cAXjB,UAAiC,EAAE,KAAoD;AACtF,OAAI,UAEF,QADmB,IAAK,OAAe,YAAY,CACjC,KAAK,QAAQ;AAGjC,UAAO,QAAQ,QAAQ,KAAA,EAAU;KAEnC,CAAC,UAAU,CACZ;EAEyB;;AAG5B,SAAS,UAAU;AACjB,QAAO,UAAU,UAAU,SAAS,MAAM"}

package/cjs/use-favicon/use-favicon.cjs

@@ -1,37 +1,30 @@
-'use client';
-'use strict';
-
-var react = require('react');
-var useIsomorphicEffect = require('../use-isomorphic-effect/use-isomorphic-effect.cjs');
-
+"use client";
+const require_use_isomorphic_effect = require("../use-isomorphic-effect/use-isomorphic-effect.cjs");
+let react = require("react");
+//#region packages/@mantine/hooks/src/use-favicon/use-favicon.ts
 const MIME_TYPES = {
-  ico: "image/x-icon",
-  png: "image/png",
-  svg: "image/svg+xml",
-  gif: "image/gif"
+	ico: "image/x-icon",
+	png: "image/png",
+	svg: "image/svg+xml",
+	gif: "image/gif"
 };
 function useFavicon(url) {
-  const link = react.useRef(null);
-  useIsomorphicEffect.useIsomorphicEffect(() => {
-    if (!url) {
-      return;
-    }
-    if (!link.current) {
-      const existingElements = document.querySelectorAll('link[rel*="icon"]');
-      existingElements.forEach((element2) => document.head.removeChild(element2));
-      const element = document.createElement("link");
-      element.rel = "shortcut icon";
-      link.current = element;
-      document.querySelector("head").appendChild(element);
-    }
-    const splittedUrl = url.split(".");
-    link.current.setAttribute(
-      "type",
-      MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]
-    );
-    link.current.setAttribute("href", url);
-  }, [url]);
+	const link = (0, react.useRef)(null);
+	require_use_isomorphic_effect.useIsomorphicEffect(() => {
+		if (!url) return;
+		if (!link.current) {
+			document.querySelectorAll("link[rel*=\"icon\"]").forEach((element) => document.head.removeChild(element));
+			const element = document.createElement("link");
+			element.rel = "shortcut icon";
+			link.current = element;
+			document.querySelector("head").appendChild(element);
+		}
+		const splittedUrl = url.split(".");
+		link.current.setAttribute("type", MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]);
+		link.current.setAttribute("href", url);
+	}, [url]);
 }
-
+//#endregion
 exports.useFavicon = useFavicon;
-//# sourceMappingURL=use-favicon.cjs.map
+
+//# sourceMappingURL=use-favicon.cjs.map

package/cjs/use-favicon/use-favicon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-favicon.cjs","sources":["../../src/use-favicon/use-favicon.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nconst MIME_TYPES: Record<string, string> = {\n  ico: 'image/x-icon',\n  png: 'image/png',\n  svg: 'image/svg+xml',\n  gif: 'image/gif',\n};\n\nexport function useFavicon(url: string) {\n  const link = useRef<HTMLLinkElement>(null);\n\n  useIsomorphicEffect(() => {\n    if (!url) {\n      return;\n    }\n\n    if (!link.current) {\n      const existingElements = document.querySelectorAll<HTMLLinkElement>('link[rel*=\"icon\"]');\n      existingElements.forEach((element) => document.head.removeChild(element));\n\n      const element = document.createElement('link');\n      element.rel = 'shortcut icon';\n      link.current = element;\n      document.querySelector('head')!.appendChild(element);\n    }\n\n    const splittedUrl = url.split('.');\n    link.current.setAttribute(\n      'type',\n      MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]\n    );\n    link.current.setAttribute('href', url);\n  }, [url]);\n}\n"],"names":["useRef","useIsomorphicEffect","element"],"mappings":"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"}
+{"version":3,"file":"use-favicon.cjs","names":[],"sources":["../../src/use-favicon/use-favicon.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nconst MIME_TYPES: Record<string, string> = {\n  ico: 'image/x-icon',\n  png: 'image/png',\n  svg: 'image/svg+xml',\n  gif: 'image/gif',\n};\n\nexport function useFavicon(url: string) {\n  const link = useRef<HTMLLinkElement>(null);\n\n  useIsomorphicEffect(() => {\n    if (!url) {\n      return;\n    }\n\n    if (!link.current) {\n      const existingElements = document.querySelectorAll<HTMLLinkElement>('link[rel*=\"icon\"]');\n      existingElements.forEach((element) => document.head.removeChild(element));\n\n      const element = document.createElement('link');\n      element.rel = 'shortcut icon';\n      link.current = element;\n      document.querySelector('head')!.appendChild(element);\n    }\n\n    const splittedUrl = url.split('.');\n    link.current.setAttribute(\n      'type',\n      MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]\n    );\n    link.current.setAttribute('href', url);\n  }, [url]);\n}\n"],"mappings":";;;;AAGA,MAAM,aAAqC;CACzC,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACN;AAED,SAAgB,WAAW,KAAa;CACtC,MAAM,QAAA,GAAA,MAAA,QAA+B,KAAK;AAE1C,+BAAA,0BAA0B;AACxB,MAAI,CAAC,IACH;AAGF,MAAI,CAAC,KAAK,SAAS;AACQ,YAAS,iBAAkC,sBAAoB,CACvE,SAAS,YAAY,SAAS,KAAK,YAAY,QAAQ,CAAC;GAEzE,MAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,WAAQ,MAAM;AACd,QAAK,UAAU;AACf,YAAS,cAAc,OAAO,CAAE,YAAY,QAAQ;;EAGtD,MAAM,cAAc,IAAI,MAAM,IAAI;AAClC,OAAK,QAAQ,aACX,QACA,WAAW,YAAY,YAAY,SAAS,GAAG,aAAa,EAC7D;AACD,OAAK,QAAQ,aAAa,QAAQ,IAAI;IACrC,CAAC,IAAI,CAAC"}