@lobehub/ui 5.6.3 → 5.6.4

package/es/Toc/style.mjs

@@ -1,15 +1,14 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx, responsive } from "antd-style";
-
 //#region src/Toc/style.ts
 const prefixCls = "ant";
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		anchor: cx(staticStylish.blur, css$1`
+		anchor: cx(staticStylish.blur, css`
         overflow: hidden auto;
         max-height: 60dvh !important;
       `),
-		container: css$1`
+		container: css`
       position: sticky;
       inset-block-start: calc(var(--toc-header-height, 64px) + 64px);
 
@@ -35,16 +34,16 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 
         font-size: 12px;
         line-height: 1;
-        color: ${cssVar$1.colorTextDescription};
+        color: ${cssVar.colorTextDescription};
       }
     `,
-		expand: cx(staticStylish.blur, css$1`
+		expand: cx(staticStylish.blur, css`
         width: 100%;
-        border-block-end: 1px solid ${cssVar$1.colorSplit};
+        border-block-end: 1px solid ${cssVar.colorSplit};
         border-radius: 0;
 
-        background-color: color-mix(in srgb, ${cssVar$1.colorBgLayout} 50%, transparent);
-        box-shadow: ${cssVar$1.boxShadowSecondary};
+        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
+        box-shadow: ${cssVar.boxShadowSecondary};
 
         .${prefixCls}-collapse-content {
           overflow: auto;
@@ -56,17 +55,17 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
           padding-inline: 16px 8px !important;
         }
       `),
-		mobileCtn: css$1`
+		mobileCtn: css`
       width: 100%;
       height: ${36}px;
 
       .${prefixCls}-collapse-expand-icon {
-        color: ${cssVar$1.colorTextQuaternary};
+        color: ${cssVar.colorTextQuaternary};
       }
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Toc/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Toc/style.ts"],"sourcesContent":["import { createStaticStyles, cx, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const fixHeight = 36;\n\n  return {\n    anchor: cx(\n      lobeStaticStylish.blur,\n      css`\n        overflow: hidden auto;\n        max-height: 60dvh !important;\n      `,\n    ),\n    container: css`\n      position: sticky;\n      inset-block-start: calc(var(--toc-header-height, 64px) + 64px);\n\n      overscroll-behavior: contain;\n      grid-area: toc;\n\n      width: var(--toc-width, 176px);\n      margin-inline-end: 24px;\n      border-radius: 3px;\n\n      -webkit-overflow-scrolling: touch;\n\n      ${responsive.sm} {\n        position: relative;\n        inset-inline-start: 0;\n        width: 100%;\n        margin-block-start: 0;\n      }\n\n      > h4 {\n        margin-block: 0 8px;\n        margin-inline: 0;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    expand: cx(\n      lobeStaticStylish.blur,\n      css`\n        width: 100%;\n        border-block-end: 1px solid ${cssVar.colorSplit};\n        border-radius: 0;\n\n        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        box-shadow: ${cssVar.boxShadowSecondary};\n\n        .${prefixCls}-collapse-content {\n          overflow: auto;\n        }\n\n        .${prefixCls}-collapse-header {\n          z-index: 10;\n          padding-block: 8px !important;\n          padding-inline: 16px 8px !important;\n        }\n      `,\n    ),\n    mobileCtn: css`\n      width: 100%;\n      height: ${fixHeight}px;\n\n      .${prefixCls}-collapse-expand-icon {\n        color: ${cssVar.colorTextQuaternary};\n      }\n    `,\n  };\n});\n"],"mappings":";;;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAG5D,QAAO;EACL,QAAQ,GACNA,cAAkB,MAClB,KAAG;;;QAIJ;EACD,WAAW,KAAG;;;;;;;;;;;;;QAaV,WAAW,GAAG;;;;;;;;;;;;;iBAaLC,SAAO,qBAAqB;;;EAGzC,QAAQ,GACND,cAAkB,MAClB,KAAG;;sCAE6BC,SAAO,WAAW;;;+CAGTA,SAAO,cAAc;sBAC9CA,SAAO,mBAAmB;;WAErC,UAAU;;;;WAIV,UAAU;;;;;QAMhB;EACD,WAAW,KAAG;;gBA5DE,GA8DM;;SAEjB,UAAU;iBACFA,SAAO,oBAAoB;;;EAGzC;EACD"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Toc/style.ts"],"sourcesContent":["import { createStaticStyles, cx, responsive } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const fixHeight = 36;\n\n  return {\n    anchor: cx(\n      lobeStaticStylish.blur,\n      css`\n        overflow: hidden auto;\n        max-height: 60dvh !important;\n      `,\n    ),\n    container: css`\n      position: sticky;\n      inset-block-start: calc(var(--toc-header-height, 64px) + 64px);\n\n      overscroll-behavior: contain;\n      grid-area: toc;\n\n      width: var(--toc-width, 176px);\n      margin-inline-end: 24px;\n      border-radius: 3px;\n\n      -webkit-overflow-scrolling: touch;\n\n      ${responsive.sm} {\n        position: relative;\n        inset-inline-start: 0;\n        width: 100%;\n        margin-block-start: 0;\n      }\n\n      > h4 {\n        margin-block: 0 8px;\n        margin-inline: 0;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ${cssVar.colorTextDescription};\n      }\n    `,\n    expand: cx(\n      lobeStaticStylish.blur,\n      css`\n        width: 100%;\n        border-block-end: 1px solid ${cssVar.colorSplit};\n        border-radius: 0;\n\n        background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\n        box-shadow: ${cssVar.boxShadowSecondary};\n\n        .${prefixCls}-collapse-content {\n          overflow: auto;\n        }\n\n        .${prefixCls}-collapse-header {\n          z-index: 10;\n          padding-block: 8px !important;\n          padding-inline: 16px 8px !important;\n        }\n      `,\n    ),\n    mobileCtn: css`\n      width: 100%;\n      height: ${fixHeight}px;\n\n      .${prefixCls}-collapse-expand-icon {\n        color: ${cssVar.colorTextQuaternary};\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAG5D,QAAO;EACL,QAAQ,GACNA,cAAkB,MAClB,GAAG;;;QAIJ;EACD,WAAW,GAAG;;;;;;;;;;;;;QAaV,WAAW,GAAG;;;;;;;;;;;;;iBAaL,OAAO,qBAAqB;;;EAGzC,QAAQ,GACNA,cAAkB,MAClB,GAAG;;sCAE6B,OAAO,WAAW;;;+CAGT,OAAO,cAAc;sBAC9C,OAAO,mBAAmB;;WAErC,UAAU;;;;WAIV,UAAU;;;;;QAMhB;EACD,WAAW,GAAG;;gBA5DE,GA8DM;;SAEjB,UAAU;iBACF,OAAO,oBAAoB;;;EAGzC;EACD"}

package/es/Toc/utils.mjs

@@ -9,7 +9,7 @@ const mapItems = (items) => items.map((item) => ({
 	key: item.id,
 	title: item.title
 }));
-
 //#endregion
 export { mapItems };
+
 //# sourceMappingURL=utils.mjs.map

package/es/Tooltip/ArrowIcon.mjs

@@ -1,7 +1,5 @@
-'use client';
-
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/Tooltip/ArrowIcon.tsx
 const TooltipArrowIcon = /* @__PURE__ */ jsxs("svg", {
 	"aria-hidden": "true",
@@ -16,7 +14,7 @@ const TooltipArrowIcon = /* @__PURE__ */ jsxs("svg", {
 		"data-role": "stroke"
 	})]
 });
-
 //#endregion
 export { TooltipArrowIcon };
+
 //# sourceMappingURL=ArrowIcon.mjs.map

