@lobehub/ui 5.40.1 → 5.40.3

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/CreateBotIcon.d.ts
-declare const CreateBotIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const CreateBotIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { CreateBotIcon as default };
 //# sourceMappingURL=CreateBotIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/DiscordIcon.d.ts
-declare const DiscordIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const DiscordIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { DiscordIcon as default };
 //# sourceMappingURL=DiscordIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/FacebookIcon.d.ts
-declare const FacebookIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const FacebookIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { FacebookIcon as default };
 //# sourceMappingURL=FacebookIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/FigmaIcon.d.ts
-declare const FigmaIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const FigmaIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { FigmaIcon as default };
 //# sourceMappingURL=FigmaIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/FramerIcon.d.ts
-declare const FramerIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const FramerIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { FramerIcon as default };
 //# sourceMappingURL=FramerIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/GithubIcon.d.ts
-declare const GithubIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const GithubIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { GithubIcon as default };
 //# sourceMappingURL=GithubIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/GitlabIcon.d.ts
-declare const GitlabIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const GitlabIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { GitlabIcon as default };
 //# sourceMappingURL=GitlabIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/GlobeOffIcon.d.ts
-declare const GlobeOffIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const GlobeOffIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { GlobeOffIcon as default };
 //# sourceMappingURL=GlobeOffIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/GooglePlayIcon.d.ts
-declare const GooglePlayIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const GooglePlayIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { GooglePlayIcon as default };
 //# sourceMappingURL=GooglePlayIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/GroupBotIcon.d.ts
-declare const GroupBotIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const GroupBotIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { GroupBotIcon as default };
 //# sourceMappingURL=GroupBotIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/GroupBotSquareIcon.d.ts
-declare const GroupBotSquareIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const GroupBotSquareIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { GroupBotSquareIcon as default };
 //# sourceMappingURL=GroupBotSquareIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/InstagramIcon.d.ts
-declare const InstagramIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const InstagramIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { InstagramIcon as default };
 //# sourceMappingURL=InstagramIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/LeftClickIcon.d.ts
-declare const LeftClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const LeftClickIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { LeftClickIcon as default };
 //# sourceMappingURL=LeftClickIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/LeftDoubleClickIcon.d.ts
-declare const LeftDoubleClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const LeftDoubleClickIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { LeftDoubleClickIcon as default };
 //# sourceMappingURL=LeftDoubleClickIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/LinkedinIcon.d.ts
-declare const LinkedinIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const LinkedinIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { LinkedinIcon as default };
 //# sourceMappingURL=LinkedinIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/McpIcon.d.ts
-declare const McpIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const McpIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { McpIcon as default };
 //# sourceMappingURL=McpIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/NotionIcon.d.ts
-declare const NotionIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const NotionIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { NotionIcon as default };
 //# sourceMappingURL=NotionIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/PocketIcon.d.ts
-declare const PocketIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const PocketIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { PocketIcon as default };
 //# sourceMappingURL=PocketIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/ProviderIcon.d.ts
-declare const ProviderIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const ProviderIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { ProviderIcon as default };
 //# sourceMappingURL=ProviderIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/RailSymbolIcon.d.ts
-declare const RailSymbolIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const RailSymbolIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { RailSymbolIcon as default };
 //# sourceMappingURL=RailSymbolIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/RedditIcon.d.ts
-declare const RedditIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const RedditIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { RedditIcon as default };
 //# sourceMappingURL=RedditIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/RightClickIcon.d.ts
-declare const RightClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const RightClickIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { RightClickIcon as default };
 //# sourceMappingURL=RightClickIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/RightDoubleClickIcon.d.ts
-declare const RightDoubleClickIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const RightDoubleClickIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { RightDoubleClickIcon as default };
 //# sourceMappingURL=RightDoubleClickIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/ShapesUploadIcon.d.ts
-declare const ShapesUploadIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const ShapesUploadIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { ShapesUploadIcon as default };
 //# sourceMappingURL=ShapesUploadIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/SkillsIcon.d.ts
-declare const SkillsIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const SkillsIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { SkillsIcon as default };
 //# sourceMappingURL=SkillsIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/SlackIcon.d.ts
-declare const SlackIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const SlackIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { SlackIcon as default };
 //# sourceMappingURL=SlackIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/ThinkIcon.d.ts
-declare const ThinkIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const ThinkIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { ThinkIcon as default };
 //# sourceMappingURL=ThinkIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/TreeDownRightIcon.d.ts
-declare const TreeDownRightIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const TreeDownRightIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { TreeDownRightIcon as default };
 //# sourceMappingURL=TreeDownRightIcon.d.mts.map

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

