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

package/dist/User/index.js

@@ -1,5 +1,6 @@
 import { cn } from "../lib/utils.js";
 import Avatar from "../Avatar/index.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/User/index.tsx
@@ -10,22 +11,88 @@ var getAvatarSize = (size) => {
 		large: 24
 	}[size];
 };
-function User({ src, nickname, size = "middle", nicknameClassName, className, style }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-user tw-flex tw-items-center", `ald-user-${size}`, size === "small" && "tw-gap-1", size === "middle" && "tw-gap-[6px]", size === "large" && "tw-gap-2", className),
-		style,
-		title: nickname,
-		children: [/* @__PURE__ */ jsx(Avatar, {
+function User(t0) {
+	const $ = c(27);
+	const { src, nickname, size: t1, nicknameClassName, className, style } = t0;
+	const size = t1 === void 0 ? "middle" : t1;
+	const t2 = `ald-user-${size}`;
+	const t3 = size === "small" && "tw-gap-1";
+	const t4 = size === "middle" && "tw-gap-[6px]";
+	const t5 = size === "large" && "tw-gap-2";
+	let t6;
+	if ($[0] !== className || $[1] !== t2 || $[2] !== t3 || $[3] !== t4 || $[4] !== t5) {
+		t6 = cn("ald-user tw-flex tw-items-center", t2, t3, t4, t5, className);
+		$[0] = className;
+		$[1] = t2;
+		$[2] = t3;
+		$[3] = t4;
+		$[4] = t5;
+		$[5] = t6;
+	} else t6 = $[5];
+	const t7 = size || "middle";
+	let t8;
+	if ($[6] !== t7) {
+		t8 = getAvatarSize(t7);
+		$[6] = t7;
+		$[7] = t8;
+	} else t8 = $[7];
+	let t9;
+	if ($[8] !== nickname || $[9] !== src || $[10] !== t8) {
+		t9 = /* @__PURE__ */ jsx(Avatar, {
 			className: "ald-user-avatar tw-shrink-0",
 			src,
-			size: getAvatarSize(size || "middle"),
+			size: t8,
 			children: nickname
-		}), /* @__PURE__ */ jsx("div", {
-			className: cn("ald-user-text tw-min-w-0 tw-truncate tw-text-[var(--content-primary)]", size === "small" && "tw-text-xs tw-leading-4", size === "middle" && "tw-text-sm tw-leading-5", size === "large" && "tw-text-sm tw-font-medium tw-leading-5", nicknameClassName),
-			style: { width: "calc(100% - 20px - 6px)" },
+		});
+		$[8] = nickname;
+		$[9] = src;
+		$[10] = t8;
+		$[11] = t9;
+	} else t9 = $[11];
+	const t10 = size === "small" && "tw-text-xs tw-leading-4";
+	const t11 = size === "middle" && "tw-text-sm tw-leading-5";
+	const t12 = size === "large" && "tw-text-sm tw-font-medium tw-leading-5";
+	let t13;
+	if ($[12] !== nicknameClassName || $[13] !== t10 || $[14] !== t11 || $[15] !== t12) {
+		t13 = cn("ald-user-text tw-min-w-0 tw-truncate tw-text-[var(--content-primary)]", t10, t11, t12, nicknameClassName);
+		$[12] = nicknameClassName;
+		$[13] = t10;
+		$[14] = t11;
+		$[15] = t12;
+		$[16] = t13;
+	} else t13 = $[16];
+	let t14;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = { width: "calc(100% - 20px - 6px)" };
+		$[17] = t14;
+	} else t14 = $[17];
+	let t15;
+	if ($[18] !== nickname || $[19] !== t13) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: t13,
+			style: t14,
 			children: nickname
-		})]
-	});
+		});
+		$[18] = nickname;
+		$[19] = t13;
+		$[20] = t15;
+	} else t15 = $[20];
+	let t16;
+	if ($[21] !== nickname || $[22] !== style || $[23] !== t15 || $[24] !== t6 || $[25] !== t9) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: t6,
+			style,
+			title: nickname,
+			children: [t9, t15]
+		});
+		$[21] = nickname;
+		$[22] = style;
+		$[23] = t15;
+		$[24] = t6;
+		$[25] = t9;
+		$[26] = t16;
+	} else t16 = $[26];
+	return t16;
 }
 //#endregion
 export { User as default };

