@yahoo/uds 3.116.0-beta.3 → 3.116.0

package/dist/{utils/svgFloatingContentUtils.d.ts → components/client/Tooltip/util.d.ts}

@@ -1,17 +1,62 @@
 
-//#region src/utils/svgFloatingContentUtils.d.ts
-interface SVGFloatingContentPathOptions {
+//#region src/components/client/Tooltip/util.d.ts
+interface ParsedShadow {
+  /** Horizontal offset in px. */
+  x: number;
+  /** Vertical offset in px. */
+  y: number;
+  /** Blur radius in px. */
+  blur: number;
+  /** Spread radius in px (always 0 for drop-shadow filter functions). */
+  spread: number;
+  /** The raw CSS color string (e.g. `rgb(0 0 0 / 0.12)`, `#ff0000`, `red`). */
+  color: string;
+}
+/**
+ * Parses a CSS shadow value — which may contain multiple comma-separated
+ * layers — into an array of {@link ParsedShadow} objects.
+ *
+ * @example
+ * ```ts
+ * parseShadow('0px 4px 8px 0px rgb(0 0 0 / 0.12)')
+ * // → [{ x: 0, y: 4, blur: 8, spread: 0, color: 'rgb(0 0 0 / 0.12)' }]
+ *
+ * parseShadow('0px 4px 8px rgb(0 0 0 / 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08)')
+ * // → [
+ * //     { x: 0, y: 4, blur: 8, spread: 0, color: 'rgb(0 0 0 / 0.12)' },
+ * //     { x: 0, y: 1, blur: 2, spread: 0, color: 'rgba(0, 0, 0, 0.08)' },
+ * //   ]
+ * ```
+ */
+declare function parseShadow(shadowValue: string): ParsedShadow[];
+/** Base width of the arrow triangle (px). */
+declare const ARROW_WIDTH = 12;
+/** Height (protrusion) of the arrow triangle from the edge (px). */
+declare const ARROW_HEIGHT = 8;
+/**
+ * Fraction of the container border-radius applied to round the arrow tip
+ * (0 = sharp point, 1 = same radius as the container corners).
+ */
+declare const ARROW_TIP_RADIUS_FRACTION = 0.5;
+type ArrowSide = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Returns the side of the tooltip where the arrow should appear.
+ * The arrow points *toward* the trigger, so it lives on the opposite
+ * side of the placement direction.
+ */
+declare function getArrowSide(placement: string): ArrowSide;
+interface TooltipPathOptions {
   width: number;
   height: number;
   placement: string;
   borderRadius: number;
-  arrowWidth: number;
-  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;
+  arrowWidth?: number;
+  arrowHeight?: number;
   /**
    * Position of the arrow center along the arrow's edge (px), measured from
    * the start of that edge (left for top/bottom sides, top for left/right).
+   * Typically derived from the Ariakit `TooltipArrow` element's position
+   * within the tooltip.
    *
    * Clamped so the arrow never collides with the border-radius curve
    * Falls back to the midpoint of the edge when omitted.
@@ -22,21 +67,6 @@ interface SVGFloatingContentPathOptions {
   /** Shift every coordinate in the path by this many pixels on the y-axis. */
   offsetY?: number;
 }
-interface ArrowClampDeltaOptions {
-  width: number;
-  height: number;
-  placement: string;
-  borderRadius: number;
-  arrowCenter: number;
-  arrowWidth: number;
-}
-type ArrowSide = 'top' | 'bottom' | 'left' | 'right';
-/**
- * Returns the side of the element where the arrow should appear.
- * The arrow points *toward* the trigger, so it lives on the opposite
- * side of the placement direction.
- */
-declare function getArrowSide(placement: string): ArrowSide;
 /**
  * Generates an SVG `<path>` string for a rounded rectangle with an arrow
  * pointing toward the trigger element.
@@ -45,18 +75,25 @@ declare function getArrowSide(placement: string): ArrowSide;
  * appropriate edge.  The arrow extends *outside* the 0,0 → width,height
  * rectangle so the host `<svg>` must use `overflow: visible`.
  */
-declare function generateSvgFloatingContentPath({
+declare function generateTooltipPath({
   width,
   height,
   placement,
   borderRadius,
   arrowWidth,
   arrowHeight,
-  arrowTipRadiusFraction,
   arrowCenter,
   offsetX: ox,
   offsetY: oy
-}: SVGFloatingContentPathOptions): string;
+}: TooltipPathOptions): string;
+interface ArrowClampDeltaOptions {
+  width: number;
+  height: number;
+  placement: string;
+  borderRadius: number;
+  arrowCenter: number;
+  arrowWidth?: number;
+}
 /**
  * Computes the pixel offset the tooltip must shift so that the SVG arrow
  * (after clamping) visually aligns with the Ariakit arrow's actual position.
@@ -78,4 +115,4 @@ declare function getArrowClampDelta({
   y: number;
 };
 //#endregion
-export { generateSvgFloatingContentPath, getArrowClampDelta, getArrowSide };
+export { ARROW_HEIGHT, ARROW_TIP_RADIUS_FRACTION, ARROW_WIDTH, type ArrowClampDeltaOptions, type ArrowSide, type ParsedShadow, type TooltipPathOptions, generateTooltipPath, getArrowClampDelta, getArrowSide, parseShadow };

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

@@ -0,0 +1,240 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/components/client/Tooltip/util.ts
+/**
+* Splits a CSS value on whitespace, but keeps parenthesized groups
+* (e.g. `rgb(0, 0, 0)`) together as single tokens.
+*/
+function tokenizeCSSValue(value) {
+	const tokens = [];
+	let current = "";
+	let depth = 0;
+	for (const char of value) {
+		if (char === "(") depth++;
+		if (char === ")") depth--;
+		if (char === " " && depth === 0) {
+			if (current) tokens.push(current);
+			current = "";
+		} else current += char;
+	}
+	if (current) tokens.push(current);
+	return tokens;
+}
+/**
+* Returns `true` if the token is a CSS color value.
+*
+* In a box-shadow context (after filtering `inset`), every token is either a
+* length or a color. Colors always start with `#` (hex), a letter (named
+* colors like `red`, `transparent`, `currentcolor`), or are a CSS function
+* containing `(` (e.g. `rgb(…)`, `hsl(…)`, `oklch(…)`).
+*/
+function isColorToken(token) {
+	const ch = token[0];
+	return ch !== "-" && ch !== "." && (ch < "0" || ch > "9");
+}
+/**
+* Splits a CSS multi-shadow value (comma-separated) into individual
+* shadow strings, correctly handling commas nested inside color functions
+* like `rgb()`, `rgba()`, `hsl()`, etc.
+*/
+function splitShadows(value) {
+	const shadows = [];
+	let current = "";
+	let depth = 0;
+	for (let i = 0; i < value.length; i++) {
+		const char = value[i];
+		if (char === "(") {
+			depth++;
+			current += char;
+		} else if (char === ")") {
+			depth--;
+			current += char;
+		} else if (char === "," && depth === 0) {
+			if (current.trim()) shadows.push(current.trim());
+			current = "";
+		} else current += char;
+	}
+	if (current.trim()) shadows.push(current.trim());
+	return shadows;
+}
+/**
+* Parses a single CSS shadow value string into its constituent parts.
+*
+* Handles all standard CSS box-shadow / drop-shadow permutations:
+* - Color before or after length values (`red 0 4px 8px` or `0 4px 8px red`)
+* - Optional blur and spread radii (defaults to 0)
+* - `inset` keyword at any position (silently ignored)
+* - All color formats: named, hex (3/4/6/8-digit), rgb/rgba, hsl/hsla, oklch,
+*   oklab, lab, lch, color(), color-mix(), light-dark(), etc.
+* - `none` / empty values → zeroed-out result with `transparent` color
+*/
+function parseSingleShadow(shadow) {
+	const value = shadow.trim();
+	if (!value || value.toLowerCase() === "none") return {
+		x: 0,
+		y: 0,
+		blur: 0,
+		spread: 0,
+		color: "transparent"
+	};
+	const tokens = tokenizeCSSValue(value);
+	const lengths = [];
+	const colorParts = [];
+	for (const token of tokens) {
+		if (token.toLowerCase() === "inset") continue;
+		if (isColorToken(token)) colorParts.push(token);
+		else lengths.push(token);
+	}
+	return {
+		x: lengths.length > 0 ? parseFloat(lengths[0]) : 0,
+		y: lengths.length > 1 ? parseFloat(lengths[1]) : 0,
+		blur: lengths.length > 2 ? parseFloat(lengths[2]) : 0,
+		spread: lengths.length > 3 ? parseFloat(lengths[3]) : 0,
+		color: colorParts.length > 0 ? colorParts.join(" ") : "rgb(0 0 0 / 1)"
+	};
+}
+/**
+* Parses a CSS shadow value — which may contain multiple comma-separated
+* layers — into an array of {@link ParsedShadow} objects.
+*
+* @example
+* ```ts
+* parseShadow('0px 4px 8px 0px rgb(0 0 0 / 0.12)')
+* // → [{ x: 0, y: 4, blur: 8, spread: 0, color: 'rgb(0 0 0 / 0.12)' }]
+*
+* parseShadow('0px 4px 8px rgb(0 0 0 / 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08)')
+* // → [
+* //     { x: 0, y: 4, blur: 8, spread: 0, color: 'rgb(0 0 0 / 0.12)' },
+* //     { x: 0, y: 1, blur: 2, spread: 0, color: 'rgba(0, 0, 0, 0.08)' },
+* //   ]
+* ```
+*/
+function parseShadow(shadowValue) {
+	const trimmed = shadowValue.trim();
+	if (!trimmed || trimmed.toLowerCase() === "none") return [];
+	return splitShadows(trimmed).map(parseSingleShadow);
+}
+/** Base width of the arrow triangle (px). */
+const ARROW_WIDTH = 12;
+/** Height (protrusion) of the arrow triangle from the edge (px). */
+const ARROW_HEIGHT = 8;
+/**
+* Fraction of the container border-radius applied to round the arrow tip
+* (0 = sharp point, 1 = same radius as the container corners).
+*/
+const ARROW_TIP_RADIUS_FRACTION = .5;
+/**
+* Returns the side of the tooltip where the arrow should appear.
+* The arrow points *toward* the trigger, so it lives on the opposite
+* side of the placement direction.
+*/
+function getArrowSide(placement) {
+	switch (placement.split("-")[0]) {
+		case "bottom": return "top";
+		case "top": return "bottom";
+		case "left": return "right";
+		case "right": return "left";
+		default: return "top";
+	}
+}
+/**
+* Generates an SVG `<path>` string for a rounded rectangle with an arrow
+* pointing toward the trigger element.
+*
+* The path is traced clockwise, inserting the arrow triangle on the
+* appropriate edge.  The arrow extends *outside* the 0,0 → width,height
+* rectangle so the host `<svg>` must use `overflow: visible`.
+*/
+function generateTooltipPath({ width, height, placement, borderRadius, arrowWidth = ARROW_WIDTH, arrowHeight = ARROW_HEIGHT, arrowCenter, offsetX: ox = 0, offsetY: oy = 0 }) {
+	const aw = arrowWidth / 2;
+	const ah = arrowHeight;
+	const arrowSide = getArrowSide(placement);
+	const arrowEdge = arrowSide === "top" || arrowSide === "bottom" ? width : height;
+	const otherEdge = arrowSide === "top" || arrowSide === "bottom" ? height : width;
+	const maxRadius = Math.min(otherEdge / 2, (arrowEdge - arrowWidth) / 2);
+	const r = Math.max(0, Math.min(borderRadius, maxRadius));
+	const minAc = r + aw;
+	const edgeLength = arrowSide === "top" || arrowSide === "bottom" ? width : height;
+	let ac = arrowCenter ?? edgeLength / 2;
+	ac = Math.max(minAc, Math.min(edgeLength - minAc, ac));
+	const edgeLen = Math.sqrt(aw * aw + ah * ah);
+	const tipR = r > 0 && edgeLen > 0 ? Math.min(r * ARROW_TIP_RADIUS_FRACTION, edgeLen / 2) : 0;
+	const daw = edgeLen > 0 ? aw / edgeLen : 0;
+	const dah = edgeLen > 0 ? ah / edgeLen : 0;
+	const d = [];
+	d.push(`M ${r + ox} ${oy}`);
+	if (arrowSide === "top") {
+		d.push(`L ${ac - aw + ox} ${oy}`);
+		if (tipR > 0) {
+			d.push(`L ${ac - tipR * daw + ox} ${-ah + tipR * dah + oy}`);
+			d.push(`Q ${ac + ox} ${-ah + oy} ${ac + tipR * daw + ox} ${-ah + tipR * dah + oy}`);
+		} else d.push(`L ${ac + ox} ${-ah + oy}`);
+		d.push(`L ${ac + aw + ox} ${oy}`);
+	}
+	d.push(`L ${width - r + ox} ${oy}`);
+	d.push(`A ${r} ${r} 0 0 1 ${width + ox} ${r + oy}`);
+	if (arrowSide === "right") {
+		d.push(`L ${width + ox} ${ac - aw + oy}`);
+		if (tipR > 0) {
+			d.push(`L ${width + ah - tipR * dah + ox} ${ac - tipR * daw + oy}`);
+			d.push(`Q ${width + ah + ox} ${ac + oy} ${width + ah - tipR * dah + ox} ${ac + tipR * daw + oy}`);
+		} else d.push(`L ${width + ah + ox} ${ac + oy}`);
+		d.push(`L ${width + ox} ${ac + aw + oy}`);
+	}
+	d.push(`L ${width + ox} ${height - r + oy}`);
+	d.push(`A ${r} ${r} 0 0 1 ${width - r + ox} ${height + oy}`);
+	if (arrowSide === "bottom") {
+		d.push(`L ${ac + aw + ox} ${height + oy}`);
+		if (tipR > 0) {
+			d.push(`L ${ac + tipR * daw + ox} ${height + ah - tipR * dah + oy}`);
+			d.push(`Q ${ac + ox} ${height + ah + oy} ${ac - tipR * daw + ox} ${height + ah - tipR * dah + oy}`);
+		} else d.push(`L ${ac + ox} ${height + ah + oy}`);
+		d.push(`L ${ac - aw + ox} ${height + oy}`);
+	}
+	d.push(`L ${r + ox} ${height + oy}`);
+	d.push(`A ${r} ${r} 0 0 1 ${ox} ${height - r + oy}`);
+	if (arrowSide === "left") {
+		d.push(`L ${ox} ${ac + aw + oy}`);
+		if (tipR > 0) {
+			d.push(`L ${-ah + tipR * dah + ox} ${ac + tipR * daw + oy}`);
+			d.push(`Q ${-ah + ox} ${ac + oy} ${-ah + tipR * dah + ox} ${ac - tipR * daw + oy}`);
+		} else d.push(`L ${-ah + ox} ${ac + oy}`);
+		d.push(`L ${ox} ${ac - aw + oy}`);
+	}
+	d.push(`L ${ox} ${r + oy}`);
+	d.push(`A ${r} ${r} 0 0 1 ${r + ox} ${oy}`);
+	d.push("Z");
+	return d.join(" ");
+}
+/**
+* Computes the pixel offset the tooltip must shift so that the SVG arrow
+* (after clamping) visually aligns with the Ariakit arrow's actual position.
+*
+* When the desired `arrowCenter` falls inside the safe zone the delta is 0.
+* When it falls outside (e.g. a tiny trigger near a rounded corner), the
+* returned delta tells the caller how far to translate the tooltip element
+* so the clamped arrow ends up over the trigger center.
+*/
+function getArrowClampDelta({ width, height, placement, borderRadius, arrowCenter, arrowWidth = ARROW_WIDTH }) {
+	const aw = arrowWidth / 2;
+	const side = getArrowSide(placement);
+	const arrowEdge = side === "top" || side === "bottom" ? width : height;
+	const otherEdge = side === "top" || side === "bottom" ? height : width;
+	const maxRadius = Math.min(otherEdge / 2, (arrowEdge - arrowWidth) / 2);
+	const minAc = Math.max(0, Math.min(borderRadius, maxRadius)) + aw;
+	const maxAc = arrowEdge - minAc;
+	let delta = 0;
+	if (arrowCenter < minAc) delta = arrowCenter - minAc;
+	else if (arrowCenter > maxAc) delta = arrowCenter - maxAc;
+	if (side === "top" || side === "bottom") return {
+		x: delta,
+		y: 0
+	};
+	return {
+		x: 0,
+		y: delta
+	};
+}
+
+//#endregion
+export { ARROW_HEIGHT, ARROW_TIP_RADIUS_FRACTION, ARROW_WIDTH, generateTooltipPath, getArrowClampDelta, getArrowSide, parseShadow };

package/dist/components/client/index.cjs

@@ -27,10 +27,6 @@ const require_components_client_IconButton = require('./IconButton.cjs');
 const require_components_client_Input_Input = require('./Input/Input.cjs');
 const require_components_client_Input_InputHelpText = require('./Input/InputHelpText.cjs');
 const require_components_client_Menu_Menu_index = require('./Menu/Menu.index.cjs');
-const require_components_client_Popover_UDSPopoverConfigProvider = require('./Popover/UDSPopoverConfigProvider.cjs');
-const require_components_client_Popover_Popover = require('./Popover/Popover.cjs');
-const require_components_client_Popover_PopoverContent = require('./Popover/PopoverContent.cjs');
-const require_components_client_Popover_PopoverTrigger = require('./Popover/PopoverTrigger.cjs');
 const require_components_client_providers_UDSBreakpointsConfigProvider = require('./providers/UDSBreakpointsConfigProvider.cjs');
 const require_components_client_Toast_UDSToastConfigProvider = require('./Toast/UDSToastConfigProvider.cjs');
 const require_components_client_Tooltip_UDSTooltipConfigProvider = require('./Tooltip/UDSTooltipConfigProvider.cjs');
@@ -73,9 +69,6 @@ Object.defineProperty(exports, 'Menu', {
     return require_components_client_Menu_Menu_index.Menu_index_exports;
   }
 });
