useblocks 1.1.85-dev.9 → 1.1.102

package/vendor/antd/es/notification/style/notification.js

@@ -0,0 +1,191 @@
+import { unit } from "../../../../@ant-design/cssinjs/es/util/index.js";
+import "../../../../@ant-design/cssinjs/es/index.js";
+import { genFocusStyle } from "../../style/index.js";
+import { genCssVar } from "../../theme/util/genStyleUtils.js";
+//#region node_modules/antd/es/notification/style/notification.js
+/** Generate motion transitions shared by notification-like notice cards. */
+const genNotificationItemMotionStyle = (token) => {
+	const { motionDurationMid, motionEaseInOut } = token;
+	const transition = `${motionDurationMid} ${motionEaseInOut}`;
+	return {
+		transform: "scale(var(--notification-scale, 1))",
+		transition: [
+			"transform",
+			"inset",
+			"clip-path",
+			"opacity"
+		].map((property) => `${property} ${transition}`).join(", ")
+	};
+};
+/** Generate item styles shared by Notification and Message notice cards. */
+const genListItemSharedStyle = (token, config) => {
+	const { componentCls, antCls, colorSuccess, colorInfo, colorWarning, colorError, colorTextHeading, colorText, boxShadow, borderRadiusLG, fontSize, lineHeight, notificationBg, notificationPadding, notificationMarginEdge, margin, calc } = token;
+	const noticeCls = `${componentCls}-notice`;
+	const [varName, varRef] = genCssVar(antCls, "notification");
+	return {
+		[noticeCls]: {
+			position: "absolute",
+			width: config.width,
+			maxWidth: `calc(100vw - ${unit(calc(notificationMarginEdge).mul(2).equal())})`,
+			padding: notificationPadding,
+			pointerEvents: "auto",
+			[varName("icon-font-size")]: config.iconFontSize,
+			[varName("title-font-size")]: config.titleFontSize,
+			[varName("title-line-height")]: config.titleLineHeight,
+			boxSizing: "border-box",
+			color: colorText,
+			background: notificationBg,
+			borderRadius: borderRadiusLG,
+			boxShadow,
+			fontSize,
+			lineHeight,
+			wordWrap: "break-word",
+			overflow: "visible",
+			...genNotificationItemMotionStyle(token),
+			...config.noticeStyle,
+			"&::after": {
+				position: "absolute",
+				insetInline: 0,
+				top: calc(margin).mul(-1).equal(),
+				height: margin,
+				content: "\"\""
+			},
+			...config.typeStyle && {
+				"&-success": { background: varRef("color-success-bg", notificationBg) },
+				"&-error": { background: varRef("color-error-bg", notificationBg) },
+				"&-info": { background: varRef("color-info-bg", notificationBg) },
+				"&-warning": { background: varRef("color-warning-bg", notificationBg) }
+			}
+		},
+		[`${noticeCls}-wrapper`]: {
+			display: "flex",
+			...config.contentStyle
+		},
+		[`${noticeCls}-title`]: {
+			color: colorTextHeading,
+			fontSize: varRef("title-font-size"),
+			lineHeight: varRef("title-line-height")
+		},
+		[`${noticeCls}-icon`]: {
+			flex: "none",
+			fontSize: varRef("icon-font-size"),
+			lineHeight: 1,
+			[`&${noticeCls}-icon-success`]: { color: colorSuccess },
+			[`&${noticeCls}-icon-info, &${noticeCls}-icon-loading`]: { color: colorInfo },
+			[`&${noticeCls}-icon-warning`]: { color: colorWarning },
+			[`&${noticeCls}-icon-error`]: { color: colorError }
+		}
+	};
+};
+/** Generate the complete notice item styles for Notification. */
+const genNotificationItemStyle = (token) => {
+	const { componentCls, progressBg, notificationProgressHeight, fontSize, borderRadiusLG, width, notificationIconSize, colorText, motionDurationMid, fontSizeLG, lineHeightLG, marginSM, marginXS, paddingLG, notificationPaddingVertical, notificationPaddingHorizontal, notificationCloseButtonSize, colorIcon, borderRadiusSM, colorIconHover, colorBgTextHover, colorBgTextActive } = token;
+	const noticeCls = `${componentCls}-notice`;
+	return {
+		...genListItemSharedStyle(token, {
+			width,
+			iconFontSize: notificationIconSize,
+			titleFontSize: fontSizeLG,
+			titleLineHeight: lineHeightLG,
+			contentStyle: {
+				alignItems: "flex-start",
+				gap: marginSM
+			},
+			typeStyle: true
+		}),
+		[`${noticeCls}-section`]: {
+			display: "flex",
+			flexDirection: "column",
+			flex: "auto",
+			gap: marginXS,
+			minWidth: 0
+		},
+		[`${noticeCls}-description`]: {
+			color: colorText,
+			fontSize
+		},
+		[`${noticeCls}-closable ${noticeCls}-title`]: { paddingInlineEnd: paddingLG },
+		[`${noticeCls}-close`]: {
+			position: "absolute",
+			top: notificationPaddingVertical,
+			insetInlineEnd: notificationPaddingHorizontal,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: notificationCloseButtonSize,
+			height: notificationCloseButtonSize,
+			color: colorIcon,
+			background: "none",
+			border: "none",
+			borderRadius: borderRadiusSM,
+			outline: "none",
+			transition: ["color", "background-color"].map((prop) => `${prop} ${motionDurationMid}`).join(", "),
+			"&:hover": {
+				color: colorIconHover,
+				backgroundColor: colorBgTextHover
+			},
+			"&:active": { backgroundColor: colorBgTextActive },
+			...genFocusStyle(token)
+		},
+		[`${noticeCls}-progress`]: {
+			position: "absolute",
+			bottom: 0,
+			display: "block",
+			appearance: "none",
+			inlineSize: `calc(100% - ${unit(borderRadiusLG)} * 2)`,
+			blockSize: notificationProgressHeight,
+			border: 0,
+			left: {
+				_skip_check_: true,
+				value: borderRadiusLG
+			},
+			right: {
+				_skip_check_: true,
+				value: borderRadiusLG
+			},
+			"&, &::-webkit-progress-bar": {
+				borderRadius: borderRadiusLG,
+				backgroundColor: "rgba(0, 0, 0, 0.04)"
+			},
+			"&::-moz-progress-bar": { background: progressBg },
+			"&::-webkit-progress-value": {
+				borderRadius: borderRadiusLG,
+				background: progressBg
+			}
+		},
+		[`${noticeCls}-actions`]: {
+			float: "right",
+			marginTop: marginSM
+		}
+	};
+};
+/** Generate standalone PurePanel styles for Notification. */
+const genPurePanelStyle = (token) => {
+	const { componentCls, width } = token;
+	const noticeCls = `${componentCls}-notice`;
+	const actionsCls = `${noticeCls}-actions`;
+	const notificationItemStyle = genNotificationItemStyle(token);
+	return { [`${noticeCls}-pure-panel`]: {
+		width,
+		maxWidth: "100%",
+		...notificationItemStyle,
+		[noticeCls]: {
+			...notificationItemStyle[noticeCls],
+			position: "relative",
+			width: "100%",
+			maxWidth: "100%"
+		},
+		[actionsCls]: {
+			...notificationItemStyle[actionsCls],
+			float: "none",
+			textAlign: "end"
+		}
+	} };
+};
+/** Wrap Notification item styles under the component root selector. */
+const genNotificationStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: genNotificationItemStyle(token) };
+};
+//#endregion
+export { genNotificationStyle as default, genListItemSharedStyle, genPurePanelStyle };

