solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/lib/server/{DialogHandle-nJSSy_jM.js → DialogHandle-BGIISmG7.js}

@@ -4,13 +4,13 @@ import { N as triggerPress, d as imperativeAction, i as closePress } from "./int
 import { n as resolveClass, t as resolveStyle } from "./resolveStyle-XCSFDHAL.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
 import { transitionStatusMapping } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers } from "./internals/composeEventHandlers.js";
-import { a as isElement, n as contains, r as getEventTarget } from "./dom-Crg_2R-j.js";
-import { n as createScrollLock, t as InternalBackdrop } from "./InternalBackdrop-C_iDPVR-.js";
+import { composeEventHandlers, liveEventHandler } from "./internals/composeEventHandlers.js";
+import { i as getEventTarget, n as contains, o as isElement } from "./dom-D8_aB1yy.js";
+import { n as createScrollLock, t as InternalBackdrop } from "./InternalBackdrop-D_2zAWnl.js";
 import { c as useFloatingTree, i as createFloatingNode, n as FloatingTreeContext, r as FloatingTreeStore, s as useFloatingParentNodeId, t as FloatingParentNodeContext } from "./FloatingTree-z1JPD1dR.js";
-import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "./PopupStore-kHjFPiQ5.js";
-import { a as triggerOpenStateMapping, o as PopupPortal } from "./popupStateMapping-B2KsiiLb.js";
-import { i as createPopupHandleStore, n as DetachedPopupStore, r as attachPopupHandle, t as BasePopupHandle } from "./PopupHandle-Ct6wywmP.js";
+import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "./PopupStore-evylvVnN.js";
+import { a as triggerOpenStateMapping, o as PopupPortal } from "./popupStateMapping-VHqr6M4H.js";
+import { i as createPopupHandleStore, n as DetachedPopupStore, r as attachPopupHandle, t as BasePopupHandle } from "./PopupHandle-QNj4mED2.js";
 import { t as setRef } from "./setRef-Bt70sW7c.js";
 import { a as stopButtonInteraction, i as preventDisabledButtonKeyDown, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "./buttonSemantics-BSwDxJhh.js";
 import { escape, memo, mergeProps, ssrElement } from "@solidjs/web";
@@ -318,11 +318,11 @@ function DialogClose(props) {
 	function handleClick(event) {
 		if (context.store.open()) context.store.setOpen(false, createChangeEventDetails(closePress, event));
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => handleClick);
-	const onPointerDown = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onPointerDown);
-	const onMouseDown = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onMouseDown);
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledButtonKeyDown : void 0), () => internalProps.onKeyDown, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp));
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), handleClick);
+	const onPointerDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onPointerDown));
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onMouseDown));
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledButtonKeyDown : void 0)), liveEventHandler(() => internalProps.onKeyDown), liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown)));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp)));
 	return Render(mergeProps({
 		ref: [internalProps.ref],
 		get type() {
@@ -551,11 +551,11 @@ function DialogTrigger(props) {
 		const currentTarget = event.currentTarget;
 		if (popup && currentTarget && popup.ownerDocument !== currentTarget.ownerDocument && typeof rootHandler === "function") rootHandler(event);
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => prepareClick, () => internalProps.onClick, () => handleClick);
-	const onPointerDown = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onPointerDown, () => handlePointerDown);
-	const onMouseDown = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onMouseDown);
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledButtonKeyDown : void 0), () => internalProps.onKeyDown, () => handleKeyDown, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp));
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), prepareClick, liveEventHandler(() => internalProps.onClick), handleClick);
+	const onPointerDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onPointerDown), handlePointerDown);
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onMouseDown));
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledButtonKeyDown : void 0)), liveEventHandler(() => internalProps.onKeyDown), handleKeyDown, liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown)));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp)));
 	return Render(mergeProps({
 		ref: [((value) => setElement(value)), internalProps.ref],
 		get id() {

package/dist/lib/server/{DialogPopup-Da1aIxVA.js → DialogPopup-C2ZDGf42.js}

@@ -1,9 +1,9 @@
 import { t as useRender } from "./useRender-CryVdCjs.js";
 import { getStateAttributesProps } from "./internals/getStateAttributesProps.js";
 import { n as resolveClass, t as resolveStyle } from "./resolveStyle-XCSFDHAL.js";
-import { composeEventHandlers } from "./internals/composeEventHandlers.js";
-import { t as FocusManager } from "./FocusManager-1LfoCsya.js";
-import { d as dialogTransitionStateAttributesMapping, f as mergeDialogStyles, h as useDialogRootContext, s as useDialogPortalContext, u as dialogStateAttributesMapping } from "./DialogHandle-nJSSy_jM.js";
+import { composeEventHandlers, liveEventHandler } from "./internals/composeEventHandlers.js";
+import { t as FocusManager } from "./FocusManager-D-xgblGs.js";
+import { d as dialogTransitionStateAttributesMapping, f as mergeDialogStyles, h as useDialogRootContext, s as useDialogPortalContext, u as dialogStateAttributesMapping } from "./DialogHandle-BGIISmG7.js";
 import { mergeProps, ssrElement } from "@solidjs/web";
 import { Show, createEffect, createMemo, omit, onCleanup } from "solid-js";
 //#region src/dialog/backdrop/DialogBackdrop.tsx
@@ -83,7 +83,7 @@ function DialogPopup(props) {
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), dialogStateAttributesMapping));
 	const id = createMemo(() => internalProps.id ?? context.store.context.floatingId);
 	const initialFocus = createMemo(() => internalProps.initialFocus ?? ((interactionType) => interactionType === "touch" ? context.store.state.popupElement : true));
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => (event) => {
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), (event) => {
 		if (COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
 	});
 	let popupElement = null;

package/dist/lib/server/{FieldControl-BDeNR3ug.js → FieldControl-CDMMyvuj.js}

@@ -3,9 +3,9 @@ import { getStateAttributesProps } from "./internals/getStateAttributesProps.js"
 import { w as none } from "./internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "./resolveStyle-XCSFDHAL.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
-import { composeEventHandlers } from "./internals/composeEventHandlers.js";
+import { composeEventHandlers, liveEventHandler } from "./internals/composeEventHandlers.js";
 import { fieldStateAttributesMapping } from "./internals/field-constants.js";
-import { n as useFieldRootContext } from "./FieldRootContext-IC-LWzVp.js";
+import { r as useFieldRootContext } from "./FieldRootContext-Bfpna6gA.js";
 import { n as useFormContext } from "./FormContext-CYwo_ZnB.js";
 import { r as useLabelableContext } from "./LabelableContext-BTeF0IWb.js";
 import { t as createLabelableId } from "./createLabelableId-WMUKtY6s.js";
@@ -57,10 +57,10 @@ function FieldControl(props) {
 		getValue: getFormValue,
 		getControl: () => element() ?? null
 	};
-	const callExternalInput = composeEventHandlers(() => internalProps.onInput);
-	const callExternalFocus = composeEventHandlers(() => internalProps.onFocus);
-	const callExternalBlur = composeEventHandlers(() => internalProps.onBlur);
-	const callExternalKeyDown = composeEventHandlers(() => internalProps.onKeyDown);
+	const callExternalInput = composeEventHandlers(liveEventHandler(() => internalProps.onInput));
+	const callExternalFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus));
+	const callExternalBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur));
+	const callExternalKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown));
 	function setControlElement(value) {
 		setElement(value);
 		if (initialized || !isNativeFieldControl(value)) return;

package/dist/lib/server/{FieldRootContext-IC-LWzVp.js → FieldRootContext-Bfpna6gA.js}

@@ -2,7 +2,7 @@ import { DEFAULT_FIELD_STATE, DEFAULT_VALIDITY_DATA } from "./internals/field-co
 import { createContext, useContext } from "solid-js";
 //#region src/internals/field-root-context/FieldRootContext.ts
 var MISSING_CONTEXT = Symbol("FieldRootContext");
-var DEFAULT_CONTEXT = {
+var DEFAULT_FIELD_ROOT_CONTEXT = {
 	state: () => DEFAULT_FIELD_STATE,
 	validityData: () => DEFAULT_VALIDITY_DATA,
 	name: () => void 0,
@@ -27,8 +27,8 @@ var FieldRootContext = createContext(MISSING_CONTEXT);
 function useFieldRootContext(optional = false) {
 	const context = useContext(FieldRootContext);
 	if (context !== MISSING_CONTEXT) return context;
-	if (optional) return DEFAULT_CONTEXT;
+	if (optional) return DEFAULT_FIELD_ROOT_CONTEXT;
 	throw new Error("Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.");
 }
 //#endregion
-export { useFieldRootContext as n, FieldRootContext as t };
+export { FieldRootContext as n, useFieldRootContext as r, DEFAULT_FIELD_ROOT_CONTEXT as t };

package/dist/lib/server/{FocusManager-1LfoCsya.js → FocusManager-D-xgblGs.js}

@@ -1,8 +1,8 @@
 import { u as focusOut } from "./internals/reasons.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
-import { c as isHTMLElement, d as isTypeableCombobox, f as isTypeableElement, i as getFloatingFocusElement, n as contains, o as isElementVisible, p as ownerDocument, r as getEventTarget, t as activeElement, u as isShadowRoot } from "./dom-Crg_2R-j.js";
+import { a as getFloatingFocusElement, d as isShadowRoot, f as isTypeableCombobox, i as getEventTarget, l as isHTMLElement, m as ownerDocument, n as contains, p as isTypeableElement, r as containsWithPortals, s as isElementVisible, t as activeElement } from "./dom-D8_aB1yy.js";
 import { a as getNodeAncestors, o as getNodeChildren } from "./FloatingTree-z1JPD1dR.js";
-import { c as focusable, g as FocusGuard, h as tabbable, l as getNextTabbable, m as isTabbable, p as isOutsideFocusEvent, s as usePopupPortalContext, u as getPreviousTabbable } from "./popupStateMapping-B2KsiiLb.js";
+import { c as focusable, g as FocusGuard, h as tabbable, l as getNextTabbable, m as isTabbable, p as isOutsideFocusEvent, s as usePopupPortalContext, u as getPreviousTabbable } from "./popupStateMapping-VHqr6M4H.js";
 import { applyRef, escape, memo } from "@solidjs/web";
 import { Show, createEffect, createMemo, untrack } from "solid-js";
 //#region src/internals/overlay/markOthers.ts
@@ -277,7 +277,7 @@ function FocusManager(props) {
 					resolveElement(props.nextFocusableElement)
 				].includes(relatedTarget));
 				const triggers = props.context.context.triggerElements;
-				const movedOutside = !(contains(state.reference, relatedTarget) || contains(state.floating, relatedTarget) || contains(relatedTarget, state.floating) || contains(portal?.portalNode(), relatedTarget) || insideElements().some((element) => element === relatedTarget || contains(element, relatedTarget)) || triggers.hasMatchingElement((trigger) => contains(trigger, relatedTarget)) || relatedIsGuard || state.tree && (getNodeChildren(state.tree.nodes, nodeId()).some((node) => contains(node.context?.state.floatingElement, relatedTarget) || contains(node.context?.state.domReferenceElement, relatedTarget)) || getNodeAncestors(state.tree.nodes, nodeId()).some((node) => node.context?.state.floatingElement === relatedTarget || node.context?.state.domReferenceElement === relatedTarget)));
+				const movedOutside = !(containsWithPortals(state.reference, relatedTarget) || containsWithPortals(state.floating, relatedTarget) || contains(relatedTarget, state.floating) || contains(portal?.portalNode(), relatedTarget) || insideElements().some((element) => element === relatedTarget || contains(element, relatedTarget)) || triggers.hasMatchingElement((trigger) => contains(trigger, relatedTarget)) || relatedIsGuard || state.tree && (getNodeChildren(state.tree.nodes, nodeId()).some((node) => containsWithPortals(node.context?.state.floatingElement, relatedTarget) || containsWithPortals(node.context?.state.domReferenceElement, relatedTarget)) || getNodeAncestors(state.tree.nodes, nodeId()).some((node) => node.context?.state.floatingElement === relatedTarget || node.context?.state.domReferenceElement === relatedTarget)));
 				if (event.currentTarget === state.reference && state.focusElement) handleTabIndex(state.focusElement);
 				if (state.restoreFocus && event.currentTarget !== state.reference && !isElementVisible(target) && activeElement(documentNode) === documentNode.body && state.focusElement) {
 					state.focusElement.focus();
@@ -295,6 +295,11 @@ function FocusManager(props) {
 				}
 			});
 		};
