@yahoo/uds 3.100.0-beta.2 → 3.100.0

package/dist/components/client/Tooltip/UDSTooltipConfigProvider.js

@@ -1,38 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/client/Tooltip/UDSTooltipConfigProvider.tsx
-const TooltipContext = createContext(void 0);
-const UDSTooltipConfigProvider = ({ children, value }) => {
-	const existingContext = useContext(TooltipContext);
-	if ("type" in value) {
-		if (!existingContext) throw new Error("Cannot merge context values without an existing TooltipContext");
-		return /* @__PURE__ */ jsx(TooltipContext.Provider, {
-			value: {
-				...existingContext,
-				...value.value
-			},
-			children
-		});
-	}
-	return /* @__PURE__ */ jsx(TooltipContext.Provider, {
-		value,
-		children
-	});
-};
-UDSTooltipConfigProvider.displayName = "UDSTooltipConfigProvider";
-function useTooltipConfig(options) {
-	const context = useContext(TooltipContext);
-	if (!context) throw new Error("useTooltipConfig must be used within a UDSConfigProvider or UDSTooltipConfigProvider");
-	const { placementMap, ...contextRest } = context;
-	if (options) return {
-		...contextRest,
-		ariaKitPlacement: placementMap[options.placement]
-	};
-	return contextRest;
-}
-
-//#endregion
-export { UDSTooltipConfigProvider, useTooltipConfig };

package/dist/components/client/Tooltip/index.cjs

@@ -1,12 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_components_client_Tooltip_UDSTooltipConfigProvider = require('./UDSTooltipConfigProvider.cjs');
-const require_components_client_Tooltip_Tooltip = require('./Tooltip.cjs');
-const require_components_client_Tooltip_TooltipContent = require('./TooltipContent.cjs');
-const require_components_client_Tooltip_TooltipTrigger = require('./TooltipTrigger.cjs');
-
-exports.Tooltip = require_components_client_Tooltip_Tooltip.Tooltip;
-exports.TooltipContent = require_components_client_Tooltip_TooltipContent.TooltipContent;
-exports.TooltipTrigger = require_components_client_Tooltip_TooltipTrigger.TooltipTrigger;
-exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;

package/dist/components/client/Tooltip/index.d.cts

@@ -1,7 +0,0 @@
-
-import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/dist/index.cjs";
-import { Tooltip } from "./Tooltip.cjs";
-import { TooltipContent } from "./TooltipContent.cjs";
-import { TooltipTrigger } from "./TooltipTrigger.cjs";
-import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./UDSTooltipConfigProvider.cjs";
-export { Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps };

package/dist/components/client/Tooltip/index.d.ts

@@ -1,7 +0,0 @@
-
-import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../../types/dist/index.js";
-import { Tooltip } from "./Tooltip.js";
-import { TooltipContent } from "./TooltipContent.js";
-import { TooltipTrigger } from "./TooltipTrigger.js";
-import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./UDSTooltipConfigProvider.js";
-export { Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps };

package/dist/components/client/Tooltip/index.js

@@ -1,8 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { UDSTooltipConfigProvider } from "./UDSTooltipConfigProvider.js";
-import { Tooltip } from "./Tooltip.js";
-import { TooltipContent } from "./TooltipContent.js";
-import { TooltipTrigger } from "./TooltipTrigger.js";
-
-export { Tooltip, TooltipContent, TooltipTrigger, UDSTooltipConfigProvider };

package/dist/components/client/Tooltip/tooltipContext.cjs

@@ -1,12 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-let react = require("react");
-
-//#region src/components/client/Tooltip/tooltipContext.tsx
-/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
-const TooltipInternalContext = (0, react.createContext)(null);
-
-//#endregion
-exports.TooltipInternalContext = TooltipInternalContext;

package/dist/components/client/Tooltip/tooltipContext.d.cts

@@ -1,12 +0,0 @@
-
-import * as react from "react";
-
-//#region src/components/client/Tooltip/tooltipContext.d.ts
-interface TooltipInternalContextType {
-  hideOnHoverOutside: boolean;
-  portal: boolean;
-}
-/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
-declare const TooltipInternalContext: react.Context<TooltipInternalContextType | null>;
-//#endregion
-export { TooltipInternalContext };

