@lobehub/ui 3.4.2 → 3.4.4

package/es/Toc/utils.mjs

@@ -0,0 +1,15 @@
+//#region src/Toc/utils.ts
+const mapItems = (items) => items.map((item) => ({
+	children: item.children?.map((child) => ({
+		href: `#${child.id}`,
+		key: child.id,
+		title: child?.title
+	})),
+	href: `#${item.id}`,
+	key: item.id,
+	title: item.title
+}));
+
+//#endregion
+export { mapItems };
+//# sourceMappingURL=utils.mjs.map

package/es/Toc/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/Toc/utils.ts"],"sourcesContent":["import { TocItemType } from '@/Toc/type';\n\nexport const mapItems = (items: TocItemType[]) =>\n  items.map((item) => ({\n    children: item.children?.map((child) => ({\n      href: `#${child.id}`,\n      key: child.id,\n      title: child?.title,\n    })),\n    href: `#${item.id}`,\n    key: item.id,\n    title: item.title,\n  }));\n"],"mappings":";AAEA,MAAa,YAAY,UACvB,MAAM,KAAK,UAAU;CACnB,UAAU,KAAK,UAAU,KAAK,WAAW;EACvC,MAAM,IAAI,MAAM;EAChB,KAAK,MAAM;EACX,OAAO,OAAO;EACf,EAAE;CACH,MAAM,IAAI,KAAK;CACf,KAAK,KAAK;CACV,OAAO,KAAK;CACb,EAAE"}

package/es/Tooltip/Tooltip.d.mts

@@ -0,0 +1,8 @@
+import { TooltipProps } from "./type.mjs";
+import { FC } from "react";
+
+//#region src/Tooltip/Tooltip.d.ts
+declare const Tooltip: FC<TooltipProps>;
+//#endregion
+export { Tooltip };
+//# sourceMappingURL=Tooltip.d.mts.map

package/es/Tooltip/Tooltip.mjs

