@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/ToggleGroup/style.d.mts

@@ -0,0 +1,63 @@
+import * as stylex from "@stylexjs/stylex";
+//#region src/ToggleGroup/style.d.ts
+export declare const styles: Readonly<{
+  readonly item: Readonly<{
+    readonly font: stylex.StyleXClassNameFor<"font", "inherit">;
+    readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "currentcolor">;
+    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
+    readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+    readonly gap: stylex.StyleXClassNameFor<"gap", 4>;
+    readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    readonly transition: stylex.StyleXClassNameFor<"transition", `background 120ms ${string}, color 120ms ${string}`>;
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    readonly color: stylex.StyleXClassNameFor<"color", string>;
+    readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer" | "not-allowed">;
+    readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    readonly fontSize: stylex.StyleXClassNameFor<"fontSize", 12>;
+    readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+    readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+    readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+  }>;
+  readonly itemIcon: Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+    readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+  }>;
+  readonly itemLabel: Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+  }>;
+  readonly itemMiddle: Readonly<{
+    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 8>;
+    readonly height: stylex.StyleXClassNameFor<"height", 28>;
+  }>;
+  readonly itemOutlined: Readonly<{
+    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", 0>;
+    readonly borderInlineStartColor: stylex.StyleXClassNameFor<"borderInlineStartColor", string | null>;
+    readonly borderInlineStartStyle: stylex.StyleXClassNameFor<"borderInlineStartStyle", "solid" | null>;
+    readonly borderInlineStartWidth: stylex.StyleXClassNameFor<"borderInlineStartWidth", 1 | null>;
+  }>;
+  readonly itemSmall: Readonly<{
+    readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 6>;
+    readonly height: stylex.StyleXClassNameFor<"height", 24>;
+  }>;
+  readonly root: Readonly<{
+    readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+    readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+  }>;
+  readonly rootBorderless: Readonly<{
+    readonly gap: stylex.StyleXClassNameFor<"gap", 2>;
+  }>;
+  readonly rootOutlined: Readonly<{
+    readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+    readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 1>;
+    readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+  }>;
+}>;
+//#endregion
+//# sourceMappingURL=style.d.mts.map

package/es/ToggleGroup/style.mjs

