@lobehub/ui 4.12.2 → 4.13.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/index.mjs

@@ -11,6 +11,7 @@ import { staticStylish } from "./styles/theme/customStylishStatic.mjs";
 import { generateCustomToken } from "./styles/theme/customToken.mjs";
 import { generateColorNeutralPalette, generateColorPalette } from "./styles/theme/generateColorPalette.mjs";
 import Block_default from "./Block/Block.mjs";
+import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
 import { KeyMapEnum } from "./Hotkey/const.mjs";
 import { IconProvider } from "./Icon/components/IconProvider.mjs";
 import Icon_default from "./Icon/Icon.mjs";
@@ -21,7 +22,6 @@ import Meta_default from "./ThemeProvider/Meta.mjs";
 import FontLoader_default from "./FontLoader/index.mjs";
 import { CLASSNAMES } from "./styles/classNames.mjs";
 import ThemeProvider_default from "./ThemeProvider/ThemeProvider.mjs";
-import { placementMap, toFloatingUIPlacement } from "./utils/placement.mjs";
 import Tooltip_default from "./Tooltip/Tooltip.mjs";
 import TooltipGroup_default from "./Tooltip/TooltipGroup.mjs";
 import Text_default from "./Text/Text.mjs";

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

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

package/es/mobile/ChatInputArea/ChatInputArea.mjs

@@ -8,8 +8,8 @@ import { styles } from "./style.mjs";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-import { useSize } from "ahooks";
 import { ChevronDown, ChevronUp } from "lucide-react";
