@yahoo/uds 3.116.3 → 3.117.0

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

@@ -0,0 +1,173 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { spacingMap } from "../../../fixtures/dist/index.js";
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Box } from "../../Box.js";
+import { IconSlot } from "../../IconSlot.js";
+import { Pressable } from "../Pressable.js";
+import { PopoverInternalContext } from "./PopoverContext.js";
+import { usePopoverConfig } from "./UDSPopoverConfigProvider.js";
+import { useForkRef } from "../../../hooks/useForkRef.js";
+import { useSvgFloatingContent } from "../../../hooks/useSvgFloatingContent.js";
+import { SvgFloatingOverlay } from "../../SvgFloatingOverlay.js";
+import { forwardRef, useContext, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cross } from "@yahoo/uds-icons";
+import { Popover, PopoverArrow, PopoverDismiss, usePopoverContext, useStoreState } from "@ariakit/react";
+
+//#region src/components/client/Popover/PopoverContent.tsx
+const ARROW_HEIGHT = 12;
+const ARROW_WIDTH = 22;
+const ARROW_TIP_RADIUS_FRACTION = .3;
+const PopoverContent = forwardRef(function PopoverContent({ children, className, closeIcon = Cross, slotProps, maxWidth, maxHeight }, ref) {
+	const store = usePopoverContext();
+	const open = useStoreState(store, "open");
+	const internalContext = useContext(PopoverInternalContext);
+	const disableVerticalSpacing = internalContext?.disableVerticalSpacing ?? false;
+	const disableHorizontalSpacing = internalContext?.disableHorizontalSpacing ?? false;
+	const sameWidth = internalContext?.sameWidth ?? false;
+	const gutter = internalContext?.gutter ?? 4;
+	const currentPlacement = useStoreState(store, "currentPlacement");
+	const placement = useStoreState(store, "placement");
+	const effectivePlacement = currentPlacement ?? placement ?? "top";
+	const { borderRadius, gap, spacingHorizontal, spacingVertical, dismissButtonSpacing, dismissIconSize } = usePopoverConfig();
+	const defaultBorderRadius = borderRadius["default"];
+	const defaultGap = gap["default"];
+	const defaultSpacingHorizontal = spacingHorizontal["default"];
+	const defaultSpacingVertical = spacingVertical["default"];
+	const defaultDismissButtonSpacing = spacingMap[dismissButtonSpacing["default"]];
+	const defaultDismissButtonSize = dismissIconSize["default"] + 2 * defaultDismissButtonSpacing;
+	const arrowRef = useRef(null);
+	const reducedMotion = internalContext ? internalContext.reducedMotion : false;
+	const animationDuration = reducedMotion || !internalContext ? 0 : internalContext.animationDuration;
+	const { internalRef, shift, onPositionUpdate, ...svgFloatingContentProps } = useSvgFloatingContent({
+		open: open ?? false,
+		effectivePlacement,
+		borderRadius: defaultBorderRadius,
+		arrowRef,
+		animationDuration,
+		hideArrow: internalContext?.hideArrow,
+		arrowWidth: ARROW_WIDTH,
+		arrowHeight: ARROW_HEIGHT,
+		arrowTipRadiusFraction: ARROW_TIP_RADIUS_FRACTION
+	});
+	const mergedRef = useForkRef(ref, internalRef);
+	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
+	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
+	const classNames = {
+		root: getStyles({
+			popoverSizeRoot: "default",
+			popoverVariantRoot: "default",
+			display: "flex",
+			position: "relative",
+			className: cx("z-[9999]", "outline-none", "focus-visible:outline-none", className)
+		}),
+		contentWrapper: getStyles({
+			display: "block",
+			spacingTop: disableVerticalSpacing ? "0" : defaultSpacingVertical,
+			spacingStart: disableHorizontalSpacing ? "0" : defaultSpacingHorizontal,
+			spacingBottom: disableVerticalSpacing ? "0" : defaultSpacingVertical,
+			spacingEnd: internalContext?.hideDismissButton ? disableHorizontalSpacing ? "0" : defaultSpacingHorizontal : void 0
+		}),
+		svgBase: getStyles({
+			popoverSizeSvgBase: "default",
+			popoverVariantSvgBase: "default",
+			className: cx("uds-bgBlurFillFallback")
+		}),
+		svgBorder: getStyles({
+			popoverSizeSvgBorder: "default",
+			popoverVariantSvgBorder: "default"
+		}),
+		blur: getStyles({
+			popoverVariantBlur: "default",
+			position: "absolute",
+			width: "full",
+			height: "full",
+			className: cx("uds-bgBlurFallback", "top-0", "left-0", "z-[1]")
+		}),
+		closeIconContainer: getStyles({
+			flexShrink: "0",
+			borderRadius: "full",
+			alignItems: "center",
+			justifyContent: "center",
+			display: "flex",
+			className: cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
+		}),
+		closeIcon: getStyles({
+			popoverVariantCloseIcon: "default",
+			popoverSizeCloseIcon: "default"
+		})
+	};
+	return /* @__PURE__ */ jsxs(Popover, {
+		hideOnInteractOutside: (event) => {
+			if (internalContext && !internalContext.isControlled) return true;
+			internalContext?.onClose?.(event);
+			return false;
+		},
+		ref: mergedRef,
+		className: classNames.root,
+		portal: internalContext ? internalContext.portal : true,
+		gutter: internalContext?.hideArrow ? gutter : ARROW_HEIGHT + gutter,
+		updatePosition: onPositionUpdate,
+		style: {
+			...shift.x !== 0 || shift.y !== 0 ? { transform: `translate(${shift.x}px, ${shift.y}px)` } : {},
+			maxWidth,
+			maxHeight
+		},
+		onClose: internalContext?.onClose,
+		sameWidth,
+		autoFocusOnShow: internalContext?.disableAutoFocus ? false : (element) => {
+			element?.focus({ preventScroll: true });
+			return false;
+		},
+		autoFocusOnHide: !internalContext?.disableAutoFocus,
+		children: [
+			/* @__PURE__ */ jsx(SvgFloatingOverlay, {
+				blurClassName: classNames.blur,
+				svgClassNames: {
+					base: classNames.svgBase,
+					border: classNames.svgBorder
+				},
+				arrowHeight: ARROW_HEIGHT,
+				contentWrapperSlotProps: { alignItems: "flex-start" },
+				borderRadius: defaultBorderRadius,
+				svgBaseStyle: slotProps?.svgBase?.style,
+				svgBorderStyle: slotProps?.svgBorder?.style,
+				...svgFloatingContentProps,
+				children: /* @__PURE__ */ jsx(Box, {
+					className: cx(classNames.contentWrapper),
+					style: { paddingInlineEnd: internalContext?.hideDismissButton || disableHorizontalSpacing ? void 0 : spacingMap[defaultGap] + spacingMap[defaultSpacingHorizontal] + defaultDismissButtonSize },
+					children
+				})
+			}),
+			!internalContext?.hideDismissButton && /* @__PURE__ */ jsx(PopoverDismiss, { render: /* @__PURE__ */ jsx(Pressable, {
+				className: cx(classNames.closeIconContainer, "absolute", "z-[4]", closeIconContainerClassName),
+				...closeIconContainerProps,
+				style: {
+					...closeIconContainerProps?.style,
+					top: spacingMap[defaultSpacingVertical],
+					insetInlineEnd: spacingMap[defaultSpacingHorizontal],
+					width: defaultDismissButtonSize,
+					height: defaultDismissButtonSize,
+					...svgFloatingContentProps.childTransitionStyle
+				},
+				children: /* @__PURE__ */ jsx(IconSlot, {
+					icon: closeIcon,
+					iconProps: {
+						className: cx(classNames.closeIcon, closeIconClassName),
+						...closeIconProps
+					}
+				})
+			}) }),
+			!internalContext?.hideArrow && /* @__PURE__ */ jsx(PopoverArrow, {
+				size: 1,
+				ref: arrowRef,
+				style: { opacity: 0 }
+			})
+		]
+	});
+});
+PopoverContent.displayName = "PopoverContent";
+
+//#endregion
+export { PopoverContent };

