@lobehub/ui 4.9.3 → 4.10.1

package/es/Popover/PopoverGroup.mjs

@@ -0,0 +1,96 @@
+'use client';
+
+import { placementMap } from "../utils/placement.mjs";
+import { PopoverGroupHandleContext, PopoverGroupPropsContext } from "./groupContext.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { styles } from "./style.mjs";
+import { useCallback, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/Popover/PopoverGroup.tsx
+const PopoverGroup = ({ children, contentLayoutAnimation = true, ...sharedProps }) => {
+	const handle = useMemo(() => Popover.createHandle(), []);
+	const activeItemRef = useRef(null);
+	const handleOpenChange = useCallback((open) => {
+		activeItemRef.current?.onOpenChange?.(open);
+	}, []);
+	const portalContainer = usePopoverPortalContainer();
+	return /* @__PURE__ */ jsx(PopoverGroupHandleContext.Provider, {
+		value: handle,
+		children: /* @__PURE__ */ jsxs(PopoverGroupPropsContext.Provider, {
+			value: sharedProps,
+			children: [children, /* @__PURE__ */ jsx(Popover.Root, {
+				handle,
+				onOpenChange: handleOpenChange,
+				children: ({ payload }) => {
+					const item = payload ?? null;
+					activeItemRef.current = item;
+					if (!item?.content) return null;
+					const arrow = item.inset ? false : item.arrow ?? true;
+					const placement = item.placement ?? "top";
+					const { openOnHover } = parseTrigger(item.trigger ?? "hover");
+					const placementConfig = placementMap[placement] ?? placementMap.top;
+					const baseSideOffset = arrow ? 10 : 6;
+					const resolvedSideOffset = item.inset ? ({ side, positioner }) => {
+						if (side === "left" || side === "right" || side === "inline-start" || side === "inline-end") return -positioner.width;
+						return -positioner.height;
+					} : baseSideOffset;
+					const resolvedClassNames = {
+						arrow: cx(styles.arrow, item.classNames?.arrow),
+						popup: cx(styles.popup, item.className),
+						positioner: cx(styles.positioner, item.classNames?.root),
+						viewport: cx(styles.viewport, item.classNames?.content)
+					};
+					const resolvedStyles = {
+						arrow: item.styles?.arrow,
+						positioner: {
+							...item.styles?.root,
+							zIndex: item.zIndex ?? 1100
+						},
+						viewport: item.styles?.content
+					};
+					const popup = /* @__PURE__ */ jsx(Popover.Positioner, {
+						align: placementConfig.align,
+						className: resolvedClassNames.positioner,
+						"data-hover-trigger": openOnHover || void 0,
+						"data-placement": placement,
+						side: placementConfig.side,
+						sideOffset: resolvedSideOffset,
+						style: resolvedStyles.positioner,
+						children: /* @__PURE__ */ jsxs(Popover.Popup, {
+							className: resolvedClassNames.popup,
+							children: [arrow && /* @__PURE__ */ jsx(Popover.Arrow, {
+								className: resolvedClassNames.arrow,
+								style: resolvedStyles.arrow,
+								children: PopoverArrowIcon
+							}), contentLayoutAnimation ? /* @__PURE__ */ jsx(Popover.Viewport, {
+								className: resolvedClassNames.viewport,
+								style: resolvedStyles.viewport,
+								children: item.content
+							}) : /* @__PURE__ */ jsx("div", {
+								className: resolvedClassNames.viewport,
+								style: resolvedStyles.viewport,
+								children: item.content
+							})]
+						})
+					});
+					const resolvedPortalContainer = portalContainer;
+					return item.portalled ?? true ? resolvedPortalContainer ? /* @__PURE__ */ jsx(Popover.Portal, {
+						container: resolvedPortalContainer,
+						children: popup
+					}) : null : popup;
+				}
+			})]
+		})
+	});
+};
+PopoverGroup.displayName = "PopoverGroup";
+var PopoverGroup_default = PopoverGroup;
+
+//#endregion
+export { PopoverGroup_default as default };
+//# sourceMappingURL=PopoverGroup.mjs.map

package/es/Popover/PopoverGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverGroup.mjs","names":["PopoverGroup: FC<PopoverGroupProps>","BasePopover"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport type { Side } from '@base-ui/react/utils/useAnchorPositioning';\nimport { cx } from 'antd-style';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef } from 'react';\n\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport {\n  PopoverGroupHandleContext,\n  type PopoverGroupItem,\n  PopoverGroupPropsContext,\n  type PopoverGroupSharedProps,\n} from './groupContext';\nimport { parseTrigger } from './parseTrigger';\nimport { styles } from './style';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n  children,\n  contentLayoutAnimation = true,\n  ...sharedProps\n}) => {\n  const handle = useMemo(() => BasePopover.createHandle<PopoverGroupItem>(), []);\n  const activeItemRef = useRef<PopoverGroupItem | null>(null);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    activeItemRef.current?.onOpenChange?.(open);\n  }, []);\n\n  const portalContainer = usePopoverPortalContainer();\n\n  return (\n    <PopoverGroupHandleContext.Provider value={handle}>\n      <PopoverGroupPropsContext.Provider value={sharedProps}>\n        {children}\n        <BasePopover.Root handle={handle} onOpenChange={handleOpenChange}>\n          {({ payload }) => {\n            const item = (payload as PopoverGroupItem | null) ?? null;\n            activeItemRef.current = item;\n\n            if (!item?.content) return null;\n\n            const arrow = item.inset ? false : (item.arrow ?? true);\n            const placement = item.placement ?? 'top';\n            const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const baseSideOffset = arrow ? 10 : 6;\n            const resolvedSideOffset = item.inset\n              ? ({\n                  side,\n                  positioner,\n                }: {\n                  positioner: { height: number; width: number };\n                  side: Side;\n                }) => {\n                  if (\n                    side === 'left' ||\n                    side === 'right' ||\n                    side === 'inline-start' ||\n                    side === 'inline-end'\n                  ) {\n                    return -positioner.width;\n                  }\n                  return -positioner.height;\n                }\n              : baseSideOffset;\n\n            const resolvedClassNames = {\n              arrow: cx(styles.arrow, item.classNames?.arrow),\n              popup: cx(styles.popup, item.className),\n              positioner: cx(styles.positioner, item.classNames?.root),\n              viewport: cx(styles.viewport, item.classNames?.content),\n            };\n\n            const resolvedStyles = {\n              arrow: item.styles?.arrow,\n              positioner: {\n                ...item.styles?.root,\n                zIndex: item.zIndex ?? 1100,\n              },\n              viewport: item.styles?.content,\n            };\n\n            const popup = (\n              <BasePopover.Positioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                data-hover-trigger={openOnHover || undefined}\n                data-placement={placement}\n                side={placementConfig.side}\n                sideOffset={resolvedSideOffset}\n                style={resolvedStyles.positioner}\n              >\n                <BasePopover.Popup className={resolvedClassNames.popup}>\n                  {arrow && (\n                    <BasePopover.Arrow\n                      className={resolvedClassNames.arrow}\n                      style={resolvedStyles.arrow}\n                    >\n                      {PopoverArrowIcon}\n                    </BasePopover.Arrow>\n                  )}\n                  {contentLayoutAnimation ? (\n                    <BasePopover.Viewport\n                      className={resolvedClassNames.viewport}\n                      style={resolvedStyles.viewport}\n                    >\n                      {item.content}\n                    </BasePopover.Viewport>\n                  ) : (\n                    <div className={resolvedClassNames.viewport} style={resolvedStyles.viewport}>\n                      {item.content}\n                    </div>\n                  )}\n                </BasePopover.Popup>\n              </BasePopover.Positioner>\n            );\n\n            const resolvedPortalContainer = portalContainer;\n            const portalled = item.portalled ?? true;\n\n            return portalled ? (\n              resolvedPortalContainer ? (\n                <BasePopover.Portal container={resolvedPortalContainer}>{popup}</BasePopover.Portal>\n              ) : null\n            ) : (\n              popup\n            );\n          }}\n        </BasePopover.Root>\n      </PopoverGroupPropsContext.Provider>\n    </PopoverGroupHandleContext.Provider>\n  );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAMA,gBAAuC,EAC3C,UACA,yBAAyB,MACzB,GAAG,kBACC;CACJ,MAAM,SAAS,cAAcC,QAAY,cAAgC,EAAE,EAAE,CAAC;CAC9E,MAAM,gBAAgB,OAAgC,KAAK;CAE3D,MAAM,mBAAmB,aAAa,SAAkB;AACtD,gBAAc,SAAS,eAAe,KAAK;IAC1C,EAAE,CAAC;CAEN,MAAM,kBAAkB,2BAA2B;AAEnD,QACE,oBAAC,0BAA0B;EAAS,OAAO;YACzC,qBAAC,yBAAyB;GAAS,OAAO;cACvC,UACD,oBAACA,QAAY;IAAa;IAAQ,cAAc;eAC5C,EAAE,cAAc;KAChB,MAAM,OAAQ,WAAuC;AACrD,mBAAc,UAAU;AAExB,SAAI,CAAC,MAAM,QAAS,QAAO;KAE3B,MAAM,QAAQ,KAAK,QAAQ,QAAS,KAAK,SAAS;KAClD,MAAM,YAAY,KAAK,aAAa;KACpC,MAAM,EAAE,gBAAgB,aAAa,KAAK,WAAW,QAAQ;KAE7D,MAAM,kBAAkB,aAAa,cAAc,aAAa;KAChE,MAAM,iBAAiB,QAAQ,KAAK;KACpC,MAAM,qBAAqB,KAAK,SAC3B,EACC,MACA,iBAII;AACJ,UACE,SAAS,UACT,SAAS,WACT,SAAS,kBACT,SAAS,aAET,QAAO,CAAC,WAAW;AAErB,aAAO,CAAC,WAAW;SAErB;KAEJ,MAAM,qBAAqB;MACzB,OAAO,GAAG,OAAO,OAAO,KAAK,YAAY,MAAM;MAC/C,OAAO,GAAG,OAAO,OAAO,KAAK,UAAU;MACvC,YAAY,GAAG,OAAO,YAAY,KAAK,YAAY,KAAK;MACxD,UAAU,GAAG,OAAO,UAAU,KAAK,YAAY,QAAQ;MACxD;KAED,MAAM,iBAAiB;MACrB,OAAO,KAAK,QAAQ;MACpB,YAAY;OACV,GAAG,KAAK,QAAQ;OAChB,QAAQ,KAAK,UAAU;OACxB;MACD,UAAU,KAAK,QAAQ;MACxB;KAED,MAAM,QACJ,oBAACA,QAAY;MACX,OAAO,gBAAgB;MACvB,WAAW,mBAAmB;MAC9B,sBAAoB,eAAe;MACnC,kBAAgB;MAChB,MAAM,gBAAgB;MACtB,YAAY;MACZ,OAAO,eAAe;gBAEtB,qBAACA,QAAY;OAAM,WAAW,mBAAmB;kBAC9C,SACC,oBAACA,QAAY;QACX,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB;SACiB,EAErB,yBACC,oBAACA,QAAY;QACX,WAAW,mBAAmB;QAC9B,OAAO,eAAe;kBAErB,KAAK;SACe,GAEvB,oBAAC;QAAI,WAAW,mBAAmB;QAAU,OAAO,eAAe;kBAChE,KAAK;SACF;QAEU;OACG;KAG3B,MAAM,0BAA0B;AAGhC,YAFkB,KAAK,aAAa,OAGlC,0BACE,oBAACA,QAAY;MAAO,WAAW;gBAA0B;OAA2B,GAClF,OAEJ;;KAGa;IACe;GACD;;AAIzC,aAAa,cAAc;AAE3B,2BAAe"}

