@yahoo/uds 3.116.0-beta.3 → 3.116.0

package/dist/components/client/Popover/UDSPopoverConfigProvider.js

@@ -1,37 +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/Popover/UDSPopoverConfigProvider.tsx
-const PopoverContext = createContext(void 0);
-const UDSPopoverConfigProvider = ({ children, value }) => {
-	const existingContext = useContext(PopoverContext);
-	if ("type" in value) {
-		if (!existingContext) throw new Error("Cannot merge context values without an existing PopoverContext");
-		return /* @__PURE__ */ jsx(PopoverContext.Provider, {
-			value: {
-				...existingContext,
-				...value.value
-			},
-			children
-		});
-	}
-	return /* @__PURE__ */ jsx(PopoverContext.Provider, {
-		value,
-		children
-	});
-};
-UDSPopoverConfigProvider.displayName = "UDSPopoverConfigProvider";
-function usePopoverConfig(options) {
-	const context = useContext(PopoverContext);
-	if (!context) throw new Error("usePopoverConfig must be used within a UDSConfigProvider or UDSPopoverConfigProvider");
-	const { placementMap, placement, ...contextRest } = context;
-	return {
-		...contextRest,
-		ariaKitPlacement: placementMap[options?.placement ?? placement]
-	};
-}
-
-//#endregion
-export { UDSPopoverConfigProvider, usePopoverConfig };

package/dist/components/client/Popover/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_Popover_UDSPopoverConfigProvider = require('./UDSPopoverConfigProvider.cjs');
-const require_components_client_Popover_Popover = require('./Popover.cjs');
-const require_components_client_Popover_PopoverContent = require('./PopoverContent.cjs');
-const require_components_client_Popover_PopoverTrigger = require('./PopoverTrigger.cjs');
-
-exports.Popover = require_components_client_Popover_Popover.Popover;
-exports.PopoverContent = require_components_client_Popover_PopoverContent.PopoverContent;
-exports.PopoverTrigger = require_components_client_Popover_PopoverTrigger.PopoverTrigger;
-exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider;

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

@@ -1,7 +0,0 @@
-
-import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps } from "../../../types/dist/index.cjs";
-import { Popover } from "./Popover.cjs";
-import { PopoverTrigger } from "./PopoverTrigger.cjs";
-import { UDSPopoverConfigProvider, UDSPopoverConfigProviderProps } from "./UDSPopoverConfigProvider.cjs";
-import { PopoverContent } from "./PopoverContent.cjs";
-export { Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps };

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

@@ -1,7 +0,0 @@
-
-import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps } from "../../../types/dist/index.js";
-import { Popover } from "./Popover.js";
-import { PopoverTrigger } from "./PopoverTrigger.js";
-import { UDSPopoverConfigProvider, UDSPopoverConfigProviderProps } from "./UDSPopoverConfigProvider.js";
-import { PopoverContent } from "./PopoverContent.js";
-export { Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps };

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

@@ -1,8 +0,0 @@
-"use client";
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { UDSPopoverConfigProvider } from "./UDSPopoverConfigProvider.js";
-import { Popover } from "./Popover.js";
-import { PopoverContent } from "./PopoverContent.js";
-import { PopoverTrigger } from "./PopoverTrigger.js";
-
-export { Popover, PopoverContent, PopoverTrigger, UDSPopoverConfigProvider };

package/dist/components/experimental/client/ExperimentalPopover.d.cts

