@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/ToggleGroup/atoms.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { itemVariants, rootVariants, styles } from "./style.mjs";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/base-ui/ToggleGroup/atoms.tsx
+const ToggleGroupRoot = ({ className, variant = "outlined", ...rest }) => {
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		className: cx(rootVariants({ variant }), className),
+		...rest
+	});
+};
+ToggleGroupRoot.displayName = "ToggleGroupRoot";
+const ToggleGroupItem = ({ className, size = "middle", variant = "outlined", ...rest }) => {
+	return /* @__PURE__ */ jsx(Toggle, {
+		className: cx(itemVariants({
+			size,
+			variant
+		}), className),
+		...rest
+	});
+};
+ToggleGroupItem.displayName = "ToggleGroupItem";
+const ToggleGroupItemIcon = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
+	className: cx(styles.itemIcon, className),
+	style,
+	children
+});
+ToggleGroupItemIcon.displayName = "ToggleGroupItemIcon";
+const ToggleGroupItemLabel = ({ children, className, style }) => /* @__PURE__ */ jsx("span", {
+	className: cx("toggle-group-item-label", styles.itemLabel, className),
+	style,
+	children
+});
+ToggleGroupItemLabel.displayName = "ToggleGroupItemLabel";
+//#endregion
+export { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupRoot, styles as toggleGroupStyles };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/ToggleGroup/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["BaseUIToggleGroup","BaseUIToggle"],"sources":["../../../src/base-ui/ToggleGroup/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Toggle as BaseUIToggle } from '@base-ui/react/toggle';\r\nimport { ToggleGroup as BaseUIToggleGroup } from '@base-ui/react/toggle-group';\r\nimport { cx } from 'antd-style';\r\nimport { type ComponentProps, type CSSProperties, type FC, type ReactNode } from 'react';\r\n\r\nimport { itemVariants, rootVariants, styles } from './style';\r\nimport type { ToggleGroupSize, ToggleGroupVariant } from './type';\r\n\r\nexport type ToggleGroupRootProps<Value extends string = string> = Omit<\r\n  ComponentProps<typeof BaseUIToggleGroup<Value>>,\r\n  'className' | 'render'\r\n> & {\r\n  className?: string;\r\n  variant?: ToggleGroupVariant;\r\n};\r\n\r\nexport const ToggleGroupRoot = <Value extends string = string>({\r\n  className,\r\n  variant = 'outlined',\r\n  ...rest\r\n}: ToggleGroupRootProps<Value>) => {\r\n  return (\r\n    <BaseUIToggleGroup<Value> className={cx(rootVariants({ variant }), className)} {...rest} />\r\n  );\r\n};\r\n\r\nToggleGroupRoot.displayName = 'ToggleGroupRoot';\r\n\r\nexport type ToggleGroupItemProps<Value extends string = string> = Omit<\r\n  ComponentProps<typeof BaseUIToggle<Value>>,\r\n  'className' | 'render'\r\n> & {\r\n  className?: string;\r\n  size?: ToggleGroupSize;\r\n  variant?: ToggleGroupVariant;\r\n};\r\n\r\nexport const ToggleGroupItem = <Value extends string = string>({\r\n  className,\r\n  size = 'middle',\r\n  variant = 'outlined',\r\n  ...rest\r\n}: ToggleGroupItemProps<Value>) => {\r\n  return (\r\n    <BaseUIToggle<Value> className={cx(itemVariants({ size, variant }), className)} {...rest} />\r\n  );\r\n};\r\n\r\nToggleGroupItem.displayName = 'ToggleGroupItem';\r\n\r\ninterface SimpleSpanProps {\r\n  children?: ReactNode;\r\n  className?: string;\r\n  style?: CSSProperties;\r\n}\r\n\r\nexport const ToggleGroupItemIcon: FC<SimpleSpanProps> = ({ children, className, style }) => (\r\n  <span className={cx(styles.itemIcon, className)} style={style}>\r\n    {children}\r\n  </span>\r\n);\r\nToggleGroupItemIcon.displayName = 'ToggleGroupItemIcon';\r\n\r\nexport const ToggleGroupItemLabel: FC<SimpleSpanProps> = ({ children, className, style }) => (\r\n  <span className={cx('toggle-group-item-label', styles.itemLabel, className)} style={style}>\r\n    {children}\r\n  </span>\r\n);\r\nToggleGroupItemLabel.displayName = 'ToggleGroupItemLabel';\r\n\r\nexport { styles as toggleGroupStyles } from './style';\r\n"],"mappings":";;;;;;;AAkBA,MAAa,mBAAkD,EAC7D,WACA,UAAU,YACV,GAAG,WAC8B;CACjC,OACE,oBAACA,aAAD;EAA0B,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAO,CAAA;AAE9F;AAEA,gBAAgB,cAAc;AAW9B,MAAa,mBAAkD,EAC7D,WACA,OAAO,UACP,UAAU,YACV,GAAG,WAC8B;CACjC,OACE,oBAACC,QAAD;EAAqB,WAAW,GAAG,aAAa;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAO,CAAA;AAE/F;AAEA,gBAAgB,cAAc;AAQ9B,MAAa,uBAA4C,EAAE,UAAU,WAAW,YAC9E,oBAAC,QAAD;CAAM,WAAW,GAAG,OAAO,UAAU,SAAS;CAAU;CACrD;AACG,CAAA;AAER,oBAAoB,cAAc;AAElC,MAAa,wBAA6C,EAAE,UAAU,WAAW,YAC/E,oBAAC,QAAD;CAAM,WAAW,GAAG,2BAA2B,OAAO,WAAW,SAAS;CAAU;CACjF;AACG,CAAA;AAER,qBAAqB,cAAc"}

