@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Tooltip.js

@@ -0,0 +1,539 @@
+import { filterDOMProps, useRenderProps } from "./utils.js";
+import { createComponent, getNextElement, insert, isServer, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
+import { Show, createContext, createEffect, createMemo, createSignal, onCleanup, useContext } from "solid-js";
+import { OverlayContainer, createTooltip, createTooltipTrigger } from "@proyecto-viviana/solidaria";
+import { createTooltipTriggerState } from "@proyecto-viviana/solid-stately";
+//#region src/Tooltip.tsx
+/**
+* Tooltip component for solidaria-components
+*
+* A tooltip displays a description of an element on hover or focus.
+* Port of react-aria-components/src/Tooltip.tsx
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<span>`), _tmpl$2 = /*#__PURE__*/ template(`<div>`);
+const TooltipTriggerContext = createContext(null);
+const TooltipContext = TooltipTriggerContext;
+const TooltipTriggerStateContext = createContext(null);
+/**
+* TooltipTrigger wraps around a trigger element and a Tooltip.
+* It handles opening and closing the Tooltip when the user hovers
+* over or focuses the trigger.
+*
+* @example
+* ```tsx
+* <TooltipTrigger>
+*   <Button>Hover me</Button>
+*   <Tooltip>This is a tooltip</Tooltip>
+* </TooltipTrigger>
+* ```
+*/
+const TooltipTrigger = (props) => {
+	let triggerRef = null;
+	const [tooltipId, setTooltipId] = createSignal();
+	const state = createTooltipTriggerState({
+		get delay() {
+			return props.delay;
+		},
+		get closeDelay() {
+			return props.closeDelay;
+		},
+		get isOpen() {
+			return props.isOpen;
+		},
+		get defaultOpen() {
+			return props.defaultOpen;
+		},
+		get onOpenChange() {
+			return props.onOpenChange;
+		}
+	});
+	const { triggerProps, tooltipProps } = createTooltipTrigger({
+		get isDisabled() {
+			return props.isDisabled;
+		},
+		get trigger() {
+			return props.trigger;
+		},
+		get shouldCloseOnPress() {
+			return props.shouldCloseOnPress;
+		},
+		get tooltipId() {
+			return tooltipId();
+		}
+	}, state, () => triggerRef);
+	const context = {
+		state,
+		tooltipProps,
+		setTooltipId,
+		triggerRef: () => triggerRef,
+		placement: () => props.placement,
+		containerPadding: () => props.containerPadding,
+		crossOffset: () => props.crossOffset,
+		shouldFlip: () => props.shouldFlip,
+		isDisabled: () => props.isDisabled
+	};
+	const processChildren = () => {
+		const children = props.children;
+		if (Array.isArray(children)) {
+			const [trigger, ...rest] = children;
+			return [createComponent(TriggerWrapper, {
+				triggerProps,
+				ref: (el) => {
+					triggerRef = el;
+				},
+				children: trigger
+			}), rest];
+		}
+		return children;
+	};
+	return createComponent(TooltipTriggerStateContext.Provider, {
+		value: state,
+		get children() {
+			return createComponent(TooltipTriggerContext.Provider, {
+				value: context,
+				get children() {
+					return processChildren();
+				}
+			});
+		}
+	});
+};
+/**
+* Wrapper component that spreads trigger props onto its child
+*/
+const TriggerWrapper = (props) => {
+	const child = () => props.children;
+	const [triggerElement, setTriggerElement] = createSignal(null);
+	const [wrapperElement, setWrapperElement] = createSignal(null);
+	const getWrapperEventProps = () => {
+		const triggerProps = props.triggerProps;
+		const wrapperProps = {};
+		for (const propName of [
+			"onFocus",
+			"onBlur",
+			"onPointerEnter",
+			"onPointerLeave",
+			"onPointerOver",
+			"onPointerOut",
+			"onMouseEnter",
+			"onMouseLeave",
+			"onTouchStart",
+			"onPointerDown",
+			"onKeyDown"
+		]) {
+			const handler = triggerProps[propName];
+			if (typeof handler === "function") wrapperProps[propName] = handler;
+		}
+		if (!wrapperProps.onPointerEnter && typeof triggerProps.onMouseEnter === "function") wrapperProps.onPointerEnter = triggerProps.onMouseEnter;
+		if (!wrapperProps.onPointerLeave && typeof triggerProps.onMouseLeave === "function") wrapperProps.onPointerLeave = triggerProps.onMouseLeave;
+		return wrapperProps;
+	};
+	createEffect(() => {
+		const element = triggerElement();
+		if (!element) return;
+		const triggerProps = props.triggerProps;
+		const describedBy = triggerProps["aria-describedby"];
+		if (describedBy) element.setAttribute("aria-describedby", describedBy);
+		else element.removeAttribute("aria-describedby");
+		const wrapper = wrapperElement();
+		const targets = Array.from(new Set([element, wrapper].filter(Boolean)));
+		const listeners = [];
+		for (const [propName, eventName] of [
+			["onFocus", "focus"],
+			["onBlur", "blur"],
+			["onPointerEnter", "pointerenter"],
+			["onPointerLeave", "pointerleave"],
+			["onPointerOver", "pointerover"],
+			["onPointerOut", "pointerout"],
+			["onMouseEnter", "mouseenter"],
+			["onMouseLeave", "mouseleave"],
+			["onTouchStart", "touchstart"],
+			["onPointerDown", "pointerdown"],
+			["onKeyDown", "keydown"]
+		]) {
+			let handler = triggerProps[propName];
+			if (!handler && propName === "onPointerEnter") handler = triggerProps.onMouseEnter;
+			else if (!handler && propName === "onPointerLeave") handler = triggerProps.onMouseLeave;
+			if (typeof handler === "function") {
+				const listener = handler;
+				for (const target of targets) {
+					target.addEventListener(eventName, listener);
+					listeners.push([
+						target,
+						eventName,
+						listener
+					]);
+				}
+			}
+		}
+		onCleanup(() => {
+			for (const [target, eventName, listener] of listeners) target.removeEventListener(eventName, listener);
+			if (describedBy && element.getAttribute("aria-describedby") === describedBy) element.removeAttribute("aria-describedby");
+		});
+	});
+	const handleRef = (span) => {
+		setWrapperElement(span);
+		const findElementChild = (el) => {
+			for (const child of el.children) {
+				if (child instanceof HTMLElement) return child;
+				const found = findElementChild(child);
+				if (found) return found;
+			}
+			return null;
+		};
+		const findVisibleChild = (el) => {
+			if (el instanceof HTMLElement) {
+				const rect = el.getBoundingClientRect();
+				if (rect.width > 0 && rect.height > 0) return el;
+				for (const child of el.children) {
+					const found = findVisibleChild(child);
+					if (found) return found;
+				}
+			}
+			return null;
+		};
+		const resolveRef = () => {
+			const elementChild = findElementChild(span);
+			const visibleChild = findVisibleChild(span);
+			setTriggerElement(elementChild ?? visibleChild ?? span);
+			props.ref(visibleChild ?? elementChild ?? span);
+		};
+		const elementChild = findElementChild(span);
+		if (elementChild) setTriggerElement(elementChild);
+		const immediateChild = findVisibleChild(span);
+		if (immediateChild) {
+			setTriggerElement(elementChild ?? immediateChild);
+			props.ref(immediateChild);
+		} else requestAnimationFrame(resolveRef);
+	};
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		use(handleRef, _el$);
+		spread(_el$, mergeProps(getWrapperEventProps, { "style": { display: "contents" } }), false, true);
+		insert(_el$, child);
+		runHydrationEvents();
+		return _el$;
+	})();
+};
+/**
+* A tooltip displays a description of an element on hover or focus.
+*
+* @example
+* ```tsx
+* <TooltipTrigger>
+*   <Button>Hover me</Button>
+*   <Tooltip>This is helpful information</Tooltip>
+* </TooltipTrigger>
+* ```
+*/
+function Tooltip(props) {
+	const context = useContext(TooltipTriggerContext);
+	createEffect(() => {
+		context?.setTooltipId(props.id);
+		onCleanup(() => {
+			context?.setTooltipId(void 0);
+		});
+	});
+	const localState = createTooltipTriggerState({
+		get isOpen() {
+			return props.isOpen;
+		},
+		get defaultOpen() {
+			return props.defaultOpen;
+		}
+	});
+	const state = () => context?.state ?? localState;
+	const placement = () => props.placement ?? context?.placement() ?? "top";
+	const containerPadding = () => props.containerPadding ?? context?.containerPadding() ?? 12;
+	const crossOffset = () => props.crossOffset ?? context?.crossOffset() ?? 0;
+	const shouldFlip = () => props.shouldFlip ?? context?.shouldFlip() ?? true;
+	const offset = () => props.offset ?? 9;
+	const arrowSize = () => props.arrowSize ?? 0;
+	const arrowBoundaryOffset = () => props.arrowBoundaryOffset ?? 0;
+	const isDisabled = () => props.isDisabled ?? context?.isDisabled() ?? false;
+	const isOpen = () => !isDisabled() && state().isOpen();
+	const [exitState, setExitState] = createSignal(isOpen() ? "open" : "closed");
+	createEffect(() => {
+		const open = isOpen();
+		const current = exitState();
+		if (current === "open" && !open) setExitState("exiting");
+		else if ((current === "closed" || current === "exiting") && open) setExitState("open");
+	});
+	const [tooltipEl, setTooltipEl] = createSignal(null);
+	createEffect(() => {
+		if (exitState() !== "exiting") return;
+		const el = tooltipEl();
+		if (!el || !("getAnimations" in el)) {
+			setExitState("closed");
+			return;
+		}
+		const animations = el.getAnimations();
+		if (animations.length === 0) {
+			setExitState("closed");
+			return;
+		}
+		let canceled = false;
+		Promise.all(animations.map((a) => a.finished)).then(() => {
+			if (!canceled) setExitState((s) => s === "exiting" ? "closed" : s);
+		}).catch(() => {
+			if (!canceled) setExitState((s) => s === "exiting" ? "closed" : s);
+		});
+		onCleanup(() => {
+			canceled = true;
+		});
+	});
+	const shouldRender = () => isOpen() || exitState() === "exiting";
+	const isExiting = () => exitState() === "exiting";
+	return createComponent(Show, {
+		get when() {
+			return shouldRender();
+		},
+		get children() {
+			return createComponent(TooltipContent, mergeProps(props, {
+				get state() {
+					return state();
+				},
+				get contextTooltipProps() {
+					return context?.tooltipProps ?? {};
+				},
+				get placement() {
+					return placement();
+				},
+				get containerPadding() {
+					return containerPadding();
+				},
+				get crossOffset() {
+					return crossOffset();
+				},
+				get shouldFlip() {
+					return shouldFlip();
+				},
+				get offset() {
+					return offset();
+				},
+				get arrowSize() {
+					return arrowSize();
+				},
+				get arrowBoundaryOffset() {
+					return arrowBoundaryOffset();
+				},
+				get triggerRef() {
+					return context?.triggerRef ?? (() => null);
+				},
+				get isExiting() {
+					return isExiting();
+				},
+				onTooltipRef: setTooltipEl
+			}));
+		}
+	});
+}
+/**
+* Internal component that renders the tooltip content
+*/
+function TooltipContent(props) {
+	if (isServer) return null;
+	let tooltipRef;
+	const { tooltipProps: ariaTooltipProps } = createTooltip({}, props.state);
+	const [positionStyles, setPositionStyles] = createSignal({
+		top: "0px",
+		left: "0px",
+		visibility: "visible"
+	});
+	const [renderedPlacement, setRenderedPlacement] = createSignal(resolvePlacement(props.placement));
+	const [isEntering, setIsEntering] = createSignal(true);
+	createEffect(() => {
+		if (!isEntering()) return;
+		if (!tooltipRef || !("getAnimations" in tooltipRef)) {
+			setIsEntering(false);
+			return;
+		}
+		for (const anim of tooltipRef.getAnimations()) if (anim instanceof CSSTransition) anim.cancel();
+		const animations = tooltipRef.getAnimations();
+		if (animations.length === 0) {
+			setIsEntering(false);
+			return;
+		}
+		let canceled = false;
+		Promise.all(animations.map((a) => a.finished)).then(() => {
+			if (!canceled) setIsEntering(false);
+		}).catch(() => {
+			if (!canceled) setIsEntering(false);
+		});
+		onCleanup(() => {
+			canceled = true;
+		});
+	});
+	const values = createMemo(() => ({
+		isEntering: isEntering(),
+		isExiting: props.isExiting,
+		placement: renderedPlacement()
+	}));
+	const renderProps = useRenderProps({
+		class: props.class,
+		style: props.style,
+		get children() {
+			return props.children;
+		},
+		defaultClassName: "solidaria-Tooltip"
+	}, values);
+	const updatePosition = () => {
+		const triggerEl = props.triggerRef();
+		if (!triggerEl || !tooltipRef) return false;
+		const triggerRect = triggerEl.getBoundingClientRect();
+		if (triggerRect.width === 0 || triggerRect.height === 0) return false;
+		const tooltipWidth = tooltipRef.offsetWidth;
+		const tooltipHeight = tooltipRef.offsetHeight;
+		const viewportWidth = window.innerWidth;
+		const viewportHeight = window.innerHeight;
+		const containerPadding = props.containerPadding;
+		const crossOffset = props.crossOffset;
+		const placement = maybeFlipPlacement(resolvePlacement(props.placement), triggerRect, tooltipWidth, tooltipHeight, viewportWidth, viewportHeight, containerPadding, props.offset, props.shouldFlip);
+		let top = 0;
+		let left = 0;
+		switch (placement) {
+			case "top":
+				top = triggerRect.top - tooltipHeight - props.offset;
+				left = triggerRect.left + (triggerRect.width - tooltipWidth) / 2 + crossOffset;
+				break;
+			case "bottom":
+				top = triggerRect.bottom + props.offset;
+				left = triggerRect.left + (triggerRect.width - tooltipWidth) / 2 + crossOffset;
+				break;
+			case "left":
+				top = triggerRect.top + (triggerRect.height - tooltipHeight) / 2 + crossOffset;
+				left = triggerRect.left - tooltipWidth - props.offset;
+				break;
+			case "right":
+				top = triggerRect.top + (triggerRect.height - tooltipHeight) / 2 + crossOffset;
+				left = triggerRect.right + props.offset;
+				break;
+		}
+		if (placement === "top" || placement === "bottom") {
+			left = clamp(left, triggerRect.left - tooltipWidth + props.arrowSize + props.arrowBoundaryOffset, triggerRect.left + triggerRect.width - props.arrowSize - props.arrowBoundaryOffset);
+			left = clamp(left, containerPadding, viewportWidth - tooltipWidth - containerPadding);
+		} else {
+			top = clamp(top, triggerRect.top - tooltipHeight + props.arrowSize + props.arrowBoundaryOffset, triggerRect.top + triggerRect.height - props.arrowSize - props.arrowBoundaryOffset);
+			top = clamp(top, containerPadding, viewportHeight - tooltipHeight - containerPadding);
+		}
+		setRenderedPlacement(placement);
+		setPositionStyles({
+			top: `${Math.floor(top + window.scrollY)}px`,
+			left: `${Math.floor(left + window.scrollX)}px`,
+			visibility: "visible"
+		});
+		return true;
+	};
+	createEffect(() => {
+		props.placement;
+		props.containerPadding;
+		props.crossOffset;
+		props.shouldFlip;
+		props.offset;
+		props.arrowSize;
+		props.arrowBoundaryOffset;
+		let retryCount = 0;
+		const maxRetries = 5;
+		let pendingRaf = 0;
+		let pendingTimeout = 0;
+		const tryUpdatePosition = () => {
+			pendingRaf = 0;
+			pendingTimeout = 0;
+			if (!updatePosition() && retryCount < maxRetries) {
+				retryCount++;
+				pendingTimeout = window.setTimeout(tryUpdatePosition, 16);
+			}
+		};
+		pendingRaf = requestAnimationFrame(tryUpdatePosition);
+		const closeOnScroll = (event) => {
+			const trigger = props.triggerRef();
+			const target = event.target;
+			if (!trigger || target instanceof Node && !target.contains(trigger)) return;
+			if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return;
+			props.state.close(true);
+		};
+		window.addEventListener("scroll", closeOnScroll, true);
+		window.addEventListener("resize", updatePosition);
+		onCleanup(() => {
+			if (pendingRaf) cancelAnimationFrame(pendingRaf);
+			if (pendingTimeout) clearTimeout(pendingTimeout);
+			window.removeEventListener("scroll", closeOnScroll, true);
+			window.removeEventListener("resize", updatePosition);
+		});
+	});
+	const domProps = filterDOMProps(props, { global: true });
+	const tooltipId = () => props.contextTooltipProps.id ?? domProps.id;
+	const { ref: _ariaRef, ...cleanAriaProps } = ariaTooltipProps;
+	const setRef = (el) => {
+		tooltipRef = el;
+		if (!props.dir) el.dir = getDocumentDirection();
+		if (!props.lang) {
+			const documentLang = document.documentElement.lang;
+			const navigatorLang = typeof navigator !== "undefined" ? navigator.language : "";
+			el.lang = documentLang.includes("-") ? documentLang : navigatorLang || documentLang || "en-US";
+		}
+		props.onTooltipRef(el);
+	};
+	onCleanup(() => {
+		props.onTooltipRef(null);
+	});
+	return createComponent(OverlayContainer, { get children() {
+		var _el$2 = getNextElement(_tmpl$2);
+		use(setRef, _el$2);
+		spread(_el$2, mergeProps(domProps, cleanAriaProps, {
+			get id() {
+				return tooltipId();
+			},
+			"role": "tooltip",
+			get ["class"]() {
+				return renderProps.class();
+			},
+			get style() {
+				return {
+					position: "absolute",
+					"z-index": 1e5,
+					...positionStyles(),
+					...renderProps.style()
+				};
+			},
+			get ["data-placement"]() {
+				return renderedPlacement();
+			},
+			get ["data-entering"]() {
+				return isEntering() || void 0;
+			},
+			get ["data-exiting"]() {
+				return props.isExiting || void 0;
+			}
+		}), false, true);
+		insert(_el$2, () => renderProps.renderChildren());
+		runHydrationEvents();
+		return _el$2;
+	} });
+}
+function resolvePlacement(placement) {
+	if (placement === "start") return getDocumentDirection() === "rtl" ? "right" : "left";
+	if (placement === "end") return getDocumentDirection() === "rtl" ? "left" : "right";
+	return placement;
+}
+function getDocumentDirection() {
+	if (typeof document === "undefined") return "ltr";
+	return document.documentElement.dir === "rtl" ? "rtl" : "ltr";
+}
+function maybeFlipPlacement(placement, triggerRect, tooltipWidth, tooltipHeight, viewportWidth, viewportHeight, containerPadding, offset, shouldFlip) {
+	if (!shouldFlip) return placement;
+	switch (placement) {
+		case "top": return triggerRect.top - tooltipHeight - offset < containerPadding ? "bottom" : placement;
+		case "bottom": return triggerRect.bottom + tooltipHeight + offset > viewportHeight - containerPadding ? "top" : placement;
+		case "left": return triggerRect.left - tooltipWidth - offset < containerPadding ? "right" : placement;
+		case "right": return triggerRect.right + tooltipWidth + offset > viewportWidth - containerPadding ? "left" : placement;
+	}
+}
+function clamp(value, min, max) {
+	if (max < min) return min;
+	return Math.min(Math.max(value, min), max);
+}
+//#endregion
+export { Tooltip, TooltipContext, TooltipTrigger, TooltipTriggerStateContext };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["JSX","ParentComponent","createContext","useContext","createMemo","createSignal","createEffect","onCleanup","Show","isServer","createTooltipTriggerState","TooltipTriggerState","TooltipTriggerProps","StateProps","createTooltip","createTooltipTrigger","AriaProps","OverlayContainer","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","TooltipRenderProps","isEntering","isExiting","placement","TooltipResolvedPlacement","TooltipPlacement","TooltipTriggerComponentProps","children","Element","containerPadding","crossOffset","shouldFlip","TooltipProps","id","class","style","isOpen","defaultOpen","offset","arrowSize","arrowBoundaryOffset","isDisabled","lang","dir","TooltipTriggerContextValue","state","tooltipProps","setTooltipId","triggerRef","HTMLElement","TooltipTriggerContext","TooltipContext","TooltipTriggerStateContext","TooltipTrigger","props","tooltipId","delay","closeDelay","onOpenChange","triggerProps","trigger","shouldCloseOnPress","context","processChildren","Array","isArray","rest","_$createComponent","TriggerWrapper","ref","el","Provider","value","HTMLAttributes","child","triggerElement","setTriggerElement","wrapperElement","setWrapperElement","HTMLSpanElement","getWrapperEventProps","Record","wrapperProps","eventPropNames","propName","handler","onPointerEnter","onMouseEnter","onPointerLeave","onMouseLeave","element","describedBy","setAttribute","removeAttribute","wrapper","targets","from","Set","filter","Boolean","listeners","EventListener","eventProps","const","eventName","listener","target","addEventListener","push","removeEventListener","getAttribute","handleRef","span","findElementChild","found","findVisibleChild","rect","getBoundingClientRect","width","height","resolveRef","elementChild","visibleChild","immediateChild","requestAnimationFrame","_el$","_$getNextElement","_tmpl$","_$use","_$spread","_$mergeProps","display","_$insert","_$runHydrationEvents","Tooltip","undefined","localState","exitState","setExitState","open","current","tooltipEl","setTooltipEl","HTMLDivElement","animations","getAnimations","length","canceled","Promise","all","map","a","finished","then","s","catch","shouldRender","when","TooltipContent","contextTooltipProps","onTooltipRef","tooltipRef","ariaTooltipProps","positionStyles","setPositionStyles","top","left","visibility","renderedPlacement","setRenderedPlacement","resolvePlacement","setIsEntering","anim","CSSTransition","cancel","values","renderProps","defaultClassName","updatePosition","triggerEl","triggerRect","tooltipWidth","offsetWidth","tooltipHeight","offsetHeight","viewportWidth","window","innerWidth","viewportHeight","innerHeight","maybeFlipPlacement","bottom","right","clamp","Math","floor","scrollY","scrollX","retryCount","maxRetries","pendingRaf","pendingTimeout","tryUpdatePosition","success","setTimeout","closeOnScroll","event","Event","Node","contains","HTMLInputElement","HTMLTextAreaElement","close","cancelAnimationFrame","clearTimeout","domProps","global","_ariaRef","cleanAriaProps","setRef","getDocumentDirection","documentLang","document","documentElement","navigatorLang","navigator","language","includes","_el$2","_tmpl$2","position","data-placement","data-entering","data-exiting","renderChildren","DOMRect","min","max"],"sources":["../src/Tooltip.tsx"],"sourcesContent":["/**\n * Tooltip component for solidaria-components\n *\n * A tooltip displays a description of an element on hover or focus.\n * Port of react-aria-components/src/Tooltip.tsx\n */\n\nimport {\n  type JSX,\n  type ParentComponent,\n  createContext,\n  useContext,\n  createMemo,\n  createSignal,\n  createEffect,\n  onCleanup,\n  Show,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport {\n  createTooltipTriggerState,\n  type TooltipTriggerState,\n  type TooltipTriggerProps as StateProps,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  createTooltip,\n  createTooltipTrigger,\n  type TooltipTriggerProps as AriaProps,\n  OverlayContainer,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n} from \"./utils\";\n\nexport interface TooltipRenderProps {\n  /** Whether the tooltip is currently entering (for animations). */\n  isEntering: boolean;\n  /** Whether the tooltip is currently exiting (for animations). */\n  isExiting: boolean;\n  /** The placement of the tooltip relative to the trigger. */\n  placement: TooltipResolvedPlacement | null;\n}\n\nexport type TooltipPlacement = \"top\" | \"bottom\" | \"left\" | \"right\" | \"start\" | \"end\";\nexport type TooltipResolvedPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface TooltipTriggerComponentProps extends StateProps, AriaProps {\n  /** The children of the tooltip trigger (trigger element and tooltip). */\n  children: JSX.Element;\n  /** The placement of the tooltip relative to the trigger. */\n  placement?: TooltipPlacement;\n  /** The placement padding between the tooltip and viewport edge. */\n  containerPadding?: number;\n  /** The additional offset along the cross axis. */\n  crossOffset?: number;\n  /** Whether the tooltip should flip when there is insufficient room. */\n  shouldFlip?: boolean;\n}\n\nexport interface TooltipProps extends SlotProps {\n  /** The element id. */\n  id?: string;\n  /** Custom aria-label for the tooltip. */\n  \"aria-label\"?: string;\n  /** ID of an element that labels the tooltip. */\n  \"aria-labelledby\"?: string;\n  /** ID of an element that describes the tooltip. */\n  \"aria-describedby\"?: string;\n  /** ID of an element that provides details for the tooltip. */\n  \"aria-details\"?: string;\n  /** The children of the tooltip. A function may be provided to receive render props. */\n  children?: RenderChildren<TooltipRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<TooltipRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<TooltipRenderProps>;\n  /** Whether the tooltip is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the tooltip is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** The placement of the tooltip relative to the trigger. */\n  placement?: TooltipPlacement;\n  /** The placement padding between the tooltip and viewport edge. */\n  containerPadding?: number;\n  /** The additional offset along the cross axis. */\n  crossOffset?: number;\n  /** Whether the tooltip should flip when there is insufficient room. */\n  shouldFlip?: boolean;\n  /** The offset between the tooltip and trigger. */\n  offset?: number;\n  /** The arrow size used to keep the arrow overlapping the trigger. */\n  arrowSize?: number;\n  /** The padding between the arrow and tooltip edge. */\n  arrowBoundaryOffset?: number;\n  /** Whether the tooltip should be disabled. */\n  isDisabled?: boolean;\n  /** The element language. */\n  lang?: string;\n  /** The text direction. */\n  dir?: \"ltr\" | \"rtl\";\n}\n\ninterface TooltipTriggerContextValue {\n  state: TooltipTriggerState;\n  tooltipProps: { readonly id: string };\n  setTooltipId: (id: string | undefined) => void;\n  triggerRef: () => HTMLElement | null | undefined;\n  placement: () => TooltipPlacement | undefined;\n  containerPadding: () => number | undefined;\n  crossOffset: () => number | undefined;\n  shouldFlip: () => boolean | undefined;\n  isDisabled: () => boolean | undefined;\n}\n\nconst TooltipTriggerContext = createContext<TooltipTriggerContextValue | null>(null);\nexport const TooltipContext = TooltipTriggerContext;\nexport const TooltipTriggerStateContext = createContext<TooltipTriggerState | null>(null);\n\n/**\n * TooltipTrigger wraps around a trigger element and a Tooltip.\n * It handles opening and closing the Tooltip when the user hovers\n * over or focuses the trigger.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>This is a tooltip</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport const TooltipTrigger: ParentComponent<TooltipTriggerComponentProps> = (props) => {\n  let triggerRef: HTMLElement | null = null;\n  const [tooltipId, setTooltipId] = createSignal<string | undefined>();\n\n  const state = createTooltipTriggerState({\n    get delay() {\n      return props.delay;\n    },\n    get closeDelay() {\n      return props.closeDelay;\n    },\n    get isOpen() {\n      return props.isOpen;\n    },\n    get defaultOpen() {\n      return props.defaultOpen;\n    },\n    get onOpenChange() {\n      return props.onOpenChange;\n    },\n  });\n\n  const { triggerProps, tooltipProps } = createTooltipTrigger(\n    {\n      get isDisabled() {\n        return props.isDisabled;\n      },\n      get trigger() {\n        return props.trigger;\n      },\n      get shouldCloseOnPress() {\n        return props.shouldCloseOnPress;\n      },\n      get tooltipId() {\n        return tooltipId();\n      },\n    },\n    state,\n    () => triggerRef,\n  );\n\n  const context: TooltipTriggerContextValue = {\n    state,\n    tooltipProps,\n    setTooltipId,\n    triggerRef: () => triggerRef,\n    placement: () => props.placement,\n    containerPadding: () => props.containerPadding,\n    crossOffset: () => props.crossOffset,\n    shouldFlip: () => props.shouldFlip,\n    isDisabled: () => props.isDisabled,\n  };\n\n  const processChildren = () => {\n    const children = props.children;\n    if (Array.isArray(children)) {\n      const [trigger, ...rest] = children;\n      return (\n        <>\n          <TriggerWrapper\n            triggerProps={triggerProps}\n            ref={(el) => {\n              triggerRef = el;\n            }}\n          >\n            {trigger}\n          </TriggerWrapper>\n          {rest}\n        </>\n      );\n    }\n    return children;\n  };\n\n  return (\n    <TooltipTriggerStateContext.Provider value={state}>\n      <TooltipTriggerContext.Provider value={context}>\n        {processChildren()}\n      </TooltipTriggerContext.Provider>\n    </TooltipTriggerStateContext.Provider>\n  );\n};\n\n/**\n * Wrapper component that spreads trigger props onto its child\n */\nconst TriggerWrapper: ParentComponent<{\n  triggerProps: JSX.HTMLAttributes<HTMLElement>;\n  ref: (el: HTMLElement) => void;\n}> = (props) => {\n  const child = () => props.children as JSX.Element;\n  const [triggerElement, setTriggerElement] = createSignal<HTMLElement | null>(null);\n  const [wrapperElement, setWrapperElement] = createSignal<HTMLSpanElement | null>(null);\n  const getWrapperEventProps = () => {\n    const triggerProps = props.triggerProps as Record<string, unknown>;\n    const wrapperProps: Record<string, unknown> = {};\n    const eventPropNames = [\n      \"onFocus\",\n      \"onBlur\",\n      \"onPointerEnter\",\n      \"onPointerLeave\",\n      \"onPointerOver\",\n      \"onPointerOut\",\n      \"onMouseEnter\",\n      \"onMouseLeave\",\n      \"onTouchStart\",\n      \"onPointerDown\",\n      \"onKeyDown\",\n    ];\n\n    for (const propName of eventPropNames) {\n      const handler = triggerProps[propName];\n      if (typeof handler === \"function\") {\n        wrapperProps[propName] = handler;\n      }\n    }\n\n    if (!wrapperProps.onPointerEnter && typeof triggerProps.onMouseEnter === \"function\") {\n      wrapperProps.onPointerEnter = triggerProps.onMouseEnter;\n    }\n    if (!wrapperProps.onPointerLeave && typeof triggerProps.onMouseLeave === \"function\") {\n      wrapperProps.onPointerLeave = triggerProps.onMouseLeave;\n    }\n\n    return wrapperProps as JSX.HTMLAttributes<HTMLSpanElement>;\n  };\n\n  createEffect(() => {\n    const element = triggerElement();\n    if (!element) {\n      return;\n    }\n\n    const triggerProps = props.triggerProps as Record<string, unknown>;\n    const describedBy = triggerProps[\"aria-describedby\"] as string | undefined;\n    if (describedBy) {\n      element.setAttribute(\"aria-describedby\", describedBy);\n    } else {\n      element.removeAttribute(\"aria-describedby\");\n    }\n\n    const wrapper = wrapperElement();\n    const targets = Array.from(new Set([element, wrapper].filter(Boolean))) as HTMLElement[];\n    const listeners: Array<[HTMLElement, string, EventListener]> = [];\n    const eventProps = [\n      [\"onFocus\", \"focus\"],\n      [\"onBlur\", \"blur\"],\n      [\"onPointerEnter\", \"pointerenter\"],\n      [\"onPointerLeave\", \"pointerleave\"],\n      [\"onPointerOver\", \"pointerover\"],\n      [\"onPointerOut\", \"pointerout\"],\n      [\"onMouseEnter\", \"mouseenter\"],\n      [\"onMouseLeave\", \"mouseleave\"],\n      [\"onTouchStart\", \"touchstart\"],\n      [\"onPointerDown\", \"pointerdown\"],\n      [\"onKeyDown\", \"keydown\"],\n    ] as const;\n\n    for (const [propName, eventName] of eventProps) {\n      let handler = triggerProps[propName];\n      if (!handler && propName === \"onPointerEnter\") {\n        handler = triggerProps.onMouseEnter;\n      } else if (!handler && propName === \"onPointerLeave\") {\n        handler = triggerProps.onMouseLeave;\n      }\n      if (typeof handler === \"function\") {\n        const listener = handler as EventListener;\n        for (const target of targets) {\n          target.addEventListener(eventName, listener);\n          listeners.push([target, eventName, listener]);\n        }\n      }\n    }\n\n    onCleanup(() => {\n      for (const [target, eventName, listener] of listeners) {\n        target.removeEventListener(eventName, listener);\n      }\n      if (describedBy && element.getAttribute(\"aria-describedby\") === describedBy) {\n        element.removeAttribute(\"aria-describedby\");\n      }\n    });\n  });\n\n  // We wrap in a span with display:contents to not affect layout.\n  // However, display:contents makes getBoundingClientRect return zeros,\n  // so we pass a ref callback that finds the first actual element child.\n  const handleRef = (span: HTMLSpanElement) => {\n    setWrapperElement(span);\n\n    const findElementChild = (el: Element): HTMLElement | null => {\n      for (const child of el.children) {\n        if (child instanceof HTMLElement) {\n          return child;\n        }\n        const found = findElementChild(child);\n        if (found) return found;\n      }\n      return null;\n    };\n\n    // Find the first element child that has dimensions (not display:contents)\n    const findVisibleChild = (el: Element): HTMLElement | null => {\n      if (el instanceof HTMLElement) {\n        const rect = el.getBoundingClientRect();\n        if (rect.width > 0 && rect.height > 0) {\n          return el;\n        }\n        for (const child of el.children) {\n          const found = findVisibleChild(child);\n          if (found) return found;\n        }\n      }\n      return null;\n    };\n\n    // Use requestAnimationFrame to ensure children are rendered and have dimensions\n    // This is necessary because SolidJS may not have computed child layout yet\n    const resolveRef = () => {\n      const elementChild = findElementChild(span);\n      const visibleChild = findVisibleChild(span);\n      setTriggerElement(elementChild ?? visibleChild ?? span);\n      props.ref(visibleChild ?? elementChild ?? span);\n    };\n\n    const elementChild = findElementChild(span);\n    if (elementChild) {\n      setTriggerElement(elementChild);\n    }\n\n    const immediateChild = findVisibleChild(span);\n    if (immediateChild) {\n      setTriggerElement(elementChild ?? immediateChild);\n      props.ref(immediateChild);\n    } else {\n      requestAnimationFrame(resolveRef);\n    }\n  };\n\n  return (\n    <span {...getWrapperEventProps()} ref={handleRef} style={{ display: \"contents\" }}>\n      {child()}\n    </span>\n  );\n};\n\n/**\n * A tooltip displays a description of an element on hover or focus.\n *\n * @example\n * ```tsx\n * <TooltipTrigger>\n *   <Button>Hover me</Button>\n *   <Tooltip>This is helpful information</Tooltip>\n * </TooltipTrigger>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const context = useContext(TooltipTriggerContext);\n\n  createEffect(() => {\n    context?.setTooltipId(props.id);\n    onCleanup(() => {\n      context?.setTooltipId(undefined);\n    });\n  });\n\n  const localState = createTooltipTriggerState({\n    get isOpen() {\n      return props.isOpen;\n    },\n    get defaultOpen() {\n      return props.defaultOpen;\n    },\n  });\n\n  const state = () => context?.state ?? localState;\n  const placement = () => props.placement ?? context?.placement() ?? \"top\";\n  const containerPadding = () => props.containerPadding ?? context?.containerPadding() ?? 12;\n  const crossOffset = () => props.crossOffset ?? context?.crossOffset() ?? 0;\n  const shouldFlip = () => props.shouldFlip ?? context?.shouldFlip() ?? true;\n  const offset = () => props.offset ?? 9;\n  const arrowSize = () => props.arrowSize ?? 0;\n  const arrowBoundaryOffset = () => props.arrowBoundaryOffset ?? 0;\n  const isDisabled = () => props.isDisabled ?? context?.isDisabled() ?? false;\n\n  const isOpen = () => !isDisabled() && state().isOpen();\n\n  // Exit animation state machine: 'closed' | 'open' | 'exiting'\n  // Keeps the tooltip mounted during exit animation so CSS transitions can play.\n  const [exitState, setExitState] = createSignal<\"closed\" | \"open\" | \"exiting\">(\n    isOpen() ? \"open\" : \"closed\",\n  );\n\n  createEffect(() => {\n    const open = isOpen();\n    const current = exitState();\n    if (current === \"open\" && !open) {\n      setExitState(\"exiting\");\n    } else if ((current === \"closed\" || current === \"exiting\") && open) {\n      setExitState(\"open\");\n    }\n  });\n\n  // Signal for the tooltip ref so we can observe exit animations\n  const [tooltipEl, setTooltipEl] = createSignal<HTMLDivElement | null>(null);\n\n  // When exiting, wait for CSS animations to finish, then set state to closed\n  createEffect(() => {\n    if (exitState() !== \"exiting\") return;\n    const el = tooltipEl();\n    if (!el || !(\"getAnimations\" in el)) {\n      setExitState(\"closed\");\n      return;\n    }\n    const animations = el.getAnimations();\n    if (animations.length === 0) {\n      setExitState(\"closed\");\n      return;\n    }\n    let canceled = false;\n    Promise.all(animations.map((a) => a.finished))\n      .then(() => {\n        if (!canceled) setExitState((s) => (s === \"exiting\" ? \"closed\" : s));\n      })\n      .catch(() => {\n        if (!canceled) setExitState((s) => (s === \"exiting\" ? \"closed\" : s));\n      });\n    onCleanup(() => {\n      canceled = true;\n    });\n  });\n\n  const shouldRender = () => isOpen() || exitState() === \"exiting\";\n  const isExiting = () => exitState() === \"exiting\";\n\n  return (\n    <Show when={shouldRender()}>\n      <TooltipContent\n        {...props}\n        state={state()}\n        contextTooltipProps={context?.tooltipProps ?? {}}\n        placement={placement()}\n        containerPadding={containerPadding()}\n        crossOffset={crossOffset()}\n        shouldFlip={shouldFlip()}\n        offset={offset()}\n        arrowSize={arrowSize()}\n        arrowBoundaryOffset={arrowBoundaryOffset()}\n        triggerRef={context?.triggerRef ?? (() => null)}\n        isExiting={isExiting()}\n        onTooltipRef={setTooltipEl}\n      />\n    </Show>\n  );\n}\n\n/**\n * Internal component that renders the tooltip content\n */\nfunction TooltipContent(\n  props: TooltipProps & {\n    state: TooltipTriggerState;\n    contextTooltipProps: { readonly id?: string };\n    placement: TooltipPlacement;\n    containerPadding: number;\n    crossOffset: number;\n    shouldFlip: boolean;\n    offset: number;\n    arrowSize: number;\n    arrowBoundaryOffset: number;\n    triggerRef: () => HTMLElement | null | undefined;\n    isExiting: boolean;\n    onTooltipRef: (el: HTMLDivElement | null) => void;\n  },\n): JSX.Element {\n  if (isServer) {\n    return null as unknown as JSX.Element;\n  }\n\n  let tooltipRef!: HTMLDivElement;\n  const { tooltipProps: ariaTooltipProps } = createTooltip({}, props.state);\n\n  // Start visible at 0,0 and update position asynchronously\n  // This ensures the tooltip is immediately accessible (for screen readers and tests)\n  // while the visual position gets calculated\n  const [positionStyles, setPositionStyles] = createSignal({\n    top: \"0px\",\n    left: \"0px\",\n    visibility: \"visible\" as \"hidden\" | \"visible\",\n  });\n  const [renderedPlacement, setRenderedPlacement] = createSignal<TooltipResolvedPlacement>(\n    resolvePlacement(props.placement),\n  );\n\n  // Enter animation state: starts true on mount, clears after first animation frame.\n  // Uses getAnimations() to detect CSS animations/transitions - if none exist (JSDOM,\n  // no CSS defined, reduced-motion), clears immediately.\n  const [isEntering, setIsEntering] = createSignal(true);\n\n  createEffect(() => {\n    if (!isEntering()) return;\n    if (!tooltipRef || !(\"getAnimations\" in tooltipRef)) {\n      setIsEntering(false);\n      return;\n    }\n    // Cancel any premature CSS transitions triggered before layout\n    for (const anim of tooltipRef.getAnimations()) {\n      if (anim instanceof CSSTransition) {\n        anim.cancel();\n      }\n    }\n    const animations = tooltipRef.getAnimations();\n    if (animations.length === 0) {\n      setIsEntering(false);\n      return;\n    }\n    let canceled = false;\n    Promise.all(animations.map((a) => a.finished))\n      .then(() => {\n        if (!canceled) setIsEntering(false);\n      })\n      .catch(() => {\n        if (!canceled) setIsEntering(false);\n      });\n    onCleanup(() => {\n      canceled = true;\n    });\n  });\n\n  const values = createMemo<TooltipRenderProps>(() => ({\n    isEntering: isEntering(),\n    isExiting: props.isExiting,\n    placement: renderedPlacement(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: props.class,\n      style: props.style,\n      get children() {\n        return props.children;\n      },\n      defaultClassName: \"solidaria-Tooltip\",\n    },\n    values,\n  );\n\n  // Position the overlay in document coordinates, matching React Aria's\n  // absolute overlay positioning when the portal container is the document.\n  // Returns true if position was successfully updated, false if we need to retry\n  const updatePosition = (): boolean => {\n    const triggerEl = props.triggerRef();\n    if (!triggerEl || !tooltipRef) return false;\n\n    const triggerRect = triggerEl.getBoundingClientRect();\n\n    // Check if the trigger has valid dimensions (not display:contents or not rendered yet)\n    if (triggerRect.width === 0 || triggerRect.height === 0) {\n      return false; // Need to retry\n    }\n\n    // Use offsetWidth/offsetHeight which are more reliable than getBoundingClientRect\n    // when the element might be positioned off-screen initially\n    const tooltipWidth = tooltipRef.offsetWidth;\n    const tooltipHeight = tooltipRef.offsetHeight;\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n    const containerPadding = props.containerPadding;\n    const crossOffset = props.crossOffset;\n    const placement = maybeFlipPlacement(\n      resolvePlacement(props.placement),\n      triggerRect,\n      tooltipWidth,\n      tooltipHeight,\n      viewportWidth,\n      viewportHeight,\n      containerPadding,\n      props.offset,\n      props.shouldFlip,\n    );\n\n    let top = 0;\n    let left = 0;\n\n    switch (placement) {\n      case \"top\":\n        top = triggerRect.top - tooltipHeight - props.offset;\n        left = triggerRect.left + (triggerRect.width - tooltipWidth) / 2 + crossOffset;\n        break;\n      case \"bottom\":\n        top = triggerRect.bottom + props.offset;\n        left = triggerRect.left + (triggerRect.width - tooltipWidth) / 2 + crossOffset;\n        break;\n      case \"left\":\n        top = triggerRect.top + (triggerRect.height - tooltipHeight) / 2 + crossOffset;\n        left = triggerRect.left - tooltipWidth - props.offset;\n        break;\n      case \"right\":\n        top = triggerRect.top + (triggerRect.height - tooltipHeight) / 2 + crossOffset;\n        left = triggerRect.right + props.offset;\n        break;\n    }\n\n    if (placement === \"top\" || placement === \"bottom\") {\n      left = clamp(\n        left,\n        triggerRect.left - tooltipWidth + props.arrowSize + props.arrowBoundaryOffset,\n        triggerRect.left + triggerRect.width - props.arrowSize - props.arrowBoundaryOffset,\n      );\n      left = clamp(left, containerPadding, viewportWidth - tooltipWidth - containerPadding);\n    } else {\n      top = clamp(\n        top,\n        triggerRect.top - tooltipHeight + props.arrowSize + props.arrowBoundaryOffset,\n        triggerRect.top + triggerRect.height - props.arrowSize - props.arrowBoundaryOffset,\n      );\n      top = clamp(top, containerPadding, viewportHeight - tooltipHeight - containerPadding);\n    }\n    setRenderedPlacement(placement);\n    setPositionStyles({\n      top: `${Math.floor(top + window.scrollY)}px`,\n      left: `${Math.floor(left + window.scrollX)}px`,\n      visibility: \"visible\",\n    });\n\n    return true;\n  };\n\n  // Set up positioning and scroll-close effects. Positioning retries while the\n  // trigger ref resolves, and pending rAF/setTimeout IDs are canceled on cleanup.\n  createEffect(() => {\n    // Track positioning inputs synchronously so updates from controlled route\n    // props reschedule measurement even though layout reads happen in rAF.\n    props.placement;\n    props.containerPadding;\n    props.crossOffset;\n    props.shouldFlip;\n    props.offset;\n    props.arrowSize;\n    props.arrowBoundaryOffset;\n\n    let retryCount = 0;\n    const maxRetries = 5;\n    let pendingRaf = 0;\n    let pendingTimeout = 0;\n\n    const tryUpdatePosition = () => {\n      pendingRaf = 0;\n      pendingTimeout = 0;\n      const success = updatePosition();\n      if (!success && retryCount < maxRetries) {\n        retryCount++;\n        pendingTimeout = window.setTimeout(tryUpdatePosition, 16);\n      }\n    };\n\n    pendingRaf = requestAnimationFrame(tryUpdatePosition);\n\n    const closeOnScroll = (event: Event) => {\n      const trigger = props.triggerRef();\n      const target = event.target;\n      if (!trigger || (target instanceof Node && !target.contains(trigger))) {\n        return;\n      }\n      if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) {\n        return;\n      }\n\n      props.state.close(true);\n    };\n\n    window.addEventListener(\"scroll\", closeOnScroll, true);\n    window.addEventListener(\"resize\", updatePosition);\n\n    onCleanup(() => {\n      if (pendingRaf) cancelAnimationFrame(pendingRaf);\n      if (pendingTimeout) clearTimeout(pendingTimeout);\n      window.removeEventListener(\"scroll\", closeOnScroll, true);\n      window.removeEventListener(\"resize\", updatePosition);\n    });\n  });\n\n  const domProps = filterDOMProps(props, { global: true });\n  const tooltipId = () => props.contextTooltipProps.id ?? (domProps as { id?: string }).id;\n\n  // Extract ref from ariaTooltipProps to avoid type conflicts (SolidJS ref types are element-specific)\n  const { ref: _ariaRef, ...cleanAriaProps } = ariaTooltipProps as Record<string, unknown>;\n\n  const setRef = (el: HTMLDivElement) => {\n    tooltipRef = el;\n    if (!props.dir) {\n      el.dir = getDocumentDirection();\n    }\n    if (!props.lang) {\n      const documentLang = document.documentElement.lang;\n      const navigatorLang = typeof navigator !== \"undefined\" ? navigator.language : \"\";\n      el.lang = documentLang.includes(\"-\")\n        ? documentLang\n        : navigatorLang || documentLang || \"en-US\";\n    }\n    props.onTooltipRef(el);\n  };\n\n  onCleanup(() => {\n    props.onTooltipRef(null);\n  });\n\n  return (\n    <OverlayContainer>\n      <div\n        {...domProps}\n        {...cleanAriaProps}\n        id={tooltipId()}\n        role=\"tooltip\"\n        ref={setRef}\n        class={renderProps.class()}\n        style={{\n          position: \"absolute\",\n          \"z-index\": 100000,\n          ...positionStyles(),\n          ...renderProps.style(),\n        }}\n        data-placement={renderedPlacement()}\n        data-entering={isEntering() || undefined}\n        data-exiting={props.isExiting || undefined}\n      >\n        {renderProps.renderChildren()}\n      </div>\n    </OverlayContainer>\n  );\n}\n\nfunction resolvePlacement(placement: TooltipPlacement): TooltipResolvedPlacement {\n  if (placement === \"start\") {\n    return getDocumentDirection() === \"rtl\" ? \"right\" : \"left\";\n  }\n  if (placement === \"end\") {\n    return getDocumentDirection() === \"rtl\" ? \"left\" : \"right\";\n  }\n  return placement;\n}\n\nfunction getDocumentDirection(): \"ltr\" | \"rtl\" {\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  return document.documentElement.dir === \"rtl\" ? \"rtl\" : \"ltr\";\n}\n\nfunction maybeFlipPlacement(\n  placement: TooltipResolvedPlacement,\n  triggerRect: DOMRect,\n  tooltipWidth: number,\n  tooltipHeight: number,\n  viewportWidth: number,\n  viewportHeight: number,\n  containerPadding: number,\n  offset: number,\n  shouldFlip: boolean,\n): TooltipResolvedPlacement {\n  if (!shouldFlip) {\n    return placement;\n  }\n\n  switch (placement) {\n    case \"top\":\n      return triggerRect.top - tooltipHeight - offset < containerPadding ? \"bottom\" : placement;\n    case \"bottom\":\n      return triggerRect.bottom + tooltipHeight + offset > viewportHeight - containerPadding\n        ? \"top\"\n        : placement;\n    case \"left\":\n      return triggerRect.left - tooltipWidth - offset < containerPadding ? \"right\" : placement;\n    case \"right\":\n      return triggerRect.right + tooltipWidth + offset > viewportWidth - containerPadding\n        ? \"left\"\n        : placement;\n  }\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  if (max < min) {\n    return min;\n  }\n\n  return Math.min(Math.max(value, min), max);\n}\n\nexport type { TooltipTriggerState };\n"],"mappings":"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"}