@hubstr/kit 0.1.4 → 0.1.6

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

@@ -0,0 +1,149 @@
+import { IconProps } from "../../Icon/type.mjs";
+import { CSSProperties, ReactNode } from "react";
+import { Toast } from "@base-ui/react/toast";
+
+//#region src/base-ui/Toast/type.d.ts
+type ToastType = 'success' | 'info' | 'warning' | 'error' | 'loading' | 'default';
+type ToastPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+type ToastActionVariant = 'primary' | 'secondary' | 'text' | 'danger' | 'ghost';
+interface ToastAction {
+  /**
+   * Action button label
+   */
+  label: ReactNode;
+  /**
+   * Click handler
+   */
+  onClick?: () => void;
+  /**
+   * Additional props for the button
+   */
+  props?: Omit<React.ComponentPropsWithRef<'button'>, 'onClick'>;
+  /**
+   * Button variant
+   * @default 'primary'
+   */
+  variant?: ToastActionVariant;
+}
+interface ToastOptions {
+  /**
+   * Action button props
+   * @deprecated Use `actions` instead
+   */
+  actionProps?: React.ComponentPropsWithRef<'button'>;
+  /**
+   * Multiple action buttons
+   */
+  actions?: ToastAction[];
+  /**
+   * Additional class name
+   */
+  className?: string;
+  /**
+   * Whether the toast is closable
+   * @default true
+   */
+  closable?: boolean;
+  /**
+   * Custom data for the toast
+   */
+  data?: Record<string, unknown>;
+  /**
+   * Toast description
+   */
+  description?: ReactNode;
+  /**
+   * Custom duration in milliseconds
+   * @default 5000
+   */
+  duration?: number;
+  /**
+   * Hide the close button
+   * @default false
+   */
+  hideCloseButton?: boolean;
+  /**
+   * Custom icon
+   */
+  icon?: IconProps['icon'];
+  /**
+   * Callback when toast is closed
+   */
+  onClose?: () => void;
+  /**
+   * Callback when toast is removed
+   */
+  onRemove?: () => void;
+  /**
+   * Toast placement, overrides global ToastHost position
+   */
+  placement?: ToastPosition;
+  /**
+   * Additional styles
+   */
+  style?: CSSProperties;
+  /**
+   * Toast title
+   */
+  title?: ReactNode;
+  /**
+   * Toast type
+   * @default 'default'
+   */
+  type?: ToastType;
+}
+interface ToastInstance {
+  /**
+   * Close the toast
+   */
+  close: () => void;
+  /**
+   * The toast ID
+   */
+  id: string;
+  /**
+   * Update the toast
+   */
+  update: (options: Partial<ToastOptions>) => void;
+}
+interface ToastProps {
+  classNames?: {
+    action?: string;
+    actions?: string;
+    close?: string;
+    content?: string;
+    description?: string;
+    icon?: string;
+    root?: string;
+    title?: string;
+  };
+  styles?: {
+    action?: CSSProperties;
+    actions?: CSSProperties;
+    close?: CSSProperties;
+    content?: CSSProperties;
+    description?: CSSProperties;
+    icon?: CSSProperties;
+    root?: CSSProperties;
+    title?: CSSProperties;
+  };
+  toast: Toast.Root.ToastObject<ToastOptions>;
+}
+interface ToastPromiseOptions<T> {
+  error: ReactNode | ((error: Error) => ReactNode) | Omit<ToastOptions, 'type'>;
+  loading: ReactNode | Omit<ToastOptions, 'type'>;
+  success: ReactNode | ((data: T) => ReactNode) | Omit<ToastOptions, 'type'>;
+}
+interface ToastAPI {
+  (options: ToastOptions): ToastInstance;
+  dismiss: (id?: string) => void;
+  error: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  info: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  loading: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
+  success: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+  warning: (options: Omit<ToastOptions, 'type'> | string) => ToastInstance;
+}
+//#endregion
+export { ToastAPI, ToastAction, ToastActionVariant, ToastInstance, ToastOptions, ToastPosition, ToastPromiseOptions, ToastProps, ToastType };
+//# sourceMappingURL=type.d.mts.map

package/ui/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/ui/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;WAA5D,CACE,oBAAC,QAAD;EAAM,GAAE;EAAiB,aAAU;EAAS,CAAA,EAC5C,oBAAC,QAAD;EAAM,GAAE;EAAgB,aAAU;EAAW,CAAA,CACzC"}

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

@@ -0,0 +1,8 @@
+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 };
+//# sourceMappingURL=Tooltip.d.mts.map

package/ui/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 as default };
+
+//# sourceMappingURL=Tooltip.mjs.map

package/ui/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,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/ui/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/ui/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;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/ui/es/base-ui/Tooltip/TooltipGroup.d.mts

@@ -0,0 +1,8 @@
+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 };
+//# sourceMappingURL=TooltipGroup.d.mts.map

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

