@yahoo/uds 3.115.0 → 3.116.0-beta.2

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

@@ -6,16 +6,19 @@ const require_styles_styler = require('../../../styles/styler.cjs');
 const require_components_Box = require('../../Box.cjs');
 const require_components_Text = require('../../Text.cjs');
 const require_components_IconSlot = require('../../IconSlot.cjs');
+const require_hooks_useForkRef = require('../../../hooks/useForkRef.cjs');
+const require_hooks_useSvgFloatingContent = require('../../../hooks/useSvgFloatingContent.cjs');
+const require_components_SvgFloatingOverlay = require('../../SvgFloatingOverlay.cjs');
 const require_components_client_Tooltip_UDSTooltipConfigProvider = require('./UDSTooltipConfigProvider.cjs');
 const require_components_client_Tooltip_tooltipContext = require('./tooltipContext.cjs');
-const require_hooks_useForkRef = require('../../../hooks/useForkRef.cjs');
-const require_components_client_Tooltip_util = require('./util.cjs');
-const require_components_client_Tooltip_useTooltipContent = require('./useTooltipContent.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
 
 //#region src/components/client/Tooltip/TooltipContent.tsx
+const ARROW_HEIGHT = 8;
+const ARROW_WIDTH = 12;
+const ARROW_TIP_RADIUS_FRACTION = .5;
 const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id }, ref) {
 	const store = (0, _ariakit_react.useTooltipContext)();
 	const open = (0, _ariakit_react.useStoreState)(store, "open");
@@ -26,25 +29,30 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
 	const { borderRadius, animationDuration } = require_components_client_Tooltip_UDSTooltipConfigProvider.useTooltipConfig();
 	const defaultBorderRadius = borderRadius["default"];
 	const arrowRef = (0, react.useRef)(null);
-	const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, tooltipShift, onPositionUpdate } = require_components_client_Tooltip_useTooltipContent.useTooltipContent({
+	const { internalRef, shift, onPositionUpdate, ...svgFloatingContentProps } = require_hooks_useSvgFloatingContent.useSvgFloatingContent({
 		open: open ?? false,
 		effectivePlacement,
-		maxWidth,
 		borderRadius: defaultBorderRadius,
 		arrowRef,
-		animationDuration
+		animationDuration,
+		arrowWidth: ARROW_WIDTH,
+		arrowHeight: ARROW_HEIGHT,
+		arrowTipRadiusFraction: ARROW_TIP_RADIUS_FRACTION
 	});
 	const mergedRef = require_hooks_useForkRef.useForkRef(ref, internalRef);
 	const classNames = {
 		root: require_styles_styler.getStyles({
 			tooltipSizeRoot: "default",
 			tooltipVariantRoot: "default",
-			className: require_styles_styler.cx(maxWidthClass, "flex", "z-[9999]", className)
+			className: require_styles_styler.cx((0, react.useMemo)(() => {
+				if (maxWidth !== void 0) return typeof maxWidth === "number" ? `max-w-[${maxWidth}px]` : `max-w-[${maxWidth}]`;
+				return "max-w-lg";
+			}, [maxWidth]), "flex", "z-[9999]", className)
 		}),
 		svg: require_styles_styler.getStyles({
 			tooltipSizeSvg: "default",
 			tooltipVariantSvg: "default",
-			className: require_styles_styler.cx("stroke-1", "uds-bgBlurFillFallback")
+			className: require_styles_styler.cx("uds-bgBlurFillFallback")
 		}),
 		blur: require_styles_styler.getStyles({
 			tooltipVariantBlur: "default",
@@ -64,122 +72,50 @@ const TooltipContent = (0, react.forwardRef)(function TooltipContent({ children,
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ariakit_react.Tooltip, {
 		ref: mergedRef,
 		className: classNames.root,
-		hideOnHoverOutside: internalContext ? internalContext.hideOnHoverOutside : void 0,
+		hideOnHoverOutside: internalContext?.isControlled ? false : void 0,
+		hideOnInteractOutside: internalContext?.isControlled ? false : void 0,
 		portal: internalContext ? internalContext.portal : true,
 		gutter: 10,
 		updatePosition: onPositionUpdate,
-		style: tooltipShift.x !== 0 || tooltipShift.y !== 0 ? { transform: `translate(${tooltipShift.x}px, ${tooltipShift.y}px)` } : void 0,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
-				className: classNames.blur,
-				style: {
-					...blurStyle,
-					...childTransitionStyle
-				}
-			}),
-			svgPath && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
-				"aria-hidden": true,
-				className: "absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none z-[2]",
-				style: childTransitionStyle,
-				viewBox: `0 0 ${dimensions.width} ${dimensions.height}`,
-				children: [
-					shadows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("filter", {
-						id: shadowFilterId,
-						filterUnits: "userSpaceOnUse",
-						x: -(shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
-						y: -(shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
-						width: dimensions.width + 2 * (shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
-						height: dimensions.height + 2 * (shadowPadding + require_components_client_Tooltip_util.ARROW_HEIGHT),
-						colorInterpolationFilters: "sRGB",
-						children: [
-							shadows.map((shadow, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [
-								shadow.spread !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMorphology", {
-									in: "SourceAlpha",
-									operator: shadow.spread > 0 ? "dilate" : "erode",
-									radius: Math.abs(shadow.spread),
-									result: `spread${i}`
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feGaussianBlur", {
-									in: shadow.spread !== 0 ? `spread${i}` : "SourceAlpha",
-									stdDeviation: shadow.blur / 2,
-									result: `blurred${i}`
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feOffset", {
-									in: `blurred${i}`,
-									dx: shadow.x,
-									dy: shadow.y,
-									result: `offset${i}`
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feFlood", {
-									floodColor: shadow.color,
-									result: `color${i}`
-								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feComposite", {
-									in: `color${i}`,
-									in2: `offset${i}`,
-									operator: "in",
-									result: `shadow${i}`
-								})
-							] }, i)),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMerge", {
-								result: "mergedShadows",
-								children: shadows.map((_, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("feMergeNode", { in: `shadow${i}` }, i))
-							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("feComposite", {
-								in: "mergedShadows",
-								in2: "SourceAlpha",
-								operator: "out"
-							})
-						]
-					}) }),
-					shadows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-						d: svgPath,
-						fill: "black",
-						filter: `url(#${shadowFilterId})`
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
-						d: svgPath,
-						className: classNames.svg
-					})
-				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
-				position: "relative",
+		style: shift.x !== 0 || shift.y !== 0 ? { transform: `translate(${shift.x}px, ${shift.y}px)` } : void 0,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_SvgFloatingOverlay.SvgFloatingOverlay, {
+			blurClassName: classNames.blur,
+			svgClassNames: { base: classNames.svg },
+			arrowHeight: ARROW_HEIGHT,
+			contentWrapperSlotProps: {
 				flexDirection: "column",
-				className: "z-[3] gap-[inherit]",
-				style: childTransitionStyle,
-				id,
-				children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
-					alignItems: "center",
-					columnGap: "1",
-					children: [startTitleIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
-						iconProps: { variant: "fill" },
-						icon: startTitleIcon,
-						className: classNames.icon
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-						className: classNames.title,
-						color: "inherit",
-						children: title
-					})]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
-					alignItems: "center",
-					columnGap: "1.5",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-						className: classNames.body,
-						color: "inherit",
-						children
-					}), endContent && !(0, react.isValidElement)(endContent) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-						className: classNames.endContent,
-						color: "inherit",
-						children: endContent
-					}) : endContent]
+				id
+			},
+			...svgFloatingContentProps,
+			children: [title && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+				alignItems: "center",
+				columnGap: "1",
+				children: [startTitleIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+					iconProps: { variant: "fill" },
+					icon: startTitleIcon,
+					className: classNames.icon
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+					className: classNames.title,
+					color: "inherit",
+					children: title
 				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipArrow, {
-				ref: arrowRef,
-				style: { opacity: 0 }
-			})
-		]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+				alignItems: "center",
+				columnGap: "1.5",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+					className: classNames.body,
+					color: "inherit",
+					children
+				}), endContent && !(0, react.isValidElement)(endContent) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+					className: classNames.endContent,
+					color: "inherit",
+					children: endContent
+				}) : endContent]
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react.TooltipArrow, {
+			ref: arrowRef,
+			style: { opacity: 0 }
+		})]
 	});
 });
 TooltipContent.displayName = "TooltipContent";

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

