@lobehub/ui 4.14.1 → 4.16.0

package/es/brand/LogoThree/index.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react11 from "react";
+import * as react66 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/index.d.ts
@@ -9,7 +9,7 @@ interface LogoThreeProps extends Partial<SplineProps> {
   size?: number;
   style?: CSSProperties;
 }
-declare const LogoThree: react11.NamedExoticComponent<LogoThreeProps>;
+declare const LogoThree: react66.NamedExoticComponent<LogoThreeProps>;
 //#endregion
 export { LogoThree, LogoThreeProps };
 //# sourceMappingURL=index.d.mts.map

package/es/chat/BackBottom/BackBottom.d.mts

@@ -1,8 +1,8 @@
 import { BackBottomProps } from "./type.mjs";
-import * as react129 from "react";
+import * as react120 from "react";
 
 //#region src/chat/BackBottom/BackBottom.d.ts
-declare const BackBottom: react129.NamedExoticComponent<BackBottomProps>;
+declare const BackBottom: react120.NamedExoticComponent<BackBottomProps>;
 //#endregion
 export { BackBottom };
 //# sourceMappingURL=BackBottom.d.mts.map

package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts

@@ -1,8 +1,8 @@
 import { ChatInputAreaInnerProps } from "../type.mjs";
-import * as react131 from "react";
+import * as react121 from "react";
 
 //#region src/chat/ChatInputArea/components/ChatInputAreaInner.d.ts
-declare const ChatInputAreaInner: react131.NamedExoticComponent<ChatInputAreaInnerProps>;
+declare const ChatInputAreaInner: react121.NamedExoticComponent<ChatInputAreaInnerProps>;
 //#endregion
 export { ChatInputAreaInner };
 //# sourceMappingURL=ChatInputAreaInner.d.mts.map

package/es/chat/ChatItem/ChatItem.d.mts

@@ -1,8 +1,8 @@
 import { ChatItemProps } from "./type.mjs";
-import * as react130 from "react";
+import * as react122 from "react";
 
 //#region src/chat/ChatItem/ChatItem.d.ts
-declare const ChatItem: react130.NamedExoticComponent<ChatItemProps>;
+declare const ChatItem: react122.NamedExoticComponent<ChatItemProps>;
 //#endregion
 export { ChatItem };
 //# sourceMappingURL=ChatItem.d.mts.map

package/es/chat/ChatList/ChatList.d.mts

@@ -1,8 +1,8 @@
 import { ChatListProps } from "./type.mjs";
-import * as react132 from "react";
+import * as react123 from "react";
 
 //#region src/chat/ChatList/ChatList.d.ts
-declare const ChatList: react132.NamedExoticComponent<ChatListProps>;
+declare const ChatList: react123.NamedExoticComponent<ChatListProps>;
 //#endregion
 export { ChatList };
 //# sourceMappingURL=ChatList.d.mts.map

package/es/chat/EditableMessage/EditableMessage.d.mts

@@ -1,8 +1,8 @@
 import { EditableMessageProps } from "./type.mjs";
-import * as react134 from "react";
+import * as react125 from "react";
 
 //#region src/chat/EditableMessage/EditableMessage.d.ts
-declare const EditableMessage: react134.NamedExoticComponent<EditableMessageProps>;
+declare const EditableMessage: react125.NamedExoticComponent<EditableMessageProps>;
 //#endregion
 export { EditableMessage };
 //# sourceMappingURL=EditableMessage.d.mts.map

package/es/chat/EditableMessageList/EditableMessageList.d.mts

@@ -1,8 +1,8 @@
 import { EditableMessageListProps } from "./type.mjs";
-import * as react135 from "react";
+import * as react124 from "react";
 
 //#region src/chat/EditableMessageList/EditableMessageList.d.ts
-declare const EditableMessageList: react135.NamedExoticComponent<EditableMessageListProps>;
+declare const EditableMessageList: react124.NamedExoticComponent<EditableMessageListProps>;
 //#endregion
 export { EditableMessageList };
 //# sourceMappingURL=EditableMessageList.d.mts.map

package/es/chat/MessageInput/MessageInput.d.mts

@@ -1,8 +1,8 @@
 import { MessageInputProps } from "./type.mjs";
-import * as react133 from "react";
+import * as react126 from "react";
 
 //#region src/chat/MessageInput/MessageInput.d.ts
