@proyecto-viviana/solidaria-components 0.5.0 → 0.7.0-rc.0

package/dist/Popover.jsx

@@ -1,8 +1,22 @@
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Popover.tsx
 import { dataAttr, filterDOMProps, useIsHydrated, useRenderProps } from "./utils.jsx";
-import { o as usePopoverTrigger, r as PopoverTriggerContext, t as DialogTriggerContext } from "./contexts.jsx";
-import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, splitProps, useContext } from "solid-js";
-import { Portal } from "solid-js/web";
-import { FocusScope, createOverlayTrigger, createPopover, useLocale, useUNSAFE_PortalContext, visuallyHiddenStyles } from "@proyecto-viviana/solidaria";
+import { n as OverlayTriggerStateContext, o as usePopoverTrigger, r as PopoverTriggerContext, t as DialogTriggerContext } from "./contexts.jsx";
+import { SelectContext } from "./Select.jsx";
+import { Show, createContext, createEffect, createMemo, createSignal, createTrackedEffect, createUniqueId, useContext } from "solid-js";
+import { Portal } from "@solidjs/web";
+import { FocusScope, FocusableContext, createEnterAnimation, createExitAnimation, createOverlayTrigger, createPopover, createStringFormatter, overlaysIntlStrings, useIsHidden, useLocale, useUNSAFE_PortalContext, visuallyHiddenStyles } from "@proyecto-viviana/solidaria";
+import { splitProps } from "@proyecto-viviana/solidaria/utils";
 import { createOverlayTriggerState } from "@proyecto-viviana/solid-stately";
 //#region src/Popover.tsx
 /**
@@ -13,8 +27,21 @@ import { createOverlayTriggerState } from "@proyecto-viviana/solid-stately";
 */
 const PopoverContext = createContext(null);
 const PopoverGroupContext = createContext(null);