package/dist/components/client/Popover/PopoverContext.cjs

@@ -0,0 +1,11 @@
+"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/Popover/PopoverContext.tsx
+const PopoverInternalContext = (0, react.createContext)(null);
+
+//#endregion
+exports.PopoverInternalContext = PopoverInternalContext;

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

@@ -0,0 +1,21 @@
+
+import * as react from "react";
+
+//#region src/components/client/Popover/PopoverContext.d.ts
+interface PopoverInternalContextType {
+  portal: boolean;
+  hideArrow: boolean;
+  hideDismissButton: boolean;
+  onClose?: (event: Event) => void;
+  isControlled: boolean;
+  animationDuration: number;
+  reducedMotion: boolean;
+  disableAutoFocus: boolean;
+  disableVerticalSpacing: boolean;
+  disableHorizontalSpacing: boolean;
+  sameWidth: boolean;
+  gutter: number;
+}
+declare const PopoverInternalContext: react.Context<PopoverInternalContextType | null>;
+//#endregion
+export { PopoverInternalContext };

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

@@ -0,0 +1,21 @@
+
+import * as react from "react";
+
+//#region src/components/client/Popover/PopoverContext.d.ts
+interface PopoverInternalContextType {
+  portal: boolean;
+  hideArrow: boolean;
+  hideDismissButton: boolean;
+  onClose?: (event: Event) => void;
+  isControlled: boolean;
+  animationDuration: number;
+  reducedMotion: boolean;
+  disableAutoFocus: boolean;
+  disableVerticalSpacing: boolean;
+  disableHorizontalSpacing: boolean;
+  sameWidth: boolean;
+  gutter: number;
+}
+declare const PopoverInternalContext: react.Context<PopoverInternalContextType | null>;
+//#endregion
+export { PopoverInternalContext };

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

