@yahoo/uds 3.116.3 → 3.117.0

package/dist/automated-config/dist/generated/universalTokensConfigAuto.cjs

@@ -11064,6 +11064,89 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
+	popover: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/closeIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/default/closeIconContainer": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"size/default/contentWrapper": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/default/root": { shadow: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } },
+			"size/default/svgBase": { borderRadius: { rest: {
+				type: "borderRadii",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/default/svgBorder": { strokeWidth: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } },
+			"variant/default/blur": { backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "alias"
+			} } },
+			"variant/default/closeIcon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": {},
+			"variant/default/svgBase": {
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-4",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-4",
+					valueType: "alias"
+				} },
+				fillOpacity: { rest: {
+					type: "opacitySteps",
+					value: "100",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/svgBorder": { stroke: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } }
+		}
+	},
 	radio: {
 		defaults: {
 			size: "sm",

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
+import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.cjs";
 import { ComponentSchema } from "../utils/buildConfigSchema.cjs";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -17,6 +17,7 @@ interface UniversalTokensConfigAuto {
   link: ComponentSchema<typeof LinkConfig>;
   menuContent: ComponentSchema<typeof MenuContentConfig>;
   menuItem: ComponentSchema<typeof MenuItemConfig>;
+  popover: ComponentSchema<typeof PopoverConfig>;
   radio: ComponentSchema<typeof RadioConfig>;
   scrim: ComponentSchema<typeof ScrimConfig>;
   switch: ComponentSchema<typeof SwitchConfig>;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.d.ts

@@ -1,5 +1,5 @@
 
-import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
+import { AvatarConfig, BadgeConfig, BottomSheetConfig, ButtonConfig, CheckboxConfig, ChipConfig, DividerConfig, IconButtonConfig, InputConfig, LinkConfig, MenuContentConfig, MenuItemConfig, PopoverConfig, RadioConfig, ScrimConfig, SwitchConfig, ToastConfig, TooltipConfig } from "./generatedConfigs.js";
 import { ComponentSchema } from "../utils/buildConfigSchema.js";
 
 //#region ../automated-config/dist/generated/universalTokensConfigAuto.d.ts
@@ -17,6 +17,7 @@ interface UniversalTokensConfigAuto {
   link: ComponentSchema<typeof LinkConfig>;
   menuContent: ComponentSchema<typeof MenuContentConfig>;
   menuItem: ComponentSchema<typeof MenuItemConfig>;
+  popover: ComponentSchema<typeof PopoverConfig>;
   radio: ComponentSchema<typeof RadioConfig>;
   scrim: ComponentSchema<typeof ScrimConfig>;
   switch: ComponentSchema<typeof SwitchConfig>;

package/dist/automated-config/dist/generated/universalTokensConfigAuto.js

@@ -11063,6 +11063,89 @@ const defaultUniversalTokensConfigAuto = {
 			} } }
 		}
 	},
