solid-tiny-ui 0.4.0 → 0.6.0

package/dist/primitives/fake-scroll-list/context.jsx

@@ -0,0 +1,30 @@
+import { createComponentState } from "solid-tiny-context";
+
+//#region src/primitives/fake-scroll-list/context.ts
+/** biome-ignore-all lint/suspicious/noExplicitAny: any */
+const context = createComponentState({
+	state: () => ({
+		inViewIndex: 0,
+		visibleItemsCount: 5,
+		itemHeight: 30,
+		items: []
+	}),
+	getters: {
+		shouldFake() {
+			return this.state.items.length > this.state.visibleItemsCount;
+		},
+		overScan() {
+			if (!this.state.shouldFake) return 0;
+			return Math.ceil(this.state.visibleItemsCount / 2) + 3;
+		},
+		fixedInViewIndex() {
+			let index = this.state.inViewIndex;
+			if (index < 0) index = this.state.items.length + index % this.state.items.length;
+			if (index >= this.state.items.length) index %= this.state.items.length;
+			return index;
+		}
+	}
+});
+
+//#endregion
+export { context };

package/dist/primitives/fake-scroll-list/index.d.ts

@@ -0,0 +1,52 @@
+import { Item } from "./item.js";
+import { Listbox } from "./listbox.js";
+import { Root } from "./root.js";
+import * as solid_js_store0 from "solid-js/store";
+
+//#region src/primitives/fake-scroll-list/index.d.ts
+
+/**
+ * create a fake scroll list component
+ *
+ * @example
+ * ```tsx
+ * <FakeScrollListCore
+ *   items={items}
+ *   visibleItemsCount={5}
+ *   itemHeight={30}
+ *   inViewIndex={inViewIndex}
+ *   onInViewIndexChange={(index) => setInViewIndex(index)}
+ * >
+ *   <FakeScrollListCore.Listbox>
+ *     {(label, index) => (
+ *       <FakeScrollListCore.Item index={index()}>
+ *         {label}
+ *       </FakeScrollListCore.Item>
+ *     )}
+ *   </FakeScrollListCore.Listbox>
+ * </FakeScrollListCore>
+ * ```
+ */
+declare const FakeScrollListCore: typeof Root & {
+  Item: typeof Item;
+  Listbox: typeof Listbox;
+  useContext: () => [Readonly<{
+    inViewIndex: number;
+    visibleItemsCount: number;
+    itemHeight: number;
+    items: string[];
+  } & {
+    shouldFake: boolean;
+    overScan: number;
+    fixedInViewIndex: number;
+  }>, Omit<{}, "setState" | "shouldFake" | "overScan" | "fixedInViewIndex"> & {
+    setState: solid_js_store0.SetStoreFunction<{
+      inViewIndex: number;
+      visibleItemsCount: number;
+      itemHeight: number;
+      items: string[];
+    }>;
+  }, {}];
+};
+//#endregion
+export { FakeScrollListCore };

package/dist/primitives/fake-scroll-list/index.js

@@ -0,0 +1,36 @@
+import { context } from "./context.js";
+import { Item } from "./item.js";
+import { Listbox } from "./listbox.js";
+import { Root } from "./root.js";
+
+//#region src/primitives/fake-scroll-list/index.ts
+/**
+* create a fake scroll list component
+*
+* @example
+* ```tsx
+* <FakeScrollListCore
+*   items={items}
+*   visibleItemsCount={5}
+*   itemHeight={30}
+*   inViewIndex={inViewIndex}
+*   onInViewIndexChange={(index) => setInViewIndex(index)}
+* >
+*   <FakeScrollListCore.Listbox>
+*     {(label, index) => (
+*       <FakeScrollListCore.Item index={index()}>
+*         {label}
+*       </FakeScrollListCore.Item>
+*     )}
+*   </FakeScrollListCore.Listbox>
+* </FakeScrollListCore>
+* ```
+*/
+const FakeScrollListCore = Object.assign(Root, {
+	Item,
+	Listbox,
+	useContext: context.useContext
+});
+
+//#endregion
+export { FakeScrollListCore };

package/dist/primitives/fake-scroll-list/index.jsx