@@ -0,0 +1,73 @@
+//#region src/ToggleGroup/style.ts
+const styles = {
+	item: {
+		kVVagm: "lbln7xf2",
+		kVAM5u: "lb181nr7w",
+		kaIpWk: "lb1sbi92r",
+		ksu8eU: "lbng3xce",
+		kMzoRj: "lbc342km",
+		kOIVth: "lb1jnr06f",
+		kI3sdo: "lb1a2a7pz",
+		kmkexE: "lb1whbijk",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbjbqb8w lb1rjvrxj lb1d0xo12 lb1rbaw9i lb1hhsbb9",
+		kMwMTN: "lb53gy9q lb530zvf lb2poks1 lb1uh4nfb",
+		kkrTdU: "lb1ypdohk lb5ezrf1",
+		k1xSpc: "lb3nfvp2",
+		kmuXW: "lb2lah0s",
+		kGuDYH: "lbfifm61",
+		kjj79g: "lbl56j7k",
+		kfSwDN: "lb87ps6o",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	itemIcon: {
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		kmuXW: "lb2lah0s",
+		$$css: true
+	},
+	itemLabel: {
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		$$css: true
+	},
+	itemMiddle: {
+		kg3NbH: "lbdqyycr",
+		kZKoxP: "lb1fgtraw",
+		$$css: true
+	},
+	itemOutlined: {
+		kaIpWk: "lb2u8bby",
+		kGJrpR: "lbiccb69",
+		kVhnKS: "lb1kd9vjs",
+		k2ei4v: "lb1wutzi2",
+		$$css: true
+	},
+	itemSmall: {
+		kg3NbH: "lb1xijbu4",
+		kZKoxP: "lbxk0z11",
+		$$css: true
+	},
+	root: {
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb3nfvp2",
+		$$css: true
+	},
+	rootBorderless: {
+		kOIVth: "lb195vfkc",
+		$$css: true
+	},
+	rootOutlined: {
+		kVAM5u: "lb10cypdb",
+		kaIpWk: "lb1sbi92r",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kVQacm: "lbb3r6kr",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/ToggleGroup/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ToggleGroup/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { toggleGroupItemMarker } from './marker.stylex';\n\nexport const styles = stylex.create({\n  item: {\n    font: 'inherit',\n    borderColor: 'currentcolor',\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'none',\n    borderWidth: 0,\n    gap: 4,\n    outline: 'none',\n    transition: `background 120ms ${cssVar.motionEaseOut}, color 120ms ${cssVar.motionEaseOut}`,\n    alignItems: 'center',\n    backgroundColor: {\n      'default': 'transparent',\n      ':hover:not([data-disabled]):not([data-pressed])': cssVar.colorFillSecondary,\n      ':is([data-pressed]):hover:not([data-disabled])': cssVar.colorFill,\n      ':is([data-pressed]):is([data-disabled])': cssVar.colorFillSecondary,\n      ':is([data-pressed]):not(:hover)': cssVar.colorFillSecondary,\n    },\n    color: {\n      'default': cssVar.colorTextTertiary,\n      ':hover:not([data-disabled])': cssVar.colorTextSecondary,\n      ':is([data-disabled])': cssVar.colorTextDisabled,\n      ':is([data-pressed]):not(:hover):not([data-disabled])': cssVar.colorText,\n    },\n    cursor: { 'default': 'pointer', ':is([data-disabled])': 'not-allowed' },\n    display: 'inline-flex',\n    flexShrink: 0,\n    fontSize: 12,\n    justifyContent: 'center',\n    userSelect: 'none',\n    whiteSpace: 'nowrap',\n  },\n  itemIcon: {\n    alignItems: 'center',\n    display: 'inline-flex',\n    flexShrink: 0,\n  },\n  itemLabel: {\n    alignItems: 'center',\n    display: 'inline-flex',\n  },\n  itemMiddle: {\n    paddingInline: 8,\n    height: 28,\n  },\n  itemOutlined: {\n    borderRadius: 0,\n    borderInlineStartColor: {\n      default: null,\n      [stylex.when.siblingBefore(':is(*)', toggleGroupItemMarker)]: cssVar.colorBorderSecondary,\n    },\n    borderInlineStartStyle: {\n      default: null,\n      [stylex.when.siblingBefore(':is(*)', toggleGroupItemMarker)]: 'solid',\n    },\n    borderInlineStartWidth: {\n      default: null,\n      [stylex.when.siblingBefore(':is(*)', toggleGroupItemMarker)]: 1,\n    },\n  },\n  itemSmall: {\n    paddingInline: 6,\n    height: 24,\n  },\n  root: {\n    alignItems: 'center',\n    display: 'inline-flex',\n  },\n  rootBorderless: {\n    gap: 2,\n  },\n  rootOutlined: {\n    borderColor: cssVar.colorBorderSecondary,\n    borderRadius: cssVar.borderRadius,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    overflow: 'hidden',\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/ToggleGroup/type.d.mts

@@ -0,0 +1,40 @@
+import { CSSProperties, ReactNode, Ref } from "react";
+//#region src/ToggleGroup/type.d.ts
+export type ToggleGroupSize = 'middle' | 'small';
+export type ToggleGroupVariant = 'borderless' | 'outlined';
+export interface ToggleGroupClassNames {
+  item?: string;
+  itemIcon?: string;
+  itemLabel?: string;
+  root?: string;
+}
+export interface ToggleGroupStyles {
+  item?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemLabel?: CSSProperties;
+  root?: CSSProperties;
+}
+export interface ToggleGroupOption<Value extends string = string> {
+  className?: string;
+  disabled?: boolean;
+  icon?: ReactNode;
+  label?: ReactNode;
+  title?: string;
+  value: Value;
+}
+export interface ToggleGroupProps<Value extends string = string> {
+  className?: string;
+  classNames?: ToggleGroupClassNames;
+  defaultValue?: Value;
+  disabled?: boolean;
+  onChange?: (value: Value) => void;
+  options?: (ToggleGroupOption<Value> | Value)[];
+  ref?: Ref<HTMLDivElement>;
+  size?: ToggleGroupSize;
+  style?: CSSProperties;
+  styles?: ToggleGroupStyles;
+  value?: Value;
+  variant?: ToggleGroupVariant;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/Tooltip/ArrowIcon.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { styles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+//#region src/Tooltip/ArrowIcon.tsx
+const TooltipArrowIcon = /* @__PURE__ */ jsxs("svg", {
+	"aria-hidden": "true",
+	height: "6",
+	viewBox: "0 0 12 6",
+	width: "12",
+	...stylex.props(styles.arrowSvg),
+	children: [/* @__PURE__ */ jsx("path", {
+		d: "M0 6L6 0L12 6Z",
+		"data-role": "fill"
+	}), /* @__PURE__ */ jsx("path", {
+		d: "M0 6L6 0L12 6",
+		"data-role": "stroke",
+		...stylex.props(styles.arrowStroke)
+	})]
+});
+//#endregion
+export { TooltipArrowIcon };
+
+//# sourceMappingURL=ArrowIcon.mjs.map

package/es/Tooltip/ArrowIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowIcon.mjs","names":[],"sources":["../../src/Tooltip/ArrowIcon.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { styles } from './style';\n\nexport const TooltipArrowIcon = (\n  <svg\n    aria-hidden=\"true\"\n    height=\"6\"\n    viewBox=\"0 0 12 6\"\n    width=\"12\"\n    {...stylex.props(styles.arrowSvg)}\n  >\n    <path d=\"M0 6L6 0L12 6Z\" data-role=\"fill\" />\n    <path d=\"M0 6L6 0L12 6\" data-role=\"stroke\" {...stylex.props(styles.arrowStroke)} />\n  </svg>\n);\n"],"mappings":";;;;;AAIA,MAAa,mBAAmB,qBAAC,OAAD;CAAK,eAAY;CAAO,QAAO;CAAI,SAAQ;CAAW,OAAM;CAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;CAAjG,UAAA,CAC5B,oBAAC,QAAD;EAAM,GAAE;EAAiB,aAAU;CAAQ,CAAA,GAC3C,oBAAC,QAAD;EAAM,GAAE;EAAgB,aAAU;EAAS,GAAI,OAAO,MAAM,OAAO,WAAW;CAAI,CAAA,CAC/E"}

package/es/Tooltip/Tooltip.d.mts

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

package/es/Tooltip/Tooltip.mjs

@@ -0,0 +1,15 @@
+"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 });
+};
+//#endregion
+export { Tooltip, Tooltip as default };
+
+//# sourceMappingURL=Tooltip.mjs.map

package/es/Tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"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,yBAAyB;CAQ3C,OALE,QAAQ,KAAK,KACb,MAAM,SAAS,KAAA,KACf,MAAM,gBAAgB,KAAA,KACtB,CAAC,MAAM,aAEY,oBAAC,gBAAD,EAAgB,GAAI,MAAQ,CAAA,IAAI,oBAAC,mBAAD,EAAmB,GAAI,MAAQ,CAAA;AACtF"}

package/es/Tooltip/TooltipContent.mjs

@@ -0,0 +1,20 @@
+"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, {
+		keys: hotkey,
+		...resolvedHotkeyProps
+	}) : null] });
+});
+TooltipContent.displayName = "TooltipContent";
+//#endregion
+export { TooltipContent as default };
+
+//# sourceMappingURL=TooltipContent.mjs.map

