@kanso-labs/kanso-ui 0.35.0 → 0.37.0

package/dist/hooks/useRipple.js

@@ -2,7 +2,7 @@ import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { rippleStyles as styles } from "../styles/ripple.js";
 import { motionDurationMs, motionEasing, spacingPx } from "../tokens/values.js";
 import { c } from "react/compiler-runtime";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/hooks/useRipple.tsx
 /** How far the ripple grows past the host's corners. `spacing.sm`. */
@@ -47,7 +47,7 @@ function prefersReducedMotion() {
 	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
 function useRipple(t0, t1, t2) {
-	const $ = c(49);
+	const $ = c(52);
 	const enabled = t0 === void 0 ? true : t0;
 	let t3;
 	if ($[0] !== t1) {
@@ -64,6 +64,7 @@ function useRipple(t0, t1, t2) {
 	const rippleStartEvent = useRef(void 0);
 	const initialSize = useRef(0);
 	const rippleScale = useRef("1");
+	const removeDocumentListeners = useRef(void 0);
 	let t4;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = (event) => {
@@ -146,6 +147,8 @@ function useRipple(t0, t1, t2) {
 	let t9;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t9 = async () => {
+			removeDocumentListeners.current?.();
+			removeDocumentListeners.current = void 0;
 			rippleStartEvent.current = void 0;
 			state.current = RippleState.Inactive;
 			const animation = growAnimation.current;
@@ -165,230 +168,264 @@ function useRipple(t0, t1, t2) {
 	const endPressAnimation = t9;
 	let t10;
 	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t10 = () => state.current;
+		t10 = (host, pointerId) => {
+			removeDocumentListeners.current?.();
+			const document = host.ownerDocument;
+			const handleEnd = (event_1) => {
+				if (event_1.pointerId !== pointerId || event_1.composedPath().includes(host)) return;
+				endPressAnimation();
+			};
+			document.addEventListener("pointercancel", handleEnd, true);
+			document.addEventListener("pointerup", handleEnd, true);
+			removeDocumentListeners.current = () => {
+				document.removeEventListener("pointercancel", handleEnd, true);
+				document.removeEventListener("pointerup", handleEnd, true);
+			};
+		};
 		$[8] = t10;
 	} else t10 = $[8];
-	const getState = t10;
+	const listenBeyondHost = t10;
 	let t11;
+	let t12;
 	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t11 = async (event_1) => {
-			if (!shouldReactToEvent(event_1)) return;
-			rippleStartEvent.current = event_1;
-			const target_0 = event_1.currentTarget;
-			if (!isTouch(event_1)) {
+		t11 = () => () => {
+			removeDocumentListeners.current?.();
+		};
+		t12 = [];
+		$[9] = t11;
+		$[10] = t12;
+	} else {
+		t11 = $[9];
+		t12 = $[10];
+	}
+	useEffect(t11, t12);
+	let t13;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = () => state.current;
+		$[11] = t13;
+	} else t13 = $[11];
+	const getState = t13;
+	let t14;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = async (event_2) => {
+			if (!shouldReactToEvent(event_2)) return;
+			rippleStartEvent.current = event_2;
+			const target_0 = event_2.currentTarget;
+			listenBeyondHost(target_0, event_2.pointerId);
+			if (!isTouch(event_2)) {
 				state.current = RippleState.WaitingForClick;
-				startPressAnimation(target_0, event_1);
+				startPressAnimation(target_0, event_2);
 				return;
 			}
 			state.current = RippleState.TouchDelay;
 			await new Promise(_temp);
 			if (getState() !== RippleState.TouchDelay) return;
 			state.current = RippleState.Holding;
-			startPressAnimation(target_0, event_1);
+			startPressAnimation(target_0, event_2);
 		};
-		$[9] = t11;
-	} else t11 = $[9];
-	const handlePointerDownAsync = t11;
-	let t12;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = (event_2) => {
-			handlePointerDownAsync(event_2);
+		$[12] = t14;
+	} else t14 = $[12];
+	const handlePointerDownAsync = t14;
+	let t15;
+	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = (event_3) => {
+			handlePointerDownAsync(event_3);
 		};
-		$[10] = t12;
-	} else t12 = $[10];
-	const handlePointerDown = t12;
-	let t13;
-	if ($[11] !== endsOnRelease) {
-		t13 = (event_3) => {
-			if (endsOnRelease && !isTouch(event_3)) {
-				if (isPressPointer(event_3) && state.current === RippleState.WaitingForClick) endPressAnimation();
+		$[13] = t15;
+	} else t15 = $[13];
+	const handlePointerDown = t15;
+	let t16;
+	if ($[14] !== endsOnRelease) {
+		t16 = (event_4) => {
+			if (endsOnRelease && !isTouch(event_4)) {
+				if (isPressPointer(event_4) && state.current === RippleState.WaitingForClick) endPressAnimation();
 				return;
 			}
-			if (!shouldReactToEvent(event_3)) return;
+			if (!shouldReactToEvent(event_4)) return;
 			if (state.current === RippleState.Holding) state.current = RippleState.WaitingForClick;
 			else if (state.current === RippleState.TouchDelay) {
 				state.current = RippleState.WaitingForClick;
-				startPressAnimation(event_3.currentTarget, rippleStartEvent.current);
+				startPressAnimation(event_4.currentTarget, rippleStartEvent.current);
 			}
 			if (endsOnRelease && state.current === RippleState.WaitingForClick) endPressAnimation();
 		};
-		$[11] = endsOnRelease;
-		$[12] = t13;
-	} else t13 = $[12];
-	const handlePointerUp = t13;
-	let t14;
-	if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-		t14 = (event_4) => {
-			if (isTouch(event_4) || !shouldReactToEvent(event_4)) return;
+		$[14] = endsOnRelease;
+		$[15] = t16;
+	} else t16 = $[15];
+	const handlePointerUp = t16;
+	let t17;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t17 = (event_5) => {
+			if (isTouch(event_5) || !shouldReactToEvent(event_5)) return;
 			if (state.current !== RippleState.Inactive) endPressAnimation();
 		};
-		$[13] = t14;
-	} else t14 = $[13];
-	const handlePointerLeave = t14;
-	let t15;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t15 = (event_5) => {
-			if (!shouldReactToEvent(event_5)) return;
+		$[16] = t17;
+	} else t17 = $[16];
+	const handlePointerLeave = t17;
+	let t18;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = (event_6) => {
+			if (!shouldReactToEvent(event_6)) return;
 			endPressAnimation();
 		};
-		$[14] = t15;
-	} else t15 = $[14];
-	const handlePointerCancel = t15;
-	let t16;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = (event_6) => {
+		$[17] = t18;
+	} else t18 = $[17];
+	const handlePointerCancel = t18;
+	let t19;
+	if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = (event_7) => {
 			if (state.current === RippleState.WaitingForClick) {
 				endPressAnimation();
 				return;
 			}
 			if (state.current === RippleState.Inactive) {
-				startPressAnimation(event_6.currentTarget);
+				startPressAnimation(event_7.currentTarget);
 				endPressAnimation();
 			}
 		};
-		$[15] = t16;
-	} else t16 = $[15];
-	const handleClick = t16;
-	let t17;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = () => {
+		$[18] = t19;
+	} else t19 = $[18];
+	const handleClick = t19;
+	let t20;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = () => {
 			endPressAnimation();
 		};
-		$[16] = t17;
-	} else t17 = $[16];
-	const handleContextMenu = t17;
+		$[19] = t20;
+	} else t20 = $[19];
+	const handleContextMenu = t20;
 	const { onClick: onClickProp, onContextMenu: onContextMenuProp, onPointerCancel: onPointerCancelProp, onPointerDown: onPointerDownProp, onPointerLeave: onPointerLeaveProp, onPointerUp: onPointerUpProp } = externalHandlers;
-	let t18;
-	if ($[17] !== onClickProp) {
-		t18 = (event_7) => {
-			handleClick(event_7);
-			onClickProp?.(event_7);
-		};
-		$[17] = onClickProp;
-		$[18] = t18;
-	} else t18 = $[18];
-	const onClick = t18;
-	let t19;
-	if ($[19] !== onContextMenuProp) {
-		t19 = (event_8) => {
-			handleContextMenu();
-			onContextMenuProp?.(event_8);
-		};
-		$[19] = onContextMenuProp;
-		$[20] = t19;
-	} else t19 = $[20];
-	const onContextMenu = t19;
-	let t20;
-	if ($[21] !== onPointerCancelProp) {
-		t20 = (event_9) => {
-			handlePointerCancel(event_9);
-			onPointerCancelProp?.(event_9);
-		};
-		$[21] = onPointerCancelProp;
-		$[22] = t20;
-	} else t20 = $[22];
-	const onPointerCancel = t20;
 	let t21;
-	if ($[23] !== onPointerDownProp) {
-		t21 = (event_10) => {
-			handlePointerDown(event_10);
-			onPointerDownProp?.(event_10);
+	if ($[20] !== onClickProp) {
+		t21 = (event_8) => {
+			handleClick(event_8);
+			onClickProp?.(event_8);
 		};
-		$[23] = onPointerDownProp;
-		$[24] = t21;
-	} else t21 = $[24];
-	const onPointerDown = t21;
+		$[20] = onClickProp;
+		$[21] = t21;
+	} else t21 = $[21];
+	const onClick = t21;
 	let t22;
-	if ($[25] !== onPointerLeaveProp) {
-		t22 = (event_11) => {
-			handlePointerLeave(event_11);
-			onPointerLeaveProp?.(event_11);
+	if ($[22] !== onContextMenuProp) {
+		t22 = (event_9) => {
+			handleContextMenu();
+			onContextMenuProp?.(event_9);
 		};
-		$[25] = onPointerLeaveProp;
-		$[26] = t22;
-	} else t22 = $[26];
-	const onPointerLeave = t22;
+		$[22] = onContextMenuProp;
+		$[23] = t22;
+	} else t22 = $[23];
+	const onContextMenu = t22;
 	let t23;
-	if ($[27] !== handlePointerUp || $[28] !== onPointerUpProp) {
-		t23 = (event_12) => {
-			handlePointerUp(event_12);
-			onPointerUpProp?.(event_12);
+	if ($[24] !== onPointerCancelProp) {
+		t23 = (event_10) => {
+			handlePointerCancel(event_10);
+			onPointerCancelProp?.(event_10);
 		};
-		$[27] = handlePointerUp;
-		$[28] = onPointerUpProp;
-		$[29] = t23;
-	} else t23 = $[29];
-	const onPointerUp = t23;
+		$[24] = onPointerCancelProp;
+		$[25] = t23;
+	} else t23 = $[25];
+	const onPointerCancel = t23;
 	let t24;
-	if ($[30] !== onContextMenu || $[31] !== onPointerCancel || $[32] !== onPointerDown || $[33] !== onPointerLeave || $[34] !== onPointerUp) {
-		t24 = {
+	if ($[26] !== onPointerDownProp) {
+		t24 = (event_11) => {
+			handlePointerDown(event_11);
+			onPointerDownProp?.(event_11);
+		};
+		$[26] = onPointerDownProp;
+		$[27] = t24;
+	} else t24 = $[27];
+	const onPointerDown = t24;
+	let t25;
+	if ($[28] !== onPointerLeaveProp) {
+		t25 = (event_12) => {
+			handlePointerLeave(event_12);
+			onPointerLeaveProp?.(event_12);
+		};
+		$[28] = onPointerLeaveProp;
+		$[29] = t25;
+	} else t25 = $[29];
+	const onPointerLeave = t25;
+	let t26;
+	if ($[30] !== handlePointerUp || $[31] !== onPointerUpProp) {
+		t26 = (event_13) => {
+			handlePointerUp(event_13);
+			onPointerUpProp?.(event_13);
+		};
+		$[30] = handlePointerUp;
+		$[31] = onPointerUpProp;
+		$[32] = t26;
+	} else t26 = $[32];
+	const onPointerUp = t26;
+	let t27;
+	if ($[33] !== onContextMenu || $[34] !== onPointerCancel || $[35] !== onPointerDown || $[36] !== onPointerLeave || $[37] !== onPointerUp) {
+		t27 = {
 			onContextMenu,
 			onPointerCancel,
 			onPointerDown,
 			onPointerLeave,
 			onPointerUp
 		};
-		$[30] = onContextMenu;
-		$[31] = onPointerCancel;
-		$[32] = onPointerDown;
-		$[33] = onPointerLeave;
-		$[34] = onPointerUp;
-		$[35] = t24;
-	} else t24 = $[35];
-	const pointer = t24;
-	let t25;
-	if ($[36] !== endsOnRelease || $[37] !== onClick || $[38] !== pointer) {
-		t25 = endsOnRelease ? pointer : {
+		$[33] = onContextMenu;
+		$[34] = onPointerCancel;
+		$[35] = onPointerDown;
+		$[36] = onPointerLeave;
+		$[37] = onPointerUp;
+		$[38] = t27;
+	} else t27 = $[38];
+	const pointer = t27;
+	let t28;
+	if ($[39] !== endsOnRelease || $[40] !== onClick || $[41] !== pointer) {
+		t28 = endsOnRelease ? pointer : {
 			onClick,
 			...pointer
 		};
-		$[36] = endsOnRelease;
-		$[37] = onClick;
-		$[38] = pointer;
-		$[39] = t25;
-	} else t25 = $[39];
-	const handlers = t25;
-	let t26;
-	if ($[40] !== pressed) {
-		t26 = props(styles.press, pressed && styles.pressed);
-		$[40] = pressed;
-		$[41] = t26;
-	} else t26 = $[41];
-	let t27;
-	if ($[42] !== t26) {
-		t27 = /* @__PURE__ */ jsx("span", {
+		$[39] = endsOnRelease;
+		$[40] = onClick;
+		$[41] = pointer;
+		$[42] = t28;
+	} else t28 = $[42];
+	const handlers = t28;
+	let t29;
+	if ($[43] !== pressed) {
+		t29 = props(styles.press, pressed && styles.pressed);
+		$[43] = pressed;
+		$[44] = t29;
+	} else t29 = $[44];
+	let t30;
+	if ($[45] !== t29) {
+		t30 = /* @__PURE__ */ jsx("span", {
 			"aria-hidden": "true",
 			...surfaceProps,
 			children: /* @__PURE__ */ jsx("span", {
 				ref: rippleRef,
-				...t26
+				...t29
 			})
 		});
-		$[42] = t26;
-		$[43] = t27;
-	} else t27 = $[43];
-	const surface = t27;
-	let t28;
-	if ($[44] !== handlers || $[45] !== surface) {
-		t28 = {
+		$[45] = t29;
+		$[46] = t30;
+	} else t30 = $[46];
+	const surface = t30;
+	let t31;
+	if ($[47] !== handlers || $[48] !== surface) {
+		t31 = {
 			handlers,
 			surface
 		};
-		$[44] = handlers;
-		$[45] = surface;
-		$[46] = t28;
-	} else t28 = $[46];
-	const enabledResult = t28;
-	let t29;
-	if ($[47] !== externalHandlers) {
-		t29 = {
+		$[47] = handlers;
+		$[48] = surface;
+		$[49] = t31;
+	} else t31 = $[49];
+	const enabledResult = t31;
+	let t32;
+	if ($[50] !== externalHandlers) {
+		t32 = {
 			handlers: externalHandlers,
 			surface: null
 		};
-		$[47] = externalHandlers;
-		$[48] = t29;
-	} else t29 = $[48];
-	return enabled ? enabledResult : t29;
+		$[50] = externalHandlers;
+		$[51] = t32;
+	} else t32 = $[51];
+	return enabled ? enabledResult : t32;
 }
 function _temp(resolve_0) {
 	setTimeout(resolve_0, motionDurationMs.short2);

package/dist/hooks/useRipple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRipple.js","names":["MouseEvent","MouseEventHandler","PointerEvent","PointerEventHandler","ReactNode","stylex","useCallback","useMemo","useRef","useState","rippleStyles","motionDurationMs","motionEasing","spacingPx","PADDING","sm","INITIAL_ORIGIN_SCALE","SOFT_EDGE_MINIMUM_SIZE","SOFT_EDGE_CONTAINER_RATIO","surfaceProps","props","surface","RippleState","Holding","Inactive","TouchDelay","WaitingForClick","const","ReleaseHandlers","Element","Omit","RippleEventHandlers","HostElement","onClick","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","isTouch","event","pointerType","prefersReducedMotion","window","matchMedia","matches","useRipple","enabled","externalHandlers","endsOnRelease","handlers","t0","t1","t2","$","_c","undefined","t3","pressed","setPressed","rippleRef","state","growAnimation","rippleStartEvent","initialSize","rippleScale","t4","Symbol","for","isPrimary","startEvent","current","pointerId","isPressPointer","t5","event_0","buttons","shouldReactToEvent","t6","rect","height","width","maxDimension","Math","max","softEdgeSize","size","floor","hypotenuse","hypot","maxRadius","determineRippleSize","t7","rect_0","positionEvent","height_0","left","top","width_0","size_0","endPoint","x","y","origin","clientX","clientY","startPoint","getTranslationCoordinates","t8","target","positionEvent_0","ripple","cancel","rect_1","getBoundingClientRect","size_1","endPoint_0","startPoint_0","style","animate","transform","duration","long1","easing","standard","fill","startPressAnimation","t9","animation","elapsed","currentTime","Infinity","medium1","Promise","resolve","setTimeout","endPressAnimation","t10","getState","t11","event_1","target_0","currentTarget","_temp","handlePointerDownAsync","t12","event_2","handlePointerDown","t13","event_3","handlePointerUp","t14","event_4","handlePointerLeave","t15","event_5","handlePointerCancel","t16","event_6","handleClick","t17","handleContextMenu","onClickProp","onContextMenuProp","onPointerCancelProp","onPointerDownProp","onPointerLeaveProp","onPointerUpProp","t18","event_7","t19","event_8","t20","event_9","t21","event_10","t22","event_11","t23","event_12","t24","pointer","t25","t26","press","t27","t28","enabledResult","t29","disabledResult","resolve_0","short2","stylex.props","rippleStyles","_c","disabledResult"],"sources":["../../src/hooks/useRipple.tsx"],"sourcesContent":["import type { MouseEvent, MouseEventHandler, PointerEvent, PointerEventHandler, ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useMemo, useRef, useState } from 'react';\nimport { rippleStyles } from '../styles/ripple';\nimport { motionDurationMs, motionEasing, spacingPx } from '../tokens/values';\n\n// Every timing this file drives is a motion token, spent at the point of use\n// below. They come from tokens/values rather than the StyleX theme because\n// element.animate() and setTimeout both reject a token's var() form, and the\n// same is true of the one geometry token: `PADDING` is added to a radius, and\n// a var() would concatenate rather than add. See src/styles/ripple.ts for the\n// opacity half of the mechanism, whose three timings are deliberately not\n// tokens.\n\n/** How far the ripple grows past the host's corners. `spacing.sm`. */\nconst PADDING = spacingPx.sm;\n\n// The rest are ratios and a pixel floor that no token group covers — spacing\n// is layout rhythm, and nothing in the set holds bare geometric ratios.\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\n\n// Static input, so this is computed once for every consumer of the module\n// rather than once per component instance.\nconst surfaceProps = stylex.props(rippleStyles.surface);\n\n/**\n * On touch: `Inactive -> TouchDelay -> WaitingForClick -> Inactive`, or\n * `Inactive -> TouchDelay -> Holding -> WaitingForClick -> Inactive` for a\n * held press.\n *\n * On mouse or pen: `Inactive -> WaitingForClick -> Inactive`.\n */\nconst RippleState = {\n  /** A touch has been confirmed as a press (held past the touch delay). */\n  Holding: 2,\n  /** No press in progress. Touch down moves to TouchDelay; mouse/pen down moves to WaitingForClick. */\n  Inactive: 0,\n  /** Touch down received; waiting to see if it's a tap or a scroll/swipe. */\n  TouchDelay: 1,\n  /** The press has finished growing; waiting for the click that ends it. */\n  WaitingForClick: 3\n} as const;\ntype ReleaseHandlers<HostElement extends Element> = Omit<RippleEventHandlers<HostElement>, 'onClick'>;\ninterface RippleEventHandlers<HostElement extends Element> {\n  onClick?: MouseEventHandler<HostElement>;\n  onContextMenu?: MouseEventHandler<HostElement>;\n  onPointerCancel?: PointerEventHandler<HostElement>;\n  onPointerDown?: PointerEventHandler<HostElement>;\n  onPointerLeave?: PointerEventHandler<HostElement>;\n  onPointerUp?: PointerEventHandler<HostElement>;\n}\ntype RippleState = (typeof RippleState)[keyof typeof RippleState];\nfunction isTouch(event: PointerEvent) {\n  return event.pointerType === 'touch';\n}\n\n/**\n * Whether the reader has asked the OS for less motion.\n *\n * Growth is a Web Animations call, which makes it the one animation in the\n * library no `@media (prefers-reduced-motion: reduce)` branch can reach — see\n * src/styles/ripple.ts for the opacity half, which is CSS and carries one.\n *\n * Read at the press rather than once at mount, so a reader who changes the\n * setting is answered by their next press rather than by their next reload.\n * The press already reads layout through `getBoundingClientRect`, which costs\n * more than this does.\n */\nfunction prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Renders a press ripple that grows from the pointer's position, or from\n * the element's center for a keyboard or other non-pointer activation.\n *\n * Growth runs via the Web Animations API on a single reused element (no\n * per-click DOM nodes to clean up), over a fixed duration independent of how\n * long the element is held — a real press-and-hold keeps the ripple\n * growing until release, while a quick tap is still held visible for a\n * minimum duration so it plays a complete animation rather than a flicker.\n *\n * Merges its own handlers with `externalHandlers` (e.g. a component's own\n * consumer-supplied props — ripple's own run first, then the external\n * ones) and returns `handlers` to spread onto the interactive element and\n * `surface`, the node to render as a child. The host element must\n * establish a positioning context (`position: relative` or similar) so\n * `surface`, which fills it via `inset: 0`, clips to its bounds and\n * inherits its shape.\n *\n * Pass `enabled: false` to opt out — no ripple listeners are attached and\n * no surface is rendered, leaving `externalHandlers` and a component's own\n * hover/press state layer (if any) untouched.\n *\n * Pass `endsOnRelease` for a host that never hears its own click: a\n * collection row, whose clicks React Aria's press handling keeps for itself.\n * The press then ends when the pointer is released over the host rather than\n * on the click that would follow, still held for the minimum a short press\n * gets. A keyboard press reaches such a host as no pointer event at all, so\n * it draws no ripple there.\n *\n * `handlers` and `surface` are hand-memoized (not left to build-tool\n * optimization) so a consumer rendering many instances — a list of icon\n * buttons, say — can memoize around them too, and so stability doesn't\n * depend on any particular compiler being configured.\n */\n// A host ending on the release never hears a click, so nothing is taken for\n// one and none is handed back: the handlers are the pointer ones alone, which\n// is also what a collection row's type admits.\nfunction useRipple<HostElement extends Element = Element>(enabled: boolean, externalHandlers: ReleaseHandlers<HostElement>, endsOnRelease: true): {\n  handlers: ReleaseHandlers<HostElement>;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled?: boolean, externalHandlers?: RippleEventHandlers<HostElement>, endsOnRelease?: false): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled = true, externalHandlers: RippleEventHandlers<HostElement> = {}, endsOnRelease = false): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n} {\n  const [pressed, setPressed] = useState(false);\n  const rippleRef = useRef<HTMLSpanElement>(null);\n  const state = useRef<RippleState>(RippleState.Inactive);\n  const growAnimation = useRef<Animation | undefined>(undefined);\n  const rippleStartEvent = useRef<PointerEvent<HostElement> | undefined>(undefined);\n  const initialSize = useRef(0);\n  const rippleScale = useRef('1');\n\n  // Whether `event` comes from the pointer a press would follow: the primary\n  // one, and the one that started the press already in flight, if any.\n  const isPressPointer = useCallback((event: PointerEvent<HostElement>) => {\n    if (!event.isPrimary) {\n      return false;\n    }\n    const startEvent = rippleStartEvent.current;\n    return !startEvent || startEvent.pointerId === event.pointerId;\n  }, []);\n  const shouldReactToEvent = useCallback((event: PointerEvent<HostElement>) => isPressPointer(event) && (isTouch(event) || event.buttons === 1), [isPressPointer]);\n  const determineRippleSize = useCallback((rect: DOMRect) => {\n    const {\n      height,\n      width\n    } = rect;\n    const maxDimension = Math.max(height, width);\n    const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDimension, SOFT_EDGE_MINIMUM_SIZE);\n    const size = Math.floor(maxDimension * INITIAL_ORIGIN_SCALE);\n    const hypotenuse = Math.hypot(width, height);\n    const maxRadius = hypotenuse + PADDING;\n    initialSize.current = size;\n    rippleScale.current = `${(maxRadius + softEdgeSize) / size}`;\n    return `${size}px`;\n  }, []);\n  const getTranslationCoordinates = useCallback((rect: DOMRect, positionEvent?: PointerEvent<HostElement>) => {\n    const {\n      height,\n      left,\n      top,\n      width\n    } = rect;\n    const size = initialSize.current;\n    const endPoint = {\n      x: (width - size) / 2,\n      y: (height - size) / 2\n    };\n    const origin = positionEvent ? {\n      x: positionEvent.clientX - left,\n      y: positionEvent.clientY - top\n    } : {\n      x: width / 2,\n      y: height / 2\n    };\n    const startPoint = {\n      x: origin.x - size / 2,\n      y: origin.y - size / 2\n    };\n    return {\n      endPoint,\n      startPoint\n    };\n  }, []);\n  const startPressAnimation = useCallback((target: HostElement, positionEvent?: PointerEvent<HostElement>) => {\n    const ripple = rippleRef.current;\n    if (!ripple) {\n      return;\n    }\n    setPressed(true);\n    growAnimation.current?.cancel();\n\n    // Read once and share: the two helpers below both only need the\n    // target's rect, and a second `getBoundingClientRect()` call back to\n    // back with the first would be a redundant layout read.\n    const rect = target.getBoundingClientRect();\n    const size = determineRippleSize(rect);\n    const {\n      endPoint,\n      startPoint\n    } = getTranslationCoordinates(rect, positionEvent);\n    ripple.style.width = size;\n    ripple.style.height = size;\n    growAnimation.current = ripple.animate({\n      transform: [`translate(${startPoint.x}px, ${startPoint.y}px) scale(1)`, `translate(${endPoint.x}px, ${endPoint.y}px) scale(${rippleScale.current})`]\n    }, {\n      // Growth runs over a fixed duration regardless of how long the\n      // press is held, so the token is spent here rather than named as a\n      // constant — element.animate() is one of the two places a StyleX\n      // token could not have gone.\n      //\n      // Zeroed rather than skipped under reduced motion, which lands the\n      // disc at its full size with the growth never drawn. Skipping the\n      // call outright would leave `growAnimation` unset, and the release\n      // below reads its `currentTime` to decide whether the press has\n      // been visible long enough — so the press would still be shown, and\n      // would stop being held for its minimum.\n      duration: prefersReducedMotion() ? 0 : motionDurationMs.long1,\n      easing: motionEasing.standard,\n      fill: 'forwards'\n    });\n  }, [determineRippleSize, getTranslationCoordinates]);\n  const endPressAnimation = useCallback(async () => {\n    rippleStartEvent.current = undefined;\n    state.current = RippleState.Inactive;\n    const animation = growAnimation.current;\n    const elapsed = typeof animation?.currentTime === 'number' ? animation.currentTime : Infinity;\n\n    // The floor on how briefly a ripple may be visible, so a quick tap reads\n    // as a deliberate ripple rather than a flicker.\n    if (elapsed >= motionDurationMs.medium1) {\n      setPressed(false);\n      return;\n    }\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.medium1 - elapsed);\n    });\n    if (growAnimation.current !== animation) {\n      // A newer press started; let it own the pressed state instead.\n      return;\n    }\n    setPressed(false);\n  }, []);\n\n  // Reads through a function so a stale narrowing of `state.current` from\n  // before the `await` below isn't (incorrectly) carried across it — the\n  // ref can change via a different handler while this one is suspended.\n  const getState = useCallback(() => state.current, []);\n  const handlePointerDownAsync = useCallback(async (event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    rippleStartEvent.current = event;\n    const target = event.currentTarget;\n    if (!isTouch(event)) {\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(target, event);\n      return;\n    }\n\n    // Delay so a scroll/swipe starting on the element doesn't flash a\n    // ripple — only a held (or quickly released) touch counts as a press.\n    state.current = RippleState.TouchDelay;\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.short2);\n    });\n    if (getState() !== RippleState.TouchDelay) {\n      return;\n    }\n    state.current = RippleState.Holding;\n    startPressAnimation(target, event);\n  }, [getState, shouldReactToEvent, startPressAnimation]);\n  const handlePointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    void handlePointerDownAsync(event);\n  }, [handlePointerDownAsync]);\n  const handlePointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    // A mouse or pen release carries no pressed button, so the guard the\n    // other handlers share turns it away, which is right while a click\n    // follows to end the press. A host ending on the release matches it by\n    // its pointer alone.\n    if (endsOnRelease && !isTouch(event)) {\n      if (isPressPointer(event) && state.current === RippleState.WaitingForClick) {\n        void endPressAnimation();\n      }\n      return;\n    }\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current === RippleState.Holding) {\n      state.current = RippleState.WaitingForClick;\n    } else if (state.current === RippleState.TouchDelay) {\n      // Released before the delay elapsed: treat as a completed tap.\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(event.currentTarget, rippleStartEvent.current);\n    }\n\n    // The release is as far as such a host hears, so it is where the\n    // press ends — see `endsOnRelease` above.\n    if (endsOnRelease && state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, endsOnRelease, isPressPointer, shouldReactToEvent, startPressAnimation]);\n  const handlePointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    if (isTouch(event) || !shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current !== RippleState.Inactive) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handlePointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    void endPressAnimation();\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handleClick = useCallback((event: MouseEvent<HostElement>) => {\n    if (state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n      return;\n    }\n    if (state.current === RippleState.Inactive) {\n      // No pointerdown preceded this click — keyboard activation, a\n      // programmatic `.click()`, or assistive-tech-synthesized activation.\n      // Play a complete, centered press immediately.\n      startPressAnimation(event.currentTarget);\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, startPressAnimation]);\n  const handleContextMenu = useCallback(() => {\n    void endPressAnimation();\n  }, [endPressAnimation]);\n  const {\n    onClick: onClickProp,\n    onContextMenu: onContextMenuProp,\n    onPointerCancel: onPointerCancelProp,\n    onPointerDown: onPointerDownProp,\n    onPointerLeave: onPointerLeaveProp,\n    onPointerUp: onPointerUpProp\n  } = externalHandlers;\n  const onClick = useCallback((event: MouseEvent<HostElement>) => {\n    handleClick(event);\n    onClickProp?.(event);\n  }, [handleClick, onClickProp]);\n  const onContextMenu = useCallback((event: MouseEvent<HostElement>) => {\n    handleContextMenu();\n    onContextMenuProp?.(event);\n  }, [handleContextMenu, onContextMenuProp]);\n  const onPointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerCancel(event);\n    onPointerCancelProp?.(event);\n  }, [handlePointerCancel, onPointerCancelProp]);\n  const onPointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerDown(event);\n    onPointerDownProp?.(event);\n  }, [handlePointerDown, onPointerDownProp]);\n  const onPointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerLeave(event);\n    onPointerLeaveProp?.(event);\n  }, [handlePointerLeave, onPointerLeaveProp]);\n  const onPointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerUp(event);\n    onPointerUpProp?.(event);\n  }, [handlePointerUp, onPointerUpProp]);\n  const handlers = useMemo(() => {\n    const pointer = {\n      onContextMenu,\n      onPointerCancel,\n      onPointerDown,\n      onPointerLeave,\n      onPointerUp\n    };\n    return endsOnRelease ? pointer : {\n      onClick,\n      ...pointer\n    };\n  }, [endsOnRelease, onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp]);\n  const surface = useMemo(() => <span aria-hidden=\"true\" {...surfaceProps}>\n        <span ref={rippleRef} {...stylex.props(rippleStyles.press, pressed && rippleStyles.pressed)} />\n      </span>, [pressed]);\n\n  // Two separate memos rather than one branching on `enabled`, so that\n  // whichever branch is actually active stays keyed only on its own\n  // inputs — the enabled result doesn't get a new identity every time\n  // `externalHandlers` does (a component typically passes a fresh object\n  // literal each render), and vice versa.\n  const enabledResult = useMemo(() => ({\n    handlers,\n    surface\n  }), [handlers, surface]);\n  const disabledResult = useMemo(() => ({\n    handlers: externalHandlers,\n    surface: null\n  }), [externalHandlers]);\n  return enabled ? enabledResult : disabledResult;\n}\nexport { useRipple };"],"mappings":"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"}
+{"version":3,"file":"useRipple.js","names":["MouseEvent","MouseEventHandler","PointerEvent","PointerEventHandler","ReactNode","stylex","useCallback","useEffect","useMemo","useRef","useState","rippleStyles","motionDurationMs","motionEasing","spacingPx","PADDING","sm","INITIAL_ORIGIN_SCALE","SOFT_EDGE_MINIMUM_SIZE","SOFT_EDGE_CONTAINER_RATIO","surfaceProps","props","surface","RippleState","Holding","Inactive","TouchDelay","WaitingForClick","const","ReleaseHandlers","Element","Omit","RippleEventHandlers","HostElement","onClick","onContextMenu","onPointerCancel","onPointerDown","onPointerLeave","onPointerUp","isTouch","event","pointerType","prefersReducedMotion","window","matchMedia","matches","useRipple","enabled","externalHandlers","endsOnRelease","handlers","t0","t1","t2","$","_c","undefined","t3","pressed","setPressed","rippleRef","state","growAnimation","rippleStartEvent","initialSize","rippleScale","removeDocumentListeners","t4","Symbol","for","isPrimary","startEvent","current","pointerId","isPressPointer","t5","event_0","buttons","shouldReactToEvent","t6","rect","height","width","maxDimension","Math","max","softEdgeSize","size","floor","hypotenuse","hypot","maxRadius","determineRippleSize","t7","rect_0","positionEvent","height_0","left","top","width_0","size_0","endPoint","x","y","origin","clientX","clientY","startPoint","getTranslationCoordinates","t8","target","positionEvent_0","ripple","cancel","rect_1","getBoundingClientRect","size_1","endPoint_0","startPoint_0","style","animate","transform","duration","long1","easing","standard","fill","startPressAnimation","t9","animation","elapsed","currentTime","Infinity","medium1","Promise","resolve","setTimeout","endPressAnimation","t10","host","document","ownerDocument","handleEnd","event_1","composedPath","includes","addEventListener","removeEventListener","listenBeyondHost","t11","t12","t13","getState","t14","event_2","target_0","currentTarget","_temp","handlePointerDownAsync","t15","event_3","handlePointerDown","t16","event_4","handlePointerUp","t17","event_5","handlePointerLeave","t18","event_6","handlePointerCancel","t19","event_7","handleClick","t20","handleContextMenu","onClickProp","onContextMenuProp","onPointerCancelProp","onPointerDownProp","onPointerLeaveProp","onPointerUpProp","t21","event_8","t22","event_9","t23","event_10","t24","event_11","t25","event_12","t26","event_13","t27","pointer","t28","t29","press","t30","t31","enabledResult","t32","disabledResult","resolve_0","short2","stylex.props","rippleStyles","_c","disabledResult"],"sources":["../../src/hooks/useRipple.tsx"],"sourcesContent":["import type { MouseEvent, MouseEventHandler, PointerEvent, PointerEventHandler, ReactNode } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { rippleStyles } from '../styles/ripple';\nimport { motionDurationMs, motionEasing, spacingPx } from '../tokens/values';\n\n// Every timing this file drives is a motion token, spent at the point of use\n// below. They come from tokens/values rather than the StyleX theme because\n// element.animate() and setTimeout both reject a token's var() form, and the\n// same is true of the one geometry token: `PADDING` is added to a radius, and\n// a var() would concatenate rather than add. See src/styles/ripple.ts for the\n// opacity half of the mechanism, whose three timings are deliberately not\n// tokens.\n\n/** How far the ripple grows past the host's corners. `spacing.sm`. */\nconst PADDING = spacingPx.sm;\n\n// The rest are ratios and a pixel floor that no token group covers — spacing\n// is layout rhythm, and nothing in the set holds bare geometric ratios.\nconst INITIAL_ORIGIN_SCALE = 0.2;\nconst SOFT_EDGE_MINIMUM_SIZE = 75;\nconst SOFT_EDGE_CONTAINER_RATIO = 0.35;\n\n// Static input, so this is computed once for every consumer of the module\n// rather than once per component instance.\nconst surfaceProps = stylex.props(rippleStyles.surface);\n\n/**\n * On touch: `Inactive -> TouchDelay -> WaitingForClick -> Inactive`, or\n * `Inactive -> TouchDelay -> Holding -> WaitingForClick -> Inactive` for a\n * held press.\n *\n * On mouse or pen: `Inactive -> WaitingForClick -> Inactive`.\n */\nconst RippleState = {\n  /** A touch has been confirmed as a press (held past the touch delay). */\n  Holding: 2,\n  /** No press in progress. Touch down moves to TouchDelay; mouse/pen down moves to WaitingForClick. */\n  Inactive: 0,\n  /** Touch down received; waiting to see if it's a tap or a scroll/swipe. */\n  TouchDelay: 1,\n  /** The press has finished growing; waiting for the click that ends it. */\n  WaitingForClick: 3\n} as const;\ntype ReleaseHandlers<HostElement extends Element> = Omit<RippleEventHandlers<HostElement>, 'onClick'>;\ninterface RippleEventHandlers<HostElement extends Element> {\n  onClick?: MouseEventHandler<HostElement>;\n  onContextMenu?: MouseEventHandler<HostElement>;\n  onPointerCancel?: PointerEventHandler<HostElement>;\n  onPointerDown?: PointerEventHandler<HostElement>;\n  onPointerLeave?: PointerEventHandler<HostElement>;\n  onPointerUp?: PointerEventHandler<HostElement>;\n}\ntype RippleState = (typeof RippleState)[keyof typeof RippleState];\nfunction isTouch(event: PointerEvent) {\n  return event.pointerType === 'touch';\n}\n\n/**\n * Whether the reader has asked the OS for less motion.\n *\n * Growth is a Web Animations call, which makes it the one animation in the\n * library no `@media (prefers-reduced-motion: reduce)` branch can reach — see\n * src/styles/ripple.ts for the opacity half, which is CSS and carries one.\n *\n * Read at the press rather than once at mount, so a reader who changes the\n * setting is answered by their next press rather than by their next reload.\n * The press already reads layout through `getBoundingClientRect`, which costs\n * more than this does.\n */\nfunction prefersReducedMotion() {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n/**\n * Renders a press ripple that grows from the pointer's position, or from\n * the element's center for a keyboard or other non-pointer activation.\n *\n * Growth runs via the Web Animations API on a single reused element (no\n * per-click DOM nodes to clean up), over a fixed duration independent of how\n * long the element is held — a real press-and-hold keeps the ripple\n * growing until release, while a quick tap is still held visible for a\n * minimum duration so it plays a complete animation rather than a flicker.\n *\n * Merges its own handlers with `externalHandlers` (e.g. a component's own\n * consumer-supplied props — ripple's own run first, then the external\n * ones) and returns `handlers` to spread onto the interactive element and\n * `surface`, the node to render as a child. The host element must\n * establish a positioning context (`position: relative` or similar) so\n * `surface`, which fills it via `inset: 0`, clips to its bounds and\n * inherits its shape.\n *\n * Pass `enabled: false` to opt out — no ripple listeners are attached and\n * no surface is rendered, leaving `externalHandlers` and a component's own\n * hover/press state layer (if any) untouched.\n *\n * Pass `endsOnRelease` for a host that never hears its own click: a\n * collection row, whose clicks React Aria's press handling keeps for itself.\n * The press then ends when the pointer is released over the host rather than\n * on the click that would follow, still held for the minimum a short press\n * gets. A keyboard press reaches such a host as no pointer event at all, so\n * it draws no ripple there.\n *\n * `handlers` and `surface` are hand-memoized (not left to build-tool\n * optimization) so a consumer rendering many instances — a list of icon\n * buttons, say — can memoize around them too, and so stability doesn't\n * depend on any particular compiler being configured.\n */\n// A host ending on the release never hears a click, so nothing is taken for\n// one and none is handed back: the handlers are the pointer ones alone, which\n// is also what a collection row's type admits.\nfunction useRipple<HostElement extends Element = Element>(enabled: boolean, externalHandlers: ReleaseHandlers<HostElement>, endsOnRelease: true): {\n  handlers: ReleaseHandlers<HostElement>;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled?: boolean, externalHandlers?: RippleEventHandlers<HostElement>, endsOnRelease?: false): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n};\nfunction useRipple<HostElement extends Element = Element>(enabled = true, externalHandlers: RippleEventHandlers<HostElement> = {}, endsOnRelease = false): {\n  handlers: RippleEventHandlers<HostElement>;\n  surface: ReactNode;\n} {\n  const [pressed, setPressed] = useState(false);\n  const rippleRef = useRef<HTMLSpanElement>(null);\n  const state = useRef<RippleState>(RippleState.Inactive);\n  const growAnimation = useRef<Animation | undefined>(undefined);\n  const rippleStartEvent = useRef<PointerEvent<HostElement> | undefined>(undefined);\n  const initialSize = useRef(0);\n  const rippleScale = useRef('1');\n  // Removes the listeners a press keeps on its host's document, while one is\n  // in flight — see `listenBeyondHost`.\n  const removeDocumentListeners = useRef<(() => void) | undefined>(undefined);\n\n  // Whether `event` comes from the pointer a press would follow: the primary\n  // one, and the one that started the press already in flight, if any.\n  const isPressPointer = useCallback((event: PointerEvent<HostElement>) => {\n    if (!event.isPrimary) {\n      return false;\n    }\n    const startEvent = rippleStartEvent.current;\n    return !startEvent || startEvent.pointerId === event.pointerId;\n  }, []);\n  const shouldReactToEvent = useCallback((event: PointerEvent<HostElement>) => isPressPointer(event) && (isTouch(event) || event.buttons === 1), [isPressPointer]);\n  const determineRippleSize = useCallback((rect: DOMRect) => {\n    const {\n      height,\n      width\n    } = rect;\n    const maxDimension = Math.max(height, width);\n    const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDimension, SOFT_EDGE_MINIMUM_SIZE);\n    const size = Math.floor(maxDimension * INITIAL_ORIGIN_SCALE);\n    const hypotenuse = Math.hypot(width, height);\n    const maxRadius = hypotenuse + PADDING;\n    initialSize.current = size;\n    rippleScale.current = `${(maxRadius + softEdgeSize) / size}`;\n    return `${size}px`;\n  }, []);\n  const getTranslationCoordinates = useCallback((rect: DOMRect, positionEvent?: PointerEvent<HostElement>) => {\n    const {\n      height,\n      left,\n      top,\n      width\n    } = rect;\n    const size = initialSize.current;\n    const endPoint = {\n      x: (width - size) / 2,\n      y: (height - size) / 2\n    };\n    const origin = positionEvent ? {\n      x: positionEvent.clientX - left,\n      y: positionEvent.clientY - top\n    } : {\n      x: width / 2,\n      y: height / 2\n    };\n    const startPoint = {\n      x: origin.x - size / 2,\n      y: origin.y - size / 2\n    };\n    return {\n      endPoint,\n      startPoint\n    };\n  }, []);\n  const startPressAnimation = useCallback((target: HostElement, positionEvent?: PointerEvent<HostElement>) => {\n    const ripple = rippleRef.current;\n    if (!ripple) {\n      return;\n    }\n    setPressed(true);\n    growAnimation.current?.cancel();\n\n    // Read once and share: the two helpers below both only need the\n    // target's rect, and a second `getBoundingClientRect()` call back to\n    // back with the first would be a redundant layout read.\n    const rect = target.getBoundingClientRect();\n    const size = determineRippleSize(rect);\n    const {\n      endPoint,\n      startPoint\n    } = getTranslationCoordinates(rect, positionEvent);\n    ripple.style.width = size;\n    ripple.style.height = size;\n    growAnimation.current = ripple.animate({\n      transform: [`translate(${startPoint.x}px, ${startPoint.y}px) scale(1)`, `translate(${endPoint.x}px, ${endPoint.y}px) scale(${rippleScale.current})`]\n    }, {\n      // Growth runs over a fixed duration regardless of how long the\n      // press is held, so the token is spent here rather than named as a\n      // constant — element.animate() is one of the two places a StyleX\n      // token could not have gone.\n      //\n      // Zeroed rather than skipped under reduced motion, which lands the\n      // disc at its full size with the growth never drawn. Skipping the\n      // call outright would leave `growAnimation` unset, and the release\n      // below reads its `currentTime` to decide whether the press has\n      // been visible long enough — so the press would still be shown, and\n      // would stop being held for its minimum.\n      duration: prefersReducedMotion() ? 0 : motionDurationMs.long1,\n      easing: motionEasing.standard,\n      fill: 'forwards'\n    });\n  }, [determineRippleSize, getTranslationCoordinates]);\n  const endPressAnimation = useCallback(async () => {\n    removeDocumentListeners.current?.();\n    removeDocumentListeners.current = undefined;\n    rippleStartEvent.current = undefined;\n    state.current = RippleState.Inactive;\n    const animation = growAnimation.current;\n    const elapsed = typeof animation?.currentTime === 'number' ? animation.currentTime : Infinity;\n\n    // The floor on how briefly a ripple may be visible, so a quick tap reads\n    // as a deliberate ripple rather than a flicker.\n    if (elapsed >= motionDurationMs.medium1) {\n      setPressed(false);\n      return;\n    }\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.medium1 - elapsed);\n    });\n    if (growAnimation.current !== animation) {\n      // A newer press started; let it own the pressed state instead.\n      return;\n    }\n    setPressed(false);\n  }, []);\n\n  // A press can end somewhere other than its host. React Aria's press\n  // handling releases the capture a touch takes on its pointerdown, so that a\n  // finger can leave the element, and a press that turns into a scroll — or\n  // a finger that slides off and lifts — then ends with a pointercancel or\n  // pointerup on whatever is under it, which the host never hears. Left to\n  // the host's handlers alone, the ripple held at its pressed opacity until\n  // the next press on that host finished a cycle.\n  //\n  // So the press listens on its host's document, in the capture phase, for\n  // its own pointer, the way React Aria's own press handling does. An end the\n  // host does hear is left to the host's handlers, which run after these.\n  const listenBeyondHost = useCallback((host: HostElement, pointerId: number) => {\n    removeDocumentListeners.current?.();\n    const document = host.ownerDocument;\n    const handleEnd = (event: globalThis.PointerEvent) => {\n      if (event.pointerId !== pointerId || event.composedPath().includes(host)) {\n        return;\n      }\n      void endPressAnimation();\n    };\n    document.addEventListener('pointercancel', handleEnd, true);\n    document.addEventListener('pointerup', handleEnd, true);\n    removeDocumentListeners.current = () => {\n      document.removeEventListener('pointercancel', handleEnd, true);\n      document.removeEventListener('pointerup', handleEnd, true);\n    };\n  }, [endPressAnimation]);\n\n  // A host unmounted mid-press leaves nothing listening behind it.\n  useEffect(() => () => {\n    removeDocumentListeners.current?.();\n  }, []);\n\n  // Reads through a function so a stale narrowing of `state.current` from\n  // before the `await` below isn't (incorrectly) carried across it — the\n  // ref can change via a different handler while this one is suspended.\n  const getState = useCallback(() => state.current, []);\n  const handlePointerDownAsync = useCallback(async (event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    rippleStartEvent.current = event;\n    const target = event.currentTarget;\n    listenBeyondHost(target, event.pointerId);\n    if (!isTouch(event)) {\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(target, event);\n      return;\n    }\n\n    // Delay so a scroll/swipe starting on the element doesn't flash a\n    // ripple — only a held (or quickly released) touch counts as a press.\n    state.current = RippleState.TouchDelay;\n    await new Promise(resolve => {\n      setTimeout(resolve, motionDurationMs.short2);\n    });\n    if (getState() !== RippleState.TouchDelay) {\n      return;\n    }\n    state.current = RippleState.Holding;\n    startPressAnimation(target, event);\n  }, [getState, listenBeyondHost, shouldReactToEvent, startPressAnimation]);\n  const handlePointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    void handlePointerDownAsync(event);\n  }, [handlePointerDownAsync]);\n  const handlePointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    // A mouse or pen release carries no pressed button, so the guard the\n    // other handlers share turns it away, which is right while a click\n    // follows to end the press. A host ending on the release matches it by\n    // its pointer alone.\n    if (endsOnRelease && !isTouch(event)) {\n      if (isPressPointer(event) && state.current === RippleState.WaitingForClick) {\n        void endPressAnimation();\n      }\n      return;\n    }\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current === RippleState.Holding) {\n      state.current = RippleState.WaitingForClick;\n    } else if (state.current === RippleState.TouchDelay) {\n      // Released before the delay elapsed: treat as a completed tap.\n      state.current = RippleState.WaitingForClick;\n      startPressAnimation(event.currentTarget, rippleStartEvent.current);\n    }\n\n    // The release is as far as such a host hears, so it is where the\n    // press ends — see `endsOnRelease` above.\n    if (endsOnRelease && state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, endsOnRelease, isPressPointer, shouldReactToEvent, startPressAnimation]);\n  const handlePointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    if (isTouch(event) || !shouldReactToEvent(event)) {\n      return;\n    }\n    if (state.current !== RippleState.Inactive) {\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handlePointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    if (!shouldReactToEvent(event)) {\n      return;\n    }\n    void endPressAnimation();\n  }, [endPressAnimation, shouldReactToEvent]);\n  const handleClick = useCallback((event: MouseEvent<HostElement>) => {\n    if (state.current === RippleState.WaitingForClick) {\n      void endPressAnimation();\n      return;\n    }\n    if (state.current === RippleState.Inactive) {\n      // No pointerdown preceded this click — keyboard activation, a\n      // programmatic `.click()`, or assistive-tech-synthesized activation.\n      // Play a complete, centered press immediately.\n      startPressAnimation(event.currentTarget);\n      void endPressAnimation();\n    }\n  }, [endPressAnimation, startPressAnimation]);\n  const handleContextMenu = useCallback(() => {\n    void endPressAnimation();\n  }, [endPressAnimation]);\n  const {\n    onClick: onClickProp,\n    onContextMenu: onContextMenuProp,\n    onPointerCancel: onPointerCancelProp,\n    onPointerDown: onPointerDownProp,\n    onPointerLeave: onPointerLeaveProp,\n    onPointerUp: onPointerUpProp\n  } = externalHandlers;\n  const onClick = useCallback((event: MouseEvent<HostElement>) => {\n    handleClick(event);\n    onClickProp?.(event);\n  }, [handleClick, onClickProp]);\n  const onContextMenu = useCallback((event: MouseEvent<HostElement>) => {\n    handleContextMenu();\n    onContextMenuProp?.(event);\n  }, [handleContextMenu, onContextMenuProp]);\n  const onPointerCancel = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerCancel(event);\n    onPointerCancelProp?.(event);\n  }, [handlePointerCancel, onPointerCancelProp]);\n  const onPointerDown = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerDown(event);\n    onPointerDownProp?.(event);\n  }, [handlePointerDown, onPointerDownProp]);\n  const onPointerLeave = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerLeave(event);\n    onPointerLeaveProp?.(event);\n  }, [handlePointerLeave, onPointerLeaveProp]);\n  const onPointerUp = useCallback((event: PointerEvent<HostElement>) => {\n    handlePointerUp(event);\n    onPointerUpProp?.(event);\n  }, [handlePointerUp, onPointerUpProp]);\n  const handlers = useMemo(() => {\n    const pointer = {\n      onContextMenu,\n      onPointerCancel,\n      onPointerDown,\n      onPointerLeave,\n      onPointerUp\n    };\n    return endsOnRelease ? pointer : {\n      onClick,\n      ...pointer\n    };\n  }, [endsOnRelease, onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp]);\n  const surface = useMemo(() => <span aria-hidden=\"true\" {...surfaceProps}>\n        <span ref={rippleRef} {...stylex.props(rippleStyles.press, pressed && rippleStyles.pressed)} />\n      </span>, [pressed]);\n\n  // Two separate memos rather than one branching on `enabled`, so that\n  // whichever branch is actually active stays keyed only on its own\n  // inputs — the enabled result doesn't get a new identity every time\n  // `externalHandlers` does (a component typically passes a fresh object\n  // literal each render), and vice versa.\n  const enabledResult = useMemo(() => ({\n    handlers,\n    surface\n  }), [handlers, surface]);\n  const disabledResult = useMemo(() => ({\n    handlers: externalHandlers,\n    surface: null\n  }), [externalHandlers]);\n  return enabled ? enabledResult : disabledResult;\n}\nexport { useRipple };"],"mappings":";;;;;;;;AAeA,MAAMe,UAAUD,UAAUE;AAI1B,MAAMC,uBAAuB;AAC7B,MAAMC,yBAAyB;AAC/B,MAAMC,4BAA4B;AAIlC,MAAMC,eAAef,MAAaM,OAAaW,OAAO;;;;;;;;AAStD,MAAMC,cAAc;;CAElBC,SAAS;;CAETC,UAAU;;CAEVC,YAAY;;CAEZC,iBAAiB;AACnB;AAWA,SAASa,QAAQC,OAAqB;CACpC,OAAOA,MAAMC,gBAAgB;AAC/B;;;;;;;;;;;;;AAcA,SAASC,uBAAuB;CAC9B,OAAOC,OAAOC,WAAW,kCAAkC,CAAC,CAACC;AAC/D;AA+CA,SAAAC,UAAAK,IAAAC,IAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA0D,MAAAR,UAAAI,OAAAK,KAAAA,IAAA,OAAAL;CAAc,IAAAM;CAAA,IAAAH,EAAA,OAAAF,IAAA;EAAEK,KAAAL,OAAAI,KAAAA,IAAA,CAAsD,IAAtDJ;EAAuDE,EAAA,KAAAF;EAAAE,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAvD,MAAAN,mBAAAS;CAAyD,MAAAR,gBAAAI,OAAAG,KAAAA,IAAA,QAAAH;CAIjI,MAAA,CAAAK,SAAAC,cAA8BlD,SAAS,KAAK;CAC5C,MAAAmD,YAAkBpD,OAAwB,IAAI;CAC9C,MAAAqD,QAAcrD,OAAoBc,YAAWE,QAAS;CACtD,MAAAsC,gBAAsBtD,OAA8BgD,KAAAA,CAAS;CAC7D,MAAAO,mBAAyBvD,OAA8CgD,KAAAA,CAAS;CAChF,MAAAQ,cAAoBxD,OAAO,CAAC;CAC5B,MAAAyD,cAAoBzD,OAAO,GAAG;CAG9B,MAAA0D,0BAAgC1D,OAAiCgD,KAAAA,CAAS;CAAE,IAAAW;CAAA,IAAAb,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EAIzCF,MAAA3B,UAAA;GACjC,IAAI,CAACA,MAAK8B,WAAU,OACX;GAET,MAAAC,aAAmBR,iBAAgBS;GAAS,OACrC,CAACD,cAAcA,WAAUE,cAAejC,MAAKiC;EAAU;EAC/DnB,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAND,MAAAoB,iBAAuBP;CAMhB,IAAAQ;CAAA,IAAArB,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EACgCM,MAAAC,YAAsCF,eAAelC,OAAgD,MAArCD,QAAQC,OAA4B,KAAlBA,QAAKqC,YAAa;EAAEvB,EAAA,KAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAA7I,MAAAwB,qBAA2BH;CAAsI,IAAAI;CAAA,IAAAzB,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EACzHU,MAAAC,SAAA;GACtC,MAAA,EAAAC,QAAAC,UAGIF;GACJ,MAAAG,eAAqBC,KAAIC,IAAKJ,QAAQC,KAAK;GAC3C,MAAAI,eAAqBF,KAAIC,IAAKnE,4BAA4BiE,cAAclE,sBAAsB;GAC9F,MAAAsE,OAAaH,KAAII,MAAOL,eAAenE,oBAAoB;GAE3D,MAAA2E,YADmBP,KAAIM,MAAOR,OAAOD,MACnBQ,IAAa3E;GAC/BkD,YAAWQ,UAAWe;GACtBtB,YAAWO,UAAW,IAAImB,YAAYL,gBAAgBC;GAAnC,OACZ,GAAGA,KAAI;EAAI;EACnBjC,EAAA,KAAAyB;CAAA,OAAAA,KAAAzB,EAAA;CAbD,MAAAsC,sBAA4Bb;CAarB,IAAAc;CAAA,IAAAvC,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EACuCwB,MAAAC,QAAAC,kBAAA;GAC5C,MAAA,EAAAd,QAAAe,UAAAC,MAAAC,KAAAhB,OAAAiB,YAKInB;GACJ,MAAAoB,SAAapC,YAAWQ;GACxB,MAAA6B,WAAiB;IAAAC,IACXpB,UAAQK,UAAQ;IAACgB,IACjBtB,WAASM,UAAQ;GACvB;GACA,MAAAiB,SAAeT,gBAAA;IAAAO,GACVP,cAAaU,UAAWR;IAAIM,GAC5BR,cAAaW,UAAWR;GAI7B,IANe;IAAAI,GAIVpB,UAAQ;IAACqB,GACTtB,WAAS;GACd;GAIE,OACK;IAAAoB;IAAAM,YAAAA;KAJYL,GACdE,OAAMF,IAAKf,SAAO;KAACgB,GACnBC,OAAMD,IAAKhB,SAAO;IAEhBoB;GAGP;EAAC;EACFrD,EAAA,KAAAuC;CAAA,OAAAA,KAAAvC,EAAA;CA3BD,MAAAsD,4BAAkCf;CA2B3B,IAAAgB;CAAA,IAAAvD,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EACiCwC,MAAAC,QAAAC,oBAAA;GACtC,MAAAC,SAAepD,UAASY;GACxB,IAAI,CAACwC,QAAM;GAGXrD,WAAW,IAAI;GACfG,cAAaU,SAAgByC,OAAC;GAK9B,MAAAC,SAAaJ,OAAMK,sBAAuB;GAC1C,MAAAC,SAAaxB,oBAAoBZ,MAAI;GACrC,MAAA,EAAAqB,UAAAgB,YAAAV,YAAAW,iBAGIV,0BAA0B5B,QAAMe,eAAa;GACjDiB,OAAMO,MAAMrC,QAASK;GACrByB,OAAMO,MAAMtC,SAAUM;GACtBzB,cAAaU,UAAWwC,OAAMQ,QAAS,EAAAC,WAC1B,CAAC,aAAad,aAAUL,EAAE,MAAOK,aAAUJ,EAAE,eAAgB,aAAaF,WAAQC,EAAE,MAAOD,WAAQE,EAAE,YAAatC,YAAWO,QAAQ,EAAG,EACrJ,GAAG;IAAAkD,UAYShF,qBAAkD,IAAlD,IAA6B/B,iBAAgBgH;IAAMC,QACrDhH,aAAYiH;IAASC,MACvB;GACR,CAAC;EAjBoB;EAkBtBxE,EAAA,KAAAuD;CAAA,OAAAA,KAAAvD,EAAA;CArCD,MAAAyE,sBAA4BlB;CAqCyB,IAAAmB;CAAA,IAAA1E,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EACf2D,KAAA,YAAA;GACpC9D,wBAAuBM,UAAW;GAClCN,wBAAuBM,UAAWhB,KAAAA;GAClCO,iBAAgBS,UAAWhB,KAAAA;GAC3BK,MAAKW,UAAWlD,YAAWE;GAC3B,MAAAyG,YAAkBnE,cAAaU;GAC/B,MAAA0D,UAAgB,OAAOD,WAASE,gBAAkB,WAAWF,UAASE,cAAtDC;GAIhB,IAAIF,WAAWvH,iBAAgB0H,SAAQ;IACrC1E,WAAW,KAAK;IAAC;GAAA;GAGnB,MAAM,IAAI2E,SAAQC,YAAA;IAChBC,WAAWD,SAAS5H,iBAAgB0H,UAAWH,OAAO;GAAC,CACxD;GACD,IAAIpE,cAAaU,YAAayD,WAAS;GAIvCtE,WAAW,KAAK;EAAC;EAClBL,EAAA,KAAA0E;CAAA,OAAAA,KAAA1E,EAAA;CAtBD,MAAAmF,oBAA0BT;CAsBnB,IAAAU;CAAA,IAAApF,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EAa8BqE,OAAAC,MAAAlE,cAAA;GACnCP,wBAAuBM,UAAW;GAClC,MAAAoE,WAAiBD,KAAIE;GACrB,MAAAC,aAAkBC,YAAA;IAChB,IAAIvG,QAAKiC,cAAeA,aAAajC,QAAKwG,aAAc,CAAC,CAAAC,SAAUN,IAAI,GAAC;IAGnEF,kBAAkB;GAAC;GAE1BG,SAAQM,iBAAkB,iBAAiBJ,WAAW,IAAI;GAC1DF,SAAQM,iBAAkB,aAAaJ,WAAW,IAAI;GACtD5E,wBAAuBM,gBAAW;IAChCoE,SAAQO,oBAAqB,iBAAiBL,WAAW,IAAI;IAC7DF,SAAQO,oBAAqB,aAAaL,WAAW,IAAI;GAAC;EAF7B;EAIhCxF,EAAA,KAAAoF;CAAA,OAAAA,MAAApF,EAAA;CAfD,MAAA8F,mBAAyBV;CAeD,IAAAW;CAAA,IAAAC;CAAA,IAAAhG,EAAA,OAAAc,OAAAC,IAAA,2BAAA,GAAA;EAGdgF,kBAAM;GACdnF,wBAAuBM,UAAW;EAAC;EAClC8E,MAAA,CAAA;EAAEhG,EAAA,KAAA+F;EAAA/F,EAAA,MAAAgG;CAAA,OAAA;EAAAD,MAAA/F,EAAA;EAAAgG,MAAAhG,EAAA;CAAA;CAFLhD,UAAU+I,KAEPC,GAAE;CAAC,IAAAC;CAAA,IAAAjG,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EAKuBkF,YAAM1F,MAAKW;EAAQlB,EAAA,MAAAiG;CAAA,OAAAA,MAAAjG,EAAA;CAAhD,MAAAkG,WAAiBD;CAAqC,IAAAE;CAAA,IAAAnG,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EACXoF,MAAA,OAAAC,YAAA;GACzC,IAAI,CAAC5E,mBAAmBtC,OAAK,GAAC;GAG9BuB,iBAAgBS,UAAWhC;GAC3B,MAAAmH,WAAenH,QAAKoH;GACpBR,iBAAiBtC,UAAQtE,QAAKiC,SAAU;GACxC,IAAI,CAAClC,QAAQC,OAAK,GAAC;IACjBqB,MAAKW,UAAWlD,YAAWI;IAC3BqG,oBAAoBjB,UAAQtE,OAAK;IAAC;GAAA;GAMpCqB,MAAKW,UAAWlD,YAAWG;GAC3B,MAAM,IAAI6G,QAAQuB,KAEjB;GACD,IAAIL,SAAS,MAAMlI,YAAWG,YAAW;GAGzCoC,MAAKW,UAAWlD,YAAWC;GAC3BwG,oBAAoBjB,UAAQtE,OAAK;EAAC;EACnCc,EAAA,MAAAmG;CAAA,OAAAA,MAAAnG,EAAA;CAxBD,MAAAwG,yBAA+BL;CAwB2C,IAAAM;CAAA,IAAAzG,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EACpC0F,OAAAC,YAAA;GAC/BF,uBAAuBtH,OAAK;EAAC;EACnCc,EAAA,MAAAyG;CAAA,OAAAA,MAAAzG,EAAA;CAFD,MAAA2G,oBAA0BF;CAEG,IAAAG;CAAA,IAAA5G,EAAA,QAAAL,eAAA;EACOiH,OAAAC,YAAA;GAKlC,IAAIlH,iBAAA,CAAkBV,QAAQC,OAAK,GAAC;IAClC,IAAIkC,eAAelC,OAAsD,KAA5CqB,MAAKW,YAAalD,YAAWI,iBACnD+G,kBAAkB;IACxB;GAAA;GAGH,IAAI,CAAC3D,mBAAmBtC,OAAK,GAAC;GAG9B,IAAIqB,MAAKW,YAAalD,YAAWC,SAC/BsC,MAAKW,UAAWlD,YAAWI;QACtB,IAAImC,MAAKW,YAAalD,YAAWG,YAAW;IAEjDoC,MAAKW,UAAWlD,YAAWI;IAC3BqG,oBAAoBvF,QAAKoH,eAAgB7F,iBAAgBS,OAAQ;GAAC;GAKpE,IAAIvB,iBAAiBY,MAAKW,YAAalD,YAAWI,iBAC3C+G,kBAAkB;EACxB;EACFnF,EAAA,MAAAL;EAAAK,EAAA,MAAA4G;CAAA,OAAAA,MAAA5G,EAAA;CA3BD,MAAA8G,kBAAwBF;CA2BwE,IAAAG;CAAA,IAAA/G,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EACzDgG,OAAAC,YAAA;GACrC,IAAI/H,QAAQC,OAAmC,KAA3C,CAAmBsC,mBAAmBtC,OAAK,GAAC;GAGhD,IAAIqB,MAAKW,YAAalD,YAAWE,UAC1BiH,kBAAkB;EACxB;EACFnF,EAAA,MAAA+G;CAAA,OAAAA,MAAA/G,EAAA;CAPD,MAAAiH,qBAA2BF;CAOiB,IAAAG;CAAA,IAAAlH,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EACJmG,OAAAC,YAAA;GACtC,IAAI,CAAC3F,mBAAmBtC,OAAK,GAAC;GAGzBiG,kBAAkB;EAAC;EACzBnF,EAAA,MAAAkH;CAAA,OAAAA,MAAAlH,EAAA;CALD,MAAAoH,sBAA4BF;CAKgB,IAAAG;CAAA,IAAArH,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EACZsG,OAAAC,YAAA;GAC9B,IAAI/G,MAAKW,YAAalD,YAAWI,iBAAgB;IAC1C+G,kBAAkB;IAAC;GAAA;GAG1B,IAAI5E,MAAKW,YAAalD,YAAWE,UAAS;IAIxCuG,oBAAoBvF,QAAKoH,aAAc;IAClCnB,kBAAkB;GAAC;EACzB;EACFnF,EAAA,MAAAqH;CAAA,OAAAA,MAAArH,EAAA;CAZD,MAAAuH,cAAoBF;CAYyB,IAAAG;CAAA,IAAAxH,EAAA,QAAAc,OAAAC,IAAA,2BAAA,GAAA;EACPyG,YAAA;GAC/BrC,kBAAkB;EAAC;EACzBnF,EAAA,MAAAwH;CAAA,OAAAA,MAAAxH,EAAA;CAFD,MAAAyH,oBAA0BD;CAG1B,MAAA,EAAA7I,SAAA+I,aAAA9I,eAAA+I,mBAAA9I,iBAAA+I,qBAAA9I,eAAA+I,mBAAA9I,gBAAA+I,oBAAA9I,aAAA+I,oBAOIrI;CAAiB,IAAAsI;CAAA,IAAAhI,EAAA,QAAA0H,aAAA;EACOM,OAAAC,YAAA;GAC1BV,YAAYrI,OAAK;GACjBwI,cAAcxI,OAAK;EAAC;EACrBc,EAAA,MAAA0H;EAAA1H,EAAA,MAAAgI;CAAA,OAAAA,MAAAhI,EAAA;CAHD,MAAArB,UAAgBqJ;CAGe,IAAAE;CAAA,IAAAlI,EAAA,QAAA2H,mBAAA;EACGO,OAAAC,YAAA;GAChCV,kBAAkB;GAClBE,oBAAoBzI,OAAK;EAAC;EAC3Bc,EAAA,MAAA2H;EAAA3H,EAAA,MAAAkI;CAAA,OAAAA,MAAAlI,EAAA;CAHD,MAAApB,gBAAsBsJ;CAGqB,IAAAE;CAAA,IAAApI,EAAA,QAAA4H,qBAAA;EACPQ,OAAAC,aAAA;GAClCjB,oBAAoBlI,QAAK;GACzB0I,sBAAsB1I,QAAK;EAAC;EAC7Bc,EAAA,MAAA4H;EAAA5H,EAAA,MAAAoI;CAAA,OAAAA,MAAApI,EAAA;CAHD,MAAAnB,kBAAwBuJ;CAGuB,IAAAE;CAAA,IAAAtI,EAAA,QAAA6H,mBAAA;EACbS,OAAAC,aAAA;GAChC5B,kBAAkBzH,QAAK;GACvB2I,oBAAoB3I,QAAK;EAAC;EAC3Bc,EAAA,MAAA6H;EAAA7H,EAAA,MAAAsI;CAAA,OAAAA,MAAAtI,EAAA;CAHD,MAAAlB,gBAAsBwJ;CAGqB,IAAAE;CAAA,IAAAxI,EAAA,QAAA8H,oBAAA;EACRU,OAAAC,aAAA;GACjCxB,mBAAmB/H,QAAK;GACxB4I,qBAAqB5I,QAAK;EAAC;EAC5Bc,EAAA,MAAA8H;EAAA9H,EAAA,MAAAwI;CAAA,OAAAA,MAAAxI,EAAA;CAHD,MAAAjB,iBAAuByJ;CAGsB,IAAAE;CAAA,IAAA1I,EAAA,QAAA8G,mBAAA9G,EAAA,QAAA+H,iBAAA;EACbW,OAAAC,aAAA;GAC9B7B,gBAAgB5H,QAAK;GACrB6I,kBAAkB7I,QAAK;EAAC;EACzBc,EAAA,MAAA8G;EAAA9G,EAAA,MAAA+H;EAAA/H,EAAA,MAAA0I;CAAA,OAAAA,MAAA1I,EAAA;CAHD,MAAAhB,cAAoB0J;CAGmB,IAAAE;CAAA,IAAA5I,EAAA,QAAApB,iBAAAoB,EAAA,QAAAnB,mBAAAmB,EAAA,QAAAlB,iBAAAkB,EAAA,QAAAjB,kBAAAiB,EAAA,QAAAhB,aAAA;EAErB4J,MAAA;GAAAhK;GAAAC;GAAAC;GAAAC;GAAAC;EAMhB;EAACgB,EAAA,MAAApB;EAAAoB,EAAA,MAAAnB;EAAAmB,EAAA,MAAAlB;EAAAkB,EAAA,MAAAjB;EAAAiB,EAAA,MAAAhB;EAAAgB,EAAA,MAAA4I;CAAA,OAAAA,MAAA5I,EAAA;CAND,MAAA6I,UAAgBD;CAMd,IAAAE;CAAA,IAAA9I,EAAA,QAAAL,iBAAAK,EAAA,QAAArB,WAAAqB,EAAA,QAAA6I,SAAA;EACKC,MAAAnJ,gBAAAkJ,UAAA;GAAAlK;GAAA,GAEFkK;EACL;EAAC7I,EAAA,MAAAL;EAAAK,EAAA,MAAArB;EAAAqB,EAAA,MAAA6I;EAAA7I,EAAA,MAAA8I;CAAA,OAAAA,MAAA9I,EAAA;CAXH,MAAAJ,WAQEkJ;CAIuG,IAAAC;CAAA,IAAA/I,EAAA,QAAAI,SAAA;EAEzE2I,MAAAjM,MAAaM,OAAY4L,OAAQ5I,WAAWhD,OAAYgD,OAAQ;EAACJ,EAAA,MAAAI;EAAAJ,EAAA,MAAA+I;CAAA,OAAAA,MAAA/I,EAAA;CAAA,IAAAiJ;CAAA,IAAAjJ,EAAA,QAAA+I,KAAA;EADnEE,MAAA,oBAAA,QAAA;GAAkB,eAAA;GAAM,GAAKpL;GACrD,UAAA,oBAAA,QAAA;IAAWyC,KAAAA;IAAS,GAAMyI;GAAiE,CAAA;EACtF,CAAA;EAAA/I,EAAA,MAAA+I;EAAA/I,EAAA,MAAAiJ;CAAA,OAAAA,MAAAjJ,EAAA;CAFX,MAAAjC,UAA8BkL;CAEN,IAAAC;CAAA,IAAAlJ,EAAA,QAAAJ,YAAAI,EAAA,QAAAjC,SAAA;EAOamL,MAAA;GAAAtJ;GAAA7B;EAGrC;EAACiC,EAAA,MAAAJ;EAAAI,EAAA,MAAAjC;EAAAiC,EAAA,MAAAkJ;CAAA,OAAAA,MAAAlJ,EAAA;CAHD,MAAAmJ,gBAAqCD;CAGZ,IAAAE;CAAA,IAAApJ,EAAA,QAAAN,kBAAA;EACa0J,MAAA;GAAAxJ,UAC1BF;GAAgB3B,SACjB;EACX;EAACiC,EAAA,MAAAN;EAAAM,EAAA,MAAAoJ;CAAA,OAAAA,MAAApJ,EAAA;CAAuB,OACjBP,UAAA0J,gBAAAE;AAAwC;AA1TjD,SAAA9C,MAAA+C,WAAA;CAuLMpE,WAAWD,WAAS5H,iBAAgBkM,MAAO;AAAC"}

package/dist/hooks/useToggleGroupDisabled.js

@@ -0,0 +1,24 @@
+import { useContext } from "react";
+import { ToggleGroupStateContext } from "react-aria-components";
+//#region src/hooks/useToggleGroupDisabled.ts
+/**
+* Whether the React Aria `ToggleButtonGroup` around a toggle disables it.
+*
+* The group does that through its own state rather than through the toggle's
+* props, so it reaches the toggle's render state and nothing earlier. A
+* ripple has to know earlier than that, since its handlers go on the element
+* outside the render function, and this is where it reads the group.
+*
+* Only a toggle with an `id` belongs to the group: React Aria leaves one
+* without an `id` to keep its own state, enabled whatever the group says.
+* This follows the same rule, so a toggle the group does not disable keeps
+* its ripple.
+*/
+function useToggleGroupDisabled(id) {
+	const group = useContext(ToggleGroupStateContext);
+	return group !== null && id !== void 0 && group.isDisabled;
+}
+//#endregion
+export { useToggleGroupDisabled };
+
+//# sourceMappingURL=useToggleGroupDisabled.js.map

package/dist/hooks/useToggleGroupDisabled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleGroupDisabled.js","names":["Key","useContext","ToggleGroupStateContext","useToggleGroupDisabled","id","group","undefined","isDisabled"],"sources":["../../src/hooks/useToggleGroupDisabled.ts"],"sourcesContent":["import type { Key } from 'react-aria-components'\n\nimport { useContext } from 'react'\nimport { ToggleGroupStateContext } from 'react-aria-components'\n\n/**\n * Whether the React Aria `ToggleButtonGroup` around a toggle disables it.\n *\n * The group does that through its own state rather than through the toggle's\n * props, so it reaches the toggle's render state and nothing earlier. A\n * ripple has to know earlier than that, since its handlers go on the element\n * outside the render function, and this is where it reads the group.\n *\n * Only a toggle with an `id` belongs to the group: React Aria leaves one\n * without an `id` to keep its own state, enabled whatever the group says.\n * This follows the same rule, so a toggle the group does not disable keeps\n * its ripple.\n */\nfunction useToggleGroupDisabled(id: Key | undefined): boolean {\n  const group = useContext(ToggleGroupStateContext)\n  return group !== null && id !== undefined && group.isDisabled\n}\n\nexport { useToggleGroupDisabled }\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,SAAAG,uBAAAC,IAAA;CACE,MAAAC,QAAcJ,WAAWC,uBAAuB;CAAC,OAC1CG,UAAU,QAAQD,OAAOE,KAAAA,KAAaD,MAAKE;AAAW"}