@@ -0,0 +1,36 @@
+import { context } from "./context.jsx";
+import { Item } from "./item.jsx";
+import { Listbox } from "./listbox.jsx";
+import { Root } from "./root.jsx";
+
+//#region src/primitives/fake-scroll-list/index.ts
+/**
+* create a fake scroll list component
+*
+* @example
+* ```tsx
+* <FakeScrollListCore
+*   items={items}
+*   visibleItemsCount={5}
+*   itemHeight={30}
+*   inViewIndex={inViewIndex}
+*   onInViewIndexChange={(index) => setInViewIndex(index)}
+* >
+*   <FakeScrollListCore.Listbox>
+*     {(label, index) => (
+*       <FakeScrollListCore.Item index={index()}>
+*         {label}
+*       </FakeScrollListCore.Item>
+*     )}
+*   </FakeScrollListCore.Listbox>
+* </FakeScrollListCore>
+* ```
+*/
+const FakeScrollListCore = Object.assign(Root, {
+	Item,
+	Listbox,
+	useContext: context.useContext
+});
+
+//#endregion
+export { FakeScrollListCore };

package/dist/primitives/fake-scroll-list/item.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from "solid-js";
+
+//#region src/primitives/fake-scroll-list/item.d.ts
+declare function Item(props: {
+  class?: string;
+  style?: JSX.CSSProperties | string;
+  children: JSX.Element;
+  key: string;
+}): JSX.Element;
+//#endregion
+export { Item };

package/dist/primitives/fake-scroll-list/item.js

@@ -0,0 +1,30 @@
+import { context } from "./context.js";
+import { className, effect, insert, setAttribute, style, template } from "solid-js/web";
+import { combineStyle, dataIf } from "solid-tiny-utils";
+
+//#region src/primitives/fake-scroll-list/item.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+function Item(props) {
+	const [state] = context.useContext();
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, () => props.children);
+		effect((_p$) => {
+			var _v$ = props.class, _v$2 = dataIf(props.key === `${state.fixedInViewIndex}`), _v$3 = props.key, _v$4 = combineStyle({ height: `${state.itemHeight}px` }, props.style);
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_v$2 !== _p$.t && setAttribute(_el$, "data-in-view", _p$.t = _v$2);
+			_v$3 !== _p$.a && setAttribute(_el$, "data-key", _p$.a = _v$3);
+			_p$.o = style(_el$, _v$4, _p$.o);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		});
+		return _el$;
+	})();
+}
+
+//#endregion
+export { Item };

package/dist/primitives/fake-scroll-list/item.jsx

@@ -0,0 +1,13 @@
+import { context } from "./context.jsx";
+import { combineStyle, dataIf } from "solid-tiny-utils";
+
+//#region src/primitives/fake-scroll-list/item.tsx
+function Item(props) {
+	const [state] = context.useContext();
+	return <div class={props.class} data-in-view={dataIf(props.key === `${state.fixedInViewIndex}`)} data-key={props.key} style={combineStyle({ height: `${state.itemHeight}px` }, props.style)}>
+      {props.children}
+    </div>;
+}
+
+//#endregion
+export { Item };

package/dist/primitives/fake-scroll-list/listbox.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from "solid-js";
+
+//#region src/primitives/fake-scroll-list/listbox.d.ts
+declare function Listbox(props: {
+  children: (label: string, key: string) => JSX.Element;
+}): JSX.Element;
+//#endregion
+export { Listbox };

package/dist/primitives/fake-scroll-list/listbox.js

