@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/useStaticInputHandoff-Denoy4V_.js

@@ -0,0 +1,332 @@
+import { t as UIConfig } from "./uiConfig.context-BvBsrMFI.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
+import { t as Spinner } from "./Spinner-owSXOEzg.js";
+import { InlineIconButton } from "./components/inline-icon-button.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-BHPdCLEV.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-DYfZF2Ly.js";
+import { isValidElement, useId, useLayoutEffect, useRef, useState } from "react";
+import { useFocusRing as $32daac5f69beb98a$re_export$useFocusRing } from "react-aria/useFocusRing";
+import "react-aria/FocusScope";
+import "react-aria/private/interactions/focusSafely";
+import "react-aria/private/utils/isFocusable";
+import "react-aria/private/interactions/useFocusable";
+import "react-aria/Focusable";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { getFocusableTreeWalker as $32daac5f69beb98a$re_export$getFocusableTreeWalker } from "react-aria/private/focus/FocusScope";
+import "react-aria/FocusRing";
+import "react-aria/private/focus/useHasTabbableChild";
+import "react-aria/private/focus/virtualFocus";
+import "react-aria/useFocusable";
+//#region src/components/inputs/Skeleton/InputFrame.tsx
+const InputFrame = (props) => {
+	const ui = UIConfig.useConfig();
+	const inputBaseCva = UIOverrides.useCva("input.baseCva", inputBaseDefinition);
+	const inputSizeCva = UIOverrides.useCva("input.sizeCva", inputSizeDefinition);
+	const inputContentWrapperCva = UIOverrides.useCva("input.contentWrapperCva", inputContentWrapperDefinition);
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	const generatedInputId = useId();
+	const pendingStaticPressPointerIdRef = useRef(null);
+	const hoverHandoffFrameRef = useRef(null);
+	const cancelHoverHandoff = () => {
+		if (hoverHandoffFrameRef.current !== null) {
+			cancelAnimationFrame(hoverHandoffFrameRef.current);
+			hoverHandoffFrameRef.current = null;
+		}
+	};
+	useLayoutEffect(() => () => {
+		if (hoverHandoffFrameRef.current !== null) cancelAnimationFrame(hoverHandoffFrameRef.current);
+	}, []);
+	const { ref, children, formFieldRef, labelProps: labelPropsProp, headerProps, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isHeaderHidden, hideLabel: hideLabelProp, headerClassName, errorClassName, className, leadingContent, leadingIcon, actionContent, actionContentPlacement = "content-wrapper", trailingContent, trailingIcon, trailingAction, unit, isLoading, action, isClearable: isClearableProp, isClearableIfDisabled, showClear, onStaticInteract, onStaticPress, staticPressTarget = "frame", clearClassName, onClear, dataAttributes, typographySize, id: idProp, inputClassName, contentClassName, contentWrapperClassName, contentGroup = "input", contentAndTrailingClassName, wrapContentAndTrailing, wrapTrailingContent = true, reserveTrailingContent, labelPlacement = "content-wrapper", trailingClassName, onMouseEnter, onFocusCapture, variant: variantProp, as: asProp, size: sizeProp } = props;
+	const as = asProp ?? ui.input.as;
+	const size = sizeProp ?? ui.input.size;
+	const variant = variantProp ?? ui.input.variant;
+	const hideLabel = hideLabelProp ?? ui.input.hideLabel;
+	const hasClear = !!(isClearableProp ?? ui.input.isClearable);
+	const isLeadingIconElement = leadingIcon && isValidElement(leadingIcon);
+	const isTrailingIconElement = trailingIcon && isValidElement(trailingIcon);
+	const hasTrailingContent = reserveTrailingContent || hasClear || !!trailingContent || !!unit || !!isLoading || !!action || !!trailingIcon || !!trailingAction;
+	const isTrailingInteractive = !!action || !!trailingAction || !!isTrailingIconElement || hasClear && !!showClear || !!trailingContent;
+	const dataAttributeProps = getInputFrameDataAttributeProps(dataAttributes);
+	const baseLabelProps = headerProps?.labelProps ?? labelPropsProp;
+	const inputId = idProp ?? baseLabelProps?.htmlFor ?? `input-frame_${generatedInputId}`;
+	const labelProps = {
+		...baseLabelProps,
+		htmlFor: inputId
+	};
+	const formFieldProps = {
+		error,
+		label: label ?? "",
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: isHeaderHidden || as === "inline" || as === "filter" || as === "floating",
+		hideLabel,
+		isDisabled,
+		headerClassName,
+		errorClassName,
+		className
+	};
+	const resolvedHeaderProps = headerProps ? {
+		...headerProps,
+		labelProps
+	} : {
+		label: label ?? "",
+		tooltipText,
+		helperText,
+		isRequired,
+		rightContent,
+		isHeaderHidden: hideLabel || isHeaderHidden,
+		isDisabled,
+		className: headerClassName,
+		labelProps
+	};
+	const labelContent = as && ["filter", "floating"].includes(as) ? /* @__PURE__ */ jsx(FormFieldLabel, {
+		as,
+		size,
+		...resolvedHeaderProps
+	}) : null;
+	const resolvedContentWrapperClassName = contentWrapperClassName ?? inputContentWrapperCva({ as });
+	const isInputContentGroup = contentGroup === "input";
+	const contentRow = /* @__PURE__ */ jsxs("div", {
+		...dataAttributeProps,
+		className: clsx(isInputContentGroup && inputFrameContentGroupClassNames.input, "group/input-frame flex min-w-0 w-full items-center gap-input-gap-input-text-to-elements", inputSizeCva({
+			size,
+			as
+		}), typographySize && typographyCva({ size: typographySize }), contentClassName),
+		children: [
+			leadingContent,
+			leadingIcon && /* @__PURE__ */ jsx("div", {
+				className: clsx(!isLeadingIconElement && "pointer-events-none"),
+				children: renderIconVisual(leadingIcon)
+			}),
+			labelPlacement === "content-row" && labelContent,
+			actionContentPlacement === "content-row" && actionContent,
+			/* @__PURE__ */ jsxs("div", {
+				className: resolvedContentWrapperClassName,
+				children: [
+					labelPlacement === "content-wrapper" && labelContent,
+					actionContentPlacement === "content-wrapper" && actionContent,
+					typeof children === "function" ? children({
+						...dataAttributeProps,
+						id: inputId
+					}) : children
+				]
+			})
+		]
+	});
+	const trailingContentNodes = hasTrailingContent ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		hasClear && /* @__PURE__ */ jsx(InputClear, {
+			onClear: () => onClear?.(),
+			as,
+			className: clearClassName,
+			show: !!showClear && (!isDisabled || isClearableIfDisabled === true),
+			renderStatic: true
+		}),
+		trailingContent,
+		unit && /* @__PURE__ */ jsx("span", {
+			className: typographyCva({
+				size: "label-2",
+				sizeMobile: "label-2",
+				variant: "prominent-1",
+				className: "text-text-default-3"
+			}),
+			children: unit
+		}),
+		isLoading && /* @__PURE__ */ jsx("div", {
+			className: "inline-flex",
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}),
+		!isLoading && action && /* @__PURE__ */ jsx(InlineIconButton, {
+			color: "secondary",
+			icon: action.icon,
+			isDisabled,
+			onPress: () => {
+				if (onStaticPress) {
+					onStaticPress();
+					return;
+				}
+				action.onClick();
+			},
+			excludeFromTabOrder: true,
+			label: action.altText,
+			className: clsx("border-0!", action.className),
+			"data-static-press-action": ""
+		}),
+		!isLoading && !action && trailingIcon && renderIconVisual(trailingIcon),
+		trailingAction
+	] }) : null;
+	const trailingRow = wrapTrailingContent && trailingContentNodes ? /* @__PURE__ */ jsx("div", {
+		className: clsx("flex items-center gap-input-gap-trailing-elements", inputSizeCva({
+			size,
+			as
+		}), !isTrailingInteractive && "pointer-events-none", isDisabled && "text-interactive-text-secondary-disabled", trailingClassName),
+		children: trailingContentNodes
+	}) : trailingContentNodes;
+	const inputFrameContent = wrapContentAndTrailing ? /* @__PURE__ */ jsxs("div", {
+		className: clsx("flex w-full items-center gap-input-gap-input-text-to-elements", contentAndTrailingClassName),
+		children: [contentRow, trailingRow]
+	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [contentRow, trailingRow] });
+	const shouldReplayStaticPress = (target) => staticPressTarget === "frame" || target instanceof Element && !!target.closest("[data-static-press-action]");
+	const isStaticPressActionTarget = (target) => target instanceof Element && !!target.closest("[data-static-press-action]");
+	const isStaticClearActionTarget = (target) => target instanceof Element && !!target.closest("[data-static-clear-action]");
+	return /* @__PURE__ */ jsx(TooltipWrapper, {
+		as,
+		error,
+		triggerTabIndex: as === "inline" ? -1 : void 0,
+		children: /* @__PURE__ */ jsx(FormField, {
+			...formFieldProps,
+			...dataAttributeProps,
+			ref: formFieldRef,
+			as,
+			labelProps,
+			tabIndex: as === "inline" ? -1 : void 0,
+			onMouseEnter: (event) => {
+				onMouseEnter?.(event);
+				if (isStaticPressActionTarget(event.target)) return;
+				if (!onStaticInteract || pendingStaticPressPointerIdRef.current !== null) return;
+				cancelHoverHandoff();
+				const target = event.target;
+				hoverHandoffFrameRef.current = requestAnimationFrame(() => {
+					hoverHandoffFrameRef.current = null;
+					if (pendingStaticPressPointerIdRef.current === null) onStaticInteract(false, target);
+				});
+			},
+			onFocusCapture: (event) => {
+				onFocusCapture?.(event);
+				cancelHoverHandoff();
+				if (pendingStaticPressPointerIdRef.current == null && !isStaticClearActionTarget(event.target)) onStaticInteract?.(true, event.target, event.relatedTarget instanceof Node && !!(event.target.compareDocumentPosition(event.relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING));
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				ref,
+				...dataAttributeProps,
+				className: clsx("relative flex cursor-text has-disabled:cursor-default", !isInputContentGroup && inputFrameContentGroupClassNames[contentGroup], inputBaseCva({
+					variant,
+					as
+				}), inputClassName),
+				tabIndex: isDisabled ? -1 : 0,
+				onClick: (event) => {
+					if (isStaticClearActionTarget(event.target)) return;
+					if (onStaticPress && shouldReplayStaticPress(event.target)) {
+						onStaticPress();
+						return;
+					}
+					onStaticInteract?.(true, event.target);
+				},
+				onPointerDownCapture: (event) => {
+					cancelHoverHandoff();
+					if (onStaticPress && shouldReplayStaticPress(event.target) || isStaticPressActionTarget(event.target)) pendingStaticPressPointerIdRef.current = event.pointerId;
+				},
+				onPointerDown: (event) => {
+					if (isStaticClearActionTarget(event.target)) return;
+					if (pendingStaticPressPointerIdRef.current === event.pointerId) return;
+					if (onStaticPress && shouldReplayStaticPress(event.target)) {
+						pendingStaticPressPointerIdRef.current = event.pointerId;
+						return;
+					}
+					event.preventDefault();
+					onStaticInteract?.(true, event.target);
+				},
+				onPointerCancel: (event) => {
+					if (pendingStaticPressPointerIdRef.current === event.pointerId) pendingStaticPressPointerIdRef.current = null;
+				},
+				onPointerUp: (event) => {
+					if (pendingStaticPressPointerIdRef.current !== event.pointerId) return;
+					pendingStaticPressPointerIdRef.current = null;
+					onStaticPress?.();
+				},
+				"data-rac": "",
+				children: inputFrameContent
+			})
+		})
+	});
+};
+const inputFrameContentGroupClassNames = {
+	"date-picker": "group/date-picker-content",
+	input: "group/input-content",
+	select: "group/select-content"
+};
+const renderIconVisual = (icon) => {
+	if (isValidElement(icon)) return icon;
+	return /* @__PURE__ */ jsx(icon, { className: "size-6 text-interactive-text-secondary-idle" });
+};
+const getInputFrameDataAttributeProps = (dataAttributes) => ({
+	"data-is-empty": dataAttributes?.dataIsEmpty || void 0,
+	"data-is-filled": dataAttributes?.dataIsFilled || void 0,
+	"data-is-dirty": dataAttributes?.dataIsDirty || void 0,
+	"data-is-required": dataAttributes?.dataIsRequired || void 0,
+	"data-is-disabled": dataAttributes?.dataIsDisabled || void 0,
+	"data-disabled": dataAttributes?.dataDisabled || void 0,
+	"data-has-search": dataAttributes?.dataHasSearch || void 0,
+	"data-invalid": dataAttributes?.dataInvalid || void 0,
+	"data-has-selection": dataAttributes?.dataHasSelection || void 0
+});
+//#endregion
+//#region src/components/inputs/shared/useStaticInputHandoff.ts
+const useStaticInputHandoff = ({ inputRef, renderInput, setRenderInput, getFocusTarget, getPressTarget }) => {
+	const [shouldFocus, setShouldFocus] = useState(false);
+	const pendingStaticChangeRef = useRef(null);
+	const pendingStaticFocusTargetRef = useRef(null);
+	const focusFromEndRef = useRef(false);
+	const shouldReplayStaticPressRef = useRef(false);
+	useLayoutEffect(() => {
+		if (!renderInput || !shouldFocus) return;
+		const input = inputRef.current;
+		if (!input) return;
+		const pendingValue = pendingStaticChangeRef.current;
+		const focusTarget = getFocusTarget?.(input, pendingStaticFocusTargetRef.current, focusFromEndRef.current) ?? (input instanceof HTMLElement ? getStaticInputFocusTarget(input, focusFromEndRef.current) : input);
+		const replayPress = shouldReplayStaticPressRef.current;
+		pendingStaticChangeRef.current = null;
+		pendingStaticFocusTargetRef.current = null;
+		shouldReplayStaticPressRef.current = false;
+		setShouldFocus(false);
+		if (focusTarget instanceof HTMLInputElement && pendingValue != null) {
+			(Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(focusTarget, pendingValue);
+			focusTarget.dispatchEvent(new Event("input", { bubbles: true }));
+		}
+		focusTarget?.focus();
+		if (replayPress) (getPressTarget?.(input) ?? focusTarget)?.click();
+	}, [
+		getFocusTarget,
+		getPressTarget,
+		inputRef,
+		renderInput,
+		shouldFocus
+	]);
+	return {
+		renderRealInput: (focus, target, fromEnd = false) => {
+			if (!focus && shouldFocus) return;
+			focusFromEndRef.current = fromEnd;
+			pendingStaticFocusTargetRef.current = target ?? null;
+			setShouldFocus(focus);
+			setRenderInput(true);
+		},
+		replayStaticInputChange: (value) => {
+			pendingStaticChangeRef.current = value;
+			setShouldFocus(true);
+			setRenderInput(true);
+		},
+		replayStaticInputPress: () => {
+			shouldReplayStaticPressRef.current = true;
+			setShouldFocus(true);
+			setRenderInput(true);
+		}
+	};
+};
+const getStaticInputFocusTarget = (container, fromEnd = false) => {
+	const walker = $32daac5f69beb98a$re_export$getFocusableTreeWalker(container, { tabbable: true });
+	let target = walker.nextNode();
+	if (fromEnd) {
+		let next = walker.nextNode();
+		while (next) {
+			target = next;
+			next = walker.nextNode();
+		}
+	}
+	return target ?? container;
+};
+//#endregion
+export { InputFrame as i, useStaticInputHandoff as n, $32daac5f69beb98a$re_export$useFocusRing as r, getStaticInputFocusTarget as t };

package/dist/useSyncRef-Dsn4Ybiw.js

@@ -0,0 +1,338 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { i as $23f2114a1b82827e$export$e58f029f0fbfdb29, n as $23f2114a1b82827e$export$4282f70798064fe0, t as $c4867b2f328c2698$export$e5c5a5f917a5871c } from "./useLayoutEffect-DN7Dbrb9.js";
+import { a as $c7eafbbe1ea5834e$export$619500959fc48b26 } from "./focusSafely-BDIcvqPb.js";
+import { i as $2add3ce32c6007eb$export$9ac100e40613ea10 } from "./platform-3R53zj-n.js";
+import { t as $a4e76a5424781910$export$e08e3b67e392101e } from "./chain-BKPAL-J_.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/useValueEffect.mjs
+function $1a716630a9e3a599$export$14d238f342723f25(defaultValue) {
+	let [value, setValue] = useState(defaultValue);
+	let currValue = useRef(value);
+	let effect = useRef(null);
+	let nextRef = useRef(() => {
+		if (!effect.current) return;
+		let newValue = effect.current.next();
+		if (newValue.done) {
+			effect.current = null;
+			return;
+		}
+		if (currValue.current === newValue.value) nextRef.current();
+		else setValue(newValue.value);
+	});
+	$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+		currValue.current = value;
+		if (effect.current) nextRef.current();
+	});
+	return [value, useCallback((fn) => {
+		effect.current = fn(currValue.current);
+		nextRef.current();
+	}, [nextRef])];
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/useId.mjs
+let $390e54f620492c70$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
+let $390e54f620492c70$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
+let $390e54f620492c70$var$registry;
+if (typeof FinalizationRegistry !== "undefined") $390e54f620492c70$var$registry = new FinalizationRegistry((heldValue) => {
+	$390e54f620492c70$export$d41a04c74483c6ef.delete(heldValue);
+});
+let $390e54f620492c70$var$registeredIds = /* @__PURE__ */ new WeakMap();
+function $390e54f620492c70$export$f680877a34711e37(defaultId) {
+	let [value, setValue] = useState(defaultId);
+	let nextId = useRef(null);
+	let res = $c7eafbbe1ea5834e$export$619500959fc48b26(value);
+	let cleanupRef = useRef(null);
+	let registeredId = $390e54f620492c70$var$registeredIds.get(cleanupRef);
+	if ($390e54f620492c70$var$registry && registeredId !== res) {
+		if (registeredId != null) $390e54f620492c70$var$registry.unregister(cleanupRef);
+		$390e54f620492c70$var$registry.register(cleanupRef, res, cleanupRef);
+		$390e54f620492c70$var$registeredIds.set(cleanupRef, res);
+	}
+	if ($390e54f620492c70$var$canUseDOM) {
+		const cacheIdRef = $390e54f620492c70$export$d41a04c74483c6ef.get(res);
+		if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
+		else $390e54f620492c70$export$d41a04c74483c6ef.set(res, [nextId]);
+	}
+	$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+		let r = res;
+		return () => {
+			if ($390e54f620492c70$var$registry) {
+				$390e54f620492c70$var$registry.unregister(cleanupRef);
+				$390e54f620492c70$var$registeredIds.delete(cleanupRef);
+			}
+			$390e54f620492c70$export$d41a04c74483c6ef.delete(r);
+		};
+	}, [res]);
+	useEffect(() => {
+		let newId = nextId.current;
+		if (newId) setValue(newId);
+		return () => {
+			if (newId) nextId.current = null;
+		};
+	});
+	return res;
+}
+function $390e54f620492c70$export$cd8c9cb68f842629(idA, idB) {
+	if (idA === idB) return idA;
+	let setIdsA = $390e54f620492c70$export$d41a04c74483c6ef.get(idA);
+	if (setIdsA) {
+		setIdsA.forEach((ref) => ref.current = idB);
+		return idB;
+	}
+	let setIdsB = $390e54f620492c70$export$d41a04c74483c6ef.get(idB);
+	if (setIdsB) {
+		setIdsB.forEach((ref) => ref.current = idA);
+		return idA;
+	}
+	return idB;
+}
+function $390e54f620492c70$export$b4cc09c592e8fdb8(depArray = []) {
+	let id = $390e54f620492c70$export$f680877a34711e37();
+	let [resolvedId, setResolvedId] = $1a716630a9e3a599$export$14d238f342723f25(id);
+	let updateId = useCallback(() => {
+		setResolvedId(function* () {
+			yield id;
+			yield document.getElementById(id) ? id : void 0;
+		});
+	}, [id, setResolvedId]);
+	$c4867b2f328c2698$export$e5c5a5f917a5871c(updateId, [
+		id,
+		updateId,
+		...depArray
+	]);
+	return resolvedId;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/mergeRefs.mjs
+function $4064df0d6f9620e1$export$c9058316764c140e(...refs) {
+	if (refs.length === 1 && refs[0]) return refs[0];
+	return (value) => {
+		let hasCleanup = false;
+		const cleanups = refs.map((ref) => {
+			const cleanup = $4064df0d6f9620e1$var$setRef(ref, value);
+			hasCleanup ||= typeof cleanup == "function";
+			return cleanup;
+		});
+		if (hasCleanup) return () => {
+			cleanups.forEach((cleanup, i) => {
+				if (typeof cleanup === "function") cleanup();
+				else $4064df0d6f9620e1$var$setRef(refs[i], null);
+			});
+		};
+	};
+}
+function $4064df0d6f9620e1$var$setRef(ref, value) {
+	if (typeof ref === "function") return ref(value);
+	else if (ref != null) ref.current = value;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/mergeProps.mjs
+function $bbaa08b3cd72f041$export$9d1611c77c2fe928(...args) {
+	let result = { ...args[0] };
+	for (let i = 1; i < args.length; i++) {
+		let props = args[i];
+		for (let key in props) {
+			let a = result[key];
+			let b = props[key];
+			if (typeof a === "function" && typeof b === "function" && key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= 65 && key.charCodeAt(2) <= 90) result[key] = $a4e76a5424781910$export$e08e3b67e392101e(a, b);
+			else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = clsx(a, b);
+			else if (key === "id" && a && b) result.id = $390e54f620492c70$export$cd8c9cb68f842629(a, b);
+			else if (key === "ref" && a && b) result.ref = $4064df0d6f9620e1$export$c9058316764c140e(a, b);
+			else result[key] = b !== void 0 ? b : a;
+		}
+	}
+	return result;
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/interactions/createEventHandler.mjs
+function $8dba16319206abb6$export$48d1ea6320830260(handler) {
+	if (!handler) return void 0;
+	return (e) => {
+		let shouldStopPropagation = true;
+		handler({
+			...e,
+			preventDefault() {
+				e.preventDefault();
+			},
+			isDefaultPrevented() {
+				return e.isDefaultPrevented();
+			},
+			stopPropagation() {
+				if (shouldStopPropagation && true) console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+				else shouldStopPropagation = true;
+			},
+			continuePropagation() {
+				shouldStopPropagation = false;
+				if (typeof e.continuePropagation === "function") e.continuePropagation();
+			},
+			isPropagationStopped() {
+				return shouldStopPropagation;
+			}
+		});
+		if (shouldStopPropagation && !(typeof e.isPropagationStopped === "function" && e.isPropagationStopped())) e.stopPropagation();
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/interactions/createKeyboardShortcutHandler.mjs
+/** Modifier names in shortcut strings (case-insensitive). Order in the string does not matter. */ const $cbf729ad7eb217b0$var$MODIFIER_NAMES = /* @__PURE__ */ new Set([
+	"shift",
+	"alt",
+	"control",
+	"meta",
+	"mod"
+]);
+/** Canonical modifier order for stable keys (sorted, fixed order). */ const $cbf729ad7eb217b0$var$CANONICAL_MODIFIER_ORDER = [
+	"Alt",
+	"Control",
+	"Meta",
+	"Shift"
+];
+function $cbf729ad7eb217b0$export$9932402e211e7315(parsed) {
+	let set = /* @__PURE__ */ new Set();
+	if (parsed.alt) set.add("Alt");
+	if (parsed.shift) set.add("Shift");
+	if (parsed.ctrl) set.add("Control");
+	if (parsed.meta) set.add("Meta");
+	if (parsed.mod) set.add($2add3ce32c6007eb$export$9ac100e40613ea10() ? "Meta" : "Control");
+	return set;
+}
+function $cbf729ad7eb217b0$export$bf26c410e1f8fe6d(e) {
+	let set = /* @__PURE__ */ new Set();
+	if (e.altKey) set.add("Alt");
+	if (e.ctrlKey) set.add("Control");
+	if (e.metaKey) set.add("Meta");
+	if (e.shiftKey) set.add("Shift");
+	return set;
+}
+function $cbf729ad7eb217b0$var$sortedModifierTokens(set) {
+	return $cbf729ad7eb217b0$var$CANONICAL_MODIFIER_ORDER.filter((name) => set.has(name));
+}
+function $cbf729ad7eb217b0$export$d636f01a2eaffd51(spec) {
+	let parts = spec.split("+").reduce((prev, part) => {
+		let lower = part.toLowerCase();
+		if ($cbf729ad7eb217b0$var$MODIFIER_NAMES.has(lower)) {
+			if (lower === "shift") prev.shift = true;
+			else if (lower === "alt") prev.alt = true;
+			else if (lower === "control") prev.ctrl = true;
+			else if (lower === "meta") prev.meta = true;
+			else if (lower === "mod") prev.mod = true;
+		} else prev.key = part;
+		return prev;
+	}, {
+		shift: false,
+		alt: false,
+		ctrl: false,
+		meta: false,
+		mod: false,
+		key: ""
+	});
+	if (parts.key === "") throw new Error(`Invalid keyboard shortcut: "${spec}". Must include exactly one non-modifier key (e.g. "a", "Enter", "ArrowDown"). Combine any of Shift, Alt, Ctrl, Meta, and Mod.`);
+	return parts;
+}
+function $cbf729ad7eb217b0$var$normalizeEventKey(key) {
+	return key.toLowerCase();
+}
+/** Short aliases for common keys (shortcut side, before match). */ const $cbf729ad7eb217b0$var$KEY_ALIASES = {
+	space: " ",
+	esc: "escape",
+	del: "delete",
+	ins: "insert",
+	left: "arrowleft",
+	right: "arrowright",
+	up: "arrowup",
+	down: "arrowdown",
+	pageup: "pageup",
+	pagedown: "pagedown"
+};
+/** Canonical key segment (lowercase); aliases like `down` → `arrowdown`. */ function $cbf729ad7eb217b0$var$canonicalKeyFromSpecKey(specKey) {
+	let k = $cbf729ad7eb217b0$var$normalizeEventKey(specKey);
+	let aliased = $cbf729ad7eb217b0$var$KEY_ALIASES[k];
+	return aliased != null ? aliased : k;
+}
+function $cbf729ad7eb217b0$export$6cfa2ace150c84a5(parsed) {
+	let mods = $cbf729ad7eb217b0$var$sortedModifierTokens($cbf729ad7eb217b0$export$9932402e211e7315(parsed));
+	let key = $cbf729ad7eb217b0$var$canonicalKeyFromSpecKey(parsed.key);
+	return mods.length > 0 ? `${mods.join("+")}+${key}` : key;
+}
+function $cbf729ad7eb217b0$export$786304bda41dd69f(e) {
+	let mods = $cbf729ad7eb217b0$var$sortedModifierTokens($cbf729ad7eb217b0$export$bf26c410e1f8fe6d(e));
+	let key = $cbf729ad7eb217b0$var$normalizeEventKey(e.key);
+	return (mods.length > 0 ? `${mods.join("+")}+` : "") + key;
+}
+function $cbf729ad7eb217b0$export$2fd1fc8039383ae1(bindings) {
+	let map = /* @__PURE__ */ new Map();
+	for (let [spec, action] of Object.entries(bindings)) {
+		let parsed = $cbf729ad7eb217b0$export$d636f01a2eaffd51(spec);
+		map.set($cbf729ad7eb217b0$export$6cfa2ace150c84a5(parsed), action);
+	}
+	return (e) => {
+		let canonical = $cbf729ad7eb217b0$export$786304bda41dd69f(e);
+		let action = map.get(canonical);
+		let result = action?.(e);
+		if (result === void 0 && action !== void 0) result = {
+			shouldContinuePropagation: false,
+			shouldPreventDefault: true
+		};
+		else if (typeof result === "boolean") result = {
+			shouldContinuePropagation: !result,
+			shouldPreventDefault: result
+		};
+		if (result?.shouldPreventDefault) e.preventDefault();
+		if (!action || result?.shouldContinuePropagation) e.continuePropagation();
+	};
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/interactions/useKeyboard.mjs
+function $8296dad1a4c5e0dc$export$8f71654801c2f7cd(props) {
+	let { shortcuts, allowRepeats = false, allowComposing = false } = props;
+	let onKeyDown;
+	let onKeyUp;
+	if (shortcuts) {
+		let shortcutHandler = $cbf729ad7eb217b0$export$2fd1fc8039383ae1(shortcuts);
+		let shortcutOnKeyDown = $8dba16319206abb6$export$48d1ea6320830260((e) => {
+			if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) {
+				e.continuePropagation();
+				return;
+			}
+			if (e.nativeEvent?.repeat && !allowRepeats || e.nativeEvent?.isComposing && !allowComposing) {
+				e.continuePropagation();
+				return;
+			}
+			shortcutHandler(e);
+		});
+		let shortcutOnKeyUp = $8dba16319206abb6$export$48d1ea6320830260((e) => {
+			if (!$23f2114a1b82827e$export$4282f70798064fe0(e.currentTarget, $23f2114a1b82827e$export$e58f029f0fbfdb29(e))) {
+				e.continuePropagation();
+				return;
+			}
+			if (e.nativeEvent?.repeat && !allowRepeats || e.nativeEvent?.isComposing && !allowComposing) {
+				e.continuePropagation();
+				return;
+			}
+			e.continuePropagation();
+		});
+		onKeyDown = props.onKeyDown ? $a4e76a5424781910$export$e08e3b67e392101e(props.onKeyDown, shortcutOnKeyDown) : shortcutOnKeyDown;
+		onKeyUp = props.onKeyUp ? $a4e76a5424781910$export$e08e3b67e392101e(props.onKeyUp, shortcutOnKeyUp) : shortcutOnKeyUp;
+	} else {
+		onKeyDown = $8dba16319206abb6$export$48d1ea6320830260(props.onKeyDown);
+		onKeyUp = $8dba16319206abb6$export$48d1ea6320830260(props.onKeyUp);
+	}
+	return { keyboardProps: props.isDisabled ? {} : {
+		onKeyDown,
+		onKeyUp
+	} };
+}
+//#endregion
+//#region ../../node_modules/.bun/react-aria@3.51.0+67f6792bdf102c28/node_modules/react-aria/dist/private/utils/useSyncRef.mjs
+function $b7115c395c64f7b5$export$4debdb1a3f0fa79e(context, ref) {
+	$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
+		if (context && context.ref && ref) {
+			context.ref.current = ref.current;
+			return () => {
+				if (context.ref) context.ref.current = null;
+			};
+		}
+	});
+}
+//#endregion
+export { $390e54f620492c70$export$f680877a34711e37 as a, $390e54f620492c70$export$b4cc09c592e8fdb8 as i, $8296dad1a4c5e0dc$export$8f71654801c2f7cd as n, $bbaa08b3cd72f041$export$9d1611c77c2fe928 as r, $b7115c395c64f7b5$export$4debdb1a3f0fa79e as t };