@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/browser/overlay-arrow.d.ts

@@ -0,0 +1,32 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/OverlayArrow.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; preserve defined context offsets and placement edges in default render styles and use Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { PlacementAxis } from "@solid2-aria/core/overlays/create-overlay-position";
+export interface OverlayArrowRenderProps {
+  placement: PlacementAxis | null;
+}
+export interface OverlayArrowProps extends RenderProps<OverlayArrowRenderProps>, SlotProps {
+  ref?: Ref<HTMLDivElement>;
+}
+interface OverlayArrowContextValue extends OverlayArrowProps {
+  placement: PlacementAxis | null;
+}
+export declare const OverlayArrowContext: import("solid-js").Context<ContextValue<OverlayArrowContextValue, HTMLDivElement>>;
+export declare function OverlayArrow(input: OverlayArrowProps): JSX.Element;
+export {};
+//# sourceMappingURL=overlay-arrow.d.ts.map

package/dist/browser/overlay-arrow.js

@@ -0,0 +1,65 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/OverlayArrow.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; preserve defined context offsets and placement edges in default render styles and use Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, createSlottedContext, dom } from "./utils.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createContext, untrack } from "solid-js";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+// src/overlay-arrow.tsx
+const OverlayArrowContext = createContext({ placement: "bottom" });
+function definedStyle(style) {
+	return Object.fromEntries(Object.entries(style).filter(([, value]) => value !== void 0));
+}
+function OverlayArrow(input) {
+	const context = createSlottedContext(OverlayArrowContext, untrack(() => input.slot));
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), OverlayArrowContext);
+	const values = { get placement() {
+		return props.placement ?? null;
+	} };
+	const defaultStyle = () => ({
+		position: "absolute",
+		transform: values.placement === "top" || values.placement === "bottom" ? "translateX(-50%)" : "translateY(-50%)",
+		...values.placement ? { [values.placement]: "100%" } : void 0,
+		...typeof context?.style === "object" ? definedStyle(context.style) : void 0
+	});
+	const render = createRenderProps(mergeProps$1(props, {
+		defaultClass: "solid2-aria-OverlayArrow",
+		get defaultStyle() {
+			return defaultStyle();
+		},
+		get style() {
+			return typeof props.style === "object" ? definedStyle(props.style) : props.style;
+		},
+		values
+	}));
+	return createComponent(dom.div, mergeProps(() => {
+		return filterDOMProps(props, { global: true });
+	}, render, {
+		ref: (element) => {
+			setRef(element);
+		},
+		get style() {
+			return render.style;
+		},
+		get "data-placement"() {
+			return values.placement;
+		}
+	}));
+}
+export { OverlayArrow, OverlayArrowContext };
+
+//# sourceMappingURL=overlay-arrow.js.map

