@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Tooltip/TooltipStandalone.mjs

@@ -0,0 +1,189 @@
+"use client";
+import { useAppElement } from "../ConfigProvider/AppElementContext.mjs";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { useNativeButton } from "../hooks/useNativeButton.mjs";
+import { useFloatingLayer } from "../hooks/useFloatingLayer.mjs";
+import { useIsClient } from "../hooks/useIsClient.mjs";
+import { getFloatingCollisionPadding } from "../internal/floating/collisionPadding.mjs";
+import { placementMap } from "../utils/placement.mjs";
+import { styles } from "./style.mjs";
+import { TooltipArrowIcon } from "./ArrowIcon.mjs";
+import TooltipContent from "./TooltipContent.mjs";
+import { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { mergeRefs } from "react-merge-refs";
+//#region src/Tooltip/TooltipStandalone.tsx
+const DEFAULT_OPEN_DELAY = 400;
+const DEFAULT_CLOSE_DELAY = 100;
+/**
+* Tooltip component - displays small contextual hints on hover/focus
+* Compatible with Ant Design Tooltip-like API (subset)
+*/
+const TooltipStandalone = memo(({ children, title, arrow = false, className, classNames, closeDelay, defaultOpen = false, disabled = false, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, open, openDelay, placement = "top", popupContainer, styles: customStylesProp, zIndex, ref: refProp, positionerProps, triggerProps, popupProps, portalProps, standalone: _standalone, ...restProps }) => {
+	const isClient = useIsClient();
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const [triggerNode, setTriggerNode] = useState(null);
+	const triggerCallbackRef = useCallback((node) => {
+		if (node) setTriggerNode(node);
+	}, []);
+	const resolvedOpen = disabled ? false : open ?? uncontrolledOpen;
+	const handleOpenChange = useCallback((nextOpen) => {
+		if (disabled && nextOpen) return;
+		onOpenChange?.(nextOpen);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [
+		disabled,
+		onOpenChange,
+		open
+	]);
+	const resolvedOpenDelay = useMemo(() => {
+		if (openDelay !== void 0) return openDelay;
+		if (mouseEnterDelay !== void 0) return mouseEnterDelay * 1e3;
+		return DEFAULT_OPEN_DELAY;
+	}, [mouseEnterDelay, openDelay]);
+	const resolvedCloseDelay = useMemo(() => {
+		if (closeDelay !== void 0) return closeDelay;
+		if (mouseLeaveDelay !== void 0) return mouseLeaveDelay * 1e3;
+		return DEFAULT_CLOSE_DELAY;
+	}, [closeDelay, mouseLeaveDelay]);
+	const placementConfig = placementMap[placement] ?? placementMap.top;
+	const baseSideOffset = arrow ? 8 : 6;
+	const appElement = useAppElement();
+	const portalContainer = useFloatingLayer() ?? appElement;
+	const { isNativeButtonTriggerElement } = useNativeButton({ children });
+	const slots = useMemo(() => {
+		const customStyles = typeof customStylesProp === "function" ? void 0 : customStylesProp;
+		return {
+			arrow: styleProps(styles.arrow, classNames?.arrow, customStyles?.arrow),
+			popup: styleProps(styles.popup, clsx(className, classNames?.root, classNames?.container), {
+				...customStyles?.root,
+				...customStyles?.container
+			}),
+			positioner: styleProps(styles.positioner, void 0, { zIndex: zIndex ?? 114514 }),
+			viewport: styleProps(styles.viewport, clsx("lobe-tooltip-viewport", classNames?.content), customStyles?.content)
+		};
+	}, [
+		className,
+		classNames?.arrow,
+		classNames?.container,
+		classNames?.content,
+		classNames?.root,
+		customStylesProp,
+		zIndex
+	]);
+	const triggerElement = useMemo(() => {
+		const popupTriggerId = isValidElement(children) && children.props["aria-haspopup"] !== void 0 && children.props.id !== void 0 ? children.props.id : void 0;
+		const baseTriggerProps = {
+			closeDelay: resolvedCloseDelay,
+			delay: resolvedOpenDelay,
+			disabled,
+			...triggerProps,
+			id: popupTriggerId ?? triggerProps?.id
+		};
+		if (isValidElement(children)) return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			...baseTriggerProps,
+			render: (props) => {
+				const resolvedProps = (() => {
+					if (isNativeButtonTriggerElement) return props;
+					const { type, ref: triggerRef, ...triggerRest } = props;
+					return triggerRest;
+				})();
+				const childProps = children.props;
+				const mergedProps = mergeProps(restProps, childProps, resolvedProps);
+				const shouldPreservePopupTriggerId = childProps["aria-haspopup"] !== void 0 && childProps.id !== void 0;
+				return cloneElement(children, {
+					...mergedProps,
+					id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,
+					ref: mergeRefs([
+						children.ref,
+						props.ref,
+						refProp,
+						triggerCallbackRef
+					])
+				});
+			}
+		});
+		return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+			...baseTriggerProps,
+			ref: mergeRefs([refProp, triggerCallbackRef]),
+			children
+		});
+	}, [
+		children,
+		disabled,
+		isNativeButtonTriggerElement,
+		refProp,
+		resolvedCloseDelay,
+		resolvedOpenDelay,
+		restProps,
+		triggerCallbackRef,
+		triggerProps
+	]);
+	const customContainer = useMemo(() => {
+		if (popupContainer) return popupContainer;
+		if (!getPopupContainer || !isClient || !triggerNode) return void 0;
+		return getPopupContainer(triggerNode);
+	}, [
+		popupContainer,
+		getPopupContainer,
+		isClient,
+		triggerNode
+	]);
+	const popup = useMemo(() => /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		align: placementConfig.align,
+		"data-placement": placement,
+		side: placementConfig.side,
+		sideOffset: baseSideOffset,
+		...slots.positioner,
+		...positionerProps,
+		collisionPadding: positionerProps?.collisionPadding ?? getFloatingCollisionPadding(),
+		children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+			...slots.popup,
+			...popupProps,
+			children: [arrow && /* @__PURE__ */ jsx(Tooltip.Arrow, {
+				...slots.arrow,
+				children: TooltipArrowIcon
+			}), /* @__PURE__ */ jsx(Tooltip.Viewport, {
+				...slots.viewport,
+				children: /* @__PURE__ */ jsx(TooltipContent, {
+					hotkey,
+					hotkeyProps,
+					title
+				})
+			})]
+		})
+	}), [
+		arrow,
+		baseSideOffset,
+		hotkey,
+		hotkeyProps,
+		placement,
+		placementConfig.align,
+		placementConfig.side,
+		popupProps,
+		positionerProps,
+		slots,
+		title
+	]);
+	if (title == null && !hotkey) return children;
+	const resolvedPortalContainer = customContainer ?? portalContainer;
+	return /* @__PURE__ */ jsxs(Tooltip.Root, {
+		defaultOpen,
+		disabled,
+		open: resolvedOpen,
+		onOpenChange: handleOpenChange,
+		children: [triggerElement, resolvedPortalContainer ? /* @__PURE__ */ jsx(Tooltip.Portal, {
+			container: resolvedPortalContainer,
+			...portalProps,
+			children: popup
+		}) : null]
+	});
+});
+TooltipStandalone.displayName = "TooltipStandalone";
+//#endregion
+export { TooltipStandalone };
+
+//# sourceMappingURL=TooltipStandalone.mjs.map