package/es/Tooltip/TooltipContent.mjs.map

@@ -0,0 +1 @@
+{"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;CACL,IACA,CAAC,WAAW,CACd;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,OACA,SAAS,oBAAC,QAAD;EAAQ,MAAM;EAAQ,GAAI;CAAsB,CAAA,IAAI,IAC9D,EAAA,CAAA;AAEN,CAAC;AAED,eAAe,cAAc"}

package/es/Tooltip/TooltipGroup.d.mts

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

package/es/Tooltip/TooltipGroup.mjs

@@ -0,0 +1,109 @@
+"use client";
+import { useAppElement } from "../ConfigProvider/AppElementContext.mjs";
+import { styleProps } from "../styles/stylex/props.mjs";
+import { TooltipGroupHandleContext, TooltipGroupPropsContext } from "./groupContext.mjs";
+import { useFloatingLayer } from "../hooks/useFloatingLayer.mjs";
+import { getFloatingCollisionPadding } from "../internal/floating/collisionPadding.mjs";
+import { placementMap } from "../utils/placement.mjs";
+import { styles } from "./style.mjs";
+import { TooltipArrowIcon } from "./ArrowIcon.mjs";
+import TooltipContent from "./TooltipContent.mjs";
+import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin, usePopupHandleStore } from "../utils/destroyOnInvalidActiveTriggerElement.mjs";
+import { useRepopOnFarTriggerSwitch } from "../utils/useRepopOnFarTriggerSwitch.mjs";
+import { useCallback, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/Tooltip/TooltipGroup.tsx
+const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, layoutAnimation = true, popupContainer, ...sharedProps }) => {
+	const [{ handle, key }, setHandleState] = useState(() => ({
+		handle: Tooltip.createHandle(),
+		key: 0
+	}));
+	const activeItemRef = useRef(null);
+	const destroy = useCallback(() => {
+		activeItemRef.current = null;
+		setHandleState(({ key }) => ({
+			handle: Tooltip.createHandle(),
+			key: key + 1
+		}));
+	}, []);
+	const handleOpenChange = useCallback((open) => {
+		activeItemRef.current?.onOpenChange?.(open);
+	}, []);
+	const appElement = useAppElement();
+	const portalContainer = useFloatingLayer() ?? appElement;
+	const store = usePopupHandleStore(handle);
+	useDestroyOnInvalidActiveTriggerElement(store, destroy, { enabled: !disableDestroyOnInvalidTrigger });
+	useHidePopupWhenPositionerAtOrigin(store, { enabled: !disableZeroOriginGuard });
+	const repop = useRepopOnFarTriggerSwitch(store, { enabled: layoutAnimation });
+	return /* @__PURE__ */ jsx(TooltipGroupHandleContext, {
+		value: handle,
+		children: /* @__PURE__ */ jsxs(TooltipGroupPropsContext, {
+			value: sharedProps,
+			children: [children, /* @__PURE__ */ jsx(Tooltip.Root, {
+				handle,
+				onOpenChange: handleOpenChange,
+				children: ({ payload }) => {
+					const item = payload ?? null;
+					activeItemRef.current = item;
+					if (!item || item.title == null && !item.hotkey) return null;
+					const arrow = item.arrow ?? false;
+					const placement = item.placement ?? "top";
+					const placementConfig = placementMap[placement] ?? placementMap.top;
+					const baseSideOffset = arrow ? 8 : 6;
+					const customStyles = typeof item.styles === "function" ? void 0 : item.styles;
+					const slots = {
+						arrow: styleProps(styles.arrow, item.classNames?.arrow, customStyles?.arrow),
+						popup: styleProps(styles.popup, clsx(item.className, item.classNames?.root, item.classNames?.container), {
+							...customStyles?.root,
+							...customStyles?.container
+						}),
+						positioner: styleProps(styles.positioner, void 0, { zIndex: item.zIndex ?? 114514 }),
+						viewport: styleProps(styles.viewport, clsx("lobe-tooltip-viewport", item.classNames?.content), customStyles?.content)
+					};
+					const body = /* @__PURE__ */ jsx(Tooltip.Viewport, {
+						"data-repop": repop || void 0,
+						...slots.viewport,
+						children: /* @__PURE__ */ jsx(TooltipContent, {
+							hotkey: item.hotkey,
+							hotkeyProps: item.hotkeyProps,
+							title: item.title
+						})
+					});
+					const popup = /* @__PURE__ */ jsx(Tooltip.Positioner, {
+						align: placementConfig.align,
+						"data-layout-animation": layoutAnimation || void 0,
+						"data-placement": placement,
+						"data-repop": repop || void 0,
+						side: placementConfig.side,
+						sideOffset: baseSideOffset,
+						...slots.positioner,
+						...item.positionerProps,
+						collisionPadding: item.positionerProps?.collisionPadding ?? getFloatingCollisionPadding(),
+						children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+							"data-layout-animation": layoutAnimation || void 0,
+							"data-repop": repop || void 0,
+							...slots.popup,
+							...item.popupProps,
+							children: [arrow && /* @__PURE__ */ jsx(Tooltip.Arrow, {
+								...slots.arrow,
+								children: TooltipArrowIcon
+							}), body]
+						})
+					});
+					const resolvedPortalContainer = item.popupContainer ?? popupContainer ?? portalContainer;
+					return resolvedPortalContainer ? /* @__PURE__ */ jsx(Tooltip.Portal, {
+						container: resolvedPortalContainer,
+						children: popup
+					}) : null;
+				}
+			}, key)]
+		})
+	});
+};
+TooltipGroup.displayName = "TooltipGroup";
+//#endregion
+export { TooltipGroup as default };
+
+//# sourceMappingURL=TooltipGroup.mjs.map