package/vendor/antd/es/notification/style/placement.js

@@ -1,73 +1,130 @@
-import Keyframe from "../../../../@ant-design/cssinjs/es/Keyframes.js";
+import { unit } from "../../../../@ant-design/cssinjs/es/util/index.js";
 import "../../../../@ant-design/cssinjs/es/index.js";
+import { NotificationPlacements } from "../interface.js";
 //#region node_modules/antd/es/notification/style/placement.js
-const genNotificationPlacementStyle = (token) => {
-	const { componentCls, notificationMarginEdge, animationMaxHeight } = token;
+const notificationMarginEdgeVar = "--notification-margin-edge";
+/** Resolve the opposite block and inline edges for a placement. */
+const getPlacementOffset = (vertical, horizontal) => ({
+	blockEnd: vertical === "top" ? "bottom" : "top",
+	inlineEnd: horizontal === "left" ? "right" : "left"
+});
+/** Convert placement offsets into the transform used by notice motion. */
+const getMotionTransform = (motionOffset) => {
+	return `translate3d(${motionOffset?.x ?? "0"}, ${motionOffset?.y ?? "0"}, 0) scale(var(--notification-scale, 1))`;
+};
+/** Build the placement metadata used by position and motion styles. */
+const getPlacementStyleConfig = (placement, motionOffset) => {
+	const vertical = placement.startsWith("bottom") ? "bottom" : "top";
+	const horizontal = placement.endsWith("Right") ? "right" : "left";
+	const { blockEnd, inlineEnd } = getPlacementOffset(vertical, horizontal);
+	const isCenterPlacement = placement === "top" || placement === "bottom";
+	const offset = placement === "top" || placement.endsWith("Left") ? `-${motionOffset}` : motionOffset;
+	return {
+		placement,
+		vertical,
+		blockEnd,
+		horizontal,
+		inlineEnd,
+		motionOffset: isCenterPlacement ? {
+			x: "-50%",
+			y: offset
+		} : { x: offset },
+		baseMotionOffset: isCenterPlacement ? { x: "-50%" } : void 0,
+		isCenterPlacement
+	};
+};
+/** Get the list direction for a vertical placement. */
+const getPlacementFlexDirection = (vertical) => vertical === "bottom" ? "column-reverse" : "column";
+/** Keep configured top/bottom as the visible notice edge while list padding preserves shadows. */
+const getPlacementInset = (vertical) => {
+	const marginEdge = `var(${notificationMarginEdgeVar}, 0px)`;
+	return `calc(var(--notification-${vertical}, ${marginEdge}) - ${marginEdge})`;
+};
+/** Get the transform origin used by stacked notice scaling. */
+const getPlacementTransformOrigin = (vertical) => vertical === "bottom" ? "center top" : "center bottom";
+/** Calculate the clip offset that preserves stack shadows. */
+const getStackShadowClipOffset = (token) => unit(token.calc(token.marginXXL).mul(-1).equal());
+/** Build the default stack clip-path for a visible notice. */
+const getStackNoticeClipPath = (token) => {
+	const offset = getStackShadowClipOffset(token);
+	return `inset(${offset} ${offset} ${offset} ${offset})`;
+};
+/** Build the collapsed stack clip-path for a placement. */
+const getPlacementStackClipPath = (token, vertical) => {
+	const offset = getStackShadowClipOffset(token);
+	return vertical === "bottom" ? `inset(${offset} ${offset} 50% ${offset})` : `inset(50% ${offset} ${offset} ${offset})`;
+};
+/** Generate styles for a single notification placement. */
+const genPlacementStyle = (token, config) => {
+	const { componentCls } = token;
+	const { placement, vertical, blockEnd, horizontal, inlineEnd, isCenterPlacement } = config;
 	const noticeCls = `${componentCls}-notice`;
-	const rightFadeIn = new Keyframe("antNotificationFadeIn", {
-		"0%": {
-			transform: `translate3d(100%, 0, 0)`,
-			opacity: 0
+	const noticeMotionCls = `${noticeCls}${componentCls}-fade`;
+	const enterTransform = getMotionTransform(config.motionOffset);
+	const baseTransform = getMotionTransform(config.baseMotionOffset);
+	const transformOrigin = getPlacementTransformOrigin(vertical);
+	return { [`&${componentCls}-${placement}`]: {
+		[vertical]: getPlacementInset(vertical),
+		[blockEnd]: "auto",
+		display: "flex",
+		flexDirection: getPlacementFlexDirection(vertical),
+		...isCenterPlacement ? {
+			marginInline: 0,
+			left: "50%",
+			right: "auto",
+			transform: "translateX(-50%)"
+		} : {
+			[horizontal]: 0,
+			[inlineEnd]: "auto"
 		},
-		"100%": {
-			transform: `translate3d(0, 0, 0)`,
-			opacity: 1
-		}
-	});
-	const topFadeIn = new Keyframe("antNotificationTopFadeIn", {
-		"0%": {
-			top: -animationMaxHeight,
-			opacity: 0
+		[noticeCls]: {
+			[vertical]: "var(--notification-y, 0)",
+			...isCenterPlacement ? {
+				left: "50%",
+				transform: baseTransform
+			} : { [horizontal]: "var(--notification-x, 0)" },
+			transformOrigin
 		},
-		"100%": {
-			top: 0,
-			opacity: 1
-		}
-	});
-	const bottomFadeIn = new Keyframe("antNotificationBottomFadeIn", {
-		"0%": {
-			bottom: token.calc(animationMaxHeight).mul(-1).equal(),
-			opacity: 0
+		[`${noticeMotionCls}-appear-prepare, ${noticeMotionCls}-enter-prepare`]: {
+			opacity: 0,
+			transform: enterTransform,
+			transition: "none"
 		},
-		"100%": {
-			bottom: 0,
-			opacity: 1
-		}
-	});
-	const leftFadeIn = new Keyframe("antNotificationLeftFadeIn", {
-		"0%": {
-			transform: `translate3d(-100%, 0, 0)`,
-			opacity: 0
+		[`${noticeMotionCls}-appear-start, ${noticeMotionCls}-enter-start`]: {
+			opacity: 0,
+			transform: enterTransform
 		},
-		"100%": {
-			transform: `translate3d(0, 0, 0)`,
-			opacity: 1
-		}
-	});
-	return { [componentCls]: {
-		[`&${componentCls}-top, &${componentCls}-bottom`]: {
-			marginInline: 0,
-			[noticeCls]: { marginInline: "auto auto" }
+		[`${noticeMotionCls}-appear-active, ${noticeMotionCls}-enter-active`]: {
+			opacity: 1,
+			transform: baseTransform
+		},
+		[`${noticeMotionCls}-leave-start`]: {
+			opacity: 1,
+			transform: baseTransform
 		},
-		[`&${componentCls}-top`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: topFadeIn } },
-		[`&${componentCls}-bottom`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: bottomFadeIn } },
-		[`&${componentCls}-topRight, &${componentCls}-bottomRight`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: rightFadeIn } },
-		[`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: {
-			marginRight: {
-				value: 0,
-				_skip_check_: true
-			},
-			marginLeft: {
-				value: notificationMarginEdge,
-				_skip_check_: true
-			},
-			[noticeCls]: {
-				marginInlineEnd: "auto",
-				marginInlineStart: 0
-			},
-			[`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: leftFadeIn }
+		[`${noticeMotionCls}-leave-active`]: {
+			opacity: 0,
+			transform: enterTransform
+		},
+		[`&${componentCls}-stack:not(${componentCls}-stack-expanded)`]: {
+			[noticeCls]: { clipPath: getPlacementStackClipPath(token, vertical) },
+			[`${noticeCls}[data-notification-index='0']`]: { clipPath: getStackNoticeClipPath(token) }
 		}
 	} };
 };
+/** Generate placement styles for all enabled notification placements. */
+const genNotificationPlacementRootStyle = (token, placements = NotificationPlacements) => {
+	const { notificationMotionOffset } = token;
+	const motionOffset = unit(notificationMotionOffset);
+	return { ...placements.reduce((styles, placement) => ({
+		...styles,
+		...genPlacementStyle(token, getPlacementStyleConfig(placement, motionOffset))
+	}), {}) };
+};
+/** Wrap placement styles under the component root selector. */
+const genNotificationPlacementStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: genNotificationPlacementRootStyle(token) };
+};
 //#endregion
 export { genNotificationPlacementStyle as default };

package/vendor/antd/es/notification/useNotification.js

@@ -1,25 +1,25 @@
 "use client";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { ConfigContext, useComponentConfig } from "../config-provider/context.js";
-import useToken from "../theme/useToken.js";
-import "../theme/internal.js";
+import { isNumber, isPlainObject } from "../_util/is.js";
+import { resolveStyleOrClass, useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import { devUseWarning } from "../_util/warning.js";
-import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
-import { mergeClassNames, mergeStyles, resolveStyleOrClass, useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import "../config-provider/index.js";
 import NotificationProvider from "../../../@rc-component/notification/es/NotificationProvider.js";
 import useNotification$1 from "../../../@rc-component/notification/es/hooks/useNotification.js";
 import "../../../@rc-component/notification/es/index.js";
+import useStackConfig from "./hooks/useStackConfig.js";
+import { getCloseIconConfig, getMotion, getPlacementOffsetStyle } from "./util.js";
+import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
+import "../_util/hooks/index.js";
 import style_default from "./style/index.js";
-import { PureContent, getCloseIcon } from "./PurePanel.js";
-import { getCloseIconConfig, getMotion, getPlacementStyle } from "./util.js";
+import { TypeIcon, getCloseIcon } from "./PurePanel.js";
 import React, { useContext, useMemo } from "../../../react/index.js";
 //#region node_modules/antd/es/notification/useNotification.js
-const DEFAULT_OFFSET = 24;
 const DEFAULT_DURATION = 4.5;
 const DEFAULT_PLACEMENT = "topRight";
+const DEFAULT_STACK_CONFIG = { offset: 8 };
 const Wrapper = ({ children, prefixCls }) => {
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
@@ -33,12 +33,13 @@ const Holder = /*#__PURE__*/ React.forwardRef((props, ref) => {
 	const { top, bottom, prefixCls: staticPrefixCls, getContainer: staticGetContainer, maxCount, rtl, onAllRemoved, stack, duration = DEFAULT_DURATION, pauseOnHover = true, showProgress } = props;
 	const { getPrefixCls, getPopupContainer, direction } = useComponentConfig("notification");
 	const { notification } = useContext(ConfigContext);
-	const [, token] = useToken();
 	const prefixCls = staticPrefixCls || getPrefixCls("notification");
-	const mergedDuration = useMemo(() => typeof duration === "number" && duration > 0 ? duration : false, [duration]);
-	const getStyle = (placement) => getPlacementStyle(placement, top ?? DEFAULT_OFFSET, bottom ?? DEFAULT_OFFSET);
+	const mergedDuration = useMemo(() => isNumber(duration) && duration > 0 ? duration : false, [duration]);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic([notification?.classNames, props?.classNames], [notification?.styles, props?.styles], { props });
+	const getStyle = () => getPlacementOffsetStyle(top, bottom);
 	const getClassName = () => clsx({ [`${prefixCls}-rtl`]: rtl ?? direction === "rtl" });
 	const getNotificationMotion = () => getMotion(prefixCls);
+	const stackConfig = useStackConfig(stack, DEFAULT_STACK_CONFIG);
 	const [api, holder] = useNotification$1({
 		prefixCls,
 		style: getStyle,
@@ -50,21 +51,16 @@ const Holder = /*#__PURE__*/ React.forwardRef((props, ref) => {
 		maxCount,
 		pauseOnHover,
 		showProgress,
+		classNames: mergedClassNames,
+		styles: mergedStyles,
 		onAllRemoved,
 		renderNotifications,
-		stack: stack === false ? false : {
-			threshold: typeof stack === "object" ? stack?.threshold : void 0,
-			offset: 8,
-			gap: token.margin
-		}
+		stack: stackConfig
 	});
-	const [mergedClassNames, mergedStyles] = useMergeSemantic([notification?.classNames, props?.classNames], [notification?.styles, props?.styles], { props });
 	React.useImperativeHandle(ref, () => ({
 		...api,
 		prefixCls,
-		notification,
-		classNames: mergedClassNames,
-		styles: mergedStyles
+		notification
 	}));
 	return holder;
 });
@@ -75,7 +71,7 @@ function useInternalNotification(notificationConfig) {
 	return [React.useMemo(() => {
 		const open = (config) => {
 			if (!holderRef.current) return;
-			const { open: originOpen, prefixCls, notification, classNames: originClassNames, styles: originStyles } = holderRef.current;
+			const { open: originOpen, prefixCls, notification } = holderRef.current;
 			const contextClassName = notification?.className || {};
 			const contextStyle = notification?.style || {};
 			const noticePrefixCls = `${prefixCls}-notice`;
@@ -91,34 +87,35 @@ function useInternalNotification(notificationConfig) {
 				closeIcon: realCloseIcon
 			});
 			const mergedClosable = rawClosable ? {
-				onClose: closable && typeof closable === "object" ? closable.onClose : void 0,
+				onClose: isPlainObject(closable) ? closable.onClose : void 0,
 				closeIcon: mergedCloseIcon,
 				...ariaProps
 			} : false;
 			const semanticClassNames = resolveStyleOrClass(configClassNames, { props: config });
 			const semanticStyles = resolveStyleOrClass(styles, { props: config });
-			const mergedClassNames = mergeClassNames(void 0, originClassNames, semanticClassNames);
-			const mergedStyles = mergeStyles(originStyles, semanticStyles);
+			const iconNode = icon || (type ? TypeIcon[type] : null);
+			const typeIconCls = !icon && type ? `${noticePrefixCls}-icon-${type}` : void 0;
 			return originOpen({
 				placement: notificationConfig?.placement ?? DEFAULT_PLACEMENT,
 				...restConfig,
-				content: /*#__PURE__*/ React.createElement(PureContent, {
-					prefixCls: noticePrefixCls,
-					icon,
-					type,
-					title: mergedTitle,
-					description,
-					actions: mergedActions,
-					role,
-					classNames: mergedClassNames,
-					styles: mergedStyles
-				}),
-				className: clsx({ [`${noticePrefixCls}-${type}`]: type }, className, contextClassName, mergedClassNames.root),
-				style: {
-					...contextStyle,
-					...mergedStyles.root,
-					...style
+				title: mergedTitle,
+				description,
+				icon: iconNode,
+				actions: mergedActions,
+				role,
+				classNames: {
+					...semanticClassNames,
+					icon: clsx(typeIconCls, semanticClassNames.icon)
+				},
+				styles: {
+					...semanticStyles,
+					root: {
+						...contextStyle,
+						...semanticStyles.root
+					}
 				},
+				className: clsx({ [`${noticePrefixCls}-${type}`]: type }, className, contextClassName),
+				style,
 				closable: mergedClosable
 			});
 		};

package/vendor/antd/es/notification/util.js

@@ -1,53 +1,12 @@
+import { unit } from "../../../@ant-design/cssinjs/es/util/index.js";
+import "../../../@ant-design/cssinjs/es/index.js";
+import { isNonNullable } from "../_util/is.js";
 //#region node_modules/antd/es/notification/util.js
-function getPlacementStyle(placement, top, bottom) {
-	let style;
-	switch (placement) {
-		case "top":
-			style = {
-				left: "50%",
-				transform: "translateX(-50%)",
-				right: "auto",
-				top,
-				bottom: "auto"
-			};
-			break;
-		case "topLeft":
-			style = {
-				left: 0,
-				top,
-				bottom: "auto"
-			};
-			break;
-		case "topRight":
-			style = {
-				right: 0,
-				top,
-				bottom: "auto"
-			};
-			break;
-		case "bottom":
-			style = {
-				left: "50%",
-				transform: "translateX(-50%)",
-				right: "auto",
-				top: "auto",
-				bottom
-			};
-			break;
-		case "bottomLeft":
-			style = {
-				left: 0,
-				top: "auto",
-				bottom
-			};
-			break;
-		default: style = {
-			right: 0,
-			top: "auto",
-			bottom
-		};
-	}
-	return style;
+function getPlacementOffsetStyle(top, bottom) {
+	return {
+		...isNonNullable(top) && { "--notification-top": unit(top) },
+		...isNonNullable(bottom) && { "--notification-bottom": unit(bottom) }
+	};
 }
 function getMotion(prefixCls) {
 	return { motionName: `${prefixCls}-fade` };
@@ -58,4 +17,4 @@ function getCloseIconConfig(closeIcon, notificationConfig, notification) {
 	return notification?.closeIcon;
 }
 //#endregion
-export { getCloseIconConfig, getMotion, getPlacementStyle };
+export { getCloseIconConfig, getMotion, getPlacementOffsetStyle };

package/vendor/antd/es/pagination/Pagination.js

@@ -3,12 +3,11 @@ import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
 import useToken from "../theme/useToken.js";
 import "../theme/internal.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../_util/warning.js";
 import locale from "../../../@rc-component/pagination/es/locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import "../locale/index.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import useSize from "../config-provider/hooks/useSize.js";
 import RefIcon from "../../../@ant-design/icons/es/icons/RightOutlined.js";
 import Select from "../select/index.js";

package/vendor/antd/es/pagination/useShowSizeChanger.js

@@ -1,9 +1,10 @@
+import { isPlainObject } from "../_util/is.js";
 import { useMemo } from "../../../react/index.js";
 //#region node_modules/antd/es/pagination/useShowSizeChanger.js
 function useShowSizeChanger(showSizeChanger) {
 	return useMemo(() => {
 		if (typeof showSizeChanger === "boolean") return [showSizeChanger, {}];
-		if (showSizeChanger && typeof showSizeChanger === "object") return [true, showSizeChanger];
+		if (isPlainObject(showSizeChanger)) return [true, showSizeChanger];
 		return [void 0, void 0];
 	}, [showSizeChanger]);
 }

package/vendor/antd/es/popconfirm/PurePanel.js

@@ -23,7 +23,10 @@ const Overlay = (props) => {
 	return /*#__PURE__*/ React$1.createElement("div", {
 		className: `${prefixCls}-inner-content`,
 		onClick: onPopupClick
-	}, /*#__PURE__*/ React$1.createElement("div", { className: `${prefixCls}-message` }, icon && /*#__PURE__*/ React$1.createElement("span", { className: `${prefixCls}-message-icon` }, icon), /*#__PURE__*/ React$1.createElement("div", { className: `${prefixCls}-message-text` }, titleNode && /*#__PURE__*/ React$1.createElement("div", {
+	}, /*#__PURE__*/ React$1.createElement("div", { className: `${prefixCls}-message` }, icon && /*#__PURE__*/ React$1.createElement("span", {
+		className: clsx(`${prefixCls}-message-icon`, classNames?.icon),
+		style: styles?.icon
+	}, icon), /*#__PURE__*/ React$1.createElement("div", { className: `${prefixCls}-message-text` }, titleNode && /*#__PURE__*/ React$1.createElement("div", {
 		className: clsx(`${prefixCls}-title`, classNames?.title),
 		style: styles?.title
 	}, titleNode), descriptionNode && /*#__PURE__*/ React$1.createElement("div", {

package/vendor/antd/es/popconfirm/index.js

@@ -5,9 +5,8 @@ import "../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
 import RefIcon from "../../../@ant-design/icons/es/icons/ExclamationCircleFilled.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../_util/warning.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import useMergedArrow from "../tooltip/hook/useMergedArrow.js";
 import Popover from "../popover/index.js";
 import style_default from "./style/index.js";

package/vendor/antd/es/popover/PurePanel.js

@@ -1,8 +1,7 @@
 "use client";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { ConfigContext } from "../config-provider/context.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../config-provider/index.js";
 import { getRenderPropValue } from "../_util/getRenderPropValue.js";
 import Popup from "../../../@rc-component/tooltip/es/Popup.js";

package/vendor/antd/es/popover/index.js

@@ -3,9 +3,8 @@ import useControlledState from "../../../@rc-component/util/es/hooks/useControll
 import "../../../@rc-component/util/es/index.js";
 import { clsx } from "../../../clsx/dist/clsx.js";
 import { useComponentConfig } from "../config-provider/context.js";
+import { useMergeSemantic } from "../_util/hooks/useMergeSemantic/index.js";
 import "../_util/warning.js";
-import { useMergeSemantic } from "../_util/hooks/useMergeSemantic.js";
-import "../_util/hooks/index.js";
 import { getTransitionName } from "../_util/motion.js";
 import { getRenderPropValue } from "../_util/getRenderPropValue.js";
 import useMergedArrow from "../tooltip/hook/useMergedArrow.js";