-declare const MessageInput: react133.NamedExoticComponent<MessageInputProps>;
+declare const MessageInput: react126.NamedExoticComponent<MessageInputProps>;
 //#endregion
 export { MessageInput };
 //# sourceMappingURL=MessageInput.d.mts.map

package/es/chat/MessageModal/MessageModal.d.mts

@@ -1,8 +1,8 @@
 import { MessageModalProps } from "./type.mjs";
-import * as react136 from "react";
+import * as react127 from "react";
 
 //#region src/chat/MessageModal/MessageModal.d.ts
-declare const MessageModal: react136.NamedExoticComponent<MessageModalProps>;
+declare const MessageModal: react127.NamedExoticComponent<MessageModalProps>;
 //#endregion
 export { MessageModal };
 //# sourceMappingURL=MessageModal.d.mts.map

package/es/color/ColorScales/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react65 from "react";
+import * as react62 from "react";
 
 //#region src/color/ColorScales/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react65.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react62.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales, ColorScalesProps };
 //# sourceMappingURL=index.d.mts.map

package/es/color/CssVar/index.d.mts

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react66 from "react";
+import * as react63 from "react";
 
 //#region src/color/CssVar/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react66.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react63.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales };
 //# sourceMappingURL=index.d.mts.map

package/es/i18n/context.d.mts

@@ -1,7 +1,7 @@
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { I18nContextValue, TranslationKey, TranslationResources, TranslationResourcesInput } from "./types.mjs";
 import "../ConfigProvider/index.mjs";
-import * as react8 from "react";
+import * as react69 from "react";
 import { ReactNode } from "react";
 
 //#region src/i18n/context.d.ts
@@ -11,7 +11,7 @@ interface I18nProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const I18nProvider: react8.NamedExoticComponent<I18nProviderProps>;
+declare const I18nProvider: react69.NamedExoticComponent<I18nProviderProps>;
 //#endregion
 export { I18nProvider, I18nProviderProps };
 //# sourceMappingURL=context.d.mts.map

package/es/icons/lucideExtra/BotPromptIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react76 from "react";
+import * as react84 from "react";
 import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/BotPromptIcon.d.ts
-declare const BotPromptIcon: react76.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react76.RefAttributes<SVGSVGElement>>;
+declare const BotPromptIcon: react84.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { BotPromptIcon };
 //# sourceMappingURL=BotPromptIcon.d.mts.map

package/es/icons/lucideExtra/CreateBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react82 from "react";
-import * as lucide_react2 from "lucide-react";
+import * as react86 from "react";
+import * as lucide_react1 from "lucide-react";
 
 //#region src/icons/lucideExtra/CreateBotIcon.d.ts
-declare const CreateBotIcon: react82.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
+declare const CreateBotIcon: react86.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react86.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { CreateBotIcon };
 //# sourceMappingURL=CreateBotIcon.d.mts.map

package/es/icons/lucideExtra/DiscordIcon.d.mts

@@ -1,8 +1,8 @@
 import * as react88 from "react";
-import * as lucide_react5 from "lucide-react";
+import * as lucide_react2 from "lucide-react";
 
 //#region src/icons/lucideExtra/DiscordIcon.d.ts
-declare const DiscordIcon: react88.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
+declare const DiscordIcon: react88.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { DiscordIcon };
 //# sourceMappingURL=DiscordIcon.d.mts.map

package/es/icons/lucideExtra/GlobeOffIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react80 from "react";
-import * as lucide_react1 from "lucide-react";
+import * as react82 from "react";
+import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/GlobeOffIcon.d.ts
-declare const GlobeOffIcon: react80.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react80.RefAttributes<SVGSVGElement>>;
+declare const GlobeOffIcon: react82.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GlobeOffIcon };
 //# sourceMappingURL=GlobeOffIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react78 from "react";
-import * as lucide_react0 from "lucide-react";
+import * as react92 from "react";
+import * as lucide_react4 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotIcon.d.ts
-declare const GroupBotIcon: react78.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react78.RefAttributes<SVGSVGElement>>;
+declare const GroupBotIcon: react92.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotIcon };
 //# sourceMappingURL=GroupBotIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react86 from "react";
-import * as lucide_react4 from "lucide-react";
+import * as react98 from "react";
+import * as lucide_react7 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotSquareIcon.d.ts
-declare const GroupBotSquareIcon: react86.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react86.RefAttributes<SVGSVGElement>>;
+declare const GroupBotSquareIcon: react98.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotSquareIcon };
 //# sourceMappingURL=GroupBotSquareIcon.d.mts.map