package/es/Tooltip/TooltipGroup.mjs.map

@@ -0,0 +1 @@
+{"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 clsx from 'clsx';\nimport { type FC, useCallback, useRef, useState } from 'react';\n\nimport { useAppElement } from '@/ConfigProvider/AppElementContext';\nimport { useFloatingLayer } from '@/hooks/useFloatingLayer';\nimport { getFloatingCollisionPadding } from '@/internal/floating';\nimport { styleProps } from '@/styles/stylex/props';\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n  usePopupHandleStore,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { placementMap } from '@/utils/placement';\nimport { useRepopOnFarTriggerSwitch } from '@/utils/useRepopOnFarTriggerSwitch';\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 = true,\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  const store = usePopupHandleStore(handle);\n  useDestroyOnInvalidActiveTriggerElement(store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(store, { enabled: !disableZeroOriginGuard });\n  const repop = useRepopOnFarTriggerSwitch(store, { enabled: layoutAnimation });\n\n  return (\n    <TooltipGroupHandleContext value={handle}>\n      <TooltipGroupPropsContext value={sharedProps}>\n        {/* Outside Root on purpose: the handle/key reset remounts Root's subtree; children must\n            survive it. Triggers bind to the group via the handle, not DOM nesting. */}\n        {children}\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)) {\n              return null;\n            }\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 customStyles = typeof item.styles === 'function' ? undefined : item.styles;\n            const slots = {\n              arrow: styleProps(styles.arrow, item.classNames?.arrow, customStyles?.arrow),\n              popup: styleProps(\n                styles.popup,\n                clsx(item.className, item.classNames?.root, item.classNames?.container),\n                { ...customStyles?.root, ...customStyles?.container },\n              ),\n              positioner: styleProps(styles.positioner, undefined, {\n                zIndex: item.zIndex ?? 114_514,\n              }),\n              viewport: styleProps(\n                styles.viewport,\n                clsx('lobe-tooltip-viewport', item.classNames?.content),\n                customStyles?.content,\n              ),\n            };\n\n            const body = (\n              <BaseTooltip.Viewport data-repop={repop || undefined} {...slots.viewport}>\n                <TooltipContent\n                  hotkey={item.hotkey}\n                  hotkeyProps={item.hotkeyProps}\n                  title={item.title}\n                />\n              </BaseTooltip.Viewport>\n            );\n\n            const popup = (\n              <BaseTooltip.Positioner\n                align={placementConfig.align}\n                data-layout-animation={layoutAnimation || undefined}\n                data-placement={placement}\n                data-repop={repop || undefined}\n                side={placementConfig.side}\n                sideOffset={baseSideOffset}\n                {...slots.positioner}\n                {...item.positionerProps}\n                collisionPadding={\n                  item.positionerProps?.collisionPadding ?? getFloatingCollisionPadding()\n                }\n              >\n                <BaseTooltip.Popup\n                  data-layout-animation={layoutAnimation || undefined}\n                  data-repop={repop || undefined}\n                  {...slots.popup}\n                  {...item.popupProps}\n                >\n                  {arrow && (\n                    <BaseTooltip.Arrow {...slots.arrow}>{TooltipArrowIcon}</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

@@ -0,0 +1,128 @@
+"use client";
+import { TooltipGroupHandleContext } from "./groupContext.mjs";
+import { useNativeButton } from "../hooks/useNativeButton.mjs";
+import { useMergedTooltipProps } from "./useMergedTooltipProps.mjs";
+import { cloneElement, isValidElement, use, useCallback, useMemo } from "react";
+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;
+const TooltipInGroup = ({ children, ref: refProp, arrow, className, classNames, closeDelay, defaultOpen, disabled: disabledProp, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, open, openDelay, placement, popupContainer, popupProps, portalProps, positionerProps, standalone: _standalone, styles, title, triggerProps: triggerPropsProp, zIndex, ...restProps }) => {
+	const tooltipProps = useMemo(() => ({
+		arrow,
+		className,
+		classNames,
+		closeDelay,
+		defaultOpen,
+		disabled: disabledProp,
+		getPopupContainer,
+		hotkey,
+		hotkeyProps,
+		mouseEnterDelay,
+		mouseLeaveDelay,
+		onOpenChange,
+		open,
+		openDelay,
+		placement,
+		popupContainer,
+		popupProps,
+		portalProps,
+		positionerProps,
+		styles,
+		title,
+		triggerProps: triggerPropsProp,
+		zIndex
+	}), [
+		arrow,
+		className,
+		classNames,
+		closeDelay,
+		defaultOpen,
+		disabledProp,
+		getPopupContainer,
+		hotkey,
+		hotkeyProps,
+		mouseEnterDelay,
+		mouseLeaveDelay,
+		onOpenChange,
+		open,
+		openDelay,
+		placement,
+		popupContainer,
+		popupProps,
+		portalProps,
+		positionerProps,
+		styles,
+		title,
+		triggerPropsProp,
+		zIndex
+	]);
+	const group = use(TooltipGroupHandleContext);
+	const item = useMergedTooltipProps(tooltipProps);
+	const resolvedOpenDelay = useMemo(() => {
+		if (item.openDelay !== void 0) return item.openDelay;
+		if (item.mouseEnterDelay !== void 0) return item.mouseEnterDelay * 1e3;
+		return DEFAULT_OPEN_DELAY;
+	}, [item.mouseEnterDelay, item.openDelay]);
+	const resolvedCloseDelay = useMemo(() => {
+		if (item.closeDelay !== void 0) return item.closeDelay;
+		if (item.mouseLeaveDelay !== void 0) return item.mouseLeaveDelay * 1e3;
+		return DEFAULT_CLOSE_DELAY;
+	}, [item.closeDelay, item.mouseLeaveDelay]);
+	const disabled = Boolean(item.disabled);
+	const { isNativeButtonTriggerElement } = useNativeButton({ children });
+	const childElement = isValidElement(children) ? children : null;
+	const popupTriggerId = childElement && childElement.props["aria-haspopup"] !== void 0 && childElement.props.id !== void 0 ? childElement.props.id : void 0;
+	const renderTrigger = useCallback((renderProps) => {
+		const resolvedProps = (() => {
+			if (isNativeButtonTriggerElement) return renderProps;
+			const { type, ref: triggerRef, ...triggerRest } = renderProps;
+			return triggerRest;
+		})();
+		const childProps = childElement.props;
+		const mergedProps = mergeProps(restProps, childProps, resolvedProps);
+		const shouldPreservePopupTriggerId = childProps["aria-haspopup"] !== void 0 && childProps.id !== void 0;
+		return cloneElement(childElement, {
+			...mergedProps,
+			id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,
+			ref: mergeRefs([
+				childElement.ref,
+				renderProps.ref,
+				refProp
+			])
+		});
+	}, [
+		childElement,
+		isNativeButtonTriggerElement,
+		refProp,
+		restProps
+	]);
+	if (item.title == null && !item.hotkey) return children;
+	const triggerProps = {
+		closeDelay: resolvedCloseDelay,
+		delay: resolvedOpenDelay,
+		disabled,
+		...item.triggerProps,
+		id: popupTriggerId ?? item.triggerProps?.id,
+		payload: item
+	};
+	if (childElement) return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		render: renderTrigger
+	});
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		ref: refProp,
+		children
+	});
+};
+TooltipInGroup.displayName = "TooltipInGroup";
+//#endregion
+export { TooltipInGroup };
+
+//# sourceMappingURL=TooltipInGroup.mjs.map

