@yahoo/uds-mobile 2.17.0 → 2.19.0

package/dist/components/Popover/PopoverContent.js

@@ -0,0 +1,124 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useAnchoredPosition } from "../internal/Overlay/useAnchoredPosition.js";
+import { PopoverContext, usePopoverContext } from "./PopoverContext.js";
+import { PopoverPortalLayer } from "./PopoverPortalLayer.js";
+import { PopoverSurface } from "./PopoverSurface.js";
+import { memo, useCallback, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { popoverStyles } from "../../../generated/styles";
+import { Easing, useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+//#region src/components/Popover/PopoverContent.tsx
+const ARROW_HEIGHT = 12;
+const ARROW_WIDTH = 22;
+const ANIMATION_DURATION = 200;
+/**
+* Floating content surface for {@link Popover}.
+*
+* Renders the anchored surface, arrow, optional dismiss button, blur/elevation
+* background, and open/close transition in a full-window portal layer.
+*/
+const PopoverContent = memo(function PopoverContent({ children, maxWidth, maxHeight, style, onLayout, ...props }) {
+	const context = usePopoverContext();
+	const { align, alignOffset, avoidCollisions, collisionPadding, dismissible, hideArrow, insets, offset, open, placement, reduceMotion, sameWidth, setOpen, triggerRect, width } = context;
+	const [contentSize, setContentSize] = useState({
+		width: 0,
+		height: 0
+	});
+	const [shouldRender, setShouldRender] = useState(open);
+	const dismiss = useCallback(() => setOpen(false), [setOpen]);
+	const { contentStyle, arrowStyle, anchorReady, resolvedPlacement, maxWidth: positionedMaxWidth } = useAnchoredPosition({
+		triggerRect,
+		contentSize,
+		placement,
+		align,
+		offset: offset + (hideArrow ? 0 : ARROW_HEIGHT),
+		alignOffset,
+		avoidCollisions,
+		collisionPadding,
+		width,
+		sameWidth,
+		insets,
+		arrowHeight: ARROW_HEIGHT,
+		arrowWidth: ARROW_WIDTH
+	});
+	const isPositionedOpen = open && anchorReady && contentSize.height > 0;
+	const animationDistance = Math.min(offset, 12);
+	const animationSide = resolvedPlacement.split("-")[0];
+	const shouldAnimateVertically = animationSide === "top" || animationSide === "bottom";
+	const animationTranslate = (animationSide === "top" || animationSide === "start" ? 1 : -1) * animationDistance;
+	const progress = useDerivedValue(() => withTiming(isPositionedOpen ? 1 : 0, {
+		duration: reduceMotion ? 0 : ANIMATION_DURATION,
+		easing: Easing.out(Easing.ease)
+	}), [isPositionedOpen, reduceMotion]);
+	const animatedStyle = useAnimatedStyle(() => {
+		return {
+			opacity: progress.value,
+			transform: [{ scale: .97 + progress.value * .03 }, shouldAnimateVertically ? { translateY: animationTranslate * (1 - progress.value) } : { translateX: animationTranslate * (1 - progress.value) }]
+		};
+	});
+	const handleLayout = useCallback((event) => {
+		const { width: layoutWidth, height: layoutHeight } = event.nativeEvent.layout;
+		setContentSize({
+			width: layoutWidth,
+			height: layoutHeight
+		});
+		onLayout?.(event);
+	}, [onLayout]);
+	useEffect(() => {
+		if (open) {
+			setShouldRender(true);
+			return;
+		}
+		if (reduceMotion) {
+			setShouldRender(false);
+			setContentSize({
+				width: 0,
+				height: 0
+			});
+			return;
+		}
+		const timeout = setTimeout(() => {
+			setShouldRender(false);
+			setContentSize({
+				width: 0,
+				height: 0
+			});
+		}, ANIMATION_DURATION);
+		return () => clearTimeout(timeout);
+	}, [open, reduceMotion]);
+	popoverStyles.useVariants({});
+	if (!shouldRender) return null;
+	return /* @__PURE__ */ jsx(PopoverPortalLayer, {
+		open,
+		dismissible,
+		onDismiss: dismiss,
+		children: (layerDismiss) => {
+			const surface = /* @__PURE__ */ jsx(PopoverSurface, {
+				animatedStyle,
+				arrowHeight: ARROW_HEIGHT,
+				arrowStyle,
+				arrowWidth: ARROW_WIDTH,
+				contentSize,
+				contentStyle,
+				maxHeight,
+				maxWidth,
+				onDismiss: layerDismiss,
+				onLayout: handleLayout,
+				positionedMaxWidth,
+				resolvedPlacement,
+				style,
+				...props,
+				children
+			});
+			return /* @__PURE__ */ jsx(PopoverContext.Provider, {
+				value: context,
+				children: surface
+			});
+		}
+	});
+});
+PopoverContent.displayName = "PopoverContent";
+//#endregion
+export { PopoverContent };
+
+//# sourceMappingURL=PopoverContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.js","names":[],"sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":["import { memo, useCallback, useEffect, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { Easing, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';\n\nimport { popoverStyles } from '../../../generated/styles';\nimport { useAnchoredPosition } from '../internal/Overlay';\nimport { PopoverContext, usePopoverContext } from './PopoverContext';\nimport { PopoverPortalLayer } from './PopoverPortalLayer';\nimport { PopoverSurface } from './PopoverSurface';\nimport type { PopoverContentProps } from './types';\n\nconst ARROW_HEIGHT = 12;\nconst ARROW_WIDTH = 22;\nconst ANIMATION_DURATION = 200;\n\n/**\n * Floating content surface for {@link Popover}.\n *\n * Renders the anchored surface, arrow, optional dismiss button, blur/elevation\n * background, and open/close transition in a full-window portal layer.\n */\nconst PopoverContent = memo(function PopoverContent({\n  children,\n  maxWidth,\n  maxHeight,\n  style,\n  onLayout,\n  ...props\n}: PopoverContentProps) {\n  const context = usePopoverContext();\n  const {\n    align,\n    alignOffset,\n    avoidCollisions,\n    collisionPadding,\n    dismissible,\n    hideArrow,\n    insets,\n    offset,\n    open,\n    placement,\n    reduceMotion,\n    sameWidth,\n    setOpen,\n    triggerRect,\n    width,\n  } = context;\n  const [contentSize, setContentSize] = useState({ width: 0, height: 0 });\n  const [shouldRender, setShouldRender] = useState(open);\n  const dismiss = useCallback(() => setOpen(false), [setOpen]);\n\n  const {\n    contentStyle,\n    arrowStyle,\n    anchorReady,\n    resolvedPlacement,\n    maxWidth: positionedMaxWidth,\n  } = useAnchoredPosition({\n    triggerRect,\n    contentSize,\n    placement,\n    align,\n    offset: offset + (hideArrow ? 0 : ARROW_HEIGHT),\n    alignOffset,\n    avoidCollisions,\n    collisionPadding,\n    width,\n    sameWidth,\n    insets,\n    arrowHeight: ARROW_HEIGHT,\n    arrowWidth: ARROW_WIDTH,\n  });\n\n  const isPositionedOpen = open && anchorReady && contentSize.height > 0;\n  const animationDistance = Math.min(offset, 12);\n  const animationSide = resolvedPlacement.split('-')[0] as 'top' | 'bottom' | 'start' | 'end';\n  const shouldAnimateVertically = animationSide === 'top' || animationSide === 'bottom';\n  const animationDirection = animationSide === 'top' || animationSide === 'start' ? 1 : -1;\n  const animationTranslate = animationDirection * animationDistance;\n\n  const progress = useDerivedValue(\n    () =>\n      withTiming(isPositionedOpen ? 1 : 0, {\n        duration: reduceMotion ? 0 : ANIMATION_DURATION,\n        easing: Easing.out(Easing.ease),\n      }),\n    [isPositionedOpen, reduceMotion],\n  );\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      opacity: progress.value,\n      transform: [\n        {\n          scale: 0.97 + progress.value * 0.03,\n        },\n        shouldAnimateVertically\n          ? { translateY: animationTranslate * (1 - progress.value) }\n          : { translateX: animationTranslate * (1 - progress.value) },\n      ],\n    };\n  });\n\n  const handleLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      const { width: layoutWidth, height: layoutHeight } = event.nativeEvent.layout;\n      setContentSize({ width: layoutWidth, height: layoutHeight });\n      onLayout?.(event);\n    },\n    [onLayout],\n  );\n\n  useEffect(() => {\n    if (open) {\n      setShouldRender(true);\n      return;\n    }\n\n    if (reduceMotion) {\n      setShouldRender(false);\n      setContentSize({ width: 0, height: 0 });\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setShouldRender(false);\n      setContentSize({ width: 0, height: 0 });\n    }, ANIMATION_DURATION);\n\n    return () => clearTimeout(timeout);\n  }, [open, reduceMotion]);\n\n  popoverStyles.useVariants({});\n\n  if (!shouldRender) {\n    return null;\n  }\n\n  return (\n    <PopoverPortalLayer open={open} dismissible={dismissible} onDismiss={dismiss}>\n      {(layerDismiss) => {\n        const surface = (\n          <PopoverSurface\n            animatedStyle={animatedStyle}\n            arrowHeight={ARROW_HEIGHT}\n            arrowStyle={arrowStyle}\n            arrowWidth={ARROW_WIDTH}\n            contentSize={contentSize}\n            contentStyle={contentStyle}\n            maxHeight={maxHeight}\n            maxWidth={maxWidth}\n            onDismiss={layerDismiss}\n            onLayout={handleLayout}\n            positionedMaxWidth={positionedMaxWidth}\n            resolvedPlacement={resolvedPlacement}\n            style={style}\n            {...props}\n          >\n            {children}\n          </PopoverSurface>\n        );\n\n        return <PopoverContext.Provider value={context}>{surface}</PopoverContext.Provider>;\n      }}\n    </PopoverPortalLayer>\n  );\n});\n\nPopoverContent.displayName = 'PopoverContent';\n\nexport { PopoverContent };\n"],"mappings":";;;;;;;;;;AAWA,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,qBAAqB;;;;;;;AAQ3B,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,UACA,UACA,WACA,OACA,UACA,GAAG,SACmB;CACtB,MAAM,UAAU,mBAAmB;CACnC,MAAM,EACJ,OACA,aACA,iBACA,kBACA,aACA,WACA,QACA,QACA,MACA,WACA,cACA,WACA,SACA,aACA,UACE;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAAS;EAAE,OAAO;EAAG,QAAQ;EAAG,CAAC;CACvE,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,UAAU,kBAAkB,QAAQ,MAAM,EAAE,CAAC,QAAQ,CAAC;CAE5D,MAAM,EACJ,cACA,YACA,aACA,mBACA,UAAU,uBACR,oBAAoB;EACtB;EACA;EACA;EACA;EACA,QAAQ,UAAU,YAAY,IAAI;EAClC;EACA;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,YAAY;EACb,CAAC;CAEF,MAAM,mBAAmB,QAAQ,eAAe,YAAY,SAAS;CACrE,MAAM,oBAAoB,KAAK,IAAI,QAAQ,GAAG;CAC9C,MAAM,gBAAgB,kBAAkB,MAAM,IAAI,CAAC;CACnD,MAAM,0BAA0B,kBAAkB,SAAS,kBAAkB;CAE7E,MAAM,sBADqB,kBAAkB,SAAS,kBAAkB,UAAU,IAAI,MACtC;CAEhD,MAAM,WAAW,sBAEb,WAAW,mBAAmB,IAAI,GAAG;EACnC,UAAU,eAAe,IAAI;EAC7B,QAAQ,OAAO,IAAI,OAAO,KAAK;EAChC,CAAC,EACJ,CAAC,kBAAkB,aAAa,CACjC;CAED,MAAM,gBAAgB,uBAAuB;EAC3C,OAAO;GACL,SAAS,SAAS;GAClB,WAAW,CACT,EACE,OAAO,MAAO,SAAS,QAAQ,KAChC,EACD,0BACI,EAAE,YAAY,sBAAsB,IAAI,SAAS,QAAQ,GACzD,EAAE,YAAY,sBAAsB,IAAI,SAAS,QAAQ,CAC9D;GACF;GACD;CAEF,MAAM,eAAe,aAClB,UAA6B;EAC5B,MAAM,EAAE,OAAO,aAAa,QAAQ,iBAAiB,MAAM,YAAY;EACvE,eAAe;GAAE,OAAO;GAAa,QAAQ;GAAc,CAAC;EAC5D,WAAW,MAAM;IAEnB,CAAC,SAAS,CACX;CAED,gBAAgB;EACd,IAAI,MAAM;GACR,gBAAgB,KAAK;GACrB;;EAGF,IAAI,cAAc;GAChB,gBAAgB,MAAM;GACtB,eAAe;IAAE,OAAO;IAAG,QAAQ;IAAG,CAAC;GACvC;;EAGF,MAAM,UAAU,iBAAiB;GAC/B,gBAAgB,MAAM;GACtB,eAAe;IAAE,OAAO;IAAG,QAAQ;IAAG,CAAC;KACtC,mBAAmB;EAEtB,aAAa,aAAa,QAAQ;IACjC,CAAC,MAAM,aAAa,CAAC;CAExB,cAAc,YAAY,EAAE,CAAC;CAE7B,IAAI,CAAC,cACH,OAAO;CAGT,OACE,oBAAC,oBAAD;EAA0B;EAAmB;EAAa,WAAW;aACjE,iBAAiB;GACjB,MAAM,UACJ,oBAAC,gBAAD;IACiB;IACf,aAAa;IACD;IACZ,YAAY;IACC;IACC;IACH;IACD;IACV,WAAW;IACX,UAAU;IACU;IACD;IACZ;IACP,GAAI;IAEH;IACc,CAAA;GAGnB,OAAO,oBAAC,eAAe,UAAhB;IAAyB,OAAO;cAAU;IAAkC,CAAA;;EAElE,CAAA;EAEvB;AAEF,eAAe,cAAc"}

package/dist/components/Popover/PopoverContext.cjs

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+//#region src/components/Popover/PopoverContext.tsx
+const PopoverContext = (0, react.createContext)(null);
+function usePopoverContext() {
+	const context = (0, react.useContext)(PopoverContext);
+	if (!context) throw new Error("Popover components must be used inside a Popover.");
+	return context;
+}
+//#endregion
+exports.PopoverContext = PopoverContext;
+exports.usePopoverContext = usePopoverContext;

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

@@ -0,0 +1,10 @@
+
+import { PopoverContextValue } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverContext.d.ts
+declare const PopoverContext: _$react.Context<PopoverContextValue | null>;
+declare function usePopoverContext(): PopoverContextValue;
+//#endregion
+export { PopoverContext, usePopoverContext };
+//# sourceMappingURL=PopoverContext.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.d.cts","names":[],"sources":["../../../src/components/Popover/PopoverContext.tsx"],"mappings":";;;;;cAIM,cAAA,EAAc,OAAA,CAAA,OAAA,CAAA,mBAAA;AAAA,iBAEX,iBAAA,CAAA,GAAqB,mBAAA"}

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

@@ -0,0 +1,10 @@
+
+import { PopoverContextValue } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverContext.d.ts
+declare const PopoverContext: _$react.Context<PopoverContextValue | null>;
+declare function usePopoverContext(): PopoverContextValue;
+//#endregion
+export { PopoverContext, usePopoverContext };
+//# sourceMappingURL=PopoverContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.d.ts","names":[],"sources":["../../../src/components/Popover/PopoverContext.tsx"],"mappings":";;;;;cAIM,cAAA,EAAc,OAAA,CAAA,OAAA,CAAA,mBAAA;AAAA,iBAEX,iBAAA,CAAA,GAAqB,mBAAA"}

package/dist/components/Popover/PopoverContext.js

@@ -0,0 +1,13 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { createContext, useContext } from "react";
+//#region src/components/Popover/PopoverContext.tsx
+const PopoverContext = createContext(null);
+function usePopoverContext() {
+	const context = useContext(PopoverContext);
+	if (!context) throw new Error("Popover components must be used inside a Popover.");
+	return context;
+}
+//#endregion
+export { PopoverContext, usePopoverContext };
+
+//# sourceMappingURL=PopoverContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.js","names":[],"sources":["../../../src/components/Popover/PopoverContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { PopoverContextValue } from './types';\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\n\nfunction usePopoverContext(): PopoverContextValue {\n  const context = useContext(PopoverContext);\n\n  if (!context) {\n    throw new Error('Popover components must be used inside a Popover.');\n  }\n\n  return context;\n}\n\nexport { PopoverContext, usePopoverContext };\n"],"mappings":";;;AAIA,MAAM,iBAAiB,cAA0C,KAAK;AAEtE,SAAS,oBAAyC;CAChD,MAAM,UAAU,WAAW,eAAe;CAE1C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAGtE,OAAO"}

package/dist/components/Popover/PopoverDescription.cjs

@@ -0,0 +1,23 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Text = require("../Text.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/Popover/PopoverDescription.tsx
+/**
+* Description text for {@link PopoverContent}.
+*
+* Provides the default popover body typography while accepting the standard
+* mobile {@link Text} props.
+*/
+const PopoverDescription = (0, react.memo)(function PopoverDescription({ variant = "label2", color = "secondary", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+		variant,
+		color,
+		...props
+	});
+});
+PopoverDescription.displayName = "PopoverDescription";
+//#endregion
+exports.PopoverDescription = PopoverDescription;

package/dist/components/Popover/PopoverDescription.d.cts

@@ -0,0 +1,15 @@
+
+import { TextProps } from "../Text.cjs";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverDescription.d.ts
+/**
+ * Description text for {@link PopoverContent}.
+ *
+ * Provides the default popover body typography while accepting the standard
+ * mobile {@link Text} props.
+ */
+declare const PopoverDescription: _$react.NamedExoticComponent<TextProps>;
+//#endregion
+export { PopoverDescription };
+//# sourceMappingURL=PopoverDescription.d.cts.map

package/dist/components/Popover/PopoverDescription.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDescription.d.cts","names":[],"sources":["../../../src/components/Popover/PopoverDescription.tsx"],"mappings":";;;;;;;;;AAWwB;;cAAlB,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAMtB,SAAA"}

package/dist/components/Popover/PopoverDescription.d.ts

@@ -0,0 +1,15 @@
+
+import { TextProps } from "../Text.js";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverDescription.d.ts
+/**
+ * Description text for {@link PopoverContent}.
+ *
+ * Provides the default popover body typography while accepting the standard
+ * mobile {@link Text} props.
+ */
+declare const PopoverDescription: _$react.NamedExoticComponent<TextProps>;
+//#endregion
+export { PopoverDescription };
+//# sourceMappingURL=PopoverDescription.d.ts.map

package/dist/components/Popover/PopoverDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDescription.d.ts","names":[],"sources":["../../../src/components/Popover/PopoverDescription.tsx"],"mappings":";;;;;;;;;AAWwB;;cAAlB,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAMtB,SAAA"}

package/dist/components/Popover/PopoverDescription.js

@@ -0,0 +1,23 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Text } from "../Text.js";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Popover/PopoverDescription.tsx
+/**
+* Description text for {@link PopoverContent}.
+*
+* Provides the default popover body typography while accepting the standard
+* mobile {@link Text} props.
+*/
+const PopoverDescription = memo(function PopoverDescription({ variant = "label2", color = "secondary", ...props }) {
+	return /* @__PURE__ */ jsx(Text, {
+		variant,
+		color,
+		...props
+	});
+});
+PopoverDescription.displayName = "PopoverDescription";
+//#endregion
+export { PopoverDescription };
+
+//# sourceMappingURL=PopoverDescription.js.map

package/dist/components/Popover/PopoverDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDescription.js","names":[],"sources":["../../../src/components/Popover/PopoverDescription.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { Text } from '../Text';\nimport type { PopoverDescriptionProps } from './types';\n\n/**\n * Description text for {@link PopoverContent}.\n *\n * Provides the default popover body typography while accepting the standard\n * mobile {@link Text} props.\n */\nconst PopoverDescription = memo(function PopoverDescription({\n  variant = 'label2',\n  color = 'secondary',\n  ...props\n}: PopoverDescriptionProps) {\n  return <Text variant={variant} color={color} {...props} />;\n});\n\nPopoverDescription.displayName = 'PopoverDescription';\n\nexport { PopoverDescription };\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,qBAAqB,KAAK,SAAS,mBAAmB,EAC1D,UAAU,UACV,QAAQ,aACR,GAAG,SACuB;CAC1B,OAAO,oBAAC,MAAD;EAAe;EAAgB;EAAO,GAAI;EAAS,CAAA;EAC1D;AAEF,mBAAmB,cAAc"}

package/dist/components/Popover/PopoverDismiss.cjs

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Popover_PopoverContext = require("./PopoverContext.cjs");
+let react = require("react");
+//#region src/components/Popover/PopoverDismiss.tsx
+/**
+* Dismiss control for {@link Popover}.
+*
+* Clones the rendered element with an `onPress` handler that closes the nearest
+* popover.
+*/
+const PopoverDismiss = (0, react.memo)(function PopoverDismiss({ render }) {
+	const context = require_components_Popover_PopoverContext.usePopoverContext();
+	return (0, react.cloneElement)(render, { onPress: (0, react.useCallback)((event) => {
+		render.props.onPress?.(event);
+		context.setOpen(false);
+	}, [context, render.props]) });
+});
+PopoverDismiss.displayName = "PopoverDismiss";
+//#endregion
+exports.PopoverDismiss = PopoverDismiss;

package/dist/components/Popover/PopoverDismiss.d.cts

@@ -0,0 +1,15 @@
+
+import { PopoverDismissProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverDismiss.d.ts
+/**
+ * Dismiss control for {@link Popover}.
+ *
+ * Clones the rendered element with an `onPress` handler that closes the nearest
+ * popover.
+ */
+declare const PopoverDismiss: _$react.NamedExoticComponent<PopoverDismissProps>;
+//#endregion
+export { PopoverDismiss };
+//# sourceMappingURL=PopoverDismiss.d.cts.map

package/dist/components/Popover/PopoverDismiss.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDismiss.d.cts","names":[],"sources":["../../../src/components/Popover/PopoverDismiss.tsx"],"mappings":";;;;;;;;AAKmD;;;cAQ7C,cAAA,EAAc,OAAA,CAAA,oBAAA,CAAA,mBAAA"}

package/dist/components/Popover/PopoverDismiss.d.ts

@@ -0,0 +1,15 @@
+
+import { PopoverDismissProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverDismiss.d.ts
+/**
+ * Dismiss control for {@link Popover}.
+ *
+ * Clones the rendered element with an `onPress` handler that closes the nearest
+ * popover.
+ */
+declare const PopoverDismiss: _$react.NamedExoticComponent<PopoverDismissProps>;
+//#endregion
+export { PopoverDismiss };
+//# sourceMappingURL=PopoverDismiss.d.ts.map

package/dist/components/Popover/PopoverDismiss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDismiss.d.ts","names":[],"sources":["../../../src/components/Popover/PopoverDismiss.tsx"],"mappings":";;;;;;;;AAKmD;;;cAQ7C,cAAA,EAAc,OAAA,CAAA,oBAAA,CAAA,mBAAA"}

package/dist/components/Popover/PopoverDismiss.js

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { usePopoverContext } from "./PopoverContext.js";
+import { cloneElement, memo, useCallback } from "react";
+//#region src/components/Popover/PopoverDismiss.tsx
+/**
+* Dismiss control for {@link Popover}.
+*
+* Clones the rendered element with an `onPress` handler that closes the nearest
+* popover.
+*/
+const PopoverDismiss = memo(function PopoverDismiss({ render }) {
+	const context = usePopoverContext();
+	return cloneElement(render, { onPress: useCallback((event) => {
+		render.props.onPress?.(event);
+		context.setOpen(false);
+	}, [context, render.props]) });
+});
+PopoverDismiss.displayName = "PopoverDismiss";
+//#endregion
+export { PopoverDismiss };
+
+//# sourceMappingURL=PopoverDismiss.js.map

package/dist/components/Popover/PopoverDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverDismiss.js","names":[],"sources":["../../../src/components/Popover/PopoverDismiss.tsx"],"sourcesContent":["/* eslint-disable react/prop-types -- render-prop child props are validated by TypeScript. */\nimport { cloneElement, memo, useCallback } from 'react';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { usePopoverContext } from './PopoverContext';\nimport type { PopoverDismissProps } from './types';\n\n/**\n * Dismiss control for {@link Popover}.\n *\n * Clones the rendered element with an `onPress` handler that closes the nearest\n * popover.\n */\nconst PopoverDismiss = memo(function PopoverDismiss({ render }: PopoverDismissProps) {\n  const context = usePopoverContext();\n\n  const handlePress = useCallback(\n    (event: GestureResponderEvent) => {\n      render.props.onPress?.(event);\n      context.setOpen(false);\n    },\n    [context, render.props],\n  );\n\n  return cloneElement(render, { onPress: handlePress });\n});\n\nPopoverDismiss.displayName = 'PopoverDismiss';\n\nexport { PopoverDismiss };\n"],"mappings":";;;;;;;;;;AAaA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAAE,UAA+B;CACnF,MAAM,UAAU,mBAAmB;CAUnC,OAAO,aAAa,QAAQ,EAAE,SARV,aACjB,UAAiC;EAChC,OAAO,MAAM,UAAU,MAAM;EAC7B,QAAQ,QAAQ,MAAM;IAExB,CAAC,SAAS,OAAO,MAAM,CAGyB,EAAE,CAAC;EACrD;AAEF,eAAe,cAAc"}

package/dist/components/Popover/PopoverFrame.cjs

@@ -0,0 +1,56 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_Popover_popoverFrameGeometry = require("./popoverFrameGeometry.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_svg = require("react-native-svg");
+react_native_svg = require_runtime.__toESM(react_native_svg);
+//#region src/components/Popover/PopoverFrame.tsx
+function getNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+const PopoverFrame = (0, react.memo)(function PopoverFrame({ arrowHeight, arrowStyle, arrowWidth, borderRadius, fill, placement, stroke = "transparent", strokeWidth = 0, surfaceHeight, surfaceWidth, testID = "uds-popover-frame" }) {
+	if (surfaceWidth <= 0 || surfaceHeight <= 0) return null;
+	const physicalPlacement = require_components_Popover_popoverFrameGeometry.resolvePopoverFramePlacement(placement, react_native.I18nManager.isRTL);
+	const flattenedArrowStyle = react_native.StyleSheet.flatten(arrowStyle) ?? {};
+	const { fillPath, frameStyle, strokePath, viewBox } = require_components_Popover_popoverFrameGeometry.getPopoverFrameGeometry({
+		arrowHeight,
+		arrowOffset: physicalPlacement === "top" || physicalPlacement === "bottom" ? getNumber(flattenedArrowStyle.left) : getNumber(flattenedArrowStyle.top),
+		arrowWidth,
+		borderRadius,
+		placement: physicalPlacement,
+		strokeWidth,
+		surfaceHeight,
+		surfaceWidth
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		pointerEvents: "none",
+		style: [styles.frame, frameStyle],
+		testID,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native_svg.default, {
+			width: frameStyle.width,
+			height: frameStyle.height,
+			viewBox,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_svg.Path, {
+				d: fillPath,
+				fill,
+				stroke: "none"
+			}), strokeWidth > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_svg.Path, {
+				d: strokePath,
+				fill: "none",
+				stroke,
+				strokeLinejoin: "round",
+				strokeWidth
+			})]
+		})
+	});
+});
+const styles = react_native.StyleSheet.create({ frame: {
+	position: "absolute",
+	zIndex: 2
+} });
+PopoverFrame.displayName = "PopoverFrame";
+//#endregion
+exports.PopoverFrame = PopoverFrame;