package/dist/components/client/Tooltip/tooltipContext.d.ts

@@ -1,12 +0,0 @@
-
-import * as react from "react";
-
-//#region src/components/client/Tooltip/tooltipContext.d.ts
-interface TooltipInternalContextType {
-  hideOnHoverOutside: boolean;
-  portal: boolean;
-}
-/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
-declare const TooltipInternalContext: react.Context<TooltipInternalContextType | null>;
-//#endregion
-export { TooltipInternalContext };

package/dist/components/client/Tooltip/tooltipContext.js

@@ -1,10 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { createContext } from "react";
-
-//#region src/components/client/Tooltip/tooltipContext.tsx
-/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
-const TooltipInternalContext = createContext(null);
-
-//#endregion
-export { TooltipInternalContext };

package/dist/components/client/Tooltip/useTooltipContent.cjs

@@ -1,199 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
-const require_index = require('../../../css-tokens/dist/index.cjs');
-const require_components_client_Tooltip_util = require('./util.cjs');
-let react = require("react");
-
-//#region src/components/client/Tooltip/useTooltipContent.ts
-function useTooltipContent({ open, effectivePlacement, maxWidth, borderRadius, arrowRef }) {
-	const internalRef = (0, react.useRef)(null);
-	const shadowFilterId = (0, react.useId)();
-	const [dimensions, setDimensions] = (0, react.useState)({
-		width: 0,
-		height: 0
-	});
-	const maxWidthClass = (0, react.useMemo)(() => {
-		if (maxWidth !== void 0) return typeof maxWidth === "number" ? `max-w-[${maxWidth}px]` : `max-w-[${maxWidth}]`;
-		return "max-w-lg";
-	}, [maxWidth]);
-	(0, react.useEffect)(() => {
-		const el = internalRef.current;
-		if (!el) return;
-		const observer = new ResizeObserver(() => {
-			setDimensions({
-				width: el.offsetWidth,
-				height: el.offsetHeight
-			});
-		});
-		observer.observe(el);
-		return () => observer.disconnect();
-	}, [open]);
-	const [shadows, setShadows] = (0, react.useState)([]);
-	const shadowValueRef = (0, react.useRef)("");
-	const readShadows = (0, react.useCallback)(() => {
-		if (!internalRef.current) return;
-		const shadowValue = getComputedStyle(internalRef.current).getPropertyValue(`--${require_index.DROP_SHADOW_PREFIX}`);
-		if (shadowValue !== shadowValueRef.current) {
-			shadowValueRef.current = shadowValue;
-			setShadows(require_components_client_Tooltip_util.parseShadow(shadowValue));
-		}
-	}, []);
-	const shadowPadding = (0, react.useMemo)(() => {
-		if (shadows.length === 0) return 0;
-		return shadows.reduce((max, s) => {
-			const extentX = Math.abs(s.x) + s.blur + Math.abs(s.spread);
-			const extentY = Math.abs(s.y) + s.blur + Math.abs(s.spread);
-			return Math.max(max, extentX, extentY);
-		}, 0);
-	}, [shadows]);
-	const [colorScheme, setColorScheme] = (0, react.useState)("light");
-	const readColorScheme = (0, react.useCallback)(() => {
-		const el = internalRef.current;
-		if (!el) return;
-		const scheme = getComputedStyle(el).colorScheme;
-		setColorScheme(scheme === "dark" ? "dark" : "light");
-	}, []);
-	const [arrowCenter, setArrowCenter] = (0, react.useState)(void 0);
-	const computeArrowCenter = (0, react.useCallback)(() => {
-		const arrowEl = arrowRef.current;
-		const tooltipEl = internalRef.current;
-		if (!arrowEl || !tooltipEl) return;
-		const arrowRect = arrowEl.getBoundingClientRect();
-		const tooltipRect = tooltipEl.getBoundingClientRect();
-		const side = require_components_client_Tooltip_util.getArrowSide(effectivePlacement);
-		const raw = side === "top" || side === "bottom" ? arrowRect.left + arrowRect.width / 2 - tooltipRect.left : arrowRect.top + arrowRect.height / 2 - tooltipRect.top;
-		return Math.round(raw);
-	}, [arrowRef, effectivePlacement]);
-	const onPositionUpdate = (0, react.useCallback)(async ({ updatePosition }) => {
-		await updatePosition();
-		const el = internalRef.current;
-		if (el) {
-			const { offsetWidth, offsetHeight } = el;
-			if (offsetWidth > 0 && offsetHeight > 0) setDimensions((prev) => {
-				if (prev.width === offsetWidth && prev.height === offsetHeight) return prev;
-				return {
-					width: offsetWidth,
-					height: offsetHeight
-				};
-			});
-			readShadows();
-			readColorScheme();
-		}
-		const next = computeArrowCenter();
-		if (next !== void 0) setArrowCenter((prev) => prev === next ? prev : next);
-	}, [
-		computeArrowCenter,
-		readShadows,
-		readColorScheme
-	]);
-	const svgPath = (0, react.useMemo)(() => {
-		return dimensions.width > 0 && dimensions.height > 0 ? require_components_client_Tooltip_util.generateTooltipPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowCenter
-		}) : null;
-	}, [
-		effectivePlacement,
-		dimensions.width,
-		dimensions.height,
-		borderRadius,
-		arrowCenter
-	]);
-	const blurClipPath = (0, react.useMemo)(() => {
-		if (dimensions.width <= 0 || dimensions.height <= 0) return null;
-		const arrowSide = require_components_client_Tooltip_util.getArrowSide(effectivePlacement);
-		const offsetX = arrowSide === "left" ? require_components_client_Tooltip_util.ARROW_HEIGHT : 0;
-		const offsetY = arrowSide === "top" ? require_components_client_Tooltip_util.ARROW_HEIGHT : 0;
-		return require_components_client_Tooltip_util.generateTooltipPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowCenter,
-			offsetX,
-			offsetY
-		});
-	}, [
-		effectivePlacement,
-		dimensions.width,
-		dimensions.height,
-		borderRadius,
-		arrowCenter
-	]);
-	const blurStyle = (0, react.useMemo)(() => {
-		const style = { clipPath: blurClipPath ? `path('${blurClipPath}')` : void 0 };
-		switch (require_components_client_Tooltip_util.getArrowSide(effectivePlacement)) {
-			case "top":
-				style.height = `calc(100% + ${require_components_client_Tooltip_util.ARROW_HEIGHT}px)`;
-				style.top = "auto";
-				style.bottom = "0";
-				break;
-			case "bottom":
-				style.height = `calc(100% + ${require_components_client_Tooltip_util.ARROW_HEIGHT}px)`;
-				break;
-			case "left":
-				style.width = `calc(100% + ${require_components_client_Tooltip_util.ARROW_HEIGHT}px)`;
-				style.left = "auto";
-				style.right = "0";
-				break;
-			case "right":
-				style.width = `calc(100% + ${require_components_client_Tooltip_util.ARROW_HEIGHT}px)`;
-				break;
-		}
-		return style;
-	}, [blurClipPath, effectivePlacement]);
-	const [visible, setVisible] = (0, react.useState)(false);
-	if ((!open || !svgPath) && visible) setVisible(false);
-	(0, react.useEffect)(() => {
-		if (open && svgPath) {
-			const raf = requestAnimationFrame(() => {
-				setVisible(true);
-			});
-			return () => cancelAnimationFrame(raf);
-		}
-	}, [open, svgPath]);
-	return {
-		internalRef,
-		shadowFilterId,
-		maxWidthClass,
-		dimensions,
-		shadows,
-		shadowPadding,
-		svgPath,
-		blurClipPath,
-		blurStyle,
-		visible,
-		childTransitionStyle: {
-			opacity: visible ? 1 : 0,
-			transition: "opacity 200ms ease-in-out"
-		},
-		colorScheme,
-		tooltipShift: (0, react.useMemo)(() => {
-			if (arrowCenter === void 0 || dimensions.width <= 0 || dimensions.height <= 0) return {
-				x: 0,
-				y: 0
-			};
-			return require_components_client_Tooltip_util.getArrowClampDelta({
-				width: dimensions.width,
-				height: dimensions.height,
-				placement: effectivePlacement,
-				borderRadius,
-				arrowCenter
-			});
-		}, [
-			arrowCenter,
-			dimensions.width,
-			dimensions.height,
-			effectivePlacement,
-			borderRadius
-		]),
-		onPositionUpdate
-	};
-}
-
-//#endregion
-exports.useTooltipContent = useTooltipContent;

