@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Popover.js

@@ -0,0 +1,464 @@
+import { dataAttr, filterDOMProps, useIsHydrated, useRenderProps } from "./utils.js";
+import { o as usePopoverTrigger, r as PopoverTriggerContext, t as DialogTriggerContext } from "./contexts.js";
+import { Portal, addEventListener, className, createComponent, delegateEvents, effect, getNextElement, getNextMarker, insert, memo, mergeProps, runHydrationEvents, setAttribute, spread, style, template, use } from "solid-js/web";
+import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, onCleanup, splitProps, useContext } from "solid-js";
+import { FocusScope, createOverlayTrigger, createPopover, useUNSAFE_PortalContext, visuallyHiddenStyles } from "@proyecto-viviana/solidaria";
+import { createOverlayTriggerState } from "@proyecto-viviana/solid-stately";
+//#region src/Popover.tsx
+/**
+* Popover component for solidaria-components
+*
+* A headless popover component that positions relative to a trigger element.
+* Port of react-aria-components Popover.
+*/
+var _tmpl$ = /*#__PURE__*/ template(`<button type=button aria-label=Dismiss tabindex=-1>`), _tmpl$2 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/><!$><!/>`), _tmpl$3 = /*#__PURE__*/ template(`<div data-testid=underlay>`), _tmpl$4 = /*#__PURE__*/ template(`<div style=display:contents>`), _tmpl$5 = /*#__PURE__*/ template(`<div>`);
+const PopoverContext = createContext(null);
+const PopoverGroupContext = createContext(null);
+function PopoverDismissButton(props) {
+	return (() => {
+		var _el$ = getNextElement(_tmpl$);
+		addEventListener(_el$, "click", props.onDismiss, true);
+		effect((_$p) => style(_el$, visuallyHiddenStyles, _$p));
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+/**
+* A PopoverTrigger opens a popover when a trigger element is pressed.
+* Children should include a trigger element (e.g. Button) and the Popover.
+*/
+function PopoverTrigger(props) {
+	const [local] = splitProps(props, [
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange"
+	]);
+	const state = createOverlayTriggerState({
+		get isOpen() {
+			return local.isOpen;
+		},
+		get defaultOpen() {
+			return local.defaultOpen;
+		},
+		onOpenChange: local.onOpenChange
+	});
+	let triggerRef = null;
+	const triggerId = createUniqueId();
+	const triggerAria = createOverlayTrigger({ type: "dialog" }, state, () => triggerRef);
+	const contextValue = createMemo(() => ({
+		state: {
+			isOpen: () => state.isOpen(),
+			open: () => state.open(),
+			close: () => state.close(),
+			toggle: () => state.toggle()
+		},
+		triggerRef: () => triggerRef,
+		setTriggerRef: (el) => {
+			if (!el) return;
+			if (!triggerRef || !triggerRef.isConnected) triggerRef = el;
+		},
+		triggerId,
+		triggerProps: triggerAria.triggerProps,
+		overlayProps: triggerAria.overlayProps,
+		trigger: "PopoverTrigger"
+	}));
+	return createComponent(PopoverTriggerContext.Provider, {
+		get value() {
+			return contextValue();
+		},
+		get children() {
+			return props.children;
+		}
+	});
+}
+/**
+* A popover is an overlay element positioned relative to a trigger.
+*/
+function Popover(props) {
+	const [local, rest] = splitProps(props, [
+		"class",
+		"style",
+		"trigger",
+		"triggerRef",
+		"placement",
+		"containerPadding",
+		"offset",
+		"crossOffset",
+		"shouldFlip",
+		"maxHeight",
+		"boundaryElement",
+		"getTargetRect",
+		"arrowRef",
+		"scrollRef",
+		"isNonModal",
+		"isKeyboardDismissDisabled",
+		"shouldCloseOnInteractOutside",
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange",
+		"autoFocus",
+		"isEntering",
+		"isExiting"
+	]);
+	let popoverRef;
+	const [groupRef, setGroupRef] = createSignal(null);
+	const isHydrated = useIsHydrated();
+	const triggerContext = useContext(PopoverTriggerContext);
+	const dialogTriggerContext = useContext(DialogTriggerContext);
+	const popoverGroupContext = useContext(PopoverGroupContext);
+	const resolvedTrigger = () => local.trigger ?? triggerContext?.trigger ?? (dialogTriggerContext ? "DialogTrigger" : void 0);
+	const isSubPopover = () => resolvedTrigger() === "SubmenuTrigger" && popoverGroupContext != null;
+	const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? false);
+	const isOpen = () => {
+		if (local.isOpen !== void 0) return local.isOpen;
+		if (triggerContext) return triggerContext.state.isOpen();
+		if (dialogTriggerContext) return dialogTriggerContext.state.isOpen();
+		return internalOpen();
+	};
+	const close = () => {
+		if (local.isOpen !== void 0) local.onOpenChange?.(false);
+		else if (triggerContext) {
+			triggerContext.state.close();
+			local.onOpenChange?.(false);
+		} else if (dialogTriggerContext) {
+			dialogTriggerContext.state.close();
+			local.onOpenChange?.(false);
+		} else {
+			setInternalOpen(false);
+			local.onOpenChange?.(false);
+		}
+	};
+	const getTriggerRef = () => {
+		if (local.triggerRef) return local.triggerRef();
+		if (triggerContext) return triggerContext.triggerRef();
+		if (dialogTriggerContext) return dialogTriggerContext.triggerRef();
+		return null;
+	};
+	const popoverAria = createPopover({
+		triggerRef: getTriggerRef,
+		popoverRef: () => popoverRef ?? null,
+		groupRef: () => isSubPopover() ? popoverGroupContext?.() ?? null : groupRef(),
+		get placement() {
+			return local.placement;
+		},
+		get containerPadding() {
+			return local.containerPadding;
+		},
+		get offset() {
+			return local.offset ?? 8;
+		},
+		get crossOffset() {
+			return local.crossOffset;
+		},
+		get shouldFlip() {
+			return local.shouldFlip;
+		},
+		get maxHeight() {
+			return local.maxHeight;
+		},
+		get boundaryElement() {
+			return local.boundaryElement;
+		},
+		get getTargetRect() {
+			return local.getTargetRect;
+		},
+		get arrowRef() {
+			return local.arrowRef;
+		},
+		get scrollRef() {
+			return local.scrollRef;
+		},
+		get isNonModal() {
+			return local.isNonModal;
+		},
+		get isKeyboardDismissDisabled() {
+			return local.isKeyboardDismissDisabled;
+		},
+		get shouldCloseOnInteractOutside() {
+			return local.shouldCloseOnInteractOutside;
+		},
+		get trigger() {
+			return resolvedTrigger();
+		}
+	}, {
+		isOpen,
+		open: () => {
+			if (local.isOpen !== void 0) local.onOpenChange?.(true);
+			else if (triggerContext) {
+				triggerContext.state.open();
+				local.onOpenChange?.(true);
+			} else if (dialogTriggerContext) {
+				dialogTriggerContext.state.open();
+				local.onOpenChange?.(true);
+			} else {
+				setInternalOpen(true);
+				local.onOpenChange?.(true);
+			}
+		},
+		close,
+		toggle: () => {
+			if (isOpen()) close();
+			else if (local.isOpen !== void 0) local.onOpenChange?.(true);
+			else if (triggerContext) triggerContext.state.toggle();
+			else if (dialogTriggerContext) dialogTriggerContext.state.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);
+	const [triggerWidth, setTriggerWidth] = createSignal();
+	const hasExplicitTriggerWidth = () => {
+		return renderProps.style()?.["--trigger-width"] != null;
+	};
+	const updateTriggerWidth = () => {
+		const trigger = getTriggerRef();
+		if (!trigger || hasExplicitTriggerWidth()) return;
+		setTriggerWidth(`${trigger.getBoundingClientRect().width}px`);
+	};
+	createEffect(() => {
+		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());
+	});
+	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
+	const overlayId = () => {
+		return rest.id ?? triggerContext?.overlayProps?.id ?? dialogTriggerContext?.overlayProps?.id;
+	};
+	const cleanPopoverProps = () => {
+		const { style: _style, ref: _ref, ...remaining } = popoverAria.popoverProps;
+		return remaining;
+	};
+	const mergedStyle = () => {
+		const ariaStyle = popoverAria.popoverProps.style;
+		const renderStyle = renderProps.style() || {};
+		return {
+			...ariaStyle,
+			...renderStyle,
+			"--trigger-width": renderStyle["--trigger-width"] ?? triggerWidth()
+		};
+	};
+	const shouldBeDialog = () => !local.isNonModal || resolvedTrigger() === "SubmenuTrigger";
+	const shouldContainFocus = () => {
+		if (!shouldBeDialog()) return false;
+		const trigger = resolvedTrigger();
+		return trigger !== "MenuTrigger" && trigger !== "SubmenuTrigger";
+	};
+	const portalContext = useUNSAFE_PortalContext();
+	const portalContainer = () => {
+		if (isSubPopover()) return popoverGroupContext?.() ?? portalContext.getContainer?.() ?? void 0;
+		return portalContext.getContainer?.() ?? void 0;
+	};
+	createEffect(() => {
+		if (!isOpen() || !shouldBeDialog()) return;
+		if ((local.autoFocus ?? true) === false) return;
+		if (!popoverRef) return;
+		if (resolvedTrigger() === "SubmenuTrigger") return;
+		let timeout;
+		let frame;
+		const focusIfNeeded = () => {
+			if (!isOpen() || !shouldBeDialog()) return;
+			if (!popoverRef || resolvedTrigger() === "SubmenuTrigger") return;
+			if (document.activeElement === popoverRef || popoverRef.contains(document.activeElement)) return;
+			popoverRef.focus();
+		};
+		const scheduleFocus = () => {
+			timeout = window.setTimeout(focusIfNeeded, 0);
+		};
+		if (typeof window.requestAnimationFrame === "function") frame = window.requestAnimationFrame(scheduleFocus);
+		else scheduleFocus();
+		onCleanup(() => {
+			if (frame !== void 0) window.cancelAnimationFrame(frame);
+			if (timeout !== void 0) window.clearTimeout(timeout);
+		});
+	});
+	createEffect(() => {
+		if (!isOpen()) return;
+		if (local.isKeyboardDismissDisabled) return;
+		const onKeyDown = (event) => {
+			if (event.key !== "Escape") return;
+			if (event.defaultPrevented) return;
+			close();
+		};
+		document.addEventListener("keydown", onKeyDown);
+		onCleanup(() => document.removeEventListener("keydown", onKeyDown));
+	});
+	const overlay = () => createComponent(PopoverContext.Provider, {
+		get value() {
+			return {
+				placement: popoverAria.placement,
+				arrowProps: () => popoverAria.arrowProps
+			};
+		},
+		get children() {
+			return createComponent(FocusScope, {
+				get contain() {
+					return shouldContainFocus();
+				},
+				restoreFocus: true,
+				get children() {
+					var _el$2 = getNextElement(_tmpl$2), _el$3 = _el$2.firstChild, [_el$4, _co$] = getNextMarker(_el$3.nextSibling), _el$5 = _el$4.nextSibling, [_el$6, _co$2] = getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$3] = getNextMarker(_el$7.nextSibling);
+					var _ref$ = popoverRef;
+					typeof _ref$ === "function" ? use(_ref$, _el$2) : popoverRef = _el$2;
+					spread(_el$2, mergeProps(domProps, cleanPopoverProps, {
+						get id() {
+							return overlayId();
+						},
+						get role() {
+							return shouldBeDialog() ? "dialog" : void 0;
+						},
+						get tabIndex() {
+							return shouldBeDialog() ? -1 : void 0;
+						},
+						get ["class"]() {
+							return renderProps.class();
+						},
+						get style() {
+							return mergedStyle();
+						},
+						get ["data-trigger"]() {
+							return resolvedTrigger();
+						},
+						get ["data-placement"]() {
+							return popoverAria.placement();
+						},
+						get ["data-entering"]() {
+							return dataAttr(local.isEntering);
+						},
+						get ["data-exiting"]() {
+							return dataAttr(local.isExiting);
+						}
+					}), false, true);
+					insert(_el$2, createComponent(Show, {
+						get when() {
+							return !local.isNonModal;
+						},
+						get children() {
+							return createComponent(PopoverDismissButton, { onDismiss: close });
+						}
+					}), _el$4, _co$);
+					insert(_el$2, () => renderProps.renderChildren(), _el$6, _co$2);
+					insert(_el$2, createComponent(PopoverDismissButton, { onDismiss: close }), _el$8, _co$3);
+					runHydrationEvents();
+					return _el$2;
+				}
+			});
+		}
+	});
+	const underlay = () => (() => {
+		var _el$9 = getNextElement(_tmpl$3);
+		spread(_el$9, mergeProps(() => popoverAria.underlayProps, { "style": {
+			position: "fixed",
+			inset: 0
+		} }), false, false);
+		runHydrationEvents();
+		return _el$9;
+	})();
+	return createComponent(Show, {
+		get when() {
+			return memo(() => !!isHydrated())() && (isOpen() || local.isExiting);
+		},
+		get children() {
+			return createComponent(Portal, {
+				get mount() {
+					return portalContainer();
+				},
+				get children() {
+					return [createComponent(Show, {
+						get when() {
+							return memo(() => !!(!local.isNonModal && !isSubPopover()))() && isOpen();
+						},
+						get children() {
+							return underlay();
+						}
+					}), createComponent(Show, {
+						get when() {
+							return isSubPopover();
+						},
+						get fallback() {
+							return (() => {
+								var _el$0 = getNextElement(_tmpl$4);
+								use(setGroupRef, _el$0);
+								insert(_el$0, createComponent(PopoverGroupContext.Provider, {
+									value: () => groupRef(),
+									get children() {
+										return overlay();
+									}
+								}));
+								return _el$0;
+							})();
+						},
+						get children() {
+							return overlay();
+						}
+					})];
+				}
+			});
+		}
+	});
+}
+/**
+* An arrow element that points towards the trigger.
+*/
+function OverlayArrow(props) {
+	const popoverContext = useContext(PopoverContext);
+	const placement = () => popoverContext?.placement() ?? null;
+	const mergedStyle = () => {
+		const currentPlacement = placement();
+		const style = {
+			position: "absolute",
+			transform: currentPlacement === "top" || currentPlacement === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
+		};
+		if (currentPlacement != null) style[currentPlacement] = "100%";
+		const contextStyle = (popoverContext?.arrowProps())?.style;
+		if (typeof contextStyle?.left === "string") style.left = contextStyle.left;
+		if (typeof contextStyle?.top === "string") style.top = contextStyle.top;
+		const localStyle = props.style && !(typeof CSSStyleDeclaration !== "undefined" && props.style instanceof CSSStyleDeclaration) ? props.style : void 0;
+		return {
+			...style,
+			...localStyle
+		};
+	};
+	return (() => {
+		var _el$1 = getNextElement(_tmpl$5);
+		insert(_el$1, (() => {
+			var _c$ = memo(() => !!props.render);
+			return () => _c$() ? props.render() : props.children;
+		})());
+		effect((_p$) => {
+			var _v$ = props.class, _v$2 = mergedStyle(), _v$3 = placement();
+			_v$ !== _p$.e && className(_el$1, _p$.e = _v$);
+			_p$.t = style(_el$1, _v$2, _p$.t);
+			_v$3 !== _p$.a && setAttribute(_el$1, "data-placement", _p$.a = _v$3);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		});
+		return _el$1;
+	})();
+}
+delegateEvents(["click"]);
+//#endregion
+export { OverlayArrow, Popover, Popover as default, PopoverContext, PopoverTrigger, PopoverTriggerContext, usePopoverTrigger };
+
+//# sourceMappingURL=Popover.js.map

package/dist/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["JSX","createContext","createEffect","createMemo","createSignal","createUniqueId","onCleanup","splitProps","useContext","Show","Portal","createOverlayTrigger","createPopover","FocusScope","useUNSAFE_PortalContext","visuallyHiddenStyles","AriaLabelingProps","Placement","PlacementAxis","createOverlayTriggerState","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","dataAttr","useIsHydrated","DialogTriggerContext","PopoverTriggerContext","PopoverRenderProps","trigger","placement","isEntering","isExiting","PopoverProps","children","class","style","triggerRef","Element","containerPadding","offset","crossOffset","shouldFlip","maxHeight","boundaryElement","getTargetRect","target","DOMRect","arrowRef","scrollRef","isNonModal","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","element","isOpen","defaultOpen","onOpenChange","autoFocus","PopoverTriggerProps","usePopoverTrigger","PopoverTriggerContextValue","PopoverContextValue","arrowProps","HTMLAttributes","HTMLElement","PopoverContext","PopoverGroupContext","PopoverDismissButton","props","onDismiss","_el$","_$getNextElement","_tmpl$","_$addEventListener","_$effect","_$p","_$style","_$runHydrationEvents","PopoverTrigger","local","state","triggerId","triggerAria","type","contextValue","open","close","toggle","setTriggerRef","el","isConnected","triggerProps","overlayProps","_$createComponent","Provider","value","Popover","rest","popoverRef","HTMLDivElement","groupRef","setGroupRef","isHydrated","triggerContext","dialogTriggerContext","popoverGroupContext","resolvedTrigger","undefined","isSubPopover","internalOpen","setInternalOpen","getTriggerRef","popoverAria","renderValues","renderProps","defaultClassName","triggerWidth","setTriggerWidth","hasExplicitTriggerWidth","CSSProperties","Record","updateTriggerWidth","getBoundingClientRect","width","ResizeObserver","observer","observe","disconnect","domProps","global","overlayId","restId","id","cleanPopoverProps","_style","ref","_ref","remaining","popoverProps","mergedStyle","ariaStyle","renderStyle","shouldBeDialog","shouldContainFocus","portalContext","portalContainer","getContainer","timeout","frame","focusIfNeeded","document","activeElement","contains","focus","scheduleFocus","window","setTimeout","requestAnimationFrame","cancelAnimationFrame","clearTimeout","onKeyDown","event","KeyboardEvent","key","defaultPrevented","addEventListener","removeEventListener","overlay","contain","restoreFocus","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_el$7","_el$8","_co$3","_ref$","_$use","_$spread","_$mergeProps","role","tabIndex","data-trigger","data-placement","data-entering","data-exiting","_$insert","when","renderChildren","underlay","_el$9","_tmpl$3","underlayProps","position","inset","_$memo","mount","fallback","_el$0","_tmpl$4","OverlayArrowProps","render","OverlayArrow","popoverContext","currentPlacement","transform","contextStyle","left","top","localStyle","CSSStyleDeclaration","_el$1","_tmpl$5","_c$","_p$","_v$","_v$2","_v$3","e","_$className","t","a","_$setAttribute","_$delegateEvents"],"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  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  let popoverRef!: HTMLDivElement;\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  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 ?? null,\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      if (!popoverRef || resolvedTrigger() === \"SubmenuTrigger\") return;\n      if (document.activeElement === popoverRef || popoverRef.contains(document.activeElement)) {\n        return;\n      }\n      popoverRef.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={popoverRef}\n          id={overlayId()}\n          role={shouldBeDialog() ? \"dialog\" : undefined}\n          tabIndex={shouldBeDialog() ? -1 : undefined}\n          class={renderProps.class()}\n          style={mergedStyle()}\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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"}