package/es/Tooltip/ArrowIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowIcon.mjs","names":[],"sources":["../../src/Tooltip/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nexport const TooltipArrowIcon = (\n  <svg aria-hidden=\"true\" height=\"6\" viewBox=\"0 0 12 6\" width=\"12\">\n    <path d=\"M0 6L6 0L12 6Z\" data-role=\"fill\" />\n    <path d=\"M0 6L6 0L12 6\" data-role=\"stroke\" />\n  </svg>\n);\n"],"mappings":";;;;;AAEA,MAAa,mBACX,qBAAC;CAAI,eAAY;CAAO,QAAO;CAAI,SAAQ;CAAW,OAAM;YAC1D,oBAAC;EAAK,GAAE;EAAiB,aAAU;GAAS,EAC5C,oBAAC;EAAK,GAAE;EAAgB,aAAU;GAAW;EACzC"}
+{"version":3,"file":"ArrowIcon.mjs","names":[],"sources":["../../src/Tooltip/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nexport const TooltipArrowIcon = (\n  <svg aria-hidden=\"true\" height=\"6\" viewBox=\"0 0 12 6\" width=\"12\">\n    <path d=\"M0 6L6 0L12 6Z\" data-role=\"fill\" />\n    <path d=\"M0 6L6 0L12 6\" data-role=\"stroke\" />\n  </svg>\n);\n"],"mappings":";;;AAEA,MAAa,mBACX,qBAAC,OAAD;CAAK,eAAY;CAAO,QAAO;CAAI,SAAQ;CAAW,OAAM;WAA5D,CACE,oBAAC,QAAD;EAAM,GAAE;EAAiB,aAAU;EAAS,CAAA,EAC5C,oBAAC,QAAD;EAAM,GAAE;EAAgB,aAAU;EAAW,CAAA,CACzC"}

package/es/Tooltip/Tooltip.mjs

@@ -1,18 +1,15 @@
-'use client';
-
+"use client";
 import { TooltipGroupHandleContext } from "./groupContext.mjs";
 import { TooltipInGroup } from "./TooltipInGroup.mjs";
 import { TooltipStandalone } from "./TooltipStandalone.mjs";
 import { use } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/Tooltip/Tooltip.tsx
 const Tooltip = (props) => {
 	const group = use(TooltipGroupHandleContext);
 	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 && !props.standalone ? /* @__PURE__ */ jsx(TooltipInGroup, { ...props }) : /* @__PURE__ */ jsx(TooltipStandalone, { ...props });
 };
-var Tooltip_default = Tooltip;
-
 //#endregion
-export { Tooltip_default as default };
+export { Tooltip as default };
+
 //# sourceMappingURL=Tooltip.mjs.map

package/es/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","names":["Tooltip: FC<TooltipProps>"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, use } from 'react';\n\nimport { TooltipGroupHandleContext } from './groupContext';\nimport { TooltipInGroup } from './TooltipInGroup';\nimport { TooltipStandalone } from './TooltipStandalone';\nimport { type TooltipProps } from './type';\n\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const group = use(TooltipGroupHandleContext);\n\n  const canUseGroup =\n    Boolean(group) &&\n    props.open === undefined &&\n    props.defaultOpen === undefined &&\n    !props.standalone;\n\n  return canUseGroup ? <TooltipInGroup {...props} /> : <TooltipStandalone {...props} />;\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;;;AASA,MAAaA,WAA6B,UAAU;CAClD,MAAM,QAAQ,IAAI,0BAA0B;AAQ5C,QALE,QAAQ,MAAM,IACd,MAAM,SAAS,UACf,MAAM,gBAAgB,UACtB,CAAC,MAAM,aAEY,oBAAC,kBAAe,GAAI,QAAS,GAAG,oBAAC,qBAAkB,GAAI,QAAS;;AAGvF,sBAAe"}
+{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, use } from 'react';\n\nimport { TooltipGroupHandleContext } from './groupContext';\nimport { TooltipInGroup } from './TooltipInGroup';\nimport { TooltipStandalone } from './TooltipStandalone';\nimport { type TooltipProps } from './type';\n\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const group = use(TooltipGroupHandleContext);\n\n  const canUseGroup =\n    Boolean(group) &&\n    props.open === undefined &&\n    props.defaultOpen === undefined &&\n    !props.standalone;\n\n  return canUseGroup ? <TooltipInGroup {...props} /> : <TooltipStandalone {...props} />;\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;AASA,MAAa,WAA6B,UAAU;CAClD,MAAM,QAAQ,IAAI,0BAA0B;AAQ5C,QALE,QAAQ,MAAM,IACd,MAAM,SAAS,KAAA,KACf,MAAM,gBAAgB,KAAA,KACtB,CAAC,MAAM,aAEY,oBAAC,gBAAD,EAAgB,GAAI,OAAS,CAAA,GAAG,oBAAC,mBAAD,EAAmB,GAAI,OAAS,CAAA"}

package/es/Tooltip/TooltipContent.mjs

@@ -1,23 +1,20 @@
-'use client';
-
-import Hotkey_default from "../Hotkey/Hotkey.mjs";
+"use client";
+import Hotkey from "../Hotkey/Hotkey.mjs";
 import { memo, useMemo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/Tooltip/TooltipContent.tsx
 const TooltipContent = memo(({ title, hotkey, hotkeyProps }) => {
 	const resolvedHotkeyProps = useMemo(() => ({
 		compact: true,
 		...hotkeyProps
 	}), [hotkeyProps]);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [title, hotkey ? /* @__PURE__ */ jsx(Hotkey_default, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [title, hotkey ? /* @__PURE__ */ jsx(Hotkey, {
 		keys: hotkey,
 		...resolvedHotkeyProps
 	}) : null] });
 });
 TooltipContent.displayName = "TooltipContent";
-var TooltipContent_default = TooltipContent;
-
 //#endregion
-export { TooltipContent_default as default };
+export { TooltipContent as default };
+
 //# sourceMappingURL=TooltipContent.mjs.map

package/es/Tooltip/TooltipContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.mjs","names":["Hotkey"],"sources":["../../src/Tooltip/TooltipContent.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type ReactNode, useMemo } from 'react';\n\nimport Hotkey, { type HotkeyProps } from '@/Hotkey';\n\ntype TooltipContentProps = {\n  hotkey?: string;\n  hotkeyProps?: Omit<HotkeyProps, 'keys'>;\n  title: ReactNode;\n};\n\nconst TooltipContent = memo<TooltipContentProps>(({ title, hotkey, hotkeyProps }) => {\n  const resolvedHotkeyProps = useMemo(\n    () => ({\n      compact: true,\n      ...hotkeyProps,\n    }),\n    [hotkeyProps],\n  );\n\n  return (\n    <>\n      {title}\n      {hotkey ? <Hotkey keys={hotkey} {...resolvedHotkeyProps} /> : null}\n    </>\n  );\n});\n\nTooltipContent.displayName = 'TooltipContent';\n\nexport default TooltipContent;\n"],"mappings":";;;;;;;AAYA,MAAM,iBAAiB,MAA2B,EAAE,OAAO,QAAQ,kBAAkB;CACnF,MAAM,sBAAsB,eACnB;EACL,SAAS;EACT,GAAG;EACJ,GACD,CAAC,YAAY,CACd;AAED,QACE,8CACG,OACA,SAAS,oBAACA;EAAO,MAAM;EAAQ,GAAI;GAAuB,GAAG,QAC7D;EAEL;AAEF,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"TooltipContent.mjs","names":[],"sources":["../../src/Tooltip/TooltipContent.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type ReactNode, useMemo } from 'react';\n\nimport Hotkey, { type HotkeyProps } from '@/Hotkey';\n\ntype TooltipContentProps = {\n  hotkey?: string;\n  hotkeyProps?: Omit<HotkeyProps, 'keys'>;\n  title: ReactNode;\n};\n\nconst TooltipContent = memo<TooltipContentProps>(({ title, hotkey, hotkeyProps }) => {\n  const resolvedHotkeyProps = useMemo(\n    () => ({\n      compact: true,\n      ...hotkeyProps,\n    }),\n    [hotkeyProps],\n  );\n\n  return (\n    <>\n      {title}\n      {hotkey ? <Hotkey keys={hotkey} {...resolvedHotkeyProps} /> : null}\n    </>\n  );\n});\n\nTooltipContent.displayName = 'TooltipContent';\n\nexport default TooltipContent;\n"],"mappings":";;;;;AAYA,MAAM,iBAAiB,MAA2B,EAAE,OAAO,QAAQ,kBAAkB;CACnF,MAAM,sBAAsB,eACnB;EACL,SAAS;EACT,GAAG;EACJ,GACD,CAAC,YAAY,CACd;AAED,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,OACA,SAAS,oBAAC,QAAD;EAAQ,MAAM;EAAQ,GAAI;EAAuB,CAAA,GAAG,KAC7D,EAAA,CAAA;EAEL;AAEF,eAAe,cAAc"}