@@ -1,40 +0,0 @@
-
-import React, { PropsWithChildren } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { PopoverAnchor as PopoverAnchor$1, PopoverArrow as PopoverArrow$1, PopoverDescription as PopoverDescription$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, PopoverDismiss as PopoverDismiss$1, PopoverProps, PopoverProvider as PopoverProvider$1, usePopoverStore } from "@ariakit/react";
-
-//#region src/components/experimental/client/ExperimentalPopover.d.ts
-/** @deprecated Use `PopoverHeadingProps` from `@yahoo/uds` instead. */
-interface ExperimentalPopoverHeadingProps extends PropsWithChildren {
-  leading?: React.ReactNode;
-  trailing?: React.ReactNode;
-}
-/** @deprecated Use `Popover` and `PopoverContent` from `@yahoo/uds` instead. */
-declare function PopoverHeading({
-  children,
-  leading,
-  trailing
-}: ExperimentalPopoverHeadingProps): react_jsx_runtime0.JSX.Element;
-declare namespace PopoverHeading {
-  var displayName: string;
-}
-/** @deprecated Use `PopoverProps` from `@yahoo/uds` instead. */
-type ExperimentalPopoverProps = Omit<PopoverProps, 'key'>;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const Popover: (props: PopoverProps<"div">) => react_jsx_runtime0.JSX.Element | null;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverArrow: typeof PopoverArrow$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverAnchor: typeof PopoverAnchor$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDescription: typeof PopoverDescription$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDismiss: typeof PopoverDismiss$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverProvider: typeof PopoverProvider$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDisclosure: typeof PopoverDisclosure$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
-//#endregion
-export { Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type ExperimentalPopoverHeadingProps as PopoverHeadingProps, type ExperimentalPopoverProps as PopoverProps, PopoverProvider, usePopoverStore };

package/dist/components/experimental/client/ExperimentalPopover.d.ts

@@ -1,40 +0,0 @@
-
-import React, { PropsWithChildren } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { PopoverAnchor as PopoverAnchor$1, PopoverArrow as PopoverArrow$1, PopoverDescription as PopoverDescription$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, PopoverDismiss as PopoverDismiss$1, PopoverProps, PopoverProvider as PopoverProvider$1, usePopoverStore } from "@ariakit/react";
-
-//#region src/components/experimental/client/ExperimentalPopover.d.ts
-/** @deprecated Use `PopoverHeadingProps` from `@yahoo/uds` instead. */
-interface ExperimentalPopoverHeadingProps extends PropsWithChildren {
-  leading?: React.ReactNode;
-  trailing?: React.ReactNode;
-}
-/** @deprecated Use `Popover` and `PopoverContent` from `@yahoo/uds` instead. */
-declare function PopoverHeading({
-  children,
-  leading,
-  trailing
-}: ExperimentalPopoverHeadingProps): react_jsx_runtime0.JSX.Element;
-declare namespace PopoverHeading {
-  var displayName: string;
-}
-/** @deprecated Use `PopoverProps` from `@yahoo/uds` instead. */
-type ExperimentalPopoverProps = Omit<PopoverProps, 'key'>;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const Popover: (props: PopoverProps<"div">) => react_jsx_runtime0.JSX.Element | null;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverArrow: typeof PopoverArrow$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverAnchor: typeof PopoverAnchor$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDescription: typeof PopoverDescription$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDismiss: typeof PopoverDismiss$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverProvider: typeof PopoverProvider$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDisclosure: typeof PopoverDisclosure$1;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
-declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
-//#endregion
-export { Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type ExperimentalPopoverHeadingProps as PopoverHeadingProps, type ExperimentalPopoverProps as PopoverProps, PopoverProvider, usePopoverStore };

package/dist/hooks/useSvgFloatingContent.cjs