package/dist/User/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/User/index.tsx"],"sourcesContent":["import React from 'react';\nimport Avatar from '../Avatar';\nimport { cn } from '../lib/utils';\n\nexport interface IUserProps {\n  src: React.ReactNode | string;\n  nickname: string;\n  size?: 'small' | 'middle' | 'large';\n  nicknameClassName?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst getAvatarSize = (size: 'small' | 'middle' | 'large') => {\n  return {\n    small: 16,\n    middle: 20,\n    large: 24,\n  }[size];\n};\n\nfunction User({\n  src,\n  nickname,\n  size = 'middle',\n  nicknameClassName,\n  className,\n  style,\n}: IUserProps) {\n  return (\n    <div\n      className={cn(\n        'ald-user tw-flex tw-items-center',\n        `ald-user-${size}`,\n        size === 'small' && 'tw-gap-1',\n        size === 'middle' && 'tw-gap-[6px]',\n        size === 'large' && 'tw-gap-2',\n        className,\n      )}\n      style={style}\n      title={nickname}\n    >\n      <Avatar\n        className=\"ald-user-avatar tw-shrink-0\"\n        src={src}\n        size={getAvatarSize(size || 'middle')}\n      >\n        {nickname}\n      </Avatar>\n      <div\n        className={cn(\n          'ald-user-text tw-min-w-0 tw-truncate tw-text-[var(--content-primary)]',\n          size === 'small' && 'tw-text-xs tw-leading-4',\n          size === 'middle' && 'tw-text-sm tw-leading-5',\n          size === 'large' && 'tw-text-sm tw-font-medium tw-leading-5',\n          nicknameClassName,\n        )}\n        style={{ width: 'calc(100% - 20px - 6px)' }}\n      >\n        {nickname}\n      </div>\n    </div>\n  );\n}\n\nexport default User;\n"],"mappings":";;;;;AAaA,IAAM,iBAAiB,SAAuC;AAC5D,QAAO;EACL,OAAO;EACP,QAAQ;EACR,OAAO;EACR,CAAC;;AAGJ,SAAS,KAAK,EACZ,KACA,UACA,OAAO,UACP,mBACA,WACA,SACa;AACb,QACE,qBAAC,OAAD;EACE,WAAW,GACT,oCACA,YAAY,QACZ,SAAS,WAAW,YACpB,SAAS,YAAY,gBACrB,SAAS,WAAW,YACpB,UACD;EACM;EACP,OAAO;YAVT,CAYE,oBAAC,QAAD;GACE,WAAU;GACL;GACL,MAAM,cAAc,QAAQ,SAAS;aAEpC;GACM,CAAA,EACT,oBAAC,OAAD;GACE,WAAW,GACT,yEACA,SAAS,WAAW,2BACpB,SAAS,YAAY,2BACrB,SAAS,WAAW,0CACpB,kBACD;GACD,OAAO,EAAE,OAAO,2BAA2B;aAE1C;GACG,CAAA,CACF"}
+{"version":3,"file":"index.js","names":["React","Avatar","cn","IUserProps","src","ReactNode","nickname","size","nicknameClassName","className","style","CSSProperties","getAvatarSize","small","middle","large","User","t0","$","_c","t1","undefined","t2","t3","t4","t5","t6","t7","t8","t9","t10","t11","t12","t13","t14","Symbol","for","width","t15","t16"],"sources":["../../src/User/index.tsx"],"sourcesContent":["import React from 'react';\nimport Avatar from '../Avatar';\nimport { cn } from '../lib/utils';\n\nexport interface IUserProps {\n  src: React.ReactNode | string;\n  nickname: string;\n  size?: 'small' | 'middle' | 'large';\n  nicknameClassName?: string;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst getAvatarSize = (size: 'small' | 'middle' | 'large') => {\n  return {\n    small: 16,\n    middle: 20,\n    large: 24,\n  }[size];\n};\n\nfunction User({\n  src,\n  nickname,\n  size = 'middle',\n  nicknameClassName,\n  className,\n  style,\n}: IUserProps) {\n  return (\n    <div\n      className={cn(\n        'ald-user tw-flex tw-items-center',\n        `ald-user-${size}`,\n        size === 'small' && 'tw-gap-1',\n        size === 'middle' && 'tw-gap-[6px]',\n        size === 'large' && 'tw-gap-2',\n        className,\n      )}\n      style={style}\n      title={nickname}\n    >\n      <Avatar\n        className=\"ald-user-avatar tw-shrink-0\"\n        src={src}\n        size={getAvatarSize(size || 'middle')}\n      >\n        {nickname}\n      </Avatar>\n      <div\n        className={cn(\n          'ald-user-text tw-min-w-0 tw-truncate tw-text-[var(--content-primary)]',\n          size === 'small' && 'tw-text-xs tw-leading-4',\n          size === 'middle' && 'tw-text-sm tw-leading-5',\n          size === 'large' && 'tw-text-sm tw-font-medium tw-leading-5',\n          nicknameClassName,\n        )}\n        style={{ width: 'calc(100% - 20px - 6px)' }}\n      >\n        {nickname}\n      </div>\n    </div>\n  );\n}\n\nexport default User;\n"],"mappings":";;;;;;AAaA,IAAMY,iBAAiBL,SAAuC;AAC5D,QAAO;EACLM,OAAO;EACPC,QAAQ;EACRC,OAAO;EACR,CAACR;;AAGJ,SAAAS,KAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAc,MAAA,EAAAf,KAAAE,UAAAC,MAAAa,IAAAZ,mBAAAC,WAAAC,UAAAO;CAGZ,MAAAV,OAAAa,OAAAC,SAAA,WAAAD;CASM,MAAAE,KAAA,YAAYf;CACZ,MAAAgB,KAAAhB,SAAS,WAAT;CACA,MAAAiB,KAAAjB,SAAS,YAAT;CACA,MAAAkB,KAAAlB,SAAS,WAAT;CAA8B,IAAAmB;AAAA,KAAAR,EAAA,OAAAT,aAAAS,EAAA,OAAAI,MAAAJ,EAAA,OAAAK,MAAAL,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;AALrBC,OAAAxB,GACT,oCACAoB,IACAC,IACAC,IACAC,IACAhB,UACD;AAAAS,IAAA,KAAAT;AAAAS,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAOqB,MAAAS,KAAApB,QAAA;CAAgB,IAAAqB;AAAA,KAAAV,EAAA,OAAAS,IAAA;AAA9BC,OAAAhB,cAAce,GAAiB;AAAAT,IAAA,KAAAS;AAAAT,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,OAAAZ,YAAAY,EAAA,OAAAd,OAAAc,EAAA,QAAAU,IAAA;AAHvCC,OAAA,oBAAC,QAAD;GACY,WAAA;GACLzB;GACC,MAAAwB;aAELtB;GACM,CAAA;AAAAY,IAAA,KAAAZ;AAAAY,IAAA,KAAAd;AAAAc,IAAA,MAAAU;AAAAV,IAAA,MAAAW;OAAAA,MAAAX,EAAA;CAIL,MAAAY,MAAAvB,SAAS,WAAT;CACA,MAAAwB,MAAAxB,SAAS,YAAT;CACA,MAAAyB,MAAAzB,SAAS,WAAT;CAA4D,IAAA0B;AAAA,KAAAf,EAAA,QAAAV,qBAAAU,EAAA,QAAAY,OAAAZ,EAAA,QAAAa,OAAAb,EAAA,QAAAc,KAAA;AAJnDC,QAAA/B,GACT,yEACA4B,KACAC,KACAC,KACAxB,kBACD;AAAAU,IAAA,MAAAV;AAAAU,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,OAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,QAAAiB,OAAAC,IAAA,4BAAA,EAAA;AACMF,QAAA,EAAAG,OAAS,2BAA2B;AAAAnB,IAAA,MAAAgB;OAAAA,OAAAhB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,QAAAZ,YAAAY,EAAA,QAAAe,KAAA;AAR7CK,QAAA,oBAAA,OAAA;GACa,WAAAL;GAOJ,OAAAC;aAEN5B;GACG,CAAA;AAAAY,IAAA,MAAAZ;AAAAY,IAAA,MAAAe;AAAAf,IAAA,MAAAoB;OAAAA,OAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAZ,YAAAY,EAAA,QAAAR,SAAAQ,EAAA,QAAAoB,OAAApB,EAAA,QAAAQ,MAAAR,EAAA,QAAAW,IAAA;AA9BRU,QAAA,qBAAA,OAAA;GACa,WAAAb;GAQJhB;GACAJ,OAAAA;aAVT,CAYEuB,IAOAS,IAYI;;AAAApB,IAAA,MAAAZ;AAAAY,IAAA,MAAAR;AAAAQ,IAAA,MAAAoB;AAAApB,IAAA,MAAAQ;AAAAR,IAAA,MAAAW;AAAAX,IAAA,MAAAqB;OAAAA,OAAArB,EAAA;AAAA,QA/BNqB"}

package/dist/User.js

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

package/dist/Watermark/index.d.ts

@@ -21,5 +21,5 @@ export interface IWatermarkProps {
     offset?: [number, number];
     children?: React.ReactNode;
 }
-declare function Watermark(props: IWatermarkProps): import("react/jsx-runtime").JSX.Element;
+declare function Watermark(props: IWatermarkProps): React.JSX.Element;
 export default Watermark;

package/dist/Watermark/index.js

@@ -1,62 +1,123 @@
 import { cn } from "../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Watermark/index.tsx
 function Watermark(props) {
-	const { zIndex = 9, rotate = -22, width = 120, height = 64, content, font, style, className, gap = [100, 100], offset, children } = props;
+	const $ = c(29);
+	const { zIndex: t0, rotate: t1, width: t2, height: t3, content, font, style, className, gap: t4, offset, children } = props;
+	const zIndex = t0 === void 0 ? 9 : t0;
+	const rotate = t1 === void 0 ? -22 : t1;
+	const width = t2 === void 0 ? 120 : t2;
+	const height = t3 === void 0 ? 64 : t3;
+	let t5;
+	if ($[0] !== t4) {
+		t5 = t4 === void 0 ? [100, 100] : t4;
+		$[0] = t4;
+		$[1] = t5;
+	} else t5 = $[1];
+	const gap = t5;
 	const containerRef = useRef(null);
 	const watermarkRef = useRef(null);
-	useEffect(() => {
-		if (!content || !watermarkRef.current) return;
-		const canvas = document.createElement("canvas");
-		const ctx = canvas.getContext("2d");
-		if (!ctx) return;
-		const ratio = window.devicePixelRatio || 1;
-		const canvasWidth = (width + gap[0]) * ratio;
-		const canvasHeight = (height + gap[1]) * ratio;
-		canvas.width = canvasWidth;
-		canvas.height = canvasHeight;
-		ctx.translate(canvasWidth / 2, canvasHeight / 2);
-		ctx.rotate(rotate * Math.PI / 180);
-		const fontSize = font?.fontSize || 14;
-		const fontFamily = font?.fontFamily || "sans-serif";
-		const fontWeight = font?.fontWeight || "normal";
-		const defaultFontColor = getComputedStyle(watermarkRef.current).getPropertyValue("--content-tertiary");
-		const fontColor = font?.color || defaultFontColor;
-		ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
-		ctx.fillStyle = fontColor;
-		ctx.textAlign = "center";
-		ctx.textBaseline = "middle";
-		const lines = Array.isArray(content) ? content : [content];
-		const lineHeight = typeof fontSize === "number" ? fontSize * 1.5 : 21;
-		lines.forEach((line, i) => {
-			const y = (i - (lines.length - 1) / 2) * lineHeight;
-			ctx.fillText(line, 0, y);
-		});
-		const base64Url = canvas.toDataURL();
-		watermarkRef.current.style.backgroundImage = `url(${base64Url})`;
-		watermarkRef.current.style.backgroundSize = `${width + gap[0]}px`;
-	}, [
-		content,
-		width,
-		height,
-		rotate,
-		gap,
-		font
-	]);
-	return /* @__PURE__ */ jsxs("div", {
-		ref: containerRef,
-		className: cn("ald-watermark tw-relative", className),
-		style,
-		children: [children, /* @__PURE__ */ jsx("div", {
+	let t6;
+	if ($[2] !== content || $[3] !== font?.color || $[4] !== font?.fontFamily || $[5] !== font?.fontSize || $[6] !== font?.fontWeight || $[7] !== gap || $[8] !== height || $[9] !== rotate || $[10] !== width) {
+		t6 = () => {
+			if (!content || !watermarkRef.current) return;
+			const canvas = document.createElement("canvas");
+			const ctx = canvas.getContext("2d");
+			if (!ctx) return;
+			const ratio = window.devicePixelRatio || 1;
+			const canvasWidth = (width + gap[0]) * ratio;
+			const canvasHeight = (height + gap[1]) * ratio;
+			canvas.width = canvasWidth;
+			canvas.height = canvasHeight;
+			ctx.translate(canvasWidth / 2, canvasHeight / 2);
+			ctx.rotate(rotate * Math.PI / 180);
+			const fontSize = font?.fontSize || 14;
+			const fontFamily = font?.fontFamily || "sans-serif";
+			const fontWeight = font?.fontWeight || "normal";
+			const defaultFontColor = getComputedStyle(watermarkRef.current).getPropertyValue("--content-tertiary");
+			const fontColor = font?.color || defaultFontColor;
+			ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;
+			ctx.fillStyle = fontColor;
+			ctx.textAlign = "center";
+			ctx.textBaseline = "middle";
+			const lines = Array.isArray(content) ? content : [content];
+			const lineHeight = typeof fontSize === "number" ? fontSize * 1.5 : 21;
+			lines.forEach((line, i) => {
+				const y = (i - (lines.length - 1) / 2) * lineHeight;
+				ctx.fillText(line, 0, y);
+			});
+			const base64Url = canvas.toDataURL();
+			watermarkRef.current.style.backgroundImage = `url(${base64Url})`;
+			watermarkRef.current.style.backgroundSize = `${width + gap[0]}px`;
+		};
+		$[2] = content;
+		$[3] = font?.color;
+		$[4] = font?.fontFamily;
+		$[5] = font?.fontSize;
+		$[6] = font?.fontWeight;
+		$[7] = gap;
+		$[8] = height;
+		$[9] = rotate;
+		$[10] = width;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== content || $[13] !== font || $[14] !== gap || $[15] !== height || $[16] !== rotate || $[17] !== width) {
+		t7 = [
+			content,
+			width,
+			height,
+			rotate,
+			gap,
+			font
+		];
+		$[12] = content;
+		$[13] = font;
+		$[14] = gap;
+		$[15] = height;
+		$[16] = rotate;
+		$[17] = width;
+		$[18] = t7;
+	} else t7 = $[18];
+	useEffect(t6, t7);
+	let t8;
+	if ($[19] !== className) {
+		t8 = cn("ald-watermark tw-relative", className);
+		$[19] = className;
+		$[20] = t8;
+	} else t8 = $[20];
+	const t9 = offset ? `${offset[0]}px ${offset[1]}px` : void 0;
+	let t10;
+	if ($[21] !== t9 || $[22] !== zIndex) {
+		t10 = /* @__PURE__ */ jsx("div", {
 			ref: watermarkRef,
 			className: "tw-pointer-events-none tw-absolute tw-inset-0 tw-bg-repeat",
 			style: {
 				zIndex,
-				backgroundPosition: offset ? `${offset[0]}px ${offset[1]}px` : void 0
+				backgroundPosition: t9
 			}
-		})]
-	});
+		});
+		$[21] = t9;
+		$[22] = zIndex;
+		$[23] = t10;
+	} else t10 = $[23];
+	let t11;
+	if ($[24] !== children || $[25] !== style || $[26] !== t10 || $[27] !== t8) {
+		t11 = /* @__PURE__ */ jsxs("div", {
+			ref: containerRef,
+			className: t8,
+			style,
+			children: [children, t10]
+		});
+		$[24] = children;
+		$[25] = style;
+		$[26] = t10;
+		$[27] = t8;
+		$[28] = t11;
+	} else t11 = $[28];
+	return t11;
 }
 //#endregion
 export { Watermark as default };

package/dist/Watermark/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Watermark/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface IFont {\n  color?: string;\n  fontSize?: number | string;\n  fontWeight?: 'normal' | 'light' | 'weight' | number;\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';\n  fontFamily?: string;\n}\n\nexport interface IWatermarkProps {\n  zIndex?: number;\n  rotate?: number;\n  width?: number;\n  height?: number;\n  image?: string;\n  content?: string | string[];\n  font?: IFont;\n  style?: React.CSSProperties;\n  className?: string;\n  rootClassName?: string;\n  gap?: [number, number];\n  offset?: [number, number];\n  children?: React.ReactNode;\n}\n\nfunction Watermark(props: IWatermarkProps) {\n  const {\n    zIndex = 9,\n    rotate = -22,\n    width = 120,\n    height = 64,\n    content,\n    font,\n    style,\n    className,\n    gap = [100, 100],\n    offset,\n    children,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const watermarkRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!content || !watermarkRef.current) return;\n\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const ratio = window.devicePixelRatio || 1;\n    const canvasWidth = (width + gap[0]) * ratio;\n    const canvasHeight = (height + gap[1]) * ratio;\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n\n    ctx.translate(canvasWidth / 2, canvasHeight / 2);\n    ctx.rotate((rotate * Math.PI) / 180);\n\n    const fontSize = font?.fontSize || 14;\n    const fontFamily = font?.fontFamily || 'sans-serif';\n    const fontWeight = font?.fontWeight || 'normal';\n    const defaultFontColor = getComputedStyle(\n      watermarkRef.current,\n    ).getPropertyValue('--content-tertiary');\n    const fontColor = font?.color || defaultFontColor;\n\n    ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n    ctx.fillStyle = fontColor;\n    ctx.textAlign = 'center';\n    ctx.textBaseline = 'middle';\n\n    const lines = Array.isArray(content) ? content : [content];\n    const lineHeight = typeof fontSize === 'number' ? fontSize * 1.5 : 21;\n    lines.forEach((line, i) => {\n      const y = (i - (lines.length - 1) / 2) * lineHeight;\n      ctx.fillText(line, 0, y);\n    });\n\n    const base64Url = canvas.toDataURL();\n    watermarkRef.current.style.backgroundImage = `url(${base64Url})`;\n    watermarkRef.current.style.backgroundSize = `${width + gap[0]}px`;\n  }, [content, width, height, rotate, gap, font]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('ald-watermark tw-relative', className)}\n      style={style}\n    >\n      {children}\n      <div\n        ref={watermarkRef}\n        className=\"tw-pointer-events-none tw-absolute tw-inset-0 tw-bg-repeat\"\n        style={{\n          zIndex,\n          backgroundPosition: offset\n            ? `${offset[0]}px ${offset[1]}px`\n            : undefined,\n        }}\n      />\n    </div>\n  );\n}\n\nexport default Watermark;\n"],"mappings":";;;;AA2BA,SAAS,UAAU,OAAwB;CACzC,MAAM,EACJ,SAAS,GACT,SAAS,KACT,QAAQ,KACR,SAAS,IACT,SACA,MACA,OACA,WACA,MAAM,CAAC,KAAK,IAAI,EAChB,QACA,aACE;CAEJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,eAAe,OAAuB,KAAK;AAEjD,iBAAgB;AACd,MAAI,CAAC,WAAW,CAAC,aAAa,QAAS;EAEvC,MAAM,SAAS,SAAS,cAAc,SAAS;EAC/C,MAAM,MAAM,OAAO,WAAW,KAAK;AACnC,MAAI,CAAC,IAAK;EAEV,MAAM,QAAQ,OAAO,oBAAoB;EACzC,MAAM,eAAe,QAAQ,IAAI,MAAM;EACvC,MAAM,gBAAgB,SAAS,IAAI,MAAM;AACzC,SAAO,QAAQ;AACf,SAAO,SAAS;AAEhB,MAAI,UAAU,cAAc,GAAG,eAAe,EAAE;AAChD,MAAI,OAAQ,SAAS,KAAK,KAAM,IAAI;EAEpC,MAAM,WAAW,MAAM,YAAY;EACnC,MAAM,aAAa,MAAM,cAAc;EACvC,MAAM,aAAa,MAAM,cAAc;EACvC,MAAM,mBAAmB,iBACvB,aAAa,QACd,CAAC,iBAAiB,qBAAqB;EACxC,MAAM,YAAY,MAAM,SAAS;AAEjC,MAAI,OAAO,GAAG,WAAW,GAAG,SAAS,KAAK;AAC1C,MAAI,YAAY;AAChB,MAAI,YAAY;AAChB,MAAI,eAAe;EAEnB,MAAM,QAAQ,MAAM,QAAQ,QAAQ,GAAG,UAAU,CAAC,QAAQ;EAC1D,MAAM,aAAa,OAAO,aAAa,WAAW,WAAW,MAAM;AACnE,QAAM,SAAS,MAAM,MAAM;GACzB,MAAM,KAAK,KAAK,MAAM,SAAS,KAAK,KAAK;AACzC,OAAI,SAAS,MAAM,GAAG,EAAE;IACxB;EAEF,MAAM,YAAY,OAAO,WAAW;AACpC,eAAa,QAAQ,MAAM,kBAAkB,OAAO,UAAU;AAC9D,eAAa,QAAQ,MAAM,iBAAiB,GAAG,QAAQ,IAAI,GAAG;IAC7D;EAAC;EAAS;EAAO;EAAQ;EAAQ;EAAK;EAAK,CAAC;AAE/C,QACE,qBAAC,OAAD;EACE,KAAK;EACL,WAAW,GAAG,6BAA6B,UAAU;EAC9C;YAHT,CAKG,UACD,oBAAC,OAAD;GACE,KAAK;GACL,WAAU;GACV,OAAO;IACL;IACA,oBAAoB,SAChB,GAAG,OAAO,GAAG,KAAK,OAAO,GAAG,MAC5B;IACL;GACD,CAAA,CACE"}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","cn","IFont","color","fontSize","fontWeight","fontStyle","fontFamily","IWatermarkProps","zIndex","rotate","width","height","image","content","font","style","CSSProperties","className","rootClassName","gap","offset","children","ReactNode","Watermark","props","$","_c","t0","t1","t2","t3","t4","undefined","t5","containerRef","watermarkRef","t6","current","canvas","document","createElement","ctx","getContext","ratio","window","devicePixelRatio","canvasWidth","canvasHeight","translate","Math","PI","defaultFontColor","getComputedStyle","getPropertyValue","fontColor","fillStyle","textAlign","textBaseline","lines","Array","isArray","lineHeight","forEach","line","i","y","length","fillText","base64Url","toDataURL","backgroundImage","backgroundSize","t7","t8","t9","t10","backgroundPosition","t11"],"sources":["../../src/Watermark/index.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { cn } from '../lib/utils';\n\nexport interface IFont {\n  color?: string;\n  fontSize?: number | string;\n  fontWeight?: 'normal' | 'light' | 'weight' | number;\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';\n  fontFamily?: string;\n}\n\nexport interface IWatermarkProps {\n  zIndex?: number;\n  rotate?: number;\n  width?: number;\n  height?: number;\n  image?: string;\n  content?: string | string[];\n  font?: IFont;\n  style?: React.CSSProperties;\n  className?: string;\n  rootClassName?: string;\n  gap?: [number, number];\n  offset?: [number, number];\n  children?: React.ReactNode;\n}\n\nfunction Watermark(props: IWatermarkProps) {\n  const {\n    zIndex = 9,\n    rotate = -22,\n    width = 120,\n    height = 64,\n    content,\n    font,\n    style,\n    className,\n    gap = [100, 100],\n    offset,\n    children,\n  } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const watermarkRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!content || !watermarkRef.current) return;\n\n    const canvas = document.createElement('canvas');\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    const ratio = window.devicePixelRatio || 1;\n    const canvasWidth = (width + gap[0]) * ratio;\n    const canvasHeight = (height + gap[1]) * ratio;\n    canvas.width = canvasWidth;\n    canvas.height = canvasHeight;\n\n    ctx.translate(canvasWidth / 2, canvasHeight / 2);\n    ctx.rotate((rotate * Math.PI) / 180);\n\n    const fontSize = font?.fontSize || 14;\n    const fontFamily = font?.fontFamily || 'sans-serif';\n    const fontWeight = font?.fontWeight || 'normal';\n    const defaultFontColor = getComputedStyle(\n      watermarkRef.current,\n    ).getPropertyValue('--content-tertiary');\n    const fontColor = font?.color || defaultFontColor;\n\n    ctx.font = `${fontWeight} ${fontSize}px ${fontFamily}`;\n    ctx.fillStyle = fontColor;\n    ctx.textAlign = 'center';\n    ctx.textBaseline = 'middle';\n\n    const lines = Array.isArray(content) ? content : [content];\n    const lineHeight = typeof fontSize === 'number' ? fontSize * 1.5 : 21;\n    lines.forEach((line, i) => {\n      const y = (i - (lines.length - 1) / 2) * lineHeight;\n      ctx.fillText(line, 0, y);\n    });\n\n    const base64Url = canvas.toDataURL();\n    watermarkRef.current.style.backgroundImage = `url(${base64Url})`;\n    watermarkRef.current.style.backgroundSize = `${width + gap[0]}px`;\n  }, [content, width, height, rotate, gap, font]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={cn('ald-watermark tw-relative', className)}\n      style={style}\n    >\n      {children}\n      <div\n        ref={watermarkRef}\n        className=\"tw-pointer-events-none tw-absolute tw-inset-0 tw-bg-repeat\"\n        style={{\n          zIndex,\n          backgroundPosition: offset\n            ? `${offset[0]}px ${offset[1]}px`\n            : undefined,\n        }}\n      />\n    </div>\n  );\n}\n\nexport default Watermark;\n"],"mappings":"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"}