@@ -1,5 +1,5 @@
 //#region src/icons/lucideExtra/TreeUpDownRightIcon.d.ts
-declare const TreeUpDownRightIcon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const TreeUpDownRightIcon: import("lucide-react").LucideIcon;
 //#endregion
 export { TreeUpDownRightIcon as default };
 //# sourceMappingURL=TreeUpDownRightIcon.d.mts.map

package/es/utils/destroyOnInvalidActiveTriggerElement.mjs

@@ -1,5 +1,11 @@
-import { useLayoutEffect } from "react";
+import { useCallback, useLayoutEffect, useSyncExternalStore } from "react";
 //#region src/utils/destroyOnInvalidActiveTriggerElement.ts
+const usePopupHandleStore = (handle) => {
+	const typedHandle = handle;
+	const subscribe = useCallback((listener) => typedHandle.subscribeStore(listener), [typedHandle]);
+	const getSnapshot = useCallback(() => typedHandle.store, [typedHandle]);
+	return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+};
 const isInvalidTriggerElement = (el) => {
 	if (!el) return true;
 	if (!el.isConnected) return true;
@@ -82,6 +88,6 @@ const useHidePopupWhenPositionerAtOrigin = (store, options) => {
 	]);
 };
 //#endregion
-export { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin };
+export { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin, usePopupHandleStore };
 
 //# sourceMappingURL=destroyOnInvalidActiveTriggerElement.mjs.map