+const OverlayContext = createContext(null);
+function resolveTriggerElement(value) {
+	if (value == null) return null;
+	if (typeof value === "function") return resolveTriggerElement(value());
+	if (value instanceof Element) return value;
+	return null;
+}
+function preferredPlacementAxis(placement) {
+	const axis = (placement ?? "bottom").split(" ")[0];
+	if (axis === "top" || axis === "bottom" || axis === "left" || axis === "right") return axis;
+	return "bottom";
+}
 function PopoverDismissButton(props) {
-	return <button type="button" aria-label="Dismiss" tabIndex={-1} onClick={props.onDismiss} style={visuallyHiddenStyles} />;
+	const stringFormatter = createStringFormatter(overlaysIntlStrings, "@react-aria/overlays");
+	return <button type="button" aria-label={stringFormatter().format("dismiss")} tabindex={-1} onClick={props.onDismiss} style={visuallyHiddenStyles} />;
 }
 /**
 * A PopoverTrigger opens a popover when a trigger element is pressed.
@@ -43,7 +70,10 @@ function PopoverTrigger(props) {
 			isOpen: () => state.isOpen(),
 			open: () => state.open(),
 			close: () => state.close(),
-			toggle: () => state.toggle()
+			toggle: () => state.toggle(),
+			setOpen: (next) => state.setOpen(next),
+			point: () => state.point(),
+			setPoint: (next) => state.setPoint(next)
 		},
 		triggerRef: () => triggerRef,
 		setTriggerRef: (el) => {
@@ -55,9 +85,7 @@ function PopoverTrigger(props) {
 		overlayProps: triggerAria.overlayProps,
 		trigger: "PopoverTrigger"
 	}));
-	return <PopoverTriggerContext.Provider value={contextValue()}>
-      {props.children}
-    </PopoverTriggerContext.Provider>;
+	return <PopoverTriggerContext value={contextValue()}>{props.children}</PopoverTriggerContext>;
 }
 /**
 * A popover is an overlay element positioned relative to a trigger.
@@ -86,15 +114,19 @@ function Popover(props) {
 		"onOpenChange",
 		"autoFocus",
 		"isEntering",
-		"isExiting"
+		"isExiting",
+		"shouldSkipAnimation"
 	]);
-	const [popoverRef, setPopoverRef] = createSignal(null);
-	const [groupRef, setGroupRef] = createSignal(null);
+	const [popoverRef, setPopoverRef] = createSignal(null, { ownedWrite: true });
+	const [groupRef, setGroupRef] = createSignal(null, { ownedWrite: true });
 	const isHydrated = useIsHydrated();
 	const locale = useLocale();
 	const triggerContext = useContext(PopoverTriggerContext);
 	const dialogTriggerContext = useContext(DialogTriggerContext);
+	const overlayTriggerState = useContext(OverlayTriggerStateContext);
 	const popoverGroupContext = useContext(PopoverGroupContext);
+	const selectContext = useContext(SelectContext);
+	const overlayLabelledBy = () => props["aria-labelledby"] ?? (selectContext?.menuProps)?.["aria-labelledby"] ?? (triggerContext?.overlayProps)?.["aria-labelledby"];
 	const resolvedTrigger = () => local.trigger ?? triggerContext?.trigger ?? (dialogTriggerContext ? "DialogTrigger" : void 0);
 	const isSubPopover = () => resolvedTrigger() === "SubmenuTrigger" && popoverGroupContext != null;
 	const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? false);
@@ -102,6 +134,7 @@ function Popover(props) {
 		if (local.isOpen !== void 0) return local.isOpen;
 		if (triggerContext) return triggerContext.state.isOpen();
 		if (dialogTriggerContext) return dialogTriggerContext.state.isOpen();
+		if (overlayTriggerState) return overlayTriggerState.isOpen;
 		return internalOpen();
 	};
 	const close = () => {
@@ -112,13 +145,16 @@ function Popover(props) {
 		} else if (dialogTriggerContext) {
 			dialogTriggerContext.state.close();
 			local.onOpenChange?.(false);
+		} else if (overlayTriggerState) {
+			overlayTriggerState.close();
+			local.onOpenChange?.(false);
 		} else {
 			setInternalOpen(false);
 			local.onOpenChange?.(false);
 		}
 	};
 	const getTriggerRef = () => {
-		if (local.triggerRef) return local.triggerRef();
+		if (local.triggerRef !== void 0) return resolveTriggerElement(local.triggerRef);
 		if (triggerContext) return triggerContext.triggerRef();
 		if (dialogTriggerContext) return dialogTriggerContext.triggerRef();
 		return null;
@@ -158,7 +194,7 @@ function Popover(props) {
 			return local.scrollRef;
 		},
 		get isNonModal() {
-			return local.isNonModal;
+			return local.isNonModal ?? resolvedTrigger() === "PreviewTrigger";
 		},
 		get isKeyboardDismissDisabled() {
 			return local.isKeyboardDismissDisabled;
@@ -179,6 +215,9 @@ function Popover(props) {
 			} else if (dialogTriggerContext) {
 				dialogTriggerContext.state.open();
 				local.onOpenChange?.(true);
+			} else if (overlayTriggerState) {
+				overlayTriggerState.open();
+				local.onOpenChange?.(true);
 			} else {
 				setInternalOpen(true);
 				local.onOpenChange?.(true);
@@ -190,43 +229,40 @@ function Popover(props) {
 			else if (local.isOpen !== void 0) local.onOpenChange?.(true);
 			else if (triggerContext) triggerContext.state.toggle();
 			else if (dialogTriggerContext) dialogTriggerContext.state.toggle();
+			else if (overlayTriggerState) overlayTriggerState.toggle();
 			else {
 				setInternalOpen(true);
 				local.onOpenChange?.(true);
 			}
-		}
-	});
-	const renderValues = createMemo(() => ({
-		trigger: resolvedTrigger() ?? null,
-		placement: popoverAria.placement(),
-		isEntering: local.isEntering ?? false,
-		isExiting: local.isExiting ?? false
-	}));
-	const renderProps = useRenderProps({
-		get children() {
-			return props.children;
 		},
-		class: local.class,
-		style: local.style,
-		defaultClassName: "solidaria-Popover"
-	}, renderValues);
+		point: () => triggerContext?.state.point?.() ?? dialogTriggerContext?.state.point?.() ?? null
+	});
+	const skipAnimation = () => local.shouldSkipAnimation ?? triggerContext?.shouldSkipAnimation?.() ?? false;
+	const exitAnimation = createExitAnimation(() => popoverRef(), isOpen);
+	const isExiting = () => Boolean(local.isExiting) || !skipAnimation() && exitAnimation();
+	const isHidden = useIsHidden();
 	const [triggerWidth, setTriggerWidth] = createSignal();
 	const hasExplicitTriggerWidth = () => {
-		return renderProps.style()?.["--trigger-width"] != null;
+		return (typeof local.style === "function" ? void 0 : local.style)?.["--trigger-width"] != null;
 	};
 	const updateTriggerWidth = () => {
 		const trigger = getTriggerRef();
 		if (!trigger || hasExplicitTriggerWidth()) return;
-		setTriggerWidth(`${trigger.getBoundingClientRect().width}px`);
+		const width = trigger instanceof HTMLElement ? trigger.offsetWidth : trigger.getBoundingClientRect().width;
+		setTriggerWidth(`${width}px`);
 	};
-	createEffect(() => {
+	createTrackedEffect(() => {
+		const _s2Cleanups = [];
 		if (!isOpen()) return;
 		updateTriggerWidth();
 		const trigger = getTriggerRef();
 		if (!trigger || hasExplicitTriggerWidth() || typeof ResizeObserver === "undefined") return;
 		const observer = new ResizeObserver(updateTriggerWidth);
 		observer.observe(trigger);
-		onCleanup(() => observer.disconnect());
+		_s2Cleanups.push(() => observer.disconnect());
+		return () => {
+			for (const c of _s2Cleanups) c();
+		};
 	});
 	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
 	const overlayId = () => {
@@ -236,90 +272,187 @@ function Popover(props) {
 		const { style: _style, ref: _ref, ...remaining } = popoverAria.popoverProps;
 		return remaining;
 	};
-	const mergedStyle = () => {
-		const ariaStyle = popoverAria.popoverProps.style;
-		const renderStyle = renderProps.style() || {};
+	const shouldBeDialogBase = () => !local.isNonModal || resolvedTrigger() === "SubmenuTrigger" || resolvedTrigger() === "PreviewTrigger";
+	const [isDialog, setIsDialog] = createSignal(shouldBeDialogBase());
+	const [overlayContain, setOverlayContain] = createSignal(false);
+	createEffect(() => {
 		return {
-			...ariaStyle,
-			...renderStyle,
-			"--trigger-width": renderStyle["--trigger-width"] ?? triggerWidth()
+			node: popoverRef(),
+			dialogBase: shouldBeDialogBase()
 		};
-	};
-	const shouldBeDialog = () => !local.isNonModal || resolvedTrigger() === "SubmenuTrigger";
+	}, ({ node, dialogBase }) => {
+		if (!node) return;
+		setIsDialog(dialogBase && node.querySelector("[role=dialog]") == null);
+	});
+	const shouldBeDialog = () => isDialog();
 	const shouldContainFocus = () => {
 		if (!shouldBeDialog()) return false;
-		const trigger = resolvedTrigger();
-		return trigger !== "MenuTrigger" && trigger !== "SubmenuTrigger";
+		return resolvedTrigger() !== "PreviewTrigger";
 	};
 	const portalContext = useUNSAFE_PortalContext();
 	const portalContainer = () => {
 		if (isSubPopover()) return popoverGroupContext?.() ?? portalContext.getContainer?.() ?? void 0;
 		return portalContext.getContainer?.() ?? void 0;
 	};
+	const callerDir = () => {
+		const value = rest.dir;
+		if (value === "ltr" || value === "rtl" || value === "auto") return value;
+	};
+	const callerLang = () => rest.lang;
+	const stampOverlayLocale = (el) => {
+		if (!el) return;
+		const loc = locale();
+		const dir = callerDir();
+		const lang = callerLang();
+		if (!dir) el.dir = loc.direction;
+		else el.dir = dir;
+		if (!lang) el.lang = loc.locale;
+		else el.lang = lang;
+	};
+	createEffect(() => {
+		const el = popoverRef();
+		domProps();
+		cleanPopoverProps();
+		triggerContext?.overlayProps;
+		locale();
+		return el;
+	}, (el) => {
+		if (!el) return;
+		stampOverlayLocale(el);
+	});
 	createEffect(() => {
-		if (!isOpen() || !shouldBeDialog()) return;
-		if ((local.autoFocus ?? true) === false) return;
-		if (!popoverRef()) return;
-		if (resolvedTrigger() === "SubmenuTrigger") return;
+		return {
+			open: isOpen(),
+			dialog: shouldBeDialog(),
+			autoFocus: local.autoFocus ?? true,
+			node: popoverRef(),
+			trigger: resolvedTrigger()
+		};
+	}, ({ open, dialog, autoFocus, node, trigger }) => {
+		if (!open || !dialog) return;
+		if (autoFocus === false) return;
+		if (!node) return;
+		if (trigger === "SubmenuTrigger") return;
+		if (trigger === "PreviewTrigger") return;
 		let timeout;
 		let frame;
 		const focusIfNeeded = () => {
 			if (!isOpen() || !shouldBeDialog()) return;
-			const node = popoverRef();
-			if (!node || resolvedTrigger() === "SubmenuTrigger") return;
-			if (document.activeElement === node || node.contains(document.activeElement)) return;
-			node.focus();
+			const current = popoverRef();
+			if (!current || resolvedTrigger() === "SubmenuTrigger") return;
+			if (resolvedTrigger() === "PreviewTrigger") return;
+			if (current.querySelector("[role=dialog]")) return;
+			if (document.activeElement === current || current.contains(document.activeElement)) return;
+			current.focus();
 		};
 		const scheduleFocus = () => {
 			timeout = window.setTimeout(focusIfNeeded, 0);
 		};
 		if (typeof window.requestAnimationFrame === "function") frame = window.requestAnimationFrame(scheduleFocus);
 		else scheduleFocus();
-		onCleanup(() => {
+		return () => {
 			if (frame !== void 0) window.cancelAnimationFrame(frame);
 			if (timeout !== void 0) window.clearTimeout(timeout);
-		});
+		};
 	});
-	createEffect(() => {
-		if (!isOpen()) return;
-		if (local.isKeyboardDismissDisabled) return;
+	createEffect(() => ({
+		open: isOpen(),
+		keyboardDismissDisabled: !!local.isKeyboardDismissDisabled
+	}), ({ open, keyboardDismissDisabled }) => {
+		if (!open) return;
+		if (keyboardDismissDisabled) return;
 		const onKeyDown = (event) => {
 			if (event.key !== "Escape") return;
 			if (event.defaultPrevented) return;
 			close();
 		};
 		document.addEventListener("keydown", onKeyDown);
-		onCleanup(() => document.removeEventListener("keydown", onKeyDown));
+		return () => document.removeEventListener("keydown", onKeyDown);
 	});
-	const overlay = () => <PopoverContext.Provider value={{
-		placement: popoverAria.placement,
-		arrowProps: () => popoverAria.arrowProps
-	}}>
-      <FocusScope contain={shouldContainFocus()} restoreFocus>
-        <div {...domProps()} {...cleanPopoverProps()} ref={setPopoverRef} id={overlayId()} role={shouldBeDialog() ? "dialog" : void 0} tabIndex={shouldBeDialog() ? -1 : void 0} class={renderProps.class()} style={mergedStyle()} lang={locale().locale} dir={locale().direction} data-trigger={resolvedTrigger()} data-placement={popoverAria.placement()} data-entering={dataAttr(local.isEntering)} data-exiting={dataAttr(local.isExiting)}>
-          <Show when={!local.isNonModal}>
+	const isNonModal = () => local.isNonModal ?? resolvedTrigger() === "PreviewTrigger";
+	function PopoverInner() {
+		const enterAnimation = createEnterAnimation(() => popoverRef(), () => popoverAria.placement() != null);
+		const isEntering = () => Boolean(local.isEntering) || !skipAnimation() && (enterAnimation() || isOpen() && popoverAria.placement() == null);
+		const renderValues = createMemo(() => {
+			const preferred = preferredPlacementAxis(local.placement);
+			const entering = isEntering();
+			return {
+				trigger: resolvedTrigger() ?? null,
+				placement: popoverAria.placement() ?? preferred,
+				isEntering: entering,
+				isExiting: isExiting()
+			};
+		});
+		const renderProps = useRenderProps({
+			get children() {
+				return props.children;
+			},
+			class: local.class,
+			style: local.style,
+			defaultClassName: "solidaria-Popover"
+		}, renderValues);
+		const mergedStyle = () => {
+			const ariaStyle = popoverAria.popoverProps.style;
+			const renderStyle = renderProps.style() || {};
+			return {
+				...ariaStyle,
+				...renderStyle,
+				"--trigger-width": renderStyle["--trigger-width"] ?? triggerWidth()
+			};
+		};
+		return <PopoverContext value={{
+			placement: popoverAria.placement,
+			arrowProps: () => popoverAria.arrowProps
+		}}>
+        <OverlayContext value={{ setContain: setOverlayContain }}>
+          <div {...domProps()} {...cleanPopoverProps()} {...triggerContext?.overlayProps ?? {}} ref={(el) => {
+			setPopoverRef(el);
+			triggerContext?.setOverlayRef?.(el);
+			stampOverlayLocale(el);
+		}} id={overlayId()} role={shouldBeDialog() ? "dialog" : void 0} tabindex={shouldBeDialog() ? -1 : void 0} aria-labelledby={overlayLabelledBy()} class={renderProps.class()} style={mergedStyle()} lang={callerLang() ?? locale().locale} dir={callerDir() ?? locale().direction} data-trigger={resolvedTrigger()} data-placement={renderValues().placement} data-entering={dataAttr(isEntering())} data-exiting={dataAttr(isExiting())}>
+            <Show when={!isNonModal()}>
+              <PopoverDismissButton onDismiss={close} />
+            </Show>
+            {}
+            {renderProps.renderChildrenStable()}
             <PopoverDismissButton onDismiss={close} />
-          </Show>
-          {renderProps.renderChildren()}
-          <PopoverDismissButton onDismiss={close} />
-        </div>
-      </FocusScope>
-    </PopoverContext.Provider>;
+          </div>
+        </OverlayContext>
+      </PopoverContext>;
+	}
 	const underlay = () => <div data-testid="underlay" {...popoverAria.underlayProps} style={{
 		position: "fixed",
 		inset: 0
 	}} />;
-	return <Show when={isHydrated() && (isOpen() || local.isExiting)}>
-      <Portal mount={portalContainer()}>
-        <Show when={!local.isNonModal && !isSubPopover() && isOpen()}>{underlay()}</Show>
-        <Show when={isSubPopover()} fallback={<div ref={setGroupRef} style={{ display: "contents" }}>
-              <PopoverGroupContext.Provider value={() => groupRef()}>
-                {overlay()}
-              </PopoverGroupContext.Provider>
-            </div>}>
-          {overlay()}
-        </Show>
-      </Portal>
+	const hiddenChildren = () => {
+		const children = props.children;
+		if (typeof children === "function") return children({
+			trigger: resolvedTrigger() ?? null,
+			placement: "bottom",
+			isEntering: false,
+			isExiting: false
+		});
+		return children;
+	};
+	return <Show when={!isHidden()} fallback={hiddenChildren()}>
+      <Show when={isHydrated() && (isOpen() || isExiting())}>
+        {}
+        <Portal mount={portalContainer()}>
+          <FocusableContext value={null}>
+            {}
+            <FocusScope contain={(shouldContainFocus() || overlayContain()) && !isExiting()} restoreFocus>
+              <Show when={!isNonModal() && !isSubPopover() && isOpen()}>{underlay()}</Show>
+              <Show when={isSubPopover()} fallback={<div ref={setGroupRef} style={{ display: "contents" }}>
+                    <PopoverGroupContext value={() => groupRef()}>
+                      <PopoverInner />
+                    </PopoverGroupContext>
+                  </div>}>
+                <PopoverInner />
+              </Show>
+            </FocusScope>
+          </FocusableContext>
+        </Portal>
+      </Show>
     </Show>;
 }
 /**
@@ -349,6 +482,6 @@ function OverlayArrow(props) {
     </div>;
 }
 //#endregion
-export { OverlayArrow, Popover, Popover as default, PopoverContext, PopoverTrigger, PopoverTriggerContext, usePopoverTrigger };
+export { OverlayArrow, OverlayContext, Popover, Popover as default, PopoverContext, PopoverTrigger, PopoverTriggerContext, usePopoverTrigger };
 
 //# sourceMappingURL=Popover.jsx.map

package/dist/Popover.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.jsx","names":[],"sources":["../src/Popover.tsx"],"sourcesContent":["/**\n * Popover component for solidaria-components\n *\n * A headless popover component that positions relative to a trigger element.\n * Port of react-aria-components Popover.\n */\n\nimport {\n  type JSX,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport {\n  createOverlayTrigger,\n  createPopover,\n  FocusScope,\n  useLocale,\n  useUNSAFE_PortalContext,\n  visuallyHiddenStyles,\n  type AriaLabelingProps,\n  type Placement,\n  type PlacementAxis,\n} from \"@proyecto-viviana/solidaria\";\nimport { createOverlayTriggerState } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  useIsHydrated,\n} from \"./utils\";\nimport { DialogTriggerContext, PopoverTriggerContext } from \"./contexts\";\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover.\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering (for animations).\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting (for animations).\n   */\n  isExiting: boolean;\n}\n\nexport interface PopoverProps extends SlotProps, AriaLabelingProps {\n  /** The children of the component - can be JSX or render function. */\n  children?: RenderChildren<PopoverRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<PopoverRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   * Required when used standalone (not within a trigger component).\n   */\n  triggerRef?: () => Element | null;\n  /**\n   * The placement of the element with respect to its anchor element.\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * The placement padding that should be applied between the element and its\n   * surrounding container.\n   * @default 12\n   */\n  containerPadding?: number;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   * @default 8\n   */\n  offset?: number;\n  /**\n   * The additional offset applied along the cross axis between the element and its\n   * anchor element.\n   * @default 0\n   */\n  crossOffset?: number;\n  /**\n   * Whether the element should flip its orientation when there is insufficient room.\n   * @default true\n   */\n  shouldFlip?: boolean;\n  /**\n   * The max height of the popover.\n   */\n  maxHeight?: number;\n  /**\n   * A boundary element for placement calculations.\n   */\n  boundaryElement?: Element;\n  /**\n   * Overrides the target element's bounding rectangle. Useful for positioning relative to\n   * a specific point such as the mouse cursor (e.g. context menus) or text selection.\n   *\n   * @default target.getBoundingClientRect()\n   * @param target - The target element.\n   */\n  getTargetRect?: (target: Element) => DOMRect | null | undefined;\n  /**\n   * A ref for the popover arrow element.\n   */\n  arrowRef?: () => Element | null;\n  /**\n   * A ref for the scrollable popover element.\n   */\n  scrollRef?: () => Element | null;\n  /**\n   * Whether the popover is non-modal (allows interaction outside).\n   */\n  isNonModal?: boolean;\n  /**\n   * Whether pressing Escape to close should be disabled.\n   */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Filter for which outside interactions should close the popover.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  /** Whether the popover is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the popover opens by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler called when the popover's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Whether focus should move to the popover container on open.\n   * @default true\n   */\n  autoFocus?: boolean;\n  /** Whether the popover is entering (for animations). */\n  isEntering?: boolean;\n  /** Whether the popover is exiting (for animations). */\n  isExiting?: boolean;\n}\n\nexport interface PopoverTriggerProps {\n  /** The children - should include a trigger and popover content. */\n  children: JSX.Element;\n  /** Whether the popover is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the popover is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport {\n  PopoverTriggerContext,\n  usePopoverTrigger,\n  type PopoverTriggerContextValue,\n} from \"./contexts\";\n\ninterface PopoverContextValue {\n  placement: () => PlacementAxis | null;\n  arrowProps: () => JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null);\nconst PopoverGroupContext = createContext<(() => HTMLElement | null) | null>(null);\n\nfunction PopoverDismissButton(props: { onDismiss: () => void }): JSX.Element {\n  return (\n    <button\n      type=\"button\"\n      aria-label=\"Dismiss\"\n      tabIndex={-1}\n      onClick={props.onDismiss}\n      style={visuallyHiddenStyles}\n    />\n  );\n}\n\n/**\n * A PopoverTrigger opens a popover when a trigger element is pressed.\n * Children should include a trigger element (e.g. Button) and the Popover.\n */\nexport function PopoverTrigger(props: PopoverTriggerProps): JSX.Element {\n  const [local] = splitProps(props, [\"isOpen\", \"defaultOpen\", \"onOpenChange\"]);\n\n  const state = createOverlayTriggerState({\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    onOpenChange: local.onOpenChange,\n  });\n\n  let triggerRef: HTMLElement | null = null;\n  const triggerId = createUniqueId();\n\n  const triggerAria = createOverlayTrigger({ type: \"dialog\" }, state, () => triggerRef);\n\n  const contextValue = createMemo(() => ({\n    state: {\n      isOpen: () => state.isOpen(),\n      open: () => state.open(),\n      close: () => state.close(),\n      toggle: () => state.toggle(),\n    },\n    triggerRef: () => triggerRef,\n    setTriggerRef: (el: HTMLElement | null) => {\n      if (!el) return;\n      if (!triggerRef || !triggerRef.isConnected) {\n        triggerRef = el;\n      }\n    },\n    triggerId,\n    triggerProps: triggerAria.triggerProps,\n    overlayProps: triggerAria.overlayProps,\n    trigger: \"PopoverTrigger\",\n  }));\n\n  return (\n    <PopoverTriggerContext.Provider value={contextValue()}>\n      {props.children}\n    </PopoverTriggerContext.Provider>\n  );\n}\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport function Popover(props: PopoverProps): JSX.Element {\n  // Note: do NOT early-return on the server. Returning `null` on the server and a\n  // full <Show>/<Portal> tree on the client desyncs Solid's hydration walk (the\n  // server emits no marker for the <Show>), which surfaces as \"Hydration Mismatch /\n  // getNextElement\" in the parent (e.g. Picker). Instead, run the same structure on\n  // both and gate the Portal on `useIsHydrated()` so the overlay only mounts on the\n  // client after hydration — the server + first client render both produce an empty\n  // <Show> marker, so hydration aligns.\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"trigger\",\n    \"triggerRef\",\n    \"placement\",\n    \"containerPadding\",\n    \"offset\",\n    \"crossOffset\",\n    \"shouldFlip\",\n    \"maxHeight\",\n    \"boundaryElement\",\n    \"getTargetRect\",\n    \"arrowRef\",\n    \"scrollRef\",\n    \"isNonModal\",\n    \"isKeyboardDismissDisabled\",\n    \"shouldCloseOnInteractOutside\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"isEntering\",\n    \"isExiting\",\n  ]);\n\n  // A reactive ref (not a plain `let`) so the overlay-position effect in\n  // createOverlayPosition — which tracks `overlayRef()` as a dependency —\n  // re-runs once the portal node actually mounts. React gets this timing for\n  // free from useLayoutEffect (the ref is populated before the position effect\n  // fires); in Solid the portal node is created lazily on open, AFTER the\n  // position effect first ran with a null ref, so a non-reactive ref left the\n  // popover stranded at the createOverlayPosition fallback (position:fixed;\n  // top:0; left:0) whenever no other dependency happened to re-fire the effect\n  // after mount. Mirrors the sibling groupRef signal below.\n  const [popoverRef, setPopoverRef] = createSignal<HTMLDivElement | null>(null);\n  const [groupRef, setGroupRef] = createSignal<HTMLDivElement | null>(null);\n  // False on the server and during hydration; true after onMount. Gates the Portal\n  // so overlay content only ever renders client-side, post-hydration.\n  const isHydrated = useIsHydrated();\n\n  // Mirrors upstream S2 Popover (Popover.mjs: `el.lang = locale; el.dir =\n  // direction`): the overlay portals out of the app root, so it must carry both\n  // the locale `lang` AND writing `direction` — otherwise the portaled\n  // listbox/dialog stays LTR and keeps the Latin font under an RTL Provider (the\n  // `:lang(ar)` font swap needs a `lang` ancestor the portal would otherwise\n  // escape). RAC's own Popover only threads `dir`; S2 adds `lang` on top.\n  const locale = useLocale();\n\n  const triggerContext = useContext(PopoverTriggerContext);\n  const dialogTriggerContext = useContext(DialogTriggerContext);\n  const popoverGroupContext = useContext(PopoverGroupContext);\n  const resolvedTrigger = () =>\n    local.trigger ??\n    triggerContext?.trigger ??\n    (dialogTriggerContext ? \"DialogTrigger\" : undefined);\n  const isSubPopover = () => resolvedTrigger() === \"SubmenuTrigger\" && popoverGroupContext != null;\n\n  const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? false);\n\n  const isOpen = (): boolean => {\n    if (local.isOpen !== undefined) return local.isOpen;\n    if (triggerContext) {\n      return triggerContext.state.isOpen();\n    }\n    if (dialogTriggerContext) {\n      return dialogTriggerContext.state.isOpen();\n    }\n    return internalOpen();\n  };\n\n  const close = () => {\n    if (local.isOpen !== undefined) {\n      local.onOpenChange?.(false);\n    } else if (triggerContext) {\n      triggerContext.state.close();\n      local.onOpenChange?.(false);\n    } else if (dialogTriggerContext) {\n      dialogTriggerContext.state.close();\n      local.onOpenChange?.(false);\n    } else {\n      setInternalOpen(false);\n      local.onOpenChange?.(false);\n    }\n  };\n\n  const getTriggerRef = () => {\n    if (local.triggerRef) return local.triggerRef();\n    if (triggerContext) return triggerContext.triggerRef();\n    if (dialogTriggerContext) return dialogTriggerContext.triggerRef();\n    return null;\n  };\n\n  const popoverAria = createPopover(\n    {\n      triggerRef: getTriggerRef,\n      popoverRef: () => popoverRef(),\n      groupRef: () => (isSubPopover() ? (popoverGroupContext?.() ?? null) : groupRef()),\n      get placement() {\n        return local.placement;\n      },\n      get containerPadding() {\n        return local.containerPadding;\n      },\n      get offset() {\n        return local.offset ?? 8;\n      },\n      get crossOffset() {\n        return local.crossOffset;\n      },\n      get shouldFlip() {\n        return local.shouldFlip;\n      },\n      get maxHeight() {\n        return local.maxHeight;\n      },\n      get boundaryElement() {\n        return local.boundaryElement;\n      },\n      get getTargetRect() {\n        return local.getTargetRect;\n      },\n      get arrowRef() {\n        return local.arrowRef;\n      },\n      get scrollRef() {\n        return local.scrollRef;\n      },\n      get isNonModal() {\n        return local.isNonModal;\n      },\n      get isKeyboardDismissDisabled() {\n        return local.isKeyboardDismissDisabled;\n      },\n      get shouldCloseOnInteractOutside() {\n        return local.shouldCloseOnInteractOutside;\n      },\n      get trigger() {\n        return resolvedTrigger();\n      },\n    },\n    {\n      isOpen,\n      open: () => {\n        if (local.isOpen !== undefined) {\n          local.onOpenChange?.(true);\n        } else if (triggerContext) {\n          triggerContext.state.open();\n          local.onOpenChange?.(true);\n        } else if (dialogTriggerContext) {\n          dialogTriggerContext.state.open();\n          local.onOpenChange?.(true);\n        } else {\n          setInternalOpen(true);\n          local.onOpenChange?.(true);\n        }\n      },\n      close,\n      toggle: () => {\n        if (isOpen()) close();\n        else if (local.isOpen !== undefined) {\n          local.onOpenChange?.(true);\n        } else if (triggerContext) {\n          triggerContext.state.toggle();\n        } else if (dialogTriggerContext) {\n          dialogTriggerContext.state.toggle();\n        } else {\n          setInternalOpen(true);\n          local.onOpenChange?.(true);\n        }\n      },\n    },\n  );\n\n  const renderValues = createMemo<PopoverRenderProps>(() => ({\n    trigger: resolvedTrigger() ?? null,\n    placement: popoverAria.placement(),\n    isEntering: local.isEntering ?? false,\n    isExiting: local.isExiting ?? false,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      // Read children lazily. The popover content is gated behind\n      // `<Show when={isHydrated() && …}>` below, so it must NOT be instantiated\n      // during the component body. An eager `children: props.children` reads the\n      // child getter at object-construction time, building the content template\n      // (and walking `getNextElement`) before the gate — which the server, with\n      // the gate closed, never emitted → hydration mismatch. The getter defers\n      // the read until `renderChildren()` runs inside the gated overlay.\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Popover\",\n    },\n    renderValues,\n  );\n\n  const [triggerWidth, setTriggerWidth] = createSignal<string | undefined>();\n  const hasExplicitTriggerWidth = () => {\n    const style = renderProps.style() as (JSX.CSSProperties & Record<string, unknown>) | undefined;\n    return style?.[\"--trigger-width\"] != null;\n  };\n  const updateTriggerWidth = () => {\n    const trigger = getTriggerRef();\n    if (!trigger || hasExplicitTriggerWidth()) return;\n    setTriggerWidth(`${trigger.getBoundingClientRect().width}px`);\n  };\n  createEffect(() => {\n    if (!isOpen()) return;\n    updateTriggerWidth();\n\n    const trigger = getTriggerRef();\n    if (!trigger || hasExplicitTriggerWidth() || typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver(updateTriggerWidth);\n    observer.observe(trigger);\n    onCleanup(() => observer.disconnect());\n  });\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  const overlayId = () => {\n    const restId = (rest as Record<string, unknown>).id as string | undefined;\n    return (\n      restId ??\n      (triggerContext?.overlayProps?.id as string | undefined) ??\n      (dialogTriggerContext?.overlayProps?.id as string | undefined)\n    );\n  };\n\n  const cleanPopoverProps = () => {\n    const {\n      style: _style,\n      ref: _ref,\n      ...remaining\n    } = popoverAria.popoverProps as Record<string, unknown>;\n    return remaining;\n  };\n\n  const mergedStyle = (): JSX.CSSProperties => {\n    const ariaStyle = (popoverAria.popoverProps as Record<string, unknown>).style as\n      | JSX.CSSProperties\n      | undefined;\n    const renderStyle = (renderProps.style() || {}) as JSX.CSSProperties & Record<string, unknown>;\n    return {\n      ...ariaStyle,\n      ...renderStyle,\n      \"--trigger-width\": renderStyle[\"--trigger-width\"] ?? triggerWidth(),\n    };\n  };\n\n  const shouldBeDialog = () => !local.isNonModal || resolvedTrigger() === \"SubmenuTrigger\";\n  const shouldContainFocus = () => {\n    if (!shouldBeDialog()) {\n      return false;\n    }\n\n    const trigger = resolvedTrigger();\n    return trigger !== \"MenuTrigger\" && trigger !== \"SubmenuTrigger\";\n  };\n  const portalContext = useUNSAFE_PortalContext();\n  const portalContainer = () => {\n    if (isSubPopover()) {\n      return popoverGroupContext?.() ?? portalContext.getContainer?.() ?? undefined;\n    }\n    return portalContext.getContainer?.() ?? undefined;\n  };\n\n  // Match React Aria Components: focus the popover container only when no\n  // descendant has already moved focus during mount.\n  createEffect(() => {\n    if (!isOpen() || !shouldBeDialog()) return;\n    if ((local.autoFocus ?? true) === false) return;\n    if (!popoverRef()) return;\n    if (resolvedTrigger() === \"SubmenuTrigger\") return;\n\n    let timeout: number | undefined;\n    let frame: number | undefined;\n\n    const focusIfNeeded = () => {\n      if (!isOpen() || !shouldBeDialog()) return;\n      const node = popoverRef();\n      if (!node || resolvedTrigger() === \"SubmenuTrigger\") return;\n      if (document.activeElement === node || node.contains(document.activeElement)) {\n        return;\n      }\n      node.focus();\n    };\n\n    const scheduleFocus = () => {\n      timeout = window.setTimeout(focusIfNeeded, 0);\n    };\n\n    if (typeof window.requestAnimationFrame === \"function\") {\n      frame = window.requestAnimationFrame(scheduleFocus);\n    } else {\n      scheduleFocus();\n    }\n\n    onCleanup(() => {\n      if (frame !== undefined) {\n        window.cancelAnimationFrame(frame);\n      }\n      if (timeout !== undefined) {\n        window.clearTimeout(timeout);\n      }\n    });\n  });\n\n  // Fallback Escape handling for environments where focus is not moved into the popover.\n  createEffect(() => {\n    if (!isOpen()) return;\n    if (local.isKeyboardDismissDisabled) return;\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\") return;\n      if (event.defaultPrevented) return;\n      close();\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const overlay = () => (\n    <PopoverContext.Provider\n      value={{ placement: popoverAria.placement, arrowProps: () => popoverAria.arrowProps }}\n    >\n      <FocusScope contain={shouldContainFocus()} restoreFocus>\n        <div\n          {...domProps()}\n          {...cleanPopoverProps()}\n          ref={setPopoverRef}\n          id={overlayId()}\n          role={shouldBeDialog() ? \"dialog\" : undefined}\n          tabIndex={shouldBeDialog() ? -1 : undefined}\n          class={renderProps.class()}\n          style={mergedStyle()}\n          lang={locale().locale}\n          dir={locale().direction}\n          data-trigger={resolvedTrigger()}\n          data-placement={popoverAria.placement()}\n          data-entering={dataAttr(local.isEntering)}\n          data-exiting={dataAttr(local.isExiting)}\n        >\n          <Show when={!local.isNonModal}>\n            <PopoverDismissButton onDismiss={close} />\n          </Show>\n          {renderProps.renderChildren()}\n          <PopoverDismissButton onDismiss={close} />\n        </div>\n      </FocusScope>\n    </PopoverContext.Provider>\n  );\n\n  const underlay = () => (\n    <div\n      data-testid=\"underlay\"\n      {...(popoverAria.underlayProps as unknown as JSX.HTMLAttributes<HTMLDivElement>)}\n      style={{ position: \"fixed\", inset: 0 }}\n    />\n  );\n\n  return (\n    <Show when={isHydrated() && (isOpen() || local.isExiting)}>\n      <Portal mount={portalContainer()}>\n        <Show when={!local.isNonModal && !isSubPopover() && isOpen()}>{underlay()}</Show>\n        <Show\n          when={isSubPopover()}\n          fallback={\n            <div ref={setGroupRef} style={{ display: \"contents\" }}>\n              <PopoverGroupContext.Provider value={() => groupRef()}>\n                {overlay()}\n              </PopoverGroupContext.Provider>\n            </div>\n          }\n        >\n          {overlay()}\n        </Show>\n      </Portal>\n    </Show>\n  );\n}\n\nexport interface OverlayArrowProps {\n  /** The children - should be an SVG or element for the arrow. */\n  children?: JSX.Element;\n  /** Render function used when Solid children accessors would be ambiguous. */\n  render?: () => JSX.Element;\n  /** The CSS className. */\n  class?: string;\n  /** The inline style. */\n  style?: JSX.CSSProperties;\n}\n\n/**\n * An arrow element that points towards the trigger.\n */\nexport function OverlayArrow(props: OverlayArrowProps): JSX.Element {\n  const popoverContext = useContext(PopoverContext);\n  const placement = () => popoverContext?.placement() ?? null;\n\n  // Mirror react-aria-components' OverlayArrow: the wrapper positions itself\n  // absolutely against the popover edge (`[placement]: '100%'`) and takes the\n  // cross-axis offset (`left`/`top`) from the overlay's computed `arrowProps`.\n  // No `aria-hidden`/`role=\"presentation\"` — upstream leaves the arrow in the\n  // accessibility tree (the arrow SVG surfaces as an unlabeled `img`), matching\n  // S2's `<OverlayArrow className=\"\">`. The styled layer therefore passes no\n  // positioning class of its own.\n  const mergedStyle = (): JSX.CSSProperties => {\n    const currentPlacement = placement();\n    // Mirror react-aria-components' OverlayArrow: the reported `arrowProps`\n    // offset (`left`/`top`) points at the arrow's CENTER, so the wrapper must be\n    // pulled back by half its size to center on that point — horizontally for\n    // top/bottom placements, vertically for left/right. Omitting this shifts the\n    // arrow off by half its width/height (a self-inflicted divergence).\n    const style: JSX.CSSProperties = {\n      position: \"absolute\",\n      transform:\n        currentPlacement === \"top\" || currentPlacement === \"bottom\"\n          ? \"translateX(-50%)\"\n          : \"translateY(-50%)\",\n    };\n    if (currentPlacement != null) {\n      (style as Record<string, string>)[currentPlacement] = \"100%\";\n    }\n\n    const contextStyle = (popoverContext?.arrowProps() as Record<string, unknown> | undefined)\n      ?.style as (JSX.CSSProperties & Record<string, unknown>) | undefined;\n    if (typeof contextStyle?.left === \"string\") {\n      style.left = contextStyle.left;\n    }\n    if (typeof contextStyle?.top === \"string\") {\n      style.top = contextStyle.top;\n    }\n\n    const localStyle =\n      props.style &&\n      !(typeof CSSStyleDeclaration !== \"undefined\" && props.style instanceof CSSStyleDeclaration)\n        ? props.style\n        : undefined;\n\n    return {\n      ...style,\n      ...localStyle,\n    };\n  };\n\n  return (\n    <div class={props.class} style={mergedStyle()} data-placement={placement()}>\n      {props.render ? props.render() : props.children}\n    </div>\n  );\n}\n\nexport default Popover;\n"],"mappings":"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"}
+{"version":3,"file":"Popover.jsx","names":[],"sources":["../src/Popover.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/Popover.tsx\n\n/**\n * Popover component for solidaria-components\n *\n * A headless popover component that positions relative to a trigger element.\n * Port of react-aria-components Popover.\n */\n\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  useContext,\n  Show,\n  createTrackedEffect,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { Portal } from \"@solidjs/web\";\nimport {\n  createOverlayTrigger,\n  createPopover,\n  createEnterAnimation,\n  createExitAnimation,\n  FocusScope,\n  useIsHidden,\n  useLocale,\n  useUNSAFE_PortalContext,\n  visuallyHiddenStyles,\n  createStringFormatter,\n  overlaysIntlStrings,\n  FocusableContext,\n  type AriaLabelingProps,\n  type Placement,\n  type PlacementAxis,\n} from \"@proyecto-viviana/solidaria\";\nimport { createOverlayTriggerState } from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  dataAttr,\n  useIsHydrated,\n} from \"./utils\";\nimport {\n  DialogTriggerContext,\n  OverlayTriggerStateContext,\n  PopoverTriggerContext,\n} from \"./contexts\";\nimport { SelectContext } from \"./Select\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\n\nexport interface PopoverRenderProps {\n  /**\n   * The name of the component that triggered the popover.\n   */\n  trigger: string | null;\n  /**\n   * The placement of the popover relative to the trigger.\n   */\n  placement: PlacementAxis | null;\n  /**\n   * Whether the popover is currently entering (for animations).\n   */\n  isEntering: boolean;\n  /**\n   * Whether the popover is currently exiting (for animations).\n   */\n  isExiting: boolean;\n}\n\nexport interface PopoverProps extends SlotProps, AriaLabelingProps {\n  /** The children of the component - can be JSX or render function. */\n  children?: RenderChildren<PopoverRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<PopoverRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<PopoverRenderProps>;\n  /**\n   * The name of the component that triggered the popover.\n   */\n  trigger?: string;\n  /**\n   * The ref for the element which the popover positions itself with respect to.\n   * Required when used standalone (not within a trigger component).\n   */\n  triggerRef?: () => Element | null;\n  /**\n   * The placement of the element with respect to its anchor element.\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * The placement padding that should be applied between the element and its\n   * surrounding container.\n   * @default 12\n   */\n  containerPadding?: number;\n  /**\n   * The additional offset applied along the main axis between the element and its\n   * anchor element.\n   * @default 8\n   */\n  offset?: number;\n  /**\n   * The additional offset applied along the cross axis between the element and its\n   * anchor element.\n   * @default 0\n   */\n  crossOffset?: number;\n  /**\n   * Whether the element should flip its orientation when there is insufficient room.\n   * @default true\n   */\n  shouldFlip?: boolean;\n  /**\n   * The max height of the popover.\n   */\n  maxHeight?: number;\n  /**\n   * A boundary element for placement calculations.\n   */\n  boundaryElement?: Element;\n  /**\n   * Overrides the target element's bounding rectangle. Useful for positioning relative to\n   * a specific point such as the mouse cursor (e.g. context menus) or text selection.\n   *\n   * @default target.getBoundingClientRect()\n   * @param target - The target element.\n   */\n  getTargetRect?: (target: Element) => DOMRect | null | undefined;\n  /**\n   * A ref for the popover arrow element.\n   */\n  arrowRef?: () => Element | null;\n  /**\n   * A ref for the scrollable popover element.\n   */\n  scrollRef?: () => Element | null;\n  /**\n   * Whether the popover is non-modal (allows interaction outside).\n   */\n  isNonModal?: boolean;\n  /**\n   * Whether pressing Escape to close should be disabled.\n   */\n  isKeyboardDismissDisabled?: boolean;\n  /**\n   * Filter for which outside interactions should close the popover.\n   */\n  shouldCloseOnInteractOutside?: (element: Element) => boolean;\n  /** Whether the popover is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the popover opens by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Handler called when the popover's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Whether focus should move to the popover container on open.\n   * @default true\n   */\n  autoFocus?: boolean;\n  /** Whether the popover is entering (for animations). */\n  isEntering?: boolean;\n  /** Whether the popover is exiting (for animations). */\n  isExiting?: boolean;\n  /**\n   * Whether the popover should appear and disappear without an entry or exit animation.\n   * Used by PreviewTrigger to skip animations when quickly swapping between overlays.\n   */\n  shouldSkipAnimation?: boolean;\n}\n\nexport interface PopoverTriggerProps {\n  /** The children - should include a trigger and popover content. */\n  children: JSX.Element;\n  /** Whether the popover is open (controlled). */\n  isOpen?: boolean;\n  /** Whether the popover is open by default (uncontrolled). */\n  defaultOpen?: boolean;\n  /** Callback when open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nexport {\n  PopoverTriggerContext,\n  usePopoverTrigger,\n  type PopoverTriggerContextValue,\n} from \"./contexts\";\n\ninterface PopoverContextValue {\n  placement: () => PlacementAxis | null;\n  arrowProps: () => JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null);\nconst PopoverGroupContext = createContext<(() => HTMLElement | null) | null>(null);\n\n/**\n * RAC Overlay.tsx OverlayContext. Dialog's useOverlayFocusContain equivalent\n * sets contain so a nested Dialog still traps Tab when the Popover itself is\n * not the dialog (DatePicker / DateRangePicker CalendarPopover).\n */\nexport interface OverlayContextValue {\n  setContain: (contain: boolean) => void;\n}\n\nexport const OverlayContext = createContext<OverlayContextValue | null>(null);\n\nfunction resolveTriggerElement(value: unknown): Element | null {\n  if (value == null) return null;\n  if (typeof value === \"function\") {\n    return resolveTriggerElement((value as () => unknown)());\n  }\n  if (value instanceof Element) {\n    return value;\n  }\n  return null;\n}\n\nfunction preferredPlacementAxis(placement: Placement | undefined): PlacementAxis {\n  const axis = (placement ?? \"bottom\").split(\" \")[0];\n  if (axis === \"top\" || axis === \"bottom\" || axis === \"left\" || axis === \"right\") {\n    return axis;\n  }\n  return \"bottom\";\n}\n\nfunction PopoverDismissButton(props: { onDismiss: () => void }): JSX.Element {\n  const stringFormatter = createStringFormatter(overlaysIntlStrings, \"@react-aria/overlays\");\n  return (\n    <button\n      type=\"button\"\n      aria-label={stringFormatter().format(\"dismiss\")}\n      tabindex={-1}\n      onClick={props.onDismiss}\n      style={visuallyHiddenStyles}\n    />\n  );\n}\n\n/**\n * A PopoverTrigger opens a popover when a trigger element is pressed.\n * Children should include a trigger element (e.g. Button) and the Popover.\n */\nexport function PopoverTrigger(props: PopoverTriggerProps): JSX.Element {\n  const [local] = splitProps(props, [\"isOpen\", \"defaultOpen\", \"onOpenChange\"]);\n\n  const state = createOverlayTriggerState({\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    onOpenChange: local.onOpenChange,\n  });\n\n  let triggerRef: HTMLElement | null = null;\n  const triggerId = createUniqueId();\n\n  const triggerAria = createOverlayTrigger({ type: \"dialog\" }, state, () => triggerRef);\n\n  const contextValue = createMemo(() => ({\n    state: {\n      isOpen: () => state.isOpen(),\n      open: () => state.open(),\n      close: () => state.close(),\n      toggle: () => state.toggle(),\n      setOpen: (next: boolean) => state.setOpen(next),\n      point: () => state.point(),\n      setPoint: (next: { x: number; y: number }) => state.setPoint(next),\n    },\n    triggerRef: () => triggerRef,\n    setTriggerRef: (el: HTMLElement | null) => {\n      if (!el) return;\n      if (!triggerRef || !triggerRef.isConnected) {\n        triggerRef = el;\n      }\n    },\n    triggerId,\n    triggerProps: triggerAria.triggerProps,\n    overlayProps: triggerAria.overlayProps,\n    trigger: \"PopoverTrigger\",\n  }));\n\n  return <PopoverTriggerContext value={contextValue()}>{props.children}</PopoverTriggerContext>;\n}\n\n/**\n * A popover is an overlay element positioned relative to a trigger.\n */\nexport function Popover(props: PopoverProps): JSX.Element {\n  // Note: do NOT early-return on the server. Returning `null` on the server and a\n  // full <Show>/<Portal> tree on the client desyncs Solid's hydration walk (the\n  // server emits no marker for the <Show>), which surfaces as \"Hydration Mismatch /\n  // getNextElement\" in the parent (e.g. Picker). Instead, run the same structure on\n  // both and gate the Portal on `useIsHydrated()` so the overlay only mounts on the\n  // client after hydration — the server + first client render both produce an empty\n  // <Show> marker, so hydration aligns.\n  const [local, rest] = splitProps(props, [\n    \"class\",\n    \"style\",\n    \"trigger\",\n    \"triggerRef\",\n    \"placement\",\n    \"containerPadding\",\n    \"offset\",\n    \"crossOffset\",\n    \"shouldFlip\",\n    \"maxHeight\",\n    \"boundaryElement\",\n    \"getTargetRect\",\n    \"arrowRef\",\n    \"scrollRef\",\n    \"isNonModal\",\n    \"isKeyboardDismissDisabled\",\n    \"shouldCloseOnInteractOutside\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"isEntering\",\n    \"isExiting\",\n    \"shouldSkipAnimation\",\n  ]);\n\n  // A reactive ref (not a plain `let`) so the overlay-position effect in\n  // createOverlayPosition — which tracks `overlayRef()` as a dependency —\n  // re-runs once the portal node actually mounts. React gets this timing for\n  // free from useLayoutEffect (the ref is populated before the position effect\n  // fires); in Solid the portal node is created lazily on open, AFTER the\n  // position effect first ran with a null ref, so a non-reactive ref left the\n  // popover stranded at the createOverlayPosition fallback (position:fixed;\n  // top:0; left:0) whenever no other dependency happened to re-fire the effect\n  // after mount. Mirrors the sibling groupRef signal below.\n  const [popoverRef, setPopoverRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n  const [groupRef, setGroupRef] = createSignal<HTMLDivElement | null>(null, { ownedWrite: true });\n  // False on the server and during hydration; true after onMount. Gates the Portal\n  // so overlay content only ever renders client-side, post-hydration.\n  const isHydrated = useIsHydrated();\n\n  // Mirrors upstream S2 Popover (Popover.mjs: `el.lang = locale; el.dir =\n  // direction`): the overlay portals out of the app root, so it must carry both\n  // the locale `lang` AND writing `direction` — otherwise the portaled\n  // listbox/dialog stays LTR and keeps the Latin font under an RTL Provider (the\n  // `:lang(ar)` font swap needs a `lang` ancestor the portal would otherwise\n  // escape). RAC's own Popover only threads `dir`; S2 adds `lang` on top.\n  const locale = useLocale();\n\n  const triggerContext = useContext(PopoverTriggerContext);\n  const dialogTriggerContext = useContext(DialogTriggerContext);\n  const overlayTriggerState = useContext(OverlayTriggerStateContext);\n  const popoverGroupContext = useContext(PopoverGroupContext);\n  const selectContext = useContext(SelectContext);\n  const overlayLabelledBy = () =>\n    props[\"aria-labelledby\"] ??\n    (selectContext?.menuProps as { \"aria-labelledby\"?: string } | undefined)?.[\"aria-labelledby\"] ??\n    (triggerContext?.overlayProps as { \"aria-labelledby\"?: string } | undefined)?.[\n      \"aria-labelledby\"\n    ];\n  const resolvedTrigger = () =>\n    local.trigger ??\n    triggerContext?.trigger ??\n    (dialogTriggerContext ? \"DialogTrigger\" : undefined);\n  const isSubPopover = () => resolvedTrigger() === \"SubmenuTrigger\" && popoverGroupContext != null;\n\n  const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? false);\n\n  const isOpen = (): boolean => {\n    if (local.isOpen !== undefined) return local.isOpen;\n    if (triggerContext) {\n      return triggerContext.state.isOpen();\n    }\n    if (dialogTriggerContext) {\n      return dialogTriggerContext.state.isOpen();\n    }\n    if (overlayTriggerState) {\n      return overlayTriggerState.isOpen;\n    }\n    return internalOpen();\n  };\n\n  const close = () => {\n    if (local.isOpen !== undefined) {\n      local.onOpenChange?.(false);\n    } else if (triggerContext) {\n      triggerContext.state.close();\n      local.onOpenChange?.(false);\n    } else if (dialogTriggerContext) {\n      dialogTriggerContext.state.close();\n      local.onOpenChange?.(false);\n    } else if (overlayTriggerState) {\n      overlayTriggerState.close();\n      local.onOpenChange?.(false);\n    } else {\n      setInternalOpen(false);\n      local.onOpenChange?.(false);\n    }\n  };\n\n  const getTriggerRef = () => {\n    if (local.triggerRef !== undefined) {\n      // Compiled JSX passes `() => element`. Comparison `hc` unwraps zero-arg\n      // function props into getters, so `triggerRef` can already be the node\n      // (`get triggerRef() { return el }`). Calling a node is a TypeError and\n      // leaves the overlay at the origin frame (#275).\n      return resolveTriggerElement(local.triggerRef);\n    }\n    if (triggerContext) return triggerContext.triggerRef();\n    if (dialogTriggerContext) return dialogTriggerContext.triggerRef();\n    return null;\n  };\n\n  const popoverAria = createPopover(\n    {\n      triggerRef: getTriggerRef,\n      popoverRef: () => popoverRef(),\n      groupRef: () => (isSubPopover() ? (popoverGroupContext?.() ?? null) : groupRef()),\n      get placement() {\n        return local.placement;\n      },\n      get containerPadding() {\n        return local.containerPadding;\n      },\n      get offset() {\n        return local.offset ?? 8;\n      },\n      get crossOffset() {\n        return local.crossOffset;\n      },\n      get shouldFlip() {\n        return local.shouldFlip;\n      },\n      get maxHeight() {\n        return local.maxHeight;\n      },\n      get boundaryElement() {\n        return local.boundaryElement;\n      },\n      get getTargetRect() {\n        return local.getTargetRect;\n      },\n      get arrowRef() {\n        return local.arrowRef;\n      },\n      get scrollRef() {\n        return local.scrollRef;\n      },\n      get isNonModal() {\n        return local.isNonModal ?? resolvedTrigger() === \"PreviewTrigger\";\n      },\n      get isKeyboardDismissDisabled() {\n        return local.isKeyboardDismissDisabled;\n      },\n      get shouldCloseOnInteractOutside() {\n        return local.shouldCloseOnInteractOutside;\n      },\n      get trigger() {\n        return resolvedTrigger();\n      },\n    },\n    {\n      isOpen,\n      open: () => {\n        if (local.isOpen !== undefined) {\n          local.onOpenChange?.(true);\n        } else if (triggerContext) {\n          triggerContext.state.open();\n          local.onOpenChange?.(true);\n        } else if (dialogTriggerContext) {\n          dialogTriggerContext.state.open();\n          local.onOpenChange?.(true);\n        } else if (overlayTriggerState) {\n          overlayTriggerState.open();\n          local.onOpenChange?.(true);\n        } else {\n          setInternalOpen(true);\n          local.onOpenChange?.(true);\n        }\n      },\n      close,\n      toggle: () => {\n        if (isOpen()) close();\n        else if (local.isOpen !== undefined) {\n          local.onOpenChange?.(true);\n        } else if (triggerContext) {\n          triggerContext.state.toggle();\n        } else if (dialogTriggerContext) {\n          dialogTriggerContext.state.toggle();\n        } else if (overlayTriggerState) {\n          overlayTriggerState.toggle();\n        } else {\n          setInternalOpen(true);\n          local.onOpenChange?.(true);\n        }\n      },\n      point: () => triggerContext?.state.point?.() ?? dialogTriggerContext?.state.point?.() ?? null,\n    },\n  );\n\n  // RAC: `useExitAnimation(ref, state.isOpen)` lives on the outer Popover so the\n  // `'closed' | 'open' | 'exiting'` machine survives Inner unmount. Enter lives\n  // on PopoverInner (below) so it re-initializes per open, matching\n  // `useEnterAnimation(ref, !!placement)` in RAC's PopoverInner.\n  const skipAnimation = () =>\n    local.shouldSkipAnimation ?? triggerContext?.shouldSkipAnimation?.() ?? false;\n  const exitAnimation = createExitAnimation(() => popoverRef(), isOpen);\n  const isExiting = () => Boolean(local.isExiting) || (!skipAnimation() && exitAnimation());\n  const isHidden = useIsHidden();\n\n  const [triggerWidth, setTriggerWidth] = createSignal<string | undefined>();\n  const hasExplicitTriggerWidth = () => {\n    const style = typeof local.style === \"function\" ? undefined : local.style;\n    return (\n      (style as (JSX.CSSProperties & Record<string, unknown>) | undefined)?.[\"--trigger-width\"] !=\n      null\n    );\n  };\n  const updateTriggerWidth = () => {\n    const trigger = getTriggerRef();\n    if (!trigger || hasExplicitTriggerWidth()) return;\n    // Layout width, not getBoundingClientRect: S2 `pressScale` applies\n    // `perspective + translate3d(0,0,-2px)` while the trigger is pressed, which\n    // shrinks the transformed rect (~5.84px on size-S/M Picker). RAC measures\n    // in `useLayoutEffect` after pointer-up so the transform is already gone;\n    // Solid's `createEffect` can run on the pressed frame, and ResizeObserver\n    // does not fire for CSS transforms. `offsetWidth` is the box `--trigger-width`\n    // is supposed to copy (RAC `Popover.tsx:309-331`).\n    const width =\n      trigger instanceof HTMLElement ? trigger.offsetWidth : trigger.getBoundingClientRect().width;\n    setTriggerWidth(`${width}px`);\n  };\n  createTrackedEffect(() => {\n    const _s2Cleanups: Array<() => void> = [];\n\n    if (!isOpen()) return;\n    updateTriggerWidth();\n\n    const trigger = getTriggerRef();\n    if (!trigger || hasExplicitTriggerWidth() || typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver(updateTriggerWidth);\n    observer.observe(trigger);\n    _s2Cleanups.push(() => observer.disconnect());\n\n    return () => {\n      for (const c of _s2Cleanups) c();\n    };\n  });\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n  const overlayId = () => {\n    const restId = (rest as Record<string, unknown>).id as string | undefined;\n    return (\n      restId ??\n      (triggerContext?.overlayProps?.id as string | undefined) ??\n      (dialogTriggerContext?.overlayProps?.id as string | undefined)\n    );\n  };\n\n  const cleanPopoverProps = () => {\n    const {\n      style: _style,\n      ref: _ref,\n      ...remaining\n    } = popoverAria.popoverProps as Record<string, unknown>;\n    return remaining;\n  };\n\n  const shouldBeDialogBase = () =>\n    !local.isNonModal ||\n    resolvedTrigger() === \"SubmenuTrigger\" ||\n    resolvedTrigger() === \"PreviewTrigger\";\n  const [isDialog, setIsDialog] = createSignal(shouldBeDialogBase());\n  const [overlayContain, setOverlayContain] = createSignal(false);\n  createEffect(\n    () => {\n      const node = popoverRef();\n      const dialogBase = shouldBeDialogBase();\n      return { node, dialogBase };\n    },\n    ({ node, dialogBase }) => {\n      if (!node) return;\n      setIsDialog(dialogBase && node.querySelector(\"[role=dialog]\") == null);\n    },\n  );\n\n  const shouldBeDialog = () => isDialog();\n  const shouldContainFocus = () => {\n    // RAC Popover.tsx:368 — `shouldContainFocus={isDialog && trigger !== 'PreviewTrigger'}`.\n    // MenuTrigger must contain Tab; excluding it leaked focus to document.body\n    // while the overlay stayed open (#267).\n    if (!shouldBeDialog()) {\n      return false;\n    }\n    return resolvedTrigger() !== \"PreviewTrigger\";\n  };\n  const portalContext = useUNSAFE_PortalContext();\n  const portalContainer = () => {\n    if (isSubPopover()) {\n      return popoverGroupContext?.() ?? portalContext.getContainer?.() ?? undefined;\n    }\n    return portalContext.getContainer?.() ?? undefined;\n  };\n\n  // Caller `dir`/`lang` ride `filterDOMProps(..., { global: true })`. Overlay\n  // locale wins when the caller omitted them (S2 callback-ref / Tooltip).\n  const callerDir = (): \"ltr\" | \"rtl\" | \"auto\" | undefined => {\n    const value = (rest as { dir?: string }).dir;\n    if (value === \"ltr\" || value === \"rtl\" || value === \"auto\") {\n      return value;\n    }\n    return undefined;\n  };\n  const callerLang = () => (rest as { lang?: string }).lang;\n  const stampOverlayLocale = (el: HTMLDivElement | null) => {\n    if (!el) {\n      return;\n    }\n    const loc = locale();\n    const dir = callerDir();\n    const lang = callerLang();\n    if (!dir) {\n      el.dir = loc.direction;\n    } else {\n      el.dir = dir;\n    }\n    if (!lang) {\n      el.lang = loc.locale;\n    } else {\n      el.lang = lang;\n    }\n  };\n  // Spreads + portal attach can drop JSX `dir`/`lang`. Re-stamp after those\n  // writes, matching S2's callback ref `[locale, direction]` deps.\n  createEffect(\n    () => {\n      const el = popoverRef();\n      void domProps();\n      void cleanPopoverProps();\n      void (triggerContext?.overlayProps ?? {});\n      void locale();\n      return el;\n    },\n    (el) => {\n      if (!el) {\n        return;\n      }\n      stampOverlayLocale(el);\n    },\n  );\n\n  // Match React Aria Components: focus the popover container only when no\n  // descendant has already moved focus during mount.\n  createEffect(\n    () => {\n      const open = isOpen();\n      const dialog = shouldBeDialog();\n      const autoFocus = local.autoFocus ?? true;\n      const node = popoverRef();\n      const trigger = resolvedTrigger();\n      return { open, dialog, autoFocus, node, trigger };\n    },\n    ({ open, dialog, autoFocus, node, trigger }) => {\n      if (!open || !dialog) return;\n      if (autoFocus === false) return;\n      if (!node) return;\n      if (trigger === \"SubmenuTrigger\") return;\n      // RAC Overlay does not auto-focus a PreviewTrigger popover — focus stays\n      // on the trigger so Tab can move into the preview (usePreviewTrigger\n      // onKeyDown). Stealing focus here blurs the link and either closes the\n      // preview or leaves Tab landing on the next page control.\n      if (trigger === \"PreviewTrigger\") return;\n\n      let timeout: number | undefined;\n      let frame: number | undefined;\n\n      const focusIfNeeded = () => {\n        if (!isOpen() || !shouldBeDialog()) return;\n        const current = popoverRef();\n        if (!current || resolvedTrigger() === \"SubmenuTrigger\") return;\n        if (resolvedTrigger() === \"PreviewTrigger\") return;\n        // Nested Dialog (DatePicker) owns initial focus via createDialog —\n        // RAC PopoverInner skips focusSafely when isDialog is false.\n        if (current.querySelector(\"[role=dialog]\")) return;\n        if (document.activeElement === current || current.contains(document.activeElement)) {\n          return;\n        }\n        current.focus();\n      };\n\n      const scheduleFocus = () => {\n        timeout = window.setTimeout(focusIfNeeded, 0);\n      };\n\n      if (typeof window.requestAnimationFrame === \"function\") {\n        frame = window.requestAnimationFrame(scheduleFocus);\n      } else {\n        scheduleFocus();\n      }\n\n      return () => {\n        if (frame !== undefined) {\n          window.cancelAnimationFrame(frame);\n        }\n        if (timeout !== undefined) {\n          window.clearTimeout(timeout);\n        }\n      };\n    },\n  );\n\n  // Fallback Escape handling for environments where focus is not moved into the popover.\n  createEffect(\n    () => ({\n      open: isOpen(),\n      keyboardDismissDisabled: !!local.isKeyboardDismissDisabled,\n    }),\n    ({ open, keyboardDismissDisabled }) => {\n      if (!open) return;\n      if (keyboardDismissDisabled) return;\n\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== \"Escape\") return;\n        if (event.defaultPrevented) return;\n        close();\n      };\n\n      document.addEventListener(\"keydown\", onKeyDown);\n      return () => document.removeEventListener(\"keydown\", onKeyDown);\n    },\n  );\n\n  const isNonModal = () => local.isNonModal ?? resolvedTrigger() === \"PreviewTrigger\";\n\n  // Enter animation is owned by this inner tree so it remounts on each full\n  // open (RAC PopoverInner + useEnterAnimation). It stays mounted while\n  // `isExiting` so a reopen-during-exit does not start a second enter.\n  //\n  // Local addition (documented deviation): RAC's `useEnterAnimation(ref,\n  // !!placement)` reports `isEntering === false` while the popover is still\n  // unplaced (`animation.ts:22`), relying on `useLayoutEffect` positioning so\n  // that state never paints. Here the open-but-unplaced state is also reported\n  // as entering, so if positioning ever lands after a paint the `top:0;left:0`\n  // frame stays at the entering opacity instead of flashing at the origin.\n  function PopoverInner(): JSX.Element {\n    const enterAnimation = createEnterAnimation(\n      () => popoverRef(),\n      () => popoverAria.placement() != null,\n    );\n    const isEntering = () =>\n      Boolean(local.isEntering) ||\n      (!skipAnimation() && (enterAnimation() || (isOpen() && popoverAria.placement() == null)));\n\n    const renderValues = createMemo<PopoverRenderProps>(() => {\n      const preferred = preferredPlacementAxis(local.placement);\n      const entering = isEntering();\n      return {\n        trigger: resolvedTrigger() ?? null,\n        // RAC usePopover reports placement from useLayoutEffect before paint.\n        // Until Solid's createEffect positioning lands, seed the preferred axis\n        // so S2 `translateY: { placement: { bottom: { isEntering: -4 } } }` does\n        // not miss the bottom branch. Once measured, the measured axis wins even\n        // mid-enter, as RAC's does: a flipped popover enters from its flipped\n        // side (DatePicker D2 flipped to `top`: both stacks `0px 4px`, #582).\n        placement: popoverAria.placement() ?? preferred,\n        isEntering: entering,\n        isExiting: isExiting(),\n      };\n    });\n\n    const renderProps = useRenderProps(\n      {\n        get children() {\n          return props.children;\n        },\n        class: local.class,\n        style: local.style,\n        defaultClassName: \"solidaria-Popover\",\n      },\n      renderValues,\n    );\n\n    const mergedStyle = (): JSX.CSSProperties => {\n      const ariaStyle = (popoverAria.popoverProps as Record<string, unknown>).style as\n        | JSX.CSSProperties\n        | undefined;\n      const renderStyle = (renderProps.style() || {}) as JSX.CSSProperties &\n        Record<string, unknown>;\n      return {\n        ...ariaStyle,\n        ...renderStyle,\n        \"--trigger-width\": renderStyle[\"--trigger-width\"] ?? triggerWidth(),\n      };\n    };\n\n    return (\n      <PopoverContext\n        value={{ placement: popoverAria.placement, arrowProps: () => popoverAria.arrowProps }}\n      >\n        <OverlayContext value={{ setContain: setOverlayContain }}>\n          <div\n            {...domProps()}\n            {...cleanPopoverProps()}\n            {...(triggerContext?.overlayProps ?? {})}\n            ref={(el) => {\n              setPopoverRef(el);\n              triggerContext?.setOverlayRef?.(el);\n              stampOverlayLocale(el);\n            }}\n            id={overlayId()}\n            role={shouldBeDialog() ? \"dialog\" : undefined}\n            tabindex={shouldBeDialog() ? -1 : undefined}\n            aria-labelledby={overlayLabelledBy()}\n            class={renderProps.class()}\n            style={mergedStyle()}\n            lang={callerLang() ?? locale().locale}\n            dir={callerDir() ?? locale().direction}\n            data-trigger={resolvedTrigger()}\n            data-placement={renderValues().placement}\n            data-entering={dataAttr(isEntering())}\n            data-exiting={dataAttr(isExiting())}\n          >\n            <Show when={!isNonModal()}>\n              <PopoverDismissButton onDismiss={close} />\n            </Show>\n            {/* A render-prop child runs once over a getter view of the render\n                values. RAC re-invokes it on every placement / isEntering /\n                isExiting change and React reconciles onto the same DOM; Solid\n                would recreate the subtree, discarding a Menu's tree state and\n                DOM focus when the enter animation settles (Tabs has the same\n                contract for press flips). */}\n            {renderProps.renderChildrenStable()}\n            <PopoverDismissButton onDismiss={close} />\n          </div>\n        </OverlayContext>\n      </PopoverContext>\n    );\n  }\n\n  const underlay = () => (\n    <div\n      data-testid=\"underlay\"\n      {...(popoverAria.underlayProps as unknown as JSX.HTMLAttributes<HTMLDivElement>)}\n      style={{ position: \"fixed\", inset: 0 }}\n    />\n  );\n\n  const hiddenChildren = () => {\n    const children = props.children;\n    if (typeof children === \"function\") {\n      return children({\n        trigger: resolvedTrigger() ?? null,\n        placement: \"bottom\",\n        isEntering: false,\n        isExiting: false,\n      });\n    }\n    return children;\n  };\n\n  return (\n    <Show when={!isHidden()} fallback={hiddenChildren()}>\n      <Show when={isHydrated() && (isOpen() || isExiting())}>\n        {/* Solid 2's Portal splices its children into the mount between two\n            text markers, so there is no wrapper element to style — the same\n            shape as RAC's `createPortal`. */}\n        <Portal mount={portalContainer()}>\n          <FocusableContext value={null}>\n            {/* RAC Overlay.tsx:76-81 wraps portal children in FocusScope so the\n                start/end sentinels sit beside the display:contents group, not\n                as siblings of [data-placement]. ComboBox hide-outside would\n                otherwise aria-hide those sentinels. */}\n            <FocusScope\n              contain={(shouldContainFocus() || overlayContain()) && !isExiting()}\n              restoreFocus\n            >\n              <Show when={!isNonModal() && !isSubPopover() && isOpen()}>{underlay()}</Show>\n              <Show\n                when={isSubPopover()}\n                fallback={\n                  <div ref={setGroupRef} style={{ display: \"contents\" }}>\n                    <PopoverGroupContext value={() => groupRef()}>\n                      <PopoverInner />\n                    </PopoverGroupContext>\n                  </div>\n                }\n              >\n                <PopoverInner />\n              </Show>\n            </FocusScope>\n          </FocusableContext>\n        </Portal>\n      </Show>\n    </Show>\n  );\n}\n\nexport interface OverlayArrowProps {\n  /** The children - should be an SVG or element for the arrow. */\n  children?: JSX.Element;\n  /** Render function used when Solid children accessors would be ambiguous. */\n  render?: () => JSX.Element;\n  /** The CSS className. */\n  class?: string;\n  /** The inline style. */\n  style?: JSX.CSSProperties;\n}\n\n/**\n * An arrow element that points towards the trigger.\n */\nexport function OverlayArrow(props: OverlayArrowProps): JSX.Element {\n  const popoverContext = useContext(PopoverContext);\n  const placement = () => popoverContext?.placement() ?? null;\n\n  // Mirror react-aria-components' OverlayArrow: the wrapper positions itself\n  // absolutely against the popover edge (`[placement]: '100%'`) and takes the\n  // cross-axis offset (`left`/`top`) from the overlay's computed `arrowProps`.\n  // No `aria-hidden`/`role=\"presentation\"` — upstream leaves the arrow in the\n  // accessibility tree (the arrow SVG surfaces as an unlabeled `img`), matching\n  // S2's `<OverlayArrow className=\"\">`. The styled layer therefore passes no\n  // positioning class of its own.\n  const mergedStyle = (): JSX.CSSProperties => {\n    const currentPlacement = placement();\n    // Mirror react-aria-components' OverlayArrow: the reported `arrowProps`\n    // offset (`left`/`top`) points at the arrow's CENTER, so the wrapper must be\n    // pulled back by half its size to center on that point — horizontally for\n    // top/bottom placements, vertically for left/right. Omitting this shifts the\n    // arrow off by half its width/height (a self-inflicted divergence).\n    const style: JSX.CSSProperties = {\n      position: \"absolute\",\n      transform:\n        currentPlacement === \"top\" || currentPlacement === \"bottom\"\n          ? \"translateX(-50%)\"\n          : \"translateY(-50%)\",\n    };\n    if (currentPlacement != null) {\n      (style as Record<string, string>)[currentPlacement] = \"100%\";\n    }\n\n    const contextStyle = (popoverContext?.arrowProps() as Record<string, unknown> | undefined)\n      ?.style as (JSX.CSSProperties & Record<string, unknown>) | undefined;\n    if (typeof contextStyle?.left === \"string\") {\n      style.left = contextStyle.left;\n    }\n    if (typeof contextStyle?.top === \"string\") {\n      style.top = contextStyle.top;\n    }\n\n    const localStyle =\n      props.style &&\n      !(typeof CSSStyleDeclaration !== \"undefined\" && props.style instanceof CSSStyleDeclaration)\n        ? props.style\n        : undefined;\n\n    return {\n      ...style,\n      ...localStyle,\n    };\n  };\n\n  return (\n    <div class={props.class} style={mergedStyle()} data-placement={placement()}>\n      {props.render ? props.render() : props.children}\n    </div>\n  );\n}\n\nexport default Popover;\n"],"mappings":"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"}