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

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

@@ -1,4 +1,5 @@
 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 { M as triggerHover, N as triggerPress, d as imperativeAction, s as disabled, w as none } from "../internals/reasons.js";
 import { n as resolveClass, t as resolveStyle } from "../resolveStyle-XCSFDHAL.js";
@@ -6,17 +7,17 @@ import { createChangeEventDetails } from "../internals/createBaseUIEventDetails.
 import { transitionStatusMapping } from "../internals/stateAttributesMapping.js";
 import { composeEventHandlers } from "../internals/composeEventHandlers.js";
 import { a as isElement, m as ownerWindow, n as contains, r as getEventTarget } from "../dom-Crg_2R-j.js";
-import { t as PopupViewport } from "../PopupViewport-3r_KTFwX.js";
-import { t as createAnchorPositioning } from "../createAnchorPositioning-C-cVOPwz.js";
+import { t as PopupViewport } from "../PopupViewport-DftN5VUp.js";
+import { t as createAnchorPositioning } from "../createAnchorPositioning-B5Y0WEev.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-DEs3FAEe.js";
-import { t as createFocusInteraction } from "../createFocusInteraction-EIS0QOel.js";
-import { n as createInitialPositioning, r as createHoverInteraction, t as safePolygon } from "../safePolygon-CAm5RJGv.js";
-import { a as triggerOpenStateMapping, o as PopupPortal } from "../popupStateMapping-nKoUwoke.js";
-import { i as createPopupHandleStore, n as DetachedPopupStore, r as attachPopupHandle, t as BasePopupHandle } from "../PopupHandle-DthPgNjy.js";
+import { a as createPopupPresence, n as createTriggerRegistration, o as createDismiss, t as PopupStore } from "../PopupStore-kHjFPiQ5.js";
+import { t as createFocusInteraction } from "../createFocusInteraction-DMyKsniI.js";
+import { n as createInitialPositioning, r as createHoverInteraction, t as safePolygon } from "../safePolygon-C1GNJbKR.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 { t as setRef } from "../setRef-Bt70sW7c.js";
 import { n as useDirection } from "../DirectionContext-YORWLF08.js";
-import { Dynamic, escape, memo, mergeProps } from "@solidjs/web";
+import { escape, memo, mergeProps, ssrElement } from "@solidjs/web";
 import { $REFRESH, Show, createContext, createEffect, createMemo, createRoot, createSignal, createUniqueId, omit, onCleanup, untrack, useContext } from "solid-js";
 //#region src/internals/overlay/createClientPoint.ts
 function createClientPoint(options) {
@@ -529,10 +530,11 @@ function TooltipTrigger(props) {
 	const interactionDisabled = createMemo(() => store().disabled() || (internalProps.disabled ?? false));
 	const open = createMemo(() => store().open() && store().activeTriggerId() === id());
 	const state = createMemo(() => ({ open: open() }));
+	const Render = useRender(props, () => state(), (props) => ssrElement("button", props, void 0, true));
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), triggerOpenStateMapping));
-	const others = omit(allProps, "as", "class", "closeDelay", "closeOnClick", "delay", "disabled", "handle", "id", "onBlur", "onClick", "onFocus", "onKeyDown", "onMouseLeave", "onMouseMove", "onMouseOver", "onPointerDown", "onPointerEnter", "payload", "ref", "style");
+	const others = omit(allProps, "render", "class", "closeDelay", "closeOnClick", "delay", "disabled", "handle", "id", "onBlur", "onClick", "onFocus", "onKeyDown", "onMouseLeave", "onMouseMove", "onMouseOver", "onPointerDown", "onPointerEnter", "payload", "ref", "style");
 	let focusHandlers;
 	let hoverControls;
 	let nestedTriggerHovered = false;