-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.Pressable = require_components_client_Pressable.Pressable;
 exports.Radio = require_components_client_Radio_Radio.Radio;
 exports.RadioGroupProvider = require_components_client_Radio_RadioGroupProvider.RadioGroupProvider;
@@ -90,7 +83,6 @@ exports.TooltipTrigger = require_components_client_Tooltip_TooltipTrigger.Toolti
 exports.UDSBottomSheetConfigProvider = require_components_client_BottomSheet_UDSBottomSheetConfigProvider.UDSBottomSheetConfigProvider;
 exports.UDSBreakpointsConfigProvider = require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider;
 exports.UDSConfigProvider = require_components_client_providers_UDSConfigProvider.UDSConfigProvider;
-exports.UDSPopoverConfigProvider = require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider;
 exports.UDSToastConfigProvider = require_components_client_Toast_UDSToastConfigProvider.UDSToastConfigProvider;
 exports.UDSTooltipConfigProvider = require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider;
 exports.createToast = require_components_client_Toast_createToast.createToast;

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

@@ -1,5 +1,5 @@
 
-import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.cjs";
+import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.cjs";
 import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.cjs";
 import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.cjs";
 import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.cjs";
@@ -37,26 +37,21 @@ import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.cjs";
 import { MenuTriggerProps } from "./Menu/Menu.Trigger.cjs";
 import { Menu_index_d_exports } from "./Menu/Menu.index.cjs";
 import "./Menu/index.cjs";