package/dist/Watermark.js

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

package/dist/_utils/dialogAccessibility.js

@@ -1,3 +1,4 @@
+import { c } from "react-compiler-runtime";
 import { useEffect, useLayoutEffect, useRef } from "react";
 //#region src/_utils/dialogAccessibility.ts
 var FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])";
@@ -42,67 +43,110 @@ function restoreDialogFocus(target) {
 		})?.focus({ preventScroll: true });
 	});
 }
-function useDialogAccessibility({ open, isTop, keyboard, containerRef, onEscape }) {
+function useDialogAccessibility(t0) {
+	const $ = c(14);
+	const { open, isTop, keyboard, containerRef, onEscape } = t0;
 	const focusRestoreTargetRef = useRef(null);
 	const prevOpenRef = useRef(false);
-	useLayoutEffect(() => {
-		const wasOpen = prevOpenRef.current;
-		if (open && !wasOpen) focusRestoreTargetRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-		if (!open && wasOpen) {
-			restoreDialogFocus(focusRestoreTargetRef.current);
-			focusRestoreTargetRef.current = null;
-		}
-		prevOpenRef.current = open;
-	}, [open]);
-	useEffect(() => {
-		if (!open || !isTop || !containerRef.current) return;
-		const container = containerRef.current;
-		const handleKeyDown = (event) => {
-			if (event.key !== "Tab") return;
-			if (isDialogChildOverlayActive(container)) return;
-			const focusable = getDialogFocusableElements(container);
-			if (focusable.length === 0) {
-				if (document.activeElement !== container) {
-					event.preventDefault();
-					container.focus({ preventScroll: true });
-				}
-				return;
+	let t1;
+	let t2;
+	if ($[0] !== open) {
+		t1 = () => {
+			const wasOpen = prevOpenRef.current;
+			if (open && !wasOpen) focusRestoreTargetRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+			if (!open && wasOpen) {
+				restoreDialogFocus(focusRestoreTargetRef.current);
+				focusRestoreTargetRef.current = null;
 			}
-			const first = focusable[0];
-			const last = focusable[focusable.length - 1];
-			if (event.shiftKey) {
-				if (document.activeElement === first || !container.contains(document.activeElement)) {
+			prevOpenRef.current = open;
+		};
+		t2 = [open];
+		$[0] = open;
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	useLayoutEffect(t1, t2);
+	let t3;
+	let t4;
+	if ($[3] !== containerRef || $[4] !== isTop || $[5] !== open) {
+		t3 = () => {
+			if (!open || !isTop || !containerRef.current) return;
+			const container = containerRef.current;
+			const handleKeyDown = (event) => {
+				if (event.key !== "Tab") return;
+				if (isDialogChildOverlayActive(container)) return;
+				const focusable = getDialogFocusableElements(container);
+				if (focusable.length === 0) {
+					if (document.activeElement !== container) {
+						event.preventDefault();
+						container.focus({ preventScroll: true });
+					}
+					return;
+				}
+				const first = focusable[0];
+				const last = focusable[focusable.length - 1];
+				if (event.shiftKey) {
+					if (document.activeElement === first || !container.contains(document.activeElement)) {
+						event.preventDefault();
+						last.focus({ preventScroll: true });
+					}
+				} else if (document.activeElement === last || !container.contains(document.activeElement)) {
 					event.preventDefault();
-					last.focus({ preventScroll: true });
+					first.focus({ preventScroll: true });
 				}
-			} else if (document.activeElement === last || !container.contains(document.activeElement)) {
-				event.preventDefault();
-				first.focus({ preventScroll: true });
-			}
+			};
+			document.addEventListener("keydown", handleKeyDown);
+			return () => document.removeEventListener("keydown", handleKeyDown);
 		};
-		document.addEventListener("keydown", handleKeyDown);
-		return () => document.removeEventListener("keydown", handleKeyDown);
-	}, [
-		containerRef,
-		isTop,
-		open
-	]);
-	useEffect(() => {
-		if (!open || !isTop || !keyboard) return;
-		const handleEscape = (event) => {
-			if (event.key !== "Escape") return;
-			queueMicrotask(() => {
-				if (shouldDismissDialogEscape(event)) onEscape(event);
-			});
+		t4 = [
+			containerRef,
+			isTop,
+			open
+		];
+		$[3] = containerRef;
+		$[4] = isTop;
+		$[5] = open;
+		$[6] = t3;
+		$[7] = t4;
+	} else {
+		t3 = $[6];
+		t4 = $[7];
+	}
+	useEffect(t3, t4);
+	let t5;
+	let t6;
+	if ($[8] !== isTop || $[9] !== keyboard || $[10] !== onEscape || $[11] !== open) {
+		t5 = () => {
+			if (!open || !isTop || !keyboard) return;
+			const handleEscape = (event_0) => {
+				if (event_0.key !== "Escape") return;
+				queueMicrotask(() => {
+					if (shouldDismissDialogEscape(event_0)) onEscape(event_0);
+				});
+			};
+			window.addEventListener("keydown", handleEscape, true);
+			return () => window.removeEventListener("keydown", handleEscape, true);
 		};
-		window.addEventListener("keydown", handleEscape, true);
-		return () => window.removeEventListener("keydown", handleEscape, true);
-	}, [
-		isTop,
-		keyboard,
-		onEscape,
-		open
-	]);
+		t6 = [
+			isTop,
+			keyboard,
+			onEscape,
+			open
+		];
+		$[8] = isTop;
+		$[9] = keyboard;
+		$[10] = onEscape;
+		$[11] = open;
+		$[12] = t5;
+		$[13] = t6;
+	} else {
+		t5 = $[12];
+		t6 = $[13];
+	}
+	useEffect(t5, t6);
 }
 //#endregion
 export { focusInitialDialogTarget, markDialogEscapeEvent, restoreDialogFocus, useDialogAccessibility };

package/dist/_utils/dialogAccessibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogAccessibility.js","names":[],"sources":["../../src/_utils/dialogAccessibility.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\n\nconst FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\nconst dialogEscapeEvents = new WeakSet<KeyboardEvent>();\n\nexport function markDialogEscapeEvent(event: KeyboardEvent) {\n  dialogEscapeEvents.add(event);\n}\n\nexport function shouldDismissDialogEscape(event: KeyboardEvent) {\n  return (\n    !event.cancelBubble &&\n    (!event.defaultPrevented || dialogEscapeEvents.has(event))\n  );\n}\n\nexport function getDialogFocusableElements(container: HTMLElement) {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((element) => {\n    if (element.closest('[inert]')) return false;\n    if (element.getAttribute('aria-hidden') === 'true') return false;\n    if (element.getAttribute('aria-disabled') === 'true') return false;\n    return element.tabIndex >= 0;\n  });\n}\n\nexport function isDialogChildOverlayActive(container: HTMLElement) {\n  const activeElement = document.activeElement;\n  if (!(activeElement instanceof HTMLElement)) return false;\n  const activeOverlay = activeElement.closest<HTMLElement>(\n    '[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]',\n  );\n\n  return !!activeOverlay && activeOverlay !== container;\n}\n\nexport function focusInitialDialogTarget(container: HTMLElement) {\n  const activeElement = document.activeElement;\n  const activeOverlay =\n    activeElement instanceof HTMLElement\n      ? activeElement.closest<HTMLElement>(\n          '[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]',\n        )\n      : null;\n\n  if (\n    activeOverlay &&\n    activeOverlay !== container &&\n    activeOverlay.getAttribute('role') !== 'dialog' &&\n    activeOverlay.getAttribute('role') !== 'alertdialog'\n  ) {\n    return;\n  }\n\n  const focusable = getDialogFocusableElements(container);\n  const preferred =\n    focusable.find((element) => element.dataset.overlayClose !== 'true') ??\n    null;\n\n  (preferred ?? container).focus({ preventScroll: true });\n}\n\nexport function restoreDialogFocus(target: HTMLElement | null) {\n  queueMicrotask(() => {\n    if (target?.isConnected && target.tabIndex !== -1) {\n      target.focus({ preventScroll: true });\n      return;\n    }\n\n    const fallback = Array.from(\n      document.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n    ).find((element) => {\n      if (element.closest('[role=\"dialog\"], [role=\"alertdialog\"]')) {\n        return false;\n      }\n      if (element.closest('[inert]')) return false;\n      if (element.getAttribute('aria-disabled') === 'true') return false;\n      return element.tabIndex >= 0;\n    });\n\n    fallback?.focus({ preventScroll: true });\n  });\n}\n\ninterface DialogAccessibilityOptions {\n  open: boolean;\n  isTop: boolean;\n  keyboard: boolean;\n  containerRef: { current: HTMLElement | null };\n  onEscape: (event: KeyboardEvent) => void;\n}\n\nexport function useDialogAccessibility({\n  open,\n  isTop,\n  keyboard,\n  containerRef,\n  onEscape,\n}: DialogAccessibilityOptions) {\n  const focusRestoreTargetRef = useRef<HTMLElement | null>(null);\n  const prevOpenRef = useRef(false);\n\n  useLayoutEffect(() => {\n    const wasOpen = prevOpenRef.current;\n    if (open && !wasOpen) {\n      focusRestoreTargetRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n    }\n    if (!open && wasOpen) {\n      restoreDialogFocus(focusRestoreTargetRef.current);\n      focusRestoreTargetRef.current = null;\n    }\n    prevOpenRef.current = open;\n  }, [open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !containerRef.current) return;\n    const container = containerRef.current;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      if (isDialogChildOverlayActive(container)) return;\n\n      const focusable = getDialogFocusableElements(container);\n      if (focusable.length === 0) {\n        if (document.activeElement !== container) {\n          event.preventDefault();\n          container.focus({ preventScroll: true });\n        }\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (event.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          event.preventDefault();\n          last.focus({ preventScroll: true });\n        }\n      } else if (\n        document.activeElement === last ||\n        !container.contains(document.activeElement)\n      ) {\n        event.preventDefault();\n        first.focus({ preventScroll: true });\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [containerRef, isTop, open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !keyboard) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      queueMicrotask(() => {\n        if (shouldDismissDialogEscape(event)) {\n          onEscape(event);\n        }\n      });\n    };\n\n    window.addEventListener('keydown', handleEscape, true);\n    return () => window.removeEventListener('keydown', handleEscape, true);\n  }, [isTop, keyboard, onEscape, open]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"dialogAccessibility.js","names":["useEffect","useLayoutEffect","useRef","FOCUSABLE_SELECTOR","dialogEscapeEvents","WeakSet","KeyboardEvent","markDialogEscapeEvent","event","add","shouldDismissDialogEscape","cancelBubble","defaultPrevented","has","getDialogFocusableElements","container","HTMLElement","Array","from","querySelectorAll","filter","element","closest","getAttribute","tabIndex","isDialogChildOverlayActive","activeElement","document","activeOverlay","focusInitialDialogTarget","focusable","preferred","find","dataset","overlayClose","focus","preventScroll","restoreDialogFocus","target","queueMicrotask","isConnected","fallback","DialogAccessibilityOptions","open","isTop","keyboard","containerRef","current","onEscape","useDialogAccessibility","t0","$","_c","focusRestoreTargetRef","prevOpenRef","t1","t2","wasOpen","t3","t4","handleKeyDown","key","length","preventDefault","first","last","shiftKey","contains","addEventListener","removeEventListener","t5","t6","handleEscape","event_0","window"],"sources":["../../src/_utils/dialogAccessibility.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef } from 'react';\n\nconst FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])';\n\nconst dialogEscapeEvents = new WeakSet<KeyboardEvent>();\n\nexport function markDialogEscapeEvent(event: KeyboardEvent) {\n  dialogEscapeEvents.add(event);\n}\n\nexport function shouldDismissDialogEscape(event: KeyboardEvent) {\n  return (\n    !event.cancelBubble &&\n    (!event.defaultPrevented || dialogEscapeEvents.has(event))\n  );\n}\n\nexport function getDialogFocusableElements(container: HTMLElement) {\n  return Array.from(\n    container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n  ).filter((element) => {\n    if (element.closest('[inert]')) return false;\n    if (element.getAttribute('aria-hidden') === 'true') return false;\n    if (element.getAttribute('aria-disabled') === 'true') return false;\n    return element.tabIndex >= 0;\n  });\n}\n\nexport function isDialogChildOverlayActive(container: HTMLElement) {\n  const activeElement = document.activeElement;\n  if (!(activeElement instanceof HTMLElement)) return false;\n  const activeOverlay = activeElement.closest<HTMLElement>(\n    '[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]',\n  );\n\n  return !!activeOverlay && activeOverlay !== container;\n}\n\nexport function focusInitialDialogTarget(container: HTMLElement) {\n  const activeElement = document.activeElement;\n  const activeOverlay =\n    activeElement instanceof HTMLElement\n      ? activeElement.closest<HTMLElement>(\n          '[role=\"dialog\"], [role=\"alertdialog\"], [role=\"menu\"], [role=\"listbox\"]',\n        )\n      : null;\n\n  if (\n    activeOverlay &&\n    activeOverlay !== container &&\n    activeOverlay.getAttribute('role') !== 'dialog' &&\n    activeOverlay.getAttribute('role') !== 'alertdialog'\n  ) {\n    return;\n  }\n\n  const focusable = getDialogFocusableElements(container);\n  const preferred =\n    focusable.find((element) => element.dataset.overlayClose !== 'true') ??\n    null;\n\n  (preferred ?? container).focus({ preventScroll: true });\n}\n\nexport function restoreDialogFocus(target: HTMLElement | null) {\n  queueMicrotask(() => {\n    if (target?.isConnected && target.tabIndex !== -1) {\n      target.focus({ preventScroll: true });\n      return;\n    }\n\n    const fallback = Array.from(\n      document.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n    ).find((element) => {\n      if (element.closest('[role=\"dialog\"], [role=\"alertdialog\"]')) {\n        return false;\n      }\n      if (element.closest('[inert]')) return false;\n      if (element.getAttribute('aria-disabled') === 'true') return false;\n      return element.tabIndex >= 0;\n    });\n\n    fallback?.focus({ preventScroll: true });\n  });\n}\n\ninterface DialogAccessibilityOptions {\n  open: boolean;\n  isTop: boolean;\n  keyboard: boolean;\n  containerRef: { current: HTMLElement | null };\n  onEscape: (event: KeyboardEvent) => void;\n}\n\nexport function useDialogAccessibility({\n  open,\n  isTop,\n  keyboard,\n  containerRef,\n  onEscape,\n}: DialogAccessibilityOptions) {\n  const focusRestoreTargetRef = useRef<HTMLElement | null>(null);\n  const prevOpenRef = useRef(false);\n\n  useLayoutEffect(() => {\n    const wasOpen = prevOpenRef.current;\n    if (open && !wasOpen) {\n      focusRestoreTargetRef.current =\n        document.activeElement instanceof HTMLElement\n          ? document.activeElement\n          : null;\n    }\n    if (!open && wasOpen) {\n      restoreDialogFocus(focusRestoreTargetRef.current);\n      focusRestoreTargetRef.current = null;\n    }\n    prevOpenRef.current = open;\n  }, [open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !containerRef.current) return;\n    const container = containerRef.current;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n      if (isDialogChildOverlayActive(container)) return;\n\n      const focusable = getDialogFocusableElements(container);\n      if (focusable.length === 0) {\n        if (document.activeElement !== container) {\n          event.preventDefault();\n          container.focus({ preventScroll: true });\n        }\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (event.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          event.preventDefault();\n          last.focus({ preventScroll: true });\n        }\n      } else if (\n        document.activeElement === last ||\n        !container.contains(document.activeElement)\n      ) {\n        event.preventDefault();\n        first.focus({ preventScroll: true });\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [containerRef, isTop, open]);\n\n  useEffect(() => {\n    if (!open || !isTop || !keyboard) return;\n\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key !== 'Escape') return;\n      queueMicrotask(() => {\n        if (shouldDismissDialogEscape(event)) {\n          onEscape(event);\n        }\n      });\n    };\n\n    window.addEventListener('keydown', handleEscape, true);\n    return () => window.removeEventListener('keydown', handleEscape, true);\n  }, [isTop, keyboard, onEscape, open]);\n}\n"],"mappings":"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"}

package/dist/_utils/floatingLayer.d.ts

@@ -14,4 +14,4 @@ export declare function useFloatingTooltipZIndex(zIndex?: number): number;
 export declare function FloatingLayerProvider({ children, value, }: {
     children: React.ReactNode;
     value: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;