@@ -560,7 +562,7 @@ function TooltipTrigger(props) {
 	});
 	function getOpenDelay() {
 		if (!provider) return internalProps.delay ?? OPEN_DELAY;
-		if (provider.group.delay().open === 0) return 0;
+		if (provider.group.currentId() !== null) return 0;
 		return internalProps.delay ?? provider.delay() ?? OPEN_DELAY;
 	}
 	function getCloseDelay() {
@@ -681,10 +683,7 @@ function TooltipTrigger(props) {
 	const onPointerDown = composeEventHandlers(() => internalProps.onPointerDown, () => handlePointerDown);
 	const onPointerEnter = composeEventHandlers(() => internalProps.onPointerEnter, () => handlePointerEnter);
 	onCleanup(() => clearTimeout(nestedOpenTimer));
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "button";
-		},
+	return Render(mergeProps({
 		ref: [((value) => setElement(value)), internalProps.ref],
 		get id() {
 			return id();
@@ -747,7 +746,7 @@ function TooltipPortal(props) {
 	const state = {};
 	const classValue = createMemo(() => resolveClass(props.class, state));
 	const styleValue = createMemo(() => resolveStyle(props.style, state));
-	const others = omit(allProps, "as", "class", "container", "keepMounted", "ref", "style");
+	const others = omit(allProps, "render", "class", "container", "keepMounted", "ref", "style");
 	const portalContext = { keepMounted };
 	return Show({
 		get when() {
@@ -758,8 +757,8 @@ function TooltipPortal(props) {
 				value: portalContext,
 				get children() {
 					return PopupPortal(mergeProps({
-						get as() {
-							return props.as;
+						get render() {
+							return props.render;
 						},
 						lite: true,
 						get container() {
@@ -872,13 +871,14 @@ function TooltipPositioner(props) {
 		anchorHidden: positioning.anchorHidden(),
 		instant: context.store.trackCursorAxis() !== "none" ? "tracking-cursor" : context.store.track().instantType ?? (initialPositioning() ? "initial" : void 0)
 	}));
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => mergeTooltipStyles({
 		...positioning.styles(),
 		"pointer-events": !context.store.open() || context.store.trackCursorAxis() === "both" || context.store.disableHoverablePopup() ? "none" : void 0
 	}, resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), tooltipPositionerStateMapping));
-	const others = omit(allProps, "align", "alignOffset", "anchor", "arrowPadding", "as", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style");
+	const others = omit(allProps, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style");
 	const positionerContext = {
 		side: positioning.renderedSide,
 		align: positioning.renderedAlign,
@@ -896,10 +896,7 @@ function TooltipPositioner(props) {
 	return TooltipPositionerContext({
 		value: positionerContext,
 		get children() {
-			return Dynamic(mergeProps({
-				get component() {
-					return props.as ?? "div";
-				},
+			return Render(mergeProps({
 				ref: [((value) => {
 					setElement(value);
 					context.store.setPositionerElement(value);
@@ -938,10 +935,11 @@ function TooltipPopup(props) {
 		instant: context.store.track().instantType,
 		transitionStatus: context.store.track().transitionStatus
 	}));
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), tooltipPopupStateMapping));
-	const others = omit(allProps, "as", "class", "onKeyDown", "ref", "style");
+	const others = omit(allProps, "render", "class", "onKeyDown", "ref", "style");
 	const onKeyDown = composeEventHandlers(() => internalProps.onKeyDown, () => {
 		const handler = context.store.state.popupProps.onKeyDown;
 		return typeof handler === "function" ? handler : void 0;
@@ -950,10 +948,7 @@ function TooltipPopup(props) {
 	onCleanup(() => {
 		if (context.store.state.popupElement === popupElement) context.store.setPopupElement(null);
 	});
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return Render(mergeProps({
 		ref: [((element) => {
 			popupElement = element;
 			context.store.setPopupElement(element);
@@ -987,14 +982,12 @@ function TooltipViewport(props) {
 		transitioning: transitioning(),
 		instant: context.store.track().instantType
 	}));
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => resolveStyle(props.style, state()));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), tooltipViewportStateMapping));
-	const others = omit(allProps, "as", "children", "class", "ref", "style");
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	const others = omit(allProps, "render", "children", "class", "ref", "style");
+	return Render(mergeProps({
 		ref: [internalProps.ref],
 		get ["class"]() {
 			return classValue();
@@ -1035,15 +1028,13 @@ function TooltipArrow(props) {
 		uncentered: positioner.arrowUncentered(),
 		instant: context.store.track().instantType
 	}));
+	const Render = useRender(props, () => state(), (props) => ssrElement("div", props, void 0, true));
 	const classValue = createMemo(() => resolveClass(props.class, state()));
 	const styleValue = createMemo(() => mergeTooltipStyles(positioner.arrowStyles(), resolveStyle(props.style, state())));
 	const stateAttributes = createMemo(() => getStateAttributesProps(state(), tooltipArrowStateMapping));
-	const others = omit(allProps, "as", "class", "ref", "style");
+	const others = omit(allProps, "render", "class", "ref", "style");
 	onCleanup(() => positioner.setArrowElement(null));
-	return Dynamic(mergeProps({
-		get component() {
-			return props.as ?? "div";
-		},
+	return Render(mergeProps({
 		ref: [((element) => positioner.setArrowElement(element)), internalProps.ref],
 		"aria-hidden": "true",
 		get ["class"]() {

package/dist/lib/server/use-render/index.js

@@ -0,0 +1,2 @@
+import { t as useRender } from "../useRender-CryVdCjs.js";
+export { useRender };