+	popover: {
+		defaults: {
+			size: "default",
+			variant: "default"
+		},
+		variables: {
+			"size/default/closeIcon": { size: { rest: {
+				type: "iconSizes",
+				value: "sm",
+				valueType: "alias"
+			} } },
+			"size/default/closeIconContainer": { spacing: { rest: {
+				type: "spacingAliases",
+				value: "2",
+				valueType: "alias"
+			} } },
+			"size/default/contentWrapper": {
+				gap: { rest: {
+					type: "spacingAliases",
+					value: "3",
+					valueType: "alias"
+				} },
+				spacingHorizontal: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} },
+				spacingVertical: { rest: {
+					type: "spacingAliases",
+					value: "5",
+					valueType: "alias"
+				} }
+			},
+			"size/default/root": { shadow: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } },
+			"size/default/svgBase": { borderRadius: { rest: {
+				type: "borderRadii",
+				value: "lg",
+				valueType: "alias"
+			} } },
+			"size/default/svgBorder": { strokeWidth: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } },
+			"variant/default/blur": { backdropBlur: { rest: {
+				type: "positiveIntegers",
+				value: 0,
+				valueType: "alias"
+			} } },
+			"variant/default/closeIcon": { color: { rest: {
+				type: "foregroundPaletteColors",
+				value: "primary",
+				valueType: "alias"
+			} } },
+			"variant/default/root": {},
+			"variant/default/svgBase": {
+				backgroundColor: { rest: {
+					type: "elevationAliases",
+					value: "elevation-4",
+					valueType: "alias"
+				} },
+				blurBackgroundColorFallback: { rest: {
+					type: "elevationAliases",
+					value: "elevation-4",
+					valueType: "alias"
+				} },
+				fillOpacity: { rest: {
+					type: "opacitySteps",
+					value: "100",
+					valueType: "alias"
+				} }
+			},
+			"variant/default/svgBorder": { stroke: { rest: {
+				type: "elevationAliases",
+				value: "elevation-4",
+				valueType: "alias"
+			} } }
+		}
+	},
 	radio: {
 		defaults: {
 			size: "sm",

package/dist/cli/commands/sync.cjs

@@ -4,6 +4,7 @@ const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
 const require_defaultTokensConfig = require('../../defaultTokensConfig.cjs');
 const require_runtime_bottomSheetConfig = require('../../runtime/bottomSheetConfig.cjs');
 const require_runtime_breakpointsConfig = require('../../runtime/breakpointsConfig.cjs');
+const require_runtime_popoverConfig = require('../../runtime/popoverConfig.cjs');
 const require_runtime_toastConfig = require('../../runtime/toastConfig.cjs');
 const require_runtime_tooltipConfig = require('../../runtime/tooltipConfig.cjs');
 const require_config = require('../dist/utils/rules/config.cjs');
@@ -18,8 +19,10 @@ let node_fs = require("node:fs");
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";
 const STAGING_ENDPOINT = "https://staging.config.uds.build/api/config";
+const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app/api/config";
 function getConfigEndpoint() {
 	if (process.env.DATABASE === "staging") return STAGING_ENDPOINT;
+	if (process.env.DATABASE === "beta") return BETA_ENDPOINT;
 	if (process.env.DATABASE === "local") return `http://localhost:${process.env.PORT || 4001}/api/config`;
 	return PRODUCTION_ENDPOINT;
 }
@@ -64,6 +67,7 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(sortedConfig), "UDSBottomSheetConfigContextType"],
 				breakpoints: [require_runtime_breakpointsConfig.configToBreakpointsConfigContext(sortedConfig), "UDSBreakpointsConfigContextType"],
+				popover: [require_runtime_popoverConfig.configToPopoverConfigContext(sortedConfig), "UDSPopoverConfigContextType"],
 				toast: [require_runtime_toastConfig.configToToastConfigContext(sortedConfig), "UDSToastConfigContextType"],
 				tooltip: [require_runtime_tooltipConfig.configToTooltipConfigContext(sortedConfig), "UDSTooltipConfigContextType"]
 			};
@@ -79,12 +83,14 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);

package/dist/cli/commands/sync.js

@@ -2,6 +2,7 @@
 import { defaultTokensConfig } from "../../defaultTokensConfig.js";
 import { configToBottomSheetConfigContext } from "../../runtime/bottomSheetConfig.js";
 import { configToBreakpointsConfigContext } from "../../runtime/breakpointsConfig.js";
+import { configToPopoverConfigContext } from "../../runtime/popoverConfig.js";
 import { configToToastConfigContext } from "../../runtime/toastConfig.js";
 import { configToTooltipConfigContext } from "../../runtime/tooltipConfig.js";
 import { getEditorsWithStaleRules } from "../dist/utils/rules/config.js";
@@ -15,8 +16,10 @@ import { writeFileSync } from "node:fs";
 //#region src/cli/commands/sync.ts
 const PRODUCTION_ENDPOINT = "https://config.uds.build/api/config";
 const STAGING_ENDPOINT = "https://staging.config.uds.build/api/config";
+const BETA_ENDPOINT = "https://configurator-git-beta-yahoo-design.vercel.app/api/config";
 function getConfigEndpoint() {
 	if (process.env.DATABASE === "staging") return STAGING_ENDPOINT;
+	if (process.env.DATABASE === "beta") return BETA_ENDPOINT;
 	if (process.env.DATABASE === "local") return `http://localhost:${process.env.PORT || 4001}/api/config`;
 	return PRODUCTION_ENDPOINT;
 }
