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

package/dist/Divider/index.js

@@ -1,4 +1,5 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -20,14 +21,49 @@ var innerVariants = cva("ald-divider-inner tw-block tw-w-full tw-bg-[var(--borde
 	defaultVariants: { size: "middle" }
 });
 var Divider = (props) => {
-	const { className, size = "middle" } = props;
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(dividerVariants({ size }), className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: innerVariants({ size }),
-			style: props.color ? { backgroundColor: props.color } : void 0
-		})
-	});
+	const $ = c(13);
+	const { className, size: t0 } = props;
+	const size = t0 === void 0 ? "middle" : t0;
+	let t1;
+	if ($[0] !== className || $[1] !== size) {
+		t1 = cn(dividerVariants({ size }), className);
+		$[0] = className;
+		$[1] = size;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== size) {
+		t2 = innerVariants({ size });
+		$[3] = size;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== props.color) {
+		t3 = props.color ? { backgroundColor: props.color } : void 0;
+		$[5] = props.color;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			className: t2,
+			style: t3
+		});
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t1 || $[11] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t4
+		});
+		$[10] = t1;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
 };
 //#endregion
 export { Divider as default };

package/dist/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Divider/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface IDividerProps {\n  /**\n   * @description 类名\n   * @type string\n   * @default --\n   */\n  className?: string;\n  /**\n   * @description 颜色\n   * @type string\n   * @default --\n   */\n  color?: string;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'\n   * @default 'middle'\n   */\n  size?: 'small' | 'middle' | 'large';\n}\n\nconst dividerVariants = cva(\n  'ald-divider tw-inline-block tw-w-px tw-align-middle',\n  {\n    variants: {\n      size: {\n        small: 'ald-divider-small tw-mx-[6px]',\n        middle: 'ald-divider-middle tw-mx-[8px]',\n        large: 'ald-divider-large tw-mx-[12px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  'ald-divider-inner tw-block tw-w-full tw-bg-[var(--border-neutral-subtle)] tw-mix-blend-multiply',\n  {\n    variants: {\n      size: {\n        small: 'tw-h-[12px]',\n        middle: 'tw-h-[14px]',\n        large: 'tw-h-[16px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst Divider = (props: IDividerProps) => {\n  const { className, size = 'middle' } = props;\n\n  return (\n    <div className={cn(dividerVariants({ size }), className)}>\n      <div\n        className={innerVariants({ size })}\n        style={props.color ? { backgroundColor: props.color } : undefined}\n      />\n    </div>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;AAyBA,IAAM,kBAAkB,IACtB,uDACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CACF;AAED,IAAM,gBAAgB,IACpB,mGACA;CACE,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;EACR,EACF;CACD,iBAAiB,EACf,MAAM,UACP;CACF,CACF;AAED,IAAM,WAAW,UAAyB;CACxC,MAAM,EAAE,WAAW,OAAO,aAAa;AAEvC,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,EAAE,MAAM,CAAC,EAAE,UAAU;YACtD,oBAAC,OAAD;GACE,WAAW,cAAc,EAAE,MAAM,CAAC;GAClC,OAAO,MAAM,QAAQ,EAAE,iBAAiB,MAAM,OAAO,GAAG;GACxD,CAAA;EACE,CAAA"}
+{"version":3,"file":"index.js","names":["cva","React","cn","IDividerProps","className","color","size","dividerVariants","variants","small","middle","large","defaultVariants","innerVariants","Divider","props","$","_c","t0","undefined","t1","t2","t3","backgroundColor","t4","t5"],"sources":["../../src/Divider/index.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport React from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface IDividerProps {\n  /**\n   * @description 类名\n   * @type string\n   * @default --\n   */\n  className?: string;\n  /**\n   * @description 颜色\n   * @type string\n   * @default --\n   */\n  color?: string;\n  /**\n   * @description 尺寸\n   * @type 'small' | 'middle' | 'large'\n   * @default 'middle'\n   */\n  size?: 'small' | 'middle' | 'large';\n}\n\nconst dividerVariants = cva(\n  'ald-divider tw-inline-block tw-w-px tw-align-middle',\n  {\n    variants: {\n      size: {\n        small: 'ald-divider-small tw-mx-[6px]',\n        middle: 'ald-divider-middle tw-mx-[8px]',\n        large: 'ald-divider-large tw-mx-[12px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst innerVariants = cva(\n  'ald-divider-inner tw-block tw-w-full tw-bg-[var(--border-neutral-subtle)] tw-mix-blend-multiply',\n  {\n    variants: {\n      size: {\n        small: 'tw-h-[12px]',\n        middle: 'tw-h-[14px]',\n        large: 'tw-h-[16px]',\n      },\n    },\n    defaultVariants: {\n      size: 'middle',\n    },\n  },\n);\n\nconst Divider = (props: IDividerProps) => {\n  const { className, size = 'middle' } = props;\n\n  return (\n    <div className={cn(dividerVariants({ size }), className)}>\n      <div\n        className={innerVariants({ size })}\n        style={props.color ? { backgroundColor: props.color } : undefined}\n      />\n    </div>\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;;AAyBA,IAAMO,kBAAkBP,IACtB,uDACA;CACEQ,UAAU,EACRF,MAAM;EACJG,OAAO;EACPC,QAAQ;EACRC,OAAO;EACT,EACD;CACDC,iBAAiB,EACfN,MAAM,UACR;CAEJ,CAAC;AAED,IAAMO,gBAAgBb,IACpB,mGACA;CACEQ,UAAU,EACRF,MAAM;EACJG,OAAO;EACPC,QAAQ;EACRC,OAAO;EACT,EACD;CACDC,iBAAiB,EACfN,MAAM,UACR;CAEJ,CAAC;AAED,IAAMQ,WAAUC,UAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACd,MAAA,EAAAb,WAAAE,MAAAY,OAAuCH;CAApB,MAAAT,OAAAY,OAAAC,SAAA,WAAAD;CAAe,IAAAE;AAAA,KAAAJ,EAAA,OAAAZ,aAAAY,EAAA,OAAAV,MAAA;AAGhBc,OAAAlB,GAAGK,gBAAgB,EAAAD,MAAQ,CAAC,EAAEF,UAAU;AAAAY,IAAA,KAAAZ;AAAAY,IAAA,KAAAV;AAAAU,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAV,MAAA;AAEzCe,OAAAR,cAAc,EAAAP,MAAQ,CAAC;AAAAU,IAAA,KAAAV;AAAAU,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAD,MAAAV,OAAA;AAC3BiB,OAAAP,MAAKV,QAAL,EAAAkB,iBAAiCR,MAAKV,OAAoB,GAA1Dc;AAA0DH,IAAA,KAAAD,MAAAV;AAAAW,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAK,MAAAL,EAAA,OAAAM,IAAA;AAFnEE,OAAA,oBAAA,OAAA;GACa,WAAAH;GACJ,OAAAC;GACP,CAAA;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAI,MAAAJ,EAAA,QAAAQ,IAAA;AAJJC,OAAA,oBAAA,OAAA;GAAgB,WAAAL;aACdI;GAII,CAAA;AAAAR,IAAA,MAAAI;AAAAJ,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;OAAAA,MAAAT,EAAA;AAAA,QALNS"}

package/dist/Divider.js

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

package/dist/DoubleCircleIcon/index.d.ts

@@ -4,6 +4,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number;
     innerColor?: string;
     children: React.ReactNode;
-    type?: 'error' | 'success' | 'warning' | 'info';
-}) => import("react/jsx-runtime").JSX.Element;
+    type?: "error" | "success" | "warning" | "info";
+}) => React.JSX.Element;
 export default DoubleCircleIcon;

package/dist/DoubleCircleIcon.js

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

package/dist/Drawer/index.d.ts

@@ -31,5 +31,5 @@ export interface DrawerProps {
     keyboard?: boolean;
     getContainer?: string | Element | DocumentFragment | (() => Element | DocumentFragment) | false;
 }
-declare function Drawer(props: DrawerProps): import("react/jsx-runtime").JSX.Element;
+declare function Drawer(props: DrawerProps): React.JSX.Element;
 export default Drawer;

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 };