package/es/Tooltip/TooltipStandalone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipStandalone.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport clsx from 'clsx';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  type Ref,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { styleProps } from '@/styles/stylex/props';\nimport { placementMap } from '@/utils/placement';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipProps } from './type';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\n/**\n * Tooltip component - displays small contextual hints on hover/focus\n * Compatible with Ant Design Tooltip-like API (subset)\n */\nexport const TooltipStandalone = memo<TooltipProps>(\n  ({\n    children,\n    title,\n    arrow = false,\n    className,\n    classNames,\n    closeDelay,\n    defaultOpen = false,\n    disabled = false,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    open,\n    openDelay,\n    placement = 'top',\n    popupContainer,\n    styles: customStylesProp,\n    zIndex,\n    ref: refProp,\n    positionerProps,\n    triggerProps,\n    popupProps,\n    portalProps,\n    standalone: _standalone,\n    ...restProps\n  }) => {\n    const isClient = useIsClient();\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n    const [triggerNode, setTriggerNode] = useState<HTMLElement | null>(null);\n    const triggerCallbackRef = useCallback((node: HTMLElement | null) => {\n      if (node) setTriggerNode(node);\n    }, []);\n\n    const mergedOpen = open ?? uncontrolledOpen;\n    const resolvedOpen = disabled ? false : mergedOpen;\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        if (disabled && nextOpen) return;\n        onOpenChange?.(nextOpen);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [disabled, onOpenChange, open],\n    );\n\n    const resolvedOpenDelay = useMemo(() => {\n      if (openDelay !== undefined) return openDelay;\n      if (mouseEnterDelay !== undefined) return mouseEnterDelay * 1000;\n      return DEFAULT_OPEN_DELAY;\n    }, [mouseEnterDelay, openDelay]);\n\n    const resolvedCloseDelay = useMemo(() => {\n      if (closeDelay !== undefined) return closeDelay;\n      if (mouseLeaveDelay !== undefined) return mouseLeaveDelay * 1000;\n      return DEFAULT_CLOSE_DELAY;\n    }, [closeDelay, mouseLeaveDelay]);\n\n    const placementConfig = placementMap[placement] ?? placementMap.top;\n    const baseSideOffset = arrow ? 8 : 6;\n\n    const appElement = useAppElement();\n    const floatingLayerContainer = useFloatingLayer();\n    const portalContainer = floatingLayerContainer ?? appElement;\n\n    const { isNativeButtonTriggerElement } = useNativeButton({\n      children,\n    });\n\n    const slots = useMemo(() => {\n      const customStyles = typeof customStylesProp === 'function' ? undefined : customStylesProp;\n      return {\n        arrow: styleProps(styles.arrow, classNames?.arrow, customStyles?.arrow),\n        popup: styleProps(styles.popup, clsx(className, classNames?.root, classNames?.container), {\n          ...customStyles?.root,\n          ...customStyles?.container,\n        }),\n        positioner: styleProps(styles.positioner, undefined, { zIndex: zIndex ?? 114_514 }),\n        viewport: styleProps(\n          styles.viewport,\n          clsx('lobe-tooltip-viewport', classNames?.content),\n          customStyles?.content,\n        ),\n      };\n    }, [\n      className,\n      classNames?.arrow,\n      classNames?.container,\n      classNames?.content,\n      classNames?.root,\n      customStylesProp,\n      zIndex,\n    ]);\n\n    const triggerElement = useMemo(() => {\n      const popupTriggerId =\n        isValidElement(children) &&\n        (children as any).props['aria-haspopup'] !== undefined &&\n        (children as any).props.id !== undefined\n          ? (children as any).props.id\n          : undefined;\n\n      const baseTriggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        ...triggerProps,\n        id: popupTriggerId ?? triggerProps?.id,\n      };\n\n      if (isValidElement(children)) {\n        return (\n          <BaseTooltip.Trigger\n            {...baseTriggerProps}\n            render={(props) => {\n              // Base UI's trigger props include `type=\"button\"` by default.\n              // If we render into a non-<button> element, that prop is invalid and can warn.\n              const resolvedProps = (() => {\n                if (isNativeButtonTriggerElement) return props as any;\n                // eslint-disable-next-line unused-imports/no-unused-vars\n                const { type, ref: triggerRef, ...triggerRest } = props as any;\n                return triggerRest;\n              })();\n\n              const childProps = (children as any).props;\n              const mergedProps = mergeProps(restProps, childProps, resolvedProps);\n              const shouldPreservePopupTriggerId =\n                childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\n\n              return cloneElement(children as any, {\n                ...mergedProps,\n                id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\n                ref: mergeRefs([\n                  (children as any).ref,\n                  (props as any).ref,\n                  refProp,\n                  triggerCallbackRef,\n                ]),\n              });\n            }}\n          />\n        );\n      }\n\n      return (\n        <BaseTooltip.Trigger\n          {...baseTriggerProps}\n          ref={mergeRefs([refProp, triggerCallbackRef]) as Ref<HTMLButtonElement>}\n        >\n          {children}\n        </BaseTooltip.Trigger>\n      );\n    }, [\n      children,\n      disabled,\n      isNativeButtonTriggerElement,\n      refProp,\n      resolvedCloseDelay,\n      resolvedOpenDelay,\n      restProps,\n      triggerCallbackRef,\n      triggerProps,\n    ]);\n\n    const customContainer = useMemo(() => {\n      if (popupContainer) return popupContainer;\n      if (!getPopupContainer || !isClient || !triggerNode) return undefined;\n      return getPopupContainer(triggerNode);\n    }, [popupContainer, getPopupContainer, isClient, triggerNode]);\n\n    const popup = useMemo(\n      () => (\n        <BaseTooltip.Positioner\n          align={placementConfig.align}\n          data-placement={placement}\n          side={placementConfig.side}\n          sideOffset={baseSideOffset}\n          {...slots.positioner}\n          {...positionerProps}\n          collisionPadding={positionerProps?.collisionPadding ?? getFloatingCollisionPadding()}\n        >\n          <BaseTooltip.Popup {...slots.popup} {...popupProps}>\n            {arrow && <BaseTooltip.Arrow {...slots.arrow}>{TooltipArrowIcon}</BaseTooltip.Arrow>}\n            <BaseTooltip.Viewport {...slots.viewport}>\n              <TooltipContent hotkey={hotkey} hotkeyProps={hotkeyProps} title={title} />\n            </BaseTooltip.Viewport>\n          </BaseTooltip.Popup>\n        </BaseTooltip.Positioner>\n      ),\n      [\n        arrow,\n        baseSideOffset,\n        hotkey,\n        hotkeyProps,\n        placement,\n        placementConfig.align,\n        placementConfig.side,\n        popupProps,\n        positionerProps,\n        slots,\n        title,\n      ],\n    );\n\n    if (title == null && !hotkey) {\n      return children;\n    }\n\n    const resolvedPortalContainer = customContainer ?? portalContainer;\n\n    return (\n      <BaseTooltip.Root\n        defaultOpen={defaultOpen}\n        disabled={disabled}\n        open={resolvedOpen}\n        onOpenChange={handleOpenChange}\n      >\n        {triggerElement}\n        {resolvedPortalContainer ? (\n          <BaseTooltip.Portal container={resolvedPortalContainer} {...portalProps}>\n            {popup}\n          </BaseTooltip.Portal>\n        ) : null}\n      </BaseTooltip.Root>\n    );\n  },\n);\n\nTooltipStandalone.displayName = 'TooltipStandalone';\n"],"mappings":"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"}

package/es/Tooltip/groupContext.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { createContext } from "react";
+//#region src/Tooltip/groupContext.ts
+const TooltipGroupHandleContext = createContext(null);
+const TooltipGroupPropsContext = createContext(null);
+//#endregion
+export { TooltipGroupHandleContext, TooltipGroupPropsContext };
+
+//# sourceMappingURL=groupContext.mjs.map

package/es/Tooltip/groupContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupContext.mjs","names":[],"sources":["../../src/Tooltip/groupContext.ts"],"sourcesContent":["'use client';\n\nimport type { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { createContext } from 'react';\n\nimport type { TooltipProps } from './type';\n\nexport type TooltipGroupItem = Omit<TooltipProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;\n\nexport type TooltipGroupSharedProps = Omit<\n  TooltipProps,\n  'children' | 'defaultOpen' | 'open' | 'ref' | 'title'\n> & {\n  /**\n   * @description Morph the shared popup (position, size, content) when switching triggers\n   * @default true\n   */\n  layoutAnimation?: boolean;\n};\n\nexport type TooltipGroupHandle = ReturnType<typeof BaseTooltip.createHandle<TooltipGroupItem>>;\n\nexport const TooltipGroupHandleContext = createContext<TooltipGroupHandle | null>(null);\nexport const TooltipGroupPropsContext = createContext<TooltipGroupSharedProps | null>(null);\n"],"mappings":";;;AAsBA,MAAa,4BAA4B,cAAyC,IAAI;AACtF,MAAa,2BAA2B,cAA8C,IAAI"}

package/es/Tooltip/index.d.mts

@@ -1,5 +1,4 @@
-import { TooltipGroupProps, TooltipPlacement, TooltipPopupComponentProps, TooltipPortalProps, TooltipPositionerProps, TooltipProps, TooltipTriggerComponentProps } from "../base-ui/Tooltip/type.mjs";
-import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
-import TooltipGroup from "../base-ui/Tooltip/TooltipGroup.mjs";
-import "../base-ui/Tooltip/index.mjs";
+import { TooltipGroupProps, TooltipPlacement, TooltipPopupComponentProps, TooltipPortalProps, TooltipPositionerProps, TooltipProps, TooltipTriggerComponentProps } from "./type.mjs";
+import { Tooltip } from "./Tooltip.mjs";
+import TooltipGroup from "./TooltipGroup.mjs";
 export { TooltipGroup, type TooltipGroupProps, type TooltipPlacement, type TooltipPopupComponentProps, type TooltipPortalProps, type TooltipPositionerProps, type TooltipProps, type TooltipTriggerComponentProps, Tooltip as default };

package/es/Tooltip/style.mjs

@@ -0,0 +1,94 @@
+//#region src/Tooltip/style.ts
+const styles = {
+	arrow: {
+		"--lobe-tooltip-arrow-offset-block": "lbw4uxtt",
+		"--lobe-tooltip-arrow-offset-inline": "lb1wzcy62",
+		kmkexE: "lbguwl36",
+		k1xSpc: "lb78zum5",
+		krVfgx: "lbjmk4oj",
+		k87sOh: "lb14zt1df",
+		kt4wiu: "lb7p8j0w",
+		kLqNvP: "lb1xfhnju",
+		kfzvcC: "lb47corl",
+		kVAEAm: "lb10l6tqk",
+		k3aq6I: "lb1oo9ml4 lb1cjlpbl lbozx4bj",
+		k3nNDw: "lb1g0ag68",
+		kZKoxP: "lbqu0tyb",
+		kzqmXN: "lb1xc55vz",
+		$$css: true
+	},
+	arrowStroke: {
+		kjVXCG: "lb1w5eaov",
+		$$css: true
+	},
+	arrowSvg: {
+		kDwRjp: "lba5k3pi",
+		k1xSpc: "lb1lliihq",
+		kZKoxP: "lb5yr21d",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	popup: {
+		kaIpWk: "lb1vihcfj",
+		kWkggS: "lb1w937bt",
+		kGVxlE: "lb1m6gqc5",
+		kB7OPa: "lb9f619",
+		kMwMTN: "lb1usnhxx",
+		kGuDYH: "lbxobqjj",
+		kLWn49: "lb1u7k74",
+		kSiTet: "lb1i2unn7",
+		kVAEAm: "lb1n2onr6",
+		k3aq6I: "lbuyeqv",
+		k3nNDw: "lbctpfpq",
+		kIyJzY: "lbv0qwwe lbuik8z1 lbacr6d7 lb9tnqcr lbx42jxk",
+		k1ekBW: "lb6o7n8i lbc9zdik lb3rxudo",
+		kAMwcw: "lb1jj0oc8 lbun9rx9 lbsn38r3 lb10v0bi7 lb1adsm7q",
+		kfSwDN: "lb87ps6o",
+		k6sLGO: "lb1q1rmc8",
+		kZKoxP: "lb11pkctk",
+		ks0D6T: "lb7k7lee",
+		kzqmXN: "lb5qobh6",
+		$$css: true
+	},
+	positioner: {
+		"--lobe-tooltip-animation-duration": "lbabgygf lb1fy5egn",
+		"--lobe-tooltip-animation-duration-exit": "lb17zxa9l lb15570jz",
+		"--lobe-tooltip-animation-ease-in": "lb1czz40j",
+		"--lobe-tooltip-animation-ease-out": "lbiyrdk8",
+		"--lobe-tooltip-animation-scale": "lb1ezh9a6",
+		"--lobe-tooltip-animation-translate": "lb1xzhb9q",
+		"--lobe-tooltip-fade-duration": "lbytl4um lb1ae5iqf",
+		"--lobe-tooltip-fade-ease": "lb1epvlm",
+		"--lobe-tooltip-layout-duration": "lb1rnv61f lb3dl09s",
+		"--lobe-tooltip-layout-ease": "lb1dnf3u4",
+		"--lobe-tooltip-translate-x": "lb1x6gem7 lbjzfilc lb19p6rg0",
+		"--lobe-tooltip-translate-y": "lb1ppaw8e lb1e6wdka lb1rub6d4 lbuhc4zl",
+		kfzvcC: "lb1tblq73",
+		kIyJzY: "lb1vnoanb lb1f4cfe3 lb99o0pw",
+		k1ekBW: "lb13b0p5u lb1a8vufm",
+		kAMwcw: "lbcy2e1b lbg0tjny lb65j81d",
+		k33iCy: "lbjek8f0",
+		k6sLGO: "lb1q1rmc8",
+		kY2c9j: "lb1ag1zdb",
+		kZKoxP: "lbm56wjt",
+		kzqmXN: "lb116h1a6",
+		$$css: true
+	},
+	viewport: {
+		"--lobe-tooltip-content-blur": "lbmm55jw",
+		"--lobe-tooltip-content-shift": "lb793mc",
+		"--lobe-tooltip-viewport-inline-padding": "lb1k6gbzt",
+		kVQacm: "lb7giv3",
+		k8WAf4: "lb12ulsxz",
+		kg3NbH: "lb5yvih3",
+		kHjlTd: "lb1mzt3pk",
+		kVAEAm: "lb1n2onr6",
+		khDVqt: "lbeaf4i8",
+		ks0D6T: "lb1pdv066",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Tooltip/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import './style.css';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst reducedMotion = '@media (prefers-reduced-motion: reduce)';\nconst layoutAnimation = ':is([data-layout-animation])';\nconst instant = ':is([data-instant])';\nconst instantOrRepop = ':is([data-instant], [data-repop])';\nconst popupLayoutTiming =\n  ':is([data-layout-animation]):not([data-repop], [data-ending-style], [data-instant])';\nconst popupLayoutProperty = ':is([data-layout-animation]):not([data-repop], [data-instant])';\nconst popupRepopTiming = ':is([data-repop]):not([data-ending-style], [data-instant])';\nconst popupEndingTiming = ':is([data-ending-style]):not([data-instant])';\nconst positionerLayout = ':is([data-layout-animation]):not([data-instant], [data-repop])';\nconst startingOrEnding = ':is([data-starting-style], [data-ending-style])';\nconst anchorHidden = \":is([data-anchor-hidden], [data-zero-origin='true'])\";\nconst placementTop =\n  \":is([data-placement='top'], [data-placement='topLeft'], [data-placement='topRight'])\";\nconst placementLeft =\n  \":is([data-placement='left'], [data-placement='leftTop'], [data-placement='leftBottom'])\";\nconst placementRight =\n  \":is([data-placement='right'], [data-placement='rightTop'], [data-placement='rightBottom'])\";\n\nconst springEnter =\n  'linear(0, 0.041, 0.14, 0.268, 0.407, 0.541, 0.662, 0.765, 0.849, 0.915, 0.964, 0.998, 1.02, 1.032, 1.038, 1.039, 1.036, 1.032, 1.027, 1.022, 1.016, 1.012, 1.008, 1.005, 1.003)';\nconst springGlide =\n  'linear(0, 0.041, 0.14, 0.268, 0.407, 0.541, 0.661, 0.765, 0.849, 0.915, 0.964, 0.998, 1.02, 1.032, 1.038, 1.039, 1.036, 1.032, 1.027, 1.022, 1.016, 1.012, 1.008, 1.005, 1.003)';\n\nexport const styles = stylex.create({\n  arrow: {\n    '--lobe-tooltip-arrow-offset-block': '4px',\n    '--lobe-tooltip-arrow-offset-inline': '6px',\n    'transition':\n      'inset-inline-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease), inset-block-start var(--lobe-tooltip-layout-duration) var(--lobe-tooltip-layout-ease)',\n    'display': 'flex',\n    'insetBlockEnd': {\n      'default': null,\n      \":is([data-side='top'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n    },\n    'insetBlockStart': {\n      'default': null,\n      \":is([data-side='bottom'])\": 'calc(var(--lobe-tooltip-arrow-offset-block) * -1)',\n    },\n    'insetInlineEnd': {\n      'default': null,\n      \":is([data-side='left'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n    },\n    'insetInlineStart': {\n      'default': null,\n      \":is([data-side='right'])\": 'calc(var(--lobe-tooltip-arrow-offset-inline) * -1)',\n    },\n    'pointerEvents': 'none',\n    'position': 'absolute',\n    'transform': {\n      'default': null,\n      \":is([data-side='left'])\": 'rotate(90deg)',\n      \":is([data-side='right'])\": 'rotate(-90deg)',\n      \":is([data-side='top'])\": 'rotate(180deg)',\n    },\n    'transformOrigin': 'center',\n    'height': 4,\n    'width': 8,\n  },\n  arrowStroke: {\n    stroke: cssVar.colorBorderSecondary,\n  },\n  arrowSvg: {\n    fill: cssVar.colorBgElevated,\n    display: 'block',\n    height: '100%',\n    width: '100%',\n  },\n\n  popup: {\n    borderRadius: cssVar.borderRadiusSM,\n    backgroundColor: cssVar.colorBgElevated,\n    boxShadow: `${cssVar.boxShadowTertiary}, var(--lobe-ring)`,\n    boxSizing: 'border-box',\n    color: cssVar.colorTextLabel,\n    fontSize: cssVar.fontSizeSM,\n    lineHeight: 1.2,\n    opacity: { default: null, [startingOrEnding]: 0 },\n    position: 'relative',\n    transform: {\n      default: null,\n      [startingOrEnding]:\n        'translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0) scale(var(--lobe-tooltip-animation-scale))',\n    },\n    transformOrigin: 'var(--transform-origin)',\n    /* `transition: none` is spelled out as longhands because StyleX layers longhands above\n       shorthands. StyleX does not keep condition order, so the old cascade\n       (layout < repop < ending-style < instant) is encoded with :not() guards. */\n    transitionDuration: {\n      default: 'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration)',\n      [instant]: '0s',\n      [popupEndingTiming]: 'var(--lobe-tooltip-animation-duration-exit)',\n      [popupLayoutTiming]:\n        'var(--lobe-tooltip-fade-duration), var(--lobe-tooltip-animation-duration), var(--lobe-tooltip-layout-duration), var(--lobe-tooltip-layout-duration)',\n      [popupRepopTiming]: '0s',\n    },\n    transitionProperty: {\n      default: 'opacity, transform',\n      [instantOrRepop]: 'none',\n      [popupLayoutProperty]: 'opacity, transform, width, height',\n    },\n    /* Opacity gets its own monotonic curve: running it on the overshooting spring makes the\n       fade look finished at ~0.96, pause, then visibly step to 1 at the clamp point — reads\n       as a dropped frame. The spring stays on transform only. */\n    transitionTimingFunction: {\n      default: 'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out)',\n      [instant]: 'ease',\n      [popupEndingTiming]: 'var(--lobe-tooltip-animation-ease-in)',\n      [popupLayoutTiming]:\n        'var(--lobe-tooltip-fade-ease), var(--lobe-tooltip-animation-ease-out), var(--lobe-tooltip-layout-ease), var(--lobe-tooltip-layout-ease)',\n      [popupRepopTiming]: 'ease',\n    },\n    userSelect: 'none',\n    /* Keep the popup on its own compositor layer for its whole lifetime: when the opacity\n       transition ends the browser otherwise drops the layer and re-rasterizes with pixel\n       snapping — a visible one-frame shift when the measured width is fractional\n       (single-line tooltips). */\n    willChange: 'transform, opacity',\n    height: { default: null, [layoutAnimation]: 'var(--popup-height, auto)' },\n    /* The 320px cap lives on the viewport, not here: Base UI measures content with\n       --available-width set to max-content, and min(320px, max-content) is invalid, which\n       recorded unclamped sizes. A percentage cap is out too — it tracks the positioner, which\n       snaps to the new size and would freeze the shrink half of the morph. */\n    maxWidth: 'var(--available-width)',\n    /* Base UI writes the old size into --popup-width/height on a trigger switch and the new size\n       one frame later; the box only morphs if width/height actually read them. */\n    width: { default: null, [layoutAnimation]: 'var(--popup-width, auto)' },\n  },\n\n  positioner: {\n    /* Springs baked as linear(): stiffness 700 / damping 38 (enter) and 380 / 28 (glide),\n       both zeta ~0.72 with ~4% overshoot. Durations are the springs' settle times —\n       change them together with the curves, not independently. */\n    '--lobe-tooltip-animation-duration': { default: '280ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-animation-duration-exit': { default: '100ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-animation-ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n    '--lobe-tooltip-animation-ease-out': springEnter,\n    '--lobe-tooltip-animation-scale': '0.97',\n    '--lobe-tooltip-animation-translate': '3px',\n    '--lobe-tooltip-fade-duration': { default: '160ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-fade-ease': 'cubic-bezier(0.33, 1, 0.68, 1)',\n    '--lobe-tooltip-layout-duration': { default: '380ms', [reducedMotion]: '0s' },\n    '--lobe-tooltip-layout-ease': springGlide,\n    '--lobe-tooltip-translate-x': {\n      default: '0',\n      [placementLeft]: 'var(--lobe-tooltip-animation-translate)',\n      [placementRight]: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n    },\n    '--lobe-tooltip-translate-y': {\n      default: 'calc(var(--lobe-tooltip-animation-translate) * -1)',\n      [placementLeft]: '0',\n      [placementRight]: '0',\n      [placementTop]: 'var(--lobe-tooltip-animation-translate)',\n    },\n    /* Never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n    'pointerEvents': { [anchorHidden]: 'none', default: null },\n    'transitionDuration': {\n      default: 'var(--lobe-tooltip-animation-duration)',\n      [instantOrRepop]: '0s',\n      [positionerLayout]: 'var(--lobe-tooltip-layout-duration)',\n    },\n    'transitionProperty': {\n      default: 'none',\n      [positionerLayout]:\n        'inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform',\n    },\n    'transitionTimingFunction': {\n      default: 'var(--lobe-tooltip-animation-ease-out)',\n      [instantOrRepop]: 'ease',\n      [positionerLayout]: 'var(--lobe-tooltip-layout-ease)',\n    },\n    'visibility': { [anchorHidden]: 'hidden', default: null },\n    'willChange': 'transform, opacity',\n    'zIndex': 114_514,\n    'height': 'var(--positioner-height)',\n    'width': 'min(var(--positioner-width), 320px, var(--available-width))',\n  },\n\n  viewport: {\n    '--lobe-tooltip-content-blur': '4px',\n    '--lobe-tooltip-content-shift': '8px',\n    '--lobe-tooltip-viewport-inline-padding': '8px',\n    'overflow': 'clip',\n    'paddingBlock': 4,\n    'paddingInline': 'var(--lobe-tooltip-viewport-inline-padding)',\n    'overflowWrap': 'break-word',\n    'position': 'relative',\n    'whiteSpace': 'normal',\n    'maxWidth': 'calc(320px - 2px)',\n  },\n});\n"],"mappings":";AAoBA,MAAa,SAAS;CACpB,OAAO;EACL,qCAAqC;EACrC,sCAAsC;EACtC,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,qCAAqC;EACrC,0CAA0C;EAC1C,oCAAoC;EACpC,qCAAqC;EACrC,kCAAkC;EAClC,sCAAsC;EACtC,gCAAgC;EAChC,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,8BAA8B;EAC9B,8BAA8B;EAC9B,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,+BAA+B;EAC/B,gCAAgC;EAChC,0CAA0C;EAC1C,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/Tooltip/type.d.mts

@@ -0,0 +1,180 @@
+import { HotkeyProps } from "../Hotkey/type.mjs";
+import "../Hotkey/index.mjs";
+import { Placement } from "../utils/placement.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactElement, ReactNode } from "react";
+import { Tooltip, TooltipPopupProps, TooltipPortalProps, TooltipPositionerProps, TooltipTriggerProps } from "@base-ui/react/tooltip";
+//#region src/Tooltip/type.d.ts
+export type TooltipPlacement = Placement;
+/**
+ * Base UI Positioner props that can be passed through
+ */
+type TooltipPositionerProps$1 = Omit<TooltipPositionerProps, 'className' | 'style' | 'children'>;
+/**
+ * Base UI Trigger props that can be passed through
+ */
+export type TooltipTriggerComponentProps = Omit<TooltipTriggerProps, 'className' | 'style' | 'children' | 'render' | 'handle' | 'payload'>;
+/**
+ * Base UI Popup props that can be passed through
+ */
+export type TooltipPopupComponentProps = Omit<TooltipPopupProps, 'className' | 'style' | 'children'>;
+/**
+ * Base UI Portal props that can be passed through
+ */
+type TooltipPortalProps$1 = Omit<TooltipPortalProps, 'children' | 'container'>;
+export interface TooltipProps {
+  /**
+   * Whether the tooltip has an arrow pointer.
+   * @default false
+   */
+  arrow?: boolean;
+  /**
+   * Trigger element. Prefer a single React element.
+   */
+  children: ReactElement | ReactNode;
+  /**
+   * Custom className for the tooltip floating root.
+   */
+  className?: string;
+  /**
+   * Compatible with Ant Design `classNames` shape (subset).
+   */
+  classNames?: {
+    arrow?: string;
+    container?: string;
+    content?: string;
+    root?: string;
+  };
+  /**
+   * Delay (in milliseconds) before closing the tooltip.
+   * Takes precedence over `mouseLeaveDelay`.
+   */
+  closeDelay?: number;
+  /**
+   * Uncontrolled initial open state.
+   */
+  defaultOpen?: boolean;
+  /**
+   * Disable tooltip behavior.
+   */
+  disabled?: boolean;
+  /**
+   * An Ant Design compatible escape hatch for portal container.
+   * @deprecated Use `popupContainer` instead.
+   */
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  hotkey?: string;
+  hotkeyProps?: Omit<HotkeyProps, 'keys'>;
+  /**
+   * Delay (in seconds) before showing the tooltip on hover.
+   * Kept compatible with Ant Design `Tooltip`.
+   */
+  mouseEnterDelay?: number;
+  /**
+   * Delay (in seconds) before hiding the tooltip on hover out.
+   * Kept compatible with Ant Design `Tooltip`.
+   */
+  mouseLeaveDelay?: number;
+  /**
+   * Callback when open state changes.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * Controlled open state.
+   */
+  open?: boolean;
+  /**
+   * Delay (in milliseconds) before opening the tooltip.
+   * Takes precedence over `mouseEnterDelay`.
+   */
+  openDelay?: number;
+  /**
+   * Tooltip placement. Supports Floating UI placements and Ant Design legacy placements.
+   */
+  placement?: TooltipPlacement;
+  /**
+   * Direct HTMLElement to use as the portal container.
+   * Takes precedence over `getPopupContainer`.
+   */
+  popupContainer?: HTMLElement;
+  /**
+   * Base UI Popup 组件的 props
+   */
+  popupProps?: TooltipPopupComponentProps;
+  /**
+   * Base UI Portal 组件的 props
+   */
+  portalProps?: TooltipPortalProps$1;
+  /**
+   * Base UI Positioner 组件的 props
+   */
+  positionerProps?: TooltipPositionerProps$1;
+  ref?: ComponentPropsWithRef<typeof Tooltip.Trigger>['ref'];
+  /**
+   * When true, this tooltip will render independently even inside a TooltipGroup,
+   * ignoring the group singleton behavior.
+   */
+  standalone?: boolean;
+  /**
+   * Compatible with Ant Design `styles` shape (subset).
+   */
+  styles?: {
+    arrow?: CSSProperties;
+    /**
+     * Backwards-compatible alias for the floating root style.
+     */
+    container?: CSSProperties;
+    content?: CSSProperties;
+    root?: CSSProperties;
+  };
+  /**
+   * Tooltip content.
+   */
+  title: ReactNode;
+  /**
+   * Base UI Trigger 组件的 props
+   */
+  triggerProps?: TooltipTriggerComponentProps;
+  /**
+   * z-index for tooltip floating root.
+   */
+  zIndex?: number;
+}
+/**
+ * Props for `TooltipGroup`.
+ */
+export interface TooltipGroupProps {
+  arrow?: boolean;
+  children: ReactNode;
+  className?: string;
+  classNames?: TooltipProps['classNames'];
+  closeDelay?: number;
+  disabled?: boolean;
+  /**
+   * Disable the "destroy on invalid trigger (display:none / disconnected)" guard for performance.
+   * @default false
+   */
+  disableDestroyOnInvalidTrigger?: boolean;
+  /**
+   * Disable the "hide when positioner falls back to (0,0)" visual guard for performance.
+   * @default false
+   */
+  disableZeroOriginGuard?: boolean;
+  getPopupContainer?: TooltipProps['getPopupContainer'];
+  hotkey?: string;
+  hotkeyProps?: Omit<HotkeyProps, 'keys'>;
+  layoutAnimation?: boolean;
+  mouseEnterDelay?: number;
+  mouseLeaveDelay?: number;
+  openDelay?: number;
+  placement?: TooltipPlacement;
+  popupContainer?: TooltipProps['popupContainer'];
+  popupProps?: TooltipPopupComponentProps;
+  portalProps?: TooltipPortalProps$1;
+  positionerProps?: TooltipPositionerProps$1;
+  styles?: TooltipProps['styles'];
+  triggerProps?: TooltipTriggerComponentProps;
+  zIndex?: number;
+}
+//#endregion
+export { TooltipPortalProps$1 as TooltipPortalProps, TooltipPositionerProps$1 as TooltipPositionerProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Tooltip/useMergedTooltipProps.mjs

@@ -0,0 +1,110 @@
+"use client";
+import { TooltipGroupPropsContext } from "./groupContext.mjs";
+import { useContext, useMemo } from "react";
+//#region src/Tooltip/useMergedTooltipProps.ts
+const useMergedTooltipProps = (props) => {
+	const sharedProps = useContext(TooltipGroupPropsContext);
+	const { arrow, className, classNames, closeDelay, disabled, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, openDelay, placement, popupContainer, styles: styleProps, title, zIndex, positionerProps, triggerProps, popupProps } = props;
+	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 resolvedSharedStyles = useMemo(() => {
+		if (typeof sharedProps?.styles === "function") return void 0;
+		return sharedProps?.styles;
+	}, [sharedProps?.styles]);
+	const resolvedLocalStyles = useMemo(() => {
+		if (typeof styleProps === "function") return void 0;
+		return styleProps;
+	}, [styleProps]);
+	const mergedStyles = useMemo(() => {
+		if (!resolvedSharedStyles && !resolvedLocalStyles) return void 0;
+		return {
+			...resolvedSharedStyles,
+			...resolvedLocalStyles
+		};
+	}, [resolvedSharedStyles, resolvedLocalStyles]);
+	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]);
+	return useMemo(() => ({
+		arrow: arrow ?? sharedProps?.arrow ?? false,
+		className: mergedClassName,
+		classNames: mergedClassNames,
+		closeDelay: closeDelay ?? sharedProps?.closeDelay,
+		disabled: disabled ?? sharedProps?.disabled,
+		getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,
+		hotkey: hotkey ?? sharedProps?.hotkey,
+		popupContainer: popupContainer ?? sharedProps?.popupContainer,
+		hotkeyProps: mergedHotkeyProps,
+		mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,
+		mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,
+		onOpenChange: mergedOnOpenChange,
+		openDelay: openDelay ?? sharedProps?.openDelay,
+		placement: placement ?? sharedProps?.placement ?? "top",
+		popupProps: popupProps ?? sharedProps?.popupProps,
+		positionerProps: positionerProps ?? sharedProps?.positionerProps,
+		styles: mergedStyles,
+		title,
+		triggerProps: triggerProps ?? sharedProps?.triggerProps,
+		zIndex: zIndex ?? sharedProps?.zIndex
+	}), [
+		arrow,
+		closeDelay,
+		disabled,
+		getPopupContainer,
+		hotkey,
+		mergedClassName,
+		mergedClassNames,
+		mergedHotkeyProps,
+		mergedOnOpenChange,
+		mergedStyles,
+		mouseEnterDelay,
+		mouseLeaveDelay,
+		openDelay,
+		placement,
+		popupContainer,
+		popupProps,
+		positionerProps,
+		sharedProps?.arrow,
+		sharedProps?.closeDelay,
+		sharedProps?.disabled,
+		sharedProps?.getPopupContainer,
+		sharedProps?.hotkey,
+		sharedProps?.mouseEnterDelay,
+		sharedProps?.mouseLeaveDelay,
+		sharedProps?.onOpenChange,
+		sharedProps?.openDelay,
+		sharedProps?.placement,
+		sharedProps?.popupContainer,
+		sharedProps?.popupProps,
+		sharedProps?.positionerProps,
+		sharedProps?.triggerProps,
+		sharedProps?.zIndex,
+		title,
+		triggerProps,
+		zIndex
+	]);
+};
+//#endregion
+export { useMergedTooltipProps };
+
+//# sourceMappingURL=useMergedTooltipProps.mjs.map

package/es/Tooltip/useMergedTooltipProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedTooltipProps.mjs","names":[],"sources":["../../src/Tooltip/useMergedTooltipProps.ts"],"sourcesContent":["'use client';\n\nimport { useContext, useMemo } from 'react';\n\nimport { type TooltipGroupItem, TooltipGroupPropsContext } from './groupContext';\nimport type { TooltipProps } from './type';\n\nexport const useMergedTooltipProps = (props: Partial<TooltipProps>): TooltipGroupItem => {\n  const sharedProps = useContext(TooltipGroupPropsContext);\n\n  const {\n    arrow,\n    className,\n    classNames,\n    closeDelay,\n    disabled,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    openDelay,\n    placement,\n    popupContainer,\n    styles: styleProps,\n    title,\n    zIndex,\n    positionerProps,\n    triggerProps,\n    popupProps,\n  } = props;\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 resolvedSharedStyles = useMemo(() => {\n    if (typeof sharedProps?.styles === 'function') return undefined;\n    return sharedProps?.styles;\n  }, [sharedProps?.styles]);\n\n  const resolvedLocalStyles = useMemo(() => {\n    if (typeof styleProps === 'function') return undefined;\n    return styleProps;\n  }, [styleProps]);\n\n  const mergedStyles = useMemo(() => {\n    if (!resolvedSharedStyles && !resolvedLocalStyles) return undefined;\n    return { ...resolvedSharedStyles, ...resolvedLocalStyles };\n  }, [resolvedSharedStyles, resolvedLocalStyles]);\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      popupContainer: popupContainer ?? sharedProps?.popupContainer,\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      popupProps: popupProps ?? sharedProps?.popupProps,\n      positionerProps: positionerProps ?? sharedProps?.positionerProps,\n      styles: mergedStyles,\n      title,\n      triggerProps: triggerProps ?? sharedProps?.triggerProps,\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      popupContainer,\n      popupProps,\n      positionerProps,\n      sharedProps?.arrow,\n      sharedProps?.closeDelay,\n      sharedProps?.disabled,\n      sharedProps?.getPopupContainer,\n      sharedProps?.hotkey,\n      sharedProps?.mouseEnterDelay,\n      sharedProps?.mouseLeaveDelay,\n      sharedProps?.onOpenChange,\n      sharedProps?.openDelay,\n      sharedProps?.placement,\n      sharedProps?.popupContainer,\n      sharedProps?.popupProps,\n      sharedProps?.positionerProps,\n      sharedProps?.triggerProps,\n      sharedProps?.zIndex,\n      title,\n      triggerProps,\n      zIndex,\n    ],\n  );\n\n  return item;\n};\n"],"mappings":";;;;AAOA,MAAa,yBAAyB,UAAmD;CACvF,MAAM,cAAc,WAAW,wBAAwB;CAEvD,MAAM,EACJ,OACA,WACA,YACA,YACA,UACA,mBACA,QACA,aACA,iBACA,iBACA,cACA,WACA,WACA,gBACA,QAAQ,YACR,OACA,QACA,iBACA,cACA,eACE;CAEJ,MAAM,kBAAkB,cAAc;EACpC,IAAI,CAAC,aAAa,aAAa,CAAC,WAAW,OAAO,KAAA;EAClD,OAAO,CAAC,aAAa,WAAW,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACrE,GAAG,CAAC,WAAW,aAAa,SAAS,CAAC;CAEtC,MAAM,mBAAmB,cAAc;EACrC,IAAI,CAAC,aAAa,cAAc,CAAC,YAAY,OAAO,KAAA;EACpD,OAAO;GAAE,GAAG,aAAa;GAAY,GAAG;EAAW;CACrD,GAAG,CAAC,YAAY,aAAa,UAAU,CAAC;CAExC,MAAM,uBAAuB,cAAc;EACzC,IAAI,OAAO,aAAa,WAAW,YAAY,OAAO,KAAA;EACtD,OAAO,aAAa;CACtB,GAAG,CAAC,aAAa,MAAM,CAAC;CAExB,MAAM,sBAAsB,cAAc;EACxC,IAAI,OAAO,eAAe,YAAY,OAAO,KAAA;EAC7C,OAAO;CACT,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe,cAAc;EACjC,IAAI,CAAC,wBAAwB,CAAC,qBAAqB,OAAO,KAAA;EAC1D,OAAO;GAAE,GAAG;GAAsB,GAAG;EAAoB;CAC3D,GAAG,CAAC,sBAAsB,mBAAmB,CAAC;CAE9C,MAAM,oBAAoB,cAAc;EACtC,IAAI,CAAC,aAAa,eAAe,CAAC,aAAa,OAAO,KAAA;EACtD,OAAO;GAAE,GAAG,aAAa;GAAa,GAAG;EAAY;CACvD,GAAG,CAAC,aAAa,aAAa,WAAW,CAAC;CAE1C,MAAM,qBAAqB,cAAc;EACvC,IAAI,CAAC,aAAa,gBAAgB,CAAC,cAAc,OAAO,KAAA;EACxD,QAAQ,SAAkB;GACxB,aAAa,eAAe,IAAI;GAChC,eAAe,IAAI;EACrB;CACF,GAAG,CAAC,cAAc,aAAa,YAAY,CAAC;CAgE5C,OA9D+B,eACtB;EACL,OAAO,SAAS,aAAa,SAAS;EACtC,WAAW;EACX,YAAY;EACZ,YAAY,cAAc,aAAa;EACvC,UAAU,YAAY,aAAa;EACnC,mBAAmB,qBAAqB,aAAa;EACrD,QAAQ,UAAU,aAAa;EAC/B,gBAAgB,kBAAkB,aAAa;EAC/C,aAAa;EACb,iBAAiB,mBAAmB,aAAa;EACjD,iBAAiB,mBAAmB,aAAa;EACjD,cAAc;EACd,WAAW,aAAa,aAAa;EACrC,WAAW,aAAa,aAAa,aAAa;EAClD,YAAY,cAAc,aAAa;EACvC,iBAAiB,mBAAmB,aAAa;EACjD,QAAQ;EACR;EACA,cAAc,gBAAgB,aAAa;EAC3C,QAAQ,UAAU,aAAa;CACjC,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA;EACA;CACF,CAGQ;AACZ"}