@@ -0,0 +1,72 @@
+import { context } from "./context.js";
+import { createComponent, effect, insert, setStyleProperty, template, use } from "solid-js/web";
+import { For as For$1, createMemo, onMount } from "solid-js";
+import { runAtNextAnimationFrame } from "solid-tiny-utils";
+
+//#region src/primitives/fake-scroll-list/listbox.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+function Listbox(props) {
+	const [state, actions] = context.useContext();
+	const renderItems = createMemo(() => {
+		const keyedItems = state.items.map((item, index) => ({
+			item,
+			key: `${index}`
+		}));
+		if (state.shouldFake) {
+			const items = [
+				...keyedItems.map((k) => ({
+					item: k.item,
+					key: `${k.key}-pre`
+				})),
+				...keyedItems,
+				...keyedItems.map((k) => ({
+					item: k.item,
+					key: `${k.key}-post`
+				}))
+			];
+			const startIndex = state.items.length - state.overScan;
+			const endIndex = 2 * state.items.length + state.overScan;
+			return items.slice(startIndex, endIndex);
+		}
+		return keyedItems;
+	});
+	let ref;
+	onMount(() => {
+		runAtNextAnimationFrame(() => {
+			ref.style.transition = "transform 0.2s ease";
+		});
+	});
+	const checkPos = () => {
+		if (state.inViewIndex < 0 || state.inViewIndex >= state.items.length) {
+			ref.style.transition = "none";
+			actions.setState("inViewIndex", state.fixedInViewIndex);
+			runAtNextAnimationFrame(() => {
+				ref.style.transition = "transform 0.2s ease";
+			});
+		}
+	};
+	const translateY = createMemo(() => {
+		const centerHeight = Math.floor(state.visibleItemsCount / 2) * state.itemHeight;
+		const overScanHeight = state.overScan * state.itemHeight;
+		return -state.inViewIndex * state.itemHeight + centerHeight - overScanHeight;
+	});
+	return (() => {
+		var _el$ = _tmpl$();
+		var _ref$ = ref;
+		typeof _ref$ === "function" ? use(_ref$, _el$) : ref = _el$;
+		_el$.addEventListener("transitionend", () => {
+			checkPos();
+		});
+		insert(_el$, createComponent(For$1, {
+			get each() {
+				return renderItems();
+			},
+			children: (item) => props.children(item.item, item.key)
+		}));
+		effect((_$p) => setStyleProperty(_el$, "transform", `translateY(${translateY()}px)`));
+		return _el$;
+	})();
+}
+
+//#endregion
+export { Listbox };

package/dist/primitives/fake-scroll-list/listbox.jsx

@@ -0,0 +1,61 @@
+import { context } from "./context.jsx";
+import { For, createMemo, onMount } from "solid-js";
+import { runAtNextAnimationFrame } from "solid-tiny-utils";
+
+//#region src/primitives/fake-scroll-list/listbox.tsx
+function Listbox(props) {
+	const [state, actions] = context.useContext();
+	const renderItems = createMemo(() => {
+		const keyedItems = state.items.map((item, index) => ({
+			item,
+			key: `${index}`
+		}));
+		if (state.shouldFake) {
+			const items = [
+				...keyedItems.map((k) => ({
+					item: k.item,
+					key: `${k.key}-pre`
+				})),
+				...keyedItems,
+				...keyedItems.map((k) => ({
+					item: k.item,
+					key: `${k.key}-post`
+				}))
+			];
+			const startIndex = state.items.length - state.overScan;
+			const endIndex = 2 * state.items.length + state.overScan;
+			return items.slice(startIndex, endIndex);
+		}
+		return keyedItems;
+	});
+	let ref;
+	onMount(() => {
+		runAtNextAnimationFrame(() => {
+			ref.style.transition = "transform 0.2s ease";
+		});
+	});
+	const checkPos = () => {
+		if (state.inViewIndex < 0 || state.inViewIndex >= state.items.length) {
+			ref.style.transition = "none";
+			actions.setState("inViewIndex", state.fixedInViewIndex);
+			runAtNextAnimationFrame(() => {
+				ref.style.transition = "transform 0.2s ease";
+			});
+		}
+	};
+	const translateY = createMemo(() => {
+		const centerHeight = Math.floor(state.visibleItemsCount / 2) * state.itemHeight;
+		const overScanHeight = state.overScan * state.itemHeight;
+		return -state.inViewIndex * state.itemHeight + centerHeight - overScanHeight;
+	});
+	return <div onTransitionEnd={() => {
+		checkPos();
+	}} ref={ref} style={{ transform: `translateY(${translateY()}px)` }}>
+      <For each={renderItems()}>
+        {(item) => props.children(item.item, item.key)}
+      </For>
+    </div>;
+}
+
+//#endregion
+export { Listbox };