package/es/Popover/PopoverInGroup.mjs

@@ -0,0 +1,60 @@
+'use client';
+
+import { PopoverGroupHandleContext } from "./groupContext.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { useMergedPopoverProps } from "./useMergedPopoverProps.mjs";
+import { cloneElement, isValidElement, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeRefs } from "react-merge-refs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/Popover/PopoverInGroup.tsx
+const PopoverInGroup = ({ children, ref: refProp, ...props }) => {
+	const group = useContext(PopoverGroupHandleContext);
+	const item = useMergedPopoverProps(props);
+	const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? "hover"), [item.trigger]);
+	const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? .1) * 1e3;
+	const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? .1) * 1e3;
+	const disabled = Boolean(item.disabled);
+	if (!item.content) return children;
+	const triggerProps = {
+		closeDelay: resolvedCloseDelay,
+		delay: resolvedOpenDelay,
+		disabled,
+		openOnHover: openOnHover && !disabled,
+		payload: item
+	};
+	const triggerClassName = item.classNames?.trigger;
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		render: (renderProps) => {
+			const { type, ref: triggerRef, ...restProps } = renderProps;
+			const resolvedProps = typeof children.type === "string" && children.type === "button" ? renderProps : restProps;
+			const mergedProps = mergeProps(children.props, resolvedProps);
+			return cloneElement(children, {
+				...mergedProps,
+				className: cx(mergedProps.className, triggerClassName),
+				ref: mergeRefs([
+					children.ref,
+					triggerRef,
+					refProp
+				])
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		className: triggerClassName,
+		ref: refProp,
+		children
+	});
+};
+PopoverInGroup.displayName = "PopoverInGroup";
+
+//#endregion
+export { PopoverInGroup };
+//# sourceMappingURL=PopoverInGroup.mjs.map

