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

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

@@ -3,17 +3,17 @@ 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 { 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 { t as createTransitionStatus } from "../createTransitionStatus-184v7j3-.js";
 import { DEFAULT_VALIDITY_DATA, DEFAULT_VALIDITY_STATE, VALIDITY_KEYS, copyNativeValidity, fieldStateAttributesMapping } from "../internals/field-constants.js";
-import { n as useFieldRootContext, t as FieldRootContext } from "../FieldRootContext-IC-LWzVp.js";
+import { n as FieldRootContext, r as useFieldRootContext } from "../FieldRootContext-Bfpna6gA.js";
 import { n as useFormContext } from "../FormContext-CYwo_ZnB.js";
 import { n as createLabelableContext, r as useLabelableContext, t as LabelableContext } from "../LabelableContext-BTeF0IWb.js";
 import { n as useFieldItemContext, t as FieldItemContext } from "../FieldItemContext-x-C7ZlmX.js";
 import { n as useFieldsetRootContext } from "../FieldsetRootContext-DyNqCjK6.js";
 import { t as hasFormError } from "../form-types-P7-SCWyr.js";
-import { t as FieldControl } from "../FieldControl-BDeNR3ug.js";
+import { t as FieldControl } from "../FieldControl-CDMMyvuj.js";
 import { escape, memo, mergeProps, ssr, ssrElement, ssrHydrationKey } from "@solidjs/web";
 import { For, Show, createEffect, createMemo, createSignal, createUniqueId, omit, onCleanup, onSettled, untrack } from "solid-js";
 //#region src/field/root/createFieldValidation.ts
@@ -394,9 +394,9 @@ function FieldLabel(props) {
 	const Render = useRender(props, () => state(), (props) => ssrElement("label", props, void 0, true));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), fieldStateAttributesMapping));
-	const callExternalClick = composeEventHandlers(() => internalProps.onClick);
-	const callExternalMouseDown = composeEventHandlers(() => internalProps.onMouseDown);
-	const callExternalPointerDown = composeEventHandlers(() => internalProps.onPointerDown);
+	const callExternalClick = composeEventHandlers(liveEventHandler(() => internalProps.onClick));
+	const callExternalMouseDown = composeEventHandlers(liveEventHandler(() => internalProps.onMouseDown));
+	const callExternalPointerDown = composeEventHandlers(liveEventHandler(() => internalProps.onPointerDown));
 	function isInteractiveTarget(target) {
 		return target instanceof Element && Boolean(target.closest("button,input,select,textarea"));
 	}

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

@@ -2,7 +2,7 @@ import { t as useRender } from "../useRender-CryVdCjs.js";
 import { w as none } from "../internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "../resolveStyle-XCSFDHAL.js";
 import { createGenericEventDetails } from "../internals/createBaseUIEventDetails.js";
-import { composeEventHandlers } from "../internals/composeEventHandlers.js";
+import { composeEventHandlers, liveEventHandler } from "../internals/composeEventHandlers.js";
 import { t as FormContext } from "../FormContext-CYwo_ZnB.js";
 import { t as hasFormError } from "../form-types-P7-SCWyr.js";
 import { mergeProps, ssrElement } from "@solidjs/web";
@@ -73,7 +73,7 @@ function Form(props) {
 		}
 		for (const field of fields.values()) field.validate();
 	} };