package/dist/components/client/Tooltip/useTooltipContent.d.cts

@@ -1,65 +0,0 @@
-
-import { ParsedShadow } from "./util.cjs";
-import { CSSProperties, RefObject } from "react";
-
-//#region src/components/client/Tooltip/useTooltipContent.d.ts
-interface UseTooltipContentOptions {
-  /** Whether the tooltip is currently open. */
-  open: boolean;
-  /** Resolved placement after Ariakit positioning (e.g. `'top'`, `'bottom-start'`). */
-  effectivePlacement: string;
-  /** Optional max-width override (number = px, string = CSS value). */
-  maxWidth?: number | string;
-  /** Border-radius from the tooltip config (px). */
-  borderRadius: number;
-  /**
-   * Ref to the Ariakit `TooltipArrow` element. Its position (set by
-   * floating-ui) is read inside the `updatePosition` callback so the
-   * SVG arrow always mirrors where floating-ui places the native arrow.
-   */
-  arrowRef: RefObject<HTMLDivElement | null>;
-}
-interface UseTooltipContentReturn {
-  internalRef: RefObject<HTMLElement | null>;
-  shadowFilterId: string;
-  maxWidthClass: string;
-  dimensions: {
-    width: number;
-    height: number;
-  };
-  shadows: ParsedShadow[];
-  shadowPadding: number;
-  svgPath: string | null;
-  blurClipPath: string | null;
-  blurStyle: CSSProperties;
-  visible: boolean;
-  childTransitionStyle: CSSProperties;
-  /** Resolved CSS `color-scheme` of the tooltip element: `'light'` or `'dark'`. */
-  colorScheme: 'light' | 'dark';
-  /**
-   * Pixel offset to apply as a CSS transform on the tooltip element so that
-   * the (clamped) SVG arrow aligns with the trigger center even when the
-   * trigger is too small / close to a rounded corner for the arrow to reach.
-   */
-  tooltipShift: {
-    x: number;
-    y: number;
-  };
-  /**
-   * Pass as the `updatePosition` prop to the Ariakit `<Tooltip>` component.
-   * This hooks into floating-ui's positioning lifecycle so the SVG arrow
-   * center is read after every `computePosition`
-   */
-  onPositionUpdate: (props: {
-    updatePosition: () => Promise<void>;
-  }) => Promise<void>;
-}
-declare function useTooltipContent({
-  open,
-  effectivePlacement,
-  maxWidth,
-  borderRadius,
-  arrowRef
-}: UseTooltipContentOptions): UseTooltipContentReturn;
-//#endregion
-export { type UseTooltipContentOptions, type UseTooltipContentReturn, useTooltipContent };