package/es/Popover/PopoverInGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverInGroup.mjs","names":["PopoverInGroup: FC<PopoverProps>","BasePopover"],"sources":["../../src/Popover/PopoverInGroup.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { cx } from 'antd-style';\nimport { type FC, cloneElement, isValidElement, useContext, useMemo } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { parseTrigger } from './parseTrigger';\nimport type { PopoverProps } from './type';\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\n\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\n  const group = useContext(PopoverGroupHandleContext);\n  const item = useMergedPopoverProps(props);\n\n  const { openOnHover } = useMemo(() => parseTrigger(item.trigger ?? 'hover'), [item.trigger]);\n\n  const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? 0.1) * 1000;\n  const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? 0.1) * 1000;\n  const disabled = Boolean(item.disabled);\n\n  // Don't render trigger behavior if no content\n  if (!item.content) {\n    return children as any;\n  }\n\n  const triggerProps = {\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    openOnHover: openOnHover && !disabled,\n    payload: item,\n  };\n\n  const triggerClassName = item.classNames?.trigger;\n\n  if (isValidElement(children)) {\n    return (\n      <BasePopover.Trigger\n        handle={group ?? undefined}\n        {...triggerProps}\n        render={(renderProps) => {\n          // Remove type=\"button\" for non-button elements\n          // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n          const { type, ref: triggerRef, ...restProps } = renderProps as any;\n          const resolvedProps =\n            typeof (children as any).type === 'string' && (children as any).type === 'button'\n              ? renderProps\n              : restProps;\n          const mergedProps = mergeProps((children as any).props, resolvedProps);\n          return cloneElement(children as any, {\n            ...mergedProps,\n            className: cx(mergedProps.className, triggerClassName),\n            ref: mergeRefs([(children as any).ref, triggerRef, refProp]),\n          });\n        }}\n      />\n    );\n  }\n\n  return (\n    <BasePopover.Trigger\n      handle={group ?? undefined}\n      {...triggerProps}\n      className={triggerClassName}\n      ref={refProp}\n    >\n      {children}\n    </BasePopover.Trigger>\n  );\n};\n\nPopoverInGroup.displayName = 'PopoverInGroup';\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAaA,kBAAoC,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY;CACxF,MAAM,QAAQ,WAAW,0BAA0B;CACnD,MAAM,OAAO,sBAAsB,MAAM;CAEzC,MAAM,EAAE,gBAAgB,cAAc,aAAa,KAAK,WAAW,QAAQ,EAAE,CAAC,KAAK,QAAQ,CAAC;CAE5F,MAAM,oBAAoB,KAAK,cAAc,KAAK,mBAAmB,MAAO;CAC5E,MAAM,qBAAqB,KAAK,eAAe,KAAK,mBAAmB,MAAO;CAC9E,MAAM,WAAW,QAAQ,KAAK,SAAS;AAGvC,KAAI,CAAC,KAAK,QACR,QAAO;CAGT,MAAM,eAAe;EACnB,YAAY;EACZ,OAAO;EACP;EACA,aAAa,eAAe,CAAC;EAC7B,SAAS;EACV;CAED,MAAM,mBAAmB,KAAK,YAAY;AAE1C,KAAI,eAAe,SAAS,CAC1B,QACE,oBAACC,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,SAAS,gBAAgB;GAGvB,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;GAChD,MAAM,gBACJ,OAAQ,SAAiB,SAAS,YAAa,SAAiB,SAAS,WACrE,cACA;GACN,MAAM,cAAc,WAAY,SAAiB,OAAO,cAAc;AACtE,UAAO,aAAa,UAAiB;IACnC,GAAG;IACH,WAAW,GAAG,YAAY,WAAW,iBAAiB;IACtD,KAAK,UAAU;KAAE,SAAiB;KAAK;KAAY;KAAQ,CAAC;IAC7D,CAAC;;GAEJ;AAIN,QACE,oBAACA,QAAY;EACX,QAAQ,SAAS;EACjB,GAAI;EACJ,WAAW;EACX,KAAK;EAEJ;GACmB;;AAI1B,eAAe,cAAc"}