-	const callExternalSubmit = composeEventHandlers(() => internalProps.onSubmit);
+	const callExternalSubmit = composeEventHandlers(liveEventHandler(() => internalProps.onSubmit));
 	function handleSubmit(event) {
 		submitAttempted = true;
 		submitCount += 1;

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

@@ -1,4 +1,4 @@
-import { t as FieldControl } from "../FieldControl-BDeNR3ug.js";
+import { t as FieldControl } from "../FieldControl-CDMMyvuj.js";
 //#region src/input/Input.tsx
 /**
 * A native input element that automatically integrates with Field.

package/dist/lib/server/internals/composeEventHandlers.js

@@ -1,23 +1,29 @@
 //#region src/internals/composeEventHandlers.ts
 /**
-* Composes native event handlers in argument order. Calling
+* Composes handlers in argument order, enhancing the native event before dispatch. Calling
 * `event.preventBaseUIHandler()` prevents the remaining handlers from running.
+* Use `liveEventHandler` for replaceable callback props instead of snapshotting them.
 */
-function composeEventHandlers(...getHandlers) {
+function composeEventHandlers(...handlers) {
 	return function composedEventHandler(event) {
 		const baseEvent = makeEventPreventable(event);
-		for (const getHandler of getHandlers) {
-			callHandler(getHandler(), this, baseEvent);
+		for (let handler of handlers) {
+			if (handler && typeof handler === "object" && "getHandler" in handler) {
+				const getHandler = handler.getHandler;
+				handler = getHandler();
+			}
+			callHandler(handler, this, baseEvent);
 			if (baseEvent.baseUIHandlerPrevented) break;
 		}
 	};
 }
+/** Resolves a replaceable handler at dispatch time; pass the adapter to `composeEventHandlers`. */
+function liveEventHandler(getHandler) {
+	return { getHandler };
+}
 function callHandler(handler, receiver, event) {
 	if (typeof handler === "function") Reflect.apply(handler, receiver, [event]);
-	else if (isBoundHandler(handler)) Reflect.apply(handler[0], receiver, [handler[1], event]);
-}
-function isBoundHandler(handler) {
-	return Array.isArray(handler) && handler.length === 2 && typeof handler[0] === "function";
+	else if (Array.isArray(handler) && handler.length === 2 && typeof handler[0] === "function") Reflect.apply(handler[0], receiver, [handler[1], event]);
 }
 function makeEventPreventable(event) {
 	const baseEvent = event;
@@ -57,4 +63,4 @@ function setHandlerPrevented(event) {
 	});
 }
 //#endregion
-export { composeEventHandlers, makeEventPreventable };
+export { composeEventHandlers, liveEventHandler, makeEventPreventable };

package/dist/lib/server/internals/field-root-context/index.js

@@ -1,2 +1,2 @@
-import { n as useFieldRootContext, t as FieldRootContext } from "../../FieldRootContext-IC-LWzVp.js";
+import { n as FieldRootContext, r as useFieldRootContext } from "../../FieldRootContext-Bfpna6gA.js";
 export { FieldRootContext, useFieldRootContext };

package/dist/lib/server/{mergeStyleValue-BwJ10_X2.js → isSolidAccessor-CZpzAH5l.js}

@@ -50,23 +50,4 @@ function isSolidAccessor(value) {
 	return typeof value === "function" && value.name === "bound read" && Object.prototype.hasOwnProperty.call(value, $REFRESH);
 }
 //#endregion
-//#region src/internals/mergeStyleValue.ts
-/**
-* Merges functional styles a part owns with the caller's `style` value, which wins.
-*
-* Unlike `mergeStyles` this accepts the resolved `StyleValue` shape, where a caller may pass a
-* CSS string; the internal object is serialized ahead of it so the string still overrides.
-*/
-function mergeStyleValue(internal, external) {
-	if (typeof external === "string") return `${serializeStyle(internal)}${external}`;
-	if (!external) return internal;
-	return {
-		...internal,
-		...external
-	};
-}
-function serializeStyle(style) {
-	return Object.entries(style).filter((entry) => entry[1] != null).map(([property, value]) => `${property}:${value};`).join("");
-}
-//#endregion
-export { defaultItemEquality as a, removeItem as c, compareItemEquality as i, selectedValueIncludes as l, isSolidAccessor as n, findItemIndex as o, areItemArraysEqual as r, findSelectionIndex as s, mergeStyleValue as t };
+export { findItemIndex as a, selectedValueIncludes as c, defaultItemEquality as i, areItemArraysEqual as n, findSelectionIndex as o, compareItemEquality as r, removeItem as s, isSolidAccessor as t };

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

@@ -4,17 +4,17 @@ import { getStateAttributesProps } from "../internals/getStateAttributesProps.js
 import { N as triggerPress, j as triggerFocus, t as cancelOpen, u as focusOut } 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 { n as contains } from "../dom-Crg_2R-j.js";
-import { t as PopupViewport } from "../PopupViewport-DftN5VUp.js";
-import { n as createTriggerRegistration } from "../PopupStore-kHjFPiQ5.js";
-import { r as createHoverInteraction, t as safePolygon } from "../safePolygon-C1GNJbKR.js";
-import { i as pressableTriggerOpenStateMapping } from "../popupStateMapping-B2KsiiLb.js";
-import { i as createPopupHandleStore, n as DetachedPopupStore, t as BasePopupHandle } from "../PopupHandle-Ct6wywmP.js";
-import { t as TriggerFocusGuards } from "../TriggerFocusGuards-CvoGfft9.js";
+import { composeEventHandlers, liveEventHandler } from "../internals/composeEventHandlers.js";
+import { n as contains } from "../dom-D8_aB1yy.js";
+import { t as PopupViewport } from "../PopupViewport-BDttjORN.js";
+import { n as createTriggerRegistration } from "../PopupStore-evylvVnN.js";
+import { r as createHoverInteraction, t as safePolygon } from "../safePolygon-B8QtiIZ3.js";
+import { i as pressableTriggerOpenStateMapping } from "../popupStateMapping-VHqr6M4H.js";
+import { i as createPopupHandleStore, n as DetachedPopupStore, t as BasePopupHandle } from "../PopupHandle-QNj4mED2.js";
+import { t as TriggerFocusGuards } from "../TriggerFocusGuards-B9GNbLrL.js";
 import { a as stopButtonInteraction, i as preventDisabledButtonKeyDown, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "../buttonSemantics-BSwDxJhh.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
-import { C as useMenuRootContext, _ as menuViewportStateMapping, a as MenuRadioGroup, c as MenuCheckboxItem, d as MenuGroupLabel, f as MenuGroup, g as useMenuPositionerContext, h as MenuPositioner, i as MenuRadioItem, l as MenuItem, m as MenuPopup, n as MenuSubmenuRoot, o as MenuLinkItem, p as MenuArrow, r as MenuRadioItemIndicator, s as MenuCheckboxItemIndicator, t as MenuSubmenuTrigger, u as dispatchClickWithModifiers, v as MenuPortal, w as MenuStore, x as MenuRoot, y as MenuBackdrop } from "../MenuSubmenuTrigger-rR8ZN7YR.js";
+import { C as useMenuRootContext, _ as menuViewportStateMapping, a as MenuRadioGroup, c as MenuCheckboxItem, d as MenuGroupLabel, f as MenuGroup, g as useMenuPositionerContext, h as MenuPositioner, i as MenuRadioItem, l as MenuItem, m as MenuPopup, n as MenuSubmenuRoot, o as MenuLinkItem, p as MenuArrow, r as MenuRadioItemIndicator, s as MenuCheckboxItemIndicator, t as MenuSubmenuTrigger, u as dispatchClickWithModifiers, v as MenuPortal, w as MenuStore, x as MenuRoot, y as MenuBackdrop } from "../MenuSubmenuTrigger-BMQKlOvU.js";
 import { n as useMenubarContext } from "../MenubarContext-C-62rMnO.js";
 import { t as Separator } from "../Separator-DTvtnxzP.js";
 import { memo, mergeProps, ssrElement } from "@solidjs/web";
@@ -212,16 +212,16 @@ function MenuTrigger(props) {
 		current.setPendingFocus("first");
 		current.setOpen(true, createChangeEventDetails(triggerFocus, event, trigger));
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => handleClick);
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => handleFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur);
-	const onMouseDown = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onMouseDown, () => handleMouseDown);
-	const onMouseMove = composeEventHandlers(() => internalProps.onMouseMove, () => () => liveStore()?.setAllowMouseEnter(true));
-	const onPointerDown = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onPointerDown, () => (event) => {
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onClick), handleClick);
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), handleFocus);
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur));
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onMouseDown), handleMouseDown);
+	const onMouseMove = composeEventHandlers(liveEventHandler(() => internalProps.onMouseMove), () => liveStore()?.setAllowMouseEnter(true));
+	const onPointerDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventButtonInteraction : void 0)), liveEventHandler(() => internalProps.onPointerDown), (event) => {
 		pointerType = event.pointerType || "";
 	});
