@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/Pagination/type.d.mts

@@ -0,0 +1,21 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/Pagination/type.d.ts
+export type PaginationSize = 'small' | 'middle';
+export interface PaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'> {
+  current?: number;
+  defaultCurrent?: number;
+  defaultPageSize?: number;
+  disabled?: boolean;
+  hideOnSinglePage?: boolean;
+  onChange?: (page: number, pageSize: number) => void;
+  onPageSizeChange?: (current: number, size: number) => void;
+  pageSize?: number;
+  pageSizeOptions?: number[];
+  ref?: Ref<HTMLElement>;
+  showSizeChanger?: boolean;
+  showTotal?: (total: number, range: [number, number]) => ReactNode;
+  size?: PaginationSize;
+  total: number;
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/Popover/ArrowIcon.d.mts

@@ -0,0 +1,4 @@
+//#region src/Popover/ArrowIcon.d.ts
+export declare const PopoverArrowIcon: import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ArrowIcon.d.mts.map

package/es/Popover/ArrowIcon.mjs

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

package/es/Popover/ArrowIcon.mjs.map

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

package/es/Popover/Popover.d.mts

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

package/es/Popover/Popover.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { parseTrigger } from "../utils/parseTrigger.mjs";
+import { PopoverGroupHandleContext } from "./groupContext.mjs";
+import { PopoverInGroup } from "./PopoverInGroup.mjs";
+import { PopoverStandalone } from "./PopoverStandalone.mjs";
+import { use } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Popover/Popover.tsx
+const Popover = (props) => {
+	const group = use(PopoverGroupHandleContext);
+	return Boolean(group) && props.open === void 0 && props.defaultOpen === void 0 && !props.standalone ? /* @__PURE__ */ jsx(PopoverInGroup, { ...props }) : /* @__PURE__ */ jsx(PopoverStandalone, { ...props });
+};
+Popover.displayName = "Popover";
+//#endregion
+export { Popover as default, parseTrigger };
+
+//# sourceMappingURL=Popover.mjs.map