package/es/Popover/PopoverPortal.mjs

@@ -0,0 +1,45 @@
+'use client';
+
+import { LOBE_THEME_APP_ID } from "../ThemeProvider/constants.mjs";
+import { useEffect, useState } from "react";
+
+//#region src/Popover/PopoverPortal.tsx
+const PORTAL_ATTR = "data-lobe-ui-popover-portal";
+const POPOVER_CONTAINER_ATTR = "data-lobe-ui-popover-container";
+const containerMap = /* @__PURE__ */ new WeakMap();
+const getOrCreateContainer = (root) => {
+	const resolvedRoot = (() => {
+		if (typeof document === "undefined") return root;
+		if (typeof ShadowRoot !== "undefined" && root instanceof ShadowRoot) return root;
+		if (!(root === document.body)) return root;
+		const themeApp = document.querySelector(`#${LOBE_THEME_APP_ID}`);
+		if (themeApp) return themeApp;
+		const popoverContainer = document.querySelector(`[${POPOVER_CONTAINER_ATTR}="true"]`);
+		if (popoverContainer) return popoverContainer;
+		return root;
+	})();
+	const cached = containerMap.get(resolvedRoot);
+	if (cached && cached.isConnected) return cached;
+	const el = document.createElement("div");
+	el.setAttribute(PORTAL_ATTR, "true");
+	resolvedRoot.append(el);
+	containerMap.set(resolvedRoot, el);
+	return el;
+};
+const resolveRoot = (root) => {
+	if (root) return root;
+	return document.body;
+};
+const usePopoverPortalContainer = (root) => {
+	const [container, setContainer] = useState(null);
+	useEffect(() => {
+		const resolved = resolveRoot(root);
+		if (!resolved) return;
+		setContainer(getOrCreateContainer(resolved));
+	}, [root]);
+	return container;
+};
+
+//#endregion
+export { usePopoverPortalContainer };
+//# sourceMappingURL=PopoverPortal.mjs.map