@@ -1,236 +0,0 @@
-/*! © 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_utils_parseShadow = require('../utils/parseShadow.cjs');
-const require_utils_svgFloatingContentUtils = require('../utils/svgFloatingContentUtils.cjs');
-let react = require("react");
-
-//#region src/hooks/useSvgFloatingContent.ts
-function useSvgFloatingContent({ open, effectivePlacement, borderRadius, arrowRef, animationDuration, hideArrow = false, arrowWidth, arrowHeight, arrowTipRadiusFraction }) {
-	const internalRef = (0, react.useRef)(null);
-	const shadowFilterId = (0, react.useId)();
-	const [dimensions, setDimensions] = (0, react.useState)({
-		width: 0,
-		height: 0
-	});
-	(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_utils_parseShadow.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 [arrowCenter, setArrowCenter] = (0, react.useState)(void 0);
-	const computeArrowCenter = (0, react.useCallback)(() => {
-		const arrowEl = arrowRef.current;
-		const el = internalRef.current;
-		if (!arrowEl || !el) return;
-		const arrowRect = arrowEl.getBoundingClientRect();
-		const rect = el.getBoundingClientRect();
-		const side = require_utils_svgFloatingContentUtils.getArrowSide(effectivePlacement);
-		const raw = side === "top" || side === "bottom" ? arrowRect.left + arrowRect.width / 2 - rect.left : arrowRect.top + arrowRect.height / 2 - rect.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();
-		}
-		if (!hideArrow) {
-			const next = computeArrowCenter();
-			if (next !== void 0) setArrowCenter((prev) => prev === next ? prev : next);
-		}
-	}, [
-		computeArrowCenter,
-		readShadows,
-		hideArrow
-	]);
-	const svgPath = (0, react.useMemo)(() => {
-		return dimensions.width > 0 && dimensions.height > 0 ? require_utils_svgFloatingContentUtils.generateSvgFloatingContentPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowCenter: hideArrow ? void 0 : arrowCenter,
-			arrowWidth,
-			arrowHeight,
-			arrowTipRadiusFraction,
-			...hideArrow && {
-				arrowWidth: 0,
-				arrowHeight: 0
-			}
-		}) : null;
-	}, [
-		effectivePlacement,
-		dimensions.width,
-		dimensions.height,
-		borderRadius,
-		arrowCenter,
-		hideArrow,
-		arrowWidth,
-		arrowHeight,
-		arrowTipRadiusFraction
-	]);
-	const blurClipPath = (0, react.useMemo)(() => {
-		if (dimensions.width <= 0 || dimensions.height <= 0) return null;
-		if (hideArrow) return require_utils_svgFloatingContentUtils.generateSvgFloatingContentPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowWidth: 0,
-			arrowHeight: 0,
-			arrowTipRadiusFraction
-		});
-		const arrowSide = require_utils_svgFloatingContentUtils.getArrowSide(effectivePlacement);
-		const offsetX = arrowSide === "left" ? arrowHeight : 0;
-		const offsetY = arrowSide === "top" ? arrowHeight : 0;
-		return require_utils_svgFloatingContentUtils.generateSvgFloatingContentPath({
-			width: dimensions.width,
-			height: dimensions.height,
-			placement: effectivePlacement,
-			borderRadius,
-			arrowCenter,
-			offsetX,
-			offsetY,
-			arrowWidth,
-			arrowHeight,
-			arrowTipRadiusFraction
-		});
-	}, [
-		effectivePlacement,
-		dimensions.width,
-		dimensions.height,
-		borderRadius,
-		arrowCenter,
-		hideArrow,
-		arrowHeight,
-		arrowWidth,
-		arrowTipRadiusFraction
-	]);
-	const blurStyle = (0, react.useMemo)(() => {
-		const style = {};
-		if (blurClipPath && dimensions.width > 0 && dimensions.height > 0) {
-			let maskWidth = dimensions.width;
-			let maskHeight = dimensions.height;
-			if (!hideArrow) {
-				const arrowSide = require_utils_svgFloatingContentUtils.getArrowSide(effectivePlacement);
-				if (arrowSide === "top" || arrowSide === "bottom") maskHeight += arrowHeight;
-				else maskWidth += arrowHeight;
-			}
-			const svgMask = `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${maskWidth} ${maskHeight}'><path d='${blurClipPath}' fill='white'/></svg>`;
-			const maskUrl = `url("data:image/svg+xml,${encodeURIComponent(svgMask)}")`;
-			style.WebkitMaskImage = maskUrl;
-			style.maskImage = maskUrl;
-			style.WebkitMaskSize = "100% 100%";
-			style.maskSize = "100% 100%";
-		}
-		if (!hideArrow) switch (require_utils_svgFloatingContentUtils.getArrowSide(effectivePlacement)) {
-			case "top":
-				style.height = `calc(100% + ${arrowHeight}px)`;
-				style.top = "auto";
-				style.bottom = "0";
-				break;
-			case "bottom":
-				style.height = `calc(100% + ${arrowHeight}px)`;
-				break;
-			case "left":
-				style.width = `calc(100% + ${arrowHeight}px)`;
-				style.left = "auto";
-				style.right = "0";
-				break;
-			case "right":
-				style.width = `calc(100% + ${arrowHeight}px)`;
-				break;
-		}
-		return style;
-	}, [
-		blurClipPath,
-		dimensions.width,
-		dimensions.height,
-		effectivePlacement,
-		hideArrow,
-		arrowHeight
-	]);
-	const [visible, setVisible] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		const raf = requestAnimationFrame(() => {
-			setVisible(open && !!svgPath);
-		});
-		return () => cancelAnimationFrame(raf);
-	}, [open, svgPath]);
-	return {
-		internalRef,
-		shadowFilterId,
-		dimensions,
-		shadows,
-		shadowPadding,
-		svgPath,
-		blurClipPath,
-		blurStyle,
-		visible,
-		childTransitionStyle: {
-			opacity: visible ? 1 : 0,
-			transition: `opacity ${animationDuration}ms ease-in-out`
-		},
-		shift: (0, react.useMemo)(() => {
-			if (hideArrow || arrowCenter === void 0 || dimensions.width <= 0 || dimensions.height <= 0) return {
-				x: 0,
-				y: 0
-			};
-			return require_utils_svgFloatingContentUtils.getArrowClampDelta({
-				width: dimensions.width,
-				height: dimensions.height,
-				placement: effectivePlacement,
-				borderRadius,
-				arrowCenter,
-				arrowWidth
-			});
-		}, [
-			hideArrow,
-			arrowCenter,
-			dimensions.width,
-			dimensions.height,
-			effectivePlacement,
-			borderRadius,
-			arrowWidth
-		]),
-		onPositionUpdate
-	};
-}
-
-//#endregion
-exports.useSvgFloatingContent = useSvgFloatingContent;

package/dist/hooks/useSvgFloatingContent.d.cts

@@ -1,74 +0,0 @@
-
-import { ParsedShadow } from "../utils/parseShadow.cjs";
-import { CSSProperties, RefObject } from "react";
-
-//#region src/hooks/useSvgFloatingContent.d.ts
-interface UseSvgFloatingContentOptions {
-  /** Whether the element is currently open. */
-  open: boolean;
-  /** Resolved placement after Ariakit positioning (e.g. `'top'`, `'bottom-start'`). */
-  effectivePlacement: string;
-  /** Border-radius from the component config (px). */
-  borderRadius: number;
-  /**
-   * Ref to the arrow element. Its position is read inside the `updatePosition`
-   * callback so the SVG arrow always mirrors where floating-ui places the
-   * native arrow.
-   */
-  arrowRef: RefObject<HTMLDivElement | null>;
-  /** Animation duration from the component config (ms). */
-  animationDuration: number;
-  /** Whether to hide the arrow. */
-  hideArrow?: boolean;
-  /** Width of the arrow (px). */
-  arrowWidth: number;
-  /** Height of the arrow (px). */
-  arrowHeight: number;
-  /** Fraction of the container border-radius applied to round the arrow tip (0 = sharp point, 1 = same radius as the container corners). */
-  arrowTipRadiusFraction: number;
-}
-interface UseSvgFloatingContentReturn {
-  internalRef: RefObject<HTMLElement | null>;
-  shadowFilterId: string;
-  dimensions: {
-    width: number;
-    height: number;
-  };
-  shadows: ParsedShadow[];
-  shadowPadding: number;
-  svgPath: string | null;
-  blurClipPath: string | null;
-  blurStyle: CSSProperties;
-  visible: boolean;
-  childTransitionStyle: CSSProperties;
-  /**
-   * Pixel offset to apply as a CSS transform on the 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.
-   */
-  shift: {
-    x: number;
-    y: number;
-  };
-  /**
-   * Pass as the `updatePosition` prop to the Ariakit 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 useSvgFloatingContent({
-  open,
-  effectivePlacement,
-  borderRadius,
-  arrowRef,
-  animationDuration,
-  hideArrow,
-  arrowWidth,
-  arrowHeight,
-  arrowTipRadiusFraction
-}: UseSvgFloatingContentOptions): UseSvgFloatingContentReturn;
-//#endregion
-export { type UseSvgFloatingContentOptions, type UseSvgFloatingContentReturn, useSvgFloatingContent };

package/dist/hooks/useSvgFloatingContent.d.ts

@@ -1,74 +0,0 @@
-
-import { ParsedShadow } from "../utils/parseShadow.js";
-import { CSSProperties, RefObject } from "react";
-
-//#region src/hooks/useSvgFloatingContent.d.ts
-interface UseSvgFloatingContentOptions {
-  /** Whether the element is currently open. */
-  open: boolean;
-  /** Resolved placement after Ariakit positioning (e.g. `'top'`, `'bottom-start'`). */
-  effectivePlacement: string;
-  /** Border-radius from the component config (px). */
-  borderRadius: number;
-  /**
-   * Ref to the arrow element. Its position is read inside the `updatePosition`
-   * callback so the SVG arrow always mirrors where floating-ui places the
-   * native arrow.
-   */
-  arrowRef: RefObject<HTMLDivElement | null>;
-  /** Animation duration from the component config (ms). */
-  animationDuration: number;
-  /** Whether to hide the arrow. */
-  hideArrow?: boolean;
-  /** Width of the arrow (px). */
-  arrowWidth: number;
-  /** Height of the arrow (px). */
-  arrowHeight: number;
-  /** Fraction of the container border-radius applied to round the arrow tip (0 = sharp point, 1 = same radius as the container corners). */
-  arrowTipRadiusFraction: number;
-}
-interface UseSvgFloatingContentReturn {
-  internalRef: RefObject<HTMLElement | null>;
-  shadowFilterId: string;
-  dimensions: {
-    width: number;
-    height: number;
-  };
-  shadows: ParsedShadow[];
-  shadowPadding: number;
-  svgPath: string | null;
-  blurClipPath: string | null;
-  blurStyle: CSSProperties;
-  visible: boolean;
-  childTransitionStyle: CSSProperties;
-  /**
-   * Pixel offset to apply as a CSS transform on the 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.
-   */
-  shift: {
-    x: number;
-    y: number;
-  };
-  /**
-   * Pass as the `updatePosition` prop to the Ariakit 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 useSvgFloatingContent({
-  open,
-  effectivePlacement,
-  borderRadius,
-  arrowRef,
-  animationDuration,
-  hideArrow,
-  arrowWidth,
-  arrowHeight,
-  arrowTipRadiusFraction
-}: UseSvgFloatingContentOptions): UseSvgFloatingContentReturn;
-//#endregion
-export { type UseSvgFloatingContentOptions, type UseSvgFloatingContentReturn, useSvgFloatingContent };

package/dist/runtime/popoverConfig.cjs

@@ -1,41 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_tokens_utils_fromEntries = require('../tokens/utils/fromEntries.cjs');
-
-//#region src/runtime/popoverConfig.ts
-const popoverSizes = ["default"];
-const placementMap = {
-	top: "top",
-	bottom: "bottom",
-	start: "left",
-	end: "right",
-	"top-start": "top-start",
-	"top-end": "top-end",
-	"bottom-start": "bottom-start",
-	"bottom-end": "bottom-end",
-	"start-top": "left-start",
-	"start-bottom": "left-end",
-	"end-top": "right-start",
-	"end-bottom": "right-end"
-};
-const configToPopoverConfigContext = ({ popover, scaleMode }) => {
-	const borderRadius = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, scaleMode.medium.borderRadius[popover.variables[`size/${s}/svgBase`].borderRadius.rest.value]]));
-	const gap = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].gap.rest.value]));
-	const spacingHorizontal = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].spacingHorizontal.rest.value]));
-	const spacingVertical = require_tokens_utils_fromEntries.fromEntries(popoverSizes.map((s) => [s, popover.variables[`size/${s}/contentWrapper`].spacingVertical.rest.value]));
-	const dismissButtonSize = { default: 32 };
-	if (Object.values(borderRadius).some((b) => typeof b !== "number")) throw new Error("borderRadius is not a number");
-	return {
-		animationDuration: 200,
-		borderRadius,
-		placementMap,
-		placement: "top",
-		gap,
-		spacingHorizontal,
-		spacingVertical,
-		dismissButtonSize
-	};
-};
-
-//#endregion
-exports.configToPopoverConfigContext = configToPopoverConfigContext;

package/dist/runtime/popoverConfig.d.cts

@@ -1,24 +0,0 @@
-
-import { PopoverPlacement, PopoverSize, SpacingAlias } from "../types/dist/index.cjs";
-import { UniversalTokensConfig } from "../config/dist/index.cjs";
-import "../tokens/index.cjs";
-import { PopoverProviderProps } from "@ariakit/react";
-
-//#region src/runtime/popoverConfig.d.ts
-type PopoverPlacementMap = Record<PopoverPlacement, PopoverProviderProps['placement']>;
-interface UDSPopoverConfigContextType {
-  animationDuration: number;
-  borderRadius: Record<PopoverSize, number>;
-  placementMap: PopoverPlacementMap;
-  placement: PopoverPlacement;
-  gap: Record<PopoverSize, SpacingAlias>;
-  spacingHorizontal: Record<PopoverSize, SpacingAlias>;
-  spacingVertical: Record<PopoverSize, SpacingAlias>;
-  dismissButtonSize: Record<PopoverSize, number>;
-}
-declare const configToPopoverConfigContext: ({
-  popover,
-  scaleMode
-}: UniversalTokensConfig) => UDSPopoverConfigContextType;
-//#endregion
-export { type UDSPopoverConfigContextType, configToPopoverConfigContext };

package/dist/runtime/popoverConfig.d.ts

@@ -1,24 +0,0 @@
-
-import { PopoverPlacement, PopoverSize, SpacingAlias } from "../types/dist/index.js";
-import { UniversalTokensConfig } from "../config/dist/index.js";
-import "../tokens/index.js";
-import { PopoverProviderProps } from "@ariakit/react";
-
-//#region src/runtime/popoverConfig.d.ts
-type PopoverPlacementMap = Record<PopoverPlacement, PopoverProviderProps['placement']>;
-interface UDSPopoverConfigContextType {
-  animationDuration: number;
-  borderRadius: Record<PopoverSize, number>;
-  placementMap: PopoverPlacementMap;
-  placement: PopoverPlacement;
-  gap: Record<PopoverSize, SpacingAlias>;
-  spacingHorizontal: Record<PopoverSize, SpacingAlias>;
-  spacingVertical: Record<PopoverSize, SpacingAlias>;
-  dismissButtonSize: Record<PopoverSize, number>;
-}
-declare const configToPopoverConfigContext: ({
-  popover,
-  scaleMode
-}: UniversalTokensConfig) => UDSPopoverConfigContextType;
-//#endregion
-export { type UDSPopoverConfigContextType, configToPopoverConfigContext };