-import { Popover } from "./Popover/Popover.cjs";
-import { PopoverTrigger } from "./Popover/PopoverTrigger.cjs";
-import { UDSPopoverConfigProvider, UDSPopoverConfigProviderProps } from "./Popover/UDSPopoverConfigProvider.cjs";
-import "./Popover/index.cjs";
-import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./providers/UDSBreakpointsConfigProvider.cjs";
-import { UDSConfigProvider, UDSConfigProviderProps } from "./providers/UDSConfigProvider.cjs";
 import { Radio, RadioProps } from "./Radio/Radio.cjs";
 import { RadioGroupProvider, RadioGroupProviderProps } from "./Radio/RadioGroupProvider.cjs";
 import "./Radio/index.cjs";
 import { Switch, SwitchProps } from "./Switch.cjs";
 import { Toast, ToastProps } from "./Toast/Toast.cjs";
-import { ToastLoadingPromise, createToast } from "./Toast/createToast.cjs";
 import { ToastContainer, ToastContainerProps } from "./Toast/ToastContainer.cjs";
 import { ToastPortal, ToastPortalProps } from "./Toast/ToastPortal.cjs";
 import { UDSToastConfigProvider, UDSToastConfigProviderProps, useToastConfig } from "./Toast/UDSToastConfigProvider.cjs";