package/es/Tooltip/TooltipGroup.mjs

@@ -1,18 +1,16 @@
-'use client';
-
+"use client";
 import { TooltipGroupHandleContext, TooltipGroupPropsContext } from "./groupContext.mjs";
 import { useFloatingLayer } from "../hooks/useFloatingLayer.mjs";
 import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import { placementMap } from "../utils/placement.mjs";
 import { TooltipArrowIcon } from "./ArrowIcon.mjs";
 import { styles } from "./style.mjs";
-import TooltipContent_default from "./TooltipContent.mjs";
+import TooltipContent from "./TooltipContent.mjs";
 import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin } from "../utils/destroyOnInvalidActiveTriggerElement.mjs";
 import { useCallback, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Tooltip } from "@base-ui/react/tooltip";
-
 //#region src/Tooltip/TooltipGroup.tsx
 const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, layoutAnimation = false, popupContainer, ...sharedProps }) => {
 	const [{ handle, key }, setHandleState] = useState(() => ({
@@ -22,9 +20,9 @@ const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disabl
 	const activeItemRef = useRef(null);
 	const destroy = useCallback(() => {
 		activeItemRef.current = null;
-		setHandleState(({ key: key$1 }) => ({
+		setHandleState(({ key }) => ({
 			handle: Tooltip.createHandle(),
-			key: key$1 + 1
+			key: key + 1
 		}));
 	}, []);
 	const handleOpenChange = useCallback((open) => {
@@ -71,7 +69,7 @@ const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disabl
 					const body = layoutAnimation ? /* @__PURE__ */ jsx(Tooltip.Viewport, {
 						className: resolvedClassNames.viewport,
 						style: resolvedStyles.viewport,
-						children: /* @__PURE__ */ jsx(TooltipContent_default, {
+						children: /* @__PURE__ */ jsx(TooltipContent, {
 							hotkey: item.hotkey,
 							hotkeyProps: item.hotkeyProps,
 							title: item.title
@@ -79,7 +77,7 @@ const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disabl
 					}) : /* @__PURE__ */ jsx("div", {
 						className: resolvedClassNames.viewport,
 						style: resolvedStyles.viewport,
-						children: /* @__PURE__ */ jsx(TooltipContent_default, {
+						children: /* @__PURE__ */ jsx(TooltipContent, {
 							hotkey: item.hotkey,
 							hotkeyProps: item.hotkeyProps,
 							title: item.title
@@ -117,8 +115,7 @@ const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disabl
 	});
 };
 TooltipGroup.displayName = "TooltipGroup";
-var TooltipGroup_default = TooltipGroup;
-
 //#endregion
-export { TooltipGroup_default as default };
+export { TooltipGroup as default };
+
 //# sourceMappingURL=TooltipGroup.mjs.map

package/es/Tooltip/TooltipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipGroup.mjs","names":["TooltipGroup: FC<TooltipGroupProps>","BaseTooltip","key","TooltipContent"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { cx } from 'antd-style';\nimport { type FC, useCallback, useRef, useState } from 'react';\n\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useAppElement } from '@/ThemeProvider';\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { placementMap } from '@/utils/placement';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport {\n  TooltipGroupHandleContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n} from './groupContext';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipGroupProps } from './type';\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  layoutAnimation = false,\n  popupContainer,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<TooltipGroupItem | null>(null);\n\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  const appElement = useAppElement();\n  const floatingLayerContainer = useFloatingLayer();\n  const portalContainer = floatingLayerContainer ?? appElement;\n\n  useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n  return (\n    <TooltipGroupHandleContext value={handle}>\n      <TooltipGroupPropsContext value={sharedProps}>\n        {children}\n\n        <BaseTooltip.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as TooltipGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item || (item.title == null && !item.hotkey)) return null;\n\n            const arrow = item.arrow ?? false;\n            const placement = item.placement ?? 'top';\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 8 : 6;\n\n            const resolvedClassNames = {\n              arrow: cx(styles.arrow, item.classNames?.arrow),\n              popup: cx(\n                styles.popup,\n                item.className,\n                item.classNames?.root,\n                item.classNames?.container,\n              ),\n              positioner: styles.positioner,\n              viewport: cx(styles.viewport, item.classNames?.content),\n            };\n\n            const resolvedStyleProps = (() => {\n              if (typeof item.styles === 'function') return undefined;\n              return item.styles;\n            })();\n\n            const resolvedStyles = {\n              arrow: resolvedStyleProps?.arrow,\n              popup: {\n                ...resolvedStyleProps?.root,\n                ...resolvedStyleProps?.container,\n              },\n              positioner: {\n                zIndex: item.zIndex ?? 114_514,\n              },\n              viewport: resolvedStyleProps?.content,\n            };\n\n            const body = layoutAnimation ? (\n              <BaseTooltip.Viewport\n                className={resolvedClassNames.viewport}\n                style={resolvedStyles.viewport}\n              >\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </BaseTooltip.Viewport>\n            ) : (\n              <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </div>\n            );\n\n            const popup = (\n              <BaseTooltip.Positioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                data-layout-animation={layoutAnimation || undefined}\n                data-placement={placement}\n                side={placementConfig.side}\n                sideOffset={baseSideOffset}\n                style={resolvedStyles.positioner}\n                {...item.positionerProps}\n              >\n                <BaseTooltip.Popup\n                  className={resolvedClassNames.popup}\n                  data-layout-animation={layoutAnimation || undefined}\n                  style={resolvedStyles.popup}\n                  {...item.popupProps}\n                >\n                  {arrow && (\n                    <BaseTooltip.Arrow\n                      className={resolvedClassNames.arrow}\n                      style={resolvedStyles.arrow}\n                    >\n                      {TooltipArrowIcon}\n                    </BaseTooltip.Arrow>\n                  )}\n                  {body}\n                </BaseTooltip.Popup>\n              </BaseTooltip.Positioner>\n            );\n\n            const resolvedPortalContainer =\n              item.popupContainer ?? popupContainer ?? portalContainer;\n\n            return resolvedPortalContainer ? (\n              <BaseTooltip.Portal container={resolvedPortalContainer}>{popup}</BaseTooltip.Portal>\n            ) : null;\n          }}\n        </BaseTooltip.Root>\n      </TooltipGroupPropsContext>\n    </TooltipGroupHandleContext>\n  );\n};\n\nTooltipGroup.displayName = 'TooltipGroup';\n\nexport default TooltipGroup;\n"],"mappings":"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"}
+{"version":3,"file":"TooltipGroup.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { cx } from 'antd-style';\nimport { type FC, useCallback, useRef, useState } from 'react';\n\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useAppElement } from '@/ThemeProvider';\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { placementMap } from '@/utils/placement';\n\nimport { TooltipArrowIcon } from './ArrowIcon';\nimport {\n  TooltipGroupHandleContext,\n  type TooltipGroupItem,\n  TooltipGroupPropsContext,\n} from './groupContext';\nimport { styles } from './style';\nimport TooltipContent from './TooltipContent';\nimport { type TooltipGroupProps } from './type';\n\nconst TooltipGroup: FC<TooltipGroupProps> = ({\n  children,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  layoutAnimation = false,\n  popupContainer,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<TooltipGroupItem | null>(null);\n\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BaseTooltip.createHandle<TooltipGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  const appElement = useAppElement();\n  const floatingLayerContainer = useFloatingLayer();\n  const portalContainer = floatingLayerContainer ?? appElement;\n\n  useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\n\n  return (\n    <TooltipGroupHandleContext value={handle}>\n      <TooltipGroupPropsContext value={sharedProps}>\n        {children}\n\n        <BaseTooltip.Root handle={handle} key={key} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as TooltipGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item || (item.title == null && !item.hotkey)) return null;\n\n            const arrow = item.arrow ?? false;\n            const placement = item.placement ?? 'top';\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 8 : 6;\n\n            const resolvedClassNames = {\n              arrow: cx(styles.arrow, item.classNames?.arrow),\n              popup: cx(\n                styles.popup,\n                item.className,\n                item.classNames?.root,\n                item.classNames?.container,\n              ),\n              positioner: styles.positioner,\n              viewport: cx(styles.viewport, item.classNames?.content),\n            };\n\n            const resolvedStyleProps = (() => {\n              if (typeof item.styles === 'function') return undefined;\n              return item.styles;\n            })();\n\n            const resolvedStyles = {\n              arrow: resolvedStyleProps?.arrow,\n              popup: {\n                ...resolvedStyleProps?.root,\n                ...resolvedStyleProps?.container,\n              },\n              positioner: {\n                zIndex: item.zIndex ?? 114_514,\n              },\n              viewport: resolvedStyleProps?.content,\n            };\n\n            const body = layoutAnimation ? (\n              <BaseTooltip.Viewport\n                className={resolvedClassNames.viewport}\n                style={resolvedStyles.viewport}\n              >\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </BaseTooltip.Viewport>\n            ) : (\n              <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </div>\n            );\n\n            const popup = (\n              <BaseTooltip.Positioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                data-layout-animation={layoutAnimation || undefined}\n                data-placement={placement}\n                side={placementConfig.side}\n                sideOffset={baseSideOffset}\n                style={resolvedStyles.positioner}\n                {...item.positionerProps}\n              >\n                <BaseTooltip.Popup\n                  className={resolvedClassNames.popup}\n                  data-layout-animation={layoutAnimation || undefined}\n                  style={resolvedStyles.popup}\n                  {...item.popupProps}\n                >\n                  {arrow && (\n                    <BaseTooltip.Arrow\n                      className={resolvedClassNames.arrow}\n                      style={resolvedStyles.arrow}\n                    >\n                      {TooltipArrowIcon}\n                    </BaseTooltip.Arrow>\n                  )}\n                  {body}\n                </BaseTooltip.Popup>\n              </BaseTooltip.Positioner>\n            );\n\n            const resolvedPortalContainer =\n              item.popupContainer ?? popupContainer ?? portalContainer;\n\n            return resolvedPortalContainer ? (\n              <BaseTooltip.Portal container={resolvedPortalContainer}>{popup}</BaseTooltip.Portal>\n            ) : null;\n          }}\n        </BaseTooltip.Root>\n      </TooltipGroupPropsContext>\n    </TooltipGroupHandleContext>\n  );\n};\n\nTooltipGroup.displayName = 'TooltipGroup';\n\nexport default TooltipGroup;\n"],"mappings":"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"}

package/es/Tooltip/TooltipInGroup.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { TooltipGroupHandleContext } from "./groupContext.mjs";
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
 import { useMergedTooltipProps } from "./useMergedTooltipProps.mjs";
@@ -8,7 +7,6 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Tooltip } from "@base-ui/react/tooltip";
 import { mergeRefs } from "react-merge-refs";
-
 //#region src/Tooltip/TooltipInGroup.tsx
 const DEFAULT_OPEN_DELAY = 400;
 const DEFAULT_CLOSE_DELAY = 100;
@@ -117,7 +115,7 @@ const TooltipInGroup = ({ children, ref: refProp, arrow, className, classNames,
 	});
 };
 TooltipInGroup.displayName = "TooltipInGroup";
-
 //#endregion
 export { TooltipInGroup };
+
 //# sourceMappingURL=TooltipInGroup.mjs.map

package/es/Tooltip/TooltipInGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipInGroup.mjs","names":["TooltipInGroup: FC<TooltipProps>","BaseTooltip"],"sources":["../../src/Tooltip/TooltipInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { cloneElement, type FC, isValidElement, use, useCallback, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\n\nimport { TooltipGroupHandleContext } from './groupContext';\nimport { type TooltipProps } from './type';\nimport { useMergedTooltipProps } from './useMergedTooltipProps';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\nexport const TooltipInGroup: FC<TooltipProps> = ({\n  children,\n  ref: refProp,\n  arrow,\n  className,\n  classNames,\n  closeDelay,\n  defaultOpen,\n  disabled: disabledProp,\n  getPopupContainer,\n  hotkey,\n  hotkeyProps,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  onOpenChange,\n  open,\n  openDelay,\n  placement,\n  popupContainer,\n  popupProps,\n  portalProps,\n  positionerProps,\n  standalone: _standalone,\n  styles,\n  title,\n  triggerProps: triggerPropsProp,\n  zIndex,\n  ...restProps\n}) => {\n  const tooltipProps = useMemo(\n    () => ({\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabled: disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerProps: triggerPropsProp,\n      zIndex,\n    }),\n    [\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerPropsProp,\n      zIndex,\n    ],\n  );\n\n  const group = use(TooltipGroupHandleContext);\n  const item = useMergedTooltipProps(tooltipProps);\n\n  const resolvedOpenDelay = useMemo(() => {\n    if (item.openDelay !== undefined) return item.openDelay;\n    if (item.mouseEnterDelay !== undefined) return item.mouseEnterDelay * 1000;\n    return DEFAULT_OPEN_DELAY;\n  }, [item.mouseEnterDelay, item.openDelay]);\n\n  const resolvedCloseDelay = useMemo(() => {\n    if (item.closeDelay !== undefined) return item.closeDelay;\n    if (item.mouseLeaveDelay !== undefined) return item.mouseLeaveDelay * 1000;\n    return DEFAULT_CLOSE_DELAY;\n  }, [item.closeDelay, item.mouseLeaveDelay]);\n\n  const disabled = Boolean(item.disabled);\n\n  const { isNativeButtonTriggerElement } = useNativeButton({\n    children,\n  });\n\n  const childElement = isValidElement(children) ? children : null;\n\n  const renderTrigger = useCallback(\n    (renderProps: unknown) => {\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 renderProps as any;\n        // eslint-disable-next-line unused-imports/no-unused-vars\n        const { type, ref: triggerRef, ...triggerRest } = renderProps as any;\n        return triggerRest;\n      })();\n\n      const mergedProps = mergeProps(restProps, (childElement as any).props, resolvedProps);\n      return cloneElement(childElement as any, {\n        ...mergedProps,\n        ref: mergeRefs([(childElement as any).ref, (renderProps as any).ref, refProp]),\n      });\n    },\n    [childElement, isNativeButtonTriggerElement, refProp, restProps],\n  );\n\n  // Don't render trigger behavior if no content\n\n  if (item.title == null && !item.hotkey) {\n    return children as any;\n  }\n\n  const triggerProps = {\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    payload: item,\n  };\n\n  if (childElement) {\n    return (\n      <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} render={renderTrigger} />\n    );\n  }\n\n  return (\n    <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} ref={refProp}>\n      {children}\n    </BaseTooltip.Trigger>\n  );\n};\n\nTooltipInGroup.displayName = 'TooltipInGroup';\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAE5B,MAAaA,kBAAoC,EAC/C,UACA,KAAK,SACL,OACA,WACA,YACA,YACA,aACA,UAAU,cACV,mBACA,QACA,aACA,iBACA,iBACA,cACA,MACA,WACA,WACA,gBACA,YACA,aACA,iBACA,YAAY,aACZ,QACA,OACA,cAAc,kBACd,QACA,GAAG,gBACC;CACJ,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,QAAQ,IAAI,0BAA0B;CAC5C,MAAM,OAAO,sBAAsB,aAAa;CAEhD,MAAM,oBAAoB,cAAc;AACtC,MAAI,KAAK,cAAc,OAAW,QAAO,KAAK;AAC9C,MAAI,KAAK,oBAAoB,OAAW,QAAO,KAAK,kBAAkB;AACtE,SAAO;IACN,CAAC,KAAK,iBAAiB,KAAK,UAAU,CAAC;CAE1C,MAAM,qBAAqB,cAAc;AACvC,MAAI,KAAK,eAAe,OAAW,QAAO,KAAK;AAC/C,MAAI,KAAK,oBAAoB,OAAW,QAAO,KAAK,kBAAkB;AACtE,SAAO;IACN,CAAC,KAAK,YAAY,KAAK,gBAAgB,CAAC;CAE3C,MAAM,WAAW,QAAQ,KAAK,SAAS;CAEvC,MAAM,EAAE,iCAAiC,gBAAgB,EACvD,UACD,CAAC;CAEF,MAAM,eAAe,eAAe,SAAS,GAAG,WAAW;CAE3D,MAAM,gBAAgB,aACnB,gBAAyB;EAGxB,MAAM,uBAAuB;AAC3B,OAAI,6BAA8B,QAAO;GAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,gBAAgB;AAClD,UAAO;MACL;AAGJ,SAAO,aAAa,cAAqB;GACvC,GAFkB,WAAW,WAAY,aAAqB,OAAO,cAAc;GAGnF,KAAK,UAAU;IAAE,aAAqB;IAAM,YAAoB;IAAK;IAAQ,CAAC;GAC/E,CAAC;IAEJ;EAAC;EAAc;EAA8B;EAAS;EAAU,CACjE;AAID,KAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,OAC9B,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,SAAS;EACV;AAED,KAAI,aACF,QACE,oBAACC,QAAY;EAAQ,QAAQ,SAAS;EAAW,GAAI;EAAc,QAAQ;GAAiB;AAIhG,QACE,oBAACA,QAAY;EAAQ,QAAQ,SAAS;EAAW,GAAI;EAAc,KAAK;EACrE;GACmB;;AAI1B,eAAe,cAAc"}
+{"version":3,"file":"TooltipInGroup.mjs","names":["BaseTooltip"],"sources":["../../src/Tooltip/TooltipInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { cloneElement, type FC, isValidElement, use, useCallback, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\n\nimport { TooltipGroupHandleContext } from './groupContext';\nimport { type TooltipProps } from './type';\nimport { useMergedTooltipProps } from './useMergedTooltipProps';\n\nconst DEFAULT_OPEN_DELAY = 400;\nconst DEFAULT_CLOSE_DELAY = 100;\n\nexport const TooltipInGroup: FC<TooltipProps> = ({\n  children,\n  ref: refProp,\n  arrow,\n  className,\n  classNames,\n  closeDelay,\n  defaultOpen,\n  disabled: disabledProp,\n  getPopupContainer,\n  hotkey,\n  hotkeyProps,\n  mouseEnterDelay,\n  mouseLeaveDelay,\n  onOpenChange,\n  open,\n  openDelay,\n  placement,\n  popupContainer,\n  popupProps,\n  portalProps,\n  positionerProps,\n  standalone: _standalone,\n  styles,\n  title,\n  triggerProps: triggerPropsProp,\n  zIndex,\n  ...restProps\n}) => {\n  const tooltipProps = useMemo(\n    () => ({\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabled: disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerProps: triggerPropsProp,\n      zIndex,\n    }),\n    [\n      arrow,\n      className,\n      classNames,\n      closeDelay,\n      defaultOpen,\n      disabledProp,\n      getPopupContainer,\n      hotkey,\n      hotkeyProps,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      onOpenChange,\n      open,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      portalProps,\n      positionerProps,\n      styles,\n      title,\n      triggerPropsProp,\n      zIndex,\n    ],\n  );\n\n  const group = use(TooltipGroupHandleContext);\n  const item = useMergedTooltipProps(tooltipProps);\n\n  const resolvedOpenDelay = useMemo(() => {\n    if (item.openDelay !== undefined) return item.openDelay;\n    if (item.mouseEnterDelay !== undefined) return item.mouseEnterDelay * 1000;\n    return DEFAULT_OPEN_DELAY;\n  }, [item.mouseEnterDelay, item.openDelay]);\n\n  const resolvedCloseDelay = useMemo(() => {\n    if (item.closeDelay !== undefined) return item.closeDelay;\n    if (item.mouseLeaveDelay !== undefined) return item.mouseLeaveDelay * 1000;\n    return DEFAULT_CLOSE_DELAY;\n  }, [item.closeDelay, item.mouseLeaveDelay]);\n\n  const disabled = Boolean(item.disabled);\n\n  const { isNativeButtonTriggerElement } = useNativeButton({\n    children,\n  });\n\n  const childElement = isValidElement(children) ? children : null;\n\n  const renderTrigger = useCallback(\n    (renderProps: unknown) => {\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 renderProps as any;\n        // eslint-disable-next-line unused-imports/no-unused-vars\n        const { type, ref: triggerRef, ...triggerRest } = renderProps as any;\n        return triggerRest;\n      })();\n\n      const mergedProps = mergeProps(restProps, (childElement as any).props, resolvedProps);\n      return cloneElement(childElement as any, {\n        ...mergedProps,\n        ref: mergeRefs([(childElement as any).ref, (renderProps as any).ref, refProp]),\n      });\n    },\n    [childElement, isNativeButtonTriggerElement, refProp, restProps],\n  );\n\n  // Don't render trigger behavior if no content\n\n  if (item.title == null && !item.hotkey) {\n    return children as any;\n  }\n\n  const triggerProps = {\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    payload: item,\n  };\n\n  if (childElement) {\n    return (\n      <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} render={renderTrigger} />\n    );\n  }\n\n  return (\n    <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} ref={refProp}>\n      {children}\n    </BaseTooltip.Trigger>\n  );\n};\n\nTooltipInGroup.displayName = 'TooltipInGroup';\n"],"mappings":";;;;;;;;;;AAaA,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAE5B,MAAa,kBAAoC,EAC/C,UACA,KAAK,SACL,OACA,WACA,YACA,YACA,aACA,UAAU,cACV,mBACA,QACA,aACA,iBACA,iBACA,cACA,MACA,WACA,WACA,gBACA,YACA,aACA,iBACA,YAAY,aACZ,QACA,OACA,cAAc,kBACd,QACA,GAAG,gBACC;CACJ,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACd;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,QAAQ,IAAI,0BAA0B;CAC5C,MAAM,OAAO,sBAAsB,aAAa;CAEhD,MAAM,oBAAoB,cAAc;AACtC,MAAI,KAAK,cAAc,KAAA,EAAW,QAAO,KAAK;AAC9C,MAAI,KAAK,oBAAoB,KAAA,EAAW,QAAO,KAAK,kBAAkB;AACtE,SAAO;IACN,CAAC,KAAK,iBAAiB,KAAK,UAAU,CAAC;CAE1C,MAAM,qBAAqB,cAAc;AACvC,MAAI,KAAK,eAAe,KAAA,EAAW,QAAO,KAAK;AAC/C,MAAI,KAAK,oBAAoB,KAAA,EAAW,QAAO,KAAK,kBAAkB;AACtE,SAAO;IACN,CAAC,KAAK,YAAY,KAAK,gBAAgB,CAAC;CAE3C,MAAM,WAAW,QAAQ,KAAK,SAAS;CAEvC,MAAM,EAAE,iCAAiC,gBAAgB,EACvD,UACD,CAAC;CAEF,MAAM,eAAe,eAAe,SAAS,GAAG,WAAW;CAE3D,MAAM,gBAAgB,aACnB,gBAAyB;EAGxB,MAAM,uBAAuB;AAC3B,OAAI,6BAA8B,QAAO;GAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,gBAAgB;AAClD,UAAO;MACL;AAGJ,SAAO,aAAa,cAAqB;GACvC,GAFkB,WAAW,WAAY,aAAqB,OAAO,cAAc;GAGnF,KAAK,UAAU;IAAE,aAAqB;IAAM,YAAoB;IAAK;IAAQ,CAAC;GAC/E,CAAC;IAEJ;EAAC;EAAc;EAA8B;EAAS;EAAU,CACjE;AAID,KAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,OAC9B,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,SAAS;EACV;AAED,KAAI,aACF,QACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,QAAQ;EAAiB,CAAA;AAIhG,QACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,KAAK;EACrE;EACmB,CAAA;;AAI1B,eAAe,cAAc"}

package/es/Tooltip/TooltipStandalone.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import { useNativeButton } from "../hooks/useNativeButton.mjs";
 import { useFloatingLayer } from "../hooks/useFloatingLayer.mjs";
 import { useIsClient } from "../hooks/useIsClient.mjs";
@@ -7,14 +6,13 @@ import { useAppElement } from "../ThemeProvider/AppElementContext.mjs";
 import { placementMap } from "../utils/placement.mjs";
 import { TooltipArrowIcon } from "./ArrowIcon.mjs";
 import { styles } from "./style.mjs";
-import TooltipContent_default from "./TooltipContent.mjs";
+import TooltipContent from "./TooltipContent.mjs";
 import { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 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;
@@ -150,7 +148,7 @@ const TooltipStandalone = memo(({ children, title, arrow = false, className, cla
 			}), /* @__PURE__ */ jsx("div", {
 				className: resolvedClassNames.viewport,
 				style: resolvedStyles.viewport,
-				children: /* @__PURE__ */ jsx(TooltipContent_default, {
+				children: /* @__PURE__ */ jsx(TooltipContent, {
 					hotkey,
 					hotkeyProps,
 					title
@@ -186,7 +184,7 @@ const TooltipStandalone = memo(({ children, title, arrow = false, className, cla
 	});
 });
 TooltipStandalone.displayName = "TooltipStandalone";
-
 //#endregion
 export { TooltipStandalone };
+
 //# sourceMappingURL=TooltipStandalone.mjs.map

package/es/Tooltip/TooltipStandalone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipStandalone.mjs","names":["BaseTooltip","TooltipContent"],"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 { cx } from 'antd-style';\nimport { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { useAppElement } from '@/ThemeProvider';\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: styleProps,\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 resolvedClassNames = useMemo(\n      () => ({\n        arrow: cx(styles.arrow, classNames?.arrow),\n        popup: cx(styles.popup, className, classNames?.root, classNames?.container),\n        positioner: styles.positioner,\n        viewport: cx(styles.viewport, classNames?.content),\n      }),\n      [className, classNames?.arrow, classNames?.container, classNames?.content, classNames?.root],\n    );\n\n    const resolvedStyleProps = useMemo(() => {\n      if (typeof styleProps === 'function') return undefined;\n      return styleProps;\n    }, [styleProps]);\n\n    const resolvedStyles = useMemo(\n      () => ({\n        arrow: resolvedStyleProps?.arrow,\n        popup: {\n          ...resolvedStyleProps?.root,\n          ...resolvedStyleProps?.container,\n        },\n        positioner: {\n          zIndex: zIndex ?? 114_514,\n        },\n        viewport: resolvedStyleProps?.content,\n      }),\n      [resolvedStyleProps, zIndex],\n    );\n\n    const triggerElement = useMemo(() => {\n      const baseTriggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        ...triggerProps,\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 mergedProps = mergeProps(restProps, (children as any).props, resolvedProps);\n              return cloneElement(children as any, {\n                ...mergedProps,\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 {...baseTriggerProps} ref={mergeRefs([refProp, triggerCallbackRef])}>\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          className={resolvedClassNames.positioner}\n          data-placement={placement}\n          side={placementConfig.side}\n          sideOffset={baseSideOffset}\n          style={resolvedStyles.positioner}\n          {...positionerProps}\n        >\n          <BaseTooltip.Popup\n            className={resolvedClassNames.popup}\n            style={resolvedStyles.popup}\n            {...popupProps}\n          >\n            {arrow && (\n              <BaseTooltip.Arrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n                {TooltipArrowIcon}\n              </BaseTooltip.Arrow>\n            )}\n            <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n              <TooltipContent hotkey={hotkey} hotkeyProps={hotkeyProps} title={title} />\n            </div>\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        resolvedClassNames,\n        resolvedStyles,\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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"}
+{"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 { cx } from 'antd-style';\nimport { cloneElement, isValidElement, memo, useCallback, useMemo, useState } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { useAppElement } from '@/ThemeProvider';\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: styleProps,\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 resolvedClassNames = useMemo(\n      () => ({\n        arrow: cx(styles.arrow, classNames?.arrow),\n        popup: cx(styles.popup, className, classNames?.root, classNames?.container),\n        positioner: styles.positioner,\n        viewport: cx(styles.viewport, classNames?.content),\n      }),\n      [className, classNames?.arrow, classNames?.container, classNames?.content, classNames?.root],\n    );\n\n    const resolvedStyleProps = useMemo(() => {\n      if (typeof styleProps === 'function') return undefined;\n      return styleProps;\n    }, [styleProps]);\n\n    const resolvedStyles = useMemo(\n      () => ({\n        arrow: resolvedStyleProps?.arrow,\n        popup: {\n          ...resolvedStyleProps?.root,\n          ...resolvedStyleProps?.container,\n        },\n        positioner: {\n          zIndex: zIndex ?? 114_514,\n        },\n        viewport: resolvedStyleProps?.content,\n      }),\n      [resolvedStyleProps, zIndex],\n    );\n\n    const triggerElement = useMemo(() => {\n      const baseTriggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        ...triggerProps,\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 mergedProps = mergeProps(restProps, (children as any).props, resolvedProps);\n              return cloneElement(children as any, {\n                ...mergedProps,\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 {...baseTriggerProps} ref={mergeRefs([refProp, triggerCallbackRef])}>\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          className={resolvedClassNames.positioner}\n          data-placement={placement}\n          side={placementConfig.side}\n          sideOffset={baseSideOffset}\n          style={resolvedStyles.positioner}\n          {...positionerProps}\n        >\n          <BaseTooltip.Popup\n            className={resolvedClassNames.popup}\n            style={resolvedStyles.popup}\n            {...popupProps}\n          >\n            {arrow && (\n              <BaseTooltip.Arrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n                {TooltipArrowIcon}\n              </BaseTooltip.Arrow>\n            )}\n            <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n              <TooltipContent hotkey={hotkey} hotkeyProps={hotkeyProps} title={title} />\n            </div>\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        resolvedClassNames,\n        resolvedStyles,\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

@@ -1,11 +1,9 @@
-'use client';
-
+"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

@@ -1 +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 Whether to enable content layout animation when switching triggers\n   * @default false\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,KAAK;AACvF,MAAa,2BAA2B,cAA8C,KAAK"}
+{"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 Whether to enable content layout animation when switching triggers\n   * @default false\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,KAAK;AACvF,MAAa,2BAA2B,cAA8C,KAAK"}

package/es/Tooltip/style.mjs

@@ -1,8 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/Tooltip/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	arrow: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	arrow: css`
     --lobe-tooltip-arrow-offset-block: 4px;
     --lobe-tooltip-arrow-offset-inline: 6px;
 
@@ -20,11 +19,11 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       display: block;
       width: 100%;
       height: 100%;
-      fill: ${cssVar$1.colorBgElevated};
+      fill: ${cssVar.colorBgElevated};
     }
 
     & [data-role='stroke'] {
-      stroke: ${cssVar$1.colorBorderSecondary};
+      stroke: ${cssVar.colorBorderSecondary};
     }
 
     &[data-side='top'] {
@@ -46,21 +45,21 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       inset-block-start: calc(var(--lobe-tooltip-arrow-offset-block) * -1);
     }
   `,
-	popup: css$1`
+	popup: css`
     user-select: none;
 
     position: relative;
     transform-origin: var(--transform-origin);
 
     max-width: min(320px, var(--available-width));
-    border: 1px solid ${cssVar$1.colorFill};
-    border-radius: ${cssVar$1.borderRadiusSM};
+    border: 1px solid ${cssVar.colorFill};
+    border-radius: ${cssVar.borderRadiusSM};
 
-    font-size: ${cssVar$1.fontSizeSM};
+    font-size: ${cssVar.fontSizeSM};
     line-height: 1.2;
-    color: ${cssVar$1.colorTextLabel};
+    color: ${cssVar.colorTextLabel};
 
-    background: ${cssVar$1.colorBgElevated};
+    background: ${cssVar.colorBgElevated};
     box-shadow:
       0 1px 2px 0 rgba(0, 0, 0, 3%),
       0 1px 6px -1px rgba(0, 0, 0, 2%),
@@ -90,13 +89,13 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       transition: none;
     }
   `,
-	positioner: css$1`
+	positioner: css`
     --lobe-tooltip-animation-duration: 100ms;
     --lobe-tooltip-animation-duration-exit: 60ms;
     --lobe-tooltip-animation-translate: 2px;
     --lobe-tooltip-animation-scale: 0.98;
     --lobe-tooltip-animation-ease-in: ease-in;
-    --lobe-tooltip-animation-ease-out: ${cssVar$1.motionEaseOut};
+    --lobe-tooltip-animation-ease-out: ${cssVar.motionEaseOut};
     --lobe-tooltip-translate-x: 0;
     --lobe-tooltip-translate-y: calc(var(--lobe-tooltip-animation-translate) * -1);
 
@@ -155,7 +154,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       --lobe-tooltip-translate-y: 0;
     }
   `,
-	viewport: css$1`
+	viewport: css`
     --lobe-tooltip-viewport-inline-padding: 8px;
 
     position: relative;
@@ -235,7 +234,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     }
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Tooltip/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    --lobe-tooltip-arrow-offset-block: 4px;\n    --lobe-tooltip-arrow-offset-inline: 6px;\n\n    pointer-events: none;\n\n    position: absolute;\n    transform-origin: center;\n\n    display: flex;\n\n    width: 8px;\n    height: 4px;\n\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: ${cssVar.colorBgElevated};\n    }\n\n    & [data-role='stroke'] {\n      stroke: ${cssVar.colorBorderSecondary};\n    }\n\n    &[data-side='top'] {\n      inset-block-end: calc(var(--lobe-tooltip-arrow-offset-block) * -1);\n      transform: rotate(180deg);\n    }\n\n    &[data-side='left'] {\n      inset-inline-end: calc(var(--lobe-tooltip-arrow-offset-inline) * -1);\n      transform: rotate(90deg);\n    }\n\n    &[data-side='right'] {\n      inset-inline-start: calc(var(--lobe-tooltip-arrow-offset-inline) * -1);\n      transform: rotate(-90deg);\n    }\n\n    &[data-side='bottom'] {\n      inset-block-start: calc(var(--lobe-tooltip-arrow-offset-block) * -1);\n    }\n  `,\n\n  popup: css`\n    user-select: none;\n\n    position: relative;\n    transform-origin: var(--transform-origin);\n\n    max-width: min(320px, var(--available-width));\n    border: 1px solid ${cssVar.colorFill};\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: ${cssVar.fontSizeSM};\n    line-height: 1.2;\n    color: ${cssVar.colorTextLabel};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow:\n      0 1px 2px 0 rgba(0, 0, 0, 3%),\n      0 1px 6px -1px rgba(0, 0, 0, 2%),\n      0 2px 4px 0 rgba(0, 0, 0, 2%);\n\n    transition-timing-function: var(--lobe-tooltip-animation-ease-out);\n    transition-duration: var(--lobe-tooltip-animation-duration);\n    transition-property: opacity;\n\n    &[data-layout-animation] {\n      transition-property: opacity, transform, width, height;\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0)\n        scale(var(--lobe-tooltip-animation-scale));\n      opacity: 0;\n    }\n\n    &[data-ending-style] {\n      transition-timing-function: var(--lobe-tooltip-animation-ease-in);\n      transition-duration: var(--lobe-tooltip-animation-duration-exit);\n    }\n\n    &[data-instant] {\n      transition: none;\n    }\n  `,\n\n  positioner: css`\n    --lobe-tooltip-animation-duration: 100ms;\n    --lobe-tooltip-animation-duration-exit: 60ms;\n    --lobe-tooltip-animation-translate: 2px;\n    --lobe-tooltip-animation-scale: 0.98;\n    --lobe-tooltip-animation-ease-in: ease-in;\n    --lobe-tooltip-animation-ease-out: ${cssVar.motionEaseOut};\n    --lobe-tooltip-translate-x: 0;\n    --lobe-tooltip-translate-y: calc(var(--lobe-tooltip-animation-translate) * -1);\n\n    will-change: transform, opacity;\n\n    z-index: 114514;\n\n    width: min(var(--positioner-width), 320px, var(--available-width));\n    height: var(--positioner-height);\n\n    transition-timing-function: var(--lobe-tooltip-animation-ease-out);\n    transition-duration: var(--lobe-tooltip-animation-duration);\n    transition-property: none;\n\n    &[data-layout-animation] {\n      transition-property:\n        inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;\n    }\n\n    &[data-instant] {\n      transition: none;\n    }\n\n    /* Fallback: never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n    &[data-anchor-hidden],\n    &[data-zero-origin='true'] {\n      pointer-events: none;\n      visibility: hidden;\n    }\n\n    &[data-placement='top'],\n    &[data-placement='topLeft'],\n    &[data-placement='topRight'] {\n      --lobe-tooltip-translate-x: 0;\n      --lobe-tooltip-translate-y: var(--lobe-tooltip-animation-translate);\n    }\n\n    &[data-placement='bottom'],\n    &[data-placement='bottomLeft'],\n    &[data-placement='bottomRight'] {\n      --lobe-tooltip-translate-x: 0;\n      --lobe-tooltip-translate-y: calc(var(--lobe-tooltip-animation-translate) * -1);\n    }\n\n    &[data-placement='left'],\n    &[data-placement='leftTop'],\n    &[data-placement='leftBottom'] {\n      --lobe-tooltip-translate-x: var(--lobe-tooltip-animation-translate);\n      --lobe-tooltip-translate-y: 0;\n    }\n\n    &[data-placement='right'],\n    &[data-placement='rightTop'],\n    &[data-placement='rightBottom'] {\n      --lobe-tooltip-translate-x: calc(var(--lobe-tooltip-animation-translate) * -1);\n      --lobe-tooltip-translate-y: 0;\n    }\n  `,\n\n  viewport: css`\n    --lobe-tooltip-viewport-inline-padding: 8px;\n\n    position: relative;\n\n    overflow: clip;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n\n    max-width: var(--available-width);\n    padding-block: 4px;\n    padding-inline: var(--lobe-tooltip-viewport-inline-padding);\n\n    word-break: break-word;\n    white-space: normal;\n\n    [data-previous],\n    [data-current] {\n      transform: translateX(0);\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      opacity: 1;\n\n      transition:\n        transform var(--lobe-tooltip-animation-duration) var(--lobe-tooltip-animation-ease-out),\n        opacity calc(var(--lobe-tooltip-animation-duration) / 2)\n          var(--lobe-tooltip-animation-ease-out);\n    }\n\n    [data-previous] {\n      position: absolute;\n      inset-block-start: 4px;\n      inset-inline-start: var(--lobe-tooltip-viewport-inline-padding);\n    }\n\n    &[data-activation-direction~='right'] [data-previous][data-ending-style] {\n      transform: translateX(-50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='right'] [data-current][data-starting-style] {\n      transform: translateX(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='left'] [data-previous][data-ending-style] {\n      transform: translateX(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='left'] [data-current][data-starting-style] {\n      transform: translateX(-50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='down'] [data-previous][data-ending-style] {\n      transform: translateY(-50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='down'] [data-current][data-starting-style] {\n      transform: translateY(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='up'] [data-previous][data-ending-style] {\n      transform: translateY(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='up'] [data-current][data-starting-style] {\n      transform: translateY(-50%);\n      opacity: 0;\n    }\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,OAAO,KAAG;;;;;;;;;;;;;;;;;;cAkBEA,SAAO,gBAAgB;;;;gBAIrBA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;CAuB1C,OAAO,KAAG;;;;;;;wBAOYA,SAAO,UAAU;qBACpBA,SAAO,eAAe;;iBAE1BA,SAAO,WAAW;;aAEtBA,SAAO,eAAe;;kBAEjBA,SAAO,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvC,YAAY,KAAG;;;;;;yCAMwBA,SAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D5D,UAAU,KAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Ed,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Tooltip/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  arrow: css`\n    --lobe-tooltip-arrow-offset-block: 4px;\n    --lobe-tooltip-arrow-offset-inline: 6px;\n\n    pointer-events: none;\n\n    position: absolute;\n    transform-origin: center;\n\n    display: flex;\n\n    width: 8px;\n    height: 4px;\n\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: ${cssVar.colorBgElevated};\n    }\n\n    & [data-role='stroke'] {\n      stroke: ${cssVar.colorBorderSecondary};\n    }\n\n    &[data-side='top'] {\n      inset-block-end: calc(var(--lobe-tooltip-arrow-offset-block) * -1);\n      transform: rotate(180deg);\n    }\n\n    &[data-side='left'] {\n      inset-inline-end: calc(var(--lobe-tooltip-arrow-offset-inline) * -1);\n      transform: rotate(90deg);\n    }\n\n    &[data-side='right'] {\n      inset-inline-start: calc(var(--lobe-tooltip-arrow-offset-inline) * -1);\n      transform: rotate(-90deg);\n    }\n\n    &[data-side='bottom'] {\n      inset-block-start: calc(var(--lobe-tooltip-arrow-offset-block) * -1);\n    }\n  `,\n\n  popup: css`\n    user-select: none;\n\n    position: relative;\n    transform-origin: var(--transform-origin);\n\n    max-width: min(320px, var(--available-width));\n    border: 1px solid ${cssVar.colorFill};\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: ${cssVar.fontSizeSM};\n    line-height: 1.2;\n    color: ${cssVar.colorTextLabel};\n\n    background: ${cssVar.colorBgElevated};\n    box-shadow:\n      0 1px 2px 0 rgba(0, 0, 0, 3%),\n      0 1px 6px -1px rgba(0, 0, 0, 2%),\n      0 2px 4px 0 rgba(0, 0, 0, 2%);\n\n    transition-timing-function: var(--lobe-tooltip-animation-ease-out);\n    transition-duration: var(--lobe-tooltip-animation-duration);\n    transition-property: opacity;\n\n    &[data-layout-animation] {\n      transition-property: opacity, transform, width, height;\n    }\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      transform: translate3d(var(--lobe-tooltip-translate-x), var(--lobe-tooltip-translate-y), 0)\n        scale(var(--lobe-tooltip-animation-scale));\n      opacity: 0;\n    }\n\n    &[data-ending-style] {\n      transition-timing-function: var(--lobe-tooltip-animation-ease-in);\n      transition-duration: var(--lobe-tooltip-animation-duration-exit);\n    }\n\n    &[data-instant] {\n      transition: none;\n    }\n  `,\n\n  positioner: css`\n    --lobe-tooltip-animation-duration: 100ms;\n    --lobe-tooltip-animation-duration-exit: 60ms;\n    --lobe-tooltip-animation-translate: 2px;\n    --lobe-tooltip-animation-scale: 0.98;\n    --lobe-tooltip-animation-ease-in: ease-in;\n    --lobe-tooltip-animation-ease-out: ${cssVar.motionEaseOut};\n    --lobe-tooltip-translate-x: 0;\n    --lobe-tooltip-translate-y: calc(var(--lobe-tooltip-animation-translate) * -1);\n\n    will-change: transform, opacity;\n\n    z-index: 114514;\n\n    width: min(var(--positioner-width), 320px, var(--available-width));\n    height: var(--positioner-height);\n\n    transition-timing-function: var(--lobe-tooltip-animation-ease-out);\n    transition-duration: var(--lobe-tooltip-animation-duration);\n    transition-property: none;\n\n    &[data-layout-animation] {\n      transition-property:\n        inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;\n    }\n\n    &[data-instant] {\n      transition: none;\n    }\n\n    /* Fallback: never show a tooltip when the anchor is hidden or the positioner falls back to (0,0). */\n    &[data-anchor-hidden],\n    &[data-zero-origin='true'] {\n      pointer-events: none;\n      visibility: hidden;\n    }\n\n    &[data-placement='top'],\n    &[data-placement='topLeft'],\n    &[data-placement='topRight'] {\n      --lobe-tooltip-translate-x: 0;\n      --lobe-tooltip-translate-y: var(--lobe-tooltip-animation-translate);\n    }\n\n    &[data-placement='bottom'],\n    &[data-placement='bottomLeft'],\n    &[data-placement='bottomRight'] {\n      --lobe-tooltip-translate-x: 0;\n      --lobe-tooltip-translate-y: calc(var(--lobe-tooltip-animation-translate) * -1);\n    }\n\n    &[data-placement='left'],\n    &[data-placement='leftTop'],\n    &[data-placement='leftBottom'] {\n      --lobe-tooltip-translate-x: var(--lobe-tooltip-animation-translate);\n      --lobe-tooltip-translate-y: 0;\n    }\n\n    &[data-placement='right'],\n    &[data-placement='rightTop'],\n    &[data-placement='rightBottom'] {\n      --lobe-tooltip-translate-x: calc(var(--lobe-tooltip-animation-translate) * -1);\n      --lobe-tooltip-translate-y: 0;\n    }\n  `,\n\n  viewport: css`\n    --lobe-tooltip-viewport-inline-padding: 8px;\n\n    position: relative;\n\n    overflow: clip;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n\n    max-width: var(--available-width);\n    padding-block: 4px;\n    padding-inline: var(--lobe-tooltip-viewport-inline-padding);\n\n    word-break: break-word;\n    white-space: normal;\n\n    [data-previous],\n    [data-current] {\n      transform: translateX(0);\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      opacity: 1;\n\n      transition:\n        transform var(--lobe-tooltip-animation-duration) var(--lobe-tooltip-animation-ease-out),\n        opacity calc(var(--lobe-tooltip-animation-duration) / 2)\n          var(--lobe-tooltip-animation-ease-out);\n    }\n\n    [data-previous] {\n      position: absolute;\n      inset-block-start: 4px;\n      inset-inline-start: var(--lobe-tooltip-viewport-inline-padding);\n    }\n\n    &[data-activation-direction~='right'] [data-previous][data-ending-style] {\n      transform: translateX(-50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='right'] [data-current][data-starting-style] {\n      transform: translateX(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='left'] [data-previous][data-ending-style] {\n      transform: translateX(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='left'] [data-current][data-starting-style] {\n      transform: translateX(-50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='down'] [data-previous][data-ending-style] {\n      transform: translateY(-50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='down'] [data-current][data-starting-style] {\n      transform: translateY(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='up'] [data-previous][data-ending-style] {\n      transform: translateY(50%);\n      opacity: 0;\n    }\n\n    &[data-activation-direction~='up'] [data-current][data-starting-style] {\n      transform: translateY(-50%);\n      opacity: 0;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;;;;;;;;;;;;;;;;cAkBE,OAAO,gBAAgB;;;;gBAIrB,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;CAuB1C,OAAO,GAAG;;;;;;;wBAOY,OAAO,UAAU;qBACpB,OAAO,eAAe;;iBAE1B,OAAO,WAAW;;aAEtB,OAAO,eAAe;;kBAEjB,OAAO,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvC,YAAY,GAAG;;;;;;yCAMwB,OAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D5D,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Ed,EAAE"}

package/es/Tooltip/type.d.mts

@@ -1,5 +1,4 @@
 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";

package/es/Tooltip/useMergedTooltipProps.mjs

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { TooltipGroupPropsContext } from "./groupContext.mjs";
 import { useContext, useMemo } from "react";
-
 //#region src/Tooltip/useMergedTooltipProps.ts
 const useMergedTooltipProps = (props) => {
 	const sharedProps = useContext(TooltipGroupPropsContext);
@@ -106,7 +104,7 @@ const useMergedTooltipProps = (props) => {
 		zIndex
 	]);
 };
-
 //#endregion
 export { useMergedTooltipProps };
+
 //# sourceMappingURL=useMergedTooltipProps.mjs.map