@@ -0,0 +1,250 @@
+'use client';
+
+import { antdPlacementToFloating } from "./antdPlacementToFloating.mjs";
+import { composeEventHandlers } from "../utils/composeEventHandlers.mjs";
+import TooltipFloating_default from "./TooltipFloating.mjs";
+import TooltipPortal_default from "./TooltipPortal.mjs";
+import { TooltipGroupApiContext, TooltipGroupPropsContext } from "./groupContext.mjs";
+import { cloneElement, isValidElement, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { arrow, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
+import { mergeRefs } from "react-merge-refs";
+
+//#region src/Tooltip/Tooltip.tsx
+const TooltipInGroup = ({ ref, hotkey, className, arrow: arrow$1, title, hotkeyProps, children, placement, openDelay, closeDelay, mouseEnterDelay, mouseLeaveDelay, onOpenChange, disabled, classNames, styles: styleProps, zIndex, portalled, getPopupContainer }) => {
+	const group = useContext(TooltipGroupApiContext);
+	const sharedProps = useContext(TooltipGroupPropsContext);
+	const triggerElRef = useRef(null);
+	const mergedClassName = useMemo(() => {
+		if (!sharedProps?.className && !className) return void 0;
+		return [sharedProps?.className, className].filter(Boolean).join(" ");
+	}, [className, sharedProps?.className]);
+	const mergedClassNames = useMemo(() => {
+		if (!sharedProps?.classNames && !classNames) return void 0;
+		return {
+			...sharedProps?.classNames,
+			...classNames
+		};
+	}, [classNames, sharedProps?.classNames]);
+	const mergedStyles = useMemo(() => {
+		if (!sharedProps?.styles && !styleProps) return void 0;
+		return {
+			...sharedProps?.styles,
+			...styleProps
+		};
+	}, [sharedProps?.styles, styleProps]);
+	const mergedHotkeyProps = useMemo(() => {
+		if (!sharedProps?.hotkeyProps && !hotkeyProps) return void 0;
+		return {
+			...sharedProps?.hotkeyProps,
+			...hotkeyProps
+		};
+	}, [hotkeyProps, sharedProps?.hotkeyProps]);
+	const mergedOnOpenChange = useMemo(() => {
+		if (!sharedProps?.onOpenChange && !onOpenChange) return void 0;
+		return (open) => {
+			sharedProps?.onOpenChange?.(open);
+			onOpenChange?.(open);
+		};
+	}, [onOpenChange, sharedProps?.onOpenChange]);
+	const item = useMemo(() => ({
+		arrow: arrow$1 ?? sharedProps?.arrow ?? false,
+		className: mergedClassName,
+		classNames: mergedClassNames,
+		closeDelay: closeDelay ?? sharedProps?.closeDelay,
+		disabled: disabled ?? sharedProps?.disabled,
+		getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,
+		hotkey: hotkey ?? sharedProps?.hotkey,
+		hotkeyProps: mergedHotkeyProps,
+		mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,
+		mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,
+		onOpenChange: mergedOnOpenChange,
+		openDelay: openDelay ?? sharedProps?.openDelay,
+		placement: placement ?? sharedProps?.placement ?? "top",
+		portalled: portalled ?? sharedProps?.portalled,
+		styles: mergedStyles,
+		title,
+		zIndex: zIndex ?? sharedProps?.zIndex
+	}), [
+		arrow$1,
+		closeDelay,
+		disabled,
+		getPopupContainer,
+		hotkey,
+		mergedClassName,
+		mergedClassNames,
+		mergedHotkeyProps,
+		mergedOnOpenChange,
+		mergedStyles,
+		mouseEnterDelay,
+		mouseLeaveDelay,
+		openDelay,
+		placement,
+		portalled,
+		sharedProps?.arrow,
+		sharedProps?.closeDelay,
+		sharedProps?.disabled,
+		sharedProps?.getPopupContainer,
+		sharedProps?.hotkey,
+		sharedProps?.mouseEnterDelay,
+		sharedProps?.mouseLeaveDelay,
+		sharedProps?.openDelay,
+		sharedProps?.placement,
+		sharedProps?.portalled,
+		sharedProps?.zIndex,
+		title,
+		zIndex
+	]);
+	const trigger = useMemo(() => {
+		if (!isValidElement(children)) return /* @__PURE__ */ jsx("span", { children });
+		if (typeof children.type === "string" && Boolean(children.props?.disabled)) return /* @__PURE__ */ jsx("span", {
+			style: { display: "inline-flex" },
+			children
+		});
+		return children;
+	}, [children]);
+	const referenceNode = useMemo(() => {
+		if (!isValidElement(trigger)) return trigger;
+		const originalRef = trigger.ref;
+		const triggerProps = trigger.props || {};
+		const setTriggerEl = (node) => {
+			triggerElRef.current = node instanceof HTMLElement ? node : null;
+		};
+		return cloneElement(trigger, {
+			...triggerProps,
+			onBlur: composeEventHandlers(triggerProps.onBlur, (e) => {
+				group?.closeFromTrigger(e.currentTarget, item);
+			}),
+			onFocus: composeEventHandlers(triggerProps.onFocus, (e) => {
+				group?.openFromTrigger(e.currentTarget, item);
+			}),
+			onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (e) => {
+				if (e?.key === "Escape") group?.closeImmediately();
+			}),
+			onPointerEnter: composeEventHandlers(triggerProps.onPointerEnter, (e) => {
+				group?.openFromTrigger(e.currentTarget, item);
+			}),
+			onPointerLeave: composeEventHandlers(triggerProps.onPointerLeave, (e) => {
+				group?.closeFromTrigger(e.currentTarget, item);
+			}),
+			ref: mergeRefs([
+				originalRef,
+				setTriggerEl,
+				ref
+			])
+		});
+	}, [
+		group,
+		item,
+		ref,
+		trigger
+	]);
+	useEffect(() => {
+		return () => {
+			if (!group) return;
+			const el = triggerElRef.current;
+			if (el && group.isActiveTrigger(el)) group.closeImmediately();
+		};
+	}, [group]);
+	return referenceNode;
+};
+TooltipInGroup.displayName = "TooltipInGroup";
+const TooltipStandalone = ({ ref, hotkey, className, arrow: arrow$1 = false, title, hotkeyProps, children, placement = "top", openDelay, closeDelay, mouseEnterDelay, mouseLeaveDelay, open, defaultOpen, onOpenChange, disabled, classNames, styles: styleProps, zIndex, portalled = true, getPopupContainer }) => {
+	const arrowRef = useRef(null);
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const mergedOpen = open ?? uncontrolledOpen;
+	const setOpen = (next) => {
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	const floatingPlacement = useMemo(() => antdPlacementToFloating(placement), [placement]);
+	const { context, floatingStyles, refs } = useFloating({
+		middleware: useMemo(() => {
+			const base = [
+				offset(8),
+				flip(),
+				shift({ padding: 8 })
+			];
+			if (arrow$1) base.push(arrow({ element: arrowRef }));
+			return base;
+		}, [arrow$1]),
+		onOpenChange: setOpen,
+		open: disabled ? false : mergedOpen,
+		placement: floatingPlacement,
+		whileElementsMounted: autoUpdate
+	});
+	const { getFloatingProps, getReferenceProps } = useInteractions([
+		useHover(context, {
+			delay: useMemo(() => ({
+				close: closeDelay ?? (mouseLeaveDelay !== void 0 ? mouseLeaveDelay * 1e3 : 100),
+				open: openDelay ?? (mouseEnterDelay !== void 0 ? mouseEnterDelay * 1e3 : 100)
+			}), [
+				closeDelay,
+				mouseEnterDelay,
+				mouseLeaveDelay,
+				openDelay
+			]),
+			enabled: !disabled,
+			move: false
+		}),
+		useFocus(context, { enabled: !disabled }),
+		useDismiss(context, { enabled: !disabled }),
+		useRole(context, { role: "tooltip" })
+	]);
+	const trigger = useMemo(() => {
+		if (!isValidElement(children)) return /* @__PURE__ */ jsx("span", { children });
+		if (typeof children.type === "string" && Boolean(children.props?.disabled)) return /* @__PURE__ */ jsx("span", {
+			style: { display: "inline-flex" },
+			children
+		});
+		return children;
+	}, [children]);
+	const referenceNode = useMemo(() => {
+		if (!isValidElement(trigger)) return trigger;
+		const originalRef = trigger.ref;
+		return cloneElement(trigger, getReferenceProps({
+			...trigger.props,
+			ref: mergeRefs([
+				originalRef,
+				refs.setReference,
+				ref
+			])
+		}));
+	}, [
+		getReferenceProps,
+		ref,
+		refs.setReference,
+		trigger
+	]);
+	const portalRoot = getPopupContainer && refs.reference.current ? getPopupContainer(refs.reference.current) : void 0;
+	const floatingNode = /* @__PURE__ */ jsx(TooltipFloating_default, {
+		arrow: arrow$1,
+		arrowRef,
+		className,
+		classNames,
+		context,
+		floatingProps: getFloatingProps(),
+		floatingStyles,
+		hotkey,
+		hotkeyProps,
+		open: mergedOpen,
+		placement: floatingPlacement,
+		setFloating: refs.setFloating,
+		styles: styleProps,
+		title,
+		zIndex
+	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [referenceNode, !disabled && title && (portalled ? /* @__PURE__ */ jsx(TooltipPortal_default, {
+		root: portalRoot,
+		children: floatingNode
+	}) : floatingNode)] });
+};
+const Tooltip = (props) => {
+	const group = useContext(TooltipGroupApiContext);
+	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 ? /* @__PURE__ */ jsx(TooltipInGroup, { ...props }) : /* @__PURE__ */ jsx(TooltipStandalone, { ...props });
+};
+var Tooltip_default = Tooltip;
+
+//#endregion
+export { Tooltip_default as default };
+//# sourceMappingURL=Tooltip.mjs.map

package/es/Tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","names":["TooltipInGroup: FC<TooltipProps>","item: TooltipGroupItem","arrow","triggerProps: any","TooltipStandalone: FC<TooltipProps>","arrowMiddleware","TooltipFloating","TooltipPortal","Tooltip: FC<TooltipProps>"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useDismiss,\n  useFloating,\n  useFocus,\n  useHover,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport {\n  type FC,\n  cloneElement,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { antdPlacementToFloating } from '@/Tooltip/antdPlacementToFloating';\nimport { composeEventHandlers } from '@/utils/composeEventHandlers';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport {\n  TooltipGroupApiContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n} from './groupContext';\nimport type { TooltipProps } from './type';\n\nconst TooltipInGroup: FC<TooltipProps> = ({\n  ref,\n  hotkey,\n  className,\n  arrow,\n  title,\n  hotkeyProps,\n  children,\n  placement,\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  onOpenChange,\n  disabled,\n  classNames,\n  styles: styleProps,\n  zIndex,\n  portalled,\n  getPopupContainer,\n}) => {\n  const group = useContext(TooltipGroupApiContext);\n  const sharedProps = useContext(TooltipGroupPropsContext);\n  const triggerElRef = useRef<HTMLElement | null>(null);\n\n  const mergedClassName = useMemo(() => {\n    if (!sharedProps?.className && !className) return undefined;\n    return [sharedProps?.className, className].filter(Boolean).join(' ');\n  }, [className, sharedProps?.className]);\n\n  const mergedClassNames = useMemo(() => {\n    if (!sharedProps?.classNames && !classNames) return undefined;\n    return { ...sharedProps?.classNames, ...classNames };\n  }, [classNames, sharedProps?.classNames]);\n\n  const mergedStyles = useMemo(() => {\n    if (!sharedProps?.styles && !styleProps) return undefined;\n    return { ...sharedProps?.styles, ...styleProps };\n  }, [sharedProps?.styles, styleProps]);\n\n  const mergedHotkeyProps = useMemo(() => {\n    if (!sharedProps?.hotkeyProps && !hotkeyProps) return undefined;\n    return { ...sharedProps?.hotkeyProps, ...hotkeyProps };\n  }, [hotkeyProps, sharedProps?.hotkeyProps]);\n\n  const mergedOnOpenChange = useMemo(() => {\n    if (!sharedProps?.onOpenChange && !onOpenChange) return undefined;\n    return (open: boolean) => {\n      sharedProps?.onOpenChange?.(open);\n      onOpenChange?.(open);\n    };\n  }, [onOpenChange, sharedProps?.onOpenChange]);\n\n  const item: TooltipGroupItem = useMemo(\n    () => ({\n      arrow: arrow ?? sharedProps?.arrow ?? false,\n      className: mergedClassName,\n      classNames: mergedClassNames,\n      closeDelay: closeDelay ?? sharedProps?.closeDelay,\n      disabled: disabled ?? sharedProps?.disabled,\n      getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,\n      hotkey: hotkey ?? sharedProps?.hotkey,\n      hotkeyProps: mergedHotkeyProps,\n      mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,\n      mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,\n      onOpenChange: mergedOnOpenChange,\n      openDelay: openDelay ?? sharedProps?.openDelay,\n      placement: placement ?? sharedProps?.placement ?? 'top',\n      portalled: portalled ?? sharedProps?.portalled,\n      styles: mergedStyles,\n      title,\n      zIndex: zIndex ?? sharedProps?.zIndex,\n    }),\n    [\n      arrow,\n      closeDelay,\n      disabled,\n      getPopupContainer,\n      hotkey,\n      mergedClassName,\n      mergedClassNames,\n      mergedHotkeyProps,\n      mergedOnOpenChange,\n      mergedStyles,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      openDelay,\n      placement,\n      portalled,\n      sharedProps?.arrow,\n      sharedProps?.closeDelay,\n      sharedProps?.disabled,\n      sharedProps?.getPopupContainer,\n      sharedProps?.hotkey,\n      sharedProps?.mouseEnterDelay,\n      sharedProps?.mouseLeaveDelay,\n      sharedProps?.openDelay,\n      sharedProps?.placement,\n      sharedProps?.portalled,\n      sharedProps?.zIndex,\n      title,\n      zIndex,\n    ],\n  );\n\n  const trigger = useMemo(() => {\n    if (!isValidElement(children)) return <span>{children}</span>;\n\n    const needsWrapper =\n      typeof children.type === 'string' && Boolean((children.props as any)?.disabled);\n\n    if (needsWrapper) return <span style={{ display: 'inline-flex' }}>{children}</span>;\n\n    return children;\n  }, [children]);\n\n  const referenceNode = useMemo(() => {\n    if (!isValidElement(trigger)) return trigger;\n\n    const originalRef = (trigger as any).ref;\n    const triggerProps: any = trigger.props || {};\n\n    const setTriggerEl = (node: any) => {\n      triggerElRef.current = node instanceof HTMLElement ? node : null;\n    };\n\n    return cloneElement(trigger as any, {\n      ...triggerProps,\n      onBlur: composeEventHandlers(triggerProps.onBlur, (e: any) => {\n        group?.closeFromTrigger(e.currentTarget as HTMLElement, item);\n      }),\n      onFocus: composeEventHandlers(triggerProps.onFocus, (e: any) => {\n        group?.openFromTrigger(e.currentTarget as HTMLElement, item);\n      }),\n      onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (e: any) => {\n        if (e?.key === 'Escape') group?.closeImmediately();\n      }),\n      onPointerEnter: composeEventHandlers(triggerProps.onPointerEnter, (e: any) => {\n        group?.openFromTrigger(e.currentTarget as HTMLElement, item);\n      }),\n      onPointerLeave: composeEventHandlers(triggerProps.onPointerLeave, (e: any) => {\n        group?.closeFromTrigger(e.currentTarget as HTMLElement, item);\n      }),\n      ref: mergeRefs([originalRef, setTriggerEl, ref]),\n    });\n  }, [group, item, ref, trigger]);\n\n  useEffect(() => {\n    return () => {\n      if (!group) return;\n      const el = triggerElRef.current;\n      if (el && group.isActiveTrigger(el)) group.closeImmediately();\n    };\n  }, [group]);\n\n  return referenceNode as any;\n};\n\nTooltipInGroup.displayName = 'TooltipInGroup';\n\nconst TooltipStandalone: FC<TooltipProps> = ({\n  ref,\n  hotkey,\n  className,\n  arrow = false,\n  title,\n  hotkeyProps,\n  children,\n  placement = 'top',\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  open,\n  defaultOpen,\n  onOpenChange,\n  disabled,\n  classNames,\n  styles: styleProps,\n  zIndex,\n  portalled = true,\n  getPopupContainer,\n}) => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n  const mergedOpen = open ?? uncontrolledOpen;\n  const setOpen = (next: boolean) => {\n    if (open === undefined) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const floatingPlacement = useMemo(() => antdPlacementToFloating(placement), [placement]);\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    onOpenChange: setOpen,\n    open: disabled ? false : mergedOpen,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const resolvedDelay = useMemo(\n    () => ({\n      close: closeDelay ?? (mouseLeaveDelay !== undefined ? mouseLeaveDelay * 1000 : 100),\n      open: openDelay ?? (mouseEnterDelay !== undefined ? mouseEnterDelay * 1000 : 100),\n    }),\n    [closeDelay, mouseEnterDelay, mouseLeaveDelay, openDelay],\n  );\n\n  const hover = useHover(context, {\n    delay: resolvedDelay,\n    enabled: !disabled,\n    move: false,\n  });\n  const focus = useFocus(context, { enabled: !disabled });\n  const dismiss = useDismiss(context, { enabled: !disabled });\n  const role = useRole(context, { role: 'tooltip' });\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([hover, focus, dismiss, role]);\n\n  const trigger = useMemo(() => {\n    if (!isValidElement(children)) return <span>{children}</span>;\n\n    const needsWrapper =\n      typeof children.type === 'string' && Boolean((children.props as any)?.disabled);\n\n    if (needsWrapper) return <span style={{ display: 'inline-flex' }}>{children}</span>;\n\n    return children;\n  }, [children]);\n\n  const referenceNode = useMemo(() => {\n    if (!isValidElement(trigger)) return trigger;\n\n    const originalRef = (trigger as any).ref;\n\n    return cloneElement(\n      trigger as any,\n      getReferenceProps({\n        ...(trigger.props as any),\n        ref: mergeRefs([originalRef, refs.setReference, ref]),\n      }),\n    );\n  }, [getReferenceProps, ref, refs.setReference, trigger]);\n\n  const portalRoot =\n    getPopupContainer && refs.reference.current\n      ? getPopupContainer(refs.reference.current as any)\n      : undefined;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={arrow}\n      arrowRef={arrowRef}\n      className={className}\n      classNames={classNames}\n      context={context}\n      floatingProps={getFloatingProps()}\n      floatingStyles={floatingStyles}\n      hotkey={hotkey}\n      hotkeyProps={hotkeyProps}\n      open={mergedOpen}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={styleProps}\n      title={title}\n      zIndex={zIndex}\n    />\n  );\n\n  return (\n    <>\n      {referenceNode}\n      {!disabled &&\n        title &&\n        (portalled ? (\n          <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n        ) : (\n          floatingNode\n        ))}\n    </>\n  );\n};\n\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const group = useContext(TooltipGroupApiContext);\n\n  // Group mode is intentionally hover/focus driven; keep standalone behavior for controlled cases.\n  const canUseGroup = Boolean(group) && props.open === undefined && props.defaultOpen === undefined;\n\n  return canUseGroup ? <TooltipInGroup {...props} /> : <TooltipStandalone {...props} />;\n};\n\nexport default Tooltip;\n"],"mappings":"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"}