+import { ToastLoadingPromise, createToast } from "./Toast/createToast.cjs";
 import "./Toast/index.cjs";
 import { Tooltip } from "./Tooltip/Tooltip.cjs";
 import { TooltipContent } from "./Tooltip/TooltipContent.cjs";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.cjs";
 import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./Tooltip/UDSTooltipConfigProvider.cjs";
 import "./Tooltip/index.cjs";
-import { PopoverContent } from "./Popover/PopoverContent.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };
+import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./providers/UDSBreakpointsConfigProvider.cjs";
+import { UDSConfigProvider, UDSConfigProviderProps } from "./providers/UDSConfigProvider.cjs";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

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

@@ -1,5 +1,5 @@
 
-import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.js";
+import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.js";
 import { SpringMotionConfig, SpringMotionConfigProps } from "./SpringMotionConfig.js";
 import { AvatarIcon, AvatarIconProps } from "./Avatar/AvatarIcon.js";
 import { AvatarText, AvatarTextProps } from "./Avatar/AvatarText.js";
@@ -37,26 +37,21 @@ import { MenuPlacement, MenuProviderProps } from "./Menu/Menu.Provider.js";
 import { MenuTriggerProps } from "./Menu/Menu.Trigger.js";
 import { Menu_index_d_exports } from "./Menu/Menu.index.js";
 import "./Menu/index.js";