package/dist/components/client/Tooltip/useTooltipContent.d.ts

@@ -1,65 +0,0 @@
-
-import { ParsedShadow } from "./util.js";
-import { CSSProperties, RefObject } from "react";
-
-//#region src/components/client/Tooltip/useTooltipContent.d.ts
-interface UseTooltipContentOptions {
-  /** Whether the tooltip is currently open. */
-  open: boolean;
-  /** Resolved placement after Ariakit positioning (e.g. `'top'`, `'bottom-start'`). */
-  effectivePlacement: string;
-  /** Optional max-width override (number = px, string = CSS value). */
-  maxWidth?: number | string;
-  /** Border-radius from the tooltip config (px). */
-  borderRadius: number;
-  /**
-   * Ref to the Ariakit `TooltipArrow` element. Its position (set by
-   * floating-ui) is read inside the `updatePosition` callback so the
-   * SVG arrow always mirrors where floating-ui places the native arrow.
-   */
-  arrowRef: RefObject<HTMLDivElement | null>;
-}
-interface UseTooltipContentReturn {
-  internalRef: RefObject<HTMLElement | null>;
-  shadowFilterId: string;
-  maxWidthClass: string;
-  dimensions: {
-    width: number;
-    height: number;
-  };
-  shadows: ParsedShadow[];
-  shadowPadding: number;
-  svgPath: string | null;
-  blurClipPath: string | null;
-  blurStyle: CSSProperties;
-  visible: boolean;
-  childTransitionStyle: CSSProperties;
-  /** Resolved CSS `color-scheme` of the tooltip element: `'light'` or `'dark'`. */
-  colorScheme: 'light' | 'dark';
-  /**
-   * Pixel offset to apply as a CSS transform on the tooltip element so that
-   * the (clamped) SVG arrow aligns with the trigger center even when the
-   * trigger is too small / close to a rounded corner for the arrow to reach.
-   */
-  tooltipShift: {
-    x: number;
-    y: number;
-  };
-  /**
-   * Pass as the `updatePosition` prop to the Ariakit `<Tooltip>` component.
-   * This hooks into floating-ui's positioning lifecycle so the SVG arrow
-   * center is read after every `computePosition`
-   */
-  onPositionUpdate: (props: {
-    updatePosition: () => Promise<void>;
-  }) => Promise<void>;
-}
-declare function useTooltipContent({
-  open,
-  effectivePlacement,
-  maxWidth,
-  borderRadius,
-  arrowRef
-}: UseTooltipContentOptions): UseTooltipContentReturn;
-//#endregion
-export { type UseTooltipContentOptions, type UseTooltipContentReturn, useTooltipContent };