package/es/Tooltip/TooltipInGroup.mjs.map

@@ -0,0 +1 @@
+{"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  const popupTriggerId =\n    childElement &&\n    (childElement as any).props['aria-haspopup'] !== undefined &&\n    (childElement as any).props.id !== undefined\n      ? (childElement as any).props.id\n      : undefined;\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 childProps = (childElement as any).props;\n      const mergedProps = mergeProps(restProps, childProps, resolvedProps);\n      const shouldPreservePopupTriggerId =\n        childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\n\n      return cloneElement(childElement as any, {\n        ...mergedProps,\n        id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\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    ...item.triggerProps,\n    id: popupTriggerId ?? item.triggerProps?.id,\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;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,IAAI,yBAAyB;CAC3C,MAAM,OAAO,sBAAsB,YAAY;CAE/C,MAAM,oBAAoB,cAAc;EACtC,IAAI,KAAK,cAAc,KAAA,GAAW,OAAO,KAAK;EAC9C,IAAI,KAAK,oBAAoB,KAAA,GAAW,OAAO,KAAK,kBAAkB;EACtE,OAAO;CACT,GAAG,CAAC,KAAK,iBAAiB,KAAK,SAAS,CAAC;CAEzC,MAAM,qBAAqB,cAAc;EACvC,IAAI,KAAK,eAAe,KAAA,GAAW,OAAO,KAAK;EAC/C,IAAI,KAAK,oBAAoB,KAAA,GAAW,OAAO,KAAK,kBAAkB;EACtE,OAAO;CACT,GAAG,CAAC,KAAK,YAAY,KAAK,eAAe,CAAC;CAE1C,MAAM,WAAW,QAAQ,KAAK,QAAQ;CAEtC,MAAM,EAAE,iCAAiC,gBAAgB,EACvD,SACF,CAAC;CAED,MAAM,eAAe,eAAe,QAAQ,IAAI,WAAW;CAC3D,MAAM,iBACJ,gBACC,aAAqB,MAAM,qBAAqB,KAAA,KAChD,aAAqB,MAAM,OAAO,KAAA,IAC9B,aAAqB,MAAM,KAC5B,KAAA;CAEN,MAAM,gBAAgB,aACnB,gBAAyB;EAGxB,MAAM,uBAAuB;GAC3B,IAAI,8BAA8B,OAAO;GAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,gBAAgB;GAClD,OAAO;EACT,EAAA,CAAG;EAEH,MAAM,aAAc,aAAqB;EACzC,MAAM,cAAc,WAAW,WAAW,YAAY,aAAa;EACnE,MAAM,+BACJ,WAAW,qBAAqB,KAAA,KAAa,WAAW,OAAO,KAAA;EAEjE,OAAO,aAAa,cAAqB;GACvC,GAAG;GACH,IAAI,+BAA+B,WAAW,KAAK,YAAY;GAC/D,KAAK,UAAU;IAAE,aAAqB;IAAM,YAAoB;IAAK;GAAO,CAAC;EAC/E,CAAC;CACH,GACA;EAAC;EAAc;EAA8B;EAAS;CAAS,CACjE;CAIA,IAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,QAC9B,OAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,GAAG,KAAK;EACR,IAAI,kBAAkB,KAAK,cAAc;EACzC,SAAS;CACX;CAEA,IAAI,cACF,OACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,QAAQ;CAAgB,CAAA;CAI/F,OACE,oBAACA,QAAY,SAAb;EAAqB,QAAQ,SAAS,KAAA;EAAW,GAAI;EAAc,KAAK;EACrE;CACkB,CAAA;AAEzB;AAEA,eAAe,cAAc"}