@@ -0,0 +1,9 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { createContext } from "react";
+
+//#region src/components/client/Popover/PopoverContext.tsx
+const PopoverInternalContext = createContext(null);
+
+//#endregion
+export { PopoverInternalContext };

package/dist/components/client/Popover/PopoverTrigger.cjs

@@ -0,0 +1,26 @@
+"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_components_client_Popover_PopoverContext = require('./PopoverContext.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _ariakit_react = require("@ariakit/react");
+
+//#region src/components/client/Popover/PopoverTrigger.tsx
+function PopoverTrigger({ children }) {
+	const toggleOnClick = !(0, react.useContext)(require_components_client_Popover_PopoverContext.PopoverInternalContext)?.isControlled;
+	if ((0, react.isValidElement)(children) && children.type !== react.Fragment) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.PopoverDisclosure, {
+		render: children,
+		toggleOnClick
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.PopoverDisclosure, {
+		className: "inline",
+		toggleOnClick,
+		children
+	});
+}
+PopoverTrigger.displayName = "PopoverTrigger";
+
+//#endregion
+exports.PopoverTrigger = PopoverTrigger;

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

@@ -0,0 +1,14 @@
+
+import { UniversalPopoverTriggerProps } from "../../../types/dist/index.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Popover/PopoverTrigger.d.ts
+type PopoverTriggerProps = UniversalPopoverTriggerProps;
+declare function PopoverTrigger({
+  children
+}: PopoverTriggerProps): react_jsx_runtime0.JSX.Element;
+declare namespace PopoverTrigger {
+  var displayName: string;
+}
+//#endregion
+export { PopoverTrigger };

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

@@ -0,0 +1,14 @@
+
+import { UniversalPopoverTriggerProps } from "../../../types/dist/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Popover/PopoverTrigger.d.ts
+type PopoverTriggerProps = UniversalPopoverTriggerProps;
+declare function PopoverTrigger({
+  children
+}: PopoverTriggerProps): react_jsx_runtime0.JSX.Element;
+declare namespace PopoverTrigger {
+  var displayName: string;
+}
+//#endregion
+export { PopoverTrigger };

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