package/es/Popover/PopoverPortal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPortal.mjs","names":[],"sources":["../../src/Popover/PopoverPortal.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nimport { LOBE_THEME_APP_ID } from '@/ThemeProvider';\n\nconst PORTAL_ATTR = 'data-lobe-ui-popover-portal';\nexport const POPOVER_CONTAINER_ATTR = 'data-lobe-ui-popover-container';\n\n// Reuse one portal container per root (document.body by default).\nconst containerMap = new WeakMap<object, HTMLElement>();\n\nconst getOrCreateContainer = (root: HTMLElement | ShadowRoot): HTMLElement => {\n  const resolvedRoot = (() => {\n    if (typeof document === 'undefined') return root;\n    if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) return root;\n\n    const isBody = root === document.body;\n    if (!isBody) return root;\n\n    const themeApp = document.querySelector<HTMLElement>(`#${LOBE_THEME_APP_ID}`);\n    if (themeApp) return themeApp;\n\n    const popoverContainer = document.querySelector<HTMLElement>(\n      `[${POPOVER_CONTAINER_ATTR}=\"true\"]`,\n    );\n    if (popoverContainer) return popoverContainer;\n\n    return root;\n  })();\n\n  const cached = containerMap.get(resolvedRoot);\n  if (cached && cached.isConnected) return cached;\n\n  const el = document.createElement('div');\n  el.setAttribute(PORTAL_ATTR, 'true');\n  resolvedRoot.append(el);\n  containerMap.set(resolvedRoot, el);\n  return el;\n};\n\nconst resolveRoot = (root?: HTMLElement | ShadowRoot | null): HTMLElement | ShadowRoot | null => {\n  if (root) return root;\n  return document.body;\n};\n\nexport const usePopoverPortalContainer = (\n  root?: HTMLElement | ShadowRoot | null,\n): HTMLElement | null => {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n\n  // Never mutate DOM / create portal container during render.\n  // Create it after mount to avoid SSR/hydration side effects.\n  useEffect(() => {\n    const resolved = resolveRoot(root);\n    if (!resolved) return;\n    setContainer(getOrCreateContainer(resolved));\n  }, [root]);\n\n  return container;\n};\n"],"mappings":";;;;;;AAMA,MAAM,cAAc;AACpB,MAAa,yBAAyB;AAGtC,MAAM,+BAAe,IAAI,SAA8B;AAEvD,MAAM,wBAAwB,SAAgD;CAC5E,MAAM,sBAAsB;AAC1B,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,MAAI,OAAO,eAAe,eAAe,gBAAgB,WAAY,QAAO;AAG5E,MAAI,EADW,SAAS,SAAS,MACpB,QAAO;EAEpB,MAAM,WAAW,SAAS,cAA2B,IAAI,oBAAoB;AAC7E,MAAI,SAAU,QAAO;EAErB,MAAM,mBAAmB,SAAS,cAChC,IAAI,uBAAuB,UAC5B;AACD,MAAI,iBAAkB,QAAO;AAE7B,SAAO;KACL;CAEJ,MAAM,SAAS,aAAa,IAAI,aAAa;AAC7C,KAAI,UAAU,OAAO,YAAa,QAAO;CAEzC,MAAM,KAAK,SAAS,cAAc,MAAM;AACxC,IAAG,aAAa,aAAa,OAAO;AACpC,cAAa,OAAO,GAAG;AACvB,cAAa,IAAI,cAAc,GAAG;AAClC,QAAO;;AAGT,MAAM,eAAe,SAA4E;AAC/F,KAAI,KAAM,QAAO;AACjB,QAAO,SAAS;;AAGlB,MAAa,6BACX,SACuB;CACvB,MAAM,CAAC,WAAW,gBAAgB,SAA6B,KAAK;AAIpE,iBAAgB;EACd,MAAM,WAAW,YAAY,KAAK;AAClC,MAAI,CAAC,SAAU;AACf,eAAa,qBAAqB,SAAS,CAAC;IAC3C,CAAC,KAAK,CAAC;AAEV,QAAO"}

package/es/Popover/PopoverStandalone.mjs