package/dist/browser/overlay-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-arrow.js","names":["<dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      style={render.style}\n      data-placement={values.placement}\n    />","dom.div","ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}","mergeProps","_$createComponent","_$mergeProps"],"sources":["../../src/overlay-arrow.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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/OverlayArrow.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, and reactive properties for Solid 2; preserve defined context offsets and placement edges in default render styles and use Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { PlacementAxis } from \"@solid2-aria/core/overlays/create-overlay-position\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport type { JSX } from \"@solidjs/web\";\nimport { untrack, createContext } from \"solid-js\";\n\nimport {\n  dom,\n  createContextProps,\n  createRenderProps,\n  createSlottedContext,\n} from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nexport interface OverlayArrowRenderProps {\n  placement: PlacementAxis | null;\n}\n\nexport interface OverlayArrowProps\n  extends RenderProps<OverlayArrowRenderProps>, SlotProps {\n  ref?: Ref<HTMLDivElement>;\n}\n\ninterface OverlayArrowContextValue extends OverlayArrowProps {\n  placement: PlacementAxis | null;\n}\n\nexport const OverlayArrowContext = createContext<\n  ContextValue<OverlayArrowContextValue, HTMLDivElement>\n>({ placement: \"bottom\" });\n\nfunction definedStyle(style: JSX.CSSProperties): JSX.CSSProperties {\n  return Object.fromEntries(\n    Object.entries(style).filter(([, value]) => value !== undefined)\n  );\n}\n\nexport function OverlayArrow(input: OverlayArrowProps): JSX.Element {\n  const context = createSlottedContext(\n    OverlayArrowContext,\n    untrack(() => input.slot)\n  );\n\n  const [props, , setRef] = createContextProps<\n    OverlayArrowProps & Partial<OverlayArrowContextValue>,\n    OverlayArrowContextValue,\n    HTMLDivElement\n  >(\n    input,\n    untrack(() => input.ref),\n    OverlayArrowContext\n  );\n\n  const values: OverlayArrowRenderProps = {\n    get placement() {\n      return props.placement ?? null;\n    },\n  };\n\n  const defaultStyle = (): JSX.CSSProperties => ({\n    position: \"absolute\",\n    transform:\n      values.placement === \"top\" || values.placement === \"bottom\"\n        ? \"translateX(-50%)\"\n        : \"translateY(-50%)\",\n    ...(values.placement ? { [values.placement]: \"100%\" } : undefined),\n    ...(typeof context?.style === \"object\"\n      ? definedStyle(context.style)\n      : undefined),\n  });\n\n  const render = createRenderProps(\n    mergeProps(props, {\n      defaultClass: \"solid2-aria-OverlayArrow\",\n      get defaultStyle() {\n        return defaultStyle();\n      },\n      get style() {\n        return typeof props.style === \"object\"\n          ? definedStyle(props.style)\n          : props.style;\n      },\n      values,\n    })\n  );\n\n  return (\n    <dom.div\n      {...filterDOMProps(props, { global: true })}\n      {...render}\n      ref={(element: HTMLDivElement) => {\n        setRef(element);\n      }}\n      style={render.style}\n      data-placement={values.placement}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAa,sBAAsB,cAEjC,EAAE,WAAW,SAAS,CAAC;AAEzB,SAAS,aAAa,OAA6C;CACjE,OAAO,OAAO,YACZ,OAAO,QAAQ,KAAK,CAAC,CAAC,QAAQ,GAAG,WAAW,UAAU,KAAA,CAAS,CACjE;AACF;AAEA,SAAgB,aAAa,OAAuC;CAClE,MAAM,UAAU,qBACd,qBACA,cAAc,MAAM,IAAI,CAC1B;CAEA,MAAM,CAAC,SAAS,UAAU,mBAKxB,OACA,cAAc,MAAM,GAAG,GACvB,mBACF;CAEA,MAAM,SAAkC,EACtC,IAAI,YAAY;EACd,OAAO,MAAM,aAAa;CAC5B,EACF;CAEA,MAAM,sBAAyC;EAC7C,UAAU;EACV,WACE,OAAO,cAAc,SAAS,OAAO,cAAc,WAC/C,qBACA;EACN,GAAI,OAAO,YAAY,GAAG,OAAO,YAAY,OAAO,IAAI,KAAA;EACxD,GAAI,OAAO,SAAS,UAAU,WAC1B,aAAa,QAAQ,KAAK,IAC1B,KAAA;CACN;CAEA,MAAM,SAAS,kBACbG,aAAW,OAAO;EAChB,cAAc;EACd,IAAI,eAAe;GACjB,OAAO,aAAa;EACtB;EACA,IAAI,QAAQ;GACV,OAAO,OAAO,MAAM,UAAU,WAC1B,aAAa,MAAM,KAAK,IACxB,MAAM;EACZ;EACA;CACF,CAAC,CACH;CAEA,OACEH,gBAAAA,IAACC,KAADD,iBACE;EAAI,OAAA,eAAe,OAAO,EAAE,QAAQ,KAAK,CAAC;CAAC,GACvC,QAFN;EAGEE,MAAM,YAA4B;GAChC,OAAO,OAAO;EAChB;EACA,IAAA,QAAA;GAAO,OAAA,OAAO;EAAK;EACnB,IAAA,mBAAA;GAAgB,OAAA,OAAO;EAAS;CACjC,CAAA,CAAA;AAEL"}

package/dist/browser/overlay-contexts.d.ts

@@ -0,0 +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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Dialog.tsx.
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Menu.tsx.
+ * Modified for Solid Aria: share overlay contexts independently of component modules to avoid initialization cycles.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { RootMenuTriggerState } from "@solid2-aria/stately/menu/create-menu-trigger-state";
+import { OverlayTriggerState } from "@solid2-aria/stately/overlays/create-overlay-trigger-state";
+export declare const OverlayTriggerStateContext: import("solid-js").Context<OverlayTriggerState | null>;
+export declare const RootMenuTriggerStateContext: import("solid-js").Context<RootMenuTriggerState | null>;
+//# sourceMappingURL=overlay-contexts.d.ts.map

package/dist/browser/overlay-contexts.js

@@ -0,0 +1,24 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Dialog.tsx.
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Menu.tsx.
+ * Modified for Solid Aria: share overlay contexts independently of component modules to avoid initialization cycles.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContext } from "solid-js";
+// src/overlay-contexts.ts
+const OverlayTriggerStateContext = createContext(null);
+const RootMenuTriggerStateContext = createContext(null);
+export { OverlayTriggerStateContext, RootMenuTriggerStateContext };
+
+//# sourceMappingURL=overlay-contexts.js.map

package/dist/browser/overlay-contexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-contexts.js","names":[],"sources":["../../src/overlay-contexts.ts"],"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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/Dialog.tsx.\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/Menu.tsx.\n * Modified for Solid Aria: share overlay contexts independently of component modules to avoid initialization cycles.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport type { RootMenuTriggerState } from \"@solid2-aria/stately/menu/create-menu-trigger-state\";\nimport type { OverlayTriggerState } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport { createContext } from \"solid-js\";\n\nexport const OverlayTriggerStateContext =\n  createContext<OverlayTriggerState | null>(null);\n\nexport const RootMenuTriggerStateContext =\n  createContext<RootMenuTriggerState | null>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAa,6BACX,cAA0C,IAAI;AAEhD,MAAa,8BACX,cAA2C,IAAI"}

package/dist/browser/popover.d.ts