@@ -0,0 +1,24 @@
+"use client";
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { PopoverInternalContext } from "./PopoverContext.js";
+import { Fragment, isValidElement, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { PopoverDisclosure } from "@ariakit/react";
+
+//#region src/components/client/Popover/PopoverTrigger.tsx
+function PopoverTrigger({ children }) {
+	const toggleOnClick = !useContext(PopoverInternalContext)?.isControlled;
+	if (isValidElement(children) && children.type !== Fragment) return /* @__PURE__ */ jsx(PopoverDisclosure, {
+		render: children,
+		toggleOnClick
+	});
+	return /* @__PURE__ */ jsx(PopoverDisclosure, {
+		className: "inline",
+		toggleOnClick,
+		children
+	});
+}
+PopoverTrigger.displayName = "PopoverTrigger";
+
+//#endregion
+export { PopoverTrigger };

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

@@ -0,0 +1,40 @@
+"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");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/client/Popover/UDSPopoverConfigProvider.tsx
+const PopoverContext = (0, react.createContext)(void 0);
+const UDSPopoverConfigProvider = ({ children, value }) => {
+	const existingContext = (0, react.useContext)(PopoverContext);
+	if ("type" in value) {
+		if (!existingContext) throw new Error("Cannot merge context values without an existing PopoverContext");
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContext.Provider, {
+			value: {
+				...existingContext,
+				...value.value
+			},
+			children
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContext.Provider, {
+		value,
+		children
+	});
+};
+UDSPopoverConfigProvider.displayName = "UDSPopoverConfigProvider";
+function usePopoverConfig(options) {
+	const context = (0, react.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
+exports.UDSPopoverConfigProvider = UDSPopoverConfigProvider;
+exports.usePopoverConfig = usePopoverConfig;

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

@@ -0,0 +1,28 @@
+
+import { PopoverPlacement } from "../../../types/dist/index.cjs";
+import { UDSPopoverConfigContextType } from "../../../runtime/popoverConfig.cjs";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PopoverProviderProps } from "@ariakit/react";
+
+//#region src/components/client/Popover/UDSPopoverConfigProvider.d.ts
+interface UDSPopoverConfigProviderProps extends PropsWithChildren {
+  value: UDSPopoverConfigContextType | {
+    type: 'merge';
+    value: Partial<UDSPopoverConfigContextType>;
+  };
+}
+declare const UDSPopoverConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSPopoverConfigProviderProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare function usePopoverConfig(options?: {
+  placement?: PopoverPlacement;
+}): Omit<UDSPopoverConfigContextType, 'placementMap' | 'placement'> & {
+  ariaKitPlacement: PopoverProviderProps['placement'];
+};
+//#endregion
+export { type UDSPopoverConfigContextType, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, usePopoverConfig };

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

@@ -0,0 +1,28 @@
+
+import { PopoverPlacement } from "../../../types/dist/index.js";
+import { UDSPopoverConfigContextType } from "../../../runtime/popoverConfig.js";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PopoverProviderProps } from "@ariakit/react";
+
+//#region src/components/client/Popover/UDSPopoverConfigProvider.d.ts
+interface UDSPopoverConfigProviderProps extends PropsWithChildren {
+  value: UDSPopoverConfigContextType | {
+    type: 'merge';
+    value: Partial<UDSPopoverConfigContextType>;
+  };
+}
+declare const UDSPopoverConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSPopoverConfigProviderProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+declare function usePopoverConfig(options?: {
+  placement?: PopoverPlacement;
+}): Omit<UDSPopoverConfigContextType, 'placementMap' | 'placement'> & {
+  ariaKitPlacement: PopoverProviderProps['placement'];
+};
+//#endregion
+export { type UDSPopoverConfigContextType, UDSPopoverConfigProvider, type UDSPopoverConfigProviderProps, usePopoverConfig };

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

@@ -0,0 +1,37 @@
+"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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1,7 @@
+
+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

@@ -0,0 +1,7 @@
+
+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

@@ -0,0 +1,8 @@
+"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/client/Toast/Toast.cjs

@@ -42,14 +42,14 @@ const iconMap = {
 * <Toast variant="info" message="This is a toast" />
 *```
 *
-* @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
+* @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
 **/
 const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = _yahoo_uds_icons.Cross, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
 	const { iconVariant, iconSize, buttonVariant, buttonSize, size, variant, textVariant, textColor } = require_components_client_Toast_UDSToastConfigProvider.useToastConfig(sizeProp, variantProp);
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
 	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
-	const cssAnimationDuration = (0, motion_react.useReducedMotion)() || forceReduceMotion ? "duration-0" : "duration-120";
+	const reducedMotion = (0, motion_react.useReducedMotion)() || forceReduceMotion;
 	const handleClose = () => {
 		closeToast?.();
 		onClickCloseButton?.(id);
@@ -72,7 +72,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 		closeIconContainer: require_styles_styler.getStyles({
 			spacing: "2",
 			borderRadius: "full",
-			className: require_styles_styler.cx(cssAnimationDuration, "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
+			className: require_styles_styler.cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
 		}),
 		closeIcon: require_styles_styler.getStyles({
 			toastVariantCloseIcon: variant,

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

@@ -44,7 +44,7 @@ interface ToastProps extends UniversalToastProps, Partial<ReactToastifyContext>
  * <Toast variant="info" message="This is a toast" />
  *```
  *
- * @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
+ * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
  **/
 declare const Toast: {
   ({

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

@@ -44,7 +44,7 @@ interface ToastProps extends UniversalToastProps, Partial<ReactToastifyContext>
  * <Toast variant="info" message="This is a toast" />
  *```
  *
- * @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
+ * @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
  **/
 declare const Toast: {
   ({

package/dist/components/client/Toast/Toast.js

@@ -40,14 +40,14 @@ const iconMap = {
 * <Toast variant="info" message="This is a toast" />
 *```
 *
-* @related [Tooltip](https://uds.build/docs/components/tooltip), Popover (coming soon)
+* @related [Tooltip](https://uds.build/docs/components/tooltip), [Popover](https://uds.build/docs/components/popover)
 **/
 const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantProp, actionButton, onClickActionButton, startIcon, closeIcon = Cross, closeToast, slotProps, className, id, reduceMotion: forceReduceMotion }) => {
 	const { iconVariant, iconSize, buttonVariant, buttonSize, size, variant, textVariant, textColor } = useToastConfig(sizeProp, variantProp);
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: closeIconContainerClassName, ...closeIconContainerProps } = slotProps?.closeIconContainer ?? {};
 	const { className: closeIconClassName, ...closeIconProps } = slotProps?.closeIcon ?? {};
-	const cssAnimationDuration = useReducedMotion() || forceReduceMotion ? "duration-0" : "duration-120";
+	const reducedMotion = useReducedMotion() || forceReduceMotion;
 	const handleClose = () => {
 		closeToast?.();
 		onClickCloseButton?.(id);
@@ -70,7 +70,7 @@ const Toast = ({ message, onClickCloseButton, size: sizeProp, variant: variantPr
 		closeIconContainer: getStyles({
 			spacing: "2",
 			borderRadius: "full",
-			className: cx(cssAnimationDuration, "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
+			className: cx(reducedMotion ? "duration-0" : "duration-120", "transition-[background-color]", "bg-carbon-15/0", "hover:bg-carbon-15/10", "active:bg-carbon-15/15", "uds-ring")
 		}),
 		closeIcon: getStyles({
 			toastVariantCloseIcon: variant,

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

@@ -1,7 +1,7 @@
 
 import { Toast, ToastProps } from "./Toast.cjs";
+import { ToastLoadingPromise, createToast } from "./createToast.cjs";
 import { ToastContainer, ToastContainerProps } from "./ToastContainer.cjs";
 import { ToastPortal, ToastPortalProps } from "./ToastPortal.cjs";
 import { UDSToastConfigProvider, UDSToastConfigProviderProps, useToastConfig } from "./UDSToastConfigProvider.cjs";
-import { ToastLoadingPromise, createToast } from "./createToast.cjs";
 export { Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, createToast, useToastConfig };

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

@@ -1,7 +1,7 @@
 
 import { Toast, ToastProps } from "./Toast.js";
+import { ToastLoadingPromise, createToast } from "./createToast.js";
 import { ToastContainer, ToastContainerProps } from "./ToastContainer.js";
 import { ToastPortal, ToastPortalProps } from "./ToastPortal.js";
 import { UDSToastConfigProvider, UDSToastConfigProviderProps, useToastConfig } from "./UDSToastConfigProvider.js";
-import { ToastLoadingPromise, createToast } from "./createToast.js";
 export { Toast, ToastContainer, type ToastContainerProps, type ToastLoadingPromise, ToastPortal, type ToastPortalProps, type ToastProps, UDSToastConfigProvider, type UDSToastConfigProviderProps, createToast, useToastConfig };

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

@@ -34,21 +34,21 @@ let _ariakit_react = require("@ariakit/react");
 * </Tooltip>
 *```
 *
-* @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
+* @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
 **/
 function Tooltip({ children, placement, open, portal = true }) {
-	const hideOnHoverOutside = open === void 0;
-	const controlledProps = open !== void 0 ? {
+	const isControlled = open !== void 0;
+	const controlledProps = isControlled ? {
 		showTimeout: 0,
 		hideTimeout: 0,
 		timeout: 0,
-		mounted: open
+		...open ? { mounted: true } : {}
 	} : void 0;
 	const { animationDuration, ariaKitPlacement } = require_components_client_Tooltip_UDSTooltipConfigProvider.useTooltipConfig({ placement });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Tooltip_tooltipContext.TooltipInternalContext.Provider, {
 		value: {
-			hideOnHoverOutside,
-			portal
+			portal,
+			isControlled
 		},
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipProvider, {
 			placement: ariaKitPlacement,

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

@@ -30,7 +30,7 @@ type TooltipProps = UniversalTooltipProps;
  * </Tooltip>
  *```
  *
- * @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
+ * @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
  **/
 declare function Tooltip({
   children,

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

@@ -30,7 +30,7 @@ type TooltipProps = UniversalTooltipProps;
  * </Tooltip>
  *```
  *
- * @related [Toast](https://uds.build/docs/components/toast), Popover (coming soon).
+ * @related [Toast](https://uds.build/docs/components/toast), [Popover](https://uds.build/docs/components/popover)
  **/
 declare function Tooltip({
   children,