+		const handlePortalFocusOut = (event) => {
+			const target = getEventTarget(event);
+			if (!contains(state.floating, target) && !contains(state.reference, target) && (containsWithPortals(state.floating, target) || containsWithPortals(state.reference, target))) handleFocusOut(event);
+		};
+		documentNode.addEventListener("focusout", handlePortalFocusOut);
 		if (state.reference) {
 			state.reference.addEventListener("focusout", handleFocusOut);
 			state.reference.addEventListener("pointerdown", handlePointerDown);
@@ -302,6 +307,7 @@ function FocusManager(props) {
 		state.floating?.addEventListener("focusin", handleFocusIn);
 		state.floating?.addEventListener("focusout", handleFocusOut);
 		return () => {
+			documentNode.removeEventListener("focusout", handlePortalFocusOut);
 			if (state.reference) {
 				state.reference.removeEventListener("focusout", handleFocusOut);
 				state.reference.removeEventListener("pointerdown", handlePointerDown);

package/dist/lib/server/{InternalBackdrop-C_iDPVR-.js → InternalBackdrop-D_2zAWnl.js}

@@ -1,4 +1,4 @@
-import { m as ownerWindow, p as ownerDocument } from "./dom-Crg_2R-j.js";
+import { h as ownerWindow, m as ownerDocument } from "./dom-D8_aB1yy.js";
 import { mergeProps, ssrElement } from "@solidjs/web";
 import { createEffect, createSignal, omit } from "solid-js";
 //#region src/internals/overlay/scrollLock.ts

package/dist/lib/server/{MenuSubmenuTrigger-rR8ZN7YR.js → MenuSubmenuTrigger-BMQKlOvU.js}

@@ -4,19 +4,19 @@ import { N as triggerPress, O as siblingOpen, S as listNavigation, d as imperati
 import { n as resolveClass, t as resolveStyle } from "./resolveStyle-XCSFDHAL.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
 import { transitionStatusMapping } from "./internals/stateAttributesMapping.js";
-import { composeEventHandlers } from "./internals/composeEventHandlers.js";
+import { composeEventHandlers, liveEventHandler } from "./internals/composeEventHandlers.js";
 import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-CYq38H8J.js";
-import { o as isElementVisible } from "./dom-Crg_2R-j.js";
-import { t as createAnchorPositioning } from "./createAnchorPositioning-B5Y0WEev.js";
-import { t as InternalBackdrop } from "./InternalBackdrop-C_iDPVR-.js";
-import { t as createAnchoredPopupScrollLock } from "./createAnchoredPopupScrollLock-DFuUrykR.js";
+import { s as isElementVisible } from "./dom-D8_aB1yy.js";
+import { t as createAnchorPositioning } from "./createAnchorPositioning-DrQYe7RS.js";
+import { t as InternalBackdrop } from "./InternalBackdrop-D_2zAWnl.js";
+import { t as createAnchoredPopupScrollLock } from "./createAnchoredPopupScrollLock-q6gnOSmv.js";
 import { c as useFloatingTree, i as createFloatingNode, n as FloatingTreeContext, r as FloatingTreeStore, s as useFloatingParentNodeId, t as FloatingParentNodeContext } from "./FloatingTree-z1JPD1dR.js";
-import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "./PopupStore-kHjFPiQ5.js";
-import { n as createInitialPositioning, r as createHoverInteraction, t as safePolygon } from "./safePolygon-C1GNJbKR.js";
+import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "./PopupStore-evylvVnN.js";
+import { n as createInitialPositioning, r as createHoverInteraction, t as safePolygon } from "./safePolygon-B8QtiIZ3.js";
 import { t as createTransitionStatus } from "./createTransitionStatus-184v7j3-.js";
-import { a as triggerOpenStateMapping, h as tabbable, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "./popupStateMapping-B2KsiiLb.js";
-import { t as FocusManager } from "./FocusManager-1LfoCsya.js";
-import { r as attachPopupHandle } from "./PopupHandle-Ct6wywmP.js";
+import { a as triggerOpenStateMapping, h as tabbable, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "./popupStateMapping-VHqr6M4H.js";
+import { t as FocusManager } from "./FocusManager-D-xgblGs.js";
+import { r as attachPopupHandle } from "./PopupHandle-QNj4mED2.js";
 import { t as setRef } from "./setRef-Bt70sW7c.js";
 import { a as stopButtonInteraction, r as preventButtonInteraction } from "./buttonSemantics-BSwDxJhh.js";
 import { n as useDirection } from "./DirectionContext-YORWLF08.js";
@@ -1087,14 +1087,14 @@ function MenuPopup(props) {
 		}
 		if (!event.defaultPrevented && !event.cancelBubble) context.store.relayKeyboardEvent(event);
 	}
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => handleKeyDown, () => (event) => {
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), handleKeyDown, (event) => {
 		if (insideToolbar && COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
 	});
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => () => {
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), () => {
 		context.store.setAllowMouseEnter(true);
 		if (context.nested) context.store.setHoverEnabled(false);
 	});
-	const onClick = composeEventHandlers(() => internalProps.onClick, () => () => context.store.setHoverEnabled(false));
+	const onClick = composeEventHandlers(liveEventHandler(() => internalProps.onClick), () => context.store.setHoverEnabled(false));
 	const defaultReturnFocus = () => untrack(() => {
 		const reason = context.store.openChangeReason();
 		if (reason === "focus-out" || context.store.menubar() && (reason === "sibling-open" || reason === "list-navigation")) return false;
@@ -1438,15 +1438,15 @@ function MenuItem(props) {
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
 	const others = omit(allProps, "render", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style");
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), (event) => {
 		if (closeOnClick()) item.close(event);
 	});
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0), () => internalProps.onKeyDown, () => (event) => item.onKeyDown(event, nativeButton()));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => (event) => item.onKeyUp(event, nativeButton()));
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => item.onMouseMove);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp, () => item.onMouseUp);
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => item.onFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => item.onBlur);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0)), liveEventHandler(() => internalProps.onKeyDown), (event) => item.onKeyDown(event, nativeButton()));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), (event) => item.onKeyUp(event, nativeButton()));
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), liveEventHandler(() => item.onMouseMove));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp), liveEventHandler(() => item.onMouseUp));
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), liveEventHandler(() => item.onFocus));
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), liveEventHandler(() => item.onBlur));
 	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((element) => item.setElement(element)), internalProps.ref],
 		get id() {
@@ -1518,15 +1518,15 @@ function MenuCheckboxItem(props) {
 		internalProps.onCheckedChange?.(nextChecked, details);
 		if (!details.isCanceled && !controlled) setUncontrolledChecked(nextChecked);
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => toggle, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), toggle, (event) => {
 		if (closeOnClick()) item.close(event);
 	});
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0), () => internalProps.onKeyDown, () => (event) => item.onKeyDown(event, nativeButton()));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => (event) => item.onKeyUp(event, nativeButton()));
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => item.onFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => item.onBlur);
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => item.onMouseMove);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp, () => item.onMouseUp);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0)), liveEventHandler(() => internalProps.onKeyDown), (event) => item.onKeyDown(event, nativeButton()));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), (event) => item.onKeyUp(event, nativeButton()));
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), liveEventHandler(() => item.onFocus));
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), liveEventHandler(() => item.onBlur));
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), liveEventHandler(() => item.onMouseMove));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp), liveEventHandler(() => item.onMouseUp));
 	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return MenuCheckboxItemContext({
 		value: state,
@@ -1638,15 +1638,15 @@ function MenuLinkItem(props) {
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
 	const others = omit(allProps, "render", "class", "closeOnClick", "id", "label", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style");
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), (event) => {
 		if (closeOnClick()) item.close(event);
 	});
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0), () => internalProps.onKeyDown, () => (event) => item.onKeyDown(event, false));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => (event) => item.onKeyUp(event, false));
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => item.onMouseMove);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp, () => item.onMouseUp);
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => item.onFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => item.onBlur);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0)), liveEventHandler(() => internalProps.onKeyDown), (event) => item.onKeyDown(event, false));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), (event) => item.onKeyUp(event, false));
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), liveEventHandler(() => item.onMouseMove));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp), liveEventHandler(() => item.onMouseUp));
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), liveEventHandler(() => item.onFocus));
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), liveEventHandler(() => item.onBlur));
 	return useRender(props, () => state(), (props) => ssrElement("a", props, void 0, true))(mergeProps({
 		ref: [((element) => item.setElement(element)), internalProps.ref],
 		get id() {
@@ -1774,15 +1774,15 @@ function MenuRadioItem(props) {
 		const details = createChangeEventDetails(itemPress, event, void 0, { preventUnmountOnClose() {} });
 		group.setValue(internalProps.value, details);
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => select, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), select, (event) => {
 		if (closeOnClick()) item.close(event);
 	});
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0), () => internalProps.onKeyDown, () => (event) => item.onKeyDown(event, nativeButton()));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => (event) => item.onKeyUp(event, nativeButton()));
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => item.onFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => item.onBlur);
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => item.onMouseMove);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp, () => item.onMouseUp);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0)), liveEventHandler(() => internalProps.onKeyDown), (event) => item.onKeyDown(event, nativeButton()));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), (event) => item.onKeyUp(event, nativeButton()));
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), liveEventHandler(() => item.onFocus));
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), liveEventHandler(() => item.onBlur));
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), liveEventHandler(() => item.onMouseMove));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp), liveEventHandler(() => item.onMouseUp));
 	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return MenuRadioItemContext({
 		value: state,
@@ -1941,26 +1941,26 @@ function MenuSubmenuTrigger(props) {
 		}
 		item.onKeyDown(event, nativeButton());
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), (event) => {
 		if (mouseDownHandled) {
 			mouseDownHandled = false;
 			return;
 		}
 		if (!openOnHover() || event.detail === 0) setSubmenuOpen(openOnHover() ? true : !open(), event, triggerPress);
 	});