package/es/icons/lucideExtra/LeftClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react90 from "react";
-import * as lucide_react6 from "lucide-react";
+import * as react94 from "react";
+import * as lucide_react5 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftClickIcon.d.ts
-declare const LeftClickIcon: react90.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react90.RefAttributes<SVGSVGElement>>;
+declare const LeftClickIcon: react94.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftClickIcon };
 //# sourceMappingURL=LeftClickIcon.d.mts.map

package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react84 from "react";
+import * as react90 from "react";
 import * as lucide_react3 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftDoubleClickIcon.d.ts
-declare const LeftDoubleClickIcon: react84.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
+declare const LeftDoubleClickIcon: react90.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react90.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftDoubleClickIcon };
 //# sourceMappingURL=LeftDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/McpIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react94 from "react";
+import * as react100 from "react";
 import * as lucide_react8 from "lucide-react";
 
 //#region src/icons/lucideExtra/McpIcon.d.ts
-declare const McpIcon: react94.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
+declare const McpIcon: react100.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { McpIcon };
 //# sourceMappingURL=McpIcon.d.mts.map

package/es/icons/lucideExtra/ProviderIcon.d.mts

@@ -1,8 +1,8 @@
 import * as react96 from "react";
-import * as lucide_react9 from "lucide-react";
+import * as lucide_react6 from "lucide-react";
 
 //#region src/icons/lucideExtra/ProviderIcon.d.ts
-declare const ProviderIcon: react96.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
+declare const ProviderIcon: react96.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ProviderIcon };
 //# sourceMappingURL=ProviderIcon.d.mts.map

package/es/icons/lucideExtra/RightClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react92 from "react";
-import * as lucide_react7 from "lucide-react";
+import * as react102 from "react";
+import * as lucide_react9 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightClickIcon.d.ts
-declare const RightClickIcon: react92.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
+declare const RightClickIcon: react102.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightClickIcon };
 //# sourceMappingURL=RightClickIcon.d.mts.map

package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
 import * as react104 from "react";
-import * as lucide_react13 from "lucide-react";
+import * as lucide_react10 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightDoubleClickIcon.d.ts
-declare const RightDoubleClickIcon: react104.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react104.RefAttributes<SVGSVGElement>>;
+declare const RightDoubleClickIcon: react104.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react104.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightDoubleClickIcon };
 //# sourceMappingURL=RightDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/ShapesUploadIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react100 from "react";
-import * as lucide_react11 from "lucide-react";
+import * as react108 from "react";
+import * as lucide_react12 from "lucide-react";
 
 //#region src/icons/lucideExtra/ShapesUploadIcon.d.ts
-declare const ShapesUploadIcon: react100.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
+declare const ShapesUploadIcon: react108.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react108.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ShapesUploadIcon };
 //# sourceMappingURL=ShapesUploadIcon.d.mts.map

package/es/icons/lucideExtra/TreeDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react102 from "react";
-import * as lucide_react12 from "lucide-react";
+import * as react110 from "react";
+import * as lucide_react13 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeDownRightIcon.d.ts
-declare const TreeDownRightIcon: react102.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
+declare const TreeDownRightIcon: react110.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react110.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeDownRightIcon };
 //# sourceMappingURL=TreeDownRightIcon.d.mts.map

package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react98 from "react";
-import * as lucide_react10 from "lucide-react";
+import * as react106 from "react";
+import * as lucide_react11 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeUpDownRightIcon.d.ts
-declare const TreeUpDownRightIcon: react98.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
+declare const TreeUpDownRightIcon: react106.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react106.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeUpDownRightIcon };
 //# sourceMappingURL=TreeUpDownRightIcon.d.mts.map

package/es/mdx/Mdx/index.d.mts

@@ -1,6 +1,6 @@
 import { TypographyProps } from "../../Markdown/type.mjs";
 import "../../Markdown/index.mjs";
-import * as react64 from "react";
+import * as react71 from "react";
 import { ReactNode } from "react";
 import { Pluggable } from "unified";
 
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
   remarkPlugins?: Pluggable[];
   variant?: 'normal' | 'chat';
 }
-declare const Mdx: react64.NamedExoticComponent<MdxProps>;
+declare const Mdx: react71.NamedExoticComponent<MdxProps>;
 //#endregion
 export { Mdx, MdxProps };
 //# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts

@@ -1,8 +1,8 @@
 import { ChatHeaderTitleProps } from "./type.mjs";
-import * as react127 from "react";
+import * as react141 from "react";
 
 //#region src/mobile/ChatHeader/ChatHeaderTitle.d.ts
-declare const ChatHeaderTitle: react127.NamedExoticComponent<ChatHeaderTitleProps>;
+declare const ChatHeaderTitle: react141.NamedExoticComponent<ChatHeaderTitleProps>;
 //#endregion
 export { ChatHeaderTitle };
 //# sourceMappingURL=ChatHeaderTitle.d.mts.map

package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts

@@ -1,8 +1,8 @@
 import { ChatSendButtonProps } from "../type.mjs";
-import * as react128 from "react";
+import * as react142 from "react";
 
 //#region src/mobile/ChatInputArea/components/ChatSendButton.d.ts
-declare const ChatSendButton: react128.NamedExoticComponent<ChatSendButtonProps>;
+declare const ChatSendButton: react142.NamedExoticComponent<ChatSendButtonProps>;
 //#endregion
 export { ChatSendButton };
 //# sourceMappingURL=ChatSendButton.d.mts.map

package/es/mobile/TabBar/TabBar.d.mts

@@ -1,8 +1,8 @@
 import { TabBarProps } from "./type.mjs";
-import * as react126 from "react";
+import * as react140 from "react";
 
 //#region src/mobile/TabBar/TabBar.d.ts
-declare const TabBar: react126.NamedExoticComponent<TabBarProps>;
+declare const TabBar: react140.NamedExoticComponent<TabBarProps>;
 //#endregion
 export { TabBar };
 //# sourceMappingURL=TabBar.d.mts.map

