@yahoo/uds-mobile 2.17.0 → 2.18.0

package/dist/components/Popover/popoverFrameGeometry.js

@@ -0,0 +1,177 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#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
+export { getPopoverFrameGeometry, resolvePopoverFramePlacement };
+
+//# sourceMappingURL=popoverFrameGeometry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popoverFrameGeometry.js","names":[],"sources":["../../../src/components/Popover/popoverFrameGeometry.ts"],"sourcesContent":["import type { AnchoredPlacement } from '../internal/Overlay';\n\n// PopoverFrame draws one SVG around both the rounded surface and its arrow. The geometry below\n// keeps that drawing model explicit: place the surface, place the arrow, then turn those named\n// points into SVG path commands.\nconst ARROW_TIP_RADIUS_FRACTION = 0.3;\n\ntype PopoverFramePhysicalPlacement = 'top' | 'bottom' | 'left' | 'right';\n\ninterface PopoverFrameGeometryProps {\n  arrowHeight: number;\n  arrowOffset: number;\n  arrowWidth: number;\n  borderRadius: number;\n  placement: PopoverFramePhysicalPlacement;\n  strokeWidth: number;\n  surfaceHeight: number;\n  surfaceWidth: number;\n}\n\ninterface PopoverFrameGeometry {\n  arrow: ArrowGeometry;\n  fillPath: string;\n  frameStyle: FrameStyle;\n  radius: number;\n  strokePath: string;\n  surface: SurfaceBounds;\n  viewBox: string;\n}\n\ninterface ArrowGeometry {\n  center: number;\n  end: number;\n  offset: number;\n  start: number;\n  tip: number;\n  width: number;\n}\n\ninterface FrameStyle {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n}\n\ninterface SurfaceBounds {\n  bottom: number;\n  left: number;\n  right: number;\n  top: number;\n}\n\nconst arrowBaseEdgeByPlacement = {\n  bottom: 'top',\n  left: 'right',\n  right: 'left',\n  top: 'bottom',\n} satisfies Record<PopoverFramePhysicalPlacement, keyof SurfaceBounds>;\n\ninterface ArrowTipRounding {\n  crossAxisOffset: number;\n  mainAxisOffset: number;\n  radius: number;\n}\n\ninterface FrameLayout {\n  arrowHeight: number;\n  arrowOffset: number;\n  arrowWidth: number;\n  frameStyle: FrameStyle;\n  halfStroke: number;\n  placement: PopoverFramePhysicalPlacement;\n  radius: number;\n  surface: SurfaceBounds;\n  surfaceOrigin: {\n    x: number;\n    y: number;\n  };\n  viewBox: string;\n}\n\nfunction clamp(value: number, min: number, max: number) {\n  if (max < min) {\n    return min;\n  }\n\n  return Math.min(Math.max(value, min), max);\n}\n\nfunction resolvePopoverFramePlacement(\n  placement: AnchoredPlacement,\n  isRTL: boolean,\n): PopoverFramePhysicalPlacement {\n  const [side] = placement.split('-') as ['top' | 'bottom' | 'start' | 'end'];\n\n  if (side === 'top' || side === 'bottom') {\n    return side;\n  }\n\n  if (side === 'start') {\n    return isRTL ? 'right' : 'left';\n  }\n\n  return isRTL ? 'left' : 'right';\n}\n\nfunction formatNumber(value: number) {\n  const rounded = Number(value.toFixed(3));\n\n  return `${Object.is(rounded, -0) ? 0 : rounded}`;\n}\n\nfunction command(op: string, ...values: number[]) {\n  return `${op} ${values.map(formatNumber).join(' ')}`;\n}\n\nconst moveTo = (x: number, y: number) => command('M', x, y);\n\nconst lineTo = (x: number, y: number) => command('L', x, y);\n\nconst quadTo = (controlX: number, controlY: number, x: number, y: number) =>\n  command('Q', controlX, controlY, x, y);\n\nfunction path(...commands: string[]) {\n  return commands.join(' ');\n}\n\nfunction isVerticalPlacement(placement: PopoverFramePhysicalPlacement) {\n  return placement === 'top' || placement === 'bottom';\n}\n\nfunction getFrameStyle({\n  arrowHeight,\n  frameHeight,\n  frameWidth,\n  placement,\n}: {\n  arrowHeight: number;\n  frameHeight: number;\n  frameWidth: number;\n  placement: PopoverFramePhysicalPlacement;\n}): FrameStyle {\n  if (placement === 'bottom') {\n    return {\n      left: 0,\n      top: -arrowHeight,\n      width: frameWidth,\n      height: frameHeight,\n    };\n  }\n\n  if (placement === 'right') {\n    return {\n      left: -arrowHeight,\n      top: 0,\n      width: frameWidth,\n      height: frameHeight,\n    };\n  }\n\n  return {\n    left: 0,\n    top: 0,\n    width: frameWidth,\n    height: frameHeight,\n  };\n}\n\nfunction getFrameLayout({\n  arrowHeight,\n  arrowOffset,\n  arrowWidth,\n  borderRadius,\n  placement,\n  strokeWidth,\n  surfaceHeight,\n  surfaceWidth,\n}: PopoverFrameGeometryProps): FrameLayout {\n  const safeArrowHeight = Math.max(0, arrowHeight);\n  const requestedArrowWidth = Math.max(0, arrowWidth);\n  const safeStrokeWidth = Math.max(0, strokeWidth);\n  const safeSurfaceHeight = Math.max(0, surfaceHeight);\n  const safeSurfaceWidth = Math.max(0, surfaceWidth);\n  const verticalPlacement = isVerticalPlacement(placement);\n  const halfStroke = safeStrokeWidth / 2;\n  // SVG strokes are centered on the path, so the surface path is inset by half the stroke width.\n  // This keeps thick borders inside the viewBox instead of clipping at the frame edges.\n  const radius = Math.min(Math.max(0, borderRadius), safeSurfaceWidth / 2, safeSurfaceHeight / 2);\n  const mainAxisSize = verticalPlacement ? safeSurfaceWidth : safeSurfaceHeight;\n  const availableArrowWidth = Math.max(0, mainAxisSize - radius * 2);\n  const resolvedArrowWidth = Math.min(requestedArrowWidth, availableArrowWidth);\n  const frameWidth = safeSurfaceWidth + (verticalPlacement ? 0 : safeArrowHeight);\n  const frameHeight = safeSurfaceHeight + (verticalPlacement ? safeArrowHeight : 0);\n  const surfaceOrigin = {\n    x: placement === 'right' ? safeArrowHeight : 0,\n    y: placement === 'bottom' ? safeArrowHeight : 0,\n  };\n  const surface = {\n    left: surfaceOrigin.x + halfStroke,\n    top: surfaceOrigin.y + halfStroke,\n    right: surfaceOrigin.x + safeSurfaceWidth - halfStroke,\n    bottom: surfaceOrigin.y + safeSurfaceHeight - halfStroke,\n  };\n  const offset = clamp(arrowOffset, radius, mainAxisSize - radius - resolvedArrowWidth);\n\n  return {\n    arrowHeight: safeArrowHeight,\n    arrowOffset: offset,\n    arrowWidth: resolvedArrowWidth,\n    frameStyle: getFrameStyle({\n      arrowHeight: safeArrowHeight,\n      frameHeight,\n      frameWidth,\n      placement,\n    }),\n    halfStroke,\n    placement,\n    radius,\n    surface,\n    surfaceOrigin,\n    viewBox: `0 0 ${frameWidth} ${frameHeight}`,\n  };\n}\n\nfunction getArrowGeometry(layout: FrameLayout): ArrowGeometry {\n  const { arrowHeight, arrowOffset, arrowWidth, halfStroke, placement, surface, surfaceOrigin } =\n    layout;\n  const verticalPlacement = isVerticalPlacement(placement);\n  const start = (verticalPlacement ? surfaceOrigin.x : surfaceOrigin.y) + arrowOffset;\n  const end = start + arrowWidth;\n  const center = start + arrowWidth / 2;\n\n  if (verticalPlacement) {\n    const tip = placement === 'bottom' ? halfStroke : surface.bottom + arrowHeight - halfStroke;\n\n    return {\n      center,\n      end,\n      offset: arrowOffset,\n      start,\n      tip,\n      width: arrowWidth,\n    };\n  }\n\n  const tip = placement === 'right' ? halfStroke : surface.right + arrowHeight - halfStroke;\n\n  return {\n    center,\n    end,\n    offset: arrowOffset,\n    start,\n    tip,\n    width: arrowWidth,\n  };\n}\n\nfunction getArrowTipCommands(\n  placement: PopoverFramePhysicalPlacement,\n  surface: SurfaceBounds,\n  arrow: ArrowGeometry,\n  rounding: ArrowTipRounding,\n  direction: 1 | -1,\n) {\n  const toPoint = (main: number, cross: number): [number, number] =>\n    isVerticalPlacement(placement) ? [main, cross] : [cross, main];\n\n  if (rounding.radius <= 0) {\n    return [lineTo(...toPoint(arrow.center, arrow.tip))];\n  }\n\n  const crossSign = Math.sign(surface[arrowBaseEdgeByPlacement[placement]] - arrow.tip);\n  const shoulderCross = arrow.tip + crossSign * rounding.crossAxisOffset;\n\n  return [\n    lineTo(...toPoint(arrow.center - direction * rounding.mainAxisOffset, shoulderCross)),\n    quadTo(\n      ...toPoint(arrow.center, arrow.tip),\n      ...toPoint(arrow.center + direction * rounding.mainAxisOffset, shoulderCross),\n    ),\n  ];\n}\n\nfunction getArrowFillPath(\n  placement: PopoverFramePhysicalPlacement,\n  surface: SurfaceBounds,\n  arrow: ArrowGeometry,\n  radius: number,\n) {\n  const rounding = getArrowTipRounding(placement, surface, arrow, radius);\n  const arrowTipCommands = getArrowTipCommands(placement, surface, arrow, rounding, 1);\n\n  if (placement === 'bottom') {\n    return path(\n      moveTo(arrow.start, surface.top),\n      ...arrowTipCommands,\n      lineTo(arrow.end, surface.top),\n      'Z',\n    );\n  }\n\n  if (placement === 'top') {\n    return path(\n      moveTo(arrow.start, surface.bottom),\n      ...arrowTipCommands,\n      lineTo(arrow.end, surface.bottom),\n      'Z',\n    );\n  }\n\n  if (placement === 'right') {\n    return path(\n      moveTo(surface.left, arrow.start),\n      ...arrowTipCommands,\n      lineTo(surface.left, arrow.end),\n      'Z',\n    );\n  }\n\n  return path(\n    moveTo(surface.right, arrow.start),\n    ...arrowTipCommands,\n    lineTo(surface.right, arrow.end),\n    'Z',\n  );\n}\n\nfunction getArrowTipRounding(\n  placement: PopoverFramePhysicalPlacement,\n  surface: SurfaceBounds,\n  arrow: ArrowGeometry,\n  radius: number,\n): ArrowTipRounding {\n  const halfArrowWidth = arrow.width / 2;\n  const arrowHeight = Math.abs(surface[arrowBaseEdgeByPlacement[placement]] - arrow.tip);\n  const arrowEdgeLength = Math.hypot(halfArrowWidth, arrowHeight);\n\n  if (radius <= 0 || arrowEdgeLength <= 0) {\n    return {\n      crossAxisOffset: 0,\n      mainAxisOffset: 0,\n      radius: 0,\n    };\n  }\n\n  const tipRadius = Math.min(radius * ARROW_TIP_RADIUS_FRACTION, arrowEdgeLength / 2);\n\n  return {\n    crossAxisOffset: (tipRadius * arrowHeight) / arrowEdgeLength,\n    mainAxisOffset: (tipRadius * halfArrowWidth) / arrowEdgeLength,\n    radius: tipRadius,\n  };\n}\n\nfunction getFrameShapePath(\n  placement: PopoverFramePhysicalPlacement,\n  surface: SurfaceBounds,\n  arrow: ArrowGeometry,\n  radius: number,\n) {\n  const { bottom, left, right, top } = surface;\n  const rounding = getArrowTipRounding(placement, surface, arrow, radius);\n  const arrowTipCommands = (direction: 1 | -1) =>\n    getArrowTipCommands(placement, surface, arrow, rounding, direction);\n\n  if (placement === 'bottom') {\n    return path(\n      moveTo(left + radius, top),\n      lineTo(arrow.start, top),\n      ...arrowTipCommands(1),\n      lineTo(arrow.end, top),\n      lineTo(right - radius, top),\n      quadTo(right, top, right, top + radius),\n      lineTo(right, bottom - radius),\n      quadTo(right, bottom, right - radius, bottom),\n      lineTo(left + radius, bottom),\n      quadTo(left, bottom, left, bottom - radius),\n      lineTo(left, top + radius),\n      quadTo(left, top, left + radius, top),\n      'Z',\n    );\n  }\n\n  if (placement === 'top') {\n    return path(\n      moveTo(left + radius, top),\n      lineTo(right - radius, top),\n      quadTo(right, top, right, top + radius),\n      lineTo(right, bottom - radius),\n      quadTo(right, bottom, right - radius, bottom),\n      lineTo(arrow.end, bottom),\n      ...arrowTipCommands(-1),\n      lineTo(arrow.start, bottom),\n      lineTo(left + radius, bottom),\n      quadTo(left, bottom, left, bottom - radius),\n      lineTo(left, top + radius),\n      quadTo(left, top, left + radius, top),\n      'Z',\n    );\n  }\n\n  if (placement === 'right') {\n    return path(\n      moveTo(left + radius, top),\n      lineTo(right - radius, top),\n      quadTo(right, top, right, top + radius),\n      lineTo(right, bottom - radius),\n      quadTo(right, bottom, right - radius, bottom),\n      lineTo(left + radius, bottom),\n      quadTo(left, bottom, left, bottom - radius),\n      lineTo(left, arrow.end),\n      ...arrowTipCommands(-1),\n      lineTo(left, arrow.start),\n      lineTo(left, top + radius),\n      quadTo(left, top, left + radius, top),\n      'Z',\n    );\n  }\n\n  return path(\n    moveTo(left + radius, top),\n    lineTo(right - radius, top),\n    quadTo(right, top, right, top + radius),\n    lineTo(right, arrow.start),\n    ...arrowTipCommands(1),\n    lineTo(right, arrow.end),\n    lineTo(right, bottom - radius),\n    quadTo(right, bottom, right - radius, bottom),\n    lineTo(left + radius, bottom),\n    quadTo(left, bottom, left, bottom - radius),\n    lineTo(left, top + radius),\n    quadTo(left, top, left + radius, top),\n    'Z',\n  );\n}\n\nfunction getPopoverFrameGeometry(props: PopoverFrameGeometryProps): PopoverFrameGeometry {\n  const layout = getFrameLayout(props);\n  const arrow = getArrowGeometry(layout);\n  const framePath = getFrameShapePath(layout.placement, layout.surface, arrow, layout.radius);\n\n  return {\n    arrow,\n    fillPath: getArrowFillPath(layout.placement, layout.surface, arrow, layout.radius),\n    frameStyle: layout.frameStyle,\n    radius: layout.radius,\n    strokePath: framePath,\n    surface: layout.surface,\n    viewBox: layout.viewBox,\n  };\n}\n\nexport type { PopoverFrameGeometry, PopoverFramePhysicalPlacement };\nexport { getPopoverFrameGeometry, resolvePopoverFramePlacement };\n"],"mappings":"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"}