package/es/base-ui/ToggleGroup/index.d.mts

@@ -0,0 +1,5 @@
+import { ToggleGroupClassNames, ToggleGroupOption, ToggleGroupProps, ToggleGroupSize, ToggleGroupStyles, ToggleGroupVariant } from "./type.mjs";
+import { styles } from "./style.mjs";
+import { ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, ToggleGroupItemProps, ToggleGroupRoot, ToggleGroupRootProps } from "./atoms.mjs";
+import ToggleGroup from "./ToggleGroup.mjs";
+export { type ToggleGroupClassNames, ToggleGroupItem, ToggleGroupItemIcon, ToggleGroupItemLabel, type ToggleGroupItemProps, type ToggleGroupOption, type ToggleGroupProps, ToggleGroupRoot, type ToggleGroupRootProps, type ToggleGroupSize, type ToggleGroupStyles, type ToggleGroupVariant, ToggleGroup as default, styles as toggleGroupStyles };

package/es/base-ui/ToggleGroup/style.d.mts

@@ -0,0 +1,15 @@
+//#region src/base-ui/ToggleGroup/style.d.ts
+declare const styles: {
+  item: string;
+  itemIcon: string;
+  itemLabel: string;
+  itemMiddle: string;
+  itemSmall: string;
+  itemOutlined: string;
+  root: string;
+  rootBorderless: string;
+  rootOutlined: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=style.d.mts.map

package/es/base-ui/ToggleGroup/style.mjs

@@ -0,0 +1,115 @@
+import { focusRing } from "../focusRing.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/ToggleGroup/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	item: css`
+    cursor: pointer;
+    user-select: none;
+
+    display: inline-flex;
+    flex-shrink: 0;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+
+    border: 0;
+    border-radius: ${cssVar.borderRadius};
+
+    font: inherit;
+    font-size: 12px;
+    color: ${cssVar.colorTextTertiary};
+    white-space: nowrap;
+
+    background: transparent;
+    outline: none;
+
+    transition:
+      background 120ms ${cssVar.motionEaseOut},
+      color 120ms ${cssVar.motionEaseOut};
+
+    &:hover:not([data-disabled]) {
+      color: ${cssVar.colorTextSecondary};
+      background: ${cssVar.colorFillSecondary};
+    }
+
+    &[data-pressed] {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillSecondary};
+    }
+
+    &[data-pressed]:hover:not([data-disabled]) {
+      background: ${cssVar.colorFill};
+    }
+
+    ${focusRing};
+
+    &[data-disabled] {
+      cursor: not-allowed;
+      color: ${cssVar.colorTextDisabled};
+    }
+  `,
+	itemIcon: css`
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+  `,
+	itemLabel: css`
+    display: inline-flex;
+    align-items: center;
+  `,
+	itemMiddle: css`
+    height: 28px;
+    padding-inline: 8px;
+  `,
+	itemSmall: css`
+    height: 24px;
+    padding-inline: 6px;
+  `,
+	itemOutlined: css`
+    border-radius: 0;
+
+    & + & {
+      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};
+    }
+  `,
+	root: css`
+    display: inline-flex;
+    align-items: center;
+  `,
+	rootBorderless: css`
+    gap: 2px;
+  `,
+	rootOutlined: css`
+    overflow: hidden;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: ${cssVar.borderRadius};
+  `
+}));
+const rootVariants = cva(styles.root, {
+	defaultVariants: { variant: "outlined" },
+	variants: { variant: {
+		borderless: styles.rootBorderless,
+		outlined: styles.rootOutlined
+	} }
+});
+const itemVariants = cva(styles.item, {
+	defaultVariants: {
+		size: "middle",
+		variant: "outlined"
+	},
+	variants: {
+		size: {
+			middle: styles.itemMiddle,
+			small: styles.itemSmall
+		},
+		variant: {
+			borderless: null,
+			outlined: styles.itemOutlined
+		}
+	}
+});
+//#endregion
+export { itemVariants, rootVariants, styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/ToggleGroup/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/ToggleGroup/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { focusRing } from '@/base-ui/focusRing';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  item: css`\r\n    cursor: pointer;\r\n    user-select: none;\r\n\r\n    display: inline-flex;\r\n    flex-shrink: 0;\r\n    gap: 4px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 0;\r\n    border-radius: ${cssVar.borderRadius};\r\n\r\n    font: inherit;\r\n    font-size: 12px;\r\n    color: ${cssVar.colorTextTertiary};\r\n    white-space: nowrap;\r\n\r\n    background: transparent;\r\n    outline: none;\r\n\r\n    transition:\r\n      background 120ms ${cssVar.motionEaseOut},\r\n      color 120ms ${cssVar.motionEaseOut};\r\n\r\n    &:hover:not([data-disabled]) {\r\n      color: ${cssVar.colorTextSecondary};\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    &[data-pressed] {\r\n      color: ${cssVar.colorText};\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n\r\n    &[data-pressed]:hover:not([data-disabled]) {\r\n      background: ${cssVar.colorFill};\r\n    }\r\n\r\n    ${focusRing};\r\n\r\n    &[data-disabled] {\r\n      cursor: not-allowed;\r\n      color: ${cssVar.colorTextDisabled};\r\n    }\r\n  `,\r\n  itemIcon: css`\r\n    display: inline-flex;\r\n    flex-shrink: 0;\r\n    align-items: center;\r\n  `,\r\n  itemLabel: css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n  `,\r\n  itemMiddle: css`\r\n    height: 28px;\r\n    padding-inline: 8px;\r\n  `,\r\n  itemSmall: css`\r\n    height: 24px;\r\n    padding-inline: 6px;\r\n  `,\r\n  itemOutlined: css`\r\n    border-radius: 0;\r\n\r\n    & + & {\r\n      border-inline-start: 1px solid ${cssVar.colorBorderSecondary};\r\n    }\r\n  `,\r\n  root: css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n  `,\r\n  rootBorderless: css`\r\n    gap: 2px;\r\n  `,\r\n  rootOutlined: css`\r\n    overflow: hidden;\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    border-radius: ${cssVar.borderRadius};\r\n  `,\r\n}));\r\n\r\nexport const rootVariants = cva(styles.root, {\r\n  defaultVariants: { variant: 'outlined' },\r\n  variants: {\r\n    variant: {\r\n      borderless: styles.rootBorderless,\r\n      outlined: styles.rootOutlined,\r\n    },\r\n  },\r\n});\r\n\r\nexport const itemVariants = cva(styles.item, {\r\n  defaultVariants: { size: 'middle', variant: 'outlined' },\r\n  variants: {\r\n    size: {\r\n      middle: styles.itemMiddle,\r\n      small: styles.itemSmall,\r\n    },\r\n    variant: {\r\n      borderless: null,\r\n      outlined: styles.itemOutlined,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;;qBAWU,OAAO,aAAa;;;;aAI5B,OAAO,kBAAkB;;;;;;;yBAOb,OAAO,cAAc;oBAC1B,OAAO,cAAc;;;eAG1B,OAAO,mBAAmB;oBACrB,OAAO,mBAAmB;;;;eAI/B,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;;oBAI1B,OAAO,UAAU;;;MAG/B,UAAU;;;;eAID,OAAO,kBAAkB;;;CAGtC,UAAU,GAAG;;;;;CAKb,WAAW,GAAG;;;;CAId,YAAY,GAAG;;;;CAIf,WAAW,GAAG;;;;CAId,cAAc,GAAG;;;;uCAIoB,OAAO,qBAAqB;;;CAGjE,MAAM,GAAG;;;;CAIT,gBAAgB,GAAG;;;CAGnB,cAAc,GAAG;;wBAEK,OAAO,qBAAqB;qBAC/B,OAAO,aAAa;;AAEzC,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EAAE,SAAS,WAAW;CACvC,UAAU,EACR,SAAS;EACP,YAAY,OAAO;EACnB,UAAU,OAAO;CACnB,EACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EAAE,MAAM;EAAU,SAAS;CAAW;CACvD,UAAU;EACR,MAAM;GACJ,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;EACA,SAAS;GACP,YAAY;GACZ,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/base-ui/ToggleGroup/type.d.mts

@@ -0,0 +1,41 @@
+import { CSSProperties, ReactNode, Ref } from "react";
+//#region src/base-ui/ToggleGroup/type.d.ts
+type ToggleGroupSize = 'middle' | 'small';
+type ToggleGroupVariant = 'borderless' | 'outlined';
+interface ToggleGroupClassNames {
+  item?: string;
+  itemIcon?: string;
+  itemLabel?: string;
+  root?: string;
+}
+interface ToggleGroupStyles {
+  item?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemLabel?: CSSProperties;
+  root?: CSSProperties;
+}
+interface ToggleGroupOption<Value extends string = string> {
+  className?: string;
+  disabled?: boolean;
+  icon?: ReactNode;
+  label?: ReactNode;
+  title?: string;
+  value: Value;
+}
+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
+export { ToggleGroupClassNames, ToggleGroupOption, ToggleGroupProps, ToggleGroupSize, ToggleGroupStyles, ToggleGroupVariant };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Tooltip/ArrowIcon.mjs

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

package/es/base-ui/Tooltip/ArrowIcon.mjs.map

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

package/es/base-ui/Tooltip/Tooltip.d.mts

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

package/es/base-ui/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/base-ui/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/base-ui/Tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","names":[],"sources":["../../../src/base-ui/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type FC, use } from 'react';\r\n\r\nimport { TooltipGroupHandleContext } from './groupContext';\r\nimport { TooltipInGroup } from './TooltipInGroup';\r\nimport { TooltipStandalone } from './TooltipStandalone';\r\nimport { type TooltipProps } from './type';\r\n\r\nexport const Tooltip: FC<TooltipProps> = (props) => {\r\n  const group = use(TooltipGroupHandleContext);\r\n\r\n  const canUseGroup =\r\n    Boolean(group) &&\r\n    props.open === undefined &&\r\n    props.defaultOpen === undefined &&\r\n    !props.standalone;\r\n\r\n  return canUseGroup ? <TooltipInGroup {...props} /> : <TooltipStandalone {...props} />;\r\n};\r\n\r\nexport default Tooltip;\r\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/base-ui/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/base-ui/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/base-ui/Tooltip/TooltipContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.mjs","names":[],"sources":["../../../src/base-ui/Tooltip/TooltipContent.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo, type ReactNode, useMemo } from 'react';\r\n\r\nimport Hotkey, { type HotkeyProps } from '@/Hotkey';\r\n\r\ntype TooltipContentProps = {\r\n  hotkey?: string;\r\n  hotkeyProps?: Omit<HotkeyProps, 'keys'>;\r\n  title: ReactNode;\r\n};\r\n\r\nconst TooltipContent = memo<TooltipContentProps>(({ title, hotkey, hotkeyProps }) => {\r\n  const resolvedHotkeyProps = useMemo(\r\n    () => ({\r\n      compact: true,\r\n      ...hotkeyProps,\r\n    }),\r\n    [hotkeyProps],\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {title}\r\n      {hotkey ? <Hotkey keys={hotkey} {...resolvedHotkeyProps} /> : null}\r\n    </>\r\n  );\r\n});\r\n\r\nTooltipContent.displayName = 'TooltipContent';\r\n\r\nexport default TooltipContent;\r\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/base-ui/Tooltip/TooltipGroup.d.mts

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

package/es/base-ui/Tooltip/TooltipGroup.mjs

@@ -0,0 +1,121 @@
+"use client";
+import { TooltipGroupHandleContext, TooltipGroupPropsContext } from "./groupContext.mjs";
+import { getFloatingCollisionPadding } from "../floating/collisionPadding.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 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 { cx } from "antd-style";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/base-ui/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 resolvedClassNames = {
+						arrow: cx(styles.arrow, item.classNames?.arrow),
+						popup: cx(styles.popup, item.className, item.classNames?.root, item.classNames?.container),
+						positioner: styles.positioner,
+						viewport: cx(styles.viewport, item.classNames?.content)
+					};
+					const resolvedStyleProps = (() => {
+						if (typeof item.styles === "function") return void 0;
+						return item.styles;
+					})();
+					const resolvedStyles = {
+						arrow: resolvedStyleProps?.arrow,
+						popup: {
+							...resolvedStyleProps?.root,
+							...resolvedStyleProps?.container
+						},
+						positioner: { zIndex: item.zIndex ?? 114514 },
+						viewport: resolvedStyleProps?.content
+					};
+					const body = /* @__PURE__ */ jsx(Tooltip.Viewport, {
+						className: resolvedClassNames.viewport,
+						"data-repop": repop || void 0,
+						style: resolvedStyles.viewport,
+						children: /* @__PURE__ */ jsx(TooltipContent, {
+							hotkey: item.hotkey,
+							hotkeyProps: item.hotkeyProps,
+							title: item.title
+						})
+					});
+					const popup = /* @__PURE__ */ jsx(Tooltip.Positioner, {
+						align: placementConfig.align,
+						className: resolvedClassNames.positioner,
+						"data-layout-animation": layoutAnimation || void 0,
+						"data-placement": placement,
+						"data-repop": repop || void 0,
+						side: placementConfig.side,
+						sideOffset: baseSideOffset,
+						style: resolvedStyles.positioner,
+						...item.positionerProps,
+						collisionPadding: item.positionerProps?.collisionPadding ?? getFloatingCollisionPadding(),
+						children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+							className: resolvedClassNames.popup,
+							"data-layout-animation": layoutAnimation || void 0,
+							"data-repop": repop || void 0,
+							style: resolvedStyles.popup,
+							...item.popupProps,
+							children: [arrow && /* @__PURE__ */ jsx(Tooltip.Arrow, {
+								className: resolvedClassNames.arrow,
+								style: resolvedStyles.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/base-ui/Tooltip/TooltipGroup.mjs.map

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

package/es/base-ui/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/base-ui/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/base-ui/Tooltip/TooltipInGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipInGroup.mjs","names":["BaseTooltip"],"sources":["../../../src/base-ui/Tooltip/TooltipInGroup.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\r\nimport { cloneElement, type FC, isValidElement, use, useCallback, useMemo } from 'react';\r\nimport { mergeRefs } from 'react-merge-refs';\r\n\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\n\r\nimport { TooltipGroupHandleContext } from './groupContext';\r\nimport { type TooltipProps } from './type';\r\nimport { useMergedTooltipProps } from './useMergedTooltipProps';\r\n\r\nconst DEFAULT_OPEN_DELAY = 400;\r\nconst DEFAULT_CLOSE_DELAY = 100;\r\n\r\nexport const TooltipInGroup: FC<TooltipProps> = ({\r\n  children,\r\n  ref: refProp,\r\n  arrow,\r\n  className,\r\n  classNames,\r\n  closeDelay,\r\n  defaultOpen,\r\n  disabled: disabledProp,\r\n  getPopupContainer,\r\n  hotkey,\r\n  hotkeyProps,\r\n  mouseEnterDelay,\r\n  mouseLeaveDelay,\r\n  onOpenChange,\r\n  open,\r\n  openDelay,\r\n  placement,\r\n  popupContainer,\r\n  popupProps,\r\n  portalProps,\r\n  positionerProps,\r\n  standalone: _standalone,\r\n  styles,\r\n  title,\r\n  triggerProps: triggerPropsProp,\r\n  zIndex,\r\n  ...restProps\r\n}) => {\r\n  const tooltipProps = useMemo(\r\n    () => ({\r\n      arrow,\r\n      className,\r\n      classNames,\r\n      closeDelay,\r\n      defaultOpen,\r\n      disabled: disabledProp,\r\n      getPopupContainer,\r\n      hotkey,\r\n      hotkeyProps,\r\n      mouseEnterDelay,\r\n      mouseLeaveDelay,\r\n      onOpenChange,\r\n      open,\r\n      openDelay,\r\n      placement,\r\n      popupContainer,\r\n      popupProps,\r\n      portalProps,\r\n      positionerProps,\r\n      styles,\r\n      title,\r\n      triggerProps: triggerPropsProp,\r\n      zIndex,\r\n    }),\r\n    [\r\n      arrow,\r\n      className,\r\n      classNames,\r\n      closeDelay,\r\n      defaultOpen,\r\n      disabledProp,\r\n      getPopupContainer,\r\n      hotkey,\r\n      hotkeyProps,\r\n      mouseEnterDelay,\r\n      mouseLeaveDelay,\r\n      onOpenChange,\r\n      open,\r\n      openDelay,\r\n      placement,\r\n      popupContainer,\r\n      popupProps,\r\n      portalProps,\r\n      positionerProps,\r\n      styles,\r\n      title,\r\n      triggerPropsProp,\r\n      zIndex,\r\n    ],\r\n  );\r\n\r\n  const group = use(TooltipGroupHandleContext);\r\n  const item = useMergedTooltipProps(tooltipProps);\r\n\r\n  const resolvedOpenDelay = useMemo(() => {\r\n    if (item.openDelay !== undefined) return item.openDelay;\r\n    if (item.mouseEnterDelay !== undefined) return item.mouseEnterDelay * 1000;\r\n    return DEFAULT_OPEN_DELAY;\r\n  }, [item.mouseEnterDelay, item.openDelay]);\r\n\r\n  const resolvedCloseDelay = useMemo(() => {\r\n    if (item.closeDelay !== undefined) return item.closeDelay;\r\n    if (item.mouseLeaveDelay !== undefined) return item.mouseLeaveDelay * 1000;\r\n    return DEFAULT_CLOSE_DELAY;\r\n  }, [item.closeDelay, item.mouseLeaveDelay]);\r\n\r\n  const disabled = Boolean(item.disabled);\r\n\r\n  const { isNativeButtonTriggerElement } = useNativeButton({\r\n    children,\r\n  });\r\n\r\n  const childElement = isValidElement(children) ? children : null;\r\n  const popupTriggerId =\r\n    childElement &&\r\n    (childElement as any).props['aria-haspopup'] !== undefined &&\r\n    (childElement as any).props.id !== undefined\r\n      ? (childElement as any).props.id\r\n      : undefined;\r\n\r\n  const renderTrigger = useCallback(\r\n    (renderProps: unknown) => {\r\n      // Base UI's trigger props include `type=\"button\"` by default.\r\n      // If we render into a non-<button> element, that prop is invalid and can warn.\r\n      const resolvedProps = (() => {\r\n        if (isNativeButtonTriggerElement) return renderProps as any;\r\n        // eslint-disable-next-line unused-imports/no-unused-vars\r\n        const { type, ref: triggerRef, ...triggerRest } = renderProps as any;\r\n        return triggerRest;\r\n      })();\r\n\r\n      const childProps = (childElement as any).props;\r\n      const mergedProps = mergeProps(restProps, childProps, resolvedProps);\r\n      const shouldPreservePopupTriggerId =\r\n        childProps['aria-haspopup'] !== undefined && childProps.id !== undefined;\r\n\r\n      return cloneElement(childElement as any, {\r\n        ...mergedProps,\r\n        id: shouldPreservePopupTriggerId ? childProps.id : mergedProps.id,\r\n        ref: mergeRefs([(childElement as any).ref, (renderProps as any).ref, refProp]),\r\n      });\r\n    },\r\n    [childElement, isNativeButtonTriggerElement, refProp, restProps],\r\n  );\r\n\r\n  // Don't render trigger behavior if no content\r\n\r\n  if (item.title == null && !item.hotkey) {\r\n    return children as any;\r\n  }\r\n\r\n  const triggerProps = {\r\n    closeDelay: resolvedCloseDelay,\r\n    delay: resolvedOpenDelay,\r\n    disabled,\r\n    ...item.triggerProps,\r\n    id: popupTriggerId ?? item.triggerProps?.id,\r\n    payload: item,\r\n  };\r\n\r\n  if (childElement) {\r\n    return (\r\n      <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} render={renderTrigger} />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <BaseTooltip.Trigger handle={group ?? undefined} {...triggerProps} ref={refProp}>\r\n      {children}\r\n    </BaseTooltip.Trigger>\r\n  );\r\n};\r\n\r\nTooltipInGroup.displayName = 'TooltipInGroup';\r\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"}