@@ -0,0 +1,113 @@
+"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 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/base-ui/Tooltip/TooltipGroup.tsx
+const TooltipGroup = ({ children, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, layoutAnimation = false, 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;
+	useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, { enabled: !disableDestroyOnInvalidTrigger });
+	useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });
+	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,
+						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,
+						side: placementConfig.side,
+						sideOffset: baseSideOffset,
+						style: resolvedStyles.positioner,
+						...item.positionerProps,
+						children: /* @__PURE__ */ jsxs(Tooltip.Popup, {
+							className: resolvedClassNames.popup,
+							"data-layout-animation": layoutAnimation || 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/ui/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 { useFloatingLayer } from '../../hooks/useFloatingLayer';\r\nimport { useAppElement } from '../../ThemeProvider';\r\nimport {\r\n  useDestroyOnInvalidActiveTriggerElement,\r\n  useHidePopupWhenPositionerAtOrigin,\r\n} from '../../utils/destroyOnInvalidActiveTriggerElement';\r\nimport { placementMap } from '../../utils/placement';\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 = false,\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  useDestroyOnInvalidActiveTriggerElement(handle.store, destroy, {\r\n    enabled: !disableDestroyOnInvalidTrigger,\r\n  });\r\n  useHidePopupWhenPositionerAtOrigin(handle.store, { enabled: !disableZeroOriginGuard });\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                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                side={placementConfig.side}\r\n                sideOffset={baseSideOffset}\r\n                style={resolvedStyles.positioner}\r\n                {...item.positionerProps}\r\n              >\r\n                <BaseTooltip.Popup\r\n                  className={resolvedClassNames.popup}\r\n                  data-layout-animation={layoutAnimation || 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":";;;;;;;;;;;;;;AAwBA,MAAM,gBAAuC,EAC3C,UACA,iCAAiC,OACjC,yBAAyB,OACzB,kBAAkB,OAClB,gBACA,GAAG,kBACC;CACJ,MAAM,CAAC,EAAE,QAAQ,OAAO,kBAAkB,gBAAgB;EACxD,QAAQA,QAAY,cAAgC;EACpD,KAAK;EACN,EAAE;CACH,MAAM,gBAAgB,OAAgC,KAAK;CAE3D,MAAM,UAAU,kBAAkB;AAChC,gBAAc,UAAU;AACxB,kBAAgB,EAAE,WAAW;GAC3B,QAAQA,QAAY,cAAgC;GACpD,KAAK,MAAM;GACZ,EAAE;IACF,EAAE,CAAC;CAEN,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;CAEN,MAAM,aAAa,eAAe;CAElC,MAAM,kBADyB,kBACe,IAAI;AAElD,yCAAwC,OAAO,OAAO,SAAS,EAC7D,SAAS,CAAC,gCACX,CAAC;AACF,oCAAmC,OAAO,OAAO,EAAE,SAAS,CAAC,wBAAwB,CAAC;AAEtF,QACE,oBAAC,2BAAD;EAA2B,OAAO;YAChC,qBAAC,0BAAD;GAA0B,OAAO;aAAjC,CAGG,UACD,oBAACA,QAAY,MAAb;IAA0B;IAAkB,cAAc;eACtD,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,QAAS,KAAK,SAAS,QAAQ,CAAC,KAAK,OACxC,QAAO;KAGT,MAAM,QAAQ,KAAK,SAAS;KAC5B,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,IAAI;KAEnC,MAAM,qBAAqB;MACzB,OAAO,GAAG,OAAO,OAAO,KAAK,YAAY,MAAM;MAC/C,OAAO,GACL,OAAO,OACP,KAAK,WACL,KAAK,YAAY,MACjB,KAAK,YAAY,UAClB;MACD,YAAY,OAAO;MACnB,UAAU,GAAG,OAAO,UAAU,KAAK,YAAY,QAAQ;MACxD;KAED,MAAM,4BAA4B;AAChC,UAAI,OAAO,KAAK,WAAW,WAAY,QAAO,KAAA;AAC9C,aAAO,KAAK;SACV;KAEJ,MAAM,iBAAiB;MACrB,OAAO,oBAAoB;MAC3B,OAAO;OACL,GAAG,oBAAoB;OACvB,GAAG,oBAAoB;OACxB;MACD,YAAY,EACV,QAAQ,KAAK,UAAU,QACxB;MACD,UAAU,oBAAoB;MAC/B;KAED,MAAM,OACJ,oBAACA,QAAY,UAAb;MACE,WAAW,mBAAmB;MAC9B,OAAO,eAAe;gBAEtB,oBAAC,gBAAD;OACE,QAAQ,KAAK;OACb,aAAa,KAAK;OAClB,OAAO,KAAK;OACZ,CAAA;MACmB,CAAA;KAGzB,MAAM,QACJ,oBAACA,QAAY,YAAb;MACE,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,yBAAuB,mBAAmB,KAAA;MAC1C,kBAAgB;MAChB,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;MACtB,GAAI,KAAK;gBAET,qBAACA,QAAY,OAAb;OACE,WAAW,mBAAmB;OAC9B,yBAAuB,mBAAmB,KAAA;OAC1C,OAAO,eAAe;OACtB,GAAI,KAAK;iBAJX,CAMG,SACC,oBAACA,QAAY,OAAb;QACE,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;QACiB,CAAA,EAErB,KACiB;;MACG,CAAA;KAG3B,MAAM,0BACJ,KAAK,kBAAkB,kBAAkB;AAE3C,YAAO,0BACL,oBAACA,QAAY,QAAb;MAAoB,WAAW;gBAA0B;MAA2B,CAAA,GAClF;;IAEW,EA7FoB,IA6FpB,CACM;;EACD,CAAA;;AAIhC,aAAa,cAAc"}

package/ui/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/ui/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;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;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;AAC3B,OAAI,6BAA8B,QAAO;GAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,gBAAgB;AAClD,UAAO;MACL;EAEJ,MAAM,aAAc,aAAqB;EACzC,MAAM,cAAc,WAAW,WAAW,YAAY,cAAc;EACpE,MAAM,+BACJ,WAAW,qBAAqB,KAAA,KAAa,WAAW,OAAO,KAAA;AAEjE,SAAO,aAAa,cAAqB;GACvC,GAAG;GACH,IAAI,+BAA+B,WAAW,KAAK,YAAY;GAC/D,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,GAAG,KAAK;EACR,IAAI,kBAAkB,KAAK,cAAc;EACzC,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"}