@lobehub/ui 3.4.2 → 3.4.3

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

package/es/Tooltip/TooltipPortal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipPortal.mjs","names":[],"sources":["../../src/Tooltip/TooltipPortal.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { useState } from 'react';\nimport { createPortal } from 'react-dom';\n\ntype TooltipPortalProps = {\n  children: ReactNode;\n  root?: HTMLElement | ShadowRoot | null;\n};\n\nconst PORTAL_ATTR = 'data-lobe-ui-tooltip-portal';\n\n// Reuse one portal container per root (document.body by default).\nconst containerMap = new WeakMap<object, HTMLElement>();\n\nconst getOrCreateContainer = (root: HTMLElement | ShadowRoot): HTMLElement => {\n  const cached = containerMap.get(root);\n  if (cached && cached.isConnected) return cached;\n\n  const el = document.createElement('div');\n  el.setAttribute(PORTAL_ATTR, 'true');\n  root.append(el);\n  containerMap.set(root, el);\n  return el;\n};\n\nconst resolveRoot = (root?: HTMLElement | ShadowRoot | null): HTMLElement | ShadowRoot | null => {\n  if (root) return root;\n  if (typeof document === 'undefined') return null;\n  return document.body;\n};\n\nconst TooltipPortal = ({ children, root }: TooltipPortalProps) => {\n  const [container, setContainer] = useState<HTMLElement | null>(() => {\n    const resolved = resolveRoot(root);\n    if (!resolved) return null;\n    return getOrCreateContainer(resolved);\n  });\n\n  if (!container && typeof document !== 'undefined') {\n    setContainer(getOrCreateContainer(document.body));\n  }\n\n  if (!container) return null;\n  return createPortal(children, container);\n};\n\nexport default TooltipPortal;\n"],"mappings":";;;;;;AAWA,MAAM,cAAc;AAGpB,MAAM,+BAAe,IAAI,SAA8B;AAEvD,MAAM,wBAAwB,SAAgD;CAC5E,MAAM,SAAS,aAAa,IAAI,KAAK;AACrC,KAAI,UAAU,OAAO,YAAa,QAAO;CAEzC,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,IAAG,aAAa,aAAa,OAAO;AACpC,MAAK,OAAO,GAAG;AACf,cAAa,IAAI,MAAM,GAAG;AAC1B,QAAO;;AAGT,MAAM,eAAe,SAA4E;AAC/F,KAAI,KAAM,QAAO;AACjB,KAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAO,SAAS;;AAGlB,MAAM,iBAAiB,EAAE,UAAU,WAA+B;CAChE,MAAM,CAAC,WAAW,gBAAgB,eAAmC;EACnE,MAAM,WAAW,YAAY,KAAK;AAClC,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,qBAAqB,SAAS;GACrC;AAEF,KAAI,CAAC,aAAa,OAAO,aAAa,YACpC,cAAa,qBAAqB,SAAS,KAAK,CAAC;AAGnD,KAAI,CAAC,UAAW,QAAO;AACvB,QAAO,aAAa,UAAU,UAAU;;AAG1C,4BAAe"}

package/es/Tooltip/antdPlacementToFloating.mjs

@@ -0,0 +1,27 @@
+//#region src/Tooltip/antdPlacementToFloating.ts
+/**
+* Convert Ant Design legacy placements to Floating UI placements.
+*
+* Notes:
+* - Floating UI placements like `top-start` are passed through.
+* - Ant Design legacy placements like `topLeft` are mapped to Floating UI.
+*/
+const antdPlacementToFloating = (placement) => {
+	if (!placement) return "top";
+	if (typeof placement === "string" && placement.includes("-")) return placement;
+	switch (placement) {
+		case "topLeft": return "top-start";
+		case "topRight": return "top-end";
+		case "bottomLeft": return "bottom-start";
+		case "bottomRight": return "bottom-end";
+		case "leftTop": return "left-start";
+		case "leftBottom": return "left-end";
+		case "rightTop": return "right-start";
+		case "rightBottom": return "right-end";
+		default: return placement;
+	}
+};
+
+//#endregion
+export { antdPlacementToFloating };
+//# sourceMappingURL=antdPlacementToFloating.mjs.map

