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

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

@@ -1,12 +1,13 @@
 import { t as __exportAll } from "../rolldown-runtime-D7D4PA-g.js";
+import { t as useRender } from "../useRender-CryVdCjs.js";
 import { getStateAttributesProps } from "../internals/getStateAttributesProps.js";
 import { N as triggerPress, w as none } from "../internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "../resolveStyle-XCSFDHAL.js";
-import { n as createCollapsibleTransitionStatus, t as createCollapsiblePanel } from "../createCollapsiblePanel-DTyVJz0G.js";
+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 { Dynamic, memo, mergeProps, ssrElement } from "@solidjs/web";
+import { memo, mergeProps, ssrElement } from "@solidjs/web";
 import { Show, createContext, createEffect, createMemo, createSignal, createUniqueId, flush, omit, onCleanup, untrack, useContext } from "solid-js";
 //#region src/collapsible/root/CollapsibleRootContext.ts
 var MISSING_CONTEXT = Symbol("CollapsibleRootContext");
@@ -43,7 +44,7 @@ function CollapsibleRoot(props) {
 	const [uncontrolledOpen, setUncontrolledOpen] = createSignal(untrack(() => rootProps.defaultOpen ?? false));
 	const [registeredPanelId, setPanelIdState] = createSignal();
 	const defaultPanelId = `base-ui-${createUniqueId()}`;
-	const others = omit(allProps, "as", "class", "defaultOpen", "disabled", "onOpenChange", "open", "style");
+	const others = omit(allProps, "render", "class", "defaultOpen", "disabled", "onOpenChange", "open", "style");
 	const open = createMemo(() => controlled ? rootProps.open ?? false : uncontrolledOpen());
 	const disabled = createMemo(() => rootProps.disabled ?? false);
 	const transition = createCollapsibleTransitionStatus(() => open());
@@ -68,24 +69,23 @@ function CollapsibleRoot(props) {
 		flush();
 		return true;
 	}
+	const context = {
+		defaultPanelId,
+		disabled,
+		mounted: transition.mounted,
+		open,
+		panelId,
+		requestOpenChange,
+		setMounted: transition.setMounted,
+		setPanelIdState,
+		state,
+		transitionStatus: transition.transitionStatus
+	};
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return CollapsibleRootContext({
-		value: {
-			defaultPanelId,
-			disabled,
-			mounted: transition.mounted,
-			open,
-			panelId,
-			requestOpenChange,
-			setMounted: transition.setMounted,
-			setPanelIdState,
-			state,
-			transitionStatus: transition.transitionStatus
-		},
+		value: context,
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return Render(mergeProps({
 				get ["class"]() {
 					return classValue();
 				},
@@ -102,7 +102,7 @@ function CollapsibleRoot(props) {
 function CollapsibleTrigger(props) {
 	const context = useCollapsibleRootContext();
 	const internalProps = props;
-	const others = omit(props, "as", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	const others = omit(props, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
 	const disabled = createMemo(() => props.disabled ?? context.disabled());
 	const nativeButton = createMemo(() => props.nativeButton ?? true);
 	const state = context.state;
@@ -118,10 +118,7 @@ function CollapsibleTrigger(props) {
 	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeKeyUp));
 	const ariaDisabled = createMemo(() => nativeButton() ? disabled() ? "true" : "false" : disabled() ? "true" : void 0);
 	const ariaExpanded = createMemo(() => context.open() ? "true" : "false");
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "button";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("button", props, void 0, true))(mergeProps({
 		ref: [internalProps.ref],
 		get ["class"]() {
 			return classValue();
@@ -216,7 +213,7 @@ function CollapsiblePanel(props) {
 	const id = createMemo(() => registeredId() ?? context.defaultPanelId);
 	const hiddenUntilFound = createMemo(() => internalProps.hiddenUntilFound ?? false);
 	const keepMounted = createMemo(() => internalProps.keepMounted ?? false);
-	const others = omit(allProps, "as", "class", "hiddenUntilFound", "id", "keepMounted", "ref", "style");
+	const others = omit(allProps, "render", "class", "hiddenUntilFound", "id", "keepMounted", "ref", "style");
 	const controller = createCollapsiblePanel({
 		element: panelElement,
 		hiddenUntilFound,
@@ -252,31 +249,27 @@ function CollapsiblePanel(props) {
 		if (current.hiddenUntilFound && current.keepMounted === false && false);
 	});
 	onCleanup(() => setPanelElement(void 0));
-	const commonProps = () => ({
-		ref: [internalProps.ref, ((element) => setPanelElement(element))],
-		id: id(),
-		class: classValue(),
-		style: styleValue(),
-		hidden: hiddenValue(),
-		...stateAttributes(),
-		...others
-	});
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return Show({
 		get when() {
 			return controller.shouldRender();
 		},
 		get children() {
-			return Show({
-				get when() {
-					return props.as;
+			return Render(mergeProps({
+				ref: [internalProps.ref, (element) => setPanelElement(element)],
+				get id() {
+					return id();
+				},
+				get ["class"]() {
+					return classValue();
 				},
-				get fallback() {
-					return ssrElement("div", commonProps(), void 0, true);
+				get style() {
+					return styleValue();
 				},
-				children: (component) => Dynamic(mergeProps({ get component() {
-					return component();
-				} }, commonProps))
-			});
+				get hidden() {
+					return hiddenValue();
+				}
+			}, stateAttributes, others));
 		}
 	});
 }

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

@@ -1,27 +1,30 @@
 import { t as __exportAll } from "../rolldown-runtime-D7D4PA-g.js";
+import { t as useRender } from "../useRender-CryVdCjs.js";
 import { getStateAttributesProps } from "../internals/getStateAttributesProps.js";
 import { E as pointer, S as listNavigation, b as keyboard, n as chipRemovePress, 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 { transitionStatusMapping } from "../internals/stateAttributesMapping.js";
 import { composeEventHandlers } from "../internals/composeEventHandlers.js";
-import { t as runOnceAnimationsFinish } from "../runOnceAnimationsFinish-DCHzXWZU.js";
-import { A as getFilter, C as getIndexAfterChipRemoval, D as ComboboxTrigger, E as useRequiredComboboxChipsContext, M as resolveMultipleLabels, N as resolveSelectedLabel, O as AriaCombobox, P as stringifyAsLabel, S as getChipNavigationKeys, T as ComboboxChipsContext, _ as ComboboxClear, a as ComboboxItem, b as handleInputPress, c as ComboboxGroup, d as ComboboxPositioner, f as ComboboxBackdrop, g as ComboboxCollection, h as ComboboxList, i as ComboboxRow, j as hasNullItemLabel, k as useComboboxRootContext, l as ComboboxArrow, m as ComboboxStatus, n as ComboboxSeparator, o as useComboboxItemContext, p as ComboboxPortal, r as ComboboxEmpty, s as ComboboxGroupLabel, t as useFilteredItems, u as ComboboxPopup, v as ComboboxIcon, w as ComboboxChipRegistry, x as ComboboxInput, y as ComboboxInputGroup } from "../useFilteredItems-DvuctLt3.js";
-import { t as createTransitionStatus } from "../createTransitionStatus-BTlrerSS.js";
+import { t as runOnceAnimationsFinish } from "../runOnceAnimationsFinish-CYq38H8J.js";
+import { A as getFilter, C as getIndexAfterChipRemoval, D as ComboboxTrigger, E as useRequiredComboboxChipsContext, F as stringifyAsLabel, M as hasNullItemLabel, N as resolveMultipleLabels, O as AriaCombobox, P as resolveSelectedLabel, S as getChipNavigationKeys, T as ComboboxChipsContext, _ as ComboboxClear, a as ComboboxItem, b as handleInputPress, c as ComboboxGroup, d as ComboboxPositioner, f as ComboboxBackdrop, g as ComboboxCollection, h as ComboboxList, i as ComboboxRow, j as flattenItems, k as useComboboxRootContext, l as ComboboxArrow, m as ComboboxStatus, n as ComboboxSeparator, o as useComboboxItemContext, p as ComboboxPortal, r as ComboboxEmpty, s as ComboboxGroupLabel, t as useFilteredItems, u as ComboboxPopup, v as ComboboxIcon, w as ComboboxChipRegistry, x as ComboboxInput, y as ComboboxInputGroup } from "../useFilteredItems-DCxq20Is.js";
+import { t as createTransitionStatus } from "../createTransitionStatus-184v7j3-.js";
 import { a as stopButtonInteraction, n as handleNonNativeButtonKeyUp, r as preventButtonInteraction, t as handleNonNativeButtonKeyDown } from "../buttonSemantics-BSwDxJhh.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
 import { fieldStateAttributesMapping } from "../internals/field-constants.js";
-import { n as isSolidAccessor, o as findItemIndex } from "../mergeStyleValue-Db8bRCM4.js";
-import { r as useLabelableContext } from "../LabelableContext-DZP3rgAY.js";
-import { Dynamic, mergeProps } from "@solidjs/web";
+import { a as defaultItemEquality, i as compareItemEquality, n as isSolidAccessor, o as findItemIndex } from "../mergeStyleValue-BwJ10_X2.js";
+import { r as useLabelableContext } from "../LabelableContext-BTeF0IWb.js";
+import { memo, mergeProps, ssrElement } from "@solidjs/web";
 import { Show, createContext, createEffect, createMemo, createSignal, flush, omit, onCleanup, untrack, useContext } from "solid-js";
 //#region src/combobox/root/ComboboxRoot.tsx
 /**
 * Groups all parts of the combobox.
 * Doesn't render its own HTML element.
 */
-function ComboboxRoot(props) {
-	const others = omit(props, "multiple", "value", "defaultValue", "onValueChange", "autoComplete");
+function ComboboxRoot(rawProps) {
+	const props = rawProps;
+	const others = omit(props, "multiple", "value", "defaultValue", "onValueChange", "autoComplete", "items");
+	const collection = createMemo(() => props.items && !Array.isArray(props.items) ? props.items : void 0);
 	return AriaCombobox(mergeProps({
 		get selectionMode() {
 			return props.multiple ? "multiple" : "single";
@@ -37,6 +40,14 @@ function ComboboxRoot(props) {
 		},
 		get formAutoComplete() {
 			return props.autoComplete;
+		},
+		get items() {
+			return memo(() => {
+				return !!collection();
+			})() ? collection().data : props.items;
+		},
+		get itemCollection() {
+			return collection();
 		}
 	}, others));
 }
@@ -58,7 +69,7 @@ function ComboboxLabel(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), fieldStateAttributesMapping));
-	const others = omit(allProps, "as", "class", "id", "onClick", "onPointerDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "id", "onClick", "onPointerDown", "ref", "style");
 	function focusControl(event) {
 		const target = event.composedPath()[0];
 		if (target instanceof Element && target.closest("button,input,select,textarea,a[href]")) return;
@@ -78,10 +89,7 @@ function ComboboxLabel(props) {
 			if (untrack(() => context.store.labelId()) === currentId) context.store.setLabelId(void 0);
 		};
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [internalProps.ref],
 		get id() {
 			return id();
@@ -108,8 +116,9 @@ function ComboboxValue(props) {
 		const child = props.children;
 		if (typeof child === "function") return isSolidAccessor(child) ? untrack(() => child()) : child(context.selectedValue());
 		if (child != null) return child;
-		if (!context.hasSelectedValue() && props.placeholder != null && !hasNullItemLabel(context.items())) return props.placeholder;
+		if (!context.hasSelectedValue() && props.placeholder != null && (context.hasItemCollection() || !hasNullItemLabel(context.items()))) return props.placeholder;
 		const current = context.selectedValue();
+		if (context.hasItemCollection() && current == null) return "";
 		if (context.multiple() && Array.isArray(current)) return resolveMultipleLabels(current, context.items(), context.itemToStringLabel());
 		return resolveSelectedLabel(current, context.items(), context.itemToStringLabel());
 	});
@@ -130,7 +139,7 @@ function ComboboxItemIndicator(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), transitionStatusMapping));
-	const others = omit(allProps, "as", "class", "keepMounted", "ref", "style");
+	const others = omit(allProps, "render", "class", "keepMounted", "ref", "style");
 	let element;
 	createEffect(() => ({
 		selected: item.selected(),
@@ -144,15 +153,13 @@ function ComboboxItemIndicator(props) {
 		}, controller.signal);
 		return () => controller.abort();
 	});
+	const Render = useRender(props, () => state(), (props) => ssrElement("span", props, void 0, true));
 	return Show({
 		get when() {
 			return shouldRender();
 		},
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "span";
-				},
+			return Render(mergeProps({
 				ref: [((value) => element = value), internalProps.ref],
 				"aria-hidden": "true",
 				get ["class"]() {
@@ -179,7 +186,7 @@ function ComboboxChips(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "onMouseDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "onMouseDown", "ref", "style");
 	const onMouseDown = composeEventHandlers(() => internalProps.onMouseDown, () => (event) => handleInputPress(event, context, context.disabled(), context.readOnly()));
 	createEffect(() => context.store.open(), (open) => {
 		if (open) setHighlightedChipIndex(void 0);
@@ -188,6 +195,7 @@ function ComboboxChips(props) {
 	onCleanup(() => {
 		if (context.store.chipsContainerElement === container) context.store.chipsContainerElement = null;
 	});
+	const Render = useRender(props, () => state, (props) => ssrElement("div", props, void 0, true));
 	return ComboboxChipsContext({
 		value: {
 			highlightedChipIndex,
@@ -195,10 +203,7 @@ function ComboboxChips(props) {
 			chips
 		},
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return Render(mergeProps({
 				ref: [((element) => {
 					container = element;
 					context.store.chipsContainerElement = element;
@@ -244,7 +249,7 @@ function ComboboxChip(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
-	const others = omit(allProps, "as", "class", "onKeyDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "onKeyDown", "ref", "style");
 	function resolveNextIndex(event) {
 		const current = index();
 		const [previousChipKey, nextChipKey] = getChipNavigationKeys(direction());
@@ -293,13 +298,11 @@ function ComboboxChip(props) {
 		else chips.chips.elements()[nextIndex]?.focus();
 	}
 	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => handleKeyDown);
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	return ComboboxChipContext({
 		value: { index },
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return Render(mergeProps({
 				ref: [((value) => {
 					setElement(value);
 					chips.chips.touch();
@@ -336,7 +339,7 @@ function ComboboxChipRemove(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state()));
-	const others = omit(allProps, "as", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "ref", "style");
 	/**
 	* Drops the highlight when the removed item is the highlighted one. An item filtered out of
 	* the visible list cannot be the active index, so a miss needs no clearing.
@@ -375,10 +378,7 @@ function ComboboxChipRemove(props) {
 	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => handleKeyDown, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyDown));
 	const onKeyUp = composeEventHandlers(() => untrack(() => disabled() ? stopButtonInteraction : void 0), () => internalProps.onKeyUp, () => untrack(() => nativeButton() ? void 0 : handleNonNativeButtonKeyUp));
 	const onMouseDown = composeEventHandlers(() => internalProps.onMouseDown, () => (event) => event.preventDefault());
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "button";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("button", props, void 0, true))(mergeProps({
 		ref: [internalProps.ref],
 		get type() {
 			return nativeButton() ? "button" : void 0;
@@ -445,6 +445,34 @@ function useFilter(options = {}) {
 	};
 }
 //#endregion
+//#region src/combobox/items/createItems.ts
+function createComboboxItems(data, options) {
+	let index;
+	function find(value, compare) {
+		if (!index) {
+			index = /* @__PURE__ */ new Map();
+			for (const item of flattenItems(data)) {
+				if (item == null) continue;
+				const key = options.getValue(item);
+				if (!index.has(key)) index.set(key, item);
+			}
+		}
+		const exact = index.get(value);
+		if (exact !== void 0 || compare === defaultItemEquality) return exact;
+		for (const [key, item] of index) if (compareItemEquality(key, value, compare)) return item;
+	}
+	return {
+		data,
+		value: (item) => item == null ? item : options.getValue(item),
+		itemLabel: options.getLabel,
+		hasValue: (value, compare) => find(value, compare) !== void 0,
+		label(value, compare, fallback) {
+			const item = find(value, compare);
+			return item === void 0 ? stringifyAsLabel(value, fallback) : options.getLabel(item);
+		}
+	};
+}
+//#endregion
 //#region src/combobox/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Arrow: () => ComboboxArrow,
@@ -473,8 +501,9 @@ var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Status: () => ComboboxStatus,
 	Trigger: () => ComboboxTrigger,
 	Value: () => ComboboxValue,
+	createItems: () => createComboboxItems,
 	useFilter: () => useFilter,
 	useFilteredItems: () => useFilteredItems
 });
 //#endregion
-export { index_parts_exports as Combobox };
+export { index_parts_exports as Combobox, createComboboxItems };

package/dist/lib/server/{constants-9H__9xbS.js → constants-D7ciIzsV.js}

@@ -279,9 +279,14 @@ function createSwipeDismiss(options) {
 		return isHTMLElement(target) ? target : null;
 	}
 	function findGestureScrollableTouchTarget(target, root) {
-		if (hasHorizontal() && !hasVertical()) return findScrollableTouchTarget(target, root, "horizontal");
-		if (hasVertical() && !hasHorizontal()) return findScrollableTouchTarget(target, root, "vertical");
-		return findScrollableTouchTarget(target, root, "vertical") ?? findScrollableTouchTarget(target, root, "horizontal");
+		const find = (axis) => {
+			const scrollTarget = findScrollableTouchTarget(target, root, axis);
+			const doc = ownerDocument(scrollTarget);
+			return scrollTarget === doc.body || scrollTarget === doc.documentElement ? null : scrollTarget;
+		};
+		if (hasHorizontal() && !hasVertical()) return find("horizontal");
+		if (hasVertical() && !hasHorizontal()) return find("vertical");
+		return find("vertical") ?? find("horizontal");
 	}
 	function startSwipeAtPosition(event, position, startOptions) {
 		swipeFromScrollable = false;

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

@@ -1,14 +1,15 @@
 import { t as __exportAll } from "../rolldown-runtime-D7D4PA-g.js";
+import { t as useRender } from "../useRender-CryVdCjs.js";
 import { getStateAttributesProps } from "../internals/getStateAttributesProps.js";
 import { N as triggerPress, t as cancelOpen } 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, r as getEventTarget } from "../dom-Crg_2R-j.js";
-import { i as pressableTriggerOpenStateMapping } from "../popupStateMapping-nKoUwoke.js";
-import { C as useMenuRootContext, E as useContextMenuRootContext, S as MenuRootContext, T as ContextMenuRootContext, a as MenuRadioGroup, b as mergeMenuStyles, c as MenuCheckboxItem, d as MenuGroupLabel, f as MenuGroup, 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, v as MenuPortal, x as MenuRoot, y as MenuBackdrop } from "../MenuSubmenuTrigger-DA4gsv6z.js";
-import { t as Separator } from "../Separator-vhhYxWGr.js";
-import { Dynamic, mergeProps } from "@solidjs/web";
+import { i as pressableTriggerOpenStateMapping } from "../popupStateMapping-B2KsiiLb.js";
+import { C as useMenuRootContext, E as useContextMenuRootContext, S as MenuRootContext, T as ContextMenuRootContext, a as MenuRadioGroup, b as mergeMenuStyles, c as MenuCheckboxItem, d as MenuGroupLabel, f as MenuGroup, 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, v as MenuPortal, x as MenuRoot, y as MenuBackdrop } from "../MenuSubmenuTrigger-rR8ZN7YR.js";
+import { t as Separator } from "../Separator-DTvtnxzP.js";
+import { mergeProps, ssrElement } from "@solidjs/web";
 import { createEffect, createMemo, createSignal, omit, onCleanup } from "solid-js";
 //#region src/context-menu/root/ContextMenuRoot.tsx
 /** Groups all parts of a context menu without rendering an element. */
@@ -96,7 +97,7 @@ function ContextMenuTrigger(props) {
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => mergeMenuStyles({ "-webkit-touch-callout": "none" }, resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), pressableTriggerOpenStateMapping));
-	const others = omit(allProps, "as", "class", "onContextMenu", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "ref", "style");
+	const others = omit(allProps, "render", "class", "onContextMenu", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "ref", "style");
 	let touchPosition = null;
 	let longPressTimer;
 	let allowMouseUpTimer;
@@ -199,10 +200,7 @@ function ContextMenuTrigger(props) {
 		clearTimeout(allowMouseUpTimer);
 		mouseUpController?.abort();
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true))(mergeProps({
 		ref: [((value) => setElement(value)), internalProps.ref],
 		get ["class"]() {
 			return classValue();

package/dist/lib/server/{createAnchorPositioning-C-cVOPwz.js → createAnchorPositioning-B5Y0WEev.js}

@@ -286,7 +286,7 @@ function createAnchorPositioning(options) {
 			}),
 			baseArrow(() => ({
 				element: currentArrowElement ?? ownerDocument(currentFloatingElement).createElement("div"),
-				padding: arrowPadding,
+				padding: currentArrowElement ? arrowPadding : 0,
 				offsetParent: "floating"
 			})),
 			{
@@ -294,18 +294,22 @@ function createAnchorPositioning(options) {
 				fn(state) {
 					const renderedSide = getSide(state.placement);
 					const arrow = currentArrowElement;
+					const renderedAlign = getAlignment(state.placement);
+					const vertical = renderedSide === "top" || renderedSide === "bottom";
 					const arrowX = state.middlewareData.arrow?.x ?? 0;
 					const arrowY = state.middlewareData.arrow?.y ?? 0;
 					const transformX = arrowX + (arrow?.clientWidth ?? 0) / 2;
 					const transformY = arrowY + (arrow?.clientHeight ?? 0) / 2;
+					let crossOrigin = `${vertical ? transformX : transformY}px`;
+					if (!arrow && renderedAlign && Math.abs(vertical ? state.middlewareData.shift?.x ?? 0 : state.middlewareData.shift?.y ?? 0) <= 1) crossOrigin = renderedAlign === "start" === (vertical && state.platform.isRTL?.(state.elements.floating) === true) ? "100%" : "0%";
 					const sideOffsetValue = typeof sideOffset === "function" ? sideOffset(offsetData(state, requestedSide(), rtl())) : sideOffset;
 					const adjacent = {
-						top: `${transformX}px calc(100% + ${sideOffsetValue}px)`,
-						bottom: `${transformX}px ${-sideOffsetValue}px`,
-						left: `calc(100% + ${sideOffsetValue}px) ${transformY}px`,
-						right: `${-sideOffsetValue}px ${transformY}px`
+						top: `${crossOrigin} calc(100% + ${sideOffsetValue}px)`,
+						bottom: `${crossOrigin} ${-sideOffsetValue}px`,
+						left: `calc(100% + ${sideOffsetValue}px) ${crossOrigin}`,
+						right: `${-sideOffsetValue}px ${crossOrigin}`
 					}[renderedSide];
-					const overlap = `${transformX}px ${state.rects.reference.y + state.rects.reference.height / 2 - state.y}px`;
+					const overlap = `${crossOrigin} ${state.rects.reference.y + state.rects.reference.height / 2 - state.y}px`;
 					const overlaps = Math.abs(state.middlewareData.shift?.y ?? 0) > sideOffsetValue;
 					state.elements.floating.style.setProperty("--transform-origin", crossAxis && ["top", "bottom"].includes(renderedSide) && overlaps ? overlap : adjacent);
 					return {};
@@ -330,6 +334,7 @@ function createAnchorPositioning(options) {
 		middleware,
 		transform: () => !options.adaptiveOriginMiddleware?.(),
 		autoUpdate: () => ({
+			ancestorScroll: !(options.disableAnchorTracking?.() ?? false),
 			elementResize: !(options.disableAnchorTracking?.() ?? false) && typeof ResizeObserver !== "undefined",
 			layoutShift: !(options.disableAnchorTracking?.() ?? false) && typeof IntersectionObserver !== "undefined"
 		})

package/dist/lib/server/{createCollapsiblePanel-DTyVJz0G.js → createCollapsiblePanel-B45kTe6v.js}

@@ -1,4 +1,4 @@
-import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-DCHzXWZU.js";
+import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-CYq38H8J.js";
 import { createEffect, createMemo, createSignal, onCleanup, untrack } from "solid-js";
 //#region src/collapsible/root/createCollapsibleTransitionStatus.ts
 /** Adds an idle phase and a frame boundary before Collapsible exit styles apply. */

package/dist/lib/server/{createFocusInteraction-EIS0QOel.js → createFocusInteraction-DMyKsniI.js}

@@ -1,7 +1,7 @@
 import { j as triggerFocus } from "./internals/reasons.js";
 import { createChangeEventDetails } from "./internals/createBaseUIEventDetails.js";
-import { n as contains, p as ownerDocument, t as activeElement } from "./dom-Crg_2R-j.js";
-import { onCleanup } from "solid-js";
+import { m as ownerWindow, n as contains, p as ownerDocument, t as activeElement } from "./dom-Crg_2R-j.js";
+import { createEffect, onCleanup } from "solid-js";
 //#region src/internals/overlay/createFocusInteraction.ts
 function matchesFocusVisible(element) {
 	try {
@@ -15,6 +15,7 @@ function createFocusInteraction(options) {
 	let closeTimer;
 	let blockFocus = false;
 	let blockedReference = null;
+	let focusedReference = null;
 	const unsubscribe = options.context.context.events.on("openchange", (details) => {
 		if (!details.open && (details.reason === "escape-key" || details.reason === "trigger-press")) {
 			blockFocus = true;
@@ -28,10 +29,27 @@ function createFocusInteraction(options) {
 		clearTimeout(closeTimer);
 	});
 	const enabled = () => options.enabled?.() ?? true;
+	createEffect(() => ({
+		enabled: enabled(),
+		reference: options.context.track().domReferenceElement
+	}), (state) => {
+		if (!state.enabled) return;
+		const windowNode = ownerWindow(state.reference);
+		const onWindowBlur = () => {
+			const reference = focusedReference ?? options.context.state.domReferenceElement;
+			if (!options.context.state.open && reference === activeElement(ownerDocument(reference))) {
+				blockFocus = true;
+				blockedReference = reference;
+			}
+		};
+		windowNode.addEventListener("blur", onWindowBlur);
+		return () => windowNode.removeEventListener("blur", onWindowBlur);
+	});
 	return {
 		onFocus(event) {
 			if (!enabled()) return;
 			const trigger = event.currentTarget;
+			focusedReference = trigger;
 			if (blockFocus && blockedReference !== trigger) {
 				blockFocus = false;
 				blockedReference = null;
@@ -42,10 +60,12 @@ function createFocusInteraction(options) {
 			const delay = options.context.state.open ? 0 : options.delay?.() ?? 0;
 			clearTimeout(openTimer);
 			openTimer = setTimeout(() => {
+				if (!enabled() || blockFocus && blockedReference === trigger) return;
 				options.context.setOpen(true, createChangeEventDetails(triggerFocus, event, trigger));
 			}, delay);
 		},
 		onBlur(event) {
+			focusedReference = null;
 			clearTimeout(openTimer);
 			clearTimeout(closeTimer);
 			if (blockedReference === event.currentTarget) {

package/dist/lib/server/createLabelableId-WMUKtY6s.js

@@ -0,0 +1,18 @@
+import { r as useLabelableContext } from "./LabelableContext-BTeF0IWb.js";
+import { createEffect, onCleanup } from "solid-js";
+//#region src/internals/labelable-provider/createLabelableId.ts
+/** Keep the server label/control pair associated until explicit IDs register on the client. */
+function createLabelableId(id, fallback, enabled = () => true) {
+	const context = useLabelableContext();
+	const source = Symbol("LabelableId");
+	createEffect(() => ({
+		id: id(),
+		enabled: enabled()
+	}), (current) => {
+		context.registerControlId(source, current.enabled ? current.id === void 0 ? context.defaultControlId ?? fallback : current.id : void 0);
+	});
+	onCleanup(() => context.registerControlId(source, void 0));
+	return () => (enabled() ? context.controlId() : void 0) ?? id() ?? fallback;
+}
+//#endregion
+export { createLabelableId as t };

package/dist/lib/server/{createPopupAutoResize-DO50jjNX.js → createPopupAutoResize-ImBjwdj_.js}

@@ -1,4 +1,4 @@
-import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-DCHzXWZU.js";
+import { t as runOnceAnimationsFinish } from "./runOnceAnimationsFinish-CYq38H8J.js";
 import { c as isHTMLElement, m as ownerWindow } from "./dom-Crg_2R-j.js";
 import { createEffect, untrack } from "solid-js";
 //#region src/internals/overlay/createPopupAutoResize.ts

package/dist/lib/server/{createTransitionStatus-BTlrerSS.js → createTransitionStatus-184v7j3-.js}

@@ -1,9 +1,9 @@
 import { createEffect, createSignal, untrack } from "solid-js";
 //#region src/internals/createTransitionStatus.ts
 /** Tracks mount retention and CSS starting/ending states for a visibility accessor. */
-function createTransitionStatus(open) {
+function createTransitionStatus(open, animateInitialOpen = false) {
 	const [mounted, setMounted] = createSignal(untrack(open), { ownedWrite: true });
-	const [transitionStatus, setTransitionStatus] = createSignal(void 0, { ownedWrite: true });
+	const [transitionStatus, setTransitionStatus] = createSignal(untrack(open) && animateInitialOpen ? "starting" : void 0, { ownedWrite: true });
 	createEffect(() => ({
 		open: open(),
 		mounted: mounted(),

package/dist/lib/server/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, n as createDialogHandle, o as DialogPortal, p as DialogRoot, r as DialogViewport, t as DialogHandle } from "../DialogHandle-ATZlm9RC.js";
-import { n as DialogBackdrop, t as DialogPopup } from "../DialogPopup-BebI-w5P.js";
+import { a as DialogTitle, c as DialogDescription, i as DialogTrigger, l as DialogClose, n as createDialogHandle, o as DialogPortal, p as DialogRoot, r as DialogViewport, t as DialogHandle } from "../DialogHandle-nJSSy_jM.js";
+import { n as DialogBackdrop, t as DialogPopup } from "../DialogPopup-Da1aIxVA.js";
 //#region src/dialog/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Backdrop: () => DialogBackdrop,