package/es/Tooltip/TooltipFloating.mjs

@@ -0,0 +1,96 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Hotkey_default from "../Hotkey/Hotkey.mjs";
+import { LazyMotion } from "../motion/LazyMotion.mjs";
+import { AnimatePresence, m } from "../motion/index.mjs";
+import { useStyles } from "./style.mjs";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FloatingArrow } from "@floating-ui/react";
+import { useDebounce } from "ahooks";
+
+//#region src/Tooltip/TooltipFloating.tsx
+const TooltipFloating = ({ open, title, placement, floatingStyles, setFloating, floatingProps, arrow: arrow$1, arrowRef, context, hotkey, hotkeyProps, className, classNames, styles: styleProps, zIndex }) => {
+	const { styles, cx } = useStyles();
+	const transformOrigin = useMemo(() => {
+		switch (String(placement || "top").split("-")[0]) {
+			case "top": return "bottom center";
+			case "bottom": return "top center";
+			case "left": return "center right";
+			case "right": return "center left";
+			default: return "center";
+		}
+	}, [placement]);
+	const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {
+		leading: false,
+		wait: 16
+	});
+	return /* @__PURE__ */ jsx(LazyMotion, { children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && title && /* @__PURE__ */ jsx("div", {
+		className: cx(styles.tooltip, hasTransform && styles.tooltipLayout, classNames?.container, classNames?.root, className),
+		ref: setFloating,
+		role: "tooltip",
+		style: styleProps?.root ? {
+			...floatingStyles,
+			zIndex,
+			...styleProps.container,
+			...styleProps.root
+		} : {
+			...floatingStyles,
+			zIndex,
+			...styleProps?.container
+		},
+		...floatingProps,
+		children: /* @__PURE__ */ jsxs(m.div, {
+			animate: {
+				opacity: 1,
+				scale: 1
+			},
+			exit: {
+				opacity: 0,
+				scale: .98
+			},
+			initial: {
+				opacity: 0,
+				scale: .96
+			},
+			style: { transformOrigin },
+			transition: {
+				duration: .12,
+				ease: [
+					.4,
+					0,
+					.2,
+					1
+				]
+			},
+			children: [/* @__PURE__ */ jsx("div", {
+				className: cx(styles.content, classNames?.content),
+				style: styleProps?.content,
+				children: hotkey ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+					align: "center",
+					gap: 8,
+					horizontal: true,
+					justify: "space-between",
+					children: [/* @__PURE__ */ jsx("span", { children: title }), /* @__PURE__ */ jsx(Hotkey_default, {
+						inverseTheme: true,
+						keys: hotkey,
+						...hotkeyProps
+					})]
+				}) : title
+			}), arrow$1 && context && /* @__PURE__ */ jsx(FloatingArrow, {
+				className: cx(styles.arrow, classNames?.arrow),
+				context,
+				height: 6,
+				ref: arrowRef,
+				style: styleProps?.arrow,
+				width: 12
+			})]
+		})
+	}, "tooltip") }) });
+};
+var TooltipFloating_default = TooltipFloating;
+
+//#endregion
+export { TooltipFloating_default as default };
+//# sourceMappingURL=TooltipFloating.mjs.map