package/es/Popover/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","names":[],"sources":["../../src/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, use } from 'react';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { PopoverInGroup } from './PopoverInGroup';\nimport { PopoverStandalone } from './PopoverStandalone';\nimport { type PopoverProps } from './type';\n\nexport { parseTrigger } from '@/utils/parseTrigger';\n\nconst Popover: FC<PopoverProps> = (props) => {\n  const group = use(PopoverGroupHandleContext);\n\n  // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\n  const canUseGroup =\n    Boolean(group) &&\n    props.open === undefined &&\n    props.defaultOpen === undefined &&\n    !props.standalone;\n\n  return canUseGroup ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\n};\n\nPopover.displayName = 'Popover';\n\nexport default Popover;\n"],"mappings":";;;;;;;;AAWA,MAAM,WAA6B,UAAU;CAC3C,MAAM,QAAQ,IAAI,yBAAyB;CAS3C,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;AAEA,QAAQ,cAAc"}

package/es/Popover/PopoverGroup.d.mts

@@ -0,0 +1,10 @@
+import { PopoverGroupSharedProps } from "./groupContext.mjs";
+import { FC, ReactNode } from "react";
+//#region src/Popover/PopoverGroup.d.ts
+type PopoverGroupProps = PopoverGroupSharedProps & {
+  children: ReactNode;
+};
+declare const PopoverGroup: FC<PopoverGroupProps>;
+//#endregion
+export { PopoverGroup as default };
+//# sourceMappingURL=PopoverGroup.d.mts.map

package/es/Popover/PopoverGroup.mjs

@@ -0,0 +1,123 @@
+"use client";
+import { placementMap } from "../utils/placement.mjs";
+import { useDestroyOnInvalidActiveTriggerElement, useHidePopupWhenPositionerAtOrigin, usePopupHandleStore } from "../utils/destroyOnInvalidActiveTriggerElement.mjs";
+import { useRepopOnFarTriggerSwitch } from "../utils/useRepopOnFarTriggerSwitch.mjs";
+import { parseTrigger } from "../utils/parseTrigger.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverViewport } from "./atoms.mjs";
+import { PopoverProvider } from "./context.mjs";
+import { PopoverGroupHandleContext, PopoverGroupPropsContext } from "./groupContext.mjs";
+import { isHoverOnlyTriggerElement, shouldCancelHoverOnlyPressOpen } from "./hoverOnlyPress.mjs";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/Popover/PopoverGroup.tsx
+const PopoverGroup = ({ children, contentLayoutAnimation = true, disableDestroyOnInvalidTrigger = false, disableZeroOriginGuard = false, ...sharedProps }) => {
+	const [{ handle, key }, setHandleState] = useState(() => ({
+		handle: Popover.createHandle(),
+		key: 0
+	}));
+	const activeItemRef = useRef(null);
+	const destroy = useCallback(() => {
+		activeItemRef.current = null;
+		setHandleState(({ key }) => ({
+			handle: Popover.createHandle(),
+			key: key + 1
+		}));
+	}, []);
+	const close = useCallback(() => {
+		handle.close();
+	}, [handle]);
+	const contextValue = useMemo(() => ({ close }), [close]);
+	const handleOpenChange = useCallback((nextOpen, eventDetails) => {
+		const item = activeItemRef.current;
+		const hoverOnlyTrigger = isHoverOnlyTriggerElement(eventDetails?.trigger);
+		const openOnClick = hoverOnlyTrigger === null ? parseTrigger(item?.trigger ?? "hover").openOnClick : !hoverOnlyTrigger;
+		if (shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, eventDetails?.reason)) {
+			eventDetails?.cancel?.();
+			return;
+		}
+		item?.onOpenChange?.(nextOpen);
+	}, []);
+	const store = usePopupHandleStore(handle);
+	useDestroyOnInvalidActiveTriggerElement(store, destroy, { enabled: !disableDestroyOnInvalidTrigger });
+	useHidePopupWhenPositionerAtOrigin(store, { enabled: !disableZeroOriginGuard });
+	const repop = useRepopOnFarTriggerSwitch(store, { enabled: contentLayoutAnimation });
+	const portalContainer = usePopoverPortalContainer();
+	return /* @__PURE__ */ jsx(PopoverGroupHandleContext, {
+		value: handle,
+		children: /* @__PURE__ */ jsxs(PopoverGroupPropsContext, {
+			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.arrow ?? false;
+					const placement = item.placement ?? "top";
+					const { openOnHover } = parseTrigger(item.trigger ?? "hover");
+					const placementConfig = placementMap[placement] ?? placementMap.top;
+					const resolvedSideOffset = arrow ? 10 : 6;
+					const resolvedClassNames = {
+						arrow: item.classNames?.arrow,
+						popup: item.className,
+						positioner: item.classNames?.root,
+						viewport: item.classNames?.content
+					};
+					const resolvedStyles = {
+						arrow: item.styles?.arrow,
+						positioner: {
+							...item.styles?.root,
+							...item.zIndex !== void 0 ? { zIndex: item.zIndex } : {}
+						},
+						viewport: item.styles?.content
+					};
+					const contentNode = /* @__PURE__ */ jsx(PopoverProvider, {
+						value: contextValue,
+						children: item.content
+					});
+					const popup = /* @__PURE__ */ jsx(PopoverPositioner, {
+						align: placementConfig.align,
+						className: resolvedClassNames.positioner,
+						"data-layout-animation": contentLayoutAnimation || void 0,
+						"data-repop": repop || void 0,
+						hoverTrigger: openOnHover,
+						placement,
+						side: placementConfig.side,
+						sideOffset: resolvedSideOffset,
+						style: resolvedStyles.positioner,
+						...item.positionerProps,
+						children: /* @__PURE__ */ jsxs(PopoverPopup, {
+							className: resolvedClassNames.popup,
+							"data-layout-animation": contentLayoutAnimation || void 0,
+							"data-repop": repop || void 0,
+							...item.popupProps,
+							children: [arrow && /* @__PURE__ */ jsx(PopoverArrow, {
+								className: resolvedClassNames.arrow,
+								style: resolvedStyles.arrow,
+								children: PopoverArrowIcon
+							}), /* @__PURE__ */ jsx(PopoverViewport, {
+								className: resolvedClassNames.viewport,
+								"data-repop": repop || void 0,
+								style: resolvedStyles.viewport,
+								children: contentNode
+							})]
+						})
+					});
+					return portalContainer ? /* @__PURE__ */ jsx(PopoverPortal, {
+						container: portalContainer,
+						children: popup
+					}) : null;
+				}
+			}, key)]
+		})
+	});
+};
+PopoverGroup.displayName = "PopoverGroup";
+//#endregion
+export { PopoverGroup as default };
+
+//# sourceMappingURL=PopoverGroup.mjs.map