package/dist/components/Popover/PopoverFrame.d.cts

@@ -0,0 +1,23 @@
+
+import { AnchoredPlacement } from "../internal/Overlay/types.cjs";
+import * as _$react from "react";
+import { StyleProp, ViewStyle } from "react-native";
+
+//#region src/components/Popover/PopoverFrame.d.ts
+interface PopoverFrameProps {
+  arrowHeight: number;
+  arrowStyle: StyleProp<ViewStyle>;
+  arrowWidth: number;
+  borderRadius: number;
+  fill: string;
+  placement: AnchoredPlacement;
+  stroke?: string;
+  strokeWidth?: number;
+  surfaceHeight: number;
+  surfaceWidth: number;
+  testID?: string;
+}
+declare const PopoverFrame: _$react.NamedExoticComponent<PopoverFrameProps>;
+//#endregion
+export { PopoverFrame };
+//# sourceMappingURL=PopoverFrame.d.cts.map

package/dist/components/Popover/PopoverFrame.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverFrame.d.cts","names":[],"sources":["../../../src/components/Popover/PopoverFrame.tsx"],"mappings":";;;;;;UAQU,iBAAA;EACR,WAAA;EACA,UAAA,EAAY,SAAA,CAAU,SAAA;EACtB,UAAA;EACA,YAAA;EACA,IAAA;EACA,SAAA,EAAW,iBAAA;EACX,MAAA;EACA,WAAA;EACA,aAAA;EACA,YAAA;EACA,MAAA;AAAA;AAAA,cAOI,YAAA,EAAY,OAAA,CAAA,oBAAA,CAAA,iBAAA"}