@@ -0,0 +1,50 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Popover.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, dialog semantics, animation state, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { ContextValue, Ref, RenderProps, SlotProps } from "./utils.js";
+import { JSX } from "@solidjs/web";
+import { Accessor } from "solid-js";
+import { AriaPopoverProps } from "@solid2-aria/core/overlays/create-popover";
+import { OverlayTriggerProps } from "@solid2-aria/stately/overlays/create-overlay-trigger-state";
+import { PlacementAxis } from "@solid2-aria/core/overlays/create-overlay-position";
+import { GlobalDOMAttributes } from "@solid2-aria/types-shared-web";
+export interface PopoverRenderProps {
+  trigger: string | undefined;
+  placement: PlacementAxis | null;
+  isEntering: boolean;
+  isExiting: boolean;
+}
+type ClearableContext = (props: {
+  value: null;
+  children: JSX.Element;
+}) => JSX.Element;
+export interface PopoverProps extends Omit<AriaPopoverProps, "triggerRef" | "popoverRef" | "arrowRef">, OverlayTriggerProps, Pick<JSX.HTMLAttributes<HTMLElement>, Extract<keyof GlobalDOMAttributes<HTMLElement>, keyof JSX.HTMLAttributes<HTMLElement>> | "id" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details">, SlotProps, RenderProps<PopoverRenderProps> {
+  ref?: Ref<HTMLElement>;
+  triggerRef?: Accessor<Element | null>;
+  trigger?: string;
+  clearContexts?: ClearableContext[];
+  isEntering?: boolean;
+  isExiting?: boolean;
+  /** Whether automatic entry and exit animations should be skipped when swapping overlays. */
+  shouldSkipAnimation?: boolean;
+  UNSTABLE_portalContainer?: Element;
+  onEnter?: (element: HTMLElement) => void | Promise<void>;
+  onExit?: (element: HTMLElement) => void | Promise<void>;
+}
+export declare const PopoverContext: import("solid-js").Context<ContextValue<PopoverProps, HTMLElement>>;
+export declare function Popover(input: PopoverProps): JSX.Element;
+export {};
+//# sourceMappingURL=popover.d.ts.map

package/dist/browser/popover.js