package/es/Tooltip/antdPlacementToFloating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdPlacementToFloating.mjs","names":[],"sources":["../../src/Tooltip/antdPlacementToFloating.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/react';\n\n/**\n * Convert Ant Design legacy placements to Floating UI placements.\n *\n * Notes:\n * - Floating UI placements like `top-start` are passed through.\n * - Ant Design legacy placements like `topLeft` are mapped to Floating UI.\n */\nexport const antdPlacementToFloating = (\n  placement?:\n    | Placement\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom'\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right',\n): Placement => {\n  if (!placement) return 'top';\n\n  // Floating UI placements are already compatible.\n  if (typeof placement === 'string' && placement.includes('-')) return placement as Placement;\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return placement as Placement;\n    }\n  }\n};\n"],"mappings":";;;;;;;;AASA,MAAa,2BACX,cAcc;AACd,KAAI,CAAC,UAAW,QAAO;AAGvB,KAAI,OAAO,cAAc,YAAY,UAAU,SAAS,IAAI,CAAE,QAAO;AAErE,SAAQ,WAAR;EACE,KAAK,UACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,KAAK,UACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,QACE,QAAO"}

package/es/Tooltip/groupContext.d.mts

@@ -0,0 +1,8 @@
+import { TooltipProps } from "./type.mjs";
+import "react";
+
+//#region src/Tooltip/groupContext.d.ts
+type TooltipGroupSharedProps = Omit<TooltipProps, 'children' | 'defaultOpen' | 'open' | 'ref' | 'title'>;
+//#endregion
+export { TooltipGroupSharedProps };
+//# sourceMappingURL=groupContext.d.mts.map

package/es/Tooltip/groupContext.mjs