-	const onMouseDown = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onMouseDown, () => (event) => {
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onMouseDown), (event) => {
 		if (!openOnHover() && event.button === 0) {
 			mouseDownHandled = true;
 			setSubmenuOpen(!open(), event, triggerPress);
 		}
 	});
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0), () => internalProps.onKeyDown, () => handleDismissKeyDown, () => handleKeyDown);
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => (event) => item.onKeyUp(event, nativeButton()));
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => item.onMouseMove);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp, () => item.onMouseUp);
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => item.onFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => item.onBlur);
-	const onMouseEnter = composeEventHandlers(() => internalProps.onMouseEnter, () => () => {
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledMenuItemActivation : void 0)), liveEventHandler(() => internalProps.onKeyDown), handleDismissKeyDown, handleKeyDown);
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), (event) => item.onKeyUp(event, nativeButton()));
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), liveEventHandler(() => item.onMouseMove));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp), liveEventHandler(() => item.onMouseUp));
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), liveEventHandler(() => item.onFocus));
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), liveEventHandler(() => item.onBlur));
+	const onMouseEnter = composeEventHandlers(liveEventHandler(() => internalProps.onMouseEnter), () => {
 		if (parentStore.highlightItemOnHover()) parentStore.setActiveElement(item.element());
 	});
 	function handleDismissKeyDown(event) {

package/dist/lib/server/{PopupHandle-Ct6wywmP.js → PopupHandle-QNj4mED2.js}

@@ -1,8 +1,8 @@
 import { d as imperativeAction } from "./internals/reasons.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
-import { i as PopupTriggerMap } from "./PopupStore-kHjFPiQ5.js";
+import { i as PopupTriggerMap } from "./PopupStore-evylvVnN.js";
 import { isServer } from "@solidjs/web";
-import { createEffect, createSignal } from "solid-js";
+import { createEffect, createSignal, sharedConfig } from "solid-js";
 //#region src/internals/overlay/PopupHandle.ts
 var DetachedPopupStore = class {
 	context = { triggerElements: new PopupTriggerMap() };
@@ -100,12 +100,21 @@ var BasePopupHandle = class {
 	}
 };
 function createPopupHandleStore(handle) {
-	const [revision, setRevision] = createSignal(0, { equals: false });
-	createEffect(() => handle(), (current) => current?.subscribeStore(() => setRevision((value) => value + 1)));
+	const [revision, setRevision] = createSignal(0, {
+		equals: false,
+		ownedWrite: true
+	});
+	let hydrationSnapshot = !isServer && sharedConfig.hydrating;
+	createEffect(() => handle(), (current) => {
+		const unsubscribe = current?.subscribeStore(() => setRevision((value) => value + 1));
+		hydrationSnapshot = false;
+		setRevision((value) => value + 1);
+		return unsubscribe;
+	});
 	return () => {
 		revision();
 		const current = handle();
-		return current ? isServer ? current.serverStore : current.store : void 0;
+		return current ? isServer || hydrationSnapshot ? current.serverStore : current.store : void 0;
 	};
 }
 function attachPopupHandle(handle, store) {

package/dist/lib/server/{PopupStore-kHjFPiQ5.js → PopupStore-evylvVnN.js}

@@ -1,12 +1,15 @@
 import { N as triggerPress, T as outsidePress, l as escapeKey, w as none } from "./internals/reasons.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
 import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-CYq38H8J.js";
-import { a as isElement, c as isHTMLElement, m as ownerWindow, n as contains, p as ownerDocument, r as getEventTarget, s as isEventTargetWithin, u as isShadowRoot } from "./dom-Crg_2R-j.js";
+import { c as isEventTargetWithin$1, d as isShadowRoot, h as ownerWindow, i as getEventTarget, l as isHTMLElement, m as ownerDocument, n as contains, o as isElement, r as containsWithPortals } from "./dom-D8_aB1yy.js";
 import { l as createEventEmitter, o as getNodeChildren } from "./FloatingTree-z1JPD1dR.js";
 import { t as createTransitionStatus } from "./createTransitionStatus-184v7j3-.js";
-import { _ as ReactiveStore } from "./popupStateMapping-B2KsiiLb.js";
+import { _ as ReactiveStore } from "./popupStateMapping-VHqr6M4H.js";
 import { createEffect, onCleanup, untrack } from "solid-js";
 //#region src/internals/overlay/createDismiss.ts
+function isEventTargetWithin(event, node) {
+	return isEventTargetWithin$1(event, node) || containsWithPortals(node, getEventTarget(event));
+}
 function normalizeBubbles(value) {
 	return {
 		escapeKey: typeof value === "boolean" ? value : value?.escapeKey ?? false,

package/dist/lib/server/{PopupViewport-DftN5VUp.js → PopupViewport-BDttjORN.js}

@@ -1,7 +1,7 @@
 import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-CYq38H8J.js";
-import { m as ownerWindow, p as ownerDocument } from "./dom-Crg_2R-j.js";
-import { n as createPopupAutoResize, t as calculateActivationDirection } from "./createPopupAutoResize-ImBjwdj_.js";
-import { escape, ssr, ssrAttribute, ssrGroup, ssrHydrationKey, ssrStyleProperty } from "@solidjs/web";
+import { h as ownerWindow, m as ownerDocument } from "./dom-D8_aB1yy.js";
+import { n as createPopupAutoResize, t as calculateActivationDirection } from "./createPopupAutoResize-Cg0-lLf4.js";
+import { escape, scope, ssr, ssrAttribute, ssrGroup, ssrHydrationKey, ssrStyleProperty } from "@solidjs/web";
 import { Show, createEffect, createSignal, onCleanup, untrack } from "solid-js";
 //#region src/internals/overlay/adaptiveOrigin.ts
 var adaptiveOrigin = {
@@ -55,17 +55,17 @@ var _tmpl$ = [
 ];
 var _tmpl$2 = [
 	"<div",
-	" data-current",
-	">",
+	" data-current>",
 	"</div>"
 ];
 var _tmpl$3 = [
 	"<div",
-	" data-current>",
+	" data-current",
+	">",
 	"</div>"
 ];
 function PopupViewport(props) {
-	var _v$, _g$, _v$4, _v$5, _v$6;
+	var _v$, _g$;
 	const signalOptions = { ownedWrite: true };
 	const [currentContainer, setCurrentContainer] = createSignal(null, signalOptions);
 	const [previousContainer, setPreviousContainer] = createSignal(null, signalOptions);
@@ -131,16 +131,21 @@ function PopupViewport(props) {
 		setShowStartingStyle(true);
 		cancelAnimationFrame(cleanupFrame);
 		cleanupFrame = requestAnimationFrame(() => {
-			setShowStartingStyle(false);
-			const controller = new AbortController();
-			cleanupController = controller;
-			runOnceAnimationsFinish(state.current, () => {
-				setPreviousContent(null);
-				setPreviousDimensions(null);
-				captured = null;
-			}, controller.signal, { waitForStartingStyleRemoved: true });
+			cleanupFrame = requestAnimationFrame(() => {
+				setShowStartingStyle(false);
+				const controller = new AbortController();
+				cleanupController = controller;
+				runOnceAnimationsFinish(state.current, () => {
+					setPreviousContent(null);
+					setPreviousDimensions(null);
+					captured = null;
+				}, controller.signal, { waitForStartingStyleRemoved: true });
+			});
 		});
-		return () => cleanupController?.abort();
+		return () => {
+			cancelAnimationFrame(cleanupFrame);
+			cleanupController?.abort();
+		};
 	});
 	createEffect(() => ({
 		container: currentContainer(),
@@ -188,31 +193,36 @@ function PopupViewport(props) {
 			return previousContent();
 		},
 		get fallback() {
-			var _v$7 = ssrHydrationKey(), _v$8 = escape(Show({
+			return Show({
 				keyed: true,
 				get when() {
 					return `${props.store.activeTriggerId() ?? "current"}-${contentKey()}`;
 				},
-				get children() {
-					return props.children;
+				children: (_key) => {
+					var _v$4, _v$5;
+					return _v$4 = ssrHydrationKey(), _v$5 = scope(() => {
+						return escape(props.children);
+					}), ssr(_tmpl$2, _v$4, _v$5);
 				}
-			}));
-			return ssr(_tmpl$3, _v$7, _v$8);
+			});
 		},
 		get children() {
 			return [(_v$ = ssrHydrationKey(), _g$ = ssrGroup(() => {
 				return [ssrStyleProperty("position:", "absolute") + ssrStyleProperty(";--popup-width:", previousDimensions() ? `${escape(previousDimensions().width, true)}px` : escape(void 0, true)) + ssrStyleProperty(";--popup-height:", previousDimensions() ? `${escape(previousDimensions().height, true)}px` : escape(void 0, true)), ssrAttribute("data-ending-style", showStartingStyle() ? escape(void 0, true) : "")];
-			}, 2), ssr(_tmpl$, _v$, _g$, _g$)), (_v$4 = ssrHydrationKey(), _v$5 = () => {
-				return ssrAttribute("data-starting-style", showStartingStyle() ? "" : escape(void 0, true));
-			}, _v$6 = escape(Show({
+			}, 2), ssr(_tmpl$, _v$, _g$, _g$)), Show({
 				keyed: true,
 				get when() {
 					return `${props.store.activeTriggerId() ?? "current"}-${contentKey()}`;
 				},
-				get children() {
-					return props.children;
+				children: (_key) => {
+					var _v$6, _v$7, _v$8;
+					return _v$6 = ssrHydrationKey(), _v$7 = () => {
+						return ssrAttribute("data-starting-style", showStartingStyle() ? "" : escape(void 0, true));
+					}, _v$8 = scope(() => {
+						return escape(props.children);
+					}), ssr(_tmpl$3, _v$6, _v$7, _v$8);
 				}
-			})), ssr(_tmpl$2, _v$4, _v$5, _v$6))];
+			})];
 		}
 	});
 }

package/dist/lib/server/{TriggerFocusGuards-CvoGfft9.js → TriggerFocusGuards-B9GNbLrL.js}

@@ -1,7 +1,7 @@
 import { u as focusOut } from "./internals/reasons.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
-import { n as contains } from "./dom-Crg_2R-j.js";
-import { d as getTabbableAfterElement, f as getTabbableBeforeElement, g as FocusGuard, p as isOutsideFocusEvent } from "./popupStateMapping-B2KsiiLb.js";
+import { n as contains } from "./dom-D8_aB1yy.js";
+import { d as getTabbableAfterElement, f as getTabbableBeforeElement, g as FocusGuard, p as isOutsideFocusEvent } from "./popupStateMapping-VHqr6M4H.js";
 import { t as setRef } from "./setRef-Bt70sW7c.js";
 import { escape, memo } from "@solidjs/web";
 import { createEffect, flush } from "solid-js";

package/dist/lib/server/accordion/index.js

@@ -6,7 +6,7 @@ import { n as resolveClass, t as resolveStyle } from "../resolveStyle-XCSFDHAL.j
 import { n as createCollapsibleTransitionStatus, t as createCollapsiblePanel } from "../createCollapsiblePanel-B45kTe6v.js";
 import { createChangeEventDetails } from "../internals/createBaseUIEventDetails.js";
 import { transitionStatusMapping } from "../internals/stateAttributesMapping.js";
-import { composeEventHandlers } from "../internals/composeEventHandlers.js";
+import { composeEventHandlers, liveEventHandler } from "../internals/composeEventHandlers.js";
 import { memo, mergeProps, ssrElement } from "@solidjs/web";
 import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, flush, omit, onCleanup, untrack, useContext } from "solid-js";
 //#region src/accordion/root/AccordionRootContext.ts
@@ -318,14 +318,14 @@ function AccordionTrigger(props) {
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), triggerStateAttributesMapping));
 	const ariaDisabled = createMemo(() => nativeButton() ? disabled() ? "true" : "false" : disabled() ? "true" : void 0);
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventInteraction : void 0), () => internalProps.onClick, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventInteraction : void 0)), liveEventHandler(() => internalProps.onClick), (event) => {
 		context.requestOpenChange(!context.open(), event, triggerPress);
 	});