@@ -0,0 +1,255 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Popover.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, dialog semantics, animation state, and reactive properties for Solid 2; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { createContextProps, createRenderProps, dom } from "./utils.js";
+import { OverlayTriggerStateContext } from "./overlay-contexts.js";
+import { OverlayArrowContext } from "./overlay-arrow.js";
+import { createComponent, memo, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { Show, createContext, createEffect, createSignal, merge, onSettled, untrack, useContext } from "solid-js";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createIsHidden } from "@solid2-aria/core/collections/hidden";
+import { getInteractionModality } from "@solid2-aria/core/interactions/create-focus-visible";
+import { focusSafely } from "@solid2-aria/core/interactions/focus-safely";
+import { createPopover } from "@solid2-aria/core/overlays/create-popover";
+import { DismissButton } from "@solid2-aria/core/overlays/dismiss-button";
+import { Overlay } from "@solid2-aria/core/overlays/overlay";
+import { createEnterAnimation, createExitAnimation } from "@solid2-aria/core/utils/animation";
+import { isFocusWithin } from "@solid2-aria/core/utils/shadowdom/dom-functions";
+import { createOverlayTriggerState } from "@solid2-aria/stately/overlays/create-overlay-trigger-state";
+// src/popover.tsx
+const fallbackTrigger = () => null;
+const PopoverContext = createContext(null);
+function Popover(input) {
+	if (createIsHidden()) return memo(() => {
+		return input.children;
+	});
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), PopoverContext);
+	const context = useContext(OverlayTriggerStateContext);
+	const local = createOverlayTriggerState(props);
+	const state = untrack(() => props.isOpen !== void 0 || props.defaultOpen !== void 0 || !context) ? local : requireValue(context, "Expected context");
+	const exitAnimation = createExitAnimation(ref, () => state.isOpen, (element) => untrack(() => props.onExit)?.(element));
+	const exiting = () => props.isExiting === true || props.shouldSkipAnimation !== true && exitAnimation();
+	return createComponent(Show, {
+		get when() {
+			return state.isOpen || exiting();
+		},
+		get children() {
+			return createComponent(Overlay, {
+				get portalContainer() {
+					return props.UNSTABLE_portalContainer;
+				},
+				get isExiting() {
+					return exiting();
+				},
+				get shouldContainFocus() {
+					return !(props.isNonModal === true);
+				},
+				get children() {
+					return createComponent(PopoverInner, {
+						props,
+						popoverRef: ref,
+						setPopoverRef: (element) => {
+							setRef(element);
+						},
+						state,
+						exiting
+					});
+				}
+			});
+		}
+	});
+}
+function PopoverInner(args) {
+	onSettled(() => () => {
+		args.setPopoverRef(null);
+	});
+	const [arrowRef, setArrowRef] = createSignal(null, { ownedWrite: true });
+	const aria = createPopover(mergeProps$1(merge(() => args.props ?? {}), {
+		arrowRef,
+		get offset() {
+			return args.props.offset ?? 8;
+		},
+		get placement() {
+			return args.props.placement ?? "bottom";
+		},
+		get popoverRef() {
+			return args.popoverRef;
+		},
+		get triggerRef() {
+			return args.props.triggerRef ?? fallbackTrigger;
+		}
+	}), untrack(() => args.state));
+	const entering = createEnterAnimation(untrack(() => args.popoverRef), () => aria.placement !== null, (element) => untrack(() => args.props.onEnter)?.(element));
+	const [isDialog, setDialog] = createSignal(untrack(() => args.props.trigger === "PreviewTrigger"));
+	createEffect(() => [args.popoverRef(), args.props.isNonModal !== true || args.props.trigger === "SubmenuTrigger" || args.props.trigger === "PreviewTrigger"], ([element, required]) => {
+		setDialog(!!element && required && !element.querySelector("[role=\"dialog\"]"));
+	});
+	createEffect(() => [
+		isDialog(),
+		args.popoverRef(),
+		args.props.trigger
+	], ([dialog, element, trigger]) => {
+		if (dialog && element && trigger !== "PreviewTrigger") onSettled(() => {
+			if ((trigger !== "SubmenuTrigger" || getInteractionModality() !== "pointer") && !isFocusWithin(element)) focusSafely(element);
+		});
+	});
+	const values = {
+		get isEntering() {
+			return args.props.isEntering === true || args.props.shouldSkipAnimation !== true && entering();
+		},
+		get isExiting() {
+			return args.exiting();
+		},
+		get placement() {
+			return aria.placement;
+		},
+		get trigger() {
+			return args.props.trigger;
+		}
+	};
+	const render = createRenderProps(mergeProps$1(merge(() => args.props ?? {}), {
+		defaultClass: "solid2-aria-Popover",
+		values
+	}));
+	const [triggerWidth, setTriggerWidth] = createSignal();
+	createEffect(() => args.props.triggerRef?.(), (trigger) => {
+		if (!trigger) return;
+		const measure = () => {
+			setTriggerWidth(`${trigger.getBoundingClientRect().width}px`);
+		};
+		measure();
+		const observer = new ResizeObserver(measure);
+		observer.observe(trigger);
+		return () => {
+			observer.disconnect();
+		};
+	}, { ssrSource: "client" });
+	return [memo(() => {
+		return memo(() => {
+			return !(args.props.isNonModal === true);
+		})() && createComponent(dom.div, mergeProps(() => {
+			return aria.underlayProps;
+		}, {
+			style: {
+				inset: "0",
+				position: "fixed"
+			},
+			"data-testid": "underlay"
+		}));
+	}), createComponent(dom.div, mergeProps(() => {
+		return mergeProps$1(filterDOMProps(args.props, { global: true }), merge(() => aria.popoverProps ?? {}), render);
+	}, {
+		ref: (element) => {
+			args.setPopoverRef(element);
+		},
+		get id() {
+			return memo(() => {
+				return !!isDialog();
+			})() ? args.props.id : void 0;
+		},
+		get role() {
+			return isDialog() ? "dialog" : void 0;
+		},
+		get tabindex() {
+			return isDialog() ? -1 : void 0;
+		},
+		get "aria-label"() {
+			return args.props["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return args.props["aria-labelledby"];
+		},
+		get slot() {
+			return memo(() => {
+				return !!(args.props.slot === false || args.props.slot === "");
+			})() ? void 0 : args.props.slot ?? void 0;
+		},
+		get style() {
+			return {
+				...typeof aria.popoverProps.style === "object" ? aria.popoverProps.style : void 0,
+				"--trigger-anchor-point": aria.triggerAnchorPoint ? `${aria.triggerAnchorPoint.x}px ${aria.triggerAnchorPoint.y}px` : void 0,
+				"--trigger-width": triggerWidth(),
+				...typeof render.style === "object" ? render.style : void 0
+			};
+		},
+		get "data-trigger"() {
+			return values.trigger;
+		},
+		get "data-placement"() {
+			return values.placement;
+		},
+		get "data-entering"() {
+			return values.isEntering || void 0;
+		},
+		get "data-exiting"() {
+			return values.isExiting || void 0;
+		},
+		get children() {
+			return createComponent(OverlayArrowContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.arrowProps ?? {}), {
+						get placement() {
+							return aria.placement;
+						},
+						ref: (element) => {
+							setArrowRef(element);
+						}
+					});
+				},
+				get children() {
+					return [
+						memo(() => {
+							return memo(() => {
+								return !(args.props.isNonModal === true);
+							})() && createComponent(DismissButton, { get onDismiss() {
+								return args.state.close;
+							} });
+						}),
+						createComponent(ClearContexts, {
+							get contexts() {
+								return [PopoverContext, ...args.props.clearContexts ?? []];
+							},
+							get children() {
+								return render.children;
+							}
+						}),
+						createComponent(DismissButton, { get onDismiss() {
+							return args.state.close;
+						} })
+					];
+				}
+			});
+		}
+	}))];
+}
+function ClearContexts(props) {
+	const contexts = untrack(() => props.contexts);
+	const render = (index) => {
+		const Current = contexts[index];
+		return Current ? createComponent(Current, {
+			value: null,
+			get children() {
+				return render(index + 1);
+			}
+		}) : props.children;
+	};
+	return untrack(() => render(0));
+}
+export { Popover, PopoverContext };
+
+//# sourceMappingURL=popover.js.map