-	const onKeyDown = composeEventHandlers(() => untrack(() => disabled() ? preventDisabledButtonKeyDown : void 0), () => internalProps.onKeyDown, () => handleDismissKeyDown, () => handleRootKeyDown, () => handleKeyboardPress, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown));
-	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp));
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? preventDisabledButtonKeyDown : void 0)), liveEventHandler(() => internalProps.onKeyDown), handleDismissKeyDown, handleRootKeyDown, handleKeyboardPress, liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown)));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(() => disabled() ? stopButtonInteraction : void 0)), liveEventHandler(() => internalProps.onKeyUp), liveEventHandler(() => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp)));
 	function TriggerInteractions(props) {
 		const interactionStore = untrack(() => props.store);
 		createHoverInteraction({

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

@@ -1,8 +1,8 @@
 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 { r as getNavigatedIndex } from "../compositeNavigation-BRVT1C38.js";
+import { composeEventHandlers, liveEventHandler } from "../internals/composeEventHandlers.js";
+import { r as getNavigatedIndex } from "../compositeNavigation-D5jKM4yk.js";
 import { i as createFloatingNode, r as FloatingTreeStore } from "../FloatingTree-z1JPD1dR.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
 import { t as MenubarContext } from "../MenubarContext-C-62rMnO.js";
@@ -111,11 +111,11 @@ function Menubar(props) {
 		setActiveTrigger(next);
 		next.element()?.focus({ preventScroll: true });
 	}
-	const onFocusIn = composeEventHandlers(() => internalProps.onFocusIn, () => (event) => {
+	const onFocusIn = composeEventHandlers(liveEventHandler(() => internalProps.onFocusIn), (event) => {
 		const item = findEventItem(event);
 		if (item) setActiveTrigger(item);
 	});
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => relayKeyboardEvent);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), relayKeyboardEvent);
 	const context = {
 		modal,
 		disabled,

package/dist/lib/server/mergeStyleValue-DecVaoac.js

@@ -0,0 +1,20 @@
+//#region src/internals/mergeStyleValue.ts
+/**
+* Merges functional styles a part owns with the caller's `style` value, which wins.
+*
+* Unlike `mergeStyles` this accepts the resolved `StyleValue` shape, where a caller may pass a
+* CSS string; the internal object is serialized ahead of it so the string still overrides.
+*/
+function mergeStyleValue(internal, external) {
+	if (typeof external === "string") return `${serializeStyle(internal)}${external}`;
+	if (!external) return internal;
+	return {
+		...internal,
+		...external
+	};
+}
+function serializeStyle(style) {
+	return Object.entries(style).filter((entry) => entry[1] != null).map(([property, value]) => `${property}:${value};`).join("");
+}
+//#endregion
+export { mergeStyleValue as t };

package/dist/lib/server/navigation-menu/index.js

@@ -4,20 +4,20 @@ import { getStateAttributesProps } from "../internals/getStateAttributesProps.js
 import { S as listNavigation, x as linkPress } 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 { t as runOnceAnimationsFinish } from "../runOnceAnimationsFinish-CYq38H8J.js";
-import { n as contains } from "../dom-Crg_2R-j.js";
-import { t as createAnchorPositioning } from "../createAnchorPositioning-B5Y0WEev.js";
-import { t as createClickInteraction } from "../createClickInteraction-BYsMgvup.js";
+import { n as contains } from "../dom-D8_aB1yy.js";
+import { t as createAnchorPositioning } from "../createAnchorPositioning-DrQYe7RS.js";
+import { t as createClickInteraction } from "../createClickInteraction-D7oc1Vco.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, 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 { n as createPopupAutoResize } from "../createPopupAutoResize-ImBjwdj_.js";
+import { a as createPopupPresence, 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 { n as createPopupAutoResize } from "../createPopupAutoResize-Cg0-lLf4.js";
 import { t as createTransitionStatus } from "../createTransitionStatus-184v7j3-.js";
-import { a as triggerOpenStateMapping, d as getTabbableAfterElement, g as FocusGuard, h as tabbable, i as pressableTriggerOpenStateMapping, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "../popupStateMapping-B2KsiiLb.js";
-import { t as FocusManager } from "../FocusManager-1LfoCsya.js";
+import { a as triggerOpenStateMapping, d as getTabbableAfterElement, g as FocusGuard, h as tabbable, i as pressableTriggerOpenStateMapping, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "../popupStateMapping-VHqr6M4H.js";
+import { t as FocusManager } from "../FocusManager-D-xgblGs.js";
 import { t as setRef } from "../setRef-Bt70sW7c.js";
-import { t as TriggerFocusGuards } from "../TriggerFocusGuards-CvoGfft9.js";
+import { t as TriggerFocusGuards } from "../TriggerFocusGuards-B9GNbLrL.js";
 import { a as stopButtonInteraction, i as preventDisabledButtonKeyDown, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "../buttonSemantics-BSwDxJhh.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
 import { Portal, escape, memo, mergeProps, scope, ssr, ssrElement, ssrHydrationKey } from "@solidjs/web";
@@ -443,7 +443,7 @@ function NavigationMenuList(props) {
 		orientation: root.store.orientation,
 		direction
 	});
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => (event) => {
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), (event) => {
 		if (!root.nested) composite.handleKeyDown(event);
 	});
 	const Render = useRender(props, () => state(), (props) => ssrElement("ul", props, void 0, true));
@@ -626,12 +626,12 @@ function NavigationMenuTrigger(props) {
 			root.store.setValue(item.value(), createChangeEventDetails(listNavigation, event, element() ?? void 0));
 		}
 	}
-	const onClick = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onClick, () => handleClick);
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => handleFocus);
-	const onPointerDown = composeEventHandlers(() => untrack(() => disabled() ? preventButtonInteraction : void 0), () => internalProps.onPointerDown, () => handlePointerDown);
-	const onMouseDown = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onMouseDown, () => handleMouseDown);
-	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)), liveEventHandler(() => internalProps.onClick), handleClick);
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), handleFocus);
+	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), handleMouseDown);
+	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)));
 	const trigger = useRender(props, () => state(), (props) => ssrElement("button", props, void 0, true))(mergeProps({
 		ref: [((value) => setElement(value)), internalProps.ref],
 		get id() {
@@ -777,7 +777,7 @@ function NavigationMenuContent(props) {
 	} : {}, resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), contentStateMapping));
 	const others = omit(allProps, "render", "class", "keepMounted", "onKeyDown", "ref", "style");
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => (event) => composite.handleKeyDown(event));
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), (event) => composite.handleKeyDown(event));
 	createEffect(() => ({
 		open: open(),
 		mounted: transition.mounted(),
@@ -898,8 +898,8 @@ function NavigationMenuLink(props) {
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
 	const others = omit(allProps, "active", "render", "class", "closeOnClick", "onClick", "onFocus", "ref", "style");
 	createEffect(element, () => composite?.notifyItemChange());
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => () => composite?.setActiveItem(registration));
-	const onClick = composeEventHandlers(() => internalProps.onClick, () => (event) => {
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), () => composite?.setActiveItem(registration));
+	const onClick = composeEventHandlers(liveEventHandler(() => internalProps.onClick), (event) => {
 		if (internalProps.closeOnClick) root.store.setValue(null, createChangeEventDetails(linkPress, event));
 	});
 	onCleanup(() => unregister?.());
@@ -1165,7 +1165,7 @@ function NavigationMenuPopup(props) {
 	const styleValue = createMemo(() => mergeNavigationMenuStyles(originStyle(), resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), popupTransitionStateMapping));
 	const others = omit(allProps, "render", "class", "id", "onKeyDown", "ref", "style");
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => (event) => {
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), (event) => {
 		const handler = root.store.state.popupProps.onKeyDown;
 		if (typeof handler === "function") handler(event);
 	});

package/dist/lib/server/number-field/index.js

@@ -4,9 +4,9 @@ import { getStateAttributesProps } from "../internals/getStateAttributesProps.js
 import { D as scrub, P as wheel, _ as inputPaste, b as keyboard, f as incrementPress, g as inputClear, h as inputChange, m as inputBlur, o as decrementPress } from "../internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "../resolveStyle-XCSFDHAL.js";
 import { createChangeEventDetails, createGenericEventDetails } from "../internals/createBaseUIEventDetails.js";
-import { composeEventHandlers } from "../internals/composeEventHandlers.js";
+import { composeEventHandlers, liveEventHandler } from "../internals/composeEventHandlers.js";
 import { fieldValidityMapping } 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 { mergeStyles } from "../internals/mergeStyles.js";
@@ -776,18 +776,18 @@ function NumberFieldStepperButton(props, isIncrement) {
 		if (!isTouchLikePointerType(event.pointerType)) context.focusInput();
 		pressAndHold.pointerHandlers.onPointerDown(event);
 	}
-	const onClick = composeEventHandlers(() => untrack(buttonDisabled) ? preventInteraction : void 0, () => internalProps.onClick, () => handleClick);
-	const onPointerDown = composeEventHandlers(() => untrack(buttonDisabled) ? preventInteraction : void 0, () => internalProps.onPointerDown, () => handlePointerDown);
-	const onMouseDown = composeEventHandlers(() => untrack(buttonDisabled) ? stopInteraction : void 0, () => internalProps.onMouseDown);
-	const onKeyDown = composeEventHandlers(() => untrack(buttonDisabled) ? preventFocusableDisabledKeyDown : void 0, () => internalProps.onKeyDown, () => untrack(nativeButton) ? void 0 : handleNonNativeKeyDown);
-	const onKeyUp = composeEventHandlers(() => untrack(buttonDisabled) ? stopInteraction : void 0, () => internalProps.onKeyUp, () => untrack(nativeButton) ? void 0 : handleNonNativeKeyUp);
-	const onPointerUp = composeEventHandlers(() => internalProps.onPointerUp, () => pressAndHold.pointerHandlers.onPointerUp);
-	const onPointerMove = composeEventHandlers(() => internalProps.onPointerMove, () => pressAndHold.pointerHandlers.onPointerMove);
-	const onTouchStart = composeEventHandlers(() => internalProps.onTouchStart, () => pressAndHold.pointerHandlers.onTouchStart);
-	const onTouchEnd = composeEventHandlers(() => internalProps.onTouchEnd, () => pressAndHold.pointerHandlers.onTouchEnd);
-	const onMouseEnter = composeEventHandlers(() => internalProps.onMouseEnter, () => pressAndHold.pointerHandlers.onMouseEnter);
-	const onMouseLeave = composeEventHandlers(() => internalProps.onMouseLeave, () => pressAndHold.pointerHandlers.onMouseLeave);
-	const onMouseUp = composeEventHandlers(() => internalProps.onMouseUp, () => pressAndHold.pointerHandlers.onMouseUp);
+	const onClick = composeEventHandlers(liveEventHandler(() => untrack(buttonDisabled) ? preventInteraction : void 0), liveEventHandler(() => internalProps.onClick), handleClick);
+	const onPointerDown = composeEventHandlers(liveEventHandler(() => untrack(buttonDisabled) ? preventInteraction : void 0), liveEventHandler(() => internalProps.onPointerDown), handlePointerDown);
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => untrack(buttonDisabled) ? stopInteraction : void 0), liveEventHandler(() => internalProps.onMouseDown));
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => untrack(buttonDisabled) ? preventFocusableDisabledKeyDown : void 0), liveEventHandler(() => internalProps.onKeyDown), liveEventHandler(() => untrack(nativeButton) ? void 0 : handleNonNativeKeyDown));
+	const onKeyUp = composeEventHandlers(liveEventHandler(() => untrack(buttonDisabled) ? stopInteraction : void 0), liveEventHandler(() => internalProps.onKeyUp), liveEventHandler(() => untrack(nativeButton) ? void 0 : handleNonNativeKeyUp));
+	const onPointerUp = composeEventHandlers(liveEventHandler(() => internalProps.onPointerUp), liveEventHandler(() => pressAndHold.pointerHandlers.onPointerUp));
+	const onPointerMove = composeEventHandlers(liveEventHandler(() => internalProps.onPointerMove), liveEventHandler(() => pressAndHold.pointerHandlers.onPointerMove));
+	const onTouchStart = composeEventHandlers(liveEventHandler(() => internalProps.onTouchStart), liveEventHandler(() => pressAndHold.pointerHandlers.onTouchStart));
+	const onTouchEnd = composeEventHandlers(liveEventHandler(() => internalProps.onTouchEnd), liveEventHandler(() => pressAndHold.pointerHandlers.onTouchEnd));
+	const onMouseEnter = composeEventHandlers(liveEventHandler(() => internalProps.onMouseEnter), liveEventHandler(() => pressAndHold.pointerHandlers.onMouseEnter));
+	const onMouseLeave = composeEventHandlers(liveEventHandler(() => internalProps.onMouseLeave), liveEventHandler(() => pressAndHold.pointerHandlers.onMouseLeave));
+	const onMouseUp = composeEventHandlers(liveEventHandler(() => internalProps.onMouseUp), liveEventHandler(() => pressAndHold.pointerHandlers.onMouseUp));
 	onSettled(() => {});
 	return Render(mergeProps({
 		ref: [((value) => value), internalProps.ref],
@@ -1071,11 +1071,11 @@ function NumberFieldInput(props) {
 			context.setInputValue(nextText);
 		}
 	}
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => handleFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => handleBlur);
-	const onInput = composeEventHandlers(() => internalProps.onInput, () => handleInput);
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => handleKeyDown);
-	const onPaste = composeEventHandlers(() => internalProps.onPaste, () => handlePaste);
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), handleFocus);
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), handleBlur);
+	const onInput = composeEventHandlers(liveEventHandler(() => internalProps.onInput), handleInput);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), handleKeyDown);
+	const onPaste = composeEventHandlers(liveEventHandler(() => internalProps.onPaste), handlePaste);
 	createEffect(() => ({
 		element: element(),
 		inputValue: context.inputValue()
@@ -1161,7 +1161,7 @@ function NumberFieldInput(props) {
 			return ariaDescribedBy();
 		},
 		onFocus,
-		onBlur: (event) => untrack(() => onBlur(event)),
+		onBlur: (event) => untrack(() => onBlur.call(event.currentTarget, event)),
 		onInput,
 		onKeyDown,
 		onPaste
@@ -1390,7 +1390,7 @@ function NumberFieldScrubArea(props) {
 			}
 		}
 	}
-	const onPointerDown = composeEventHandlers(() => internalProps.onPointerDown, () => handlePointerDown);
+	const onPointerDown = composeEventHandlers(liveEventHandler(() => internalProps.onPointerDown), handlePointerDown);
 	onCleanup(() => {
 		clearExitPointerLockTimer();
 		setCursorElement(void 0);

package/dist/lib/server/otp-field/index.js

@@ -4,10 +4,10 @@ import { getStateAttributesProps } from "../internals/getStateAttributesProps.js
 import { _ as inputPaste, b as keyboard, g as inputClear, h as inputChange } from "../internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "../resolveStyle-XCSFDHAL.js";
 import { createChangeEventDetails, createGenericEventDetails } from "../internals/createBaseUIEventDetails.js";
-import { composeEventHandlers } from "../internals/composeEventHandlers.js";
+import { composeEventHandlers, liveEventHandler } from "../internals/composeEventHandlers.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
 import { fieldValidityMapping } 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 Separator } from "../Separator-DTvtnxzP.js";
@@ -593,12 +593,12 @@ function OTPFieldInput(props) {
 	const ariaLabel = createMemo(() => index() === 0 ? void 0 : internalProps["aria-label"]);
 	const inheritedLabel = createMemo(() => internalProps["aria-labelledby"] ?? root.inputAriaLabelledBy());
 	const [inputElement, setInputElement] = createSignal();
-	const onMouseDown = composeEventHandlers(() => internalProps.onMouseDown, () => handleMouseDown);
-	const onFocus = composeEventHandlers(() => internalProps.onFocus, () => handleFocus);
-	const onBlur = composeEventHandlers(() => internalProps.onBlur, () => handleBlur);
-	const onInput = composeEventHandlers(() => internalProps.onInput, () => handleInput);
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => handleKeyDown);
-	const onPaste = composeEventHandlers(() => internalProps.onPaste, () => handlePaste);
+	const onMouseDown = composeEventHandlers(liveEventHandler(() => internalProps.onMouseDown), handleMouseDown);
+	const onFocus = composeEventHandlers(liveEventHandler(() => internalProps.onFocus), handleFocus);
+	const onBlur = composeEventHandlers(liveEventHandler(() => internalProps.onBlur), handleBlur);
+	const onInput = composeEventHandlers(liveEventHandler(() => internalProps.onInput), handleInput);
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), handleKeyDown);
+	const onPaste = composeEventHandlers(liveEventHandler(() => internalProps.onPaste), handlePaste);
 	function handleMouseDown(event) {
 		if (event.defaultPrevented || root.disabled()) return;
 		event.preventDefault();

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

@@ -4,22 +4,22 @@ import { getStateAttributesProps } from "../internals/getStateAttributesProps.js
 import { d as imperativeAction, i as closePress } 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 { t as runOnceAnimationsFinish } from "../runOnceAnimationsFinish-CYq38H8J.js";
-import { c as isHTMLElement } from "../dom-Crg_2R-j.js";
-import { t as PopupViewport } from "../PopupViewport-DftN5VUp.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 { t as createClickInteraction } from "../createClickInteraction-BYsMgvup.js";
+import { l as isHTMLElement } from "../dom-D8_aB1yy.js";
+import { t as PopupViewport } from "../PopupViewport-BDttjORN.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 { t as createClickInteraction } from "../createClickInteraction-D7oc1Vco.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 triggerOpenStateMapping, i as pressableTriggerOpenStateMapping, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "../popupStateMapping-B2KsiiLb.js";
-import { t as FocusManager } from "../FocusManager-1LfoCsya.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 { n as createInitialPositioning, r as createHoverInteraction, t as safePolygon } from "../safePolygon-B8QtiIZ3.js";
+import { a as triggerOpenStateMapping, i as pressableTriggerOpenStateMapping, n as popupStateMapping, o as PopupPortal, r as popupTransitionStateMapping } from "../popupStateMapping-VHqr6M4H.js";
+import { t as FocusManager } from "../FocusManager-D-xgblGs.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 { t as TriggerFocusGuards } from "../TriggerFocusGuards-CvoGfft9.js";
+import { t as TriggerFocusGuards } from "../TriggerFocusGuards-B9GNbLrL.js";
 import { a as stopButtonInteraction, i as preventDisabledButtonKeyDown, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "../buttonSemantics-BSwDxJhh.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
 import { n as useToolbarRootContext } from "../ToolbarRootContext-DD-qe7s8.js";
@@ -398,11 +398,11 @@ function PopoverTrigger(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, () => handleMouseDown);
-	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), handleMouseDown);
+	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)));
 	function TriggerInteractions() {
 		return Show({
 			keyed: true,
@@ -659,8 +659,9 @@ function PopoverPositioner(props) {
 	createEffect(() => positioning.state().placement, (placement) => {
 		context.store.context.floatingRoot.context.data.placement = placement;
 	});
+	const handoffTrigger = createMemo(() => context.store.open() ? context.store.track().activeTriggerElement : null);
 	createEffect(() => ({
-		trigger: context.store.track().activeTriggerElement,
+		trigger: handoffTrigger(),
 		positioner: element()
 	}), ({ trigger, positioner }) => {
 		const previous = previousTrigger;
@@ -791,10 +792,10 @@ function PopoverPopup(props) {
 	const focusManagerModal = createMemo(() => context.modal() !== false && closePartContext.hasClosePart());
 	const initialFocus = createMemo(() => internalProps.initialFocus ?? ((interactionType) => interactionType === "touch" ? context.store.state.popupElement : true));
 	const others = omit(allProps, "render", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style");
-	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => (event) => {
+	const onKeyDown = composeEventHandlers(liveEventHandler(() => internalProps.onKeyDown), (event) => {
 		const handler = context.store.state.popupProps.onKeyDown;
 		if (typeof handler === "function") handler(event);
-	}, () => (event) => {
+	}, (event) => {
 		if (insideToolbar && COMPOSITE_KEYS.has(event.key)) event.stopPropagation();
 	});
 	let popupElement = null;
@@ -1044,11 +1045,11 @@ function PopoverClose(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() {

package/dist/lib/server/{popupStateMapping-B2KsiiLb.js → popupStateMapping-VHqr6M4H.js}

@@ -2,7 +2,7 @@ import { t as useRender } from "./useRender-CryVdCjs.js";
 import { u as focusOut } from "./internals/reasons.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
 import { transitionStatusMapping } from "./internals/stateAttributesMapping.js";
-import { c as isHTMLElement, m as ownerWindow, n as contains, o as isElementVisible, p as ownerDocument, t as activeElement, u as isShadowRoot } from "./dom-Crg_2R-j.js";
+import { d as isShadowRoot, h as ownerWindow, l as isHTMLElement, m as ownerDocument, n as contains, s as isElementVisible, t as activeElement } from "./dom-D8_aB1yy.js";
 import { Portal, escape, mergeProps, ssr, ssrAttribute, ssrElement, ssrGroup, ssrHydrationKey, ssrStyle } from "@solidjs/web";
 import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, omit, useContext } from "solid-js";
 //#region src/internals/overlay/ReactiveStore.ts