package/es/Tooltip/TooltipFloating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipFloating.mjs","names":["Flexbox","Hotkey","arrow"],"sources":["../../src/Tooltip/TooltipFloating.tsx"],"sourcesContent":["'use client';\n\nimport type { FloatingContext, Placement } from '@floating-ui/react';\nimport { FloatingArrow } from '@floating-ui/react';\nimport { useDebounce } from 'ahooks';\nimport type { CSSProperties, ReactNode, RefObject } from 'react';\nimport React, { useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Hotkey from '@/Hotkey';\nimport { AnimatePresence, LazyMotion, m } from '@/motion';\n\nimport { useStyles } from './style';\nimport type { TooltipProps } from './type';\n\ntype TooltipFloatingProps = {\n  arrow?: boolean;\n  arrowRef?: RefObject<SVGSVGElement | null>;\n\n  className?: TooltipProps['className'];\n  classNames?: TooltipProps['classNames'];\n  context?: FloatingContext;\n\n  floatingProps?: Record<string, any>;\n\n  floatingStyles: CSSProperties;\n  hotkey?: TooltipProps['hotkey'];\n  hotkeyProps?: TooltipProps['hotkeyProps'];\n\n  open: boolean;\n  placement?: Placement;\n\n  setFloating: (node: HTMLElement | null) => void;\n  styles?: TooltipProps['styles'];\n  title?: ReactNode;\n  zIndex?: TooltipProps['zIndex'];\n};\n\nconst TooltipFloating = ({\n  open,\n  title,\n  placement,\n  floatingStyles,\n  setFloating,\n  floatingProps,\n  arrow,\n  arrowRef,\n  context,\n  hotkey,\n  hotkeyProps,\n\n  className,\n  classNames,\n  styles: styleProps,\n  zIndex,\n}: TooltipFloatingProps) => {\n  const { styles, cx } = useStyles();\n\n  const transformOrigin = useMemo(() => {\n    const basePlacement = String(placement || 'top').split('-')[0];\n    switch (basePlacement) {\n      case 'top': {\n        return 'bottom center';\n      }\n      case 'bottom': {\n        return 'top center';\n      }\n      case 'left': {\n        return 'center right';\n      }\n      case 'right': {\n        return 'center left';\n      }\n      default: {\n        return 'center';\n      }\n    }\n  }, [placement]);\n\n  const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {\n    leading: false,\n    wait: 16,\n  });\n  return (\n    <LazyMotion>\n      <AnimatePresence>\n        {open && title && (\n          <div\n            className={cx(\n              styles.tooltip,\n              hasTransform && styles.tooltipLayout,\n              classNames?.container,\n              classNames?.root,\n              className,\n            )}\n            key=\"tooltip\"\n            ref={setFloating as any}\n            role=\"tooltip\"\n            style={\n              styleProps?.root\n                ? {\n                    ...floatingStyles,\n                    zIndex,\n                    ...styleProps.container,\n                    ...styleProps.root,\n                  }\n                : {\n                    ...floatingStyles,\n                    zIndex,\n                    ...styleProps?.container,\n                  }\n            }\n            {...floatingProps}\n          >\n            <m.div\n              animate={{ opacity: 1, scale: 1 }}\n              exit={{ opacity: 0, scale: 0.98 }}\n              initial={{ opacity: 0, scale: 0.96 }}\n              style={{ transformOrigin }}\n              transition={{ duration: 0.12, ease: [0.4, 0, 0.2, 1] }}\n            >\n              <div className={cx(styles.content, classNames?.content)} style={styleProps?.content}>\n                {hotkey ? (\n                  <Flexbox align={'center'} gap={8} horizontal justify={'space-between'}>\n                    <span>{title}</span>\n                    <Hotkey inverseTheme keys={hotkey} {...hotkeyProps} />\n                  </Flexbox>\n                ) : (\n                  title\n                )}\n              </div>\n              {arrow && context && (\n                <FloatingArrow\n                  className={cx(styles.arrow, classNames?.arrow)}\n                  context={context}\n                  height={6}\n                  ref={arrowRef as any}\n                  style={styleProps?.arrow}\n                  width={12}\n                />\n              )}\n            </m.div>\n          </div>\n        )}\n      </AnimatePresence>\n    </LazyMotion>\n  );\n};\n\nexport default TooltipFloating;\n"],"mappings":";;;;;;;;;;;;;AAsCA,MAAM,mBAAmB,EACvB,MACA,OACA,WACA,gBACA,aACA,eACA,gBACA,UACA,SACA,QACA,aAEA,WACA,YACA,QAAQ,YACR,aAC0B;CAC1B,MAAM,EAAE,QAAQ,OAAO,WAAW;CAElC,MAAM,kBAAkB,cAAc;AAEpC,UADsB,OAAO,aAAa,MAAM,CAAC,MAAM,IAAI,CAAC,IAC5D;GACE,KAAK,MACH,QAAO;GAET,KAAK,SACH,QAAO;GAET,KAAK,OACH,QAAO;GAET,KAAK,QACH,QAAO;GAET,QACE,QAAO;;IAGV,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe,YAAY,QAAQ,gBAAgB,UAAU,EAAE;EACnE,SAAS;EACT,MAAM;EACP,CAAC;AACF,QACE,oBAAC,wBACC,oBAAC,6BACE,QAAQ,SACP,oBAAC;EACC,WAAW,GACT,OAAO,SACP,gBAAgB,OAAO,eACvB,YAAY,WACZ,YAAY,MACZ,UACD;EAED,KAAK;EACL,MAAK;EACL,OACE,YAAY,OACR;GACE,GAAG;GACH;GACA,GAAG,WAAW;GACd,GAAG,WAAW;GACf,GACD;GACE,GAAG;GACH;GACA,GAAG,YAAY;GAChB;EAEP,GAAI;YAEJ,qBAAC,EAAE;GACD,SAAS;IAAE,SAAS;IAAG,OAAO;IAAG;GACjC,MAAM;IAAE,SAAS;IAAG,OAAO;IAAM;GACjC,SAAS;IAAE,SAAS;IAAG,OAAO;IAAM;GACpC,OAAO,EAAE,iBAAiB;GAC1B,YAAY;IAAE,UAAU;IAAM,MAAM;KAAC;KAAK;KAAG;KAAK;KAAE;IAAE;cAEtD,oBAAC;IAAI,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;IAAE,OAAO,YAAY;cACzE,SACC,qBAACA;KAAQ,OAAO;KAAU,KAAK;KAAG;KAAW,SAAS;gBACpD,oBAAC,oBAAM,QAAa,EACpB,oBAACC;MAAO;MAAa,MAAM;MAAQ,GAAI;OAAe;MAC9C,GAEV;KAEE,EACLC,WAAS,WACR,oBAAC;IACC,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IACrC;IACT,QAAQ;IACR,KAAK;IACL,OAAO,YAAY;IACnB,OAAO;KACP;IAEE;IA9CJ,UA+CA,GAEQ,GACP;;AAIjB,8BAAe"}

package/es/Tooltip/TooltipGroup.d.mts

@@ -0,0 +1,11 @@
+import { TooltipGroupSharedProps } from "./groupContext.mjs";
+import { FC, ReactNode } from "react";
+
+//#region src/Tooltip/TooltipGroup.d.ts
+type TooltipGroupProps = TooltipGroupSharedProps & {
+  children: ReactNode;
+};
+declare const TooltipGroup: FC<TooltipGroupProps>;
+//#endregion
+export { TooltipGroup };
+//# sourceMappingURL=TooltipGroup.d.mts.map

package/es/Tooltip/TooltipGroup.mjs

@@ -0,0 +1,174 @@
+'use client';
+
+import { antdPlacementToFloating } from "./antdPlacementToFloating.mjs";
+import TooltipFloating_default from "./TooltipFloating.mjs";
+import TooltipPortal_default from "./TooltipPortal.mjs";
+import { TooltipGroupApiContext, TooltipGroupPropsContext } from "./groupContext.mjs";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { arrow, autoUpdate, flip, offset, shift, useFloating } from "@floating-ui/react";
+
+//#region src/Tooltip/TooltipGroup.tsx
+const TooltipGroup = ({ children, ...sharedProps }) => {
+	const arrowRef = useRef(null);
+	const openTimerRef = useRef(null);
+	const closeTimerRef = useRef(null);
+	const [active, setActive] = useState(null);
+	const [open, setOpen] = useState(false);
+	const activeRef = useRef(null);
+	useEffect(() => {
+		activeRef.current = active;
+	}, [active]);
+	const floatingPlacement = useMemo(() => antdPlacementToFloating(active?.item.placement), [active?.item.placement]);
+	const { context, floatingStyles, refs } = useFloating({
+		middleware: useMemo(() => {
+			const base = [
+				offset(8),
+				flip(),
+				shift({ padding: 8 })
+			];
+			if (active?.item.arrow) base.push(arrow({ element: arrowRef }));
+			return base;
+		}, [active?.item.arrow]),
+		open,
+		placement: floatingPlacement,
+		whileElementsMounted: autoUpdate
+	});
+	useEffect(() => {
+		if (!active?.triggerEl) return;
+		refs.setReference(active.triggerEl);
+	}, [active?.triggerEl, refs]);
+	const clearTimers = useCallback(() => {
+		if (openTimerRef.current) window.clearTimeout(openTimerRef.current);
+		if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);
+		openTimerRef.current = null;
+		closeTimerRef.current = null;
+	}, []);
+	const closeImmediately = useCallback(() => {
+		clearTimers();
+		setOpen(false);
+		activeRef.current?.item.onOpenChange?.(false);
+	}, [clearTimers]);
+	const destroyActive = useCallback(() => {
+		clearTimers();
+		setOpen(false);
+		activeRef.current?.item.onOpenChange?.(false);
+		setActive(null);
+	}, [clearTimers]);
+	const isActiveTrigger = useCallback((triggerEl) => {
+		return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);
+	}, []);
+	const closeFromTrigger = useCallback((triggerEl, item) => {
+		if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;
+		clearTimers();
+		const delayMs = item.closeDelay ?? (item.mouseLeaveDelay !== void 0 ? item.mouseLeaveDelay * 1e3 : 100);
+		if (delayMs <= 0) {
+			setOpen(false);
+			item.onOpenChange?.(false);
+			return;
+		}
+		closeTimerRef.current = window.setTimeout(() => {
+			setOpen(false);
+			item.onOpenChange?.(false);
+		}, delayMs);
+	}, [clearTimers]);
+	const openFromTrigger = useCallback((triggerEl, item) => {
+		if (!triggerEl) return;
+		if (!item.title) return;
+		if (item.disabled) return;
+		clearTimers();
+		setActive({
+			item,
+			triggerEl
+		});
+		const delayMs = item.openDelay ?? (item.mouseEnterDelay !== void 0 ? item.mouseEnterDelay * 1e3 : 100);
+		if (delayMs <= 0) {
+			if (!triggerEl.isConnected) {
+				destroyActive();
+				return;
+			}
+			setOpen(true);
+			item.onOpenChange?.(true);
+			return;
+		}
+		openTimerRef.current = window.setTimeout(() => {
+			if (!triggerEl.isConnected) {
+				destroyActive();
+				return;
+			}
+			setOpen(true);
+			item.onOpenChange?.(true);
+		}, delayMs);
+	}, [clearTimers, destroyActive]);
+	const groupApi = useMemo(() => ({
+		closeFromTrigger,
+		closeImmediately,
+		isActiveTrigger,
+		openFromTrigger
+	}), [
+		closeFromTrigger,
+		closeImmediately,
+		isActiveTrigger,
+		openFromTrigger
+	]);
+	useEffect(() => {
+		if (!open) return;
+		const triggerEl = active?.triggerEl;
+		if (!triggerEl) return;
+		if (!triggerEl.isConnected) {
+			destroyActive();
+			return;
+		}
+		const root = triggerEl.getRootNode?.();
+		const observeTarget = typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot ? root : triggerEl.ownerDocument ?? document;
+		const observer = new MutationObserver(() => {
+			if (!triggerEl.isConnected) destroyActive();
+		});
+		observer.observe(observeTarget, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [
+		active?.triggerEl,
+		destroyActive,
+		open
+	]);
+	useEffect(() => {
+		return () => {
+			clearTimers();
+		};
+	}, [clearTimers]);
+	const portalRoot = active?.item.getPopupContainer && active?.triggerEl ? active.item.getPopupContainer(active.triggerEl) : void 0;
+	const floatingNode = /* @__PURE__ */ jsx(TooltipFloating_default, {
+		arrow: active?.item.arrow,
+		arrowRef,
+		className: active?.item.className,
+		classNames: active?.item.classNames,
+		context,
+		floatingStyles,
+		hotkey: active?.item.hotkey,
+		hotkeyProps: active?.item.hotkeyProps,
+		open,
+		placement: floatingPlacement,
+		setFloating: refs.setFloating,
+		styles: active?.item.styles,
+		title: active?.item.title,
+		zIndex: active?.item.zIndex
+	});
+	return /* @__PURE__ */ jsx(TooltipGroupApiContext.Provider, {
+		value: groupApi,
+		children: /* @__PURE__ */ jsxs(TooltipGroupPropsContext.Provider, {
+			value: sharedProps,
+			children: [children, active?.item.title && !active.item.disabled && (active.item.portalled ?? true ? /* @__PURE__ */ jsx(TooltipPortal_default, {
+				root: portalRoot,
+				children: floatingNode
+			}) : floatingNode)]
+		})
+	});
+};
+var TooltipGroup_default = TooltipGroup;
+
+//#endregion
+export { TooltipGroup_default as default };
+//# sourceMappingURL=TooltipGroup.mjs.map

package/es/Tooltip/TooltipGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipGroup.mjs","names":["TooltipGroup: FC<TooltipGroupProps>","arrowMiddleware","TooltipFloating","TooltipPortal"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport {\n  arrow as arrowMiddleware,\n  autoUpdate,\n  flip,\n  offset,\n  shift,\n  useFloating,\n} from '@floating-ui/react';\nimport { type FC, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { antdPlacementToFloating } from '@/Tooltip/antdPlacementToFloating';\n\nimport TooltipFloating from './TooltipFloating';\nimport TooltipPortal from './TooltipPortal';\nimport {\n  TooltipGroupApiContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n  type TooltipGroupSharedProps,\n} from './groupContext';\n\ntype TooltipGroupProps = TooltipGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({ children, ...sharedProps }) => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n  const openTimerRef = useRef<number | null>(null);\n  const closeTimerRef = useRef<number | null>(null);\n\n  const [active, setActive] = useState<{\n    item: TooltipGroupItem;\n    triggerEl: HTMLElement;\n  } | null>(null);\n  const [open, setOpen] = useState(false);\n  const activeRef = useRef<typeof active>(null);\n\n  useEffect(() => {\n    activeRef.current = active;\n  }, [active]);\n\n  const floatingPlacement = useMemo(\n    () => antdPlacementToFloating(active?.item.placement),\n    [active?.item.placement],\n  );\n\n  const middleware = useMemo(() => {\n    const base = [offset(8), flip(), shift({ padding: 8 })];\n    if (active?.item.arrow) base.push(arrowMiddleware({ element: arrowRef }));\n    return base;\n  }, [active?.item.arrow]);\n\n  const { context, floatingStyles, refs } = useFloating({\n    middleware,\n    open,\n    placement: floatingPlacement,\n    whileElementsMounted: autoUpdate,\n  });\n\n  useEffect(() => {\n    if (!active?.triggerEl) return;\n    refs.setReference(active.triggerEl);\n  }, [active?.triggerEl, refs]);\n\n  const clearTimers = useCallback(() => {\n    if (openTimerRef.current) window.clearTimeout(openTimerRef.current);\n    if (closeTimerRef.current) window.clearTimeout(closeTimerRef.current);\n    openTimerRef.current = null;\n    closeTimerRef.current = null;\n  }, []);\n\n  const closeImmediately = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n  }, [clearTimers]);\n\n  const destroyActive = useCallback(() => {\n    clearTimers();\n    setOpen(false);\n    activeRef.current?.item.onOpenChange?.(false);\n    setActive(null);\n  }, [clearTimers]);\n\n  const isActiveTrigger = useCallback((triggerEl: HTMLElement) => {\n    return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);\n  }, []);\n\n  const closeFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;\n\n      clearTimers();\n\n      const delayMs =\n        item.closeDelay ?? (item.mouseLeaveDelay !== undefined ? item.mouseLeaveDelay * 1000 : 100);\n      if (delayMs <= 0) {\n        setOpen(false);\n        item.onOpenChange?.(false);\n        return;\n      }\n\n      closeTimerRef.current = window.setTimeout(() => {\n        setOpen(false);\n        item.onOpenChange?.(false);\n      }, delayMs);\n    },\n    [clearTimers],\n  );\n\n  const openFromTrigger = useCallback(\n    (triggerEl: HTMLElement, item: TooltipGroupItem) => {\n      if (!triggerEl) return;\n      if (!item.title) return;\n      if (item.disabled) return;\n\n      clearTimers();\n\n      setActive({ item, triggerEl });\n\n      const delayMs =\n        item.openDelay ?? (item.mouseEnterDelay !== undefined ? item.mouseEnterDelay * 1000 : 100);\n      if (delayMs <= 0) {\n        if (!triggerEl.isConnected) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n        return;\n      }\n\n      openTimerRef.current = window.setTimeout(() => {\n        if (!triggerEl.isConnected) {\n          destroyActive();\n          return;\n        }\n        setOpen(true);\n        item.onOpenChange?.(true);\n      }, delayMs);\n    },\n    [clearTimers, destroyActive],\n  );\n\n  const groupApi = useMemo(\n    () => ({ closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger }),\n    [closeFromTrigger, closeImmediately, isActiveTrigger, openFromTrigger],\n  );\n\n  useEffect(() => {\n    if (!open) return;\n    const triggerEl = active?.triggerEl;\n    if (!triggerEl) return;\n\n    if (!triggerEl.isConnected) {\n      destroyActive();\n      return;\n    }\n\n    const root = triggerEl.getRootNode?.();\n    const observeTarget =\n      typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot\n        ? root\n        : (triggerEl.ownerDocument ?? document);\n\n    const observer = new MutationObserver(() => {\n      if (!triggerEl.isConnected) destroyActive();\n    });\n\n    observer.observe(observeTarget, { childList: true, subtree: true });\n\n    return () => observer.disconnect();\n  }, [active?.triggerEl, destroyActive, open]);\n\n  useEffect(() => {\n    return () => {\n      clearTimers();\n    };\n  }, [clearTimers]);\n\n  const portalRoot =\n    active?.item.getPopupContainer && active?.triggerEl\n      ? active.item.getPopupContainer(active.triggerEl)\n      : undefined;\n\n  const floatingNode = (\n    <TooltipFloating\n      arrow={active?.item.arrow}\n      arrowRef={arrowRef}\n      className={active?.item.className}\n      classNames={active?.item.classNames}\n      context={context}\n      floatingStyles={floatingStyles}\n      hotkey={active?.item.hotkey}\n      hotkeyProps={active?.item.hotkeyProps}\n      open={open}\n      placement={floatingPlacement}\n      setFloating={refs.setFloating}\n      styles={active?.item.styles}\n      title={active?.item.title}\n      zIndex={active?.item.zIndex}\n    />\n  );\n\n  return (\n    <TooltipGroupApiContext.Provider value={groupApi}>\n      <TooltipGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        {active?.item.title &&\n          !active.item.disabled &&\n          ((active.item.portalled ?? true) ? (\n            <TooltipPortal root={portalRoot}>{floatingNode}</TooltipPortal>\n          ) : (\n            floatingNode\n          ))}\n      </TooltipGroupPropsContext.Provider>\n    </TooltipGroupApiContext.Provider>\n  );\n};\n\nexport default TooltipGroup;\n"],"mappings":"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"}