package/es/Popover/PopoverGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverGroup.mjs","names":["BasePopover"],"sources":["../../src/Popover/PopoverGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport { type FC, type ReactNode, useCallback, useMemo, useRef, useState } from 'react';\n\nimport {\n  useDestroyOnInvalidActiveTriggerElement,\n  useHidePopupWhenPositionerAtOrigin,\n  usePopupHandleStore,\n} from '@/utils/destroyOnInvalidActiveTriggerElement';\nimport { parseTrigger } from '@/utils/parseTrigger';\nimport { placementMap } from '@/utils/placement';\nimport { useRepopOnFarTriggerSwitch } from '@/utils/useRepopOnFarTriggerSwitch';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport {\n  PopoverArrow,\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport {\n  PopoverGroupHandleContext,\n  type PopoverGroupItem,\n  PopoverGroupPropsContext,\n  type PopoverGroupSharedProps,\n} from './groupContext';\nimport { isHoverOnlyTriggerElement, shouldCancelHoverOnlyPressOpen } from './hoverOnlyPress';\nimport { usePopoverPortalContainer } from './PopoverPortal';\n\ntype PopoverGroupProps = PopoverGroupSharedProps & {\n  children: ReactNode;\n};\n\nconst PopoverGroup: FC<PopoverGroupProps> = ({\n  children,\n  contentLayoutAnimation = true,\n  disableDestroyOnInvalidTrigger = false,\n  disableZeroOriginGuard = false,\n  ...sharedProps\n}) => {\n  const [{ handle, key }, setHandleState] = useState(() => ({\n    handle: BasePopover.createHandle<PopoverGroupItem>(),\n    key: 0,\n  }));\n  const activeItemRef = useRef<PopoverGroupItem | null>(null);\n  const destroy = useCallback(() => {\n    activeItemRef.current = null;\n    setHandleState(({ key }) => ({\n      handle: BasePopover.createHandle<PopoverGroupItem>(),\n      key: key + 1,\n    }));\n  }, []);\n  const close = useCallback(() => {\n    handle.close();\n  }, [handle]);\n  const contextValue = useMemo(() => ({ close }), [close]);\n\n  const handleOpenChange = useCallback(\n    (\n      nextOpen: boolean,\n      eventDetails?: { cancel?: () => void; reason?: string; trigger?: unknown },\n    ) => {\n      const item = activeItemRef.current;\n      // The press belongs to the trigger that fired it, which is not necessarily\n      // the member currently showing — judging by `activeItemRef` cancels every\n      // click member's first press, since the active one is a hover member (or\n      // none, which also reads as hover-only).\n      const hoverOnlyTrigger = isHoverOnlyTriggerElement(eventDetails?.trigger);\n      const openOnClick =\n        hoverOnlyTrigger === null\n          ? parseTrigger(item?.trigger ?? 'hover').openOnClick\n          : !hoverOnlyTrigger;\n\n      if (shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, eventDetails?.reason)) {\n        eventDetails?.cancel?.();\n        return;\n      }\n\n      item?.onOpenChange?.(nextOpen);\n    },\n    [],\n  );\n\n  const store = usePopupHandleStore(handle);\n  useDestroyOnInvalidActiveTriggerElement(store, destroy, {\n    enabled: !disableDestroyOnInvalidTrigger,\n  });\n  useHidePopupWhenPositionerAtOrigin(store, { enabled: !disableZeroOriginGuard });\n  const repop = useRepopOnFarTriggerSwitch(store, { enabled: contentLayoutAnimation });\n\n  const portalContainer = usePopoverPortalContainer();\n\n  return (\n    <PopoverGroupHandleContext value={handle}>\n      <PopoverGroupPropsContext value={sharedProps}>\n        {children}\n        <BasePopover.Root handle={handle} key={key} 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.arrow ?? false;\n            const placement = item.placement ?? 'top';\n            const { openOnHover } = parseTrigger(item.trigger ?? 'hover');\n\n            const placementConfig = placementMap[placement] ?? placementMap.top;\n            const resolvedSideOffset = arrow ? 10 : 6;\n\n            const resolvedClassNames = {\n              arrow: item.classNames?.arrow,\n              popup: item.className,\n              positioner: item.classNames?.root,\n              viewport: item.classNames?.content,\n            };\n\n            const resolvedStyles = {\n              arrow: item.styles?.arrow,\n              positioner: {\n                ...item.styles?.root,\n                ...(item.zIndex !== undefined ? { zIndex: item.zIndex } : {}),\n              },\n              viewport: item.styles?.content,\n            };\n\n            const contentNode = (\n              <PopoverProvider value={contextValue}>{item.content}</PopoverProvider>\n            );\n\n            const popup = (\n              <PopoverPositioner\n                align={placementConfig.align}\n                className={resolvedClassNames.positioner}\n                data-layout-animation={contentLayoutAnimation || undefined}\n                data-repop={repop || undefined}\n                hoverTrigger={openOnHover}\n                placement={placement}\n                side={placementConfig.side}\n                sideOffset={resolvedSideOffset}\n                style={resolvedStyles.positioner}\n                {...item.positionerProps}\n              >\n                <PopoverPopup\n                  className={resolvedClassNames.popup}\n                  data-layout-animation={contentLayoutAnimation || undefined}\n                  data-repop={repop || undefined}\n                  {...item.popupProps}\n                >\n                  {arrow && (\n                    <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n                      {PopoverArrowIcon}\n                    </PopoverArrow>\n                  )}\n                  <PopoverViewport\n                    className={resolvedClassNames.viewport}\n                    data-repop={repop || undefined}\n                    style={resolvedStyles.viewport}\n                  >\n                    {contentNode}\n                  </PopoverViewport>\n                </PopoverPopup>\n              </PopoverPositioner>\n            );\n\n            return portalContainer ? (\n              <PopoverPortal container={portalContainer}>{popup}</PopoverPortal>\n            ) : null;\n          }}\n        </BasePopover.Root>\n      </PopoverGroupPropsContext>\n    </PopoverGroupHandleContext>\n  );\n};\n\nPopoverGroup.displayName = 'PopoverGroup';\n\nexport default PopoverGroup;\n"],"mappings":"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"}

package/es/Popover/PopoverInGroup.mjs

@@ -0,0 +1,71 @@
+"use client";
+import { useNativeButton } from "../hooks/useNativeButton.mjs";
+import { parseTrigger } from "../utils/parseTrigger.mjs";
+import { PopoverGroupHandleContext } from "./groupContext.mjs";
+import { HOVER_ONLY_TRIGGER_ATTR } from "./hoverOnlyPress.mjs";
+import { useMergedPopoverProps } from "./useMergedPopoverProps.mjs";
+import { cloneElement, isValidElement, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs } from "react-merge-refs";
+import { Popover } from "@base-ui/react/popover";
+//#region src/Popover/PopoverInGroup.tsx
+const PopoverInGroup = ({ children, ref: refProp, ...props }) => {
+	const group = use(PopoverGroupHandleContext);
+	const item = useMergedPopoverProps(props);
+	const { openOnClick, 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);
+	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton: item.nativeButton
+	});
+	if (!item.content) return children;
+	const triggerProps = {
+		[HOVER_ONLY_TRIGGER_ATTR]: openOnClick ? void 0 : "",
+		closeDelay: resolvedCloseDelay,
+		delay: resolvedOpenDelay,
+		disabled,
+		openOnHover: openOnHover && !disabled,
+		...item.triggerProps,
+		payload: item
+	};
+	const triggerClassName = item.classNames?.trigger;
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		nativeButton: resolvedNativeButton,
+		render: (renderProps) => {
+			const resolvedProps = (() => {
+				if (isNativeButtonTriggerElement) return renderProps;
+				const { type, ref: triggerRef, ...restProps } = renderProps;
+				return restProps;
+			})();
+			const mergedProps = mergeProps(children.props, resolvedProps);
+			return cloneElement(children, {
+				...mergedProps,
+				className: clsx(mergedProps.className, triggerClassName),
+				ref: mergeRefs([
+					children.ref,
+					renderProps.ref,
+					refProp
+				])
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		handle: group ?? void 0,
+		...triggerProps,
+		className: triggerClassName,
+		nativeButton: resolvedNativeButton,
+		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":["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 clsx from 'clsx';\nimport { cloneElement, type FC, isValidElement, useMemo } from 'react';\nimport { use } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\n\nimport { PopoverGroupHandleContext } from './groupContext';\nimport { HOVER_ONLY_TRIGGER_ATTR } from './hoverOnlyPress';\nimport { type PopoverProps } from './type';\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\n\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\n  const group = use(PopoverGroupHandleContext);\n  const item = useMergedPopoverProps(props);\n\n  const { openOnClick, openOnHover } = useMemo(\n    () => parseTrigger(item.trigger ?? 'hover'),\n    [item.trigger],\n  );\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  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\n    children,\n    nativeButton: item.nativeButton,\n  });\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    [HOVER_ONLY_TRIGGER_ATTR]: openOnClick ? undefined : '',\n    closeDelay: resolvedCloseDelay,\n    delay: resolvedOpenDelay,\n    disabled,\n    openOnHover: openOnHover && !disabled,\n    ...item.triggerProps,\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        nativeButton={resolvedNativeButton}\n        render={(renderProps) => {\n          // Base UI's trigger props include `type=\"button\"` by default.\n          // If we render into a non-<button> element, that prop is invalid and can warn.\n          const resolvedProps = (() => {\n            if (isNativeButtonTriggerElement) return renderProps as any;\n            // eslint-disable-next-line unused-imports/no-unused-vars\n            const { type, ref: triggerRef, ...restProps } = renderProps as any;\n            return restProps;\n          })();\n\n          const mergedProps = mergeProps((children as any).props, resolvedProps);\n          return cloneElement(children as any, {\n            ...mergedProps,\n            className: clsx(mergedProps.className, triggerClassName),\n            ref: mergeRefs([(children as any).ref, (renderProps as any).ref, refProp]),\n          });\n        }}\n      />\n    );\n  }\n\n  return (\n    <BasePopover.Trigger\n      handle={group ?? undefined}\n      {...triggerProps}\n      className={triggerClassName}\n      nativeButton={resolvedNativeButton}\n      ref={refProp}\n    >\n      {children}\n    </BasePopover.Trigger>\n  );\n};\n\nPopoverInGroup.displayName = 'PopoverInGroup';\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,kBAAoC,EAAE,UAAU,KAAK,SAAS,GAAG,YAAY;CACxF,MAAM,QAAQ,IAAI,yBAAyB;CAC3C,MAAM,OAAO,sBAAsB,KAAK;CAExC,MAAM,EAAE,aAAa,gBAAgB,cAC7B,aAAa,KAAK,WAAW,OAAO,GAC1C,CAAC,KAAK,OAAO,CACf;CAEA,MAAM,oBAAoB,KAAK,cAAc,KAAK,mBAAmB,MAAO;CAC5E,MAAM,qBAAqB,KAAK,eAAe,KAAK,mBAAmB,MAAO;CAC9E,MAAM,WAAW,QAAQ,KAAK,QAAQ;CAEtC,MAAM,EAAE,8BAA8B,yBAAyB,gBAAgB;EAC7E;EACA,cAAc,KAAK;CACrB,CAAC;CAGD,IAAI,CAAC,KAAK,SACR,OAAO;CAGT,MAAM,eAAe;GAClB,0BAA0B,cAAc,KAAA,IAAY;EACrD,YAAY;EACZ,OAAO;EACP;EACA,aAAa,eAAe,CAAC;EAC7B,GAAG,KAAK;EACR,SAAS;CACX;CAEA,MAAM,mBAAmB,KAAK,YAAY;CAE1C,IAAI,eAAe,QAAQ,GACzB,OACE,oBAACA,QAAY,SAAb;EACE,QAAQ,SAAS,KAAA;EACjB,GAAI;EACJ,cAAc;EACd,SAAS,gBAAgB;GAGvB,MAAM,uBAAuB;IAC3B,IAAI,8BAA8B,OAAO;IAEzC,MAAM,EAAE,MAAM,KAAK,YAAY,GAAG,cAAc;IAChD,OAAO;GACT,EAAA,CAAG;GAEH,MAAM,cAAc,WAAY,SAAiB,OAAO,aAAa;GACrE,OAAO,aAAa,UAAiB;IACnC,GAAG;IACH,WAAW,KAAK,YAAY,WAAW,gBAAgB;IACvD,KAAK,UAAU;KAAE,SAAiB;KAAM,YAAoB;KAAK;IAAO,CAAC;GAC3E,CAAC;EACH;CACD,CAAA;CAIL,OACE,oBAACA,QAAY,SAAb;EACE,QAAQ,SAAS,KAAA;EACjB,GAAI;EACJ,WAAW;EACX,cAAc;EACd,KAAK;EAEJ;CACkB,CAAA;AAEzB;AAEA,eAAe,cAAc"}

package/es/Popover/PopoverPortal.d.mts

@@ -0,0 +1,4 @@
+//#region src/Popover/PopoverPortal.d.ts
+export declare const usePopoverPortalContainer: (root?: HTMLElement | ShadowRoot | null) => HTMLElement | null;
+//#endregion
+//# sourceMappingURL=PopoverPortal.d.mts.map

package/es/Popover/PopoverPortal.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { useAppElement } from "../ConfigProvider/AppElementContext.mjs";
+//#region src/Popover/PopoverPortal.tsx
+const usePopoverPortalContainer = (root) => {
+	const appElement = useAppElement();
+	if (typeof document === "undefined") return null;
+	return root ?? appElement ?? document.body;
+};
+//#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 { useAppElement } from '@/ConfigProvider/AppElementContext';\n\nexport const usePopoverPortalContainer = (\n  root?: HTMLElement | ShadowRoot | null,\n): HTMLElement | null => {\n  const appElement = useAppElement();\n  if (typeof document === 'undefined') return null;\n  return (root as HTMLElement | null) ?? appElement ?? document.body;\n};\n"],"mappings":";;;AAIA,MAAa,6BACX,SACuB;CACvB,MAAM,aAAa,cAAc;CACjC,IAAI,OAAO,aAAa,aAAa,OAAO;CAC5C,OAAQ,QAA+B,cAAc,SAAS;AAChE"}

package/es/Popover/PopoverStandalone.mjs

@@ -0,0 +1,170 @@
+"use client";
+import { useNativeButton } from "../hooks/useNativeButton.mjs";
+import { useIsClient } from "../hooks/useIsClient.mjs";
+import { placementMap } from "../utils/placement.mjs";
+import { parseTrigger } from "../utils/parseTrigger.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { PopoverArrow, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "./atoms.mjs";
+import { PopoverProvider } from "./context.mjs";
+import { shouldCancelHoverOnlyPressOpen } from "./hoverOnlyPress.mjs";
+import { memo, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 = false, trigger = "hover", placement = "top", styles: styleProps, classNames, className, open, onOpenChange, defaultOpen = false, mouseEnterDelay = .1, mouseLeaveDelay = .1, openDelay, closeDelay, getPopupContainer, disabled = false, zIndex, nativeButton, ref: refProp, positionerProps, triggerProps, popupProps, backdropProps, portalProps }) => {
+	const isClient = useIsClient();
+	const popoverHandle = useMemo(() => Popover.createHandle(), []);
+	const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));
+	const close = useCallback(() => {
+		popoverHandle.close();
+	}, [popoverHandle]);
+	const contextValue = useMemo(() => ({ close }), [close]);
+	const resolvedOpen = disabled ? false : open ?? uncontrolledOpen;
+	const { openOnClick, openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);
+	const handleOpenChange = useCallback((nextOpen, eventDetails) => {
+		if (disabled && nextOpen) return;
+		if (shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, eventDetails?.reason)) {
+			eventDetails?.cancel?.();
+			return;
+		}
+		onOpenChange?.(nextOpen);
+		if (open === void 0) setUncontrolledOpen(nextOpen);
+	}, [
+		onOpenChange,
+		open,
+		disabled,
+		openOnClick
+	]);
+	const resolvedOpenDelay = openDelay ?? mouseEnterDelay * 1e3;
+	const resolvedCloseDelay = closeDelay ?? mouseLeaveDelay * 1e3;
+	const placementConfig = placementMap[placement] ?? placementMap.top;
+	const resolvedSideOffset = arrow ? 10 : 6;
+	const portalContainer = usePopoverPortalContainer();
+	const { resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	const resolvedClassNames = useMemo(() => ({
+		arrow: classNames?.arrow,
+		popup: className,
+		positioner: classNames?.root,
+		trigger: classNames?.trigger,
+		viewport: classNames?.content
+	}), [
+		className,
+		classNames?.arrow,
+		classNames?.content,
+		classNames?.root,
+		classNames?.trigger
+	]);
+	const triggerElement = useMemo(() => {
+		const baseTriggerProps = {
+			closeDelay: resolvedCloseDelay,
+			delay: resolvedOpenDelay,
+			disabled,
+			openOnHover: openOnHover && !disabled,
+			...triggerProps
+		};
+		return /* @__PURE__ */ jsx(PopoverTriggerElement, {
+			handle: popoverHandle,
+			...baseTriggerProps,
+			className: resolvedClassNames.trigger,
+			nativeButton: resolvedNativeButton,
+			ref: refProp,
+			children
+		});
+	}, [
+		children,
+		disabled,
+		openOnHover,
+		popoverHandle,
+		refProp,
+		resolvedClassNames.trigger,
+		resolvedNativeButton,
+		resolvedOpenDelay,
+		resolvedCloseDelay,
+		triggerProps
+	]);
+	const customContainer = useMemo(() => {
+		if (!getPopupContainer || !isClient) return void 0;
+	}, [getPopupContainer, isClient]);
+	const resolvedStyles = useMemo(() => ({
+		arrow: styleProps?.arrow,
+		positioner: {
+			...styleProps?.root,
+			...zIndex !== void 0 ? { zIndex } : {}
+		},
+		viewport: styleProps?.content
+	}), [
+		styleProps?.arrow,
+		styleProps?.content,
+		styleProps?.root,
+		zIndex
+	]);
+	const popup = useMemo(() => /* @__PURE__ */ jsx(PopoverPositioner, {
+		align: placementConfig.align,
+		className: resolvedClassNames.positioner,
+		hoverTrigger: openOnHover,
+		placement,
+		side: placementConfig.side,
+		sideOffset: resolvedSideOffset,
+		style: resolvedStyles.positioner,
+		...positionerProps,
+		children: /* @__PURE__ */ jsxs(PopoverPopup, {
+			className: resolvedClassNames.popup,
+			...popupProps,
+			children: [arrow && /* @__PURE__ */ jsx(PopoverArrow, {
+				className: resolvedClassNames.arrow,
+				style: resolvedStyles.arrow,
+				children: PopoverArrowIcon
+			}), /* @__PURE__ */ jsx(PopoverViewport, {
+				className: resolvedClassNames.viewport,
+				style: resolvedStyles.viewport,
+				children: /* @__PURE__ */ jsx(PopoverProvider, {
+					value: contextValue,
+					children: content
+				})
+			})]
+		})
+	}), [
+		arrow,
+		content,
+		contextValue,
+		openOnHover,
+		placement,
+		placementConfig.align,
+		placementConfig.side,
+		popupProps,
+		positionerProps,
+		resolvedClassNames,
+		resolvedSideOffset,
+		resolvedStyles
+	]);
+	if (!content) return children;
+	const resolvedPortalContainer = customContainer ?? portalContainer;
+	return /* @__PURE__ */ jsxs(PopoverRoot, {
+		defaultOpen,
+		handle: popoverHandle,
+		open: resolvedOpen,
+		onOpenChange: handleOpenChange,
+		children: [
+			triggerElement,
+			backdropProps && /* @__PURE__ */ jsx(Popover.Backdrop, { ...backdropProps }),
+			resolvedPortalContainer ? /* @__PURE__ */ jsx(PopoverPortal, {
+				container: resolvedPortalContainer,
+				...portalProps,
+				children: popup
+			}) : null
+		]
+	});
+});
+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 { Popover as BasePopover } from '@base-ui/react/popover';\nimport { memo, useCallback, useMemo, useState } from 'react';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useNativeButton } from '@/hooks/useNativeButton';\nimport { parseTrigger } from '@/utils/parseTrigger';\nimport { placementMap } from '@/utils/placement';\n\nimport { PopoverArrowIcon } from './ArrowIcon';\nimport {\n  PopoverArrow,\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverRoot,\n  PopoverTriggerElement,\n  PopoverViewport,\n} from './atoms';\nimport { PopoverProvider } from './context';\nimport { shouldCancelHoverOnlyPressOpen } from './hoverOnlyPress';\nimport { usePopoverPortalContainer } from './PopoverPortal';\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 = 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    getPopupContainer,\n    disabled = false,\n    zIndex,\n    nativeButton,\n    ref: refProp,\n    positionerProps,\n    triggerProps,\n    popupProps,\n    backdropProps,\n    portalProps,\n  }) => {\n    const isClient = useIsClient();\n    const popoverHandle = useMemo(() => BasePopover.createHandle(), []);\n    const [uncontrolledOpen, setUncontrolledOpen] = useState(Boolean(defaultOpen));\n    const close = useCallback(() => {\n      popoverHandle.close();\n    }, [popoverHandle]);\n    const contextValue = useMemo(() => ({ close }), [close]);\n\n    const mergedOpen = open ?? uncontrolledOpen;\n    const resolvedOpen = disabled ? false : mergedOpen;\n\n    // Parse trigger mode\n    const { openOnClick, openOnHover } = useMemo(() => parseTrigger(trigger), [trigger]);\n\n    const handleOpenChange = useCallback(\n      (nextOpen: boolean, eventDetails?: { cancel?: () => void; reason?: string }) => {\n        if (disabled && nextOpen) return;\n\n        if (shouldCancelHoverOnlyPressOpen(openOnClick, nextOpen, eventDetails?.reason)) {\n          eventDetails?.cancel?.();\n          return;\n        }\n\n        onOpenChange?.(nextOpen);\n        if (open === undefined) {\n          setUncontrolledOpen(nextOpen);\n        }\n      },\n      [onOpenChange, open, disabled, openOnClick],\n    );\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 resolvedSideOffset = arrow ? 10 : 6;\n\n    // Determine portal container\n    const portalContainer = usePopoverPortalContainer();\n\n    const { resolvedNativeButton } = useNativeButton({\n      children,\n      nativeButton,\n    });\n\n    const resolvedClassNames = useMemo(\n      () => ({\n        arrow: classNames?.arrow,\n        popup: className,\n        positioner: classNames?.root,\n        trigger: classNames?.trigger,\n        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 baseTriggerProps = {\n        closeDelay: resolvedCloseDelay,\n        delay: resolvedOpenDelay,\n        disabled,\n        openOnHover: openOnHover && !disabled,\n        ...triggerProps,\n      };\n\n      return (\n        <PopoverTriggerElement\n          handle={popoverHandle}\n          {...baseTriggerProps}\n          className={resolvedClassNames.trigger}\n          nativeButton={resolvedNativeButton}\n          ref={refProp as any}\n        >\n          {children}\n        </PopoverTriggerElement>\n      );\n    }, [\n      children,\n      disabled,\n      openOnHover,\n      popoverHandle,\n      refProp,\n      resolvedClassNames.trigger,\n      resolvedNativeButton,\n      resolvedOpenDelay,\n      resolvedCloseDelay,\n      triggerProps,\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 !== undefined ? { zIndex } : {}),\n        },\n        viewport: styleProps?.content,\n      }),\n      [styleProps?.arrow, styleProps?.content, styleProps?.root, zIndex],\n    );\n\n    const popup = useMemo(\n      () => (\n        <PopoverPositioner\n          align={placementConfig.align}\n          className={resolvedClassNames.positioner}\n          hoverTrigger={openOnHover}\n          placement={placement}\n          side={placementConfig.side}\n          sideOffset={resolvedSideOffset}\n          style={resolvedStyles.positioner}\n          {...positionerProps}\n        >\n          <PopoverPopup className={resolvedClassNames.popup} {...popupProps}>\n            {arrow && (\n              <PopoverArrow className={resolvedClassNames.arrow} style={resolvedStyles.arrow}>\n                {PopoverArrowIcon}\n              </PopoverArrow>\n            )}\n            <PopoverViewport\n              className={resolvedClassNames.viewport}\n              style={resolvedStyles.viewport}\n            >\n              <PopoverProvider value={contextValue}>{content}</PopoverProvider>\n            </PopoverViewport>\n          </PopoverPopup>\n        </PopoverPositioner>\n      ),\n      [\n        arrow,\n        content,\n        contextValue,\n        openOnHover,\n        placement,\n        placementConfig.align,\n        placementConfig.side,\n        popupProps,\n        positionerProps,\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      <PopoverRoot\n        defaultOpen={defaultOpen}\n        handle={popoverHandle}\n        open={resolvedOpen}\n        onOpenChange={handleOpenChange}\n      >\n        {triggerElement}\n        {backdropProps && <BasePopover.Backdrop {...backdropProps} />}\n        {resolvedPortalContainer ? (\n          <PopoverPortal container={resolvedPortalContainer} {...portalProps}>\n            {popup}\n          </PopoverPortal>\n        ) : null}\n      </PopoverRoot>\n    );\n  },\n);\n\nPopoverStandalone.displayName = 'PopoverStandalone';\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,MAAa,oBAAoB,MAC9B,EACC,UACA,SACA,QAAQ,OACR,UAAU,SACV,YAAY,OACZ,QAAQ,YACR,YACA,WACA,MACA,cACA,cAAc,OACd,kBAAkB,IAClB,kBAAkB,IAClB,WACA,YACA,mBACA,WAAW,OACX,QACA,cACA,KAAK,SACL,iBACA,cACA,YACA,eACA,kBACI;CACJ,MAAM,WAAW,YAAY;CAC7B,MAAM,gBAAgB,cAAcA,QAAY,aAAa,GAAG,CAAC,CAAC;CAClE,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,QAAQ,WAAW,CAAC;CAC7E,MAAM,QAAQ,kBAAkB;EAC9B,cAAc,MAAM;CACtB,GAAG,CAAC,aAAa,CAAC;CAClB,MAAM,eAAe,eAAe,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;CAGvD,MAAM,eAAe,WAAW,QADb,QAAQ;CAI3B,MAAM,EAAE,aAAa,gBAAgB,cAAc,aAAa,OAAO,GAAG,CAAC,OAAO,CAAC;CAEnF,MAAM,mBAAmB,aACtB,UAAmB,iBAA4D;EAC9E,IAAI,YAAY,UAAU;EAE1B,IAAI,+BAA+B,aAAa,UAAU,cAAc,MAAM,GAAG;GAC/E,cAAc,SAAS;GACvB;EACF;EAEA,eAAe,QAAQ;EACvB,IAAI,SAAS,KAAA,GACX,oBAAoB,QAAQ;CAEhC,GACA;EAAC;EAAc;EAAM;EAAU;CAAW,CAC5C;CAGA,MAAM,oBAAoB,aAAa,kBAAkB;CACzD,MAAM,qBAAqB,cAAc,kBAAkB;CAG3D,MAAM,kBAAkB,aAAa,cAAc,aAAa;CAChE,MAAM,qBAAqB,QAAQ,KAAK;CAGxC,MAAM,kBAAkB,0BAA0B;CAElD,MAAM,EAAE,yBAAyB,gBAAgB;EAC/C;EACA;CACF,CAAC;CAED,MAAM,qBAAqB,eAClB;EACL,OAAO,YAAY;EACnB,OAAO;EACP,YAAY,YAAY;EACxB,SAAS,YAAY;EACrB,UAAU,YAAY;CACxB,IACA;EAAC;EAAW,YAAY;EAAO,YAAY;EAAS,YAAY;EAAM,YAAY;CAAO,CAC3F;CAGA,MAAM,iBAAiB,cAAc;EACnC,MAAM,mBAAmB;GACvB,YAAY;GACZ,OAAO;GACP;GACA,aAAa,eAAe,CAAC;GAC7B,GAAG;EACL;EAEA,OACE,oBAAC,uBAAD;GACE,QAAQ;GACR,GAAI;GACJ,WAAW,mBAAmB;GAC9B,cAAc;GACd,KAAK;GAEJ;EACoB,CAAA;CAE3B,GAAG;EACD;EACA;EACA;EACA;EACA;EACA,mBAAmB;EACnB;EACA;EACA;EACA;CACF,CAAC;CAGD,MAAM,kBAAkB,cAAc;EACpC,IAAI,CAAC,qBAAqB,CAAC,UAAU,OAAO,KAAA;CAI9C,GAAG,CAAC,mBAAmB,QAAQ,CAAC;CAEhC,MAAM,iBAAiB,eACd;EACL,OAAO,YAAY;EACnB,YAAY;GACV,GAAG,YAAY;GACf,GAAI,WAAW,KAAA,IAAY,EAAE,OAAO,IAAI,CAAC;EAC3C;EACA,UAAU,YAAY;CACxB,IACA;EAAC,YAAY;EAAO,YAAY;EAAS,YAAY;EAAM;CAAM,CACnE;CAEA,MAAM,QAAQ,cAEV,oBAAC,mBAAD;EACE,OAAO,gBAAgB;EACvB,WAAW,mBAAmB;EAC9B,cAAc;EACH;EACX,MAAM,gBAAgB;EACtB,YAAY;EACZ,OAAO,eAAe;EACtB,GAAI;EAEJ,UAAA,qBAAC,cAAD;GAAc,WAAW,mBAAmB;GAAO,GAAI;GAAvD,UAAA,CACG,SACC,oBAAC,cAAD;IAAc,WAAW,mBAAmB;IAAO,OAAO,eAAe;IACtE,UAAA;GACW,CAAA,GAEhB,oBAAC,iBAAD;IACE,WAAW,mBAAmB;IAC9B,OAAO,eAAe;IAEtB,UAAA,oBAAC,iBAAD;KAAiB,OAAO;KAAe,UAAA;IAAyB,CAAA;GACjD,CAAA,CACL;;CACG,CAAA,GAErB;EACE;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,gBAAgB;EAChB;EACA;EACA;EACA;EACA;CACF,CACF;CAGA,IAAI,CAAC,SACH,OAAO;CAGT,MAAM,0BAA0B,mBAAmB;CAEnD,OACE,qBAAC,aAAD;EACe;EACb,QAAQ;EACR,MAAM;EACN,cAAc;EAJhB,UAAA;GAMG;GACA,iBAAiB,oBAACA,QAAY,UAAb,EAAsB,GAAI,cAAgB,CAAA;GAC3D,0BACC,oBAAC,eAAD;IAAe,WAAW;IAAyB,GAAI;IACpD,UAAA;GACY,CAAA,IACb;EACO;;AAEjB,CACF;AAEA,kBAAkB,cAAc"}

package/es/Popover/atoms.d.mts

@@ -0,0 +1,55 @@
+import { PopoverPlacement } from "./type.mjs";
+import { ComponentProps, ComponentPropsWithRef } from "react";
+import * as stylex from "@stylexjs/stylex";
+import { Popover } from "@base-ui/react/popover";
+//#region src/Popover/atoms.d.ts
+export declare const PopoverRoot: typeof Popover.Root;
+export declare const PopoverBackdrop: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'children' | 'render'> & {
+  children: ComponentProps<typeof Popover.Trigger>['children'];
+};
+export declare const PopoverTriggerElement: {
+  ({ children, className, nativeButton, ref: refProp, ...rest }: PopoverTriggerElementProps): import("react").JSX.Element;
+  displayName: string;
+};
+export type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover.Portal>, 'container'> & {
+  /**
+   * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.
+   */
+  container?: HTMLElement | null;
+  /**
+   * Root element used by `usePopoverPortalContainer` to create the default container.
+   */
+  root?: HTMLElement | ShadowRoot | null;
+};
+export declare const PopoverPortal: {
+  ({ container, root, children, ...rest }: PopoverPortalAtomProps): import("react").JSX.Element | null;
+  displayName: string;
+};
+export type PopoverPositionerAtomProps = ComponentProps<typeof Popover.Positioner> & {
+  hoverTrigger?: boolean;
+  placement?: PopoverPlacement;
+};
+export declare const PopoverPositioner: {
+  ({ children, className, collisionPadding, hoverTrigger, placement, align, side, sideOffset, style, ...rest }: PopoverPositionerAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+export type PopoverPopupAtomProps = ComponentProps<typeof Popover.Popup> & {
+  xstyle?: stylex.StyleXStyles;
+};
+export declare const PopoverPopup: {
+  ({ className, xstyle, ...rest }: PopoverPopupAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+export type PopoverArrowAtomProps = ComponentProps<typeof Popover.Arrow>;
+export declare const PopoverArrow: {
+  ({ className, children, ...rest }: PopoverArrowAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+export type PopoverViewportAtomProps = ComponentProps<typeof Popover.Viewport>;
+export declare const PopoverViewport: {
+  ({ className, ...rest }: PopoverViewportAtomProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=atoms.d.mts.map