package/dist/components/client/Tooltip/useTooltipContent.js

@@ -1,197 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { DROP_SHADOW_PREFIX } from "../../../css-tokens/dist/index.js";
-import { ARROW_HEIGHT, generateTooltipPath, getArrowClampDelta, getArrowSide, parseShadow } from "./util.js";
-import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-
-//#region src/components/client/Tooltip/useTooltipContent.ts
-function useTooltipContent({ open, effectivePlacement, maxWidth, borderRadius, arrowRef }) {
-	const internalRef = useRef(null);
-	const shadowFilterId = useId();
-	const [dimensions, setDimensions] = useState({
-		width: 0,
-		height: 0
-	});
-	const maxWidthClass = useMemo(() => {
-		if (maxWidth !== void 0) return typeof maxWidth === "number" ? `max-w-[${maxWidth}px]` : `max-w-[${maxWidth}]`;
-		return "max-w-lg";
-	}, [maxWidth]);
-	useEffect(() => {
-		const el = internalRef.current;
-		if (!el) return;
-		const observer = new ResizeObserver(() => {
-			setDimensions({
-				width: el.offsetWidth,
-				height: el.offsetHeight
-			});
-		});
-		observer.observe(el);
-		return () => observer.disconnect();
-	}, [open]);
-	const [shadows, setShadows] = useState([]);
-	const shadowValueRef = useRef("");
-	const readShadows = useCallback(() => {
-		if (!internalRef.current) return;
-		const shadowValue = getComputedStyle(internalRef.current).getPropertyValue(`--${DROP_SHADOW_PREFIX}`);
-		if (shadowValue !== shadowValueRef.current) {
-			shadowValueRef.current = shadowValue;
-			setShadows(parseShadow(shadowValue));
-		}
-	}, []);
-	const shadowPadding = useMemo(() => {
-		if (shadows.length === 0) return 0;
-		return shadows.reduce((max, s) => {
-			const extentX = Math.abs(s.x) + s.blur + Math.abs(s.spread);
-			const extentY = Math.abs(s.y) + s.blur + Math.abs(s.spread);
-			return Math.max(max, extentX, extentY);
-		}, 0);
-	}, [shadows]);
-	const [colorScheme, setColorScheme] = useState("light");
-	const readColorScheme = useCallback(() => {
-		const el = internalRef.current;
-		if (!el) return;
-		const scheme = getComputedStyle(el).colorScheme;
-		setColorScheme(scheme === "dark" ? "dark" : "light");
-	}, []);
-	const [arrowCenter, setArrowCenter] = useState(void 0);
-	const computeArrowCenter = useCallback(() => {
-		const arrowEl = arrowRef.current;
-		const tooltipEl = internalRef.current;
-		if (!arrowEl || !tooltipEl) return;
-		const arrowRect = arrowEl.getBoundingClientRect();
-		const tooltipRect = tooltipEl.getBoundingClientRect();
-		const side = getArrowSide(effectivePlacement);
-		const raw = side === "top" || side === "bottom" ? arrowRect.left + arrowRect.width / 2 - tooltipRect.left : arrowRect.top + arrowRect.height / 2 - tooltipRect.top;
-		return Math.round(raw);
-	}, [arrowRef, effectivePlacement]);
-	const onPositionUpdate = useCallback(async ({ updatePosition }) => {
-		await updatePosition();
-		const el = internalRef.current;
-		if (el) {
-			const { offsetWidth, offsetHeight } = el;
-			if (offsetWidth > 0 && offsetHeight > 0) setDimensions((prev) => {
-				if (prev.width === offsetWidth && prev.height === offsetHeight) return prev;
-				return {
-					width: offsetWidth,
-					height: offsetHeight
-				};
-			});
-			readShadows();
-			readColorScheme();
-		}
-		const next = computeArrowCenter();
-		if (next !== void 0) setArrowCenter((prev) => prev === next ? prev : next);
-	}, [
-		computeArrowCenter,
-		readShadows,
-		readColorScheme
-	]);
-	const svgPath = useMemo(() => {
-		return dimensions.width > 0 && dimensions.height > 0 ? generateTooltipPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowCenter
-		}) : null;
-	}, [
-		effectivePlacement,
-		dimensions.width,
-		dimensions.height,
-		borderRadius,
-		arrowCenter
-	]);
-	const blurClipPath = useMemo(() => {
-		if (dimensions.width <= 0 || dimensions.height <= 0) return null;
-		const arrowSide = getArrowSide(effectivePlacement);
-		const offsetX = arrowSide === "left" ? ARROW_HEIGHT : 0;
-		const offsetY = arrowSide === "top" ? ARROW_HEIGHT : 0;
-		return generateTooltipPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowCenter,
-			offsetX,
-			offsetY
-		});
-	}, [
-		effectivePlacement,
-		dimensions.width,
-		dimensions.height,
-		borderRadius,
-		arrowCenter
-	]);
-	const blurStyle = useMemo(() => {
-		const style = { clipPath: blurClipPath ? `path('${blurClipPath}')` : void 0 };
-		switch (getArrowSide(effectivePlacement)) {
-			case "top":
-				style.height = `calc(100% + ${ARROW_HEIGHT}px)`;
-				style.top = "auto";
-				style.bottom = "0";
-				break;
-			case "bottom":
-				style.height = `calc(100% + ${ARROW_HEIGHT}px)`;
-				break;
-			case "left":
-				style.width = `calc(100% + ${ARROW_HEIGHT}px)`;
-				style.left = "auto";
-				style.right = "0";
-				break;
-			case "right":
-				style.width = `calc(100% + ${ARROW_HEIGHT}px)`;
-				break;
-		}
-		return style;
-	}, [blurClipPath, effectivePlacement]);
-	const [visible, setVisible] = useState(false);
-	if ((!open || !svgPath) && visible) setVisible(false);
-	useEffect(() => {
-		if (open && svgPath) {
-			const raf = requestAnimationFrame(() => {
-				setVisible(true);
-			});
-			return () => cancelAnimationFrame(raf);
-		}
-	}, [open, svgPath]);
-	return {
-		internalRef,
-		shadowFilterId,
-		maxWidthClass,
-		dimensions,
-		shadows,
-		shadowPadding,
-		svgPath,
-		blurClipPath,
-		blurStyle,
-		visible,
-		childTransitionStyle: {
-			opacity: visible ? 1 : 0,
-			transition: "opacity 200ms ease-in-out"
-		},
-		colorScheme,
-		tooltipShift: useMemo(() => {
-			if (arrowCenter === void 0 || dimensions.width <= 0 || dimensions.height <= 0) return {
-				x: 0,
-				y: 0
-			};
-			return getArrowClampDelta({
-				width: dimensions.width,
-				height: dimensions.height,
-				placement: effectivePlacement,
-				borderRadius,
-				arrowCenter
-			});
-		}, [
-			arrowCenter,
-			dimensions.width,
-			dimensions.height,
-			effectivePlacement,
-			borderRadius
-		]),
-		onPositionUpdate
-	};
-}
-
-//#endregion
-export { useTooltipContent };