@yahoo/uds-mobile 2.16.0 → 2.18.0

package/dist/components/Popover/PopoverTrigger.cjs

@@ -0,0 +1,88 @@
+/*! © 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/PopoverTrigger.tsx
+function assignRef(ref, value) {
+	if (!ref) return;
+	if (typeof ref === "function") {
+		ref(value);
+		return;
+	}
+	ref.current = value;
+}
+function measureInRoot(measurable, onMeasure) {
+	if (!measurable?.measure) return false;
+	measurable.measure((x, y, width, height, pageX, pageY) => {
+		onMeasure({
+			x: typeof pageX === "number" ? pageX : x,
+			y: typeof pageY === "number" ? pageY : y,
+			width,
+			height
+		});
+	});
+	return true;
+}
+function measureInWindow(measurable, onMeasure) {
+	if (!measurable?.measureInWindow) return false;
+	measurable.measureInWindow((x, y, width, height) => {
+		onMeasure({
+			x,
+			y,
+			width,
+			height
+		});
+	});
+	return true;
+}
+function measureTrigger(node, fallbackRect, onMeasure) {
+	const measurable = node;
+	if (measureInRoot(measurable, onMeasure)) return;
+	if (measureInWindow(measurable, onMeasure)) return;
+	if (fallbackRect) onMeasure(fallbackRect);
+}
+/**
+* Trigger element for {@link Popover}.
+*
+* Clones the rendered element with press, measurement, and accessibility props.
+* The popover is anchored to this element when it opens.
+*/
+const PopoverTrigger = (0, react.memo)(function PopoverTrigger({ render }) {
+	const context = require_components_Popover_PopoverContext.usePopoverContext();
+	const renderRef = render.ref ?? render.props.ref;
+	return (0, react.cloneElement)(render, {
+		ref: (0, react.useCallback)((node) => {
+			context.triggerRef.current = node;
+			assignRef(renderRef, node);
+		}, [context.triggerRef, renderRef]),
+		onLayout: (0, react.useCallback)((event) => {
+			render.props.onLayout?.(event);
+			const { x, y, width, height } = event.nativeEvent.layout;
+			context.setTriggerRect({
+				x,
+				y,
+				width,
+				height
+			});
+		}, [context, render.props]),
+		onPress: (0, react.useCallback)((event) => {
+			render.props.onPress?.(event);
+			if (context.open) {
+				context.setOpen(false);
+				return;
+			}
+			measureTrigger(context.triggerRef.current, context.triggerRect, (rect) => {
+				context.setTriggerRect(rect);
+				context.setOpen(true);
+			});
+		}, [context, render.props]),
+		accessibilityState: {
+			...render.props.accessibilityState,
+			expanded: context.open
+		}
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+//#endregion
+exports.PopoverTrigger = PopoverTrigger;

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

@@ -0,0 +1,15 @@
+
+import { PopoverTriggerProps } from "./types.cjs";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverTrigger.d.ts
+/**
+ * Trigger element for {@link Popover}.
+ *
+ * Clones the rendered element with press, measurement, and accessibility props.
+ * The popover is anchored to this element when it opens.
+ */
+declare const PopoverTrigger: _$react.NamedExoticComponent<PopoverTriggerProps>;
+//#endregion
+export { PopoverTrigger };
+//# sourceMappingURL=PopoverTrigger.d.cts.map

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

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

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

@@ -0,0 +1,15 @@
+
+import { PopoverTriggerProps } from "./types.js";
+import * as _$react from "react";
+
+//#region src/components/Popover/PopoverTrigger.d.ts
+/**
+ * Trigger element for {@link Popover}.
+ *
+ * Clones the rendered element with press, measurement, and accessibility props.
+ * The popover is anchored to this element when it opens.
+ */
+declare const PopoverTrigger: _$react.NamedExoticComponent<PopoverTriggerProps>;
+//#endregion
+export { PopoverTrigger };
+//# sourceMappingURL=PopoverTrigger.d.ts.map

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

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

package/dist/components/Popover/PopoverTrigger.js

@@ -0,0 +1,88 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { usePopoverContext } from "./PopoverContext.js";
+import { cloneElement, memo, useCallback } from "react";
+//#region src/components/Popover/PopoverTrigger.tsx
+function assignRef(ref, value) {
+	if (!ref) return;
+	if (typeof ref === "function") {
+		ref(value);
+		return;
+	}
+	ref.current = value;
+}
+function measureInRoot(measurable, onMeasure) {
+	if (!measurable?.measure) return false;
+	measurable.measure((x, y, width, height, pageX, pageY) => {
+		onMeasure({
+			x: typeof pageX === "number" ? pageX : x,
+			y: typeof pageY === "number" ? pageY : y,
+			width,
+			height
+		});
+	});
+	return true;
+}
+function measureInWindow(measurable, onMeasure) {
+	if (!measurable?.measureInWindow) return false;
+	measurable.measureInWindow((x, y, width, height) => {
+		onMeasure({
+			x,
+			y,
+			width,
+			height
+		});
+	});
+	return true;
+}
+function measureTrigger(node, fallbackRect, onMeasure) {
+	const measurable = node;
+	if (measureInRoot(measurable, onMeasure)) return;
+	if (measureInWindow(measurable, onMeasure)) return;
+	if (fallbackRect) onMeasure(fallbackRect);
+}
+/**
+* Trigger element for {@link Popover}.
+*
+* Clones the rendered element with press, measurement, and accessibility props.
+* The popover is anchored to this element when it opens.
+*/
+const PopoverTrigger = memo(function PopoverTrigger({ render }) {
+	const context = usePopoverContext();
+	const renderRef = render.ref ?? render.props.ref;
+	return cloneElement(render, {
+		ref: useCallback((node) => {
+			context.triggerRef.current = node;
+			assignRef(renderRef, node);
+		}, [context.triggerRef, renderRef]),
+		onLayout: useCallback((event) => {
+			render.props.onLayout?.(event);
+			const { x, y, width, height } = event.nativeEvent.layout;
+			context.setTriggerRect({
+				x,
+				y,
+				width,
+				height
+			});
+		}, [context, render.props]),
+		onPress: useCallback((event) => {
+			render.props.onPress?.(event);
+			if (context.open) {
+				context.setOpen(false);
+				return;
+			}
+			measureTrigger(context.triggerRef.current, context.triggerRect, (rect) => {
+				context.setTriggerRect(rect);
+				context.setOpen(true);
+			});
+		}, [context, render.props]),
+		accessibilityState: {
+			...render.props.accessibilityState,
+			expanded: context.open
+		}
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+//#endregion
+export { PopoverTrigger };
+
+//# sourceMappingURL=PopoverTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.js","names":[],"sources":["../../../src/components/Popover/PopoverTrigger.tsx"],"sourcesContent":["/* eslint-disable react/prop-types -- render-prop child props are validated by TypeScript. */\nimport type { Ref } from 'react';\nimport { cloneElement, memo, useCallback } from 'react';\nimport type { GestureResponderEvent, LayoutChangeEvent, View } from 'react-native';\n\nimport { usePopoverContext } from './PopoverContext';\nimport type { PopoverContextValue, PopoverTriggerProps } from './types';\n\ntype MeasurableView = View & {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n  measure?: (\n    callback: (\n      x: number,\n      y: number,\n      width: number,\n      height: number,\n      pageX: number,\n      pageY: number,\n    ) => void,\n  ) => void;\n};\n\nfunction assignRef(ref: Ref<View> | undefined, value: View | null): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === 'function') {\n    ref(value);\n    return;\n  }\n\n  (ref as { current: View | null }).current = value;\n}\n\nfunction measureInRoot(\n  measurable: MeasurableView | null,\n  onMeasure: (rect: NonNullable<PopoverContextValue['triggerRect']>) => void,\n): boolean {\n  if (!measurable?.measure) {\n    return false;\n  }\n\n  measurable.measure((x, y, width, height, pageX, pageY) => {\n    onMeasure({\n      x: typeof pageX === 'number' ? pageX : x,\n      y: typeof pageY === 'number' ? pageY : y,\n      width,\n      height,\n    });\n  });\n  return true;\n}\n\nfunction measureInWindow(\n  measurable: MeasurableView | null,\n  onMeasure: (rect: NonNullable<PopoverContextValue['triggerRect']>) => void,\n): boolean {\n  if (!measurable?.measureInWindow) {\n    return false;\n  }\n\n  measurable.measureInWindow((x, y, width, height) => {\n    onMeasure({ x, y, width, height });\n  });\n  return true;\n}\n\nfunction measureTrigger(\n  node: View | null,\n  fallbackRect: PopoverContextValue['triggerRect'],\n  onMeasure: (rect: NonNullable<PopoverContextValue['triggerRect']>) => void,\n): void {\n  const measurable = node as MeasurableView | null;\n\n  if (measureInRoot(measurable, onMeasure)) {\n    return;\n  }\n\n  if (measureInWindow(measurable, onMeasure)) {\n    return;\n  }\n\n  if (fallbackRect) {\n    onMeasure(fallbackRect);\n  }\n}\n\n/**\n * Trigger element for {@link Popover}.\n *\n * Clones the rendered element with press, measurement, and accessibility props.\n * The popover is anchored to this element when it opens.\n */\nconst PopoverTrigger = memo(function PopoverTrigger({ render }: PopoverTriggerProps) {\n  const context = usePopoverContext();\n  const renderRef = (render as typeof render & { ref?: Ref<View> }).ref ?? render.props.ref;\n\n  const handleRef = useCallback(\n    (node: View | null) => {\n      context.triggerRef.current = node;\n      assignRef(renderRef, node);\n    },\n    [context.triggerRef, renderRef],\n  );\n\n  const handleLayout = useCallback(\n    (event: LayoutChangeEvent) => {\n      render.props.onLayout?.(event);\n\n      const { x, y, width, height } = event.nativeEvent.layout;\n      context.setTriggerRect({ x, y, width, height });\n    },\n    [context, render.props],\n  );\n\n  const handlePress = useCallback(\n    (event: GestureResponderEvent) => {\n      render.props.onPress?.(event);\n\n      if (context.open) {\n        context.setOpen(false);\n        return;\n      }\n\n      measureTrigger(context.triggerRef.current, context.triggerRect, (rect) => {\n        context.setTriggerRect(rect);\n        context.setOpen(true);\n      });\n    },\n    [context, render.props],\n  );\n\n  return cloneElement(render, {\n    ref: handleRef,\n    onLayout: handleLayout,\n    onPress: handlePress,\n    accessibilityState: {\n      ...render.props.accessibilityState,\n      expanded: context.open,\n    },\n  });\n});\n\nPopoverTrigger.displayName = 'PopoverTrigger';\n\nexport { PopoverTrigger };\n"],"mappings":";;;;AAwBA,SAAS,UAAU,KAA4B,OAA0B;CACvE,IAAI,CAAC,KACH;CAGF,IAAI,OAAO,QAAQ,YAAY;EAC7B,IAAI,MAAM;EACV;;CAGF,IAAkC,UAAU;;AAG9C,SAAS,cACP,YACA,WACS;CACT,IAAI,CAAC,YAAY,SACf,OAAO;CAGT,WAAW,SAAS,GAAG,GAAG,OAAO,QAAQ,OAAO,UAAU;EACxD,UAAU;GACR,GAAG,OAAO,UAAU,WAAW,QAAQ;GACvC,GAAG,OAAO,UAAU,WAAW,QAAQ;GACvC;GACA;GACD,CAAC;GACF;CACF,OAAO;;AAGT,SAAS,gBACP,YACA,WACS;CACT,IAAI,CAAC,YAAY,iBACf,OAAO;CAGT,WAAW,iBAAiB,GAAG,GAAG,OAAO,WAAW;EAClD,UAAU;GAAE;GAAG;GAAG;GAAO;GAAQ,CAAC;GAClC;CACF,OAAO;;AAGT,SAAS,eACP,MACA,cACA,WACM;CACN,MAAM,aAAa;CAEnB,IAAI,cAAc,YAAY,UAAU,EACtC;CAGF,IAAI,gBAAgB,YAAY,UAAU,EACxC;CAGF,IAAI,cACF,UAAU,aAAa;;;;;;;;AAU3B,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAAE,UAA+B;CACnF,MAAM,UAAU,mBAAmB;CACnC,MAAM,YAAa,OAA+C,OAAO,OAAO,MAAM;CAqCtF,OAAO,aAAa,QAAQ;EAC1B,KApCgB,aACf,SAAsB;GACrB,QAAQ,WAAW,UAAU;GAC7B,UAAU,WAAW,KAAK;KAE5B,CAAC,QAAQ,YAAY,UAAU,CA+BjB;EACd,UA7BmB,aAClB,UAA6B;GAC5B,OAAO,MAAM,WAAW,MAAM;GAE9B,MAAM,EAAE,GAAG,GAAG,OAAO,WAAW,MAAM,YAAY;GAClD,QAAQ,eAAe;IAAE;IAAG;IAAG;IAAO;IAAQ,CAAC;KAEjD,CAAC,SAAS,OAAO,MAAM,CAsBD;EACtB,SApBkB,aACjB,UAAiC;GAChC,OAAO,MAAM,UAAU,MAAM;GAE7B,IAAI,QAAQ,MAAM;IAChB,QAAQ,QAAQ,MAAM;IACtB;;GAGF,eAAe,QAAQ,WAAW,SAAS,QAAQ,cAAc,SAAS;IACxE,QAAQ,eAAe,KAAK;IAC5B,QAAQ,QAAQ,KAAK;KACrB;KAEJ,CAAC,SAAS,OAAO,MAAM,CAMH;EACpB,oBAAoB;GAClB,GAAG,OAAO,MAAM;GAChB,UAAU,QAAQ;GACnB;EACF,CAAC;EACF;AAEF,eAAe,cAAc"}

package/dist/components/Popover/index.cjs

@@ -0,0 +1,14 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_Popover_Popover = require("./Popover.cjs");
+const require_components_Popover_PopoverContent = require("./PopoverContent.cjs");
+const require_components_Popover_PopoverDescription = require("./PopoverDescription.cjs");
+const require_components_Popover_PopoverDismiss = require("./PopoverDismiss.cjs");
+const require_components_Popover_PopoverTitle = require("./PopoverTitle.cjs");
+const require_components_Popover_PopoverTrigger = require("./PopoverTrigger.cjs");
+exports.Popover = require_components_Popover_Popover.Popover;
+exports.PopoverContent = require_components_Popover_PopoverContent.PopoverContent;
+exports.PopoverDescription = require_components_Popover_PopoverDescription.PopoverDescription;
+exports.PopoverDismiss = require_components_Popover_PopoverDismiss.PopoverDismiss;
+exports.PopoverTitle = require_components_Popover_PopoverTitle.PopoverTitle;
+exports.PopoverTrigger = require_components_Popover_PopoverTrigger.PopoverTrigger;

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

@@ -0,0 +1,9 @@
+
+import { PopoverContentProps, PopoverDescriptionProps, PopoverDismissProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps } from "./types.cjs";
+import { Popover } from "./Popover.cjs";
+import { PopoverContent } from "./PopoverContent.cjs";
+import { PopoverDescription } from "./PopoverDescription.cjs";
+import { PopoverDismiss } from "./PopoverDismiss.cjs";
+import { PopoverTitle } from "./PopoverTitle.cjs";
+import { PopoverTrigger } from "./PopoverTrigger.cjs";
+export { Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverDismiss, type PopoverDismissProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };

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

@@ -0,0 +1,9 @@
+
+import { PopoverContentProps, PopoverDescriptionProps, PopoverDismissProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps } from "./types.js";
+import { Popover } from "./Popover.js";
+import { PopoverContent } from "./PopoverContent.js";
+import { PopoverDescription } from "./PopoverDescription.js";
+import { PopoverDismiss } from "./PopoverDismiss.js";
+import { PopoverTitle } from "./PopoverTitle.js";
+import { PopoverTrigger } from "./PopoverTrigger.js";
+export { Popover, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, PopoverDismiss, type PopoverDismissProps, type PopoverProps, PopoverTitle, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/components/Popover/index.js

@@ -0,0 +1,8 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Popover } from "./Popover.js";
+import { PopoverContent } from "./PopoverContent.js";
+import { PopoverDescription } from "./PopoverDescription.js";
+import { PopoverDismiss } from "./PopoverDismiss.js";
+import { PopoverTitle } from "./PopoverTitle.js";
+import { PopoverTrigger } from "./PopoverTrigger.js";
+export { Popover, PopoverContent, PopoverDescription, PopoverDismiss, PopoverTitle, PopoverTrigger };

package/dist/components/Popover/popoverFrameGeometry.cjs

@@ -0,0 +1,177 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/Popover/popoverFrameGeometry.ts
+const ARROW_TIP_RADIUS_FRACTION = .3;
+const arrowBaseEdgeByPlacement = {
+	bottom: "top",
+	left: "right",
+	right: "left",
+	top: "bottom"
+};
+function clamp(value, min, max) {
+	if (max < min) return min;
+	return Math.min(Math.max(value, min), max);
+}
+function resolvePopoverFramePlacement(placement, isRTL) {
+	const [side] = placement.split("-");
+	if (side === "top" || side === "bottom") return side;
+	if (side === "start") return isRTL ? "right" : "left";
+	return isRTL ? "left" : "right";
+}
+function formatNumber(value) {
+	const rounded = Number(value.toFixed(3));
+	return `${Object.is(rounded, -0) ? 0 : rounded}`;
+}
+function command(op, ...values) {
+	return `${op} ${values.map(formatNumber).join(" ")}`;
+}
+const moveTo = (x, y) => command("M", x, y);
+const lineTo = (x, y) => command("L", x, y);
+const quadTo = (controlX, controlY, x, y) => command("Q", controlX, controlY, x, y);
+function path(...commands) {
+	return commands.join(" ");
+}
+function isVerticalPlacement(placement) {
+	return placement === "top" || placement === "bottom";
+}
+function getFrameStyle({ arrowHeight, frameHeight, frameWidth, placement }) {
+	if (placement === "bottom") return {
+		left: 0,
+		top: -arrowHeight,
+		width: frameWidth,
+		height: frameHeight
+	};
+	if (placement === "right") return {
+		left: -arrowHeight,
+		top: 0,
+		width: frameWidth,
+		height: frameHeight
+	};
+	return {
+		left: 0,
+		top: 0,
+		width: frameWidth,
+		height: frameHeight
+	};
+}
+function getFrameLayout({ arrowHeight, arrowOffset, arrowWidth, borderRadius, placement, strokeWidth, surfaceHeight, surfaceWidth }) {
+	const safeArrowHeight = Math.max(0, arrowHeight);
+	const requestedArrowWidth = Math.max(0, arrowWidth);
+	const safeStrokeWidth = Math.max(0, strokeWidth);
+	const safeSurfaceHeight = Math.max(0, surfaceHeight);
+	const safeSurfaceWidth = Math.max(0, surfaceWidth);
+	const verticalPlacement = isVerticalPlacement(placement);
+	const halfStroke = safeStrokeWidth / 2;
+	const radius = Math.min(Math.max(0, borderRadius), safeSurfaceWidth / 2, safeSurfaceHeight / 2);
+	const mainAxisSize = verticalPlacement ? safeSurfaceWidth : safeSurfaceHeight;
+	const availableArrowWidth = Math.max(0, mainAxisSize - radius * 2);
+	const resolvedArrowWidth = Math.min(requestedArrowWidth, availableArrowWidth);
+	const frameWidth = safeSurfaceWidth + (verticalPlacement ? 0 : safeArrowHeight);
+	const frameHeight = safeSurfaceHeight + (verticalPlacement ? safeArrowHeight : 0);
+	const surfaceOrigin = {
+		x: placement === "right" ? safeArrowHeight : 0,
+		y: placement === "bottom" ? safeArrowHeight : 0
+	};
+	const surface = {
+		left: surfaceOrigin.x + halfStroke,
+		top: surfaceOrigin.y + halfStroke,
+		right: surfaceOrigin.x + safeSurfaceWidth - halfStroke,
+		bottom: surfaceOrigin.y + safeSurfaceHeight - halfStroke
+	};
+	return {
+		arrowHeight: safeArrowHeight,
+		arrowOffset: clamp(arrowOffset, radius, mainAxisSize - radius - resolvedArrowWidth),
+		arrowWidth: resolvedArrowWidth,
+		frameStyle: getFrameStyle({
+			arrowHeight: safeArrowHeight,
+			frameHeight,
+			frameWidth,
+			placement
+		}),
+		halfStroke,
+		placement,
+		radius,
+		surface,
+		surfaceOrigin,
+		viewBox: `0 0 ${frameWidth} ${frameHeight}`
+	};
+}
+function getArrowGeometry(layout) {
+	const { arrowHeight, arrowOffset, arrowWidth, halfStroke, placement, surface, surfaceOrigin } = layout;
+	const verticalPlacement = isVerticalPlacement(placement);
+	const start = (verticalPlacement ? surfaceOrigin.x : surfaceOrigin.y) + arrowOffset;
+	const end = start + arrowWidth;
+	const center = start + arrowWidth / 2;
+	if (verticalPlacement) return {
+		center,
+		end,
+		offset: arrowOffset,
+		start,
+		tip: placement === "bottom" ? halfStroke : surface.bottom + arrowHeight - halfStroke,
+		width: arrowWidth
+	};
+	return {
+		center,
+		end,
+		offset: arrowOffset,
+		start,
+		tip: placement === "right" ? halfStroke : surface.right + arrowHeight - halfStroke,
+		width: arrowWidth
+	};
+}
+function getArrowTipCommands(placement, surface, arrow, rounding, direction) {
+	const toPoint = (main, cross) => isVerticalPlacement(placement) ? [main, cross] : [cross, main];
+	if (rounding.radius <= 0) return [lineTo(...toPoint(arrow.center, arrow.tip))];
+	const crossSign = Math.sign(surface[arrowBaseEdgeByPlacement[placement]] - arrow.tip);
+	const shoulderCross = arrow.tip + crossSign * rounding.crossAxisOffset;
+	return [lineTo(...toPoint(arrow.center - direction * rounding.mainAxisOffset, shoulderCross)), quadTo(...toPoint(arrow.center, arrow.tip), ...toPoint(arrow.center + direction * rounding.mainAxisOffset, shoulderCross))];
+}
+function getArrowFillPath(placement, surface, arrow, radius) {
+	const arrowTipCommands = getArrowTipCommands(placement, surface, arrow, getArrowTipRounding(placement, surface, arrow, radius), 1);
+	if (placement === "bottom") return path(moveTo(arrow.start, surface.top), ...arrowTipCommands, lineTo(arrow.end, surface.top), "Z");
+	if (placement === "top") return path(moveTo(arrow.start, surface.bottom), ...arrowTipCommands, lineTo(arrow.end, surface.bottom), "Z");
+	if (placement === "right") return path(moveTo(surface.left, arrow.start), ...arrowTipCommands, lineTo(surface.left, arrow.end), "Z");
+	return path(moveTo(surface.right, arrow.start), ...arrowTipCommands, lineTo(surface.right, arrow.end), "Z");
+}
+function getArrowTipRounding(placement, surface, arrow, radius) {
+	const halfArrowWidth = arrow.width / 2;
+	const arrowHeight = Math.abs(surface[arrowBaseEdgeByPlacement[placement]] - arrow.tip);
+	const arrowEdgeLength = Math.hypot(halfArrowWidth, arrowHeight);
+	if (radius <= 0 || arrowEdgeLength <= 0) return {
+		crossAxisOffset: 0,
+		mainAxisOffset: 0,
+		radius: 0
+	};
+	const tipRadius = Math.min(radius * ARROW_TIP_RADIUS_FRACTION, arrowEdgeLength / 2);
+	return {
+		crossAxisOffset: tipRadius * arrowHeight / arrowEdgeLength,
+		mainAxisOffset: tipRadius * halfArrowWidth / arrowEdgeLength,
+		radius: tipRadius
+	};
+}
+function getFrameShapePath(placement, surface, arrow, radius) {
+	const { bottom, left, right, top } = surface;
+	const rounding = getArrowTipRounding(placement, surface, arrow, radius);
+	const arrowTipCommands = (direction) => getArrowTipCommands(placement, surface, arrow, rounding, direction);
+	if (placement === "bottom") return path(moveTo(left + radius, top), lineTo(arrow.start, top), ...arrowTipCommands(1), lineTo(arrow.end, top), lineTo(right - radius, top), quadTo(right, top, right, top + radius), lineTo(right, bottom - radius), quadTo(right, bottom, right - radius, bottom), lineTo(left + radius, bottom), quadTo(left, bottom, left, bottom - radius), lineTo(left, top + radius), quadTo(left, top, left + radius, top), "Z");
+	if (placement === "top") return path(moveTo(left + radius, top), lineTo(right - radius, top), quadTo(right, top, right, top + radius), lineTo(right, bottom - radius), quadTo(right, bottom, right - radius, bottom), lineTo(arrow.end, bottom), ...arrowTipCommands(-1), lineTo(arrow.start, bottom), lineTo(left + radius, bottom), quadTo(left, bottom, left, bottom - radius), lineTo(left, top + radius), quadTo(left, top, left + radius, top), "Z");
+	if (placement === "right") return path(moveTo(left + radius, top), lineTo(right - radius, top), quadTo(right, top, right, top + radius), lineTo(right, bottom - radius), quadTo(right, bottom, right - radius, bottom), lineTo(left + radius, bottom), quadTo(left, bottom, left, bottom - radius), lineTo(left, arrow.end), ...arrowTipCommands(-1), lineTo(left, arrow.start), lineTo(left, top + radius), quadTo(left, top, left + radius, top), "Z");
+	return path(moveTo(left + radius, top), lineTo(right - radius, top), quadTo(right, top, right, top + radius), lineTo(right, arrow.start), ...arrowTipCommands(1), lineTo(right, arrow.end), lineTo(right, bottom - radius), quadTo(right, bottom, right - radius, bottom), lineTo(left + radius, bottom), quadTo(left, bottom, left, bottom - radius), lineTo(left, top + radius), quadTo(left, top, left + radius, top), "Z");
+}
+function getPopoverFrameGeometry(props) {
+	const layout = getFrameLayout(props);
+	const arrow = getArrowGeometry(layout);
+	const framePath = getFrameShapePath(layout.placement, layout.surface, arrow, layout.radius);
+	return {
+		arrow,
+		fillPath: getArrowFillPath(layout.placement, layout.surface, arrow, layout.radius),
+		frameStyle: layout.frameStyle,
+		radius: layout.radius,
+		strokePath: framePath,
+		surface: layout.surface,
+		viewBox: layout.viewBox
+	};
+}
+//#endregion
+exports.getPopoverFrameGeometry = getPopoverFrameGeometry;
+exports.resolvePopoverFramePlacement = resolvePopoverFramePlacement;

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

@@ -0,0 +1,48 @@
+
+import { AnchoredPlacement } from "../internal/Overlay/types.cjs";
+//#region src/components/Popover/popoverFrameGeometry.d.ts
+type PopoverFramePhysicalPlacement = 'top' | 'bottom' | 'left' | 'right';
+interface PopoverFrameGeometryProps {
+  arrowHeight: number;
+  arrowOffset: number;
+  arrowWidth: number;
+  borderRadius: number;
+  placement: PopoverFramePhysicalPlacement;
+  strokeWidth: number;
+  surfaceHeight: number;
+  surfaceWidth: number;
+}
+interface PopoverFrameGeometry {
+  arrow: ArrowGeometry;
+  fillPath: string;
+  frameStyle: FrameStyle;
+  radius: number;
+  strokePath: string;
+  surface: SurfaceBounds;
+  viewBox: string;
+}
+interface ArrowGeometry {
+  center: number;
+  end: number;
+  offset: number;
+  start: number;
+  tip: number;
+  width: number;
+}
+interface FrameStyle {
+  height: number;
+  left: number;
+  top: number;
+  width: number;
+}
+interface SurfaceBounds {
+  bottom: number;
+  left: number;
+  right: number;
+  top: number;
+}
+declare function resolvePopoverFramePlacement(placement: AnchoredPlacement, isRTL: boolean): PopoverFramePhysicalPlacement;
+declare function getPopoverFrameGeometry(props: PopoverFrameGeometryProps): PopoverFrameGeometry;
+//#endregion
+export { type PopoverFrameGeometry, type PopoverFramePhysicalPlacement, getPopoverFrameGeometry, resolvePopoverFramePlacement };
+//# sourceMappingURL=popoverFrameGeometry.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFrameGeometry.d.cts","names":[],"sources":["../../../src/components/Popover/popoverFrameGeometry.ts"],"mappings":";;;KAOK,6BAAA;AAAA,UAEK,yBAAA;EACR,WAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EACA,SAAA,EAAW,6BAAA;EACX,WAAA;EACA,aAAA;EACA,YAAA;AAAA;AAAA,UAGQ,oBAAA;EACR,KAAA,EAAO,aAAA;EACP,QAAA;EACA,UAAA,EAAY,UAAA;EACZ,MAAA;EACA,UAAA;EACA,OAAA,EAAS,aAAA;EACT,OAAA;AAAA;AAAA,UAGQ,aAAA;EACR,MAAA;EACA,GAAA;EACA,MAAA;EACA,KAAA;EACA,GAAA;EACA,KAAA;AAAA;AAAA,UAGQ,UAAA;EACR,MAAA;EACA,IAAA;EACA,GAAA;EACA,KAAA;AAAA;AAAA,UAGQ,aAAA;EACR,MAAA;EACA,IAAA;EACA,KAAA;EACA,GAAA;AAAA;AAAA,iBAwCO,4BAAA,CACP,SAAA,EAAW,iBAAA,EACX,KAAA,YACC,6BAAA;AAAA,iBAwVM,uBAAA,CAAwB,KAAA,EAAO,yBAAA,GAA4B,oBAAA"}

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

@@ -0,0 +1,48 @@
+
+import { AnchoredPlacement } from "../internal/Overlay/types.js";
+//#region src/components/Popover/popoverFrameGeometry.d.ts
+type PopoverFramePhysicalPlacement = 'top' | 'bottom' | 'left' | 'right';
+interface PopoverFrameGeometryProps {
+  arrowHeight: number;
+  arrowOffset: number;
+  arrowWidth: number;
+  borderRadius: number;
+  placement: PopoverFramePhysicalPlacement;
+  strokeWidth: number;
+  surfaceHeight: number;
+  surfaceWidth: number;
+}
+interface PopoverFrameGeometry {
+  arrow: ArrowGeometry;
+  fillPath: string;
+  frameStyle: FrameStyle;
+  radius: number;
+  strokePath: string;
+  surface: SurfaceBounds;
+  viewBox: string;
+}
+interface ArrowGeometry {
+  center: number;
+  end: number;
+  offset: number;
+  start: number;
+  tip: number;
+  width: number;
+}
+interface FrameStyle {
+  height: number;
+  left: number;
+  top: number;
+  width: number;
+}
+interface SurfaceBounds {
+  bottom: number;
+  left: number;
+  right: number;
+  top: number;
+}
+declare function resolvePopoverFramePlacement(placement: AnchoredPlacement, isRTL: boolean): PopoverFramePhysicalPlacement;
+declare function getPopoverFrameGeometry(props: PopoverFrameGeometryProps): PopoverFrameGeometry;
+//#endregion
+export { type PopoverFrameGeometry, type PopoverFramePhysicalPlacement, getPopoverFrameGeometry, resolvePopoverFramePlacement };
+//# sourceMappingURL=popoverFrameGeometry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFrameGeometry.d.ts","names":[],"sources":["../../../src/components/Popover/popoverFrameGeometry.ts"],"mappings":";;;KAOK,6BAAA;AAAA,UAEK,yBAAA;EACR,WAAA;EACA,WAAA;EACA,UAAA;EACA,YAAA;EACA,SAAA,EAAW,6BAAA;EACX,WAAA;EACA,aAAA;EACA,YAAA;AAAA;AAAA,UAGQ,oBAAA;EACR,KAAA,EAAO,aAAA;EACP,QAAA;EACA,UAAA,EAAY,UAAA;EACZ,MAAA;EACA,UAAA;EACA,OAAA,EAAS,aAAA;EACT,OAAA;AAAA;AAAA,UAGQ,aAAA;EACR,MAAA;EACA,GAAA;EACA,MAAA;EACA,KAAA;EACA,GAAA;EACA,KAAA;AAAA;AAAA,UAGQ,UAAA;EACR,MAAA;EACA,IAAA;EACA,GAAA;EACA,KAAA;AAAA;AAAA,UAGQ,aAAA;EACR,MAAA;EACA,IAAA;EACA,KAAA;EACA,GAAA;AAAA;AAAA,iBAwCO,4BAAA,CACP,SAAA,EAAW,iBAAA,EACX,KAAA,YACC,6BAAA;AAAA,iBAwVM,uBAAA,CAAwB,KAAA,EAAO,yBAAA,GAA4B,oBAAA"}