-import { Popover } from "./Popover/Popover.js";
-import { PopoverTrigger } from "./Popover/PopoverTrigger.js";
-import { UDSPopoverConfigProvider, UDSPopoverConfigProviderProps } from "./Popover/UDSPopoverConfigProvider.js";
-import "./Popover/index.js";
-import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./providers/UDSBreakpointsConfigProvider.js";
-import { UDSConfigProvider, UDSConfigProviderProps } from "./providers/UDSConfigProvider.js";
 import { Radio, RadioProps } from "./Radio/Radio.js";
 import { RadioGroupProvider, RadioGroupProviderProps } from "./Radio/RadioGroupProvider.js";
 import "./Radio/index.js";
 import { Switch, SwitchProps } from "./Switch.js";
 import { Toast, ToastProps } from "./Toast/Toast.js";
-import { ToastLoadingPromise, createToast } from "./Toast/createToast.js";
 import { ToastContainer, ToastContainerProps } from "./Toast/ToastContainer.js";
 import { ToastPortal, ToastPortalProps } from "./Toast/ToastPortal.js";
 import { UDSToastConfigProvider, UDSToastConfigProviderProps, useToastConfig } from "./Toast/UDSToastConfigProvider.js";
+import { ToastLoadingPromise, createToast } from "./Toast/createToast.js";
 import "./Toast/index.js";
 import { Tooltip } from "./Tooltip/Tooltip.js";
 import { TooltipContent } from "./Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.js";
 import { UDSTooltipConfigProvider, UDSTooltipConfigProviderProps } from "./Tooltip/UDSTooltipConfigProvider.js";
 import "./Tooltip/index.js";