@@ -61,6 +64,7 @@ const syncCommand = {
 			const runtimeConfigs = {
 				bottomSheet: [configToBottomSheetConfigContext(sortedConfig), "UDSBottomSheetConfigContextType"],
 				breakpoints: [configToBreakpointsConfigContext(sortedConfig), "UDSBreakpointsConfigContextType"],
+				popover: [configToPopoverConfigContext(sortedConfig), "UDSPopoverConfigContextType"],
 				toast: [configToToastConfigContext(sortedConfig), "UDSToastConfigContextType"],
 				tooltip: [configToTooltipConfigContext(sortedConfig), "UDSTooltipConfigContextType"]
 			};
@@ -76,12 +80,14 @@ const syncCommand = {
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);
 			exportsJS.push(`export const runtimeConfig = {
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
+  popover: popoverRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);

package/dist/components/SvgFloatingOverlay.cjs

@@ -0,0 +1,122 @@
+/*! © 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_styles_styler = require('../styles/styler.cjs');
+const require_components_Box = require('./Box.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/SvgFloatingOverlay.tsx
+const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, svgPath, dimensions, shadows, svgClassNames, shadowFilterId, shadowPadding, arrowHeight, contentWrapperSlotProps, children, borderRadius, svgBaseStyle, svgBorderStyle }) => {
+	const svgSharedProps = {
+		"aria-hidden": true,
+		style: childTransitionStyle,
+		viewBox: `0 0 ${dimensions.width} ${dimensions.height}`
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+			className: blurClassName,
+			style: {
+				...blurStyle,
+				...childTransitionStyle
+			}
+		}),
+		svgPath && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+			...svgSharedProps,
+			className: require_styles_styler.cx("absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none", "z-[2]"),
+			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 + arrowHeight),
+					y: -(shadowPadding + arrowHeight),
+					width: dimensions.width + 2 * (shadowPadding + arrowHeight),
+					height: dimensions.height + 2 * (shadowPadding + arrowHeight),
+					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: svgClassNames.base,
+					style: svgBaseStyle
+				})
+			]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+			position: "relative",
+			flexGrow: "1",
+			overflow: "hidden",
+			...contentWrapperSlotProps,
+			className: require_styles_styler.cx("z-[3]", "max-h-full", "gap-[inherit]", contentWrapperSlotProps?.className),
+			style: {
+				...childTransitionStyle,
+				borderRadius
+			},
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+				overflow: "auto",
+				flexGrow: "1",
+				display: "block",
+				className: "max-h-full gap-[inherit]",
+				children
+			})
+		}),
+		svgPath && svgClassNames.border && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			...svgSharedProps,
+			className: require_styles_styler.cx("absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none", "z-[3]"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: svgPath,
+				className: svgClassNames.border,
+				fill: "transparent",
+				style: svgBorderStyle
+			})
+		})
+	] });
+};
+SvgFloatingOverlay.displayName = "SvgFloatingOverlay";
+
+//#endregion
+exports.SvgFloatingOverlay = SvgFloatingOverlay;

package/dist/components/SvgFloatingOverlay.d.cts

@@ -0,0 +1,42 @@
+
+import { BoxProps } from "./Box.cjs";
+import { UseSvgFloatingContentReturn } from "../hooks/useSvgFloatingContent.cjs";
+import { CSSProperties } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/SvgFloatingOverlay.d.ts
+interface SvgFloatingOverlayProps extends Pick<UseSvgFloatingContentReturn, 'blurStyle' | 'childTransitionStyle' | 'svgPath' | 'shadows' | 'shadowFilterId' | 'shadowPadding' | 'dimensions'> {
+  blurClassName: string;
+  svgClassNames: {
+    base: string;
+    border?: string;
+  };
+  arrowHeight: number;
+  children: React.ReactNode;
+  contentWrapperSlotProps?: Partial<BoxProps>;
+  borderRadius?: number;
+  svgBaseStyle?: CSSProperties;
+  svgBorderStyle?: CSSProperties;
+}
+declare const SvgFloatingOverlay: {
+  ({
+    blurClassName,
+    blurStyle,
+    childTransitionStyle,
+    svgPath,
+    dimensions,
+    shadows,
+    svgClassNames,
+    shadowFilterId,
+    shadowPadding,
+    arrowHeight,
+    contentWrapperSlotProps,
+    children,
+    borderRadius,
+    svgBaseStyle,
+    svgBorderStyle
+  }: SvgFloatingOverlayProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SvgFloatingOverlay };

package/dist/components/SvgFloatingOverlay.d.ts

@@ -0,0 +1,42 @@
+
+import { BoxProps } from "./Box.js";
+import { UseSvgFloatingContentReturn } from "../hooks/useSvgFloatingContent.js";
+import { CSSProperties } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/SvgFloatingOverlay.d.ts
+interface SvgFloatingOverlayProps extends Pick<UseSvgFloatingContentReturn, 'blurStyle' | 'childTransitionStyle' | 'svgPath' | 'shadows' | 'shadowFilterId' | 'shadowPadding' | 'dimensions'> {
+  blurClassName: string;
+  svgClassNames: {
+    base: string;
+    border?: string;
+  };
+  arrowHeight: number;
+  children: React.ReactNode;
+  contentWrapperSlotProps?: Partial<BoxProps>;
+  borderRadius?: number;
+  svgBaseStyle?: CSSProperties;
+  svgBorderStyle?: CSSProperties;
+}
+declare const SvgFloatingOverlay: {
+  ({
+    blurClassName,
+    blurStyle,
+    childTransitionStyle,
+    svgPath,
+    dimensions,
+    shadows,
+    svgClassNames,
+    shadowFilterId,
+    shadowPadding,
+    arrowHeight,
+    contentWrapperSlotProps,
+    children,
+    borderRadius,
+    svgBaseStyle,
+    svgBorderStyle
+  }: SvgFloatingOverlayProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SvgFloatingOverlay };

package/dist/components/SvgFloatingOverlay.js

@@ -0,0 +1,120 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+import { cx } from "../styles/styler.js";
+import { Box } from "./Box.js";
+import { Fragment } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SvgFloatingOverlay.tsx
+const SvgFloatingOverlay = ({ blurClassName, blurStyle, childTransitionStyle, svgPath, dimensions, shadows, svgClassNames, shadowFilterId, shadowPadding, arrowHeight, contentWrapperSlotProps, children, borderRadius, svgBaseStyle, svgBorderStyle }) => {
+	const svgSharedProps = {
+		"aria-hidden": true,
+		style: childTransitionStyle,
+		viewBox: `0 0 ${dimensions.width} ${dimensions.height}`
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(Box, {
+			className: blurClassName,
+			style: {
+				...blurStyle,
+				...childTransitionStyle
+			}
+		}),
+		svgPath && /* @__PURE__ */ jsxs("svg", {
+			...svgSharedProps,
+			className: cx("absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none", "z-[2]"),
+			children: [
+				shadows.length > 0 && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", {
+					id: shadowFilterId,
+					filterUnits: "userSpaceOnUse",
+					x: -(shadowPadding + arrowHeight),
+					y: -(shadowPadding + arrowHeight),
+					width: dimensions.width + 2 * (shadowPadding + arrowHeight),
+					height: dimensions.height + 2 * (shadowPadding + arrowHeight),
+					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: svgClassNames.base,
+					style: svgBaseStyle
+				})
+			]
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			position: "relative",
+			flexGrow: "1",
+			overflow: "hidden",
+			...contentWrapperSlotProps,
+			className: cx("z-[3]", "max-h-full", "gap-[inherit]", contentWrapperSlotProps?.className),
+			style: {
+				...childTransitionStyle,
+				borderRadius
+			},
+			children: /* @__PURE__ */ jsx(Box, {
+				overflow: "auto",
+				flexGrow: "1",
+				display: "block",
+				className: "max-h-full gap-[inherit]",
+				children
+			})
+		}),
+		svgPath && svgClassNames.border && /* @__PURE__ */ jsx("svg", {
+			...svgSharedProps,
+			className: cx("absolute top-0 left-0 w-full h-full overflow-visible pointer-events-none", "z-[3]"),
+			children: /* @__PURE__ */ jsx("path", {
+				d: svgPath,
+				className: svgClassNames.border,
+				fill: "transparent",
+				style: svgBorderStyle
+			})
+		})
+	] });
+};
+SvgFloatingOverlay.displayName = "SvgFloatingOverlay";
+
+//#endregion
+export { SvgFloatingOverlay };

package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "rootProps" | "hideEndIcon" | "active"> & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "rootProps" | "hideEndIcon" | "active"> & react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };