@jinmi/ui 0.0.0-stage → 6.0.2

package/es/base-ui/Pagination/Pagination.mjs

@@ -0,0 +1,123 @@
+"use client";
+import Select from "../Select/Select.mjs";
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import { clampPage, getPageCount, getPaginationItems } from "./helpers.mjs";
+import { buttonVariants, ellipsisVariants, styles } from "./style.mjs";
+import { memo, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+//#region src/base-ui/Pagination/Pagination.tsx
+const Pagination = memo(({ className, current, defaultCurrent = 1, defaultPageSize = 10, disabled, hideOnSinglePage, onChange, onPageSizeChange, pageSize, pageSizeOptions = [
+	10,
+	20,
+	50,
+	100
+], ref, showSizeChanger = false, showTotal, size = "middle", style, total, ...rest }) => {
+	const [mergedPageSize, setMergedPageSize] = useMergeState(defaultPageSize, { value: pageSize });
+	const pageCount = getPageCount(total, mergedPageSize);
+	const [mergedCurrent, setMergedCurrent] = useMergeState(defaultCurrent, { value: current });
+	const onChangeStable = useEventCallback((nextCurrent, nextPageSize) => {
+		onChange?.(nextCurrent, nextPageSize);
+	});
+	const pendingNotifyRef = useRef(null);
+	const [prevPageCount, setPrevPageCount] = useState(pageCount);
+	if (pageCount !== prevPageCount) {
+		setPrevPageCount(pageCount);
+		if (mergedCurrent > pageCount && pageCount >= 1) {
+			setMergedCurrent(pageCount);
+			pendingNotifyRef.current = {
+				current: pageCount,
+				pageSize: mergedPageSize
+			};
+		}
+	}
+	useEffect(() => {
+		if (!pendingNotifyRef.current) return;
+		const { current: nextCurrent, pageSize: nextPageSize } = pendingNotifyRef.current;
+		pendingNotifyRef.current = null;
+		onChangeStable(nextCurrent, nextPageSize);
+	});
+	const displayCurrent = clampPage(mergedCurrent, pageCount);
+	if (hideOnSinglePage && pageCount <= 1) return null;
+	const commitCurrent = (nextCurrent, nextPageSize) => {
+		setMergedCurrent(nextCurrent);
+		onChange?.(nextCurrent, nextPageSize);
+	};
+	const goTo = (page) => {
+		commitCurrent(clampPage(page, pageCount), mergedPageSize);
+	};
+	const handlePageSizeChange = (value) => {
+		const nextSize = Number(value);
+		const nextPageCount = getPageCount(total, nextSize);
+		const nextCurrent = clampPage(displayCurrent, nextPageCount);
+		setMergedPageSize(nextSize);
+		commitCurrent(nextCurrent, nextSize);
+		onPageSizeChange?.(nextCurrent, nextSize);
+	};
+	const items = getPaginationItems(displayCurrent, pageCount);
+	const rangeStart = total === 0 ? 0 : (displayCurrent - 1) * mergedPageSize + 1;
+	const rangeEnd = Math.min(displayCurrent * mergedPageSize, total);
+	return /* @__PURE__ */ jsxs("nav", {
+		"aria-label": "Pagination",
+		className: cx(styles.root, className),
+		ref,
+		role: "navigation",
+		style,
+		...rest,
+		children: [
+			showTotal && /* @__PURE__ */ jsx("span", {
+				className: styles.total,
+				children: showTotal(total, [rangeStart, rangeEnd])
+			}),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Previous page",
+				className: buttonVariants({ size }),
+				disabled: disabled || displayCurrent <= 1,
+				type: "button",
+				onClick: () => goTo(displayCurrent - 1),
+				children: /* @__PURE__ */ jsx(ChevronLeft, { size: size === "small" ? 14 : 16 })
+			}),
+			items.map((item) => typeof item === "number" ? /* @__PURE__ */ jsx("button", {
+				"aria-current": item === displayCurrent ? "page" : void 0,
+				className: buttonVariants({ size }),
+				disabled,
+				type: "button",
+				onClick: () => goTo(item),
+				children: item
+			}, item) : /* @__PURE__ */ jsx("span", {
+				className: ellipsisVariants({ size }),
+				children: "···"
+			}, item)),
+			/* @__PURE__ */ jsx("button", {
+				"aria-label": "Next page",
+				className: buttonVariants({ size }),
+				disabled: disabled || displayCurrent >= pageCount,
+				type: "button",
+				onClick: () => goTo(displayCurrent + 1),
+				children: /* @__PURE__ */ jsx(ChevronRight, { size: size === "small" ? 14 : 16 })
+			}),
+			showSizeChanger && /* @__PURE__ */ jsx(Select, {
+				disabled,
+				size: size === "small" ? "small" : "middle",
+				style: {
+					flex: "none",
+					marginInlineStart: 8,
+					width: "auto"
+				},
+				value: String(mergedPageSize),
+				options: pageSizeOptions.map((option) => ({
+					label: `${option} / page`,
+					value: String(option)
+				})),
+				onChange: handlePageSizeChange
+			})
+		]
+	});
+});
+Pagination.displayName = "Pagination";
+//#endregion
+export { Pagination as default };
+
+//# sourceMappingURL=Pagination.mjs.map

package/es/base-ui/Pagination/Pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\r\nimport { memo, useEffect, useRef, useState } from 'react';\r\nimport useControlledState from 'use-merge-value';\r\n\r\nimport Select from '@/base-ui/Select';\r\nimport { useEventCallback } from '@/hooks/useEventCallback';\r\n\r\nimport { clampPage, getPageCount, getPaginationItems } from './helpers';\r\nimport { buttonVariants, ellipsisVariants, styles } from './style';\r\nimport type { PaginationProps } from './type';\r\n\r\nconst Pagination = memo<PaginationProps>(\r\n  ({\r\n    className,\r\n    current,\r\n    defaultCurrent = 1,\r\n    defaultPageSize = 10,\r\n    disabled,\r\n    hideOnSinglePage,\r\n    onChange,\r\n    onPageSizeChange,\r\n    pageSize,\r\n    pageSizeOptions = [10, 20, 50, 100],\r\n    ref,\r\n    showSizeChanger = false,\r\n    showTotal,\r\n    size = 'middle',\r\n    style,\r\n    total,\r\n    ...rest\r\n  }) => {\r\n    const [mergedPageSize, setMergedPageSize] = useControlledState(defaultPageSize, {\r\n      value: pageSize,\r\n    });\r\n    const pageCount = getPageCount(total, mergedPageSize);\r\n    const [mergedCurrent, setMergedCurrent] = useControlledState(defaultCurrent, {\r\n      value: current,\r\n    });\r\n    const onChangeStable = useEventCallback((nextCurrent: number, nextPageSize: number) => {\r\n      onChange?.(nextCurrent, nextPageSize);\r\n    });\r\n\r\n    const pendingNotifyRef = useRef<{ current: number; pageSize: number } | null>(null);\r\n    const [prevPageCount, setPrevPageCount] = useState(pageCount);\r\n\r\n    if (pageCount !== prevPageCount) {\r\n      setPrevPageCount(pageCount);\r\n\r\n      if (mergedCurrent > pageCount && pageCount >= 1) {\r\n        setMergedCurrent(pageCount);\r\n        pendingNotifyRef.current = { current: pageCount, pageSize: mergedPageSize };\r\n      }\r\n    }\r\n\r\n    useEffect(() => {\r\n      if (!pendingNotifyRef.current) return;\r\n\r\n      const { current: nextCurrent, pageSize: nextPageSize } = pendingNotifyRef.current;\r\n      pendingNotifyRef.current = null;\r\n      onChangeStable(nextCurrent, nextPageSize);\r\n    });\r\n\r\n    const displayCurrent = clampPage(mergedCurrent, pageCount);\r\n\r\n    if (hideOnSinglePage && pageCount <= 1) return null;\r\n\r\n    const commitCurrent = (nextCurrent: number, nextPageSize: number) => {\r\n      setMergedCurrent(nextCurrent);\r\n      onChange?.(nextCurrent, nextPageSize);\r\n    };\r\n\r\n    const goTo = (page: number) => {\r\n      commitCurrent(clampPage(page, pageCount), mergedPageSize);\r\n    };\r\n\r\n    const handlePageSizeChange = (value: string) => {\r\n      const nextSize = Number(value);\r\n      const nextPageCount = getPageCount(total, nextSize);\r\n      const nextCurrent = clampPage(displayCurrent, nextPageCount);\r\n\r\n      setMergedPageSize(nextSize);\r\n      commitCurrent(nextCurrent, nextSize);\r\n      onPageSizeChange?.(nextCurrent, nextSize);\r\n    };\r\n\r\n    const items = getPaginationItems(displayCurrent, pageCount);\r\n    const rangeStart = total === 0 ? 0 : (displayCurrent - 1) * mergedPageSize + 1;\r\n    const rangeEnd = Math.min(displayCurrent * mergedPageSize, total);\r\n\r\n    return (\r\n      <nav\r\n        aria-label=\"Pagination\"\r\n        className={cx(styles.root, className)}\r\n        ref={ref}\r\n        role=\"navigation\"\r\n        style={style}\r\n        {...rest}\r\n      >\r\n        {showTotal && (\r\n          <span className={styles.total}>{showTotal(total, [rangeStart, rangeEnd])}</span>\r\n        )}\r\n        <button\r\n          aria-label=\"Previous page\"\r\n          className={buttonVariants({ size })}\r\n          disabled={disabled || displayCurrent <= 1}\r\n          type=\"button\"\r\n          onClick={() => goTo(displayCurrent - 1)}\r\n        >\r\n          <ChevronLeft size={size === 'small' ? 14 : 16} />\r\n        </button>\r\n        {items.map((item) =>\r\n          typeof item === 'number' ? (\r\n            <button\r\n              aria-current={item === displayCurrent ? 'page' : undefined}\r\n              className={buttonVariants({ size })}\r\n              disabled={disabled}\r\n              key={item}\r\n              type=\"button\"\r\n              onClick={() => goTo(item)}\r\n            >\r\n              {item}\r\n            </button>\r\n          ) : (\r\n            <span className={ellipsisVariants({ size })} key={item}>\r\n              ···\r\n            </span>\r\n          ),\r\n        )}\r\n        <button\r\n          aria-label=\"Next page\"\r\n          className={buttonVariants({ size })}\r\n          disabled={disabled || displayCurrent >= pageCount}\r\n          type=\"button\"\r\n          onClick={() => goTo(displayCurrent + 1)}\r\n        >\r\n          <ChevronRight size={size === 'small' ? 14 : 16} />\r\n        </button>\r\n        {showSizeChanger && (\r\n          <Select\r\n            disabled={disabled}\r\n            size={size === 'small' ? 'small' : 'middle'}\r\n            style={{ flex: 'none', marginInlineStart: 8, width: 'auto' }}\r\n            value={String(mergedPageSize)}\r\n            options={pageSizeOptions.map((option) => ({\r\n              label: `${option} / page`,\r\n              value: String(option),\r\n            }))}\r\n            onChange={handlePageSizeChange}\r\n          />\r\n        )}\r\n      </nav>\r\n    );\r\n  },\r\n);\r\n\r\nPagination.displayName = 'Pagination';\r\n\r\nexport default Pagination;\r\n"],"mappings":"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"}

package/es/base-ui/Pagination/helpers.mjs

@@ -0,0 +1,18 @@
+//#region src/base-ui/Pagination/helpers.ts
+const getPageCount = (total, pageSize) => Math.max(1, Math.ceil(total / pageSize));
+const clampPage = (page, pageCount) => Math.min(Math.max(page, 1), pageCount);
+const getPaginationItems = (current, pageCount) => {
+	if (pageCount <= 1) return [1];
+	const items = [1];
+	const start = Math.max(2, current - 2);
+	const end = Math.min(pageCount - 1, current + 2);
+	if (start > 2) items.push("ellipsis-prev");
+	for (let page = start; page <= end; page += 1) items.push(page);
+	if (end < pageCount - 1) items.push("ellipsis-next");
+	items.push(pageCount);
+	return items;
+};
+//#endregion
+export { clampPage, getPageCount, getPaginationItems };
+
+//# sourceMappingURL=helpers.mjs.map

package/es/base-ui/Pagination/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../src/base-ui/Pagination/helpers.ts"],"sourcesContent":["export type PaginationItem = number | 'ellipsis-prev' | 'ellipsis-next';\r\n\r\nexport const getPageCount = (total: number, pageSize: number) =>\r\n  Math.max(1, Math.ceil(total / pageSize));\r\n\r\nexport const clampPage = (page: number, pageCount: number) =>\r\n  Math.min(Math.max(page, 1), pageCount);\r\n\r\nexport const getPaginationItems = (current: number, pageCount: number): PaginationItem[] => {\r\n  if (pageCount <= 1) return [1];\r\n\r\n  const items: PaginationItem[] = [1];\r\n  const start = Math.max(2, current - 2);\r\n  const end = Math.min(pageCount - 1, current + 2);\r\n\r\n  if (start > 2) items.push('ellipsis-prev');\r\n  for (let page = start; page <= end; page += 1) items.push(page);\r\n  if (end < pageCount - 1) items.push('ellipsis-next');\r\n\r\n  items.push(pageCount);\r\n\r\n  return items;\r\n};\r\n"],"mappings":";AAEA,MAAa,gBAAgB,OAAe,aAC1C,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,QAAQ,CAAC;AAEzC,MAAa,aAAa,MAAc,cACtC,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,SAAS;AAEvC,MAAa,sBAAsB,SAAiB,cAAwC;CAC1F,IAAI,aAAa,GAAG,OAAO,CAAC,CAAC;CAE7B,MAAM,QAA0B,CAAC,CAAC;CAClC,MAAM,QAAQ,KAAK,IAAI,GAAG,UAAU,CAAC;CACrC,MAAM,MAAM,KAAK,IAAI,YAAY,GAAG,UAAU,CAAC;CAE/C,IAAI,QAAQ,GAAG,MAAM,KAAK,eAAe;CACzC,KAAK,IAAI,OAAO,OAAO,QAAQ,KAAK,QAAQ,GAAG,MAAM,KAAK,IAAI;CAC9D,IAAI,MAAM,YAAY,GAAG,MAAM,KAAK,eAAe;CAEnD,MAAM,KAAK,SAAS;CAEpB,OAAO;AACT"}

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

@@ -0,0 +1,3 @@
+import { PaginationProps, PaginationSize } from "./type.mjs";
+import Pagination from "./Pagination.mjs";
+export { type PaginationProps, type PaginationSize, Pagination as default };

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

@@ -0,0 +1,92 @@
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/base-ui/Pagination/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	button: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    min-width: 28px;
+    height: 28px;
+    padding-inline: 6px;
+    border: none;
+    border-radius: ${cssVar.borderRadius};
+
+    font-size: 13px;
+    font-weight: 500;
+    font-variant-numeric: tabular-nums;
+    color: ${cssVar.colorTextSecondary};
+
+    background: transparent;
+
+    transition: background-color 0.15s;
+
+    &:hover:not(:disabled) {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+
+    &:disabled {
+      cursor: default;
+      color: ${cssVar.colorTextQuaternary};
+      background: transparent;
+    }
+
+    &[aria-current='page'] {
+      font-weight: 600;
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillSecondary};
+    }
+  `,
+	ellipsis: css`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 28px;
+
+    color: ${cssVar.colorTextQuaternary};
+    letter-spacing: 2px;
+  `,
+	root: css`
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+    font-variant-numeric: tabular-nums;
+  `,
+	small: css`
+    min-width: 24px;
+    height: 24px;
+    font-size: 12px;
+  `,
+	smallEllipsis: css`
+    width: 24px;
+  `,
+	total: css`
+    margin-inline-end: 8px;
+    font-size: 12px;
+    color: ${cssVar.colorTextTertiary};
+    white-space: nowrap;
+  `
+}));
+const buttonVariants = cva(styles.button, {
+	defaultVariants: { size: "middle" },
+	variants: { size: {
+		middle: null,
+		small: styles.small
+	} }
+});
+const ellipsisVariants = cva(styles.ellipsis, {
+	defaultVariants: { size: "middle" },
+	variants: { size: {
+		middle: null,
+		small: styles.smallEllipsis
+	} }
+});
+//#endregion
+export { buttonVariants, ellipsisVariants, styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Pagination/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  button: css`\r\n    cursor: pointer;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    min-width: 28px;\r\n    height: 28px;\r\n    padding-inline: 6px;\r\n    border: none;\r\n    border-radius: ${cssVar.borderRadius};\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    font-variant-numeric: tabular-nums;\r\n    color: ${cssVar.colorTextSecondary};\r\n\r\n    background: transparent;\r\n\r\n    transition: background-color 0.15s;\r\n\r\n    &:hover:not(:disabled) {\r\n      color: ${cssVar.colorText};\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n\r\n    &:disabled {\r\n      cursor: default;\r\n      color: ${cssVar.colorTextQuaternary};\r\n      background: transparent;\r\n    }\r\n\r\n    &[aria-current='page'] {\r\n      font-weight: 600;\r\n      color: ${cssVar.colorText};\r\n      background: ${cssVar.colorFillSecondary};\r\n    }\r\n  `,\r\n  ellipsis: css`\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 28px;\r\n\r\n    color: ${cssVar.colorTextQuaternary};\r\n    letter-spacing: 2px;\r\n  `,\r\n  root: css`\r\n    display: inline-flex;\r\n    gap: 4px;\r\n    align-items: center;\r\n    font-variant-numeric: tabular-nums;\r\n  `,\r\n  small: css`\r\n    min-width: 24px;\r\n    height: 24px;\r\n    font-size: 12px;\r\n  `,\r\n  smallEllipsis: css`\r\n    width: 24px;\r\n  `,\r\n  total: css`\r\n    margin-inline-end: 8px;\r\n    font-size: 12px;\r\n    color: ${cssVar.colorTextTertiary};\r\n    white-space: nowrap;\r\n  `,\r\n}));\r\n\r\nexport const buttonVariants = cva(styles.button, {\r\n  defaultVariants: {\r\n    size: 'middle',\r\n  },\r\n  variants: {\r\n    size: {\r\n      middle: null,\r\n      small: styles.small,\r\n    },\r\n  },\r\n});\r\n\r\nexport const ellipsisVariants = cva(styles.ellipsis, {\r\n  defaultVariants: {\r\n    size: 'middle',\r\n  },\r\n  variants: {\r\n    size: {\r\n      middle: null,\r\n      small: styles.smallEllipsis,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;;qBAWQ,OAAO,aAAa;;;;;aAK5B,OAAO,mBAAmB;;;;;;;eAOxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;;;eAK9B,OAAO,oBAAoB;;;;;;eAM3B,OAAO,UAAU;oBACZ,OAAO,mBAAmB;;;CAG5C,UAAU,GAAG;;;;;;;aAOF,OAAO,oBAAoB;;;CAGtC,MAAM,GAAG;;;;;;CAMT,OAAO,GAAG;;;;;CAKV,eAAe,GAAG;;;CAGlB,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;;AAGtC,EAAE;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,mBAAmB,IAAI,OAAO,UAAU;CACnD,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,QAAQ;EACR,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

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

@@ -0,0 +1,22 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Pagination/type.d.ts
+type PaginationSize = 'small' | 'middle';
+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
+export { PaginationProps, PaginationSize };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Popover/ArrowIcon.d.mts

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

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/base-ui/Popover/ArrowIcon.tsx
+const PopoverArrowIcon = /* @__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 { PopoverArrowIcon };
+
+//# sourceMappingURL=ArrowIcon.mjs.map

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

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

package/es/base-ui/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/base-ui/Popover/Popover.d.ts
+declare const Popover: FC<PopoverProps>;
+//#endregion
+export { Popover as default, parseTrigger };
+//# sourceMappingURL=Popover.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","names":[],"sources":["../../../src/base-ui/Popover/Popover.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type FC, use } from 'react';\r\n\r\nimport { PopoverGroupHandleContext } from './groupContext';\r\nimport { PopoverInGroup } from './PopoverInGroup';\r\nimport { PopoverStandalone } from './PopoverStandalone';\r\nimport { type PopoverProps } from './type';\r\n\r\nexport { parseTrigger } from '@/utils/parseTrigger';\r\n\r\nconst Popover: FC<PopoverProps> = (props) => {\r\n  const group = use(PopoverGroupHandleContext);\r\n\r\n  // Group mode is driven by trigger interactions; keep standalone behavior for controlled cases.\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 ? <PopoverInGroup {...props} /> : <PopoverStandalone {...props} />;\r\n};\r\n\r\nPopover.displayName = 'Popover';\r\n\r\nexport default Popover;\r\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/base-ui/Popover/PopoverGroup.d.mts

@@ -0,0 +1,10 @@
+import { PopoverGroupSharedProps } from "./groupContext.mjs";
+import { FC, ReactNode } from "react";
+//#region src/base-ui/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/base-ui/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/base-ui/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/base-ui/Popover/PopoverGroup.mjs.map

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

package/es/base-ui/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 { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs } from "react-merge-refs";
+import { Popover } from "@base-ui/react/popover";
+//#region src/base-ui/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: cx(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/base-ui/Popover/PopoverInGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverInGroup.mjs","names":["BasePopover"],"sources":["../../../src/base-ui/Popover/PopoverInGroup.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport { Popover as BasePopover } from '@base-ui/react/popover';\r\nimport { cx } from 'antd-style';\r\nimport { cloneElement, type FC, isValidElement, useMemo } from 'react';\r\nimport { use } from 'react';\r\nimport { mergeRefs } from 'react-merge-refs';\r\n\r\nimport { useNativeButton } from '@/hooks/useNativeButton';\r\nimport { parseTrigger } from '@/utils/parseTrigger';\r\n\r\nimport { PopoverGroupHandleContext } from './groupContext';\r\nimport { HOVER_ONLY_TRIGGER_ATTR } from './hoverOnlyPress';\r\nimport { type PopoverProps } from './type';\r\nimport { useMergedPopoverProps } from './useMergedPopoverProps';\r\n\r\nexport const PopoverInGroup: FC<PopoverProps> = ({ children, ref: refProp, ...props }) => {\r\n  const group = use(PopoverGroupHandleContext);\r\n  const item = useMergedPopoverProps(props);\r\n\r\n  const { openOnClick, openOnHover } = useMemo(\r\n    () => parseTrigger(item.trigger ?? 'hover'),\r\n    [item.trigger],\r\n  );\r\n\r\n  const resolvedOpenDelay = item.openDelay ?? (item.mouseEnterDelay ?? 0.1) * 1000;\r\n  const resolvedCloseDelay = item.closeDelay ?? (item.mouseLeaveDelay ?? 0.1) * 1000;\r\n  const disabled = Boolean(item.disabled);\r\n\r\n  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\r\n    children,\r\n    nativeButton: item.nativeButton,\r\n  });\r\n\r\n  // Don't render trigger behavior if no content\r\n  if (!item.content) {\r\n    return children as any;\r\n  }\r\n\r\n  const triggerProps = {\r\n    [HOVER_ONLY_TRIGGER_ATTR]: openOnClick ? undefined : '',\r\n    closeDelay: resolvedCloseDelay,\r\n    delay: resolvedOpenDelay,\r\n    disabled,\r\n    openOnHover: openOnHover && !disabled,\r\n    ...item.triggerProps,\r\n    payload: item,\r\n  };\r\n\r\n  const triggerClassName = item.classNames?.trigger;\r\n\r\n  if (isValidElement(children)) {\r\n    return (\r\n      <BasePopover.Trigger\r\n        handle={group ?? undefined}\r\n        {...triggerProps}\r\n        nativeButton={resolvedNativeButton}\r\n        render={(renderProps) => {\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, ...restProps } = renderProps as any;\r\n            return restProps;\r\n          })();\r\n\r\n          const mergedProps = mergeProps((children as any).props, resolvedProps);\r\n          return cloneElement(children as any, {\r\n            ...mergedProps,\r\n            className: cx(mergedProps.className, triggerClassName),\r\n            ref: mergeRefs([(children as any).ref, (renderProps as any).ref, refProp]),\r\n          });\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <BasePopover.Trigger\r\n      handle={group ?? undefined}\r\n      {...triggerProps}\r\n      className={triggerClassName}\r\n      nativeButton={resolvedNativeButton}\r\n      ref={refProp}\r\n    >\r\n      {children}\r\n    </BasePopover.Trigger>\r\n  );\r\n};\r\n\r\nPopoverInGroup.displayName = 'PopoverInGroup';\r\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,GAAG,YAAY,WAAW,gBAAgB;IACrD,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/base-ui/Popover/PopoverPortal.d.mts

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

package/es/base-ui/Popover/PopoverPortal.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { useAppElement } from "../../ThemeProvider/AppElementContext.mjs";
+//#region src/base-ui/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/base-ui/Popover/PopoverPortal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverPortal.mjs","names":[],"sources":["../../../src/base-ui/Popover/PopoverPortal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useAppElement } from '@/ThemeProvider/AppElementContext';\r\n\r\nexport const usePopoverPortalContainer = (\r\n  root?: HTMLElement | ShadowRoot | null,\r\n): HTMLElement | null => {\r\n  const appElement = useAppElement();\r\n  if (typeof document === 'undefined') return null;\r\n  return (root as HTMLElement | null) ?? appElement ?? document.body;\r\n};\r\n"],"mappings":";;;AAIA,MAAa,6BACX,SACuB;CACvB,MAAM,aAAa,cAAc;CACjC,IAAI,OAAO,aAAa,aAAa,OAAO;CAC5C,OAAQ,QAA+B,cAAc,SAAS;AAChE"}