package/dist/components/Popover/popoverLayer.cjs

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/Popover/popoverLayer.ts
+const listeners = /* @__PURE__ */ new Set();
+function notifyPopoverOpened(id) {
+	listeners.forEach((listener) => listener(id));
+}
+function subscribeToPopoverLayer(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+//#endregion
+exports.notifyPopoverOpened = notifyPopoverOpened;
+exports.subscribeToPopoverLayer = subscribeToPopoverLayer;

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

@@ -0,0 +1,8 @@
+
+//#region src/components/Popover/popoverLayer.d.ts
+type PopoverLayerListener = (id: string) => void;
+declare function notifyPopoverOpened(id: string): void;
+declare function subscribeToPopoverLayer(listener: PopoverLayerListener): () => void;
+//#endregion
+export { notifyPopoverOpened, subscribeToPopoverLayer };
+//# sourceMappingURL=popoverLayer.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popoverLayer.d.cts","names":[],"sources":["../../../src/components/Popover/popoverLayer.ts"],"mappings":";;KAAK,oBAAA,IAAwB,EAAA;AAAA,iBAMpB,mBAAA,CAAoB,EAAA;AAAA,iBAIpB,uBAAA,CAAwB,QAAA,EAAU,oBAAA"}

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

@@ -0,0 +1,8 @@
+
+//#region src/components/Popover/popoverLayer.d.ts
+type PopoverLayerListener = (id: string) => void;
+declare function notifyPopoverOpened(id: string): void;
+declare function subscribeToPopoverLayer(listener: PopoverLayerListener): () => void;
+//#endregion
+export { notifyPopoverOpened, subscribeToPopoverLayer };
+//# sourceMappingURL=popoverLayer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popoverLayer.d.ts","names":[],"sources":["../../../src/components/Popover/popoverLayer.ts"],"mappings":";;KAAK,oBAAA,IAAwB,EAAA;AAAA,iBAMpB,mBAAA,CAAoB,EAAA;AAAA,iBAIpB,uBAAA,CAAwB,QAAA,EAAU,oBAAA"}

package/dist/components/Popover/popoverLayer.js

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+//#region src/components/Popover/popoverLayer.ts
+const listeners = /* @__PURE__ */ new Set();
+function notifyPopoverOpened(id) {
+	listeners.forEach((listener) => listener(id));
+}
+function subscribeToPopoverLayer(listener) {
+	listeners.add(listener);
+	return () => {
+		listeners.delete(listener);
+	};
+}
+//#endregion
+export { notifyPopoverOpened, subscribeToPopoverLayer };
+
+//# sourceMappingURL=popoverLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popoverLayer.js","names":[],"sources":["../../../src/components/Popover/popoverLayer.ts"],"sourcesContent":["type PopoverLayerListener = (id: string) => void;\n\nconst listeners = new Set<PopoverLayerListener>();\n\n// Popovers share one lightweight layer event so opening a new root popover closes any open\n// siblings. Nested popovers are intentionally not modeled by this component yet.\nfunction notifyPopoverOpened(id: string): void {\n  listeners.forEach((listener) => listener(id));\n}\n\nfunction subscribeToPopoverLayer(listener: PopoverLayerListener): () => void {\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n  };\n}\n\nexport { notifyPopoverOpened, subscribeToPopoverLayer };\n"],"mappings":";;AAEA,MAAM,4BAAY,IAAI,KAA2B;AAIjD,SAAS,oBAAoB,IAAkB;CAC7C,UAAU,SAAS,aAAa,SAAS,GAAG,CAAC;;AAG/C,SAAS,wBAAwB,UAA4C;CAC3E,UAAU,IAAI,SAAS;CAEvB,aAAa;EACX,UAAU,OAAO,SAAS"}

package/dist/components/Popover/types.cjs

@@ -0,0 +1 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */

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

@@ -0,0 +1,170 @@
+
+import { TextProps as TextProps$1 } from "../Text.cjs";
+import { AnchoredAlign, AnchoredPlacement, AnchoredRect, AnchoredWidth, OverlayInsets } from "../internal/Overlay/types.cjs";
+import { ReactElement, ReactNode, RefObject } from "react";
+import { GestureResponderEvent, LayoutChangeEvent, StyleProp, View, ViewProps, ViewStyle } from "react-native";
+
+//#region src/components/Popover/types.d.ts
+/**
+ * Props for {@link Popover}.
+ *
+ * Popover manages open state, trigger measurement, and anchored positioning for
+ * {@link PopoverTrigger} and {@link PopoverContent}.
+ */
+interface PopoverProps {
+  /** The trigger and content elements that make up the popover. */
+  children: ReactNode;
+  /** Controlled open state. When provided, the popover is controlled by the caller. */
+  open?: boolean;
+  /**
+   * Initial open state for uncontrolled popovers.
+   * @defaultValue false
+   */
+  defaultOpen?: boolean;
+  /** Fires whenever the requested open state changes. */
+  onOpenChange?: (open: boolean) => void;
+  /** Fires after the popover opens. */
+  onOpen?: () => void;
+  /** Fires after the popover closes. */
+  onClose?: () => void;
+  /**
+   * Preferred placement relative to the trigger.
+   * @defaultValue 'bottom'
+   */
+  placement?: AnchoredPlacement;
+  /** Alignment along the cross axis of the selected placement. */
+  align?: AnchoredAlign;
+  /**
+   * Distance between the trigger and the popover surface.
+   * @defaultValue 9
+   */
+  offset?: number;
+  /**
+   * Additional cross-axis offset applied after alignment.
+   * @defaultValue 0
+   */
+  alignOffset?: number;
+  /**
+   * Whether the popover should clamp or flip to stay within the viewport.
+   * @defaultValue true
+   */
+  avoidCollisions?: boolean;
+  /**
+   * Minimum distance from viewport edges when collision handling is enabled.
+   * @defaultValue 12
+   */
+  collisionPadding?: number;
+  /**
+   * Width strategy for the floating surface.
+   * @defaultValue 'content'
+   */
+  width?: AnchoredWidth;
+  /**
+   * Whether the popover should match the measured trigger width.
+   * @defaultValue false
+   */
+  sameWidth?: boolean;
+  /**
+   * Whether to hide the popover arrow.
+   * @defaultValue false
+   */
+  hideArrow?: boolean;
+  /**
+   * Whether to hide the built-in dismiss button.
+   * @defaultValue false
+   */
+  hideDismissButton?: boolean;
+  /**
+   * Whether outside press and Android back should dismiss the popover.
+   * @defaultValue true
+   */
+  dismissible?: boolean;
+  /**
+   * Accessibility label for the built-in dismiss button.
+   * @defaultValue 'Close popover'
+   */
+  closeAccessibilityLabel?: string;
+  /**
+   * Disable motion and transition effects.
+   * @defaultValue false
+   */
+  reduceMotion?: boolean;
+  /** Optional viewport insets used by the anchored positioning engine. */
+  insets?: OverlayInsets;
+  /**
+   * Ref to a `BlurTarget` wrapping screen content.
+   * Required for Android blur; iOS blurs automatically.
+   */
+  blurTarget?: RefObject<View | null>;
+}
+/** Props injected into the element rendered by {@link PopoverTrigger}. */
+interface PopoverTriggerRenderProps {
+  /** Ref used to measure the trigger in the window. */
+  ref?: React.Ref<View>;
+  /** Press handler that toggles the popover. */
+  onPress?: (event: GestureResponderEvent) => void;
+  /** Layout handler used as a measurement fallback. */
+  onLayout?: (event: LayoutChangeEvent) => void;
+  /** Accessibility state merged onto the trigger element. */
+  accessibilityState?: Record<string, unknown>;
+}
+/** Props for {@link PopoverTrigger}. */
+interface PopoverTriggerProps {
+  /** Element to clone with measurement, accessibility, and press handlers. */
+  render: ReactElement<PopoverTriggerRenderProps>;
+}
+/** Props for {@link PopoverContent}. */
+interface PopoverContentProps extends Omit<ViewProps, 'children'> {
+  /** Content rendered inside the popover surface. */
+  children?: ReactNode;
+  /** Maximum surface width in pixels. */
+  maxWidth?: number;
+  /** Maximum surface height in pixels. */
+  maxHeight?: number;
+  /** Additional style applied to the animated surface wrapper. */
+  style?: StyleProp<ViewStyle>;
+}
+/** Props injected into the element rendered by {@link PopoverDismiss}. */
+interface PopoverDismissRenderProps {
+  /** Press handler that closes the popover. */
+  onPress?: (event: GestureResponderEvent) => void;
+}
+/** Props for {@link PopoverDismiss}. */
+interface PopoverDismissProps {
+  /** Element to clone with an injected `onPress` that closes the popover. */
+  render: ReactElement<PopoverDismissRenderProps>;
+}
+/** Props for {@link PopoverTitle}. */
+type PopoverTitleProps = TextProps$1;
+/** Props for {@link PopoverDescription}. */
+type PopoverDescriptionProps = TextProps$1;
+/**
+ * @internal
+ * Shared context value for coordination between Popover compound components.
+ */
+interface PopoverContextValue {
+  id: string;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  triggerRef: RefObject<View | null>;
+  triggerRect: AnchoredRect | null;
+  setTriggerRect: (rect: AnchoredRect) => void;
+  placement: AnchoredPlacement;
+  align?: AnchoredAlign;
+  offset: number;
+  alignOffset: number;
+  avoidCollisions: boolean;
+  collisionPadding: number;
+  width: AnchoredWidth;
+  sameWidth: boolean;
+  hideArrow: boolean;
+  hideDismissButton: boolean;
+  dismissible: boolean;
+  closeAccessibilityLabel: string;
+  reduceMotion: boolean;
+  insets?: OverlayInsets;
+  blurTarget?: RefObject<View | null>;
+}
+//#endregion
+export { type PopoverContentProps, type PopoverContextValue, type PopoverDescriptionProps, type PopoverDismissProps, type PopoverProps, type PopoverTitleProps, type PopoverTriggerProps, type PopoverTriggerRenderProps };
+//# sourceMappingURL=types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/components/Popover/types.ts"],"mappings":";;;;;;;;;;AAiByC;;;UAQ/B,YAAA;EAoBI;EAlBZ,QAAA,EAAU,SAAA;EA6CF;EA3CR,IAAA;EAgFuB;;;;EA3EvB,WAAA;EAPU;EASV,YAAA,IAAgB,IAAA;EAFhB;EAIA,MAAA;EAFgB;EAIhB,OAAA;EAAA;;;;EAKA,SAAA,GAAY,iBAAA;EAOZ;EALA,KAAA,GAAQ,aAAA;EAeR;;;;EAVA,MAAA;EA8BA;;;;EAzBA,WAAA;EA+CA;;;;EA1CA,eAAA;EA+C2B;;AAAA;;EA1C3B,gBAAA;EAgDgB;;;;EA3ChB,KAAA,GAAQ,aAAA;EAiDmB;;;;EA5C3B,SAAA;EAsCgB;;;;EAjChB,SAAA;EAqCmB;;;;EAhCnB,iBAAA;EAkC2B;AAAA;;;EA7B3B,WAAA;EAmCA;;;;EA9BA,uBAAA;EAkCQ;;;;EA7BR,YAAA;EAqCkB;EAnClB,MAAA,GAAS,aAAA;EA2B2B;;;;EAtBpC,UAAA,GAAa,SAAA,CAAU,IAAA;AAAA;;UAIf,yBAAA;EAwBR;EAtBA,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,IAAA;EAwBR;EAtBR,OAAA,IAAW,KAAA,EAAO,qBAAA;EAsBS;EApB3B,QAAA,IAAY,KAAA,EAAO,iBAAA;EAwBX;EAtBR,kBAAA,GAAqB,MAAA;AAAA;;UAIb,mBAAA;EAoBU;EAlBlB,MAAA,EAAQ,YAAA,CAAa,yBAAA;AAAA;;UAIb,mBAAA,SAA4B,IAAA,CAAK,SAAA;EAkBd;EAhB3B,QAAA,GAAW,SAAA;EAkBS;EAhBpB,QAAA;EAgBQ;EAdR,SAAA;EAc8C;EAZ9C,KAAA,GAAQ,SAAA,CAAU,SAAA;AAAA;;UAIV,yBAAA;EAYe;EAVvB,OAAA,IAAW,KAAA,EAAO,qBAAA;AAAA;;UAIV,mBAAA;EASqB;EAP7B,MAAA,EAAQ,YAAA,CAAa,yBAAA;AAAA;;KAIlB,iBAAA,GAAoB,WAAA;;KAGpB,uBAAA,GAA0B,WAAA;;;;;UAMrB,mBAAA;EACR,EAAA;EACA,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,SAAA,EAAW,iBAAA;EACX,KAAA,GAAQ,aAAA;EACR,MAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,KAAA,EAAO,aAAA;EACP,SAAA;EACA,SAAA;EACA,iBAAA;EACA,WAAA;EACA,uBAAA;EACA,YAAA;EACA,MAAA,GAAS,aAAA;EACT,UAAA,GAAa,SAAA,CAAU,IAAA;AAAA"}

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

@@ -0,0 +1,170 @@
+
+import { TextProps as TextProps$1 } from "../Text.js";
+import { AnchoredAlign, AnchoredPlacement, AnchoredRect, AnchoredWidth, OverlayInsets } from "../internal/Overlay/types.js";
+import { ReactElement, ReactNode, RefObject } from "react";
+import { GestureResponderEvent, LayoutChangeEvent, StyleProp, View, ViewProps, ViewStyle } from "react-native";
+
+//#region src/components/Popover/types.d.ts
+/**
+ * Props for {@link Popover}.
+ *
+ * Popover manages open state, trigger measurement, and anchored positioning for
+ * {@link PopoverTrigger} and {@link PopoverContent}.
+ */
+interface PopoverProps {
+  /** The trigger and content elements that make up the popover. */
+  children: ReactNode;
+  /** Controlled open state. When provided, the popover is controlled by the caller. */
+  open?: boolean;
+  /**
+   * Initial open state for uncontrolled popovers.
+   * @defaultValue false
+   */
+  defaultOpen?: boolean;
+  /** Fires whenever the requested open state changes. */
+  onOpenChange?: (open: boolean) => void;
+  /** Fires after the popover opens. */
+  onOpen?: () => void;
+  /** Fires after the popover closes. */
+  onClose?: () => void;
+  /**
+   * Preferred placement relative to the trigger.
+   * @defaultValue 'bottom'
+   */
+  placement?: AnchoredPlacement;
+  /** Alignment along the cross axis of the selected placement. */
+  align?: AnchoredAlign;
+  /**
+   * Distance between the trigger and the popover surface.
+   * @defaultValue 9
+   */
+  offset?: number;
+  /**
+   * Additional cross-axis offset applied after alignment.
+   * @defaultValue 0
+   */
+  alignOffset?: number;
+  /**
+   * Whether the popover should clamp or flip to stay within the viewport.
+   * @defaultValue true
+   */
+  avoidCollisions?: boolean;
+  /**
+   * Minimum distance from viewport edges when collision handling is enabled.
+   * @defaultValue 12
+   */
+  collisionPadding?: number;
+  /**
+   * Width strategy for the floating surface.
+   * @defaultValue 'content'
+   */
+  width?: AnchoredWidth;
+  /**
+   * Whether the popover should match the measured trigger width.
+   * @defaultValue false
+   */
+  sameWidth?: boolean;
+  /**
+   * Whether to hide the popover arrow.
+   * @defaultValue false
+   */
+  hideArrow?: boolean;
+  /**
+   * Whether to hide the built-in dismiss button.
+   * @defaultValue false
+   */
+  hideDismissButton?: boolean;
+  /**
+   * Whether outside press and Android back should dismiss the popover.
+   * @defaultValue true
+   */
+  dismissible?: boolean;
+  /**
+   * Accessibility label for the built-in dismiss button.
+   * @defaultValue 'Close popover'
+   */
+  closeAccessibilityLabel?: string;
+  /**
+   * Disable motion and transition effects.
+   * @defaultValue false
+   */
+  reduceMotion?: boolean;
+  /** Optional viewport insets used by the anchored positioning engine. */
+  insets?: OverlayInsets;
+  /**
+   * Ref to a `BlurTarget` wrapping screen content.
+   * Required for Android blur; iOS blurs automatically.
+   */
+  blurTarget?: RefObject<View | null>;
+}
+/** Props injected into the element rendered by {@link PopoverTrigger}. */
+interface PopoverTriggerRenderProps {
+  /** Ref used to measure the trigger in the window. */
+  ref?: React.Ref<View>;
+  /** Press handler that toggles the popover. */
+  onPress?: (event: GestureResponderEvent) => void;
+  /** Layout handler used as a measurement fallback. */
+  onLayout?: (event: LayoutChangeEvent) => void;
+  /** Accessibility state merged onto the trigger element. */
+  accessibilityState?: Record<string, unknown>;
+}
+/** Props for {@link PopoverTrigger}. */
+interface PopoverTriggerProps {
+  /** Element to clone with measurement, accessibility, and press handlers. */
+  render: ReactElement<PopoverTriggerRenderProps>;
+}
+/** Props for {@link PopoverContent}. */
+interface PopoverContentProps extends Omit<ViewProps, 'children'> {
+  /** Content rendered inside the popover surface. */
+  children?: ReactNode;
+  /** Maximum surface width in pixels. */
+  maxWidth?: number;
+  /** Maximum surface height in pixels. */
+  maxHeight?: number;
+  /** Additional style applied to the animated surface wrapper. */
+  style?: StyleProp<ViewStyle>;
+}
+/** Props injected into the element rendered by {@link PopoverDismiss}. */
+interface PopoverDismissRenderProps {
+  /** Press handler that closes the popover. */
+  onPress?: (event: GestureResponderEvent) => void;
+}
+/** Props for {@link PopoverDismiss}. */
+interface PopoverDismissProps {
+  /** Element to clone with an injected `onPress` that closes the popover. */
+  render: ReactElement<PopoverDismissRenderProps>;
+}
+/** Props for {@link PopoverTitle}. */
+type PopoverTitleProps = TextProps$1;
+/** Props for {@link PopoverDescription}. */
+type PopoverDescriptionProps = TextProps$1;
+/**
+ * @internal
+ * Shared context value for coordination between Popover compound components.
+ */
+interface PopoverContextValue {
+  id: string;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  triggerRef: RefObject<View | null>;
+  triggerRect: AnchoredRect | null;
+  setTriggerRect: (rect: AnchoredRect) => void;
+  placement: AnchoredPlacement;
+  align?: AnchoredAlign;
+  offset: number;
+  alignOffset: number;
+  avoidCollisions: boolean;
+  collisionPadding: number;
+  width: AnchoredWidth;
+  sameWidth: boolean;
+  hideArrow: boolean;
+  hideDismissButton: boolean;
+  dismissible: boolean;
+  closeAccessibilityLabel: string;
+  reduceMotion: boolean;
+  insets?: OverlayInsets;
+  blurTarget?: RefObject<View | null>;
+}
+//#endregion
+export { type PopoverContentProps, type PopoverContextValue, type PopoverDescriptionProps, type PopoverDismissProps, type PopoverProps, type PopoverTitleProps, type PopoverTriggerProps, type PopoverTriggerRenderProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Popover/types.ts"],"mappings":";;;;;;;;;;AAiByC;;;UAQ/B,YAAA;EAoBI;EAlBZ,QAAA,EAAU,SAAA;EA6CF;EA3CR,IAAA;EAgFuB;;;;EA3EvB,WAAA;EAPU;EASV,YAAA,IAAgB,IAAA;EAFhB;EAIA,MAAA;EAFgB;EAIhB,OAAA;EAAA;;;;EAKA,SAAA,GAAY,iBAAA;EAOZ;EALA,KAAA,GAAQ,aAAA;EAeR;;;;EAVA,MAAA;EA8BA;;;;EAzBA,WAAA;EA+CA;;;;EA1CA,eAAA;EA+C2B;;AAAA;;EA1C3B,gBAAA;EAgDgB;;;;EA3ChB,KAAA,GAAQ,aAAA;EAiDmB;;;;EA5C3B,SAAA;EAsCgB;;;;EAjChB,SAAA;EAqCmB;;;;EAhCnB,iBAAA;EAkC2B;AAAA;;;EA7B3B,WAAA;EAmCA;;;;EA9BA,uBAAA;EAkCQ;;;;EA7BR,YAAA;EAqCkB;EAnClB,MAAA,GAAS,aAAA;EA2B2B;;;;EAtBpC,UAAA,GAAa,SAAA,CAAU,IAAA;AAAA;;UAIf,yBAAA;EAwBR;EAtBA,GAAA,GAAM,KAAA,CAAM,GAAA,CAAI,IAAA;EAwBR;EAtBR,OAAA,IAAW,KAAA,EAAO,qBAAA;EAsBS;EApB3B,QAAA,IAAY,KAAA,EAAO,iBAAA;EAwBX;EAtBR,kBAAA,GAAqB,MAAA;AAAA;;UAIb,mBAAA;EAoBU;EAlBlB,MAAA,EAAQ,YAAA,CAAa,yBAAA;AAAA;;UAIb,mBAAA,SAA4B,IAAA,CAAK,SAAA;EAkBd;EAhB3B,QAAA,GAAW,SAAA;EAkBS;EAhBpB,QAAA;EAgBQ;EAdR,SAAA;EAc8C;EAZ9C,KAAA,GAAQ,SAAA,CAAU,SAAA;AAAA;;UAIV,yBAAA;EAYe;EAVvB,OAAA,IAAW,KAAA,EAAO,qBAAA;AAAA;;UAIV,mBAAA;EASqB;EAP7B,MAAA,EAAQ,YAAA,CAAa,yBAAA;AAAA;;KAIlB,iBAAA,GAAoB,WAAA;;KAGpB,uBAAA,GAA0B,WAAA;;;;;UAMrB,mBAAA;EACR,EAAA;EACA,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,SAAA,EAAW,iBAAA;EACX,KAAA,GAAQ,aAAA;EACR,MAAA;EACA,WAAA;EACA,eAAA;EACA,gBAAA;EACA,KAAA,EAAO,aAAA;EACP,SAAA;EACA,SAAA;EACA,iBAAA;EACA,WAAA;EACA,uBAAA;EACA,YAAA;EACA,MAAA,GAAS,aAAA;EACT,UAAA,GAAa,SAAA,CAAU,IAAA;AAAA"}

package/dist/components/Popover/types.js

@@ -0,0 +1 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */

package/dist/components/Toast/ToastProvider.cjs

@@ -1,8 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.cjs");
-const require_components_Toast_utils = require("./utils.cjs");
 const require_components_internal_Overlay_OverlayPortal = require("../internal/Overlay/OverlayPortal.cjs");
+const require_components_Toast_utils = require("./utils.cjs");
 const require_components_Toast_createToast = require("./createToast.cjs");
 const require_components_Toast_ToastViewport = require("./ToastViewport.cjs");
 const require_components_Toast_useToastController = require("./useToastController.cjs");

package/dist/components/Toast/ToastProvider.js

@@ -1,6 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-import { DEFAULT_TOAST_AUTO_CLOSE, DEFAULT_TOAST_INSETS, DEFAULT_TOAST_PLACEMENT } from "./utils.js";
 import { OverlayPortal } from "../internal/Overlay/OverlayPortal.js";
+import { DEFAULT_TOAST_AUTO_CLOSE, DEFAULT_TOAST_INSETS, DEFAULT_TOAST_PLACEMENT } from "./utils.js";
 import { setToastController } from "./createToast.js";
 import { ToastViewport } from "./ToastViewport.js";
 import { useToastController } from "./useToastController.js";