package/dist/browser/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["{input.children as JSX.Element}","<Show when={state.isOpen || exiting()}>\n      <Overlay\n        portalContainer={props.UNSTABLE_portalContainer}\n        isExiting={exiting()}\n        shouldContainFocus={!(props.isNonModal === true)}\n      >\n        <PopoverInner\n          props={props}\n          popoverRef={ref}\n          setPopoverRef={(element: HTMLElement | null) => {\n            setRef(element);\n          }}\n          state={state}\n          exiting={exiting}\n        />\n      </Overlay>\n    </Show>","<Overlay\n        portalContainer={props.UNSTABLE_portalContainer}\n        isExiting={exiting()}\n        shouldContainFocus={!(props.isNonModal === true)}\n      >\n        <PopoverInner\n          props={props}\n          popoverRef={ref}\n          setPopoverRef={(element: HTMLElement | null) => {\n            setRef(element);\n          }}\n          state={state}\n          exiting={exiting}\n        />\n      </Overlay>","<PopoverInner\n          props={props}\n          popoverRef={ref}\n          setPopoverRef={(element: HTMLElement | null) => {\n            setRef(element);\n          }}\n          state={state}\n          exiting={exiting}\n        />","popoverRef={ref}","setPopoverRef={(element: HTMLElement | null) => {\n            setRef(element);\n          }}","{!(args.props.isNonModal === true) && (\n        <dom.div\n          {...aria.underlayProps}\n          style={{ inset: \"0\", position: \"fixed\" }}\n          data-testid=\"underlay\"\n        />\n      )}","<dom.div\n          {...aria.underlayProps}\n          style={{ inset: \"0\", position: \"fixed\" }}\n          data-testid=\"underlay\"\n        />","dom.div","style={{ inset: \"0\", position: \"fixed\" }}","<dom.div\n        {...mergeProps(\n          filterDOMProps(args.props, { global: true }),\n          merge(() => aria.popoverProps ?? {}),\n          render\n        )}\n        ref={(element: HTMLElement) => {\n          args.setPopoverRef(element);\n        }}\n        id={isDialog() ? args.props.id : undefined}\n        role={isDialog() ? \"dialog\" : undefined}\n        tabindex={isDialog() ? -1 : undefined}\n        aria-label={args.props[\"aria-label\"]}\n        aria-labelledby={args.props[\"aria-labelledby\"]}\n        slot={\n          args.props.slot === false || args.props.slot === \"\"\n            ? undefined\n            : (args.props.slot ?? undefined)\n        }\n        style={{\n          ...(typeof aria.popoverProps.style === \"object\"\n            ? aria.popoverProps.style\n            : undefined),\n          \"--trigger-anchor-point\": aria.triggerAnchorPoint\n            ? `${aria.triggerAnchorPoint.x}px ${aria.triggerAnchorPoint.y}px`\n            : undefined,\n          \"--trigger-width\": triggerWidth(),\n          ...(typeof render.style === \"object\" ? render.style : undefined),\n        }}\n        data-trigger={values.trigger}\n        data-placement={values.placement}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      >\n        <OverlayArrowContext\n          value={mergeProps(\n            merge(() => aria.arrowProps ?? {}),\n            {\n              get placement() {\n                return aria.placement;\n              },\n              ref: (element: HTMLDivElement) => {\n                setArrowRef(element);\n              },\n            }\n          )}\n        >\n          {!(args.props.isNonModal === true) && (\n            <DismissButton onDismiss={args.state.close} />\n          )}\n          <ClearContexts\n            contexts={[PopoverContext, ...(args.props.clearContexts ?? [])]}\n          >\n            {render.children}\n          </ClearContexts>\n          <DismissButton onDismiss={args.state.close} />\n        </OverlayArrowContext>\n      </dom.div>","ref={(element: HTMLElement) => {\n          args.setPopoverRef(element);\n        }}","isDialog() ? args.props.id : undefined","args.props.slot === false || args.props.slot === \"\"\n            ? undefined\n            : (args.props.slot ?? undefined)","<OverlayArrowContext\n          value={mergeProps(\n            merge(() => aria.arrowProps ?? {}),\n            {\n              get placement() {\n                return aria.placement;\n              },\n              ref: (element: HTMLDivElement) => {\n                setArrowRef(element);\n              },\n            }\n          )}\n        >\n          {!(args.props.isNonModal === true) && (\n            <DismissButton onDismiss={args.state.close} />\n          )}\n          <ClearContexts\n            contexts={[PopoverContext, ...(args.props.clearContexts ?? [])]}\n          >\n            {render.children}\n          </ClearContexts>\n          <DismissButton onDismiss={args.state.close} />\n        </OverlayArrowContext>","{!(args.props.isNonModal === true) && (\n            <DismissButton onDismiss={args.state.close} />\n          )}","<DismissButton onDismiss={args.state.close} />","<ClearContexts\n            contexts={[PopoverContext, ...(args.props.clearContexts ?? [])]}\n          >\n            {render.children}\n          </ClearContexts>","<Current value={null}>{render(index + 1)}</Current>","value={null}","_$memo","_$createComponent","mergeProps","_$mergeProps"],"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 * Derived from Adobe React Spectrum: packages/react-aria-components/src/Popover.tsx.\n * Modified for Solid Aria: adapted components, contexts, refs, dialog semantics, animation state, and reactive properties for Solid 2; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { createIsHidden } from \"@solid2-aria/core/collections/hidden\";\nimport { getInteractionModality } from \"@solid2-aria/core/interactions/create-focus-visible\";\nimport { focusSafely } from \"@solid2-aria/core/interactions/focus-safely\";\nimport type { PlacementAxis } from \"@solid2-aria/core/overlays/create-overlay-position\";\nimport { createPopover } from \"@solid2-aria/core/overlays/create-popover\";\nimport type { AriaPopoverProps } from \"@solid2-aria/core/overlays/create-popover\";\nimport { DismissButton } from \"@solid2-aria/core/overlays/dismiss-button\";\nimport { Overlay } from \"@solid2-aria/core/overlays/overlay\";\nimport {\n  createEnterAnimation,\n  createExitAnimation,\n} from \"@solid2-aria/core/utils/animation\";\nimport { filterDOMProps } from \"@solid2-aria/core/utils/filter-dom-props\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { requireValue } from \"@solid2-aria/core/utils/require-value\";\nimport { isFocusWithin } from \"@solid2-aria/core/utils/shadowdom/dom-functions\";\nimport { createOverlayTriggerState } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport type { OverlayTriggerProps } from \"@solid2-aria/stately/overlays/create-overlay-trigger-state\";\nimport type { GlobalDOMAttributes } from \"@solid2-aria/types-shared-web\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  createSignal,\n  createContext,\n  createEffect,\n  onSettled,\n  Show,\n  useContext,\n  untrack,\n} from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\n\nimport { OverlayArrowContext } from \"./overlay-arrow\";\nimport { OverlayTriggerStateContext } from \"./overlay-contexts\";\nimport { dom, createContextProps, createRenderProps } from \"./utils\";\nimport type { ContextValue, Ref, RenderProps, SlotProps } from \"./utils\";\n\nconst fallbackTrigger = () => null;\n\nexport interface PopoverRenderProps {\n  trigger: string | undefined;\n  placement: PlacementAxis | null;\n  isEntering: boolean;\n  isExiting: boolean;\n}\n\ntype ClearableContext = (props: {\n  value: null;\n  children: JSX.Element;\n}) => JSX.Element;\n\nexport interface PopoverProps\n  extends\n    Omit<AriaPopoverProps, \"triggerRef\" | \"popoverRef\" | \"arrowRef\">,\n    OverlayTriggerProps,\n    Pick<\n      JSX.HTMLAttributes<HTMLElement>,\n      | Extract<\n          keyof GlobalDOMAttributes<HTMLElement>,\n          keyof JSX.HTMLAttributes<HTMLElement>\n        >\n      | \"id\"\n      | \"aria-label\"\n      | \"aria-labelledby\"\n      | \"aria-describedby\"\n      | \"aria-details\"\n    >,\n    SlotProps,\n    RenderProps<PopoverRenderProps> {\n  ref?: Ref<HTMLElement>;\n  triggerRef?: Accessor<Element | null>;\n  trigger?: string;\n  clearContexts?: ClearableContext[];\n  isEntering?: boolean;\n  isExiting?: boolean;\n  /** Whether automatic entry and exit animations should be skipped when swapping overlays. */\n  shouldSkipAnimation?: boolean;\n  UNSTABLE_portalContainer?: Element;\n  onEnter?: (element: HTMLElement) => void | Promise<void>;\n  onExit?: (element: HTMLElement) => void | Promise<void>;\n}\n\nexport const PopoverContext =\n  createContext<ContextValue<PopoverProps, HTMLElement>>(null);\n\nexport function Popover(input: PopoverProps): JSX.Element {\n  if (createIsHidden()) {\n    // SAFETY: The hidden collection renderer must still visit the popup's child thunk to discover its items.\n    // oxlint-disable-next-line typescript/no-unsafe-type-assertion, solid/components-return-once -- The renderer resolves deferred JSX children inside the hidden collection owner. Static collection traversal and context registration are fixed when the owner is created.\n    return <>{input.children as JSX.Element}</>;\n  }\n\n  const [props, ref, setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    PopoverContext\n  );\n\n  const context = useContext(OverlayTriggerStateContext);\n  const local = createOverlayTriggerState(props);\n\n  const state = untrack(\n    () =>\n      props.isOpen !== undefined || props.defaultOpen !== undefined || !context\n  )\n    ? local\n    : requireValue(context, \"Expected context\");\n\n  const exitAnimation = createExitAnimation(\n    ref,\n    () => state.isOpen,\n    (element): void | Promise<void> => untrack(() => props.onExit)?.(element)\n  );\n\n  const exiting = () =>\n    props.isExiting === true ||\n    (props.shouldSkipAnimation !== true && exitAnimation());\n\n  return (\n    <Show when={state.isOpen || exiting()}>\n      <Overlay\n        portalContainer={props.UNSTABLE_portalContainer}\n        isExiting={exiting()}\n        shouldContainFocus={!(props.isNonModal === true)}\n      >\n        <PopoverInner\n          props={props}\n          popoverRef={ref}\n          setPopoverRef={(element: HTMLElement | null) => {\n            setRef(element);\n          }}\n          state={state}\n          exiting={exiting}\n        />\n      </Overlay>\n    </Show>\n  );\n}\n\nfunction PopoverInner(args: {\n  props: PopoverProps;\n  popoverRef: Accessor<HTMLElement | null>;\n  setPopoverRef: (element: HTMLElement | null) => void;\n  state: ReturnType<typeof createOverlayTriggerState>;\n  exiting: () => boolean;\n}): JSX.Element {\n  onSettled(() => () => {\n    args.setPopoverRef(null);\n  });\n\n  const [arrowRef, setArrowRef] = createSignal<HTMLDivElement | null>(null, {\n    ownedWrite: true,\n  });\n\n  const aria = createPopover(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      {\n        arrowRef,\n        get offset() {\n          return args.props.offset ?? 8;\n        },\n        get placement() {\n          return args.props.placement ?? \"bottom\";\n        },\n        get popoverRef() {\n          return args.popoverRef;\n        },\n        get triggerRef() {\n          return args.props.triggerRef ?? fallbackTrigger;\n        },\n      }\n    ),\n    untrack(() => args.state)\n  );\n\n  const entering = createEnterAnimation(\n    untrack(() => args.popoverRef),\n    () => aria.placement !== null,\n    (element): void | Promise<void> =>\n      untrack(() => args.props.onEnter)?.(element)\n  );\n\n  const [isDialog, setDialog] = createSignal(\n    untrack(() => args.props.trigger === \"PreviewTrigger\")\n  );\n\n  createEffect(\n    () =>\n      [\n        args.popoverRef(),\n        args.props.isNonModal !== true ||\n          args.props.trigger === \"SubmenuTrigger\" ||\n          args.props.trigger === \"PreviewTrigger\",\n      ] as const,\n    ([element, required]) => {\n      setDialog(\n        !!element && required && !element.querySelector('[role=\"dialog\"]')\n      );\n    }\n  );\n\n  createEffect(\n    () => [isDialog(), args.popoverRef(), args.props.trigger] as const,\n    ([dialog, element, trigger]) => {\n      if (dialog && element && trigger !== \"PreviewTrigger\") {\n        onSettled(() => {\n          if (\n            (trigger !== \"SubmenuTrigger\" ||\n              getInteractionModality() !== \"pointer\") &&\n            !isFocusWithin(element)\n          ) {\n            focusSafely(element);\n          }\n        });\n      }\n    }\n  );\n\n  const values: PopoverRenderProps = {\n    get isEntering() {\n      return (\n        args.props.isEntering === true ||\n        (args.props.shouldSkipAnimation !== true && entering())\n      );\n    },\n    get isExiting() {\n      return args.exiting();\n    },\n    get placement() {\n      return aria.placement;\n    },\n    get trigger() {\n      return args.props.trigger;\n    },\n  };\n\n  const render = createRenderProps(\n    mergeProps(\n      merge(() => args.props ?? {}),\n      { defaultClass: \"solid2-aria-Popover\", values }\n    )\n  );\n\n  const [triggerWidth, setTriggerWidth] = createSignal<string>();\n  createEffect(\n    () => args.props.triggerRef?.(),\n    (trigger) => {\n      if (!trigger) {\n        return;\n      }\n\n      const measure = () => {\n        setTriggerWidth(`${trigger.getBoundingClientRect().width}px`);\n      };\n\n      measure();\n      const observer = new ResizeObserver(measure);\n      observer.observe(trigger);\n\n      // oxlint-disable-next-line typescript/consistent-return -- Setup returns cleanup only when the observed element exists.\n      return () => {\n        observer.disconnect();\n      };\n    },\n    { ssrSource: \"client\" }\n  );\n\n  return (\n    <>\n      {!(args.props.isNonModal === true) && (\n        <dom.div\n          {...aria.underlayProps}\n          style={{ inset: \"0\", position: \"fixed\" }}\n          data-testid=\"underlay\"\n        />\n      )}\n      <dom.div\n        {...mergeProps(\n          filterDOMProps(args.props, { global: true }),\n          merge(() => aria.popoverProps ?? {}),\n          render\n        )}\n        ref={(element: HTMLElement) => {\n          args.setPopoverRef(element);\n        }}\n        id={isDialog() ? args.props.id : undefined}\n        role={isDialog() ? \"dialog\" : undefined}\n        tabindex={isDialog() ? -1 : undefined}\n        aria-label={args.props[\"aria-label\"]}\n        aria-labelledby={args.props[\"aria-labelledby\"]}\n        slot={\n          args.props.slot === false || args.props.slot === \"\"\n            ? undefined\n            : (args.props.slot ?? undefined)\n        }\n        style={{\n          ...(typeof aria.popoverProps.style === \"object\"\n            ? aria.popoverProps.style\n            : undefined),\n          \"--trigger-anchor-point\": aria.triggerAnchorPoint\n            ? `${aria.triggerAnchorPoint.x}px ${aria.triggerAnchorPoint.y}px`\n            : undefined,\n          \"--trigger-width\": triggerWidth(),\n          ...(typeof render.style === \"object\" ? render.style : undefined),\n        }}\n        data-trigger={values.trigger}\n        data-placement={values.placement}\n        data-entering={values.isEntering || undefined}\n        data-exiting={values.isExiting || undefined}\n      >\n        <OverlayArrowContext\n          value={mergeProps(\n            merge(() => aria.arrowProps ?? {}),\n            {\n              get placement() {\n                return aria.placement;\n              },\n              ref: (element: HTMLDivElement) => {\n                setArrowRef(element);\n              },\n            }\n          )}\n        >\n          {!(args.props.isNonModal === true) && (\n            <DismissButton onDismiss={args.state.close} />\n          )}\n          <ClearContexts\n            contexts={[PopoverContext, ...(args.props.clearContexts ?? [])]}\n          >\n            {render.children}\n          </ClearContexts>\n          <DismissButton onDismiss={args.state.close} />\n        </OverlayArrowContext>\n      </dom.div>\n    </>\n  );\n}\n\nfunction ClearContexts(props: {\n  contexts: ClearableContext[];\n  children?: JSX.Element;\n}): JSX.Element {\n  const contexts = untrack(() => props.contexts);\n\n  const render = (index: number): JSX.Element => {\n    const Current = contexts[index];\n\n    return Current ? (\n      <Current value={null}>{render(index + 1)}</Current>\n    ) : (\n      props.children\n    );\n  };\n\n  return untrack(() => render(0));\n}\n"],"mappings":"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"}