-import { PopoverContent } from "./Popover/PopoverContent.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Popover, PopoverContent, type UniversalPopoverContentProps as PopoverContentProps, type UniversalPopoverProps as PopoverProps, PopoverTrigger, type UniversalPopoverTriggerProps as PopoverTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };
+import { UDSBreakpointsConfigProvider, UDSBreakpointsConfigProviderProps, useBreakpointsConfig } from "./providers/UDSBreakpointsConfigProvider.js";
+import { UDSConfigProvider, UDSConfigProviderProps } from "./providers/UDSConfigProvider.js";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, Badge, type BadgeProps, BottomSheet, BottomSheetContent, type BottomSheetContentProps, type BottomSheetController, BottomSheetDismiss, type BottomSheetDismissProps, BottomSheetHeader, type BottomSheetHeaderProps, type BottomSheetProps, BottomSheetProvider, type BottomSheetProviderProps, BottomSheetTrigger, type BottomSheetTriggerProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, IconButton, type IconButtonProps, Input, InputHelpText, type InputHelpTextProps, type InputProps, Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, Pressable, type PressableProps, Radio, RadioGroupProvider, type RadioGroupProviderProps, type RadioProps, SpringMotionConfig, type SpringMotionConfigProps, Switch, type SwitchProps, Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, Tooltip, TooltipContent, type UniversalTooltipContentProps as TooltipContentProps, type UniversalTooltipProps as TooltipProps, TooltipTrigger, type UniversalTooltipTriggerProps as TooltipTriggerProps, UDSBottomSheetConfigProvider, type UDSBottomSheetConfigProviderProps, UDSBreakpointsConfigProvider, type UDSBreakpointsConfigProviderProps, UDSConfigProvider, type UDSConfigProviderProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, UDSTooltipConfigProvider, type UDSTooltipConfigProviderProps, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/components/client/index.js