package/es/Tooltip/TooltipPortal.mjs

@@ -0,0 +1,37 @@
+'use client';
+
+import { useState } from "react";
+import { createPortal } from "react-dom";
+
+//#region src/Tooltip/TooltipPortal.tsx
+const PORTAL_ATTR = "data-lobe-ui-tooltip-portal";
+const containerMap = /* @__PURE__ */ new WeakMap();
+const getOrCreateContainer = (root) => {
+	const cached = containerMap.get(root);
+	if (cached && cached.isConnected) return cached;
+	const el = document.createElement("div");
+	el.setAttribute(PORTAL_ATTR, "true");
+	root.append(el);
+	containerMap.set(root, el);
+	return el;
+};
+const resolveRoot = (root) => {
+	if (root) return root;
+	if (typeof document === "undefined") return null;
+	return document.body;
+};
+const TooltipPortal = ({ children, root }) => {
+	const [container, setContainer] = useState(() => {
+		const resolved = resolveRoot(root);
+		if (!resolved) return null;
+		return getOrCreateContainer(resolved);
+	});
+	if (!container && typeof document !== "undefined") setContainer(getOrCreateContainer(document.body));
+	if (!container) return null;
+	return createPortal(children, container);
+};
+var TooltipPortal_default = TooltipPortal;
+
+//#endregion
+export { TooltipPortal_default as default };
+//# sourceMappingURL=TooltipPortal.mjs.map