-	const onMouseDown = composeEventHandlers(() => untrack(() => disabled() ? stopInteraction : void 0), () => internalProps.onMouseDown);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp);
-	const onPointerDown = composeEventHandlers(() => untrack(() => disabled() ? preventInteraction : void 0), () => internalProps.onPointerDown);
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledKeyDown : void 0), () => internalProps.onKeyDown, () => untrack(() => nativeButton() ? void 0 : handleNonNativeKeyDown));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeKeyUp));
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopInteraction : void 0)), liveEventHandler(() => internalProps.onMouseDown));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp));
+	const onPointerDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventInteraction : void 0)), liveEventHandler(() => internalProps.onPointerDown));
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledKeyDown : void 0)), liveEventHandler(() => internalProps.onKeyDown), liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeKeyDown)));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeKeyUp)));
 	createEffect(() => registeredId(), (currentId) => {
 		context.setTriggerIdState((existingId) => currentId ?? (existingId === null ? void 0 : existingId));
 		return () => {

package/dist/lib/server/alert-dialog/index.js

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "../rolldown-runtime-D7D4PA-g.js";
-import { a as DialogTitle, c as DialogDescription, i as DialogTrigger, l as DialogClose, m as renderDialogRoot, o as DialogPortal, r as DialogViewport, t as DialogHandle } from "../DialogHandle-nJSSy_jM.js";
-import { n as DialogBackdrop, t as DialogPopup } from "../DialogPopup-Da1aIxVA.js";
+import { a as DialogTitle, c as DialogDescription, i as DialogTrigger, l as DialogClose, m as renderDialogRoot, o as DialogPortal, r as DialogViewport, t as DialogHandle } from "../DialogHandle-BGIISmG7.js";
+import { n as DialogBackdrop, t as DialogPopup } from "../DialogPopup-C2ZDGf42.js";
 //#region src/alert-dialog/root/AlertDialogRoot.tsx
 /** Groups all parts of the alert dialog without rendering an element. */
 function AlertDialogRoot(props) {

package/dist/lib/server/autocomplete/index.js

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "../rolldown-runtime-D7D4PA-g.js";
 import "../internals/reasons.js";
-import { A as getFilter, D as ComboboxTrigger, F as stringifyAsLabel, O as AriaCombobox, _ as ComboboxClear, a as ComboboxItem, c as ComboboxGroup, d as ComboboxPositioner, f as ComboboxBackdrop, g as ComboboxCollection, h as ComboboxList, i as ComboboxRow, k as useComboboxRootContext, l as ComboboxArrow, m as ComboboxStatus, n as ComboboxSeparator, p as ComboboxPortal, r as ComboboxEmpty, s as ComboboxGroupLabel, t as useFilteredItems, u as ComboboxPopup, v as ComboboxIcon, x as ComboboxInput, y as ComboboxInputGroup } from "../useFilteredItems-DCxq20Is.js";
-import { n as isSolidAccessor } from "../mergeStyleValue-BwJ10_X2.js";
+import { A as getFilter, D as ComboboxTrigger, F as stringifyAsLabel, O as AriaCombobox, _ as ComboboxClear, a as ComboboxItem, c as ComboboxGroup, d as ComboboxPositioner, f as ComboboxBackdrop, g as ComboboxCollection, h as ComboboxList, i as ComboboxRow, k as useComboboxRootContext, l as ComboboxArrow, m as ComboboxStatus, n as ComboboxSeparator, p as ComboboxPortal, r as ComboboxEmpty, s as ComboboxGroupLabel, t as useFilteredItems, u as ComboboxPopup, v as ComboboxIcon, x as ComboboxInput, y as ComboboxInputGroup } from "../useFilteredItems-BmhL0nf1.js";
+import { t as isSolidAccessor } from "../isSolidAccessor-CZpzAH5l.js";
 import { memo, mergeProps } from "@solidjs/web";
 import { createEffect, createMemo, createSignal, omit, untrack } from "solid-js";
 //#region src/autocomplete/root/AutocompleteRoot.tsx