+import { useSize } from "ahooks";
 
 //#region src/mobile/ChatInputArea/ChatInputArea.tsx
 const ChatInputArea = memo(({ ref, className, style, topAddons, textAreaLeftAddons, textAreaRightAddons, bottomAddons, expand = false, setExpand, onSend, onInput, loading, value, safeArea }) => {

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

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

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

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

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

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

package/es/utils/placement.d.mts

@@ -1,5 +1,5 @@
-import { Placement } from "@floating-ui/react";
 import { Align, Side } from "@base-ui/react/utils/useAnchorPositioning";
+import { Placement } from "@floating-ui/react";
 
 //#region src/utils/placement.d.ts
 type PlacementConfig = {

package/package.json

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

package/es/Tooltip/TooltipFloating.mjs

@@ -1,119 +0,0 @@
-'use client';
-
-import { useMotionComponent } from "../MotionProvider/index.mjs";
-import FlexBasic_default from "../Flex/FlexBasic.mjs";
-import Hotkey_default from "../Hotkey/Hotkey.mjs";
-import { styles } from "./style.mjs";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { AnimatePresence } from "motion/react";
-import { FloatingArrow } from "@floating-ui/react";
-import { useDebounce } from "ahooks";
-
-//#region src/Tooltip/TooltipFloating.tsx
-const tooltipAnimateState = {
-	opacity: 1,
-	scale: 1,
-	y: 0
-};
-const tooltipExitState = {
-	opacity: 0,
-	scale: .98,
-	y: 4
-};
-const tooltipInitialState = {
-	opacity: 0,
-	scale: .96,
-	y: 6
-};
-const tooltipTransition = {
-	duration: .14,
-	ease: [
-		.4,
-		0,
-		.2,
-		1
-	]
-};
-const contentAnimateState = { opacity: 1 };
-const contentExitState = { opacity: 0 };
-const contentInitialState = { opacity: 0 };
-const contentTransition = { duration: .3 };
-const TooltipFloating = ({ open, title, placement, floatingStyles, setFloating, floatingProps, arrow: arrow$1, arrowRef, context, hotkey, hotkeyProps, isInitialShow, layoutAnimation = true, className, classNames, styles: styleProps, zIndex }) => {
-	const basePlacement = String(placement || "top").split("-")[0];
-	const transformOrigin = useMemo(() => {
-		switch (basePlacement) {
-			case "top": return "bottom center";
-			case "bottom": return "top center";
-			case "left": return "center right";
-			case "right": return "center left";
-			default: return "center";
-		}
-	}, [basePlacement]);
-	const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {
-		leading: false,
-		wait: 16
-	});
-	const Motion = useMotionComponent();
-	const TooltipContent = 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;
-	return /* @__PURE__ */ jsx(AnimatePresence, { children: open && title && /* @__PURE__ */ jsx("div", {
-		className: cx(styles.tooltip, layoutAnimation && 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(Motion.div, {
-			animate: tooltipAnimateState,
-			exit: tooltipExitState,
-			initial: tooltipInitialState,
-			style: { transformOrigin },
-			transition: tooltipTransition,
-			children: [/* @__PURE__ */ jsx("div", {
-				className: cx(styles.content, classNames?.content),
-				style: styleProps?.content,
-				children: layoutAnimation ? /* @__PURE__ */ jsx(AnimatePresence, {
-					mode: "popLayout",
-					children: /* @__PURE__ */ jsx(Motion.div, {
-						animate: contentAnimateState,
-						exit: contentExitState,
-						initial: isInitialShow ? false : contentInitialState,
-						transition: contentTransition,
-						children: TooltipContent
-					}, String(title))
-				}) : TooltipContent
-			}), 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

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipFloating.mjs","names":["tooltipAnimateState: Target","tooltipExitState: Target","tooltipInitialState: Target","tooltipTransition: Transition","contentAnimateState: Target","contentExitState: Target","contentInitialState: Target","contentTransition: Transition","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 { cx } from 'antd-style';\nimport { AnimatePresence, type Target, type Transition } from 'motion/react';\nimport type { CSSProperties, ReactNode, RefObject } from 'react';\nimport { useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Hotkey from '@/Hotkey';\nimport { useMotionComponent } from '@/MotionProvider';\n\nimport { styles } from './style';\nimport type { TooltipProps } from './type';\n\n// Tooltip container animation\nconst tooltipAnimateState: Target = { opacity: 1, scale: 1, y: 0 };\nconst tooltipExitState: Target = { opacity: 0, scale: 0.98, y: 4 };\nconst tooltipInitialState: Target = { opacity: 0, scale: 0.96, y: 6 };\nconst tooltipTransition: Transition = { duration: 0.14, ease: [0.4, 0, 0.2, 1] };\n\n// Tooltip content animation (for switching between tooltips)\nconst contentAnimateState: Target = { opacity: 1 };\nconst contentExitState: Target = { opacity: 0 };\nconst contentInitialState: Target = { opacity: 0 };\nconst contentTransition: Transition = { duration: 0.3 };\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  floatingStyles: CSSProperties;\n\n  hotkey?: TooltipProps['hotkey'];\n\n  hotkeyProps?: TooltipProps['hotkeyProps'];\n  /**\n   * @description Whether this is the initial show (first appearance, not switching between tooltips)\n   */\n  isInitialShow?: boolean;\n\n  /**\n   * @description Whether to enable layout animation when switching between tooltips\n   * @default true\n   */\n  layoutAnimation?: boolean;\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\n  floatingStyles,\n  setFloating,\n  floatingProps,\n  arrow,\n  arrowRef,\n  context,\n  hotkey,\n  hotkeyProps,\n  isInitialShow,\n  layoutAnimation = true,\n\n  className,\n  classNames,\n  styles: styleProps,\n  zIndex,\n}: TooltipFloatingProps) => {\n  const basePlacement = String(placement || 'top').split('-')[0];\n\n  const transformOrigin = useMemo(() => {\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  }, [basePlacement]);\n\n  const hasTransform = useDebounce(Boolean(floatingStyles?.transform), {\n    leading: false,\n    wait: 16,\n  });\n\n  const Motion = useMotionComponent();\n\n  const TooltipContent = 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  return (\n    <AnimatePresence>\n      {open && title && (\n        <div\n          className={cx(\n            styles.tooltip,\n            layoutAnimation && 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          <Motion.div\n            animate={tooltipAnimateState}\n            exit={tooltipExitState}\n            initial={tooltipInitialState}\n            style={{ transformOrigin }}\n            transition={tooltipTransition}\n          >\n            <div className={cx(styles.content, classNames?.content)} style={styleProps?.content}>\n              {layoutAnimation ? (\n                <AnimatePresence mode=\"popLayout\">\n                  <Motion.div\n                    animate={contentAnimateState}\n                    exit={contentExitState}\n                    initial={isInitialShow ? false : contentInitialState}\n                    key={String(title)}\n                    transition={contentTransition}\n                  >\n                    {TooltipContent}\n                  </Motion.div>\n                </AnimatePresence>\n              ) : (\n                TooltipContent\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          </Motion.div>\n        </div>\n      )}\n    </AnimatePresence>\n  );\n};\n\nexport default TooltipFloating;\n"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAMA,sBAA8B;CAAE,SAAS;CAAG,OAAO;CAAG,GAAG;CAAG;AAClE,MAAMC,mBAA2B;CAAE,SAAS;CAAG,OAAO;CAAM,GAAG;CAAG;AAClE,MAAMC,sBAA8B;CAAE,SAAS;CAAG,OAAO;CAAM,GAAG;CAAG;AACrE,MAAMC,oBAAgC;CAAE,UAAU;CAAM,MAAM;EAAC;EAAK;EAAG;EAAK;EAAE;CAAE;AAGhF,MAAMC,sBAA8B,EAAE,SAAS,GAAG;AAClD,MAAMC,mBAA2B,EAAE,SAAS,GAAG;AAC/C,MAAMC,sBAA8B,EAAE,SAAS,GAAG;AAClD,MAAMC,oBAAgC,EAAE,UAAU,IAAK;AAmCvD,MAAM,mBAAmB,EACvB,MACA,OACA,WAEA,gBACA,aACA,eACA,gBACA,UACA,SACA,QACA,aACA,eACA,kBAAkB,MAElB,WACA,YACA,QAAQ,YACR,aAC0B;CAC1B,MAAM,gBAAgB,OAAO,aAAa,MAAM,CAAC,MAAM,IAAI,CAAC;CAE5D,MAAM,kBAAkB,cAAc;AACpC,UAAQ,eAAR;GACE,KAAK,MACH,QAAO;GAET,KAAK,SACH,QAAO;GAET,KAAK,OACH,QAAO;GAET,KAAK,QACH,QAAO;GAET,QACE,QAAO;;IAGV,CAAC,cAAc,CAAC;CAEnB,MAAM,eAAe,YAAY,QAAQ,gBAAgB,UAAU,EAAE;EACnE,SAAS;EACT,MAAM;EACP,CAAC;CAEF,MAAM,SAAS,oBAAoB;CAEnC,MAAM,iBAAiB,SACrB,qBAACC;EAAQ,OAAO;EAAU,KAAK;EAAG;EAAW,SAAS;aACpD,oBAAC,oBAAM,QAAa,EACpB,oBAACC;GAAO;GAAa,MAAM;GAAQ,GAAI;IAAe;GAC9C,GAEV;AAEF,QACE,oBAAC,6BACE,QAAQ,SACP,oBAAC;EACC,WAAW,GACT,OAAO,SACP,mBAAmB,gBAAgB,OAAO,eAC1C,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,OAAO;GACN,SAAS;GACT,MAAM;GACN,SAAS;GACT,OAAO,EAAE,iBAAiB;GAC1B,YAAY;cAEZ,oBAAC;IAAI,WAAW,GAAG,OAAO,SAAS,YAAY,QAAQ;IAAE,OAAO,YAAY;cACzE,kBACC,oBAAC;KAAgB,MAAK;eACpB,oBAAC,OAAO;MACN,SAAS;MACT,MAAM;MACN,SAAS,gBAAgB,QAAQ;MAEjC,YAAY;gBAEX;QAHI,OAAO,MAAM,CAIP;MACG,GAElB;KAEE,EACLC,WAAS,WACR,oBAAC;IACC,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IACrC;IACT,QAAQ;IACR,KAAK;IACL,OAAO,YAAY;IACnB,OAAO;KACP;IAEO;IArDT,UAsDA,GAEQ;;AAItB,8BAAe"}

package/es/Tooltip/groupContext.d.mts

@@ -1,14 +0,0 @@
-import { TooltipProps } from "./type.mjs";
-import "react";
-
-//#region src/Tooltip/groupContext.d.ts
-type TooltipGroupSharedProps = Omit<TooltipProps, 'children' | 'defaultOpen' | 'open' | 'ref' | 'title'> & {
-  /**
-   * @description Whether to enable layout animation when switching between tooltips
-   * @default true
-   */
-  layoutAnimation?: boolean;
-};
-//#endregion
-export { TooltipGroupSharedProps };
-//# sourceMappingURL=groupContext.d.mts.map

package/es/Tooltip/useTooltipFloating.mjs

@@ -1,55 +0,0 @@
-import { toFloatingUIPlacement } from "../utils/placement.mjs";
-import { useMemo, useRef } from "react";
-import { arrow, autoUpdate, flip, offset, shift, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole } from "@floating-ui/react";
-
-//#region src/Tooltip/useTooltipFloating.ts
-const useTooltipFloating = ({ arrow: arrow$1, placement, openDelay, closeDelay, mouseEnterDelay, mouseLeaveDelay, disabled, open, onOpenChange }) => {
-	const arrowRef = useRef(null);
-	const floatingPlacement = useMemo(() => toFloatingUIPlacement(placement), [placement]);
-	const { context, floatingStyles, refs } = useFloating({
-		middleware: useMemo(() => {
-			const base = [
-				offset(8),
-				flip(),
-				shift({ padding: 8 })
-			];
-			if (arrow$1) base.push(arrow({ element: arrowRef }));
-			return base;
-		}, [arrow$1]),
-		onOpenChange,
-		open,
-		placement: floatingPlacement,
-		whileElementsMounted: autoUpdate
-	});
-	const { getFloatingProps, getReferenceProps } = useInteractions([
-		useHover(context, {
-			delay: useMemo(() => ({
-				close: closeDelay ?? (mouseLeaveDelay !== void 0 ? mouseLeaveDelay * 1e3 : 100),
-				open: openDelay ?? (mouseEnterDelay !== void 0 ? mouseEnterDelay * 1e3 : 400)
-			}), [
-				closeDelay,
-				mouseEnterDelay,
-				mouseLeaveDelay,
-				openDelay
-			]),
-			enabled: !disabled,
-			move: false
-		}),
-		useFocus(context, { enabled: !disabled }),
-		useDismiss(context, { enabled: !disabled }),
-		useRole(context, { role: "tooltip" })
-	]);
-	return {
-		arrowRef,
-		context,
-		floatingPlacement,
-		floatingStyles,
-		getFloatingProps,
-		getReferenceProps,
-		refs
-	};
-};
-
-//#endregion
-export { useTooltipFloating };
-//# sourceMappingURL=useTooltipFloating.mjs.map

package/es/Tooltip/useTooltipFloating.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipFloating.mjs","names":["arrow","arrowMiddleware"],"sources":["../../src/Tooltip/useTooltipFloating.ts"],"sourcesContent":["import {\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 type { FloatingContext, Placement } from '@floating-ui/react';\nimport { useMemo, useRef } from 'react';\nimport type { CSSProperties, RefObject } from 'react';\n\nimport { toFloatingUIPlacement } from '@/utils/placement';\n\nimport type { TooltipPlacement } from './type';\n\ntype UseTooltipFloatingReturn = {\n  arrowRef: RefObject<SVGSVGElement | null>;\n  context: FloatingContext;\n  floatingPlacement: Placement;\n  floatingStyles: CSSProperties;\n  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];\n  getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];\n  refs: ReturnType<typeof useFloating>['refs'];\n};\n\nexport const useTooltipFloating = ({\n  arrow,\n  placement,\n  openDelay,\n  closeDelay,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  disabled,\n  open,\n  onOpenChange,\n}: {\n  arrow?: boolean;\n  closeDelay?: number;\n  disabled?: boolean;\n  mouseEnterDelay?: number;\n  mouseLeaveDelay?: number;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n  openDelay?: number;\n  placement: TooltipPlacement;\n}): UseTooltipFloatingReturn => {\n  const arrowRef = useRef<SVGSVGElement | null>(null);\n\n  const floatingPlacement = useMemo(() => toFloatingUIPlacement(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,\n    open,\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 : 400),\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  return {\n    arrowRef,\n    context,\n    floatingPlacement,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    refs,\n  };\n};\n"],"mappings":";;;;;AA+BA,MAAa,sBAAsB,EACjC,gBACA,WACA,WACA,YACA,iBACA,iBACA,UACA,MACA,mBAW8B;CAC9B,MAAM,WAAW,OAA6B,KAAK;CAEnD,MAAM,oBAAoB,cAAc,sBAAsB,UAAU,EAAE,CAAC,UAAU,CAAC;CAQtF,MAAM,EAAE,SAAS,gBAAgB,SAAS,YAAY;EACpD,YAPiB,cAAc;GAC/B,MAAM,OAAO;IAAC,OAAO,EAAE;IAAE,MAAM;IAAE,MAAM,EAAE,SAAS,GAAG,CAAC;IAAC;AACvD,OAAIA,QAAO,MAAK,KAAKC,MAAgB,EAAE,SAAS,UAAU,CAAC,CAAC;AAC5D,UAAO;KACN,CAACD,QAAM,CAAC;EAIT;EACA;EACA,WAAW;EACX,sBAAsB;EACvB,CAAC;CAmBF,MAAM,EAAE,kBAAkB,sBAAsB,gBAAgB;EATlD,SAAS,SAAS;GAC9B,OAToB,eACb;IACL,OAAO,eAAe,oBAAoB,SAAY,kBAAkB,MAAO;IAC/E,MAAM,cAAc,oBAAoB,SAAY,kBAAkB,MAAO;IAC9E,GACD;IAAC;IAAY;IAAiB;IAAiB;IAAU,CAC1D;GAIC,SAAS,CAAC;GACV,MAAM;GACP,CAAC;EACY,SAAS,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC;EACvC,WAAW,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC;EAC9C,QAAQ,SAAS,EAAE,MAAM,WAAW,CAAC;EAE2C,CAAC;AAE9F,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/es/Tooltip/useTooltipReference.mjs

@@ -1,56 +0,0 @@
-import { isElementHidden } from "./utils.mjs";
-import { cloneElement, isValidElement, useEffect, useMemo, useRef, useState } from "react";
-import { mergeRefs } from "react-merge-refs";
-
-//#region src/Tooltip/useTooltipReference.ts
-const useTooltipReference = ({ trigger, ref, getReferenceProps, setReference, mergedOpen, setOpen }) => {
-	const [referenceEl, setReferenceEl] = useState(null);
-	const previousReferenceRef = useRef(null);
-	const previousConnectedRef = useRef(false);
-	const referenceConnected = Boolean(referenceEl && !isElementHidden(referenceEl));
-	const referenceNode = useMemo(() => {
-		if (!isValidElement(trigger)) return trigger;
-		const originalRef = trigger.ref;
-		const setReferenceNode = (node) => {
-			const resolved = node instanceof HTMLElement ? node : null;
-			setReferenceEl((prev) => prev === resolved ? prev : resolved);
-		};
-		return cloneElement(trigger, getReferenceProps({
-			...trigger.props,
-			ref: mergeRefs([
-				originalRef,
-				setReference,
-				setReferenceNode,
-				ref
-			])
-		}));
-	}, [
-		getReferenceProps,
-		ref,
-		setReference,
-		trigger
-	]);
-	useEffect(() => {
-		const previousReference = previousReferenceRef.current;
-		const previousConnected = previousConnectedRef.current;
-		const referenceChanged = previousReference && previousReference !== referenceEl;
-		const previousDisconnected = previousReference ? isElementHidden(previousReference) : false;
-		if (mergedOpen && (referenceChanged && previousDisconnected || previousConnected && !referenceConnected)) setOpen(false);
-		previousReferenceRef.current = referenceEl;
-		previousConnectedRef.current = referenceConnected;
-	}, [
-		mergedOpen,
-		referenceConnected,
-		referenceEl,
-		setOpen
-	]);
-	return {
-		referenceConnected,
-		referenceEl,
-		referenceNode
-	};
-};
-
-//#endregion
-export { useTooltipReference };
-//# sourceMappingURL=useTooltipReference.mjs.map

package/es/Tooltip/useTooltipReference.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipReference.mjs","names":[],"sources":["../../src/Tooltip/useTooltipReference.ts"],"sourcesContent":["import React, { type Ref, useEffect, useMemo, useRef, useState } from 'react';\nimport { cloneElement, isValidElement } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { isElementHidden } from './utils';\n\nexport const useTooltipReference = ({\n  trigger,\n  ref,\n  getReferenceProps,\n  setReference,\n  mergedOpen,\n  setOpen,\n}: {\n  getReferenceProps: (props: any) => any;\n  mergedOpen: boolean;\n  ref?: Ref<HTMLElement>;\n  setOpen: (open: boolean) => void;\n  setReference: (node: HTMLElement | null) => void;\n  trigger: React.ReactElement | React.ReactNode;\n}) => {\n  const [referenceEl, setReferenceEl] = useState<HTMLElement | null>(null);\n  const previousReferenceRef = useRef<HTMLElement | null>(null);\n  const previousConnectedRef = useRef(false);\n\n  const referenceConnected = Boolean(referenceEl && !isElementHidden(referenceEl));\n\n  const referenceNode = useMemo(() => {\n    if (!isValidElement(trigger)) return trigger;\n\n    const originalRef = (trigger as any).ref;\n    const setReferenceNode = (node: unknown) => {\n      const resolved = node instanceof HTMLElement ? node : null;\n      setReferenceEl((prev) => (prev === resolved ? prev : resolved));\n    };\n\n    return cloneElement(\n      trigger as any,\n      getReferenceProps({\n        ...(trigger.props as any),\n        ref: mergeRefs([originalRef, setReference, setReferenceNode, ref]),\n      }),\n    );\n  }, [getReferenceProps, ref, setReference, trigger]);\n\n  // Watch for trigger removal outside React renders.\n  useEffect(() => {\n    const previousReference = previousReferenceRef.current;\n    const previousConnected = previousConnectedRef.current;\n    const referenceChanged = previousReference && previousReference !== referenceEl;\n    const previousDisconnected = previousReference ? isElementHidden(previousReference) : false;\n\n    if (\n      mergedOpen &&\n      ((referenceChanged && previousDisconnected) || (previousConnected && !referenceConnected))\n    ) {\n      setOpen(false);\n    }\n\n    previousReferenceRef.current = referenceEl;\n    previousConnectedRef.current = referenceConnected;\n  }, [mergedOpen, referenceConnected, referenceEl, setOpen]);\n\n  return {\n    referenceConnected,\n    referenceEl,\n    referenceNode,\n  };\n};\n"],"mappings":";;;;;AAMA,MAAa,uBAAuB,EAClC,SACA,KACA,mBACA,cACA,YACA,cAQI;CACJ,MAAM,CAAC,aAAa,kBAAkB,SAA6B,KAAK;CACxE,MAAM,uBAAuB,OAA2B,KAAK;CAC7D,MAAM,uBAAuB,OAAO,MAAM;CAE1C,MAAM,qBAAqB,QAAQ,eAAe,CAAC,gBAAgB,YAAY,CAAC;CAEhF,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,eAAe,QAAQ,CAAE,QAAO;EAErC,MAAM,cAAe,QAAgB;EACrC,MAAM,oBAAoB,SAAkB;GAC1C,MAAM,WAAW,gBAAgB,cAAc,OAAO;AACtD,mBAAgB,SAAU,SAAS,WAAW,OAAO,SAAU;;AAGjE,SAAO,aACL,SACA,kBAAkB;GAChB,GAAI,QAAQ;GACZ,KAAK,UAAU;IAAC;IAAa;IAAc;IAAkB;IAAI,CAAC;GACnE,CAAC,CACH;IACA;EAAC;EAAmB;EAAK;EAAc;EAAQ,CAAC;AAGnD,iBAAgB;EACd,MAAM,oBAAoB,qBAAqB;EAC/C,MAAM,oBAAoB,qBAAqB;EAC/C,MAAM,mBAAmB,qBAAqB,sBAAsB;EACpE,MAAM,uBAAuB,oBAAoB,gBAAgB,kBAAkB,GAAG;AAEtF,MACE,eACE,oBAAoB,wBAA0B,qBAAqB,CAAC,oBAEtE,SAAQ,MAAM;AAGhB,uBAAqB,UAAU;AAC/B,uBAAqB,UAAU;IAC9B;EAAC;EAAY;EAAoB;EAAa;EAAQ,CAAC;AAE1D,QAAO;EACL;EACA;EACA;EACD"}

package/es/Tooltip/useTooltipTrigger.mjs

@@ -1,18 +0,0 @@
-import { isValidElement, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/Tooltip/useTooltipTrigger.tsx
-const useTooltipTrigger = (children) => {
-	return useMemo(() => {
-		if (!isValidElement(children)) return /* @__PURE__ */ jsx("span", { children });
-		if (typeof children.type === "string" && Boolean(children.props?.disabled)) return /* @__PURE__ */ jsx("span", {
-			style: { display: "inline-flex" },
-			children
-		});
-		return children;
-	}, [children]);
-};
-
-//#endregion
-export { useTooltipTrigger };
-//# sourceMappingURL=useTooltipTrigger.mjs.map

package/es/Tooltip/useTooltipTrigger.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTooltipTrigger.mjs","names":[],"sources":["../../src/Tooltip/useTooltipTrigger.tsx"],"sourcesContent":["import { type ReactNode, isValidElement, useMemo } from 'react';\n\nexport const useTooltipTrigger = (children: ReactNode) => {\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  return trigger;\n};\n"],"mappings":";;;;AAEA,MAAa,qBAAqB,aAAwB;AAYxD,QAXgB,cAAc;AAC5B,MAAI,CAAC,eAAe,SAAS,CAAE,QAAO,oBAAC,UAAM,WAAgB;AAK7D,MAFE,OAAO,SAAS,SAAS,YAAY,QAAS,SAAS,OAAe,SAAS,CAE/D,QAAO,oBAAC;GAAK,OAAO,EAAE,SAAS,eAAe;GAAG;IAAgB;AAEnF,SAAO;IACN,CAAC,SAAS,CAAC"}

package/es/Tooltip/utils.mjs

@@ -1,36 +0,0 @@
-//#region src/Tooltip/utils.ts
-const isElementHidden = (el) => {
-	if (!el) return true;
-	if (!el.isConnected) return true;
-	return el.getClientRects().length === 0;
-};
-const observeElementVisibility = (el, onChange) => {
-	const update = () => onChange(!isElementHidden(el));
-	update();
-	const resizeObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(update) : null;
-	resizeObserver?.observe(el);
-	const mutationObserver = typeof MutationObserver !== "undefined" ? new MutationObserver(update) : null;
-	if (mutationObserver) {
-		const options = {
-			attributeFilter: [
-				"style",
-				"class",
-				"hidden"
-			],
-			attributes: true
-		};
-		let node = el;
-		while (node) {
-			mutationObserver.observe(node, options);
-			node = node.parentElement;
-		}
-	}
-	return () => {
-		resizeObserver?.disconnect();
-		mutationObserver?.disconnect();
-	};
-};
-
-//#endregion
-export { isElementHidden, observeElementVisibility };
-//# sourceMappingURL=utils.mjs.map

package/es/Tooltip/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":["node: HTMLElement | null"],"sources":["../../src/Tooltip/utils.ts"],"sourcesContent":["export const isElementHidden = (el?: HTMLElement | null) => {\n  if (!el) return true;\n  if (!el.isConnected) return true;\n  return el.getClientRects().length === 0;\n};\n\nexport const observeElementVisibility = (el: HTMLElement, onChange: (visible: boolean) => void) => {\n  const update = () => onChange(!isElementHidden(el));\n\n  update();\n\n  const resizeObserver = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : null;\n  resizeObserver?.observe(el);\n\n  const mutationObserver =\n    typeof MutationObserver !== 'undefined' ? new MutationObserver(update) : null;\n\n  if (mutationObserver) {\n    const options = { attributeFilter: ['style', 'class', 'hidden'], attributes: true };\n    let node: HTMLElement | null = el;\n    while (node) {\n      mutationObserver.observe(node, options);\n      node = node.parentElement;\n    }\n  }\n\n  return () => {\n    resizeObserver?.disconnect();\n    mutationObserver?.disconnect();\n  };\n};\n"],"mappings":";AAAA,MAAa,mBAAmB,OAA4B;AAC1D,KAAI,CAAC,GAAI,QAAO;AAChB,KAAI,CAAC,GAAG,YAAa,QAAO;AAC5B,QAAO,GAAG,gBAAgB,CAAC,WAAW;;AAGxC,MAAa,4BAA4B,IAAiB,aAAyC;CACjG,MAAM,eAAe,SAAS,CAAC,gBAAgB,GAAG,CAAC;AAEnD,SAAQ;CAER,MAAM,iBAAiB,OAAO,mBAAmB,cAAc,IAAI,eAAe,OAAO,GAAG;AAC5F,iBAAgB,QAAQ,GAAG;CAE3B,MAAM,mBACJ,OAAO,qBAAqB,cAAc,IAAI,iBAAiB,OAAO,GAAG;AAE3E,KAAI,kBAAkB;EACpB,MAAM,UAAU;GAAE,iBAAiB;IAAC;IAAS;IAAS;IAAS;GAAE,YAAY;GAAM;EACnF,IAAIA,OAA2B;AAC/B,SAAO,MAAM;AACX,oBAAiB,QAAQ,MAAM,QAAQ;AACvC,UAAO,KAAK;;;AAIhB,cAAa;AACX,kBAAgB,YAAY;AAC5B,oBAAkB,YAAY"}

package/es/utils/composeEventHandlers.mjs

@@ -1,28 +0,0 @@
-//#region src/utils/composeEventHandlers.ts
-/**
-* Composes two event handlers together, calling the external handler first,
-* then the internal handler if the event hasn't been prevented.
-*
-* @template E - The event type
-* @param theirHandler - The external event handler (may be undefined)
-* @param ourHandler - The internal event handler
-* @returns A composed event handler that calls both handlers in sequence
-*
-* @example
-* ```tsx
-* <button
-*   onClick={composeEventHandlers(externalOnClick, (e) => {
-*     // Internal handler logic
-*   })}
-* />
-* ```
-*/
-const composeEventHandlers = (theirHandler, ourHandler) => (event) => {
-	theirHandler?.(event);
-	if (event?.defaultPrevented) return;
-	ourHandler(event);
-};
-
-//#endregion
-export { composeEventHandlers };
-//# sourceMappingURL=composeEventHandlers.mjs.map

package/es/utils/composeEventHandlers.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"composeEventHandlers.mjs","names":[],"sources":["../../src/utils/composeEventHandlers.ts"],"sourcesContent":["/**\n * Composes two event handlers together, calling the external handler first,\n * then the internal handler if the event hasn't been prevented.\n *\n * @template E - The event type\n * @param theirHandler - The external event handler (may be undefined)\n * @param ourHandler - The internal event handler\n * @returns A composed event handler that calls both handlers in sequence\n *\n * @example\n * ```tsx\n * <button\n *   onClick={composeEventHandlers(externalOnClick, (e) => {\n *     // Internal handler logic\n *   })}\n * />\n * ```\n */\nexport const composeEventHandlers =\n  <E>(\n    theirHandler: ((event: E) => void) | undefined,\n    ourHandler: (event: E) => void,\n  ): ((event: E) => void) =>\n  (event) => {\n    theirHandler?.(event);\n    // @ts-ignore - compatible with React SyntheticEvent shape\n    if (event?.defaultPrevented) return;\n    ourHandler(event);\n  };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,wBAET,cACA,gBAED,UAAU;AACT,gBAAe,MAAM;AAErB,KAAI,OAAO,iBAAkB;AAC7B,YAAW,MAAM"}