package/es/utils/destroyOnInvalidActiveTriggerElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"destroyOnInvalidActiveTriggerElement.mjs","names":[],"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;CAC/D,IAAI,CAAC,IAAI,OAAO;CAEhB,IAAI,CAAC,GAAG,aAAa,OAAO;CAK5B,IAAI;EAEF,IAAI,UAA0B;EAC9B,OAAO,SAAS;GACd,IAAI,iBAAiB,OAAO,CAAC,CAAC,YAAY,QACxC,OAAO;GAET,UAAU,QAAQ;EACpB;EACA,OAAO;CACT,QAAQ;EACN,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,2CACX,OACA,SACA,YAMG;CACH,MAAM,UAAU,SAAS,WAAW;CAIpC,MAAM,eACH,MAAM,WAAW,MAAM,KAA6B,QAAQ,MAAM,MAAM,IAAI;CAC/E,MAAM,cAAc,WAAW;CAI/B,sBAAsB;EACpB,IAAI,CAAC,aAAa;EAElB,IAAI,MAAM;EAEV,MAAM,aAAa;GACjB,IAAI,wBAAwB,MAAM,MAAM,wBAAwB,IAAI,GAAG;IACrE,QAAQ;IACR;GACF;GACA,MAAM,OAAO,sBAAsB,IAAI;EACzC;EAEA,KAAK;EACL,aAAa,OAAO,qBAAqB,GAAG;CAC9C,GAAG;EAAC;EAAS;EAAa;CAAK,CAAC;AAClC;;;;;AAMA,MAAa,sCACX,OACA,YAWG;CACH,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,YAAY,SAAS,aAAa;CAExC,MAAM,eACH,MAAM,WAAW,MAAM,KAA6B,QAAQ,MAAM,MAAM,IAAI;CAC/E,MAAM,4BACH,MAAM,WAAW,mBAAmB,KACrC,MAAM,MAAM,qBACZ;CAEF,sBAAsB;EACpB,MAAM,eAAe,MAAM,MAAM,qBAAqB;EAEtD,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,cAAc;GAC9C,IAAI,cAAc,OAAO,aAAa,QAAQ;GAC9C;EACF;EAEA,IAAI,MAAM;EACV,MAAM,aAAa;GACjB,MAAM,UAAU,MAAM,MAAM,qBAAqB;GACjD,IAAI,CAAC,SAAS;GAEd,MAAM,OAAO,QAAQ,sBAAsB;GAE3C,IADiB,KAAK,IAAI,KAAK,IAAI,KAAK,aAAa,KAAK,IAAI,KAAK,GAAG,KAAK,WAC7D,QAAQ,QAAQ,aAAa;QACtC,OAAO,QAAQ,QAAQ;GAE5B,MAAM,OAAO,sBAAsB,IAAI;EACzC;EAEA,KAAK;EACL,aAAa;GACX,OAAO,qBAAqB,GAAG;GAC/B,MAAM,UAAU,MAAM,MAAM,qBAAqB;GACjD,IAAI,SAAS,OAAO,QAAQ,QAAQ;EACtC;CACF,GAAG;EAAC;EAAS;EAAc;EAA2B;EAAO;CAAS,CAAC;AACzE"}
+{"version":3,"file":"destroyOnInvalidActiveTriggerElement.mjs","names":[],"sources":["../../src/utils/destroyOnInvalidActiveTriggerElement.ts"],"sourcesContent":["import { useCallback, useLayoutEffect, useSyncExternalStore } 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\n// Base UI 1.7+ strips `store`/`subscribeStore` from the handle's public typings, but detached\n// triggers still rely on them at runtime: the handle points at an inert fallback store until a\n// Root attaches in an effect, so the store must be read through a subscription, not captured once.\ntype PopupHandleLike = {\n  store: PopupStoreLike;\n  subscribeStore: (listener: () => void) => () => void;\n};\n\nexport const usePopupHandleStore = (handle: object): PopupStoreLike => {\n  const typedHandle = handle as PopupHandleLike;\n  const subscribe = useCallback(\n    (listener: () => void) => typedHandle.subscribeStore(listener),\n    [typedHandle],\n  );\n  const getSnapshot = useCallback(() => typedHandle.store, [typedHandle]);\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\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":";;AAoBA,MAAa,uBAAuB,WAAmC;CACrE,MAAM,cAAc;CACpB,MAAM,YAAY,aACf,aAAyB,YAAY,eAAe,QAAQ,GAC7D,CAAC,WAAW,CACd;CACA,MAAM,cAAc,kBAAkB,YAAY,OAAO,CAAC,WAAW,CAAC;CACtE,OAAO,qBAAqB,WAAW,aAAa,WAAW;AACjE;AAEA,MAAM,2BAA2B,OAAgC;CAC/D,IAAI,CAAC,IAAI,OAAO;CAEhB,IAAI,CAAC,GAAG,aAAa,OAAO;CAK5B,IAAI;EAEF,IAAI,UAA0B;EAC9B,OAAO,SAAS;GACd,IAAI,iBAAiB,OAAO,CAAC,CAAC,YAAY,QACxC,OAAO;GAET,UAAU,QAAQ;EACpB;EACA,OAAO;CACT,QAAQ;EACN,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,2CACX,OACA,SACA,YAMG;CACH,MAAM,UAAU,SAAS,WAAW;CAIpC,MAAM,eACH,MAAM,WAAW,MAAM,KAA6B,QAAQ,MAAM,MAAM,IAAI;CAC/E,MAAM,cAAc,WAAW;CAI/B,sBAAsB;EACpB,IAAI,CAAC,aAAa;EAElB,IAAI,MAAM;EAEV,MAAM,aAAa;GACjB,IAAI,wBAAwB,MAAM,MAAM,wBAAwB,IAAI,GAAG;IACrE,QAAQ;IACR;GACF;GACA,MAAM,OAAO,sBAAsB,IAAI;EACzC;EAEA,KAAK;EACL,aAAa,OAAO,qBAAqB,GAAG;CAC9C,GAAG;EAAC;EAAS;EAAa;CAAK,CAAC;AAClC;;;;;AAMA,MAAa,sCACX,OACA,YAWG;CACH,MAAM,UAAU,SAAS,WAAW;CACpC,MAAM,YAAY,SAAS,aAAa;CAExC,MAAM,eACH,MAAM,WAAW,MAAM,KAA6B,QAAQ,MAAM,MAAM,IAAI;CAC/E,MAAM,4BACH,MAAM,WAAW,mBAAmB,KACrC,MAAM,MAAM,qBACZ;CAEF,sBAAsB;EACpB,MAAM,eAAe,MAAM,MAAM,qBAAqB;EAEtD,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,cAAc;GAC9C,IAAI,cAAc,OAAO,aAAa,QAAQ;GAC9C;EACF;EAEA,IAAI,MAAM;EACV,MAAM,aAAa;GACjB,MAAM,UAAU,MAAM,MAAM,qBAAqB;GACjD,IAAI,CAAC,SAAS;GAEd,MAAM,OAAO,QAAQ,sBAAsB;GAE3C,IADiB,KAAK,IAAI,KAAK,IAAI,KAAK,aAAa,KAAK,IAAI,KAAK,GAAG,KAAK,WAC7D,QAAQ,QAAQ,aAAa;QACtC,OAAO,QAAQ,QAAQ;GAE5B,MAAM,OAAO,sBAAsB,IAAI;EACzC;EAEA,KAAK;EACL,aAAa;GACX,OAAO,qBAAqB,GAAG;GAC/B,MAAM,UAAU,MAAM,MAAM,qBAAqB;GACjD,IAAI,SAAS,OAAO,QAAQ,QAAQ;EACtC;CACF,GAAG;EAAC;EAAS;EAAc;EAA2B;EAAO;CAAS,CAAC;AACzE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.40.1",
+  "version": "5.40.3",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -138,7 +138,7 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^2.1.2",
-    "@base-ui/react": "1.6.0",
+    "@base-ui/react": "1.8.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",