@@ -0,0 +1,172 @@
+'use client';
+
+import { placementMap } from "../utils/placement.mjs";
+import { useIsClient } from "../hooks/useIsClient.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { styles } from "./style.mjs";
+import { cloneElement, isValidElement, memo, useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeRefs } from "react-merge-refs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/Popover/PopoverStandalone.tsx
+/**
+* Popover component - displays floating content relative to a trigger element
+* Compatible with Ant Design Popover API
+*/
+const PopoverStandalone = memo(({ children, content, arrow: originArrow = true, inset = false, trigger = "hover", placement = "top", styles: styleProps, classNames, className, open, onOpenChange, defaultOpen = false, mouseEnterDelay = .1, mouseLeaveDelay = .1, openDelay, closeDelay, portalled = true, getPopupContainer, disabled = false, zIndex, ref: refProp }) => {
+	const arrow = inset ? false : originArrow;
+	const isClient = useIsClient();
+	const popoverHandle = useMemo(() => Popover.createHandle(), []);
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	useEffect(() => {
+		if (open === void 0) return;
+		setUncontrolledOpen(open);
+	}, [open]);
+	const resolvedOpen = disabled ? false : open ?? uncontrolledOpen;
+	const handleOpenChange = useCallback((nextOpen) => {
+		if (disabled && nextOpen) return;
+		onOpenChange?.(nextOpen);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [
+		onOpenChange,
+		open,
+		disabled
+	]);
+	const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);
+	const resolvedOpenDelay = openDelay ?? mouseEnterDelay * 1e3;
+	const resolvedCloseDelay = closeDelay ?? mouseLeaveDelay * 1e3;
+	const placementConfig = placementMap[placement] ?? placementMap.top;
+	const baseSideOffset = arrow ? 10 : 6;
+	const resolvedSideOffset = useMemo(() => {
+		if (!inset) return baseSideOffset;
+		return ({ side, positioner }) => {
+			if (side === "left" || side === "right" || side === "inline-start" || side === "inline-end") return -positioner.width;
+			return -positioner.height;
+		};
+	}, [baseSideOffset, inset]);
+	const portalContainer = usePopoverPortalContainer();
+	const resolvedClassNames = useMemo(() => ({
+		arrow: cx(styles.arrow, classNames?.arrow),
+		popup: cx(styles.popup, className),
+		positioner: cx(styles.positioner, classNames?.root),
+		trigger: classNames?.trigger,
+		viewport: cx(styles.viewport, classNames?.content)
+	}), [
+		className,
+		classNames?.arrow,
+		classNames?.content,
+		classNames?.root,
+		classNames?.trigger
+	]);
+	const triggerElement = useMemo(() => {
+		const triggerProps = {
+			closeDelay: resolvedCloseDelay,
+			delay: resolvedOpenDelay,
+			disabled,
+			openOnHover: openOnHover && !disabled
+		};
+		if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+			handle: popoverHandle,
+			...triggerProps,
+			render: (props) => {
+				const { type, ref: triggerRef, ...restProps } = props;
+				const resolvedProps = typeof children.type === "string" && children.type === "button" ? props : restProps;
+				const mergedProps = mergeProps(children.props, resolvedProps);
+				return cloneElement(children, {
+					...mergedProps,
+					className: cx(mergedProps.className, resolvedClassNames.trigger),
+					ref: mergeRefs([
+						children.ref,
+						triggerRef,
+						refProp
+					])
+				});
+			}
+		});
+		return /* @__PURE__ */ jsx(Popover.Trigger, {
+			handle: popoverHandle,
+			...triggerProps,
+			className: resolvedClassNames.trigger,
+			ref: refProp,
+			children
+		});
+	}, [
+		children,
+		disabled,
+		openOnHover,
+		popoverHandle,
+		refProp,
+		resolvedClassNames.trigger,
+		resolvedOpenDelay,
+		resolvedCloseDelay
+	]);
+	const customContainer = useMemo(() => {
+		if (!getPopupContainer || !isClient) return void 0;
+	}, [getPopupContainer, isClient]);
+	const resolvedStyles = useMemo(() => ({
+		arrow: styleProps?.arrow,
+		positioner: {
+			...styleProps?.root,
+			zIndex: zIndex ?? 1100
+		},
+		viewport: styleProps?.content
+	}), [
+		styleProps?.arrow,
+		styleProps?.content,
+		styleProps?.root,
+		zIndex
+	]);
+	const popup = useMemo(() => /* @__PURE__ */ jsx(Popover.Positioner, {
+		align: placementConfig.align,
+		className: resolvedClassNames.positioner,
+		"data-hover-trigger": openOnHover || void 0,
+		"data-placement": placement,
+		side: placementConfig.side,
+		sideOffset: resolvedSideOffset,
+		style: resolvedStyles.positioner,
+		children: /* @__PURE__ */ jsxs(Popover.Popup, {
+			className: resolvedClassNames.popup,
+			children: [arrow && /* @__PURE__ */ jsx(Popover.Arrow, {
+				className: resolvedClassNames.arrow,
+				style: resolvedStyles.arrow,
+				children: PopoverArrowIcon
+			}), /* @__PURE__ */ jsx(Popover.Viewport, {
+				className: resolvedClassNames.viewport,
+				style: resolvedStyles.viewport,
+				children: content
+			})]
+		})
+	}), [
+		arrow,
+		content,
+		openOnHover,
+		placement,
+		placementConfig.align,
+		placementConfig.side,
+		resolvedClassNames,
+		resolvedSideOffset,
+		resolvedStyles
+	]);
+	if (!content) return children;
+	const resolvedPortalContainer = customContainer ?? portalContainer;
+	return /* @__PURE__ */ jsxs(Popover.Root, {
+		defaultOpen,
+		handle: popoverHandle,
+		onOpenChange: handleOpenChange,
+		open: resolvedOpen,
+		children: [triggerElement, portalled ? resolvedPortalContainer ? /* @__PURE__ */ jsx(Popover.Portal, {
+			container: resolvedPortalContainer,
+			children: popup
+		}) : null : popup]
+	});
+});
+PopoverStandalone.displayName = "PopoverStandalone";
+
+//#endregion
+export { PopoverStandalone };
+//# sourceMappingURL=PopoverStandalone.mjs.map