package/dist/primitives/fake-scroll-list/root.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from "solid-js";
+
+//#region src/primitives/fake-scroll-list/root.d.ts
+declare function Root(props: {
+  children: JSX.Element;
+  class?: string;
+  style?: JSX.CSSProperties | string;
+  items: string[];
+  visibleItemsCount: number;
+  itemHeight: number;
+  inViewIndex: number;
+  onInViewIndexChange: (index: number) => void;
+}): JSX.Element;
+//#endregion
+export { Root };

package/dist/primitives/fake-scroll-list/root.js

@@ -0,0 +1,52 @@
+import { context } from "./context.js";
+import { className, createComponent, effect, insert, style, template } from "solid-js/web";
+import { combineStyle, createWatch } from "solid-tiny-utils";
+
+//#region src/primitives/fake-scroll-list/root.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<div>`);
+function Root(props) {
+	const Context = context.initial({
+		items: () => props.items,
+		visibleItemsCount: () => props.visibleItemsCount,
+		itemHeight: () => props.itemHeight
+	});
+	const [state, actions] = Context.value;
+	createWatch(() => props.inViewIndex, (index) => {
+		if (index !== state.fixedInViewIndex) actions.setState("inViewIndex", index);
+	});
+	createWatch(() => state.fixedInViewIndex, (inViewIndex) => {
+		if (inViewIndex !== props.inViewIndex) props.onInViewIndexChange(inViewIndex);
+	});
+	const handleOnWheel = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		const { deltaY } = e;
+		const index = state.inViewIndex;
+		const newIndex = deltaY > 0 ? index + 1 : index - 1;
+		if (state.shouldFake) {
+			if (newIndex >= -state.overScan + 3 && newIndex < state.items.length + state.overScan - 3) actions.setState("inViewIndex", newIndex);
+		} else if (newIndex >= 0 && newIndex < state.items.length) actions.setState("inViewIndex", newIndex);
+	};
+	return createComponent(Context.Provider, { get children() {
+		var _el$ = _tmpl$();
+		_el$.addEventListener("wheel", handleOnWheel);
+		insert(_el$, () => props.children);
+		effect((_p$) => {
+			var _v$ = props.class, _v$2 = combineStyle({
+				height: `${props.itemHeight * props.visibleItemsCount}px`,
+				width: "100%",
+				overflow: "hidden"
+			}, props.style);
+			_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+			_p$.t = style(_el$, _v$2, _p$.t);
+			return _p$;
+		}, {
+			e: void 0,
+			t: void 0
+		});
+		return _el$;
+	} });
+}
+
+//#endregion
+export { Root };

package/dist/primitives/fake-scroll-list/root.jsx

@@ -0,0 +1,40 @@
+import { context } from "./context.jsx";
+import { combineStyle, createWatch } from "solid-tiny-utils";
+
+//#region src/primitives/fake-scroll-list/root.tsx
+function Root(props) {
+	const Context = context.initial({
+		items: () => props.items,
+		visibleItemsCount: () => props.visibleItemsCount,
+		itemHeight: () => props.itemHeight
+	});
+	const [state, actions] = Context.value;
+	createWatch(() => props.inViewIndex, (index) => {
+		if (index !== state.fixedInViewIndex) actions.setState("inViewIndex", index);
+	});
+	createWatch(() => state.fixedInViewIndex, (inViewIndex) => {
+		if (inViewIndex !== props.inViewIndex) props.onInViewIndexChange(inViewIndex);
+	});
+	const handleOnWheel = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		const { deltaY } = e;
+		const index = state.inViewIndex;
+		const newIndex = deltaY > 0 ? index + 1 : index - 1;
+		if (state.shouldFake) {
+			if (newIndex >= -state.overScan + 3 && newIndex < state.items.length + state.overScan - 3) actions.setState("inViewIndex", newIndex);
+		} else if (newIndex >= 0 && newIndex < state.items.length) actions.setState("inViewIndex", newIndex);
+	};
+	return <Context.Provider>
+      <div class={props.class} onWheel={handleOnWheel} style={combineStyle({
+		height: `${props.itemHeight * props.visibleItemsCount}px`,
+		width: "100%",
+		overflow: "hidden"
+	}, props.style)}>
+        {props.children}
+      </div>
+    </Context.Provider>;
+}
+
+//#endregion
+export { Root };

package/dist/primitives/floating/content.js