package/dist/components/Popover/PopoverFrame.d.ts

@@ -0,0 +1,23 @@
+
+import { AnchoredPlacement } from "../internal/Overlay/types.js";
+import * as _$react from "react";
+import { StyleProp, ViewStyle } from "react-native";
+
+//#region src/components/Popover/PopoverFrame.d.ts
+interface PopoverFrameProps {
+  arrowHeight: number;
+  arrowStyle: StyleProp<ViewStyle>;
+  arrowWidth: number;
+  borderRadius: number;
+  fill: string;
+  placement: AnchoredPlacement;
+  stroke?: string;
+  strokeWidth?: number;
+  surfaceHeight: number;
+  surfaceWidth: number;
+  testID?: string;
+}
+declare const PopoverFrame: _$react.NamedExoticComponent<PopoverFrameProps>;
+//#endregion
+export { PopoverFrame };
+//# sourceMappingURL=PopoverFrame.d.ts.map

package/dist/components/Popover/PopoverFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverFrame.d.ts","names":[],"sources":["../../../src/components/Popover/PopoverFrame.tsx"],"mappings":";;;;;;UAQU,iBAAA;EACR,WAAA;EACA,UAAA,EAAY,SAAA,CAAU,SAAA;EACtB,UAAA;EACA,YAAA;EACA,IAAA;EACA,SAAA,EAAW,iBAAA;EACX,MAAA;EACA,WAAA;EACA,aAAA;EACA,YAAA;EACA,MAAA;AAAA;AAAA,cAOI,YAAA,EAAY,OAAA,CAAA,oBAAA,CAAA,iBAAA"}