@@ -26,10 +26,6 @@ import { IconButton } from "./IconButton.js";
 import { Input } from "./Input/Input.js";
 import { InputHelpText } from "./Input/InputHelpText.js";
 import { Menu_index_exports } from "./Menu/Menu.index.js";
-import { UDSPopoverConfigProvider } from "./Popover/UDSPopoverConfigProvider.js";
-import { Popover } from "./Popover/Popover.js";
-import { PopoverContent } from "./Popover/PopoverContent.js";
-import { PopoverTrigger } from "./Popover/PopoverTrigger.js";
 import { UDSBreakpointsConfigProvider, useBreakpointsConfig } from "./providers/UDSBreakpointsConfigProvider.js";
 import { UDSToastConfigProvider, useToastConfig } from "./Toast/UDSToastConfigProvider.js";
 import { UDSTooltipConfigProvider } from "./Tooltip/UDSTooltipConfigProvider.js";
@@ -45,4 +41,4 @@ import { Tooltip } from "./Tooltip/Tooltip.js";
 import { TooltipContent } from "./Tooltip/TooltipContent.js";
 import { TooltipTrigger } from "./Tooltip/TooltipTrigger.js";
 
-export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, Badge, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHeader, BottomSheetProvider, BottomSheetTrigger, Button, Checkbox, Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, IconButton, Input, InputHelpText, Menu_index_exports as Menu, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };

package/dist/components/client/providers/UDSConfigProvider.cjs

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
 const require_components_client_BottomSheet_UDSBottomSheetConfigProvider = require('../BottomSheet/UDSBottomSheetConfigProvider.cjs');
-const require_components_client_Popover_UDSPopoverConfigProvider = require('../Popover/UDSPopoverConfigProvider.cjs');
 const require_components_client_providers_UDSBreakpointsConfigProvider = require('./UDSBreakpointsConfigProvider.cjs');
 const require_components_client_Toast_UDSToastConfigProvider = require('../Toast/UDSToastConfigProvider.cjs');
 const require_components_client_Tooltip_UDSTooltipConfigProvider = require('../Tooltip/UDSTooltipConfigProvider.cjs');
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/client/providers/UDSConfigProvider.tsx
-const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast, tooltip, popover } }) => {
+const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast, tooltip } }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_providers_UDSBreakpointsConfigProvider.UDSBreakpointsConfigProvider, {
 		value: breakpoints,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_BottomSheet_UDSBottomSheetConfigProvider.UDSBottomSheetConfigProvider, {
@@ -19,10 +18,7 @@ const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast,
 				value: toast,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Tooltip_UDSTooltipConfigProvider.UDSTooltipConfigProvider, {
 					value: tooltip,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Popover_UDSPopoverConfigProvider.UDSPopoverConfigProvider, {
-						value: popover,
-						children
-					})
+					children
 				})
 			})
 		})