@@ -1,3 +1,4 @@
+import { getAnimationDurationMs } from "../../utils/duration.js";
 import { context } from "./context.js";
 import { runSolidEventHandler as runSolidEventHandler$1 } from "./utils.js";
 import { Portal, createComponent, effect, insert, mergeProps, setStyleProperty, spread, template, use } from "solid-js/web";
@@ -51,17 +52,17 @@ function FloatingContentCore(props) {
 		});
 		typeof _ref$ === "function" && use(_ref$, _el$2);
 		spread(_el$2, mergeProps(otherProps, {
-			get ["data-closing"]() {
-				return dataIf(staticData.presenceState() === "closing");
+			get ["data-entering"]() {
+				return dataIf(["pre-enter", "entering"].includes(staticData.presencePhase()));
 			},
-			get ["data-opening"]() {
-				return dataIf(staticData.presenceState() === "opening");
+			get ["data-exiting"]() {
+				return dataIf(["exiting"].includes(staticData.presencePhase()));
 			},
 			get ["data-placement"]() {
 				return state.placement;
 			},
-			get ["data-status"]() {
-				return staticData.presenceState();
+			get ["data-presence-phase"]() {
+				return staticData.presencePhase();
 			},
 			"onMouseEnter": (e) => {
 				if (state.canHoverContent && state.trigger === "hover") actions.setOpen(true);
@@ -90,14 +91,14 @@ function FloatingContentCore(props) {
 }
 function Content(props) {
 	const [state, , staticData] = context.useContext();
-	const [show, presenceState] = createPresence({
-		show: () => state.open,
-		element: () => state.refContentInner || void 0
+	const presence = createPresence(() => state.open, {
+		enterDuration: () => getAnimationDurationMs(state.refContentInner),
+		exitDuration: () => getAnimationDurationMs(state.refContentInner)
 	});
-	staticData.presenceState = presenceState;
+	staticData.presencePhase = presence.phase;
 	return createComponent(Show, {
 		get when() {
-			return show();
+			return presence.isMounted();
 		},
 		get children() {
 			return createComponent(Portal, {

package/dist/primitives/floating/content.jsx

@@ -1,3 +1,4 @@
+import { getAnimationDurationMs } from "../../utils/duration.jsx";
 import { context } from "./context.jsx";
 import { runSolidEventHandler as runSolidEventHandler$1 } from "./utils.jsx";
 import { Show, onCleanup, onMount, splitProps } from "solid-js";
@@ -52,7 +53,7 @@ function FloatingContentCore(props) {
 		"pointer-events": "auto",
 		opacity: state.initialized ? 1 : 0
 	}}>
-      <div {...otherProps} data-closing={dataIf(staticData.presenceState() === "closing")} data-opening={dataIf(staticData.presenceState() === "opening")} data-placement={state.placement} data-status={staticData.presenceState()} onMouseEnter={(e) => {
+      <div {...otherProps} data-entering={dataIf(["pre-enter", "entering"].includes(staticData.presencePhase()))} data-exiting={dataIf(["exiting"].includes(staticData.presencePhase()))} data-placement={state.placement} data-presence-phase={staticData.presencePhase()} onMouseEnter={(e) => {
 		if (state.canHoverContent && state.trigger === "hover") actions.setOpen(true);
 		runSolidEventHandler$1(e, localProps.onMouseEnter);
 	}} onMouseLeave={(e) => {
@@ -67,12 +68,12 @@ function FloatingContentCore(props) {
 }
 function Content(props) {
 	const [state, , staticData] = context.useContext();
-	const [show, presenceState] = createPresence({
-		show: () => state.open,
-		element: () => state.refContentInner || void 0
+	const presence = createPresence(() => state.open, {
+		enterDuration: () => getAnimationDurationMs(state.refContentInner),
+		exitDuration: () => getAnimationDurationMs(state.refContentInner)
 	});
-	staticData.presenceState = presenceState;
-	return <Show when={show()}>
+	staticData.presencePhase = presence.phase;
+	return <Show when={presence.isMounted()}>
       <Portal mount={document.body}>
         <FloatingContentCore {...props} />
       </Portal>

package/dist/primitives/floating/context.d.ts

@@ -1,8 +1,9 @@
-import * as solid_js21 from "solid-js";
+import * as solid_js35 from "solid-js";
+import { PresencePhase } from "solid-tiny-utils";
 import * as _floating_ui_dom23 from "@floating-ui/dom";
 import { Derivable, OffsetOptions, Placement } from "@floating-ui/dom";
 import * as solid_tiny_context5 from "solid-tiny-context";
-import * as solid_js_store9 from "solid-js/store";
+import * as solid_js_store15 from "solid-js/store";
 import * as _floating_ui_core75 from "@floating-ui/core";
 
 //#region src/primitives/floating/context.d.ts
@@ -129,7 +130,7 @@ declare const context: {
     _setOpen(open: boolean): void;
     updatePos(): Promise<void>;
   }, "setState"> & {
-    setState: solid_js_store9.SetStoreFunction<{
+    setState: solid_js_store15.SetStoreFunction<{
       x: number;
       y: number;
       open: boolean;
@@ -248,7 +249,7 @@ declare const context: {
       };
     }>;
   }, {
-    presenceState: () => string;
+    presencePhase: () => PresencePhase;
   }];
   initial(initialState?: Partial<solid_tiny_context5.MaybeSignals<{
     x: number;
@@ -369,8 +370,8 @@ declare const context: {
     };
   }>> | undefined): {
     Provider(props: {
-      children?: solid_js21.JSX.Element;
-    }): solid_js21.JSX.Element;
+      children?: solid_js35.JSX.Element;
+    }): solid_js35.JSX.Element;
     value: [Readonly<{
       x: number;
       y: number;
@@ -610,13 +611,13 @@ declare const context: {
         }> | undefined;
       };
     }, {
-      presenceState: () => string;
+      presencePhase: () => PresencePhase;
     }, {}, {
       setOpen(open: boolean): void;
       _setOpen(open: boolean): void;
       updatePos(): Promise<void>;
     }>>, "setState"> & {
-      setState: solid_js_store9.SetStoreFunction<{
+      setState: solid_js_store15.SetStoreFunction<{
         x: number;
         y: number;
         open: boolean;
@@ -735,7 +736,7 @@ declare const context: {
         };
       }>;
     }, {
-      presenceState: () => string;
+      presencePhase: () => PresencePhase;
     }];
   };
   defaultValue: () => {

package/dist/primitives/floating/context.js

@@ -80,7 +80,7 @@ const context = createComponentState({
 			});
 		}
 	},
-	nowrapData: () => ({ presenceState: () => "" })
+	nowrapData: () => ({ presencePhase: () => "idle" })
 });
 
 //#endregion

package/dist/primitives/floating/context.jsx

@@ -80,7 +80,7 @@ const context = createComponentState({
 			});
 		}
 	},
-	nowrapData: () => ({ presenceState: () => "" })
+	nowrapData: () => ({ presencePhase: () => "idle" })
 });
 
 //#endregion

package/dist/primitives/floating/index.d.ts

@@ -1,7 +1,8 @@
 import { Trigger } from "./trigger.js";
 import { Content } from "./content.js";
-import { FloatingUiCoreProps, Placement as Placement$1 } from "./types.js";
+import { CloseableStatus, FloatingUiCoreProps, Placement as Placement$1 } from "./types.js";
 import { Root } from "./root.js";
+import * as solid_tiny_utils0 from "solid-tiny-utils";
 import * as _floating_ui_dom0 from "@floating-ui/dom";
 import * as solid_js_store2 from "solid-js/store";
 import * as _floating_ui_core0 from "@floating-ui/core";
@@ -251,7 +252,7 @@ declare const FloatingUiCore: typeof Root & {
       };
     }>;
   }, {
-    presenceState: () => string;
+    presencePhase: () => solid_tiny_utils0.PresencePhase;
   }];
 };
 //#endregion

package/dist/primitives/floating/trigger.js

@@ -15,7 +15,7 @@ function Trigger(props) {
 			state.trigger === "hover" && actions.setOpen(false);
 		});
 		makeEventListener(refTrigger, "click", () => {
-			state.trigger === "click" && actions.setOpen(staticData.presenceState() === "closed");
+			state.trigger === "click" && actions.setOpen(staticData.presencePhase() === "idle");
 		});
 	});
 	return createComponent(Ref, {