package/dist/browser/preview-trigger.d.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2026 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/PreviewTrigger.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, warmup animation skipping, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { JSX } from "@solidjs/web";
+import { AriaPreviewTriggerProps } from "@solid2-aria/core/tooltip/create-preview-trigger";
+export interface PreviewTriggerProps extends AriaPreviewTriggerProps {
+  children?: JSX.Element;
+  delay?: number;
+  closeDelay?: number;
+}
+export declare function PreviewTrigger(props: PreviewTriggerProps): JSX.Element;
+//# sourceMappingURL=preview-trigger.d.ts.map

package/dist/browser/preview-trigger.js

@@ -0,0 +1,93 @@
+/*
+ * Copyright 2026 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/PreviewTrigger.tsx.
+ * Modified for Solid Aria: adapted components, contexts, refs, warmup animation skipping, and reactive properties for Solid 2.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { OverlayTriggerStateContext } from "./overlay-contexts.js";
+import { PopoverContext } from "./popover.js";
+import { createComponent, mergeProps } from "@solidjs/web";
+import { mergeProps as mergeProps$1 } from "@solid2-aria/core/utils/merge-props";
+import { createSignal, merge } from "solid-js";
+import { FocusableProvider } from "@solid2-aria/core/interactions/create-focusable";
+import { createPreviewTrigger } from "@solid2-aria/core/tooltip/create-preview-trigger";
+import { createTooltipTriggerState } from "@solid2-aria/stately/tooltip/create-tooltip-trigger-state";
+// src/preview-trigger.tsx
+function PreviewTrigger(props) {
+	const [triggerRef, setTriggerRef] = createSignal(null, { ownedWrite: true });
+	const [popoverRef, setPopoverRef] = createSignal(null, { ownedWrite: true });
+	const state = createTooltipTriggerState(mergeProps$1(props, {
+		get closeDelay() {
+			return props.closeDelay ?? 200;
+		},
+		get delay() {
+			return props.delay ?? 600;
+		}
+	}));
+	const aria = createPreviewTrigger(mergeProps$1(props, {
+		popoverRef,
+		triggerRef
+	}), state);
+	return createComponent(OverlayTriggerStateContext, {
+		value: {
+			close() {
+				state.close();
+			},
+			get isOpen() {
+				return state.isOpen;
+			},
+			open() {
+				state.open();
+			},
+			point: null,
+			setOpen(open) {
+				if (open) state.open();
+				else state.close();
+			},
+			setPoint() {},
+			toggle() {
+				if (state.isOpen) state.close();
+				else state.open();
+			}
+		},
+		get children() {
+			return createComponent(PopoverContext, {
+				get value() {
+					return mergeProps$1(merge(() => aria.popoverProps ?? {}), {
+						isNonModal: true,
+						ref: (element) => {
+							setPopoverRef(element);
+						},
+						get shouldSkipAnimation() {
+							return state.shouldSkipAnimation;
+						},
+						trigger: "PreviewTrigger",
+						triggerRef
+					});
+				},
+				get children() {
+					return createComponent(FocusableProvider, mergeProps({ ref: (element) => {
+						setTriggerRef(element);
+					} }, () => {
+						return aria.triggerProps;
+					}, { get children() {
+						return props.children;
+					} }));
+				}
+			});
+		}
+	});
+}
+export { PreviewTrigger };
+
+//# sourceMappingURL=preview-trigger.js.map