package/dist/components/client/providers/UDSConfigProvider.d.cts

@@ -14,8 +14,7 @@ declare const UDSConfigProvider: {
       bottomSheet,
       breakpoints,
       toast,
-      tooltip,
-      popover
+      tooltip
     }
   }: UDSConfigProviderProps): react_jsx_runtime0.JSX.Element;
   displayName: string;

package/dist/components/client/providers/UDSConfigProvider.d.ts

@@ -14,8 +14,7 @@ declare const UDSConfigProvider: {
       bottomSheet,
       breakpoints,
       toast,
-      tooltip,
-      popover
+      tooltip
     }
   }: UDSConfigProviderProps): react_jsx_runtime0.JSX.Element;
   displayName: string;

package/dist/components/client/providers/UDSConfigProvider.js

@@ -1,14 +1,13 @@
 "use client";
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { UDSBottomSheetConfigProvider } from "../BottomSheet/UDSBottomSheetConfigProvider.js";
-import { UDSPopoverConfigProvider } from "../Popover/UDSPopoverConfigProvider.js";
 import { UDSBreakpointsConfigProvider } from "./UDSBreakpointsConfigProvider.js";
 import { UDSToastConfigProvider } from "../Toast/UDSToastConfigProvider.js";
 import { UDSTooltipConfigProvider } from "../Tooltip/UDSTooltipConfigProvider.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/client/providers/UDSConfigProvider.tsx
-const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast, tooltip, popover } }) => {
+const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast, tooltip } }) => {
 	return /* @__PURE__ */ jsx(UDSBreakpointsConfigProvider, {
 		value: breakpoints,
 		children: /* @__PURE__ */ jsx(UDSBottomSheetConfigProvider, {
@@ -17,10 +16,7 @@ const UDSConfigProvider = ({ children, value: { bottomSheet, breakpoints, toast,
 				value: toast,
 				children: /* @__PURE__ */ jsx(UDSTooltipConfigProvider, {
 					value: tooltip,
-					children: /* @__PURE__ */ jsx(UDSPopoverConfigProvider, {
-						value: popover,
-						children
-					})
+					children
 				})
 			})
 		})

package/dist/components/experimental/client/{ExperimentalPopover.cjs → Popover.cjs}

@@ -9,8 +9,7 @@ react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
 
-//#region src/components/experimental/client/ExperimentalPopover.tsx
-/** @deprecated Use `Popover` and `PopoverContent` from `@yahoo/uds` instead. */
+//#region src/components/experimental/client/Popover.tsx
 function PopoverHeading({ children, leading, trailing }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, { children: [
 		leading,
@@ -24,21 +23,13 @@ function PopoverHeading({ children, leading, trailing }) {
 	] });
 }
 PopoverHeading.displayName = "PopoverHeading";
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const Popover = _ariakit_react.Popover;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverArrow = _ariakit_react.PopoverArrow;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverAnchor = _ariakit_react.PopoverAnchor;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverDescription = _ariakit_react.PopoverDescription;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverDismiss = _ariakit_react.PopoverDismiss;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverProvider = _ariakit_react.PopoverProvider;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverDisclosure = _ariakit_react.PopoverDisclosure;
-/** @deprecated Use `Popover` from `@yahoo/uds` instead. */
 const PopoverDisclosureArrow = _ariakit_react.PopoverDisclosureArrow;
 
 //#endregion

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

@@ -0,0 +1,29 @@
+
+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 as PopoverProps$1, PopoverProvider as PopoverProvider$1, usePopoverStore } from "@ariakit/react";
+
+//#region src/components/experimental/client/Popover.d.ts
+interface PopoverHeadingProps extends PropsWithChildren {
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+}
+declare function PopoverHeading({
+  children,
+  leading,
+  trailing
+}: PopoverHeadingProps): react_jsx_runtime0.JSX.Element;
+declare namespace PopoverHeading {
+  var displayName: string;
+}
+type PopoverProps = Omit<PopoverProps$1, 'key'>;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime0.JSX.Element | null;
+declare const PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+//#endregion
+export { Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, type PopoverProps, PopoverProvider, usePopoverStore };