package/es/Popover/PopoverStandalone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverStandalone.mjs","names":["BasePopover"],"sources":["../../src/Popover/PopoverStandalone.tsx"],"sourcesContent":["'use client';\n\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport type { Side } from '@base-ui/react/utils/useAnchorPositioning';\nimport { cx } from 'antd-style';\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport { usePopoverPortalContainer } from './PopoverPortal';\nimport { parseTrigger } from './parseTrigger';\nimport { styles } from './style';\nimport type { PopoverProps } from './type';\n\n/**\n * Popover component - displays floating content relative to a trigger element\n * Compatible with Ant Design Popover API\n */\nexport const PopoverStandalone = memo<PopoverProps>(\n  ({\n    children,\n    content,\n    arrow: originArrow = true,\n    inset = false,\n    trigger = 'hover',\n    placement = 'top',\n    styles: styleProps,\n    classNames,\n    className,\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    mouseEnterDelay = 0.1,\n    mouseLeaveDelay = 0.1,\n    openDelay,\n    closeDelay,\n    portalled = true,\n    getPopupContainer,\n    disabled = false,\n    zIndex,\n    ref: refProp,\n  }) => {\n    const arrow = inset ? false : originArrow;\n    const isClient = useIsClient();\n    const popoverHandle = useMemo(() => BasePopover.createHandle(), []);\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n\n    // Sync controlled state\n    useEffect(() => {\n      if (open === undefined) return;\n      setUncontrolledOpen(open);\n    }, [open]);\n\n    const mergedOpen = open ?? uncontrolledOpen;\n    const resolvedOpen = disabled ? false : mergedOpen;\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean) => {\n        // Don't open if disabled\n        if (disabled && nextOpen) return;\n\n        onOpenChange?.(nextOpen);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open, disabled],\n    );\n\n    // Parse trigger mode\n    const { openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\n\n    // Calculate delays (milliseconds take precedence over seconds)\n    const resolvedOpenDelay = openDelay ?? mouseEnterDelay * 1000;\n    const resolvedCloseDelay = closeDelay ?? mouseLeaveDelay * 1000;\n\n    // Get placement configuration\n    const placementConfig = placementMap[placement] ?? placementMap.top;\n    const baseSideOffset = arrow ? 10 : 6;\n    const resolvedSideOffset = useMemo(() => {\n      if (!inset) return baseSideOffset;\n      return ({\n        side,\n        positioner,\n      }: {\n        positioner: { height: number; width: number };\n        side: Side;\n      }) => {\n        if (\n          side === 'left' ||\n          side === 'right' ||\n          side === 'inline-start' ||\n          side === 'inline-end'\n        ) {\n          return -positioner.width;\n        }\n        return -positioner.height;\n      };\n    }, [baseSideOffset, inset]);\n\n    // Determine portal container\n    const portalContainer = usePopoverPortalContainer();\n\n    const resolvedClassNames = useMemo(\n      () => ({\n        arrow: cx(styles.arrow, classNames?.arrow),\n        popup: cx(styles.popup, className),\n        positioner: cx(styles.positioner, classNames?.root),\n        trigger: classNames?.trigger,\n        viewport: cx(styles.viewport, classNames?.content),\n      }),\n      [className, classNames?.arrow, classNames?.content, classNames?.root, classNames?.trigger],\n    );\n\n    // Render trigger element\n    const triggerElement = useMemo(() => {\n      const triggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        openOnHover: openOnHover && !disabled,\n      };\n\n      if (isValidElement(children)) {\n        return (\n          <BasePopover.Trigger\n            handle={popoverHandle}\n            {...triggerProps}\n            render={(props) => {\n              // Remove type=\"button\" for non-button elements\n              // eslint-disable-next-line unused-imports/no-unused-vars, @typescript-eslint/no-unused-vars\n              const { type, ref: triggerRef, ...restProps } = props as any;\n              const resolvedProps =\n                typeof (children as any).type === 'string' && (children as any).type === 'button'\n                  ? props\n                  : restProps;\n              const mergedProps = mergeProps((children as any).props, resolvedProps);\n              return cloneElement(children as any, {\n                ...mergedProps,\n                className: cx(mergedProps.className, resolvedClassNames.trigger),\n                ref: mergeRefs([(children as any).ref, triggerRef, refProp]),\n              });\n            }}\n          />\n        );\n      }\n      return (\n        <BasePopover.Trigger\n          handle={popoverHandle}\n          {...triggerProps}\n          className={resolvedClassNames.trigger}\n          ref={refProp}\n        >\n          {children}\n        </BasePopover.Trigger>\n      );\n    }, [\n      children,\n      disabled,\n      openOnHover,\n      popoverHandle,\n      refProp,\n      resolvedClassNames.trigger,\n      resolvedOpenDelay,\n      resolvedCloseDelay,\n    ]);\n\n    // Custom container from getPopupContainer\n    const customContainer = useMemo(() => {\n      if (!getPopupContainer || !isClient) return undefined;\n      // We need a reference element, but we don't have it until render\n      // This will be handled by the portal container logic\n      return undefined;\n    }, [getPopupContainer, isClient]);\n\n    const resolvedStyles = useMemo(\n      () => ({\n        arrow: styleProps?.arrow,\n        positioner: {\n          ...styleProps?.root,\n          zIndex: zIndex ?? 1100,\n        },\n        viewport: styleProps?.content,\n      }),\n      [styleProps?.arrow, styleProps?.content, styleProps?.root, zIndex],\n    );\n\n    const popup = useMemo(\n      () => (\n        <BasePopover.Positioner\n          align={placementConfig.align}\n          className={resolvedClassNames.positioner}\n          data-hover-trigger={openOnHover || undefined}\n          data-placement={placement}\n          side={placementConfig.side}\n          sideOffset={resolvedSideOffset}\n          style={resolvedStyles.positioner}\n        >\n          <BasePopover.Popup className={resolvedClassNames.popup}>\n            {arrow && (\n              <BasePopover.Arrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n                {PopoverArrowIcon}\n              </BasePopover.Arrow>\n            )}\n            <BasePopover.Viewport\n              className={resolvedClassNames.viewport}\n              style={resolvedStyles.viewport}\n            >\n              {content}\n            </BasePopover.Viewport>\n          </BasePopover.Popup>\n        </BasePopover.Positioner>\n      ),\n      [\n        arrow,\n        content,\n        openOnHover,\n        placement,\n        placementConfig.align,\n        placementConfig.side,\n        resolvedClassNames,\n        resolvedSideOffset,\n        resolvedStyles,\n      ],\n    );\n\n    // Don't render popup if no content\n    if (!content) {\n      return children;\n    }\n\n    const resolvedPortalContainer = customContainer ?? portalContainer;\n\n    return (\n      <BasePopover.Root\n        defaultOpen={defaultOpen}\n        handle={popoverHandle}\n        onOpenChange={handleOpenChange}\n        open={resolvedOpen}\n      >\n        {triggerElement}\n        {portalled ? (\n          resolvedPortalContainer ? (\n            <BasePopover.Portal container={resolvedPortalContainer}>{popup}</BasePopover.Portal>\n          ) : null\n        ) : (\n          popup\n        )}\n      </BasePopover.Root>\n    );\n  },\n);\n\nPopoverStandalone.displayName = 'PopoverStandalone';\n"],"mappings":"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"}

package/es/Popover/groupContext.d.mts

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

package/es/Popover/groupContext.mjs

@@ -0,0 +1,11 @@
+'use client';
+
+import { createContext } from "react";
+
+//#region src/Popover/groupContext.ts
+const PopoverGroupHandleContext = createContext(null);
+const PopoverGroupPropsContext = createContext(null);
+
+//#endregion
+export { PopoverGroupHandleContext, PopoverGroupPropsContext };
+//# sourceMappingURL=groupContext.mjs.map

package/es/Popover/groupContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupContext.mjs","names":[],"sources":["../../src/Popover/groupContext.ts"],"sourcesContent":["'use client';\n\nimport type { PopoverHandle } from '@base-ui/react/popover/store/PopoverHandle';\nimport { createContext } from 'react';\n\nimport type { PopoverProps } from './type';\n\nexport type PopoverGroupItem = Omit<PopoverProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;\n\nexport type PopoverGroupSharedProps = Omit<\n  PopoverProps,\n  'children' | 'content' | 'defaultOpen' | 'open' | 'ref'\n> & {\n  /**\n   * @description Whether to enable content layout animation when switching triggers\n   * @default true\n   */\n  contentLayoutAnimation?: boolean;\n};\n\nexport const PopoverGroupHandleContext = createContext<PopoverHandle<PopoverGroupItem> | null>(\n  null,\n);\nexport const PopoverGroupPropsContext = createContext<PopoverGroupSharedProps | null>(null);\n"],"mappings":";;;;;AAoBA,MAAa,4BAA4B,cACvC,KACD;AACD,MAAa,2BAA2B,cAA8C,KAAK"}

package/es/Popover/index.d.mts

@@ -0,0 +1,5 @@
+import { PopoverPlacement, PopoverProps, PopoverTrigger } from "./type.mjs";
+import { parseTrigger } from "./parseTrigger.mjs";
+import { Popover } from "./Popover.mjs";
+import { PopoverGroup } from "./PopoverGroup.mjs";
+export { PopoverGroup, type PopoverPlacement, type PopoverProps, type PopoverTrigger, Popover as default, parseTrigger };

package/es/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Popover/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Popover/index.mjs

@@ -0,0 +1,5 @@
+import { parseTrigger } from "./parseTrigger.mjs";
+import Popover_default from "./Popover.mjs";
+import PopoverGroup_default from "./PopoverGroup.mjs";
+
+export { PopoverGroup_default as PopoverGroup, Popover_default as default, parseTrigger };

package/es/Popover/parseTrigger.d.mts

@@ -0,0 +1,14 @@
+import { PopoverTrigger } from "./type.mjs";
+
+//#region src/Popover/parseTrigger.d.ts
+
+/**
+ * Parses trigger prop to determine hover and click behavior
+ */
+declare function parseTrigger(trigger: PopoverTrigger): {
+  openOnClick: boolean;
+  openOnHover: boolean;
+};
+//#endregion
+export { parseTrigger };
+//# sourceMappingURL=parseTrigger.d.mts.map

package/es/Popover/parseTrigger.mjs

@@ -0,0 +1,18 @@
+'use client';
+
+//#region src/Popover/parseTrigger.ts
+/**
+* Parses trigger prop to determine hover and click behavior
+*/
+function parseTrigger(trigger) {
+	const triggers = Array.isArray(trigger) ? trigger : [trigger];
+	const normalizedTriggers = new Set(triggers.flatMap((item) => item === "both" ? ["hover", "click"] : [item]));
+	return {
+		openOnClick: normalizedTriggers.has("click"),
+		openOnHover: normalizedTriggers.has("hover")
+	};
+}
+
+//#endregion
+export { parseTrigger };
+//# sourceMappingURL=parseTrigger.mjs.map

package/es/Popover/parseTrigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTrigger.mjs","names":[],"sources":["../../src/Popover/parseTrigger.ts"],"sourcesContent":["'use client';\n\nimport type { PopoverTrigger } from './type';\n\n/**\n * Parses trigger prop to determine hover and click behavior\n */\nexport function parseTrigger(trigger: PopoverTrigger): {\n  openOnClick: boolean;\n  openOnHover: boolean;\n} {\n  const triggers = Array.isArray(trigger) ? trigger : [trigger];\n  const normalizedTriggers = new Set(\n    triggers.flatMap((item) => (item === 'both' ? ['hover', 'click'] : [item])),\n  );\n  return {\n    openOnClick: normalizedTriggers.has('click'),\n    openOnHover: normalizedTriggers.has('hover'),\n  };\n}\n"],"mappings":";;;;;;AAOA,SAAgB,aAAa,SAG3B;CACA,MAAM,WAAW,MAAM,QAAQ,QAAQ,GAAG,UAAU,CAAC,QAAQ;CAC7D,MAAM,qBAAqB,IAAI,IAC7B,SAAS,SAAS,SAAU,SAAS,SAAS,CAAC,SAAS,QAAQ,GAAG,CAAC,KAAK,CAAE,CAC5E;AACD,QAAO;EACL,aAAa,mBAAmB,IAAI,QAAQ;EAC5C,aAAa,mBAAmB,IAAI,QAAQ;EAC7C"}