@aloudata/aloudata-design 3.1.6 → 3.2.0-beta.0

package/dist/Drawer/index.js

@@ -3,7 +3,8 @@ import Memo from "../Icon/components/CloseLightLine.js";
 import { FLOATING_LAYER_BASE_Z_INDEX, FloatingLayerProvider } from "../_utils/floatingLayer.js";
 import { ModalLayerProvider, useModalLayer } from "../_utils/overlayCoordinator.js";
 import { focusInitialDialogTarget, markDialogEscapeEvent, useDialogAccessibility } from "../_utils/dialogAccessibility.js";
-import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { c } from "react-compiler-runtime";
+import React, { useEffect, useLayoutEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { hideOthers } from "aria-hidden";
@@ -25,145 +26,358 @@ var slideAnimationStyles = {
 	bottom: "data-[state=open]:tw-animate-drawer-in-bottom data-[state=closed]:tw-animate-drawer-out-bottom"
 };
 function Drawer(props) {
-	const { open = false, onClose, title, description, placement = "right", width, height, size = "default", closable = true, mask = true, maskClosable = true, className, rootClassName, "data-testid": dataTestId, "aria-label": ariaLabel, style, contentWrapperStyle, bodyStyle, headerStyle, footer, footerStyle, extra, children, zIndex = 1e3, keyboard = true, getContainer } = props;
+	const $ = c(93);
+	const { open: t0, onClose, title, description, placement: t1, width, height, size: t2, closable: t3, mask: t4, maskClosable: t5, className, rootClassName, "data-testid": dataTestId, "aria-label": ariaLabel, style, contentWrapperStyle, bodyStyle, headerStyle, footer, footerStyle, extra, children, zIndex: t6, keyboard: t7, getContainer } = props;
+	const open = t0 === void 0 ? false : t0;
+	const placement = t1 === void 0 ? "right" : t1;
+	const size = t2 === void 0 ? "default" : t2;
+	const closable = t3 === void 0 ? true : t3;
+	const mask = t4 === void 0 ? true : t4;
+	const maskClosable = t5 === void 0 ? true : t5;
+	const zIndex = t6 === void 0 ? 1e3 : t6;
+	const keyboard = t7 === void 0 ? true : t7;
 	const contentRef = useRef(null);
 	const [portalContainer, setPortalContainer] = useState();
 	const inline = getContainer === false;
 	const { id: drawerLayerId, maskZIndex, contentZIndex, isTop } = useModalLayer(open, zIndex);
+	const inertValue = !isTop ? React.version.startsWith("18.") ? "" : true : void 0;
 	const nextFloatingLevel = (maskZIndex - FLOATING_LAYER_BASE_Z_INDEX) / 10 + 1;
-	useDialogAccessibility({
-		open,
-		isTop,
-		keyboard,
-		containerRef: contentRef,
-		onEscape: (event) => onClose?.(event)
-	});
-	useLayoutEffect(() => {
-		if (getContainer === void 0 || getContainer === false) setPortalContainer(void 0);
-		else if (typeof getContainer === "string") setPortalContainer(document.querySelector(getContainer) ?? void 0);
-		else if (typeof getContainer === "function") setPortalContainer(getContainer());
-		else setPortalContainer(getContainer);
-	}, [getContainer]);
-	useEffect(() => {
-		if (!open || !isTop || !contentRef.current) return;
-		return hideOthers(contentRef.current);
-	}, [isTop, open]);
+	let t8;
+	if ($[0] !== onClose) {
+		t8 = (event) => onClose?.(event);
+		$[0] = onClose;
+		$[1] = t8;
+	} else t8 = $[1];
+	let t9;
+	if ($[2] !== isTop || $[3] !== keyboard || $[4] !== open || $[5] !== t8) {
+		t9 = {
+			open,
+			isTop,
+			keyboard,
+			containerRef: contentRef,
+			onEscape: t8
+		};
+		$[2] = isTop;
+		$[3] = keyboard;
+		$[4] = open;
+		$[5] = t8;
+		$[6] = t9;
+	} else t9 = $[6];
+	useDialogAccessibility(t9);
+	let t10;
+	let t11;
+	if ($[7] !== getContainer) {
+		t10 = () => {
+			if (getContainer === void 0 || getContainer === false) setPortalContainer(void 0);
+			else if (typeof getContainer === "string") setPortalContainer(document.querySelector(getContainer) ?? void 0);
+			else if (typeof getContainer === "function") setPortalContainer(getContainer());
+			else setPortalContainer(getContainer);
+		};
+		t11 = [getContainer];
+		$[7] = getContainer;
+		$[8] = t10;
+		$[9] = t11;
+	} else {
+		t10 = $[8];
+		t11 = $[9];
+	}
+	useLayoutEffect(t10, t11);
+	let t12;
+	let t13;
+	if ($[10] !== isTop || $[11] !== open) {
+		t12 = () => {
+			if (!open || !isTop || !contentRef.current) return;
+			return hideOthers(contentRef.current);
+		};
+		t13 = [isTop, open];
+		$[10] = isTop;
+		$[11] = open;
+		$[12] = t12;
+		$[13] = t13;
+	} else {
+		t12 = $[12];
+		t13 = $[13];
+	}
+	useEffect(t12, t13);
 	const isHorizontal = placement === "left" || placement === "right";
 	const preset = sizePresets[size] || sizePresets.default;
-	const sizeStyle = isHorizontal ? {
-		width: width ?? preset,
-		maxWidth: "100vw"
-	} : {
-		height: height ?? preset,
-		maxHeight: "100vh"
-	};
-	const drawerNode = /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-drawer-root tw-pointer-events-none tw-inset-0", inline ? "tw-absolute" : "tw-fixed", rootClassName),
-		style: { zIndex: maskZIndex },
-		children: [mask && isTop && /* @__PURE__ */ jsx("div", {
+	const effectiveWidth = width ?? preset;
+	const effectiveHeight = height ?? preset;
+	let t14;
+	if ($[14] !== effectiveHeight || $[15] !== effectiveWidth || $[16] !== isHorizontal) {
+		t14 = isHorizontal ? {
+			width: effectiveWidth,
+			maxWidth: "100vw"
+		} : {
+			height: effectiveHeight,
+			maxHeight: "100vh"
+		};
+		$[14] = effectiveHeight;
+		$[15] = effectiveWidth;
+		$[16] = isHorizontal;
+		$[17] = t14;
+	} else t14 = $[17];
+	const sizeStyle = t14;
+	const t15 = inline ? "tw-absolute" : "tw-fixed";
+	let t16;
+	if ($[18] !== rootClassName || $[19] !== t15) {
+		t16 = cn("ald-drawer-root tw-pointer-events-none tw-inset-0", t15, rootClassName);
+		$[18] = rootClassName;
+		$[19] = t15;
+		$[20] = t16;
+	} else t16 = $[20];
+	let t17;
+	if ($[21] !== maskZIndex) {
+		t17 = { zIndex: maskZIndex };
+		$[21] = maskZIndex;
+		$[22] = t17;
+	} else t17 = $[22];
+	let t18;
+	if ($[23] !== isTop || $[24] !== mask || $[25] !== maskClosable || $[26] !== maskZIndex || $[27] !== onClose || $[28] !== open) {
+		t18 = mask && isTop && /* @__PURE__ */ jsx("div", {
 			"data-state": open ? "open" : "closed",
 			className: "ald-drawer-mask tw-pointer-events-auto tw-absolute tw-inset-0 tw-bg-[var(--background-mask)] data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in",
 			style: { zIndex: maskZIndex },
 			onClick: maskClosable ? () => onClose?.() : void 0
-		}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+		});
+		$[23] = isTop;
+		$[24] = mask;
+		$[25] = maskClosable;
+		$[26] = maskZIndex;
+		$[27] = onClose;
+		$[28] = open;
+		$[29] = t18;
+	} else t18 = $[29];
+	const t19 = isTop || void 0;
+	let t20;
+	if ($[30] !== description) {
+		t20 = description ? {} : { "aria-describedby": void 0 };
+		$[30] = description;
+		$[31] = t20;
+	} else t20 = $[31];
+	const t21 = !isTop || void 0;
+	const t22 = placementStyles[placement];
+	const t23 = slideAnimationStyles[placement];
+	let t24;
+	if ($[32] !== className || $[33] !== t22 || $[34] !== t23) {
+		t24 = cn("ald-drawer tw-pointer-events-auto tw-absolute tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-xl)]", t22, t23, className);
+		$[32] = className;
+		$[33] = t22;
+		$[34] = t23;
+		$[35] = t24;
+	} else t24 = $[35];
+	let t25;
+	if ($[36] !== contentWrapperStyle || $[37] !== contentZIndex || $[38] !== sizeStyle || $[39] !== style) {
+		t25 = {
+			zIndex: contentZIndex,
+			...sizeStyle,
+			...contentWrapperStyle,
+			...style
+		};
+		$[36] = contentWrapperStyle;
+		$[37] = contentZIndex;
+		$[38] = sizeStyle;
+		$[39] = style;
+		$[40] = t25;
+	} else t25 = $[40];
+	let t26;
+	if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+		t26 = (event_0) => {
+			event_0.preventDefault();
+			requestAnimationFrame(() => {
+				const drawer = contentRef.current;
+				if (drawer) focusInitialDialogTarget(drawer);
+			});
+		};
+		$[41] = t26;
+	} else t26 = $[41];
+	let t27;
+	if ($[42] !== maskClosable) {
+		t27 = (event_2) => {
+			if (!maskClosable) event_2.preventDefault();
+		};
+		$[42] = maskClosable;
+		$[43] = t27;
+	} else t27 = $[43];
+	let t28;
+	if ($[44] !== ariaLabel || $[45] !== title) {
+		t28 = !title && /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+			className: "tw-sr-only",
+			children: ariaLabel || "Drawer"
+		});
+		$[44] = ariaLabel;
+		$[45] = title;
+		$[46] = t28;
+	} else t28 = $[46];
+	let t29;
+	if ($[47] !== closable || $[48] !== description || $[49] !== extra || $[50] !== headerStyle || $[51] !== onClose || $[52] !== title) {
+		t29 = (title || description || closable || extra) && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
+			className: "ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--background-default)] tw-px-6 tw-pb-0 tw-pt-4",
+			style: headerStyle,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "tw-flex tw-w-full tw-flex-col tw-gap-[6px]",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "tw-flex tw-w-full tw-items-start tw-justify-between tw-gap-[var(--component-gap-sm)]",
+					children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
+						className: "ald-drawer-title ant-drawer-header-title tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-m-0 tw-flex-[1_0_0] tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]",
+						children: title
+					}), extra || closable ? /* @__PURE__ */ jsxs("div", {
+						className: "ald-drawer-actions tw-flex tw-items-center tw-gap-[var(--component-gap-sm)]",
+						children: [extra, closable && /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: "ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-[var(--action-ghost-normal)] hover:tw-bg-[var(--action-ghost-hover)] focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)] forced-colors:focus-visible:tw-outline-[Highlight]",
+								"aria-label": "Close",
+								"data-overlay-close": "true",
+								onClick: () => onClose?.(),
+								children: /* @__PURE__ */ jsx(Memo, {
+									size: 20,
+									color: "var(--content-secondary)"
+								})
+							})
+						})]
+					}) : null]
+				}), description ? /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx("div", {
+						className: "ald-drawer-description tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-self-stretch tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]",
+						children: description
+					})
+				}) : null]
+			})
+		}) });
+		$[47] = closable;
+		$[48] = description;
+		$[49] = extra;
+		$[50] = headerStyle;
+		$[51] = onClose;
+		$[52] = title;
+		$[53] = t29;
+	} else t29 = $[53];
+	let t30;
+	if ($[54] !== bodyStyle || $[55] !== children) {
+		t30 = /* @__PURE__ */ jsx("div", {
+			className: "ald-drawer-body ant-drawer-body tw-min-w-0 tw-flex-[1_0_0] tw-self-stretch tw-overflow-auto tw-p-[var(--component-padding-2xl)]",
+			style: bodyStyle,
+			children
+		});
+		$[54] = bodyStyle;
+		$[55] = children;
+		$[56] = t30;
+	} else t30 = $[56];
+	let t31;
+	if ($[57] !== footer || $[58] !== footerStyle) {
+		t31 = footer && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: "ald-drawer-footer-divider tw-h-px tw-bg-[var(--border-default)]" }), /* @__PURE__ */ jsx("div", {
+			className: "ald-drawer-footer ant-drawer-footer tw-flex tw-items-center tw-justify-end tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-px-[var(--component-padding-2xl)] tw-py-[var(--component-padding-lg)]",
+			style: footerStyle,
+			children: footer
+		})] });
+		$[57] = footer;
+		$[58] = footerStyle;
+		$[59] = t31;
+	} else t31 = $[59];
+	let t32;
+	if ($[60] !== nextFloatingLevel || $[61] !== t28 || $[62] !== t29 || $[63] !== t30 || $[64] !== t31) {
+		t32 = /* @__PURE__ */ jsxs(FloatingLayerProvider, {
+			value: nextFloatingLevel,
+			children: [
+				t28,
+				t29,
+				t30,
+				t31
+			]
+		});
+		$[60] = nextFloatingLevel;
+		$[61] = t28;
+		$[62] = t29;
+		$[63] = t30;
+		$[64] = t31;
+		$[65] = t32;
+	} else t32 = $[65];
+	let t33;
+	if ($[66] !== drawerLayerId || $[67] !== t32) {
+		t33 = /* @__PURE__ */ jsx(ModalLayerProvider, {
+			id: drawerLayerId,
+			children: t32
+		});
+		$[66] = drawerLayerId;
+		$[67] = t32;
+		$[68] = t33;
+	} else t33 = $[68];
+	let t34;
+	if ($[69] !== ariaLabel || $[70] !== dataTestId || $[71] !== inertValue || $[72] !== t19 || $[73] !== t20 || $[74] !== t21 || $[75] !== t24 || $[76] !== t25 || $[77] !== t27 || $[78] !== t33) {
+		t34 = /* @__PURE__ */ jsx(DialogPrimitive.Content, {
 			ref: contentRef,
 			tabIndex: -1,
 			role: "dialog",
 			"data-testid": dataTestId,
-			"aria-modal": isTop || void 0,
+			"aria-modal": t19,
 			"aria-label": ariaLabel,
-			...description ? {} : { "aria-describedby": void 0 },
-			...!isTop ? { inert: "" } : {},
-			"aria-hidden": !isTop || void 0,
-			className: cn("ald-drawer tw-pointer-events-auto tw-absolute tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-xl)]", placementStyles[placement], slideAnimationStyles[placement], className),
-			style: {
-				zIndex: contentZIndex,
-				...sizeStyle,
-				...contentWrapperStyle,
-				...style
-			},
-			onOpenAutoFocus: (event) => {
-				event.preventDefault();
-				requestAnimationFrame(() => {
-					const drawer = contentRef.current;
-					if (drawer) focusInitialDialogTarget(drawer);
-				});
-			},
-			onEscapeKeyDown: (event) => {
-				if (!event.defaultPrevented) markDialogEscapeEvent(event);
-				event.preventDefault();
-			},
-			onInteractOutside: (event) => {
-				if (!maskClosable) event.preventDefault();
-			},
-			children: /* @__PURE__ */ jsx(ModalLayerProvider, {
-				id: drawerLayerId,
-				children: /* @__PURE__ */ jsxs(FloatingLayerProvider, {
-					value: nextFloatingLevel,
-					children: [
-						!title && /* @__PURE__ */ jsx(DialogPrimitive.Title, {
-							className: "tw-sr-only",
-							children: ariaLabel || "Drawer"
-						}),
-						(title || description || closable || extra) && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", {
-							className: "ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--background-default)] tw-px-6 tw-pb-0 tw-pt-4",
-							style: headerStyle,
-							children: /* @__PURE__ */ jsxs("div", {
-								className: "tw-flex tw-w-full tw-flex-col tw-gap-[6px]",
-								children: [/* @__PURE__ */ jsxs("div", {
-									className: "tw-flex tw-w-full tw-items-start tw-justify-between tw-gap-[var(--component-gap-sm)]",
-									children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
-										className: "ald-drawer-title ant-drawer-header-title tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-m-0 tw-flex-[1_0_0] tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]",
-										children: title
-									}), extra || closable ? /* @__PURE__ */ jsxs("div", {
-										className: "ald-drawer-actions tw-flex tw-items-center tw-gap-[var(--component-gap-sm)]",
-										children: [extra, closable && /* @__PURE__ */ jsx(DialogPrimitive.Close, {
-											asChild: true,
-											children: /* @__PURE__ */ jsx("button", {
-												type: "button",
-												className: "ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-[var(--action-ghost-normal)] hover:tw-bg-[var(--action-ghost-hover)] focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)] forced-colors:focus-visible:tw-outline-[Highlight]",
-												"aria-label": "Close",
-												"data-overlay-close": "true",
-												onClick: () => onClose?.(),
-												children: /* @__PURE__ */ jsx(Memo, {
-													size: 20,
-													color: "var(--content-secondary)"
-												})
-											})
-										})]
-									}) : null]
-								}), description ? /* @__PURE__ */ jsx(DialogPrimitive.Description, {
-									asChild: true,
-									children: /* @__PURE__ */ jsx("div", {
-										className: "ald-drawer-description tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-self-stretch tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]",
-										children: description
-									})
-								}) : null]
-							})
-						}) }),
-						/* @__PURE__ */ jsx("div", {
-							className: "ald-drawer-body ant-drawer-body tw-min-w-0 tw-flex-[1_0_0] tw-self-stretch tw-overflow-auto tw-p-[var(--component-padding-2xl)]",
-							style: bodyStyle,
-							children
-						}),
-						footer && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: "ald-drawer-footer-divider tw-h-px tw-bg-[var(--border-default)]" }), /* @__PURE__ */ jsx("div", {
-							className: "ald-drawer-footer ant-drawer-footer tw-flex tw-items-center tw-justify-end tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-px-[var(--component-padding-2xl)] tw-py-[var(--component-padding-lg)]",
-							style: footerStyle,
-							children: footer
-						})] })
-					]
-				})
-			})
-		})]
-	});
-	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
-		open,
-		modal: false,
-		children: inline ? open ? drawerNode : null : /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+			...t20,
+			inert: inertValue,
+			"aria-hidden": t21,
+			className: t24,
+			style: t25,
+			onOpenAutoFocus: t26,
+			onEscapeKeyDown: _temp,
+			onInteractOutside: t27,
+			children: t33
+		});
+		$[69] = ariaLabel;
+		$[70] = dataTestId;
+		$[71] = inertValue;
+		$[72] = t19;
+		$[73] = t20;
+		$[74] = t21;
+		$[75] = t24;
+		$[76] = t25;
+		$[77] = t27;
+		$[78] = t33;
+		$[79] = t34;
+	} else t34 = $[79];
+	let t35;
+	if ($[80] !== t16 || $[81] !== t17 || $[82] !== t18 || $[83] !== t34) {
+		t35 = /* @__PURE__ */ jsxs("div", {
+			className: t16,
+			style: t17,
+			children: [t18, t34]
+		});
+		$[80] = t16;
+		$[81] = t17;
+		$[82] = t18;
+		$[83] = t34;
+		$[84] = t35;
+	} else t35 = $[84];
+	const drawerNode = t35;
+	let t36;
+	if ($[85] !== drawerNode || $[86] !== inline || $[87] !== open || $[88] !== portalContainer) {
+		t36 = inline ? open ? drawerNode : null : /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
 			container: portalContainer,
 			children: drawerNode
-		})
-	});
+		});
+		$[85] = drawerNode;
+		$[86] = inline;
+		$[87] = open;
+		$[88] = portalContainer;
+		$[89] = t36;
+	} else t36 = $[89];
+	let t37;
+	if ($[90] !== open || $[91] !== t36) {
+		t37 = /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+			open,
+			modal: false,
+			children: t36
+		});
+		$[90] = open;
+		$[91] = t36;
+		$[92] = t37;
+	} else t37 = $[92];
+	return t37;
+}
+function _temp(event_1) {
+	if (!event_1.defaultPrevented) markDialogEscapeEvent(event_1);
+	event_1.preventDefault();
 }
 //#endregion
 export { Drawer as default };

package/dist/Drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { CloseLightLine } from '../Icon';\nimport {\n  FLOATING_LAYER_BASE_Z_INDEX,\n  FLOATING_LAYER_STEP,\n  FloatingLayerProvider,\n} from '../_utils/floatingLayer';\nimport {\n  ModalLayerProvider,\n  useModalLayer,\n} from '../_utils/overlayCoordinator';\nimport {\n  focusInitialDialogTarget,\n  markDialogEscapeEvent,\n  useDialogAccessibility,\n} from '../_utils/dialogAccessibility';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  rootClassName?: string;\n  /** Pass through to the drawer content root for automated testing. */\n  'data-testid'?: string;\n  /** Pass through to the drawer content root when no title is rendered. */\n  'aria-label'?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  maskStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?:\n    | string\n    | Element\n    | DocumentFragment\n    | (() => Element | DocumentFragment)\n    | false;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right:\n    'data-[state=open]:tw-animate-drawer-in-right data-[state=closed]:tw-animate-drawer-out-right',\n  left: 'data-[state=open]:tw-animate-drawer-in-left data-[state=closed]:tw-animate-drawer-out-left',\n  top: 'data-[state=open]:tw-animate-drawer-in-top data-[state=closed]:tw-animate-drawer-out-top',\n  bottom:\n    'data-[state=open]:tw-animate-drawer-in-bottom data-[state=closed]:tw-animate-drawer-out-bottom',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    description,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    rootClassName,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n    keyboard = true,\n    getContainer,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [portalContainer, setPortalContainer] = useState<\n    Element | DocumentFragment\n  >();\n  const inline = getContainer === false;\n  const drawerLayer = useModalLayer(open, zIndex);\n  const { id: drawerLayerId, maskZIndex, contentZIndex, isTop } = drawerLayer;\n  const nextFloatingLevel =\n    (maskZIndex - FLOATING_LAYER_BASE_Z_INDEX) / FLOATING_LAYER_STEP + 1;\n\n  useDialogAccessibility({\n    open,\n    isTop,\n    keyboard,\n    containerRef: contentRef,\n    onEscape: (event) => onClose?.(event as unknown as React.KeyboardEvent),\n  });\n\n  useLayoutEffect(() => {\n    if (getContainer === undefined || getContainer === false) {\n      setPortalContainer(undefined);\n    } else if (typeof getContainer === 'string') {\n      setPortalContainer(document.querySelector(getContainer) ?? undefined);\n    } else if (typeof getContainer === 'function') {\n      setPortalContainer(getContainer());\n    } else {\n      setPortalContainer(getContainer);\n    }\n  }, [getContainer]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知抽屉） ----\n  useEffect(() => {\n    if (!open || !isTop || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [isTop, open]);\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n  const drawerNode = (\n    <div\n      className={cn(\n        'ald-drawer-root tw-pointer-events-none tw-inset-0',\n        inline ? 'tw-absolute' : 'tw-fixed',\n        rootClassName,\n      )}\n      style={{ zIndex: maskZIndex }}\n    >\n      {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n      {mask && isTop && (\n        <div\n          data-state={open ? 'open' : 'closed'}\n          className=\"ald-drawer-mask tw-pointer-events-auto tw-absolute tw-inset-0 tw-bg-[var(--background-mask)] data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in\"\n          style={{ zIndex: maskZIndex }}\n          onClick={maskClosable ? () => onClose?.() : undefined}\n        />\n      )}\n      <DialogPrimitive.Content\n        ref={contentRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        data-testid={dataTestId}\n        aria-modal={isTop || undefined}\n        aria-label={ariaLabel}\n        {...(description ? {} : { 'aria-describedby': undefined })}\n        {...(!isTop ? { inert: '' } : {})}\n        aria-hidden={!isTop || undefined}\n        className={cn(\n          'ald-drawer tw-pointer-events-auto tw-absolute tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-xl)]',\n          placementStyles[placement],\n          slideAnimationStyles[placement],\n          className,\n        )}\n        style={{\n          zIndex: contentZIndex,\n          ...sizeStyle,\n          ...contentWrapperStyle,\n          ...style,\n        }}\n        onOpenAutoFocus={(event) => {\n          event.preventDefault();\n          requestAnimationFrame(() => {\n            const drawer = contentRef.current;\n            if (drawer) focusInitialDialogTarget(drawer);\n          });\n        }}\n        onEscapeKeyDown={(event) => {\n          if (!event.defaultPrevented) markDialogEscapeEvent(event);\n          event.preventDefault();\n        }}\n        onInteractOutside={(event) => {\n          if (!maskClosable) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <ModalLayerProvider id={drawerLayerId}>\n          <FloatingLayerProvider value={nextFloatingLevel}>\n            {!title && (\n              <DialogPrimitive.Title className=\"tw-sr-only\">\n                {ariaLabel || 'Drawer'}\n              </DialogPrimitive.Title>\n            )}\n            {(title || description || closable || extra) && (\n              <>\n                {/* antd 兼容：保留 ant-drawer-header / ant-drawer-header-title class，消费方 CSS 可能依赖这些选择器 */}\n                <div\n                  className=\"ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--background-default)] tw-px-6 tw-pb-0 tw-pt-4\"\n                  style={headerStyle}\n                >\n                  <div className=\"tw-flex tw-w-full tw-flex-col tw-gap-[6px]\">\n                    <div className=\"tw-flex tw-w-full tw-items-start tw-justify-between tw-gap-[var(--component-gap-sm)]\">\n                      <DialogPrimitive.Title className='ald-drawer-title ant-drawer-header-title tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-m-0 tw-flex-[1_0_0] tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]'>\n                        {title}\n                      </DialogPrimitive.Title>\n                      {extra || closable ? (\n                        <div className=\"ald-drawer-actions tw-flex tw-items-center tw-gap-[var(--component-gap-sm)]\">\n                          {extra}\n                          {closable && (\n                            <DialogPrimitive.Close asChild>\n                              <button\n                                type=\"button\"\n                                className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-[var(--action-ghost-normal)] hover:tw-bg-[var(--action-ghost-hover)] focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)] forced-colors:focus-visible:tw-outline-[Highlight]\"\n                                aria-label=\"Close\"\n                                data-overlay-close=\"true\"\n                                onClick={() => onClose?.()}\n                              >\n                                <CloseLightLine\n                                  size={20}\n                                  color=\"var(--content-secondary)\"\n                                />\n                              </button>\n                            </DialogPrimitive.Close>\n                          )}\n                        </div>\n                      ) : null}\n                    </div>\n                    {description ? (\n                      <DialogPrimitive.Description asChild>\n                        <div className='ald-drawer-description tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-self-stretch tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]'>\n                          {description}\n                        </div>\n                      </DialogPrimitive.Description>\n                    ) : null}\n                  </div>\n                </div>\n              </>\n            )}\n            {/* antd 兼容：保留 ant-drawer-body class */}\n            <div\n              className=\"ald-drawer-body ant-drawer-body tw-min-w-0 tw-flex-[1_0_0] tw-self-stretch tw-overflow-auto tw-p-[var(--component-padding-2xl)]\"\n              style={bodyStyle}\n            >\n              {children}\n            </div>\n            {footer && (\n              <>\n                <div className=\"ald-drawer-footer-divider tw-h-px tw-bg-[var(--border-default)]\" />\n                {/* antd 兼容：antd .ant-drawer-footer 使用 text-align:right 让 inline 按钮右对齐，\n                此处加 tw-text-right 保持消费方传入 width:100% 子容器时 inline 元素仍右对齐。 */}\n                <div\n                  className=\"ald-drawer-footer ant-drawer-footer tw-flex tw-items-center tw-justify-end tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-px-[var(--component-padding-2xl)] tw-py-[var(--component-padding-lg)]\"\n                  style={footerStyle}\n                >\n                  {footer}\n                </div>\n              </>\n            )}\n          </FloatingLayerProvider>\n        </ModalLayerProvider>\n      </DialogPrimitive.Content>\n    </div>\n  );\n\n  // modal={false}：禁用 Radix FocusScope 的 MutationObserver，\n  // 避免表单校验触发 DOM 变动时劫持焦点。手动补偿滚动锁定、aria-hidden、Tab 循环。\n  return (\n    <DialogPrimitive.Root open={open} modal={false}>\n      {inline ? (\n        open ? (\n          drawerNode\n        ) : null\n      ) : (\n        <DialogPrimitive.Portal container={portalContainer}>\n          {drawerNode}\n        </DialogPrimitive.Portal>\n      )}\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;;AA0DA,IAAM,cAAsC;CAC1C,SAAS;CACT,OAAO;CACR;AAED,IAAM,kBAA0C;CAC9C,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,IAAM,uBAA+C;CACnD,OACE;CACF,MAAM;CACN,KAAK;CACL,QACE;CACH;AAED,SAAS,OAAO,OAAoB;CAClC,MAAM,EACJ,OAAO,OACP,SACA,OACA,aACA,YAAY,SACZ,OACA,QACA,OAAO,WACP,WAAW,MACX,OAAO,MACP,eAAe,MACf,WACA,eACA,eAAe,YACf,cAAc,WACd,OACA,qBACA,WACA,aACA,QACA,aACA,OACA,UACA,SAAS,KACT,WAAW,MACX,iBACE;CAEJ,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,CAAC,iBAAiB,sBAAsB,UAE3C;CACH,MAAM,SAAS,iBAAiB;CAEhC,MAAM,EAAE,IAAI,eAAe,YAAY,eAAe,UADlC,cAAc,MAAM,OAAO;CAE/C,MAAM,qBACH,aAAa,+BAAA,KAAqD;AAErE,wBAAuB;EACrB;EACA;EACA;EACA,cAAc;EACd,WAAW,UAAU,UAAU,MAAwC;EACxE,CAAC;AAEF,uBAAsB;AACpB,MAAI,iBAAiB,UAAa,iBAAiB,MACjD,oBAAmB,OAAU;WACpB,OAAO,iBAAiB,SACjC,oBAAmB,SAAS,cAAc,aAAa,IAAI,OAAU;WAC5D,OAAO,iBAAiB,WACjC,oBAAmB,cAAc,CAAC;MAElC,oBAAmB,aAAa;IAEjC,CAAC,aAAa,CAAC;AAGlB,iBAAgB;AACd,MAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,QAAS;AAC5C,SAAO,WAAW,WAAW,QAAQ;IACpC,CAAC,OAAO,KAAK,CAAC;CAEjB,MAAM,eAAe,cAAc,UAAU,cAAc;CAC3D,MAAM,SAAS,YAAY,SAAS,YAAY;CAGhD,MAAM,YAAY,eACd;EAAE,OAHiB,SAAS;EAGH,UAAU;EAAS,GAC5C;EAAE,QAHkB,UAAU;EAGH,WAAW;EAAS;CACnD,MAAM,aACJ,qBAAC,OAAD;EACE,WAAW,GACT,qDACA,SAAS,gBAAgB,YACzB,cACD;EACD,OAAO,EAAE,QAAQ,YAAY;YAN/B,CASG,QAAQ,SACP,oBAAC,OAAD;GACE,cAAY,OAAO,SAAS;GAC5B,WAAU;GACV,OAAO,EAAE,QAAQ,YAAY;GAC7B,SAAS,qBAAqB,WAAW,GAAG;GAC5C,CAAA,EAEJ,oBAAC,gBAAgB,SAAjB;GACE,KAAK;GACL,UAAU;GACV,MAAK;GACL,eAAa;GACb,cAAY,SAAS;GACrB,cAAY;GACZ,GAAK,cAAc,EAAE,GAAG,EAAE,oBAAoB,QAAW;GACzD,GAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,GAAG,EAAE;GAChC,eAAa,CAAC,SAAS;GACvB,WAAW,GACT,qJACA,gBAAgB,YAChB,qBAAqB,YACrB,UACD;GACD,OAAO;IACL,QAAQ;IACR,GAAG;IACH,GAAG;IACH,GAAG;IACJ;GACD,kBAAkB,UAAU;AAC1B,UAAM,gBAAgB;AACtB,gCAA4B;KAC1B,MAAM,SAAS,WAAW;AAC1B,SAAI,OAAQ,0BAAyB,OAAO;MAC5C;;GAEJ,kBAAkB,UAAU;AAC1B,QAAI,CAAC,MAAM,iBAAkB,uBAAsB,MAAM;AACzD,UAAM,gBAAgB;;GAExB,oBAAoB,UAAU;AAC5B,QAAI,CAAC,aACH,OAAM,gBAAgB;;aAI1B,oBAAC,oBAAD;IAAoB,IAAI;cACtB,qBAAC,uBAAD;KAAuB,OAAO;eAA9B;MACG,CAAC,SACA,oBAAC,gBAAgB,OAAjB;OAAuB,WAAU;iBAC9B,aAAa;OACQ,CAAA;OAExB,SAAS,eAAe,YAAY,UACpC,oBAAA,UAAA,EAAA,UAEE,oBAAC,OAAD;OACE,WAAU;OACV,OAAO;iBAEP,qBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,qBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,oBAAC,gBAAgB,OAAjB;UAAuB,WAAU;oBAC9B;UACqB,CAAA,EACvB,SAAS,WACR,qBAAC,OAAD;UAAK,WAAU;oBAAf,CACG,OACA,YACC,oBAAC,gBAAgB,OAAjB;WAAuB,SAAA;qBACrB,oBAAC,UAAD;YACE,MAAK;YACL,WAAU;YACV,cAAW;YACX,sBAAmB;YACnB,eAAe,WAAW;sBAE1B,oBAAC,MAAD;aACE,MAAM;aACN,OAAM;aACN,CAAA;YACK,CAAA;WACa,CAAA,CAEtB;cACJ,KACA;YACL,cACC,oBAAC,gBAAgB,aAAjB;SAA6B,SAAA;mBAC3B,oBAAC,OAAD;UAAK,WAAU;oBACZ;UACG,CAAA;SACsB,CAAA,GAC5B,KACA;;OACF,CAAA,EACL,CAAA;MAGL,oBAAC,OAAD;OACE,WAAU;OACV,OAAO;OAEN;OACG,CAAA;MACL,UACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD,EAAK,WAAU,mEAAoE,CAAA,EAGnF,oBAAC,OAAD;OACE,WAAU;OACV,OAAO;iBAEN;OACG,CAAA,CACL,EAAA,CAAA;MAEiB;;IACL,CAAA;GACG,CAAA,CACtB;;AAKR,QACE,oBAAC,gBAAgB,MAAjB;EAA4B;EAAM,OAAO;YACtC,SACC,OACE,aACE,OAEJ,oBAAC,gBAAgB,QAAjB;GAAwB,WAAW;aAChC;GACsB,CAAA;EAEN,CAAA"}
+{"version":3,"file":"index.js","names":["DialogPrimitive","hideOthers","React","useEffect","useLayoutEffect","useRef","useState","CloseLightLine","FLOATING_LAYER_BASE_Z_INDEX","FLOATING_LAYER_STEP","FloatingLayerProvider","ModalLayerProvider","useModalLayer","focusInitialDialogTarget","markDialogEscapeEvent","useDialogAccessibility","cn","DrawerProps","open","onClose","e","MouseEvent","KeyboardEvent","title","ReactNode","description","placement","width","height","size","closable","mask","maskClosable","destroyOnClose","className","rootClassName","style","CSSProperties","contentWrapperStyle","bodyStyle","headerStyle","maskStyle","footer","footerStyle","extra","children","zIndex","keyboard","getContainer","Element","DocumentFragment","sizePresets","Record","default","large","placementStyles","right","left","top","bottom","slideAnimationStyles","Drawer","props","$","_c","t0","t1","t2","t3","t4","t5","dataTestId","ariaLabel","t6","t7","undefined","contentRef","portalContainer","setPortalContainer","inline","drawerLayer","id","drawerLayerId","maskZIndex","contentZIndex","isTop","inertValue","version","startsWith","nextFloatingLevel","t8","event","t9","containerRef","onEscape","t10","t11","document","querySelector","t12","t13","current","isHorizontal","preset","effectiveWidth","effectiveHeight","t14","maxWidth","maxHeight","sizeStyle","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","Symbol","for","event_0","preventDefault","requestAnimationFrame","drawer","t27","event_2","t28","t29","t30","t31","t32","t33","t34","_temp","t35","drawerNode","t36","t37","event_1","defaultPrevented"],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { CloseLightLine } from '../Icon';\nimport {\n  FLOATING_LAYER_BASE_Z_INDEX,\n  FLOATING_LAYER_STEP,\n  FloatingLayerProvider,\n} from '../_utils/floatingLayer';\nimport {\n  ModalLayerProvider,\n  useModalLayer,\n} from '../_utils/overlayCoordinator';\nimport {\n  focusInitialDialogTarget,\n  markDialogEscapeEvent,\n  useDialogAccessibility,\n} from '../_utils/dialogAccessibility';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  rootClassName?: string;\n  /** Pass through to the drawer content root for automated testing. */\n  'data-testid'?: string;\n  /** Pass through to the drawer content root when no title is rendered. */\n  'aria-label'?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  maskStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?:\n    | string\n    | Element\n    | DocumentFragment\n    | (() => Element | DocumentFragment)\n    | false;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right:\n    'data-[state=open]:tw-animate-drawer-in-right data-[state=closed]:tw-animate-drawer-out-right',\n  left: 'data-[state=open]:tw-animate-drawer-in-left data-[state=closed]:tw-animate-drawer-out-left',\n  top: 'data-[state=open]:tw-animate-drawer-in-top data-[state=closed]:tw-animate-drawer-out-top',\n  bottom:\n    'data-[state=open]:tw-animate-drawer-in-bottom data-[state=closed]:tw-animate-drawer-out-bottom',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    description,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    rootClassName,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n    keyboard = true,\n    getContainer,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [portalContainer, setPortalContainer] = useState<\n    Element | DocumentFragment\n  >();\n  const inline = getContainer === false;\n  const drawerLayer = useModalLayer(open, zIndex);\n  const { id: drawerLayerId, maskZIndex, contentZIndex, isTop } = drawerLayer;\n  const inertValue = !isTop\n    ? React.version.startsWith('18.')\n      ? ('' as unknown as boolean)\n      : true\n    : undefined;\n  const nextFloatingLevel =\n    (maskZIndex - FLOATING_LAYER_BASE_Z_INDEX) / FLOATING_LAYER_STEP + 1;\n\n  useDialogAccessibility({\n    open,\n    isTop,\n    keyboard,\n    containerRef: contentRef,\n    onEscape: (event) => onClose?.(event as unknown as React.KeyboardEvent),\n  });\n\n  useLayoutEffect(() => {\n    if (getContainer === undefined || getContainer === false) {\n      setPortalContainer(undefined);\n    } else if (typeof getContainer === 'string') {\n      setPortalContainer(document.querySelector(getContainer) ?? undefined);\n    } else if (typeof getContainer === 'function') {\n      setPortalContainer(getContainer());\n    } else {\n      setPortalContainer(getContainer);\n    }\n  }, [getContainer]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知抽屉） ----\n  useEffect(() => {\n    if (!open || !isTop || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [isTop, open]);\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n  const drawerNode = (\n    <div\n      className={cn(\n        'ald-drawer-root tw-pointer-events-none tw-inset-0',\n        inline ? 'tw-absolute' : 'tw-fixed',\n        rootClassName,\n      )}\n      style={{ zIndex: maskZIndex }}\n    >\n      {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n      {mask && isTop && (\n        <div\n          data-state={open ? 'open' : 'closed'}\n          className=\"ald-drawer-mask tw-pointer-events-auto tw-absolute tw-inset-0 tw-bg-[var(--background-mask)] data-[state=closed]:tw-animate-mask-out data-[state=open]:tw-animate-mask-in\"\n          style={{ zIndex: maskZIndex }}\n          onClick={maskClosable ? () => onClose?.() : undefined}\n        />\n      )}\n      <DialogPrimitive.Content\n        ref={contentRef}\n        tabIndex={-1}\n        role=\"dialog\"\n        data-testid={dataTestId}\n        aria-modal={isTop || undefined}\n        aria-label={ariaLabel}\n        {...(description ? {} : { 'aria-describedby': undefined })}\n        inert={inertValue}\n        aria-hidden={!isTop || undefined}\n        className={cn(\n          'ald-drawer tw-pointer-events-auto tw-absolute tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-xl)]',\n          placementStyles[placement],\n          slideAnimationStyles[placement],\n          className,\n        )}\n        style={{\n          zIndex: contentZIndex,\n          ...sizeStyle,\n          ...contentWrapperStyle,\n          ...style,\n        }}\n        onOpenAutoFocus={(event) => {\n          event.preventDefault();\n          requestAnimationFrame(() => {\n            const drawer = contentRef.current;\n            if (drawer) focusInitialDialogTarget(drawer);\n          });\n        }}\n        onEscapeKeyDown={(event) => {\n          if (!event.defaultPrevented) markDialogEscapeEvent(event);\n          event.preventDefault();\n        }}\n        onInteractOutside={(event) => {\n          if (!maskClosable) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <ModalLayerProvider id={drawerLayerId}>\n          <FloatingLayerProvider value={nextFloatingLevel}>\n            {!title && (\n              <DialogPrimitive.Title className=\"tw-sr-only\">\n                {ariaLabel || 'Drawer'}\n              </DialogPrimitive.Title>\n            )}\n            {(title || description || closable || extra) && (\n              <>\n                {/* antd 兼容：保留 ant-drawer-header / ant-drawer-header-title class，消费方 CSS 可能依赖这些选择器 */}\n                <div\n                  className=\"ald-drawer-header ant-drawer-header tw-flex tw-flex-col tw-items-start tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-bg-[var(--background-default)] tw-px-6 tw-pb-0 tw-pt-4\"\n                  style={headerStyle}\n                >\n                  <div className=\"tw-flex tw-w-full tw-flex-col tw-gap-[6px]\">\n                    <div className=\"tw-flex tw-w-full tw-items-start tw-justify-between tw-gap-[var(--component-gap-sm)]\">\n                      <DialogPrimitive.Title className='ald-drawer-title ant-drawer-header-title tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-m-0 tw-flex-[1_0_0] tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]'>\n                        {title}\n                      </DialogPrimitive.Title>\n                      {extra || closable ? (\n                        <div className=\"ald-drawer-actions tw-flex tw-items-center tw-gap-[var(--component-gap-sm)]\">\n                          {extra}\n                          {closable && (\n                            <DialogPrimitive.Close asChild>\n                              <button\n                                type=\"button\"\n                                className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-[var(--action-ghost-normal)] hover:tw-bg-[var(--action-ghost-hover)] focus-visible:tw-outline focus-visible:tw-outline-2 focus-visible:tw-outline-offset-2 focus-visible:tw-outline-[var(--focus-ring)] forced-colors:focus-visible:tw-outline-[Highlight]\"\n                                aria-label=\"Close\"\n                                data-overlay-close=\"true\"\n                                onClick={() => onClose?.()}\n                              >\n                                <CloseLightLine\n                                  size={20}\n                                  color=\"var(--content-secondary)\"\n                                />\n                              </button>\n                            </DialogPrimitive.Close>\n                          )}\n                        </div>\n                      ) : null}\n                    </div>\n                    {description ? (\n                      <DialogPrimitive.Description asChild>\n                        <div className='ald-drawer-description tw-[font-feature-settings:\"liga\"_off,\"clig\"_off] tw-self-stretch tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]'>\n                          {description}\n                        </div>\n                      </DialogPrimitive.Description>\n                    ) : null}\n                  </div>\n                </div>\n              </>\n            )}\n            {/* antd 兼容：保留 ant-drawer-body class */}\n            <div\n              className=\"ald-drawer-body ant-drawer-body tw-min-w-0 tw-flex-[1_0_0] tw-self-stretch tw-overflow-auto tw-p-[var(--component-padding-2xl)]\"\n              style={bodyStyle}\n            >\n              {children}\n            </div>\n            {footer && (\n              <>\n                <div className=\"ald-drawer-footer-divider tw-h-px tw-bg-[var(--border-default)]\" />\n                {/* antd 兼容：antd .ant-drawer-footer 使用 text-align:right 让 inline 按钮右对齐，\n                此处加 tw-text-right 保持消费方传入 width:100% 子容器时 inline 元素仍右对齐。 */}\n                <div\n                  className=\"ald-drawer-footer ant-drawer-footer tw-flex tw-items-center tw-justify-end tw-gap-[var(--component-gap-lg)] tw-self-stretch tw-px-[var(--component-padding-2xl)] tw-py-[var(--component-padding-lg)]\"\n                  style={footerStyle}\n                >\n                  {footer}\n                </div>\n              </>\n            )}\n          </FloatingLayerProvider>\n        </ModalLayerProvider>\n      </DialogPrimitive.Content>\n    </div>\n  );\n\n  // modal={false}：禁用 Radix FocusScope 的 MutationObserver，\n  // 避免表单校验触发 DOM 变动时劫持焦点。手动补偿滚动锁定、aria-hidden、Tab 循环。\n  return (\n    <DialogPrimitive.Root open={open} modal={false}>\n      {inline ? (\n        open ? (\n          drawerNode\n        ) : null\n      ) : (\n        <DialogPrimitive.Portal container={portalContainer}>\n          {drawerNode}\n        </DialogPrimitive.Portal>\n      )}\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":";;;;;;;;;;;AA0DA,IAAMmD,cAAsC;CAC1CE,SAAS;CACTC,OAAO;CACR;AAED,IAAMC,kBAA0C;CAC9CC,OAAO;CACPC,MAAM;CACNC,KAAK;CACLC,QAAQ;CACT;AAED,IAAMC,uBAA+C;CACnDJ,OACE;CACFC,MAAM;CACNC,KAAK;CACLC,QACE;CACH;AAED,SAAAE,OAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAA9C,MAAA+C,IAAA9C,SAAAI,OAAAE,aAAAC,WAAAwC,IAAAvC,OAAAC,QAAAC,MAAAsC,IAAArC,UAAAsC,IAAArC,MAAAsC,IAAArC,cAAAsC,IAAApC,WAAAC,eAAA,eAAAoC,YAAA,cAAAC,WAAApC,OAAAE,qBAAAC,WAAAC,aAAAE,QAAAC,aAAAC,OAAAC,UAAAC,QAAA2B,IAAA1B,UAAA2B,IAAA1B,iBA2BIc;CA1BF,MAAA5C,OAAA+C,OAAAU,SAAA,QAAAV;CAIA,MAAAvC,YAAAwC,OAAAS,SAAA,UAAAT;CAGA,MAAArC,OAAAsC,OAAAQ,SAAA,YAAAR;CACA,MAAArC,WAAAsC,OAAAO,SAAA,OAAAP;CACA,MAAArC,OAAAsC,OAAAM,SAAA,OAAAN;CACA,MAAArC,eAAAsC,OAAAK,SAAA,OAAAL;CAaA,MAAAxB,SAAA2B,OAAAE,SAAA,MAAAF;CACA,MAAA1B,WAAA2B,OAAAC,SAAA,OAAAD;CAIF,MAAAE,aAAmBvE,OAAuB,KAAK;CAC/C,MAAA,CAAAwE,iBAAAC,sBAA8CxE,UAE3C;CACH,MAAAyE,SAAe/B,iBAAiB;CAEhC,MAAA,EAAAiC,IAAAC,eAAAC,YAAAC,eAAAC,UADoBzE,cAAcM,MAAM4B,OAAO;CAE/C,MAAAwC,aAAmB,CAACD,QAChBnF,MAAKqF,QAAQC,WAAY,MAEnB,GADH,KADH,OADeb;CAKnB,MAAAc,qBACGN,aAAa3E,+BAAAA,KAAqD;CAAE,IAAAkF;AAAA,KAAA3B,EAAA,OAAA5C,SAAA;AAO3DuE,QAAAC,UAAWxE,UAAUwE,MAAwC;AAAA5B,IAAA,KAAA5C;AAAA4C,IAAA,KAAA2B;OAAAA,MAAA3B,EAAA;CAAA,IAAA6B;AAAA,KAAA7B,EAAA,OAAAsB,SAAAtB,EAAA,OAAAhB,YAAAgB,EAAA,OAAA7C,QAAA6C,EAAA,OAAA2B,IAAA;AALlDE,OAAA;GAAA1E;GAAAmE;GAAAtC;GAAA8C,cAIPjB;GAAUkB,UACdJ;GACX;AAAA3B,IAAA,KAAAsB;AAAAtB,IAAA,KAAAhB;AAAAgB,IAAA,KAAA7C;AAAA6C,IAAA,KAAA2B;AAAA3B,IAAA,KAAA6B;OAAAA,MAAA7B,EAAA;AANDhD,wBAAuB6E,GAMrB;CAAA,IAAAG;CAAA,IAAAC;AAAA,KAAAjC,EAAA,OAAAf,cAAA;AAEc+C,cAAA;AACd,OAAI/C,iBAAiB2B,UAAa3B,iBAAiB,MACjD8B,oBAAmBH,OAAU;YACpB,OAAO3B,iBAAiB,SACjC8B,oBAAmBmB,SAAQC,cAAelD,aAA0B,IAAjD2B,OAAkD;YAC5D,OAAO3B,iBAAiB,WACjC8B,oBAAmB9B,cAAc,CAAC;OAElC8B,oBAAmB9B,aAAa;;AAEjCgD,QAAA,CAAChD,aAAa;AAAAe,IAAA,KAAAf;AAAAe,IAAA,KAAAgC;AAAAhC,IAAA,KAAAiC;QAAA;AAAAD,QAAAhC,EAAA;AAAAiC,QAAAjC,EAAA;;AAVjB3D,iBAAgB2F,KAUbC,IAAe;CAAA,IAAAG;CAAA,IAAAC;AAAA,KAAArC,EAAA,QAAAsB,SAAAtB,EAAA,QAAA7C,MAAA;AAGRiF,cAAA;AACR,OAAI,CAACjF,QAAD,CAAUmE,SAAV,CAAoBT,WAAUyB,QAAQ;AAAS,UAC5CpG,WAAW2E,WAAUyB,QAAS;;AACpCD,QAAA,CAACf,OAAOnE,KAAK;AAAA6C,IAAA,MAAAsB;AAAAtB,IAAA,MAAA7C;AAAA6C,IAAA,MAAAoC;AAAApC,IAAA,MAAAqC;QAAA;AAAAD,QAAApC,EAAA;AAAAqC,QAAArC,EAAA;;AAHhB5D,WAAUgG,KAGPC,IAAc;CAEjB,MAAAE,eAAqB5E,cAAc,UAAUA,cAAc;CAC3D,MAAA6E,SAAepD,YAAYtB,SAASsB,YAAWE;CAC/C,MAAAmD,iBAAuB7E,SAAA4E;CACvB,MAAAE,kBAAwB7E,UAAA2E;CAAiB,IAAAG;AAAA,KAAA3C,EAAA,QAAA0C,mBAAA1C,EAAA,QAAAyC,kBAAAzC,EAAA,QAAAuC,cAAA;AACvBI,QAAAJ,eAAA;GAAA3E,OACL6E;GAAcG,UAAY;GACY,GAFjC;GAAA/E,QAEJ6E;GAAeG,WAAa;GAAS;AAAA7C,IAAA,MAAA0C;AAAA1C,IAAA,MAAAyC;AAAAzC,IAAA,MAAAuC;AAAAvC,IAAA,MAAA2C;OAAAA,OAAA3C,EAAA;CAFnD,MAAA8C,YAAkBH;CAOZ,MAAAI,MAAA/B,SAAA,gBAAA;CAAmC,IAAAgC;AAAA,KAAAhD,EAAA,QAAA5B,iBAAA4B,EAAA,QAAA+C,KAAA;AAF1BC,QAAA/F,GACT,qDACA8F,KACA3E,cACD;AAAA4B,IAAA,MAAA5B;AAAA4B,IAAA,MAAA+C;AAAA/C,IAAA,MAAAgD;OAAAA,OAAAhD,EAAA;CAAA,IAAAiD;AAAA,KAAAjD,EAAA,QAAAoB,YAAA;AACM6B,QAAA,EAAAlE,QAAUqC,YAAY;AAAApB,IAAA,MAAAoB;AAAApB,IAAA,MAAAiD;OAAAA,OAAAjD,EAAA;CAAA,IAAAkD;AAAA,KAAAlD,EAAA,QAAAsB,SAAAtB,EAAA,QAAAhC,QAAAgC,EAAA,QAAA/B,gBAAA+B,EAAA,QAAAoB,cAAApB,EAAA,QAAA5C,WAAA4C,EAAA,QAAA7C,MAAA;AAG5B+F,QAAAlF,QAAAsD,SACC,oBAAA,OAAA;GACc,cAAAnE,OAAA,SAAA;GACF,WAAA;GACH,OAAA,EAAA4B,QAAUqC,YAAW;GACnB,SAAAnD,qBAAqBb,WAAuB,GAA5CwD;GAEZ,CAAA;AAAAZ,IAAA,MAAAsB;AAAAtB,IAAA,MAAAhC;AAAAgC,IAAA,MAAA/B;AAAA+B,IAAA,MAAAoB;AAAApB,IAAA,MAAA5C;AAAA4C,IAAA,MAAA7C;AAAA6C,IAAA,MAAAkD;OAAAA,OAAAlD,EAAA;CAMa,MAAAmD,MAAA7B,SAAAV;CAAkB,IAAAwC;AAAA,KAAApD,EAAA,QAAAtC,aAAA;AAEzB0F,QAAA1F,cAAA,EAAoD,GAApD,EAAA,oBAAyCkD,QAAW;AAAAZ,IAAA,MAAAtC;AAAAsC,IAAA,MAAAoD;OAAAA,OAAApD,EAAA;CAE5C,MAAAqD,MAAA,CAAC/B,SAADV;CAGX,MAAA0C,MAAA9D,gBAAgB7B;CAChB,MAAA4F,MAAA1D,qBAAqBlC;CAAU,IAAA6F;AAAA,KAAAxD,EAAA,QAAA7B,aAAA6B,EAAA,QAAAsD,OAAAtD,EAAA,QAAAuD,KAAA;AAHtBC,QAAAvG,GACT,qJACAqG,KACAC,KACApF,UACD;AAAA6B,IAAA,MAAA7B;AAAA6B,IAAA,MAAAsD;AAAAtD,IAAA,MAAAuD;AAAAvD,IAAA,MAAAwD;OAAAA,OAAAxD,EAAA;CAAA,IAAAyD;AAAA,KAAAzD,EAAA,QAAAzB,uBAAAyB,EAAA,QAAAqB,iBAAArB,EAAA,QAAA8C,aAAA9C,EAAA,QAAA3B,OAAA;AACMoF,QAAA;GAAA1E,QACGsC;GAAa,GAClByB;GAAS,GACTvE;GAAmB,GACnBF;GACJ;AAAA2B,IAAA,MAAAzB;AAAAyB,IAAA,MAAAqB;AAAArB,IAAA,MAAA8C;AAAA9C,IAAA,MAAA3B;AAAA2B,IAAA,MAAAyD;OAAAA,OAAAzD,EAAA;CAAA,IAAA0D;AAAA,KAAA1D,EAAA,QAAA2D,OAAAC,IAAA,4BAAA,EAAA;AACgBF,SAAAG,YAAA;AACfjC,WAAKkC,gBAAiB;AACtBC,+BAAsB;IACpB,MAAAC,SAAenD,WAAUyB;AACzB,QAAI0B,OAAQlH,0BAAyBkH,OAAO;KAC5C;;AACHhE,IAAA,MAAA0D;OAAAA,OAAA1D,EAAA;CAAA,IAAAiE;AAAA,KAAAjE,EAAA,QAAA/B,cAAA;AAKkBgG,SAAAC,YAAA;AACjB,OAAI,CAACjG,aACH2D,SAAKkC,gBAAiB;;AAEzB9D,IAAA,MAAA/B;AAAA+B,IAAA,MAAAiE;OAAAA,OAAAjE,EAAA;CAAA,IAAAmE;AAAA,KAAAnE,EAAA,QAAAS,aAAAT,EAAA,QAAAxC,OAAA;AAII2G,QAAA,CAAC3G,SACA,oBAAA,gBAAA,OAAA;GAAiC,WAAA;aAC9BiD,aAAA;GAEJ,CAAA;AAAAT,IAAA,MAAAS;AAAAT,IAAA,MAAAxC;AAAAwC,IAAA,MAAAmE;OAAAA,OAAAnE,EAAA;CAAA,IAAAoE;AAAA,KAAApE,EAAA,QAAAjC,YAAAiC,EAAA,QAAAtC,eAAAsC,EAAA,QAAAnB,SAAAmB,EAAA,QAAAvB,eAAAuB,EAAA,QAAA5C,WAAA4C,EAAA,QAAAxC,OAAA;AACA4G,SAAC5G,SAAAE,eAAAK,YAAAc,UAAD,oBAAA,UAAA,EAAA,UAGG,oBAAA,OAAA;GACY,WAAA;GACHJ,OAAAA;aAEP,qBAAA,OAAA;IAAe,WAAA;cAAf,CACE,qBAAA,OAAA;KAAe,WAAA;eAAf,CACE,oBAAA,gBAAA,OAAA;MAAiC,WAAA;gBAC9BjB;MAEF,CAAA,EAAAqB,SAAAd,WACC,qBAAA,OAAA;MAAe,WAAA;gBAAf,CACGc,OACAd,YACC,oBAAA,gBAAA,OAAA;OAAuB,SAAA;iBACrB,oBAAA,UAAA;QACO,MAAA;QACK,WAAA;QACC,cAAA;QACQ,sBAAA;QACV,eAAMX,WAAU;kBAEzB,oBAAC,MAAD;SACQ,MAAA;SACA,OAAA;SAEV,CAAA;QACF,CAAA;OACF,CAAA,CAEI;UApBP,KAsBF;QAAAM,cACC,oBAAA,gBAAA,aAAA;KAA6B,SAAA;eAC3B,oBAAA,OAAA;MAAe,WAAA;gBACZA;MAEL,CAAA;KACM,CAAA,GANP,KAQL;;GAAM,CAAA,EAET,CAAA;AAAAsC,IAAA,MAAAjC;AAAAiC,IAAA,MAAAtC;AAAAsC,IAAA,MAAAnB;AAAAmB,IAAA,MAAAvB;AAAAuB,IAAA,MAAA5C;AAAA4C,IAAA,MAAAxC;AAAAwC,IAAA,MAAAoE;OAAAA,OAAApE,EAAA;CAAA,IAAAqE;AAAA,KAAArE,EAAA,QAAAxB,aAAAwB,EAAA,QAAAlB,UAAA;AAEDuF,QAAA,oBAAA,OAAA;GACY,WAAA;GACH7F,OAAAA;GAENM;GACG,CAAA;AAAAkB,IAAA,MAAAxB;AAAAwB,IAAA,MAAAlB;AAAAkB,IAAA,MAAAqE;OAAAA,OAAArE,EAAA;CAAA,IAAAsE;AAAA,KAAAtE,EAAA,QAAArB,UAAAqB,EAAA,QAAApB,aAAA;AACL0F,QAAA3F,UAAA,qBAAA,UAAA,EAAA,UAAA,CAEG,oBAAA,OAAA,EAAe,WAAA,mEAGf,CAAA,EAAA,oBAAA,OAAA;GACY,WAAA;GACHC,OAAAA;aAEND;GACG,CAAA,CAET,EAAA,CAAA;AAAAqB,IAAA,MAAArB;AAAAqB,IAAA,MAAApB;AAAAoB,IAAA,MAAAsE;OAAAA,OAAAtE,EAAA;CAAA,IAAAuE;AAAA,KAAAvE,EAAA,QAAA0B,qBAAA1B,EAAA,QAAAmE,OAAAnE,EAAA,QAAAoE,OAAApE,EAAA,QAAAqE,OAAArE,EAAA,QAAAsE,KAAA;AAtEHC,QAAA,qBAAC,uBAAD;GAA8B7C,OAAAA;aAA9B;IACGyC;IAKAC;IA8CDC;IAMCC;IAaqB;;AAAAtE,IAAA,MAAA0B;AAAA1B,IAAA,MAAAmE;AAAAnE,IAAA,MAAAoE;AAAApE,IAAA,MAAAqE;AAAArE,IAAA,MAAAsE;AAAAtE,IAAA,MAAAuE;OAAAA,OAAAvE,EAAA;CAAA,IAAAwE;AAAA,KAAAxE,EAAA,QAAAmB,iBAAAnB,EAAA,QAAAuE,KAAA;AAxE1BC,QAAA,oBAAC,oBAAD;GAAwBrD,IAAAA;aACtBoD;GAwEmB,CAAA;AAAAvE,IAAA,MAAAmB;AAAAnB,IAAA,MAAAuE;AAAAvE,IAAA,MAAAwE;OAAAA,OAAAxE,EAAA;CAAA,IAAAyE;AAAA,KAAAzE,EAAA,QAAAS,aAAAT,EAAA,QAAAQ,cAAAR,EAAA,QAAAuB,cAAAvB,EAAA,QAAAmD,OAAAnD,EAAA,QAAAoD,OAAApD,EAAA,QAAAqD,OAAArD,EAAA,QAAAwD,OAAAxD,EAAA,QAAAyD,OAAAzD,EAAA,QAAAiE,OAAAjE,EAAA,QAAAwE,KAAA;AAhHvBC,QAAA,oBAAA,gBAAA,SAAA;GACO5D,KAAAA;GACK,UAAA;GACL,MAAA;GACQL,eAAAA;GACD,cAAA2C;GACA1C,cAAAA;GAAS,GAChB2C;GACE7B,OAAAA;GACM,eAAA8B;GACF,WAAAG;GAMJ,OAAAC;GAMU,iBAAAC;GAOA,iBAAAgB;GAIE,mBAAAT;aAMnBO;GA0EwB,CAAA;AAAAxE,IAAA,MAAAS;AAAAT,IAAA,MAAAQ;AAAAR,IAAA,MAAAuB;AAAAvB,IAAA,MAAAmD;AAAAnD,IAAA,MAAAoD;AAAApD,IAAA,MAAAqD;AAAArD,IAAA,MAAAwD;AAAAxD,IAAA,MAAAyD;AAAAzD,IAAA,MAAAiE;AAAAjE,IAAA,MAAAwE;AAAAxE,IAAA,MAAAyE;OAAAA,OAAAzE,EAAA;CAAA,IAAA2E;AAAA,KAAA3E,EAAA,QAAAgD,OAAAhD,EAAA,QAAAiD,OAAAjD,EAAA,QAAAkD,OAAAlD,EAAA,QAAAyE,KAAA;AAlI5BE,QAAA,qBAAA,OAAA;GACa,WAAA3B;GAKJ,OAAAC;aANT,CASGC,KAQDuB,IAkHI;;AAAAzE,IAAA,MAAAgD;AAAAhD,IAAA,MAAAiD;AAAAjD,IAAA,MAAAkD;AAAAlD,IAAA,MAAAyE;AAAAzE,IAAA,MAAA2E;OAAAA,OAAA3E,EAAA;CApIR,MAAA4E,aACED;CAoIA,IAAAE;AAAA,KAAA7E,EAAA,QAAA4E,cAAA5E,EAAA,QAAAgB,UAAAhB,EAAA,QAAA7C,QAAA6C,EAAA,QAAAc,iBAAA;AAMG+D,QAAA7D,SACC7D,OAAAyH,aAAA,OAIA,oBAAA,gBAAA,QAAA;GAAmC9D,WAAAA;aAChC8D;GAEJ,CAAA;AAAA5E,IAAA,MAAA4E;AAAA5E,IAAA,MAAAgB;AAAAhB,IAAA,MAAA7C;AAAA6C,IAAA,MAAAc;AAAAd,IAAA,MAAA6E;OAAAA,OAAA7E,EAAA;CAAA,IAAA8E;AAAA,KAAA9E,EAAA,QAAA7C,QAAA6C,EAAA,QAAA6E,KAAA;AATHC,QAAA,oBAAA,gBAAA,MAAA;GAA4B3H;GAAa,OAAA;aACtC0H;GASoB,CAAA;AAAA7E,IAAA,MAAA7C;AAAA6C,IAAA,MAAA6E;AAAA7E,IAAA,MAAA8E;OAAAA,OAAA9E,EAAA;AAAA,QAVvB8E;;AAxNJ,SAAAJ,MAAAK,SAAA;AA8HU,KAAI,CAACnD,QAAKoD,iBAAmBjI,uBAAsB6E,QAAM;AACzDA,SAAKkC,gBAAiB"}

package/dist/Drawer.js

@@ -0,0 +1,2 @@
+export * from './Drawer/index.js';
+export { default } from './Drawer/index.js';

package/dist/Dropdown/index.d.ts

@@ -1,6 +1,6 @@
 import { FloatingFocusManagerProps, OffsetOptions, UseHoverProps } from '@floating-ui/react';
 import { default as React } from 'react';
-import { MenuProps } from '../Menu';
+import { MenuProps } from '../Menu.js';
 export type ActionType = 'hover' | 'click' | 'contextMenu';
 export type PlacementType = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export interface IDropdownProps {
@@ -98,9 +98,14 @@ export interface IDropdownProps {
      */
     popupMatchTriggerWidth?: boolean | number;
     /**
-     * @description 空间不足时自动计算菜单最大高度并启用滚动，启用后 offset 固定为 0
-     * @default false
+     * @description 空间不足时允许浮层覆盖触发器；空间充足时保留 placement 和 offset。设为 false 禁止覆盖。
+     * @default true
      */
     allowOverlap?: boolean;
+    /**
+     * @description 内容超出浮层实际可用区域时限制高度并滚动。默认 body 浮层以视口为界；自定义容器保留自身裁剪边界。
+     * @default true
+     */
+    autoAdjustHeight?: boolean;
 }
-export default function Dropdown(props: IDropdownProps): import("react/jsx-runtime").JSX.Element;
+export default function Dropdown(props: IDropdownProps): React.JSX.Element;