package/es/storybook/StoryBook/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react6 from "react";
+import * as react0 from "react";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
 
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
-declare const StoryBook: react6.NamedExoticComponent<StoryBookProps>;
+declare const StoryBook: react0.NamedExoticComponent<StoryBookProps>;
 //#endregion
 export { StoryBook, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/es/utils/destroyOnInvalidActiveTriggerElement.mjs

@@ -0,0 +1,88 @@
+import { useLayoutEffect } from "react";
+
+//#region src/utils/destroyOnInvalidActiveTriggerElement.ts
+const isInvalidTriggerElement = (el) => {
+	if (!el) return true;
+	if (!el.isConnected) return true;
+	try {
+		let current = el;
+		while (current) {
+			if (getComputedStyle(current).display === "none") return true;
+			current = current.parentElement;
+		}
+		return false;
+	} catch {
+		return false;
+	}
+};
+/**
+* Destroys (hard reset) a group popup (Tooltip/Popover) when its active trigger element becomes
+* disconnected from the DOM or is effectively hidden via `display: none`.
+*
+* We intentionally poll while open to also catch CSS-driven visibility changes that won't
+* necessarily trigger DOM mutation observers.
+*/
+const useDestroyOnInvalidActiveTriggerElement = (store, destroy, options) => {
+	const enabled = options?.enabled ?? true;
+	const openReactive = store.useState?.("open") ?? Boolean(store.state.open);
+	const shouldWatch = enabled && openReactive;
+	useLayoutEffect(() => {
+		if (!shouldWatch) return;
+		let raf = 0;
+		const loop = () => {
+			if (isInvalidTriggerElement(store.state.activeTriggerElement ?? null)) {
+				destroy();
+				return;
+			}
+			raf = window.requestAnimationFrame(loop);
+		};
+		loop();
+		return () => window.cancelAnimationFrame(raf);
+	}, [
+		destroy,
+		shouldWatch,
+		store
+	]);
+};
+/**
+* UI-only fallback: If the positioner ends up at viewport (0,0), hide it to avoid a visible flash
+* in the corner. This doesn't replace "destroy on invalid trigger"; it's purely a visual guard.
+*/
+const useHidePopupWhenPositionerAtOrigin = (store, options) => {
+	const enabled = options?.enabled ?? true;
+	const threshold = options?.threshold ?? .5;
+	const openReactive = store.useState?.("open") ?? Boolean(store.state.open);
+	const positionerElementReactive = store.useState?.("positionerElement") ?? store.state.positionerElement ?? null;
+	useLayoutEffect(() => {
+		const positionerEl = store.state.positionerElement ?? positionerElementReactive;
+		if (!enabled || !openReactive || !positionerEl) {
+			if (positionerEl) delete positionerEl.dataset.zeroOrigin;
+			return;
+		}
+		let raf = 0;
+		const loop = () => {
+			const current = store.state.positionerElement ?? positionerEl;
+			if (!current) return;
+			const rect = current.getBoundingClientRect();
+			if (Math.abs(rect.left) <= threshold && Math.abs(rect.top) <= threshold) current.dataset.zeroOrigin = "true";
+			else delete current.dataset.zeroOrigin;
+			raf = window.requestAnimationFrame(loop);
+		};
+		loop();
+		return () => {
+			window.cancelAnimationFrame(raf);
+			const current = store.state.positionerElement ?? positionerEl;
+			if (current) delete current.dataset.zeroOrigin;
+		};
+	}, [
+		enabled,
+		openReactive,
+		positionerElementReactive,
+		store,
+		threshold
+	]);
+};
+
+//#endregion
+export { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin };
+//# sourceMappingURL=destroyOnInvalidActiveTriggerElement.mjs.map

package/es/utils/destroyOnInvalidActiveTriggerElement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"destroyOnInvalidActiveTriggerElement.mjs","names":["current: Element | null"],"sources":["../../src/utils/destroyOnInvalidActiveTriggerElement.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\n\ntype PopupStoreLike = {\n  // Base UI store's `useState` has a strongly-typed key union; we keep it loose here on purpose.\n  state: {\n    activeTriggerElement?: Element | null;\n    open?: boolean;\n    positionerElement?: HTMLElement | null;\n  };\n  useState?: (...args: any[]) => unknown;\n};\n\nconst isInvalidTriggerElement = (el: Element | null): boolean => {\n  if (!el) return true;\n\n  if (!el.isConnected) return true;\n\n  // \"display: none\" on self or an ancestor effectively hides the trigger.\n  // `getComputedStyle` can throw in some edge cases (e.g. non-Element in old envs),\n  // so we guard it defensively.\n  try {\n    // Check self and all ancestors for display: none\n    let current: Element | null = el;\n    while (current) {\n      if (getComputedStyle(current).display === 'none') {\n        return true;\n      }\n      current = current.parentElement;\n    }\n    return false;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Destroys (hard reset) a group popup (Tooltip/Popover) when its active trigger element becomes\n * disconnected from the DOM or is effectively hidden via `display: none`.\n *\n * We intentionally poll while open to also catch CSS-driven visibility changes that won't\n * necessarily trigger DOM mutation observers.\n */\nexport const useDestroyOnInvalidActiveTriggerElement = (\n  store: PopupStoreLike,\n  destroy: () => void,\n  options?: {\n    /**\n     * @default true\n     */\n    enabled?: boolean;\n  },\n) => {\n  const enabled = options?.enabled ?? true;\n\n  // Subscribe with `useState` (reactive), but read from `state` (immediate) inside the loop.\n  // Base UI note: `state` updates immediately, while `useState` reflects updates before the next render.\n  const openReactive =\n    (store.useState?.('open') as boolean | undefined) ?? Boolean(store.state.open);\n  const shouldWatch = enabled && openReactive;\n\n  // Use layout effect so the first check runs right after React commits DOM updates.\n  // Then keep watching via rAF while open to also capture CSS-driven visibility changes.\n  useLayoutEffect(() => {\n    if (!shouldWatch) return;\n\n    let raf = 0;\n\n    const loop = () => {\n      if (isInvalidTriggerElement(store.state.activeTriggerElement ?? null)) {\n        destroy();\n        return;\n      }\n      raf = window.requestAnimationFrame(loop);\n    };\n\n    loop();\n    return () => window.cancelAnimationFrame(raf);\n  }, [destroy, shouldWatch, store]);\n};\n\n/**\n * UI-only fallback: If the positioner ends up at viewport (0,0), hide it to avoid a visible flash\n * in the corner. This doesn't replace \"destroy on invalid trigger\"; it's purely a visual guard.\n */\nexport const useHidePopupWhenPositionerAtOrigin = (\n  store: PopupStoreLike,\n  options?: {\n    /**\n     * @default true\n     */\n    enabled?: boolean;\n    /**\n     * Pixel threshold to consider the element \"at origin\".\n     * @default 0.5\n     */\n    threshold?: number;\n  },\n) => {\n  const enabled = options?.enabled ?? true;\n  const threshold = options?.threshold ?? 0.5;\n\n  const openReactive =\n    (store.useState?.('open') as boolean | undefined) ?? Boolean(store.state.open);\n  const positionerElementReactive =\n    (store.useState?.('positionerElement') as HTMLElement | null | undefined) ??\n    store.state.positionerElement ??\n    null;\n\n  useLayoutEffect(() => {\n    const positionerEl = store.state.positionerElement ?? positionerElementReactive;\n\n    if (!enabled || !openReactive || !positionerEl) {\n      if (positionerEl) delete positionerEl.dataset.zeroOrigin;\n      return;\n    }\n\n    let raf = 0;\n    const loop = () => {\n      const current = store.state.positionerElement ?? positionerEl;\n      if (!current) return;\n\n      const rect = current.getBoundingClientRect();\n      const atOrigin = Math.abs(rect.left) <= threshold && Math.abs(rect.top) <= threshold;\n      if (atOrigin) current.dataset.zeroOrigin = 'true';\n      else delete current.dataset.zeroOrigin;\n\n      raf = window.requestAnimationFrame(loop);\n    };\n\n    loop();\n    return () => {\n      window.cancelAnimationFrame(raf);\n      const current = store.state.positionerElement ?? positionerEl;\n      if (current) delete current.dataset.zeroOrigin;\n    };\n  }, [enabled, openReactive, positionerElementReactive, store, threshold]);\n};\n"],"mappings":";;;AAYA,MAAM,2BAA2B,OAAgC;AAC/D,KAAI,CAAC,GAAI,QAAO;AAEhB,KAAI,CAAC,GAAG,YAAa,QAAO;AAK5B,KAAI;EAEF,IAAIA,UAA0B;AAC9B,SAAO,SAAS;AACd,OAAI,iBAAiB,QAAQ,CAAC,YAAY,OACxC,QAAO;AAET,aAAU,QAAQ;;AAEpB,SAAO;SACD;AACN,SAAO;;;;;;;;;;AAWX,MAAa,2CACX,OACA,SACA,YAMG;CACH,MAAM,UAAU,SAAS,WAAW;CAIpC,MAAM,eACH,MAAM,WAAW,OAAO,IAA4B,QAAQ,MAAM,MAAM,KAAK;CAChF,MAAM,cAAc,WAAW;AAI/B,uBAAsB;AACpB,MAAI,CAAC,YAAa;EAElB,IAAI,MAAM;EAEV,MAAM,aAAa;AACjB,OAAI,wBAAwB,MAAM,MAAM,wBAAwB,KAAK,EAAE;AACrE,aAAS;AACT;;AAEF,SAAM,OAAO,sBAAsB,KAAK;;AAG1C,QAAM;AACN,eAAa,OAAO,qBAAqB,IAAI;IAC5C;EAAC;EAAS;EAAa;EAAM,CAAC;;;;;;AAOnC,MAAa,sCACX,OACA,YAWG;CACH,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,YAAY,SAAS,aAAa;CAExC,MAAM,eACH,MAAM,WAAW,OAAO,IAA4B,QAAQ,MAAM,MAAM,KAAK;CAChF,MAAM,4BACH,MAAM,WAAW,oBAAoB,IACtC,MAAM,MAAM,qBACZ;AAEF,uBAAsB;EACpB,MAAM,eAAe,MAAM,MAAM,qBAAqB;AAEtD,MAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,cAAc;AAC9C,OAAI,aAAc,QAAO,aAAa,QAAQ;AAC9C;;EAGF,IAAI,MAAM;EACV,MAAM,aAAa;GACjB,MAAM,UAAU,MAAM,MAAM,qBAAqB;AACjD,OAAI,CAAC,QAAS;GAEd,MAAM,OAAO,QAAQ,uBAAuB;AAE5C,OADiB,KAAK,IAAI,KAAK,KAAK,IAAI,aAAa,KAAK,IAAI,KAAK,IAAI,IAAI,UAC7D,SAAQ,QAAQ,aAAa;OACtC,QAAO,QAAQ,QAAQ;AAE5B,SAAM,OAAO,sBAAsB,KAAK;;AAG1C,QAAM;AACN,eAAa;AACX,UAAO,qBAAqB,IAAI;GAChC,MAAM,UAAU,MAAM,MAAM,qBAAqB;AACjD,OAAI,QAAS,QAAO,QAAQ,QAAQ;;IAErC;EAAC;EAAS;EAAc;EAA2B;EAAO;EAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "4.14.1",
+  "version": "4.16.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",