@@ -4,16 +4,19 @@ import { cx, getStyles } from "../../../styles/styler.js";
 import { Box } from "../../Box.js";
 import { Text } from "../../Text.js";
 import { IconSlot } from "../../IconSlot.js";
+import { useForkRef } from "../../../hooks/useForkRef.js";
+import { useSvgFloatingContent } from "../../../hooks/useSvgFloatingContent.js";
+import { SvgFloatingOverlay } from "../../SvgFloatingOverlay.js";
 import { useTooltipConfig } from "./UDSTooltipConfigProvider.js";
 import { TooltipInternalContext } from "./tooltipContext.js";
-import { useForkRef } from "../../../hooks/useForkRef.js";
-import { ARROW_HEIGHT } from "./util.js";
-import { useTooltipContent } from "./useTooltipContent.js";
-import { Fragment, forwardRef, isValidElement, useContext, useRef } from "react";
+import { forwardRef, isValidElement, useContext, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip, TooltipArrow, useStoreState, useTooltipContext } from "@ariakit/react";
 
 //#region src/components/client/Tooltip/TooltipContent.tsx
+const ARROW_HEIGHT = 8;
+const ARROW_WIDTH = 12;
+const ARROW_TIP_RADIUS_FRACTION = .5;
 const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth, startTitleIcon, title, endContent, className, id }, ref) {
 	const store = useTooltipContext();
 	const open = useStoreState(store, "open");
@@ -24,25 +27,30 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
 	const { borderRadius, animationDuration } = useTooltipConfig();
 	const defaultBorderRadius = borderRadius["default"];
 	const arrowRef = useRef(null);
-	const { internalRef, shadowFilterId, maxWidthClass, dimensions, shadows, shadowPadding, svgPath, blurStyle, childTransitionStyle, tooltipShift, onPositionUpdate } = useTooltipContent({
+	const { internalRef, shift, onPositionUpdate, ...svgFloatingContentProps } = useSvgFloatingContent({
 		open: open ?? false,
 		effectivePlacement,
-		maxWidth,
 		borderRadius: defaultBorderRadius,
 		arrowRef,
-		animationDuration
+		animationDuration,
+		arrowWidth: ARROW_WIDTH,
+		arrowHeight: ARROW_HEIGHT,
+		arrowTipRadiusFraction: ARROW_TIP_RADIUS_FRACTION
 	});
 	const mergedRef = useForkRef(ref, internalRef);
 	const classNames = {
 		root: getStyles({
 			tooltipSizeRoot: "default",
 			tooltipVariantRoot: "default",
-			className: cx(maxWidthClass, "flex", "z-[9999]", className)
+			className: cx(useMemo(() => {
+				if (maxWidth !== void 0) return typeof maxWidth === "number" ? `max-w-[${maxWidth}px]` : `max-w-[${maxWidth}]`;
+				return "max-w-lg";
+			}, [maxWidth]), "flex", "z-[9999]", className)
 		}),
 		svg: getStyles({
 			tooltipSizeSvg: "default",
 			tooltipVariantSvg: "default",
-			className: cx("stroke-1", "uds-bgBlurFillFallback")
+			className: cx("uds-bgBlurFillFallback")
 		}),
 		blur: getStyles({
 			tooltipVariantBlur: "default",
@@ -62,122 +70,50 @@ const TooltipContent = forwardRef(function TooltipContent({ children, maxWidth,
 	return /* @__PURE__ */ jsxs(Tooltip, {
 		ref: mergedRef,
 		className: classNames.root,
-		hideOnHoverOutside: internalContext ? internalContext.hideOnHoverOutside : void 0,
+		hideOnHoverOutside: internalContext?.isControlled ? false : void 0,
+		hideOnInteractOutside: internalContext?.isControlled ? false : void 0,
 		portal: internalContext ? internalContext.portal : true,
 		gutter: 10,
 		updatePosition: onPositionUpdate,
-		style: tooltipShift.x !== 0 || tooltipShift.y !== 0 ? { transform: `translate(${tooltipShift.x}px, ${tooltipShift.y}px)` } : void 0,
-		children: [
-			/* @__PURE__ */ jsx(Box, {
-				className: classNames.blur,
-				style: {
-					...blurStyle,
-					...childTransitionStyle
-				}
-			}),
-			svgPath && /* @__PURE__ */ jsxs("svg", {
-				"aria-hidden": true,
-				className: "absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none z-[2]",
-				style: childTransitionStyle,
-				viewBox: `0 0 ${dimensions.width} ${dimensions.height}`,
-				children: [
-					shadows.length > 0 && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", {
-						id: shadowFilterId,
-						filterUnits: "userSpaceOnUse",
-						x: -(shadowPadding + ARROW_HEIGHT),
-						y: -(shadowPadding + ARROW_HEIGHT),
-						width: dimensions.width + 2 * (shadowPadding + ARROW_HEIGHT),
-						height: dimensions.height + 2 * (shadowPadding + ARROW_HEIGHT),
-						colorInterpolationFilters: "sRGB",
-						children: [
-							shadows.map((shadow, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
-								shadow.spread !== 0 && /* @__PURE__ */ jsx("feMorphology", {
-									in: "SourceAlpha",
-									operator: shadow.spread > 0 ? "dilate" : "erode",
-									radius: Math.abs(shadow.spread),
-									result: `spread${i}`
-								}),
-								/* @__PURE__ */ jsx("feGaussianBlur", {
-									in: shadow.spread !== 0 ? `spread${i}` : "SourceAlpha",
-									stdDeviation: shadow.blur / 2,
-									result: `blurred${i}`
-								}),
-								/* @__PURE__ */ jsx("feOffset", {
-									in: `blurred${i}`,
-									dx: shadow.x,
-									dy: shadow.y,
-									result: `offset${i}`
-								}),
-								/* @__PURE__ */ jsx("feFlood", {
-									floodColor: shadow.color,
-									result: `color${i}`
-								}),
-								/* @__PURE__ */ jsx("feComposite", {
-									in: `color${i}`,
-									in2: `offset${i}`,
-									operator: "in",
-									result: `shadow${i}`
-								})
-							] }, i)),
-							/* @__PURE__ */ jsx("feMerge", {
-								result: "mergedShadows",
-								children: shadows.map((_, i) => /* @__PURE__ */ jsx("feMergeNode", { in: `shadow${i}` }, i))
-							}),
-							/* @__PURE__ */ jsx("feComposite", {
-								in: "mergedShadows",
-								in2: "SourceAlpha",
-								operator: "out"
-							})
-						]
-					}) }),
-					shadows.length > 0 && /* @__PURE__ */ jsx("path", {
-						d: svgPath,
-						fill: "black",
-						filter: `url(#${shadowFilterId})`
-					}),
-					/* @__PURE__ */ jsx("path", {
-						d: svgPath,
-						className: classNames.svg
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs(Box, {
-				position: "relative",
+		style: shift.x !== 0 || shift.y !== 0 ? { transform: `translate(${shift.x}px, ${shift.y}px)` } : void 0,
+		children: [/* @__PURE__ */ jsxs(SvgFloatingOverlay, {
+			blurClassName: classNames.blur,
+			svgClassNames: { base: classNames.svg },
+			arrowHeight: ARROW_HEIGHT,
+			contentWrapperSlotProps: {
 				flexDirection: "column",
-				className: "z-[3] gap-[inherit]",
-				style: childTransitionStyle,
-				id,
-				children: [title && /* @__PURE__ */ jsxs(Box, {
-					alignItems: "center",
-					columnGap: "1",
-					children: [startTitleIcon && /* @__PURE__ */ jsx(IconSlot, {
-						iconProps: { variant: "fill" },
-						icon: startTitleIcon,
-						className: classNames.icon
-					}), /* @__PURE__ */ jsx(Text, {
-						className: classNames.title,
-						color: "inherit",
-						children: title
-					})]
-				}), /* @__PURE__ */ jsxs(Box, {
-					alignItems: "center",
-					columnGap: "1.5",
-					children: [/* @__PURE__ */ jsx(Text, {
-						className: classNames.body,
-						color: "inherit",
-						children
-					}), endContent && !isValidElement(endContent) ? /* @__PURE__ */ jsx(Text, {
-						className: classNames.endContent,
-						color: "inherit",
-						children: endContent
-					}) : endContent]
+				id
+			},
+			...svgFloatingContentProps,
+			children: [title && /* @__PURE__ */ jsxs(Box, {
+				alignItems: "center",
+				columnGap: "1",
+				children: [startTitleIcon && /* @__PURE__ */ jsx(IconSlot, {
+					iconProps: { variant: "fill" },
+					icon: startTitleIcon,
+					className: classNames.icon
+				}), /* @__PURE__ */ jsx(Text, {
+					className: classNames.title,
+					color: "inherit",
+					children: title
 				})]
-			}),
-			/* @__PURE__ */ jsx(TooltipArrow, {
-				ref: arrowRef,
-				style: { opacity: 0 }
-			})
-		]
+			}), /* @__PURE__ */ jsxs(Box, {
+				alignItems: "center",
+				columnGap: "1.5",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: classNames.body,
+					color: "inherit",
+					children
+				}), endContent && !isValidElement(endContent) ? /* @__PURE__ */ jsx(Text, {
+					className: classNames.endContent,
+					color: "inherit",
+					children: endContent
+				}) : endContent]
+			})]
+		}), /* @__PURE__ */ jsx(TooltipArrow, {
+			ref: arrowRef,
+			style: { opacity: 0 }
+		})]
 	});
 });
 TooltipContent.displayName = "TooltipContent";

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

@@ -5,7 +5,6 @@ const require_runtime = require('../../../_virtual/_rolldown/runtime.cjs');
 let react = require("react");
 
 //#region src/components/client/Tooltip/tooltipContext.tsx
-/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
 const TooltipInternalContext = (0, react.createContext)(null);
 
 //#endregion

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

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

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

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

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

@@ -3,7 +3,6 @@
 import { createContext } from "react";
 
 //#region src/components/client/Tooltip/tooltipContext.tsx
-/** When true, tooltip content should hide when pointer leaves anchor/tooltip. */
 const TooltipInternalContext = createContext(null);
 
 //#endregion

package/dist/components/client/index.cjs

@@ -27,6 +27,10 @@ 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');
@@ -69,6 +73,9 @@ 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;
@@ -83,6 +90,7 @@ 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 { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.cjs";
+import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, 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,21 +37,26 @@ 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 { 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 };
+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 };

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

@@ -1,5 +1,5 @@
 
-import { UniversalTooltipContentProps, UniversalTooltipProps, UniversalTooltipTriggerProps } from "../../types/dist/index.js";
+import { UniversalPopoverContentProps, UniversalPopoverProps, UniversalPopoverTriggerProps, 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,21 +37,26 @@ 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 { 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 };
+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 };

package/dist/components/client/index.js

@@ -26,6 +26,10 @@ 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";
@@ -41,4 +45,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, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, 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, Popover, PopoverContent, PopoverTrigger, Pressable, Radio, RadioGroupProvider, SpringMotionConfig, Switch, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, createToast, useBottomSheetStore, useBreakpointsConfig, useToastConfig };