package/dist/components/Popover/PopoverFrame.js

@@ -0,0 +1,55 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { getPopoverFrameGeometry, resolvePopoverFramePlacement } from "./popoverFrameGeometry.js";
+import { memo } from "react";
+import { I18nManager, StyleSheet, View } from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Svg, { Path } from "react-native-svg";
+//#region src/components/Popover/PopoverFrame.tsx
+function getNumber(value) {
+	return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+const PopoverFrame = memo(function PopoverFrame({ arrowHeight, arrowStyle, arrowWidth, borderRadius, fill, placement, stroke = "transparent", strokeWidth = 0, surfaceHeight, surfaceWidth, testID = "uds-popover-frame" }) {
+	if (surfaceWidth <= 0 || surfaceHeight <= 0) return null;
+	const physicalPlacement = resolvePopoverFramePlacement(placement, I18nManager.isRTL);
+	const flattenedArrowStyle = StyleSheet.flatten(arrowStyle) ?? {};
+	const { fillPath, frameStyle, strokePath, viewBox } = getPopoverFrameGeometry({
+		arrowHeight,
+		arrowOffset: physicalPlacement === "top" || physicalPlacement === "bottom" ? getNumber(flattenedArrowStyle.left) : getNumber(flattenedArrowStyle.top),
+		arrowWidth,
+		borderRadius,
+		placement: physicalPlacement,
+		strokeWidth,
+		surfaceHeight,
+		surfaceWidth
+	});
+	return /* @__PURE__ */ jsx(View, {
+		pointerEvents: "none",
+		style: [styles.frame, frameStyle],
+		testID,
+		children: /* @__PURE__ */ jsxs(Svg, {
+			width: frameStyle.width,
+			height: frameStyle.height,
+			viewBox,
+			children: [/* @__PURE__ */ jsx(Path, {
+				d: fillPath,
+				fill,
+				stroke: "none"
+			}), strokeWidth > 0 && /* @__PURE__ */ jsx(Path, {
+				d: strokePath,
+				fill: "none",
+				stroke,
+				strokeLinejoin: "round",
+				strokeWidth
+			})]
+		})
+	});
+});
+const styles = StyleSheet.create({ frame: {
+	position: "absolute",
+	zIndex: 2
+} });
+PopoverFrame.displayName = "PopoverFrame";
+//#endregion
+export { PopoverFrame };
+
+//# sourceMappingURL=PopoverFrame.js.map

package/dist/components/Popover/PopoverFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverFrame.js","names":[],"sources":["../../../src/components/Popover/PopoverFrame.tsx"],"sourcesContent":["import { memo } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { I18nManager, StyleSheet, View } from 'react-native';\nimport Svg, { Path } from 'react-native-svg';\n\nimport type { AnchoredPlacement } from '../internal/Overlay';\nimport { getPopoverFrameGeometry, resolvePopoverFramePlacement } from './popoverFrameGeometry';\n\ninterface PopoverFrameProps {\n  arrowHeight: number;\n  arrowStyle: StyleProp<ViewStyle>;\n  arrowWidth: number;\n  borderRadius: number;\n  fill: string;\n  placement: AnchoredPlacement;\n  stroke?: string;\n  strokeWidth?: number;\n  surfaceHeight: number;\n  surfaceWidth: number;\n  testID?: string;\n}\n\nfunction getNumber(value: unknown) {\n  return typeof value === 'number' && Number.isFinite(value) ? value : 0;\n}\n\nconst PopoverFrame = memo(function PopoverFrame({\n  arrowHeight,\n  arrowStyle,\n  arrowWidth,\n  borderRadius,\n  fill,\n  placement,\n  stroke = 'transparent',\n  strokeWidth = 0,\n  surfaceHeight,\n  surfaceWidth,\n  testID = 'uds-popover-frame',\n}: PopoverFrameProps) {\n  if (surfaceWidth <= 0 || surfaceHeight <= 0) {\n    return null;\n  }\n\n  const physicalPlacement = resolvePopoverFramePlacement(placement, I18nManager.isRTL);\n  const flattenedArrowStyle = (StyleSheet.flatten(arrowStyle) ?? {}) as ViewStyle;\n  const arrowOffset =\n    physicalPlacement === 'top' || physicalPlacement === 'bottom'\n      ? getNumber(flattenedArrowStyle.left)\n      : getNumber(flattenedArrowStyle.top);\n  const { fillPath, frameStyle, strokePath, viewBox } = getPopoverFrameGeometry({\n    arrowHeight,\n    arrowOffset,\n    arrowWidth,\n    borderRadius,\n    placement: physicalPlacement,\n    strokeWidth,\n    surfaceHeight,\n    surfaceWidth,\n  });\n\n  return (\n    <View pointerEvents=\"none\" style={[styles.frame, frameStyle]} testID={testID}>\n      <Svg width={frameStyle.width} height={frameStyle.height} viewBox={viewBox}>\n        <Path d={fillPath} fill={fill} stroke=\"none\" />\n        {strokeWidth > 0 && (\n          <Path\n            d={strokePath}\n            fill=\"none\"\n            stroke={stroke}\n            strokeLinejoin=\"round\"\n            strokeWidth={strokeWidth}\n          />\n        )}\n      </Svg>\n    </View>\n  );\n});\n\nconst styles = StyleSheet.create({\n  frame: {\n    position: 'absolute',\n    zIndex: 2,\n  },\n});\n\nPopoverFrame.displayName = 'PopoverFrame';\n\nexport { PopoverFrame };\n"],"mappings":";;;;;;;AAsBA,SAAS,UAAU,OAAgB;CACjC,OAAO,OAAO,UAAU,YAAY,OAAO,SAAS,MAAM,GAAG,QAAQ;;AAGvE,MAAM,eAAe,KAAK,SAAS,aAAa,EAC9C,aACA,YACA,YACA,cACA,MACA,WACA,SAAS,eACT,cAAc,GACd,eACA,cACA,SAAS,uBACW;CACpB,IAAI,gBAAgB,KAAK,iBAAiB,GACxC,OAAO;CAGT,MAAM,oBAAoB,6BAA6B,WAAW,YAAY,MAAM;CACpF,MAAM,sBAAuB,WAAW,QAAQ,WAAW,IAAI,EAAE;CAKjE,MAAM,EAAE,UAAU,YAAY,YAAY,YAAY,wBAAwB;EAC5E;EACA,aALA,sBAAsB,SAAS,sBAAsB,WACjD,UAAU,oBAAoB,KAAK,GACnC,UAAU,oBAAoB,IAAI;EAItC;EACA;EACA,WAAW;EACX;EACA;EACA;EACD,CAAC;CAEF,OACE,oBAAC,MAAD;EAAM,eAAc;EAAO,OAAO,CAAC,OAAO,OAAO,WAAW;EAAU;YACpE,qBAAC,KAAD;GAAK,OAAO,WAAW;GAAO,QAAQ,WAAW;GAAiB;aAAlE,CACE,oBAAC,MAAD;IAAM,GAAG;IAAgB;IAAM,QAAO;IAAS,CAAA,EAC9C,cAAc,KACb,oBAAC,MAAD;IACE,GAAG;IACH,MAAK;IACG;IACR,gBAAe;IACF;IACb,CAAA,CAEA;;EACD,CAAA;EAET;AAEF,MAAM,SAAS,WAAW,OAAO,EAC/B,OAAO;CACL,UAAU;CACV,QAAQ;CACT,EACF,CAAC;AAEF,aAAa,cAAc"}

package/dist/components/Popover/PopoverPortalLayer.cjs

@@ -0,0 +1,45 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_components_internal_Overlay_OverlayPortal = require("../internal/Overlay/OverlayPortal.cjs");
+const require_components_internal_Overlay_useOverlayDismiss = require("../internal/Overlay/useOverlayDismiss.cjs");
+let react = require("react");
+let react_native = require("react-native");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_native_gesture_handler = require("react-native-gesture-handler");
+//#region src/components/Popover/PopoverPortalLayer.tsx
+const preventBackdropResponderTermination = () => false;
+const PopoverPortalLayer = (0, react.memo)(function PopoverPortalLayer({ children, dismissible, onDismiss, open }) {
+	const dismiss = require_components_internal_Overlay_useOverlayDismiss.useOverlayDismiss({
+		open,
+		dismissible,
+		onDismiss
+	});
+	const blockScrollGesture = (0, react.useMemo)(() => react_native_gesture_handler.Gesture.Pan().enabled(open).minDistance(1).onBegin(() => {
+		"worklet";
+	}), [open]);
+	const shouldCaptureBackdropResponder = (0, react.useCallback)(() => open, [open]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_internal_Overlay_OverlayPortal.OverlayPortal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_gesture_handler.GestureDetector, {
+		gesture: blockScrollGesture,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+			style: react_native.StyleSheet.absoluteFill,
+			pointerEvents: open ? "auto" : "none",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {
+				accessible: false,
+				accessibilityElementsHidden: true,
+				importantForAccessibility: "no-hide-descendants",
+				pointerEvents: open ? "auto" : "none",
+				style: react_native.StyleSheet.absoluteFill,
+				onMoveShouldSetResponder: shouldCaptureBackdropResponder,
+				onMoveShouldSetResponderCapture: shouldCaptureBackdropResponder,
+				onPress: dismiss,
+				onResponderTerminationRequest: preventBackdropResponderTermination,
+				onStartShouldSetResponder: shouldCaptureBackdropResponder,
+				onStartShouldSetResponderCapture: shouldCaptureBackdropResponder
+			}), children(dismiss)]
+		})
+	}) });
+});
+PopoverPortalLayer.displayName = "PopoverPortalLayer";
+//#endregion
+exports.PopoverPortalLayer = PopoverPortalLayer;

package/dist/components/Popover/PopoverPortalLayer.d.cts

@@ -0,0 +1,15 @@
+
+import * as _$react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/Popover/PopoverPortalLayer.d.ts
+interface PopoverPortalLayerProps {
+  children: (dismiss: () => void) => ReactNode;
+  dismissible: boolean;
+  onDismiss: () => void;
+  open: boolean;
+}
+declare const PopoverPortalLayer: _$react.NamedExoticComponent<PopoverPortalLayerProps>;
+//#endregion
+export { PopoverPortalLayer };
+//# sourceMappingURL=PopoverPortalLayer.d.cts.map

package/dist/components/Popover/PopoverPortalLayer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPortalLayer.d.cts","names":[],"sources":["../../../src/components/Popover/PopoverPortalLayer.tsx"],"mappings":";;;;;UAOU,uBAAA;EACR,QAAA,GAAW,OAAA,iBAAwB,SAAA;EACnC,WAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,cAKI,kBAAA,EAAkB,OAAA,CAAA,oBAAA,CAAA,uBAAA"}