@@ -0,0 +1,9 @@
+import { createContext } from "react";
+
+//#region src/Tooltip/groupContext.ts
+const TooltipGroupApiContext = createContext(null);
+const TooltipGroupPropsContext = createContext(null);
+
+//#endregion
+export { TooltipGroupApiContext, 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":["import { createContext } from 'react';\n\nimport type { TooltipProps } from './type';\n\nexport type TooltipGroupItem = Omit<TooltipProps, 'children' | 'open' | 'defaultOpen'>;\n\nexport type TooltipGroupSharedProps = Omit<\n  TooltipProps,\n  'children' | 'defaultOpen' | 'open' | 'ref' | 'title'\n>;\n\nexport type TooltipGroupApi = {\n  closeFromTrigger: (triggerEl: HTMLElement, item: TooltipGroupItem) => void;\n  closeImmediately: () => void;\n  isActiveTrigger: (triggerEl: HTMLElement) => boolean;\n  openFromTrigger: (triggerEl: HTMLElement, item: TooltipGroupItem) => void;\n};\n\nexport const TooltipGroupApiContext = createContext<TooltipGroupApi | null>(null);\nexport const TooltipGroupPropsContext = createContext<TooltipGroupSharedProps | null>(null);\n"],"mappings":";;;AAkBA,MAAa,yBAAyB,cAAsC,KAAK;AACjF,MAAa,2BAA2B,cAA8C,KAAK"}

package/es/Tooltip/index.d.mts

@@ -0,0 +1,3 @@
+import { TooltipPlacement, TooltipProps } from "./type.mjs";
+import { Tooltip } from "./Tooltip.mjs";
+import { TooltipGroup } from "./TooltipGroup.mjs";

package/es/Tooltip/style.mjs

@@ -0,0 +1,39 @@
+import { createStyles } from "antd-style";
+
+//#region src/Tooltip/style.ts
+const useStyles = createStyles(({ css: css$1, token }) => {
+	return {
+		arrow: css$1`
+      fill: ${token.colorText};
+    `,
+		content: css$1`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      min-height: unset;
+      padding: 8px;
+      border-radius: ${token.borderRadiusSM}px;
+
+      color: ${token.colorBgLayout};
+      word-break: normal;
+
+      background-color: ${token.colorText};
+    `,
+		tooltip: css$1`
+      pointer-events: none;
+
+      /* Keep the class name for backwards compatibility and user overrides */
+      position: relative;
+      z-index: 114514;
+      filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 12%));
+    `,
+		tooltipLayout: css$1`
+      transition: all 0.2s ease-in-out;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# 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 { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token }) => {\n  return {\n    arrow: css`\n      fill: ${token.colorText};\n    `,\n    content: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-height: unset;\n      padding: 8px;\n      border-radius: ${token.borderRadiusSM}px;\n\n      color: ${token.colorBgLayout};\n      word-break: normal;\n\n      background-color: ${token.colorText};\n    `,\n    tooltip: css`\n      pointer-events: none;\n\n      /* Keep the class name for backwards compatibility and user overrides */\n      position: relative;\n      z-index: 114514;\n      filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 12%));\n    `,\n    tooltipLayout: css`\n      transition: all 0.2s ease-in-out;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,YAAY;AACxD,QAAO;EACL,OAAO,KAAG;cACA,MAAM,UAAU;;EAE1B,SAAS,KAAG;;;;;;;uBAOO,MAAM,eAAe;;eAE7B,MAAM,cAAc;;;0BAGT,MAAM,UAAU;;EAEtC,SAAS,KAAG;;;;;;;;EAQZ,eAAe,KAAG;;;EAGnB;EACD"}

package/es/Tooltip/type.d.mts

@@ -0,0 +1,104 @@
+import { HotkeyProps } from "../Hotkey/type.mjs";
+import "../Hotkey/index.mjs";
+import { CSSProperties, ReactElement, ReactNode, Ref } from "react";
+import { Placement } from "@floating-ui/react";
+
+//#region src/Tooltip/type.d.ts
+type TooltipPlacement = Placement | 'topLeft' | 'top' | 'topRight' | 'leftTop' | 'left' | 'leftBottom' | 'rightTop' | 'right' | 'rightBottom' | 'bottomLeft' | 'bottom' | 'bottomRight';
+type TooltipProps = {
+  /**
+   * Whether the tooltip has an arrow pointer.
+   */
+  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.
+   */
+  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;
+  /**
+   * Render tooltip in a portal attached to body.
+   */
+  portalled?: boolean;
+  ref?: Ref<HTMLElement>;
+  /**
+   * 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;
+  /**
+   * z-index for tooltip floating root.
+   */
+  zIndex?: number;
+};
+//#endregion
+export { TooltipPlacement, TooltipProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Video/index.d.mts

@@ -0,0 +1,45 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { VideoProps as VideoProps$1 } from "../types/index.mjs";
+import * as react67 from "react";
+import { CSSProperties, Ref } from "react";
+
+//#region src/Video/index.d.ts
+interface VideoProps extends VideoProps$1, Pick<FlexboxProps, 'width' | 'height'> {
+  autoPlay?: boolean;
+  classNames?: {
+    mask?: string;
+    video?: string;
+    wrapper?: string;
+  };
+  isLoading?: boolean;
+  loop?: boolean;
+  maxHeight?: number | string;
+  maxWidth?: number | string;
+  minHeight?: number | string;
+  minWidth?: number | string;
+  muted?: HTMLVideoElement['muted'];
+  onEnded?: VideoProps$1['onEnded'];
+  onMouseEnter?: VideoProps$1['onMouseEnter'];
+  onMouseLeave?: VideoProps$1['onMouseLeave'];
+  onPause?: VideoProps$1['onPause'];
+  onPlay?: VideoProps$1['onPlay'];
+  onPlaying?: VideoProps$1['onPlaying'];
+  onProgress?: VideoProps$1['onProgress'];
+  poster?: string;
+  preload?: HTMLVideoElement['preload'];
+  preview?: boolean;
+  ref?: Ref<HTMLDivElement>;
+  size?: number | string;
+  src: string;
+  styles?: {
+    mask?: CSSProperties;
+    video?: CSSProperties;
+    wrapper?: CSSProperties;
+  };
+  variant?: 'borderless' | 'filled' | 'outlined';
+}
+declare const Video: react67.NamedExoticComponent<VideoProps>;
+//#endregion
+export { Video, VideoProps };
+//# sourceMappingURL=index.d.mts.map