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

package/dist/Alert/index.js

@@ -4,6 +4,7 @@ import Memo$1 from "../Icon/components/CheckCircleFill.js";
 import Memo$2 from "../Icon/components/CloseCircleFill.js";
 import Memo$3 from "../Icon/components/CloseLightLine.js";
 import Memo$4 from "../Icon/components/InformationCircleFill.js";
+import { c } from "react-compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Alert/index.tsx
@@ -55,51 +56,117 @@ var typeConfig = {
 	}
 };
 function Alert(props) {
-	const { type = "info", message, description, closable, onClose, afterClose, showIcon = true, icon, banner, action, className, style } = props;
+	const $ = c(30);
+	const { type: t0, message, description, closable, onClose, afterClose, showIcon: t1, icon, banner, action, className, style } = props;
+	const type = t0 === void 0 ? "info" : t0;
+	const showIcon = t1 === void 0 ? true : t1;
 	const [closed, setClosed] = useState(false);
 	if (closed) return null;
 	const config = typeConfig[type] || typeConfig.info;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-alert tw-flex tw-items-start tw-gap-2 tw-rounded-r-75 tw-border tw-border-solid tw-p-3", banner && "ald-alert-banner !tw-rounded-none", config.bg, config.border, className),
-		style,
-		role: "alert",
-		children: [
-			showIcon && /* @__PURE__ */ jsx("span", {
-				className: "ald-alert-icon tw-flex tw-items-center tw-pt-0.5",
-				children: icon || config.icon
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "ald-alert-content tw-min-w-0 tw-flex-1",
-				children: [message && /* @__PURE__ */ jsx("div", {
-					className: cn("ald-alert-message tw-text-sm tw-font-medium tw-leading-5", config.titleColor),
-					children: message
-				}), description && /* @__PURE__ */ jsx("div", {
-					className: "ald-alert-description tw-mt-1 tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]",
-					style: { fontFeatureSettings: "'liga' off, 'clig' off" },
-					children: description
-				})]
-			}),
-			action && /* @__PURE__ */ jsx("div", {
-				className: "ald-alert-action",
-				children: action
-			}),
-			closable && /* @__PURE__ */ jsx("button", {
-				type: "button",
-				"aria-label": "Close alert",
-				className: "ald-alert-close-icon tw-flex tw-cursor-pointer tw-items-center tw-self-start tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-p-0 tw-pt-0.5",
-				onClick: (e) => {
-					setClosed(true);
-					onClose?.(e);
-					afterClose?.();
-				},
-				children: /* @__PURE__ */ jsx(Memo$3, {
-					size: 16,
-					color: "var(--content-secondary)",
-					"aria-hidden": "true"
-				})
+	const t2 = banner && "ald-alert-banner !tw-rounded-none";
+	let t3;
+	if ($[0] !== className || $[1] !== config.bg || $[2] !== config.border || $[3] !== t2) {
+		t3 = cn("ald-alert tw-flex tw-items-start tw-gap-2 tw-rounded-r-75 tw-border tw-border-solid tw-p-3", t2, config.bg, config.border, className);
+		$[0] = className;
+		$[1] = config.bg;
+		$[2] = config.border;
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== config.icon || $[6] !== icon || $[7] !== showIcon) {
+		t4 = showIcon && /* @__PURE__ */ jsx("span", {
+			className: "ald-alert-icon tw-flex tw-items-center tw-pt-0.5",
+			children: icon || config.icon
+		});
+		$[5] = config.icon;
+		$[6] = icon;
+		$[7] = showIcon;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== config.titleColor || $[10] !== message) {
+		t5 = message && /* @__PURE__ */ jsx("div", {
+			className: cn("ald-alert-message tw-text-sm tw-font-medium tw-leading-5", config.titleColor),
+			children: message
+		});
+		$[9] = config.titleColor;
+		$[10] = message;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== description) {
+		t6 = description && /* @__PURE__ */ jsx("div", {
+			className: "ald-alert-description tw-mt-1 tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]",
+			style: { fontFeatureSettings: "'liga' off, 'clig' off" },
+			children: description
+		});
+		$[12] = description;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t5 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "ald-alert-content tw-min-w-0 tw-flex-1",
+			children: [t5, t6]
+		});
+		$[14] = t5;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== action) {
+		t8 = action && /* @__PURE__ */ jsx("div", {
+			className: "ald-alert-action",
+			children: action
+		});
+		$[17] = action;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== afterClose || $[20] !== closable || $[21] !== onClose) {
+		t9 = closable && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": "Close alert",
+			className: "ald-alert-close-icon tw-flex tw-cursor-pointer tw-items-center tw-self-start tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-p-0 tw-pt-0.5",
+			onClick: (e) => {
+				setClosed(true);
+				onClose?.(e);
+				afterClose?.();
+			},
+			children: /* @__PURE__ */ jsx(Memo$3, {
+				size: 16,
+				color: "var(--content-secondary)",
+				"aria-hidden": "true"
 			})
-		]
-	});
+		});
+		$[19] = afterClose;
+		$[20] = closable;
+		$[21] = onClose;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== style || $[24] !== t3 || $[25] !== t4 || $[26] !== t7 || $[27] !== t8 || $[28] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("div", {
+			className: t3,
+			style,
+			role: "alert",
+			children: [
+				t4,
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[23] = style;
+		$[24] = t3;
+		$[25] = t4;
+		$[26] = t7;
+		$[27] = t8;
+		$[28] = t9;
+		$[29] = t10;
+	} else t10 = $[29];
+	return t10;
 }
 //#endregion
 export { Alert as default };

package/dist/Alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Alert/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  AttentionTriangleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  CloseLightLine,\n  InformationCircleFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface AlertProps {\n  type?: 'success' | 'info' | 'warning' | 'error' | 'none';\n  message?: React.ReactNode;\n  description?: React.ReactNode;\n  closable?: boolean;\n  onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  showIcon?: boolean;\n  icon?: React.ReactNode;\n  banner?: boolean;\n  action?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst typeConfig: Record<\n  string,\n  { bg: string; border: string; icon: React.ReactNode; titleColor: string }\n> = {\n  success: {\n    bg: 'tw-bg-[var(--background-positive-subtle)]',\n    border: 'tw-border-[var(--border-positive-subtle)]',\n    titleColor: 'tw-text-[var(--content-positive-primary)]',\n    icon: (\n      <CheckCircleFill size={16} color=\"var(--content-positive-secondary)\" />\n    ),\n  },\n  info: {\n    bg: 'tw-bg-[var(--background-informative-subtle)]',\n    border: 'tw-border-[var(--border-informative-subtle)]',\n    titleColor: 'tw-text-[var(--content-informative-primary)]',\n    icon: (\n      <InformationCircleFill\n        size={16}\n        color=\"var(--content-informative-secondary)\"\n      />\n    ),\n  },\n  warning: {\n    bg: 'tw-bg-[var(--background-warning-subtle)]',\n    border: 'tw-border-[var(--border-warning-subtle)]',\n    titleColor: 'tw-text-[var(--content-warning-primary)]',\n    icon: (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--content-warning-secondary)\"\n      />\n    ),\n  },\n  error: {\n    bg: 'tw-bg-[var(--background-negative-subtle)]',\n    border: 'tw-border-[var(--border-negative-subtle)]',\n    titleColor: 'tw-text-[var(--content-negative-primary)]',\n    icon: (\n      <CloseCircleFill size={16} color=\"var(--content-negative-secondary)\" />\n    ),\n  },\n  none: {\n    bg: 'tw-bg-[var(--background-neutral-subtle)]',\n    border: 'tw-border-[var(--border-neutral-subtle)]',\n    titleColor: 'tw-text-[var(--content-primary)]',\n    icon: <InformationCircleFill size={16} color=\"var(--content-secondary)\" />,\n  },\n};\n\nfunction Alert(props: AlertProps) {\n  const {\n    type = 'info',\n    message,\n    description,\n    closable,\n    onClose,\n    afterClose,\n    showIcon = true,\n    icon,\n    banner,\n    action,\n    className,\n    style,\n  } = props;\n\n  const [closed, setClosed] = useState(false);\n\n  if (closed) return null;\n\n  const config = typeConfig[type] || typeConfig.info;\n\n  return (\n    <div\n      className={cn(\n        'ald-alert tw-flex tw-items-start tw-gap-2 tw-rounded-r-75 tw-border tw-border-solid tw-p-3',\n        banner && 'ald-alert-banner !tw-rounded-none',\n        config.bg,\n        config.border,\n        className,\n      )}\n      style={style}\n      role=\"alert\"\n    >\n      {showIcon && (\n        <span className=\"ald-alert-icon tw-flex tw-items-center tw-pt-0.5\">\n          {icon || config.icon}\n        </span>\n      )}\n      <div className=\"ald-alert-content tw-min-w-0 tw-flex-1\">\n        {message && (\n          <div\n            className={cn(\n              'ald-alert-message tw-text-sm tw-font-medium tw-leading-5',\n              config.titleColor,\n            )}\n          >\n            {message}\n          </div>\n        )}\n        {description && (\n          <div\n            className=\"ald-alert-description tw-mt-1 tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]\"\n            style={{ fontFeatureSettings: \"'liga' off, 'clig' off\" }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n      {action && <div className=\"ald-alert-action\">{action}</div>}\n      {closable && (\n        <button\n          type=\"button\"\n          aria-label=\"Close alert\"\n          className=\"ald-alert-close-icon tw-flex tw-cursor-pointer tw-items-center tw-self-start tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-p-0 tw-pt-0.5\"\n          onClick={(e) => {\n            setClosed(true);\n            onClose?.(e);\n            afterClose?.();\n          }}\n        >\n          <CloseLightLine\n            size={16}\n            color=\"var(--content-secondary)\"\n            aria-hidden=\"true\"\n          />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default Alert;\n"],"mappings":";;;;;;;;;AAyBA,IAAM,aAGF;CACF,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,YAAY;EACZ,MACE,oBAAC,QAAD;GAAiB,MAAM;GAAI,OAAM;GAAsC,CAAA;EAE1E;CACD,MAAM;EACJ,IAAI;EACJ,QAAQ;EACR,YAAY;EACZ,MACE,oBAAC,QAAD;GACE,MAAM;GACN,OAAM;GACN,CAAA;EAEL;CACD,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,YAAY;EACZ,MACE,oBAAC,MAAD;GACE,MAAM;GACN,OAAM;GACN,CAAA;EAEL;CACD,OAAO;EACL,IAAI;EACJ,QAAQ;EACR,YAAY;EACZ,MACE,oBAAC,QAAD;GAAiB,MAAM;GAAI,OAAM;GAAsC,CAAA;EAE1E;CACD,MAAM;EACJ,IAAI;EACJ,QAAQ;EACR,YAAY;EACZ,MAAM,oBAAC,QAAD;GAAuB,MAAM;GAAI,OAAM;GAA6B,CAAA;EAC3E;CACF;AAED,SAAS,MAAM,OAAmB;CAChC,MAAM,EACJ,OAAO,QACP,SACA,aACA,UACA,SACA,YACA,WAAW,MACX,MACA,QACA,QACA,WACA,UACE;CAEJ,MAAM,CAAC,QAAQ,aAAa,SAAS,MAAM;AAE3C,KAAI,OAAQ,QAAO;CAEnB,MAAM,SAAS,WAAW,SAAS,WAAW;AAE9C,QACE,qBAAC,OAAD;EACE,WAAW,GACT,8FACA,UAAU,qCACV,OAAO,IACP,OAAO,QACP,UACD;EACM;EACP,MAAK;YATP;GAWG,YACC,oBAAC,QAAD;IAAM,WAAU;cACb,QAAQ,OAAO;IACX,CAAA;GAET,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,WACC,oBAAC,OAAD;KACE,WAAW,GACT,4DACA,OAAO,WACR;eAEA;KACG,CAAA,EAEP,eACC,oBAAC,OAAD;KACE,WAAU;KACV,OAAO,EAAE,qBAAqB,0BAA0B;eAEvD;KACG,CAAA,CAEJ;;GACL,UAAU,oBAAC,OAAD;IAAK,WAAU;cAAoB;IAAa,CAAA;GAC1D,YACC,oBAAC,UAAD;IACE,MAAK;IACL,cAAW;IACX,WAAU;IACV,UAAU,MAAM;AACd,eAAU,KAAK;AACf,eAAU,EAAE;AACZ,mBAAc;;cAGhB,oBAAC,QAAD;KACE,MAAM;KACN,OAAM;KACN,eAAY;KACZ,CAAA;IACK,CAAA;GAEP"}
+{"version":3,"file":"index.js","names":["React","useState","AttentionTriangleFill","CheckCircleFill","CloseCircleFill","CloseLightLine","InformationCircleFill","cn","AlertProps","type","message","ReactNode","description","closable","onClose","e","MouseEvent","HTMLButtonElement","afterClose","showIcon","icon","banner","action","className","style","CSSProperties","typeConfig","Record","bg","border","titleColor","success","info","warning","error","none","Alert","props","$","_c","t0","t1","undefined","closed","setClosed","config","t2","t3","t4","t5","t6","fontFeatureSettings","t7","t8","t9","t10"],"sources":["../../src/Alert/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  AttentionTriangleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  CloseLightLine,\n  InformationCircleFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface AlertProps {\n  type?: 'success' | 'info' | 'warning' | 'error' | 'none';\n  message?: React.ReactNode;\n  description?: React.ReactNode;\n  closable?: boolean;\n  onClose?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  showIcon?: boolean;\n  icon?: React.ReactNode;\n  banner?: boolean;\n  action?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst typeConfig: Record<\n  string,\n  { bg: string; border: string; icon: React.ReactNode; titleColor: string }\n> = {\n  success: {\n    bg: 'tw-bg-[var(--background-positive-subtle)]',\n    border: 'tw-border-[var(--border-positive-subtle)]',\n    titleColor: 'tw-text-[var(--content-positive-primary)]',\n    icon: (\n      <CheckCircleFill size={16} color=\"var(--content-positive-secondary)\" />\n    ),\n  },\n  info: {\n    bg: 'tw-bg-[var(--background-informative-subtle)]',\n    border: 'tw-border-[var(--border-informative-subtle)]',\n    titleColor: 'tw-text-[var(--content-informative-primary)]',\n    icon: (\n      <InformationCircleFill\n        size={16}\n        color=\"var(--content-informative-secondary)\"\n      />\n    ),\n  },\n  warning: {\n    bg: 'tw-bg-[var(--background-warning-subtle)]',\n    border: 'tw-border-[var(--border-warning-subtle)]',\n    titleColor: 'tw-text-[var(--content-warning-primary)]',\n    icon: (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--content-warning-secondary)\"\n      />\n    ),\n  },\n  error: {\n    bg: 'tw-bg-[var(--background-negative-subtle)]',\n    border: 'tw-border-[var(--border-negative-subtle)]',\n    titleColor: 'tw-text-[var(--content-negative-primary)]',\n    icon: (\n      <CloseCircleFill size={16} color=\"var(--content-negative-secondary)\" />\n    ),\n  },\n  none: {\n    bg: 'tw-bg-[var(--background-neutral-subtle)]',\n    border: 'tw-border-[var(--border-neutral-subtle)]',\n    titleColor: 'tw-text-[var(--content-primary)]',\n    icon: <InformationCircleFill size={16} color=\"var(--content-secondary)\" />,\n  },\n};\n\nfunction Alert(props: AlertProps) {\n  const {\n    type = 'info',\n    message,\n    description,\n    closable,\n    onClose,\n    afterClose,\n    showIcon = true,\n    icon,\n    banner,\n    action,\n    className,\n    style,\n  } = props;\n\n  const [closed, setClosed] = useState(false);\n\n  if (closed) return null;\n\n  const config = typeConfig[type] || typeConfig.info;\n\n  return (\n    <div\n      className={cn(\n        'ald-alert tw-flex tw-items-start tw-gap-2 tw-rounded-r-75 tw-border tw-border-solid tw-p-3',\n        banner && 'ald-alert-banner !tw-rounded-none',\n        config.bg,\n        config.border,\n        className,\n      )}\n      style={style}\n      role=\"alert\"\n    >\n      {showIcon && (\n        <span className=\"ald-alert-icon tw-flex tw-items-center tw-pt-0.5\">\n          {icon || config.icon}\n        </span>\n      )}\n      <div className=\"ald-alert-content tw-min-w-0 tw-flex-1\">\n        {message && (\n          <div\n            className={cn(\n              'ald-alert-message tw-text-sm tw-font-medium tw-leading-5',\n              config.titleColor,\n            )}\n          >\n            {message}\n          </div>\n        )}\n        {description && (\n          <div\n            className=\"ald-alert-description tw-mt-1 tw-text-sm tw-font-normal tw-leading-5 tw-text-[var(--content-secondary)]\"\n            style={{ fontFeatureSettings: \"'liga' off, 'clig' off\" }}\n          >\n            {description}\n          </div>\n        )}\n      </div>\n      {action && <div className=\"ald-alert-action\">{action}</div>}\n      {closable && (\n        <button\n          type=\"button\"\n          aria-label=\"Close alert\"\n          className=\"ald-alert-close-icon tw-flex tw-cursor-pointer tw-items-center tw-self-start tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-p-0 tw-pt-0.5\"\n          onClick={(e) => {\n            setClosed(true);\n            onClose?.(e);\n            afterClose?.();\n          }}\n        >\n          <CloseLightLine\n            size={16}\n            color=\"var(--content-secondary)\"\n            aria-hidden=\"true\"\n          />\n        </button>\n      )}\n    </div>\n  );\n}\n\nexport default Alert;\n"],"mappings":"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"}

package/dist/Alert.js

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

package/dist/App/index.js

@@ -1,5 +1,6 @@
 import { cn } from "../lib/utils.js";
 import { useTopModalContentZIndex } from "../_utils/overlayCoordinator.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -10,22 +11,79 @@ var OverlayPortal = ({ children }) => {
 	if (typeof document === "undefined") return null;
 	return createPortal(children, document.body);
 };
-var AldApp = ({ children, className, style, overlayZIndex = DEFAULT_OVERLAY_Z_INDEX, ...restProps }) => {
+var AldApp = (t0) => {
+	const $ = c(21);
+	let children;
+	let className;
+	let restProps;
+	let style;
+	let t1;
+	if ($[0] !== t0) {
+		({children, className, style, overlayZIndex: t1, ...restProps} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = restProps;
+		$[4] = style;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		restProps = $[3];
+		style = $[4];
+		t1 = $[5];
+	}
+	const overlayZIndex = t1 === void 0 ? DEFAULT_OVERLAY_Z_INDEX : t1;
 	const topModalContentZIndex = useTopModalContentZIndex();
 	const effectiveOverlayZIndex = topModalContentZIndex === void 0 ? overlayZIndex : Math.max(overlayZIndex, topModalContentZIndex + 1e3);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("ald-app", className),
-		style,
-		...restProps,
-		children: [/* @__PURE__ */ jsxs(OverlayPortal, { children: [/* @__PURE__ */ jsx(ToastContainer, {
+	let t2;
+	if ($[6] !== className) {
+		t2 = cn("ald-app", className);
+		$[6] = className;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== effectiveOverlayZIndex) {
+		t3 = /* @__PURE__ */ jsx(ToastContainer, {
 			containerId: "message-container",
 			limit: 1,
 			style: { zIndex: effectiveOverlayZIndex }
-		}), /* @__PURE__ */ jsx(ToastContainer, {
+		});
+		$[8] = effectiveOverlayZIndex;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== effectiveOverlayZIndex) {
+		t4 = /* @__PURE__ */ jsx(ToastContainer, {
 			containerId: "notification-container",
 			style: { zIndex: effectiveOverlayZIndex }
-		})] }), children]
-	});
+		});
+		$[10] = effectiveOverlayZIndex;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[12] !== t3 || $[13] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(OverlayPortal, { children: [t3, t4] });
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== children || $[16] !== restProps || $[17] !== style || $[18] !== t2 || $[19] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			style,
+			...restProps,
+			children: [t5, children]
+		});
+		$[15] = children;
+		$[16] = restProps;
+		$[17] = style;
+		$[18] = t2;
+		$[19] = t5;
+		$[20] = t6;
+	} else t6 = $[20];
+	return t6;
 };
 //#endregion
 export { AldApp as default };

package/dist/App/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/App/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { ToastContainer } from 'react-toastify';\nimport { useTopModalContentZIndex } from '../_utils/overlayCoordinator';\nimport { cn } from '../lib/utils';\n\ninterface AppProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /** z-index used by the global message and notification containers. */\n  overlayZIndex?: number;\n}\n\nexport const DEFAULT_OVERLAY_Z_INDEX = 11000;\n\nconst OverlayPortal: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  if (typeof document === 'undefined') return null;\n  return createPortal(children, document.body);\n};\n\nconst AldApp: React.FC<AppProps> = ({\n  children,\n  className,\n  style,\n  overlayZIndex = DEFAULT_OVERLAY_Z_INDEX,\n  ...restProps\n}) => {\n  const topModalContentZIndex = useTopModalContentZIndex();\n  const effectiveOverlayZIndex =\n    topModalContentZIndex === undefined\n      ? overlayZIndex\n      : Math.max(overlayZIndex, topModalContentZIndex + 1000);\n\n  return (\n    <div className={cn('ald-app', className)} style={style} {...restProps}>\n      <OverlayPortal>\n        <ToastContainer\n          containerId={'message-container'}\n          limit={1}\n          style={{ zIndex: effectiveOverlayZIndex }}\n        />\n        <ToastContainer\n          containerId={'notification-container'}\n          style={{ zIndex: effectiveOverlayZIndex }}\n        />\n      </OverlayPortal>\n      {children}\n    </div>\n  );\n};\n\nexport default AldApp;\n"],"mappings":";;;;;;;AAcA,IAAa,0BAA0B;AAEvC,IAAM,iBAA0D,EAC9D,eACI;AACJ,KAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,QAAO,aAAa,UAAU,SAAS,KAAK;;AAG9C,IAAM,UAA8B,EAClC,UACA,WACA,OACA,gBAAgB,yBAChB,GAAG,gBACC;CACJ,MAAM,wBAAwB,0BAA0B;CACxD,MAAM,yBACJ,0BAA0B,SACtB,gBACA,KAAK,IAAI,eAAe,wBAAwB,IAAK;AAE3D,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,WAAW,UAAU;EAAS;EAAO,GAAI;YAA5D,CACE,qBAAC,eAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;GACE,aAAa;GACb,OAAO;GACP,OAAO,EAAE,QAAQ,wBAAwB;GACzC,CAAA,EACF,oBAAC,gBAAD;GACE,aAAa;GACb,OAAO,EAAE,QAAQ,wBAAwB;GACzC,CAAA,CACY,EAAA,CAAA,EACf,SACG"}
+{"version":3,"file":"index.js","names":["React","createPortal","ToastContainer","useTopModalContentZIndex","cn","AppProps","children","ReactNode","className","style","CSSProperties","overlayZIndex","DEFAULT_OVERLAY_Z_INDEX","OverlayPortal","FC","document","body","AldApp","t0","$","_c","restProps","t1","undefined","topModalContentZIndex","effectiveOverlayZIndex","Math","max","t2","t3","zIndex","t4","t5","t6"],"sources":["../../src/App/index.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport { ToastContainer } from 'react-toastify';\nimport { useTopModalContentZIndex } from '../_utils/overlayCoordinator';\nimport { cn } from '../lib/utils';\n\ninterface AppProps {\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /** z-index used by the global message and notification containers. */\n  overlayZIndex?: number;\n}\n\nexport const DEFAULT_OVERLAY_Z_INDEX = 11000;\n\nconst OverlayPortal: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  if (typeof document === 'undefined') return null;\n  return createPortal(children, document.body);\n};\n\nconst AldApp: React.FC<AppProps> = ({\n  children,\n  className,\n  style,\n  overlayZIndex = DEFAULT_OVERLAY_Z_INDEX,\n  ...restProps\n}) => {\n  const topModalContentZIndex = useTopModalContentZIndex();\n  const effectiveOverlayZIndex =\n    topModalContentZIndex === undefined\n      ? overlayZIndex\n      : Math.max(overlayZIndex, topModalContentZIndex + 1000);\n\n  return (\n    <div className={cn('ald-app', className)} style={style} {...restProps}>\n      <OverlayPortal>\n        <ToastContainer\n          containerId={'message-container'}\n          limit={1}\n          style={{ zIndex: effectiveOverlayZIndex }}\n        />\n        <ToastContainer\n          containerId={'notification-container'}\n          style={{ zIndex: effectiveOverlayZIndex }}\n        />\n      </OverlayPortal>\n      {children}\n    </div>\n  );\n};\n\nexport default AldApp;\n"],"mappings":";;;;;;;;AAcA,IAAaY,0BAA0B;AAEvC,IAAMC,iBAA0D,EAC9DP,eACI;AACJ,KAAI,OAAOS,aAAa,YAAa,QAAO;AAC5C,QAAOd,aAAaK,UAAUS,SAASC,KAAK;;AAG9C,IAAMC,UAA6BC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAd;CAAA,IAAAE;CAAA,IAAAa;CAAA,IAAAZ;CAAA,IAAAa;AAAA,KAAAH,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAZ,UAAAE,WAAAC,OAAAE,eAAAW,OAAAD,aAAAH;AAMnCC,IAAA,KAAAD;AAAAC,IAAA,KAAAb;AAAAa,IAAA,KAAAX;AAAAW,IAAA,KAAAE;AAAAF,IAAA,KAAAV;AAAAU,IAAA,KAAAG;QAAA;AAAAhB,aAAAa,EAAA;AAAAX,cAAAW,EAAA;AAAAE,cAAAF,EAAA;AAAAV,UAAAU,EAAA;AAAAG,OAAAH,EAAA;;CAFC,MAAAR,gBAAAW,OAAAC,SAAAX,0BAAAU;CAGA,MAAAE,wBAA8BrB,0BAA0B;CACxD,MAAAsB,yBACED,0BAA0BD,SAA1BZ,gBAEIe,KAAIC,IAAKhB,eAAea,wBAAwB,IAAK;CAAC,IAAAI;AAAA,KAAAT,EAAA,OAAAX,WAAA;AAG1CoB,OAAAxB,GAAG,WAAWI,UAAU;AAAAW,IAAA,KAAAX;AAAAW,IAAA,KAAAS;OAAAA,MAAAT,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAM,wBAAA;AAEpCI,OAAA,oBAAC,gBAAD;GACe,aAAA;GACN,OAAA;GACA,OAAA,EAAAC,QAAUL,wBAAuB;GACxC,CAAA;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAY;AAAA,KAAAZ,EAAA,QAAAM,wBAAA;AACFM,OAAA,oBAAC,gBAAD;GACe,aAAA;GACN,OAAA,EAAAD,QAAUL,wBAAuB;GACxC,CAAA;AAAAN,IAAA,MAAAM;AAAAN,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAU,MAAAV,EAAA,QAAAY,IAAA;AATJC,OAAA,qBAAC,eAAD,EAAA,UAAA,CACEH,IAKAE,GAIc,EAAA,CAAA;AAAAZ,IAAA,MAAAU;AAAAV,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAAb,YAAAa,EAAA,QAAAE,aAAAF,EAAA,QAAAV,SAAAU,EAAA,QAAAS,MAAAT,EAAA,QAAAa,IAAA;AAXlBC,OAAA,qBAAA,OAAA;GAAgB,WAAAL;GAAiCnB;GAAK,GAAMY;aAA5D,CACEW,IAWC1B,SACG;;AAAAa,IAAA,MAAAb;AAAAa,IAAA,MAAAE;AAAAF,IAAA,MAAAV;AAAAU,IAAA,MAAAS;AAAAT,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAbNc"}

package/dist/App.js

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

package/dist/Avatar/component/Avatar/helper.d.ts

@@ -6,6 +6,6 @@ import { TAvatarSize } from './type.js';
  */
 export declare const getFontSize: (size: TAvatarSize | number) => {
     fontSize: number;
-    transform?: string | undefined;
-    fontWeight?: number | undefined;
+    transform?: string;
+    fontWeight?: number;
 };

package/dist/Avatar/component/Avatar/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../../src/Avatar/component/Avatar/helper.ts"],"sourcesContent":["import { AVATAR_SIZE_MAP, AVATAR_SIZE_TO_FONT_SIZE, TAvatarSize } from './type';\n\n/**\n * 根据头像大小获取合适的字体大小和缩放样式\n * @param size 头像大小，可以是预设值或数字\n * @returns 包含fontSize和可能的transform样式的对象\n */\nexport const getFontSize = (\n  size: TAvatarSize | number,\n): { fontSize: number; transform?: string; fontWeight?: number } => {\n  // 1. 将TAvatarSize转换为像素值\n  const pixelSize =\n    typeof size === 'number' ? size : AVATAR_SIZE_MAP[size] || 32;\n\n  // 2. 计算合适的字体大小\n  let fontSize: number;\n\n  // 2.1 先检查映射表中是否有对应值\n  if (pixelSize in AVATAR_SIZE_TO_FONT_SIZE) {\n    fontSize =\n      AVATAR_SIZE_TO_FONT_SIZE[\n        pixelSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n      ];\n  } else {\n    // 2.2 如果没有对应值，根据区间确定合适的字体大小\n\n    // 定义关键区间点\n    const sizeBenchmarks = Object.keys(AVATAR_SIZE_TO_FONT_SIZE)\n      .map(Number)\n      .sort((a, b) => a - b);\n\n    // 如果小于最小基准点\n    if (pixelSize < sizeBenchmarks[0]) {\n      // 对于非常小的尺寸，使用比例计算，但不小于6px\n      fontSize = Math.max(6, Math.floor(pixelSize / 2));\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n    // 如果大于最大基准点\n    else if (pixelSize > sizeBenchmarks[sizeBenchmarks.length - 1]) {\n      // 对于特大尺寸，使用简单的比例计算，确保单调增长\n      const largestSize = sizeBenchmarks[sizeBenchmarks.length - 1];\n      const largestFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          largestSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n      const ratio = largestFontSize / largestSize;\n      fontSize = Math.floor(pixelSize * ratio);\n\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n    // 在两个基准点之间\n    else {\n      // 找到最近的两个基准点\n      let lowerIndex = 0;\n      for (let i = 0; i < sizeBenchmarks.length - 1; i++) {\n        if (\n          pixelSize >= sizeBenchmarks[i] &&\n          pixelSize < sizeBenchmarks[i + 1]\n        ) {\n          lowerIndex = i;\n          break;\n        }\n      }\n\n      const lowerSize = sizeBenchmarks[lowerIndex];\n      const upperSize = sizeBenchmarks[lowerIndex + 1];\n      const lowerFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          lowerSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n      const upperFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          upperSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n\n      // 线性插值计算\n      const ratio = (pixelSize - lowerSize) / (upperSize - lowerSize);\n      fontSize = Math.floor(\n        lowerFontSize + ratio * (upperFontSize - lowerFontSize),\n      );\n\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n  }\n\n  // 3. 处理小于12px的字体\n  if (fontSize < 12) {\n    const scale = fontSize / 12;\n    return {\n      fontSize: 12,\n      transform: `scale(${scale})`,\n      fontWeight: 600,\n    };\n  }\n\n  // 4. 返回结果\n  return { fontSize, fontWeight: 500 };\n};\n"],"mappings":";;;;;;;AAOA,IAAa,eACX,SACkE;CAElE,MAAM,YACJ,OAAO,SAAS,WAAW,OAAO,gBAAgB,SAAS;CAG7D,IAAI;AAGJ,KAAI,aAAa,yBACf,YACE,yBACE;MAEC;EAIL,MAAM,iBAAiB,OAAO,KAAK,yBAAyB,CACzD,IAAI,OAAO,CACX,MAAM,GAAG,MAAM,IAAI,EAAE;AAGxB,MAAI,YAAY,eAAe,IAAI;AAEjC,cAAW,KAAK,IAAI,GAAG,KAAK,MAAM,YAAY,EAAE,CAAC;AAEjD,cAAW,WAAW,MAAM,IAAI,WAAW,WAAW;aAG/C,YAAY,eAAe,eAAe,SAAS,IAAI;GAE9D,MAAM,cAAc,eAAe,eAAe,SAAS;GAK3D,MAAM,QAHJ,yBACE,eAE4B;AAChC,cAAW,KAAK,MAAM,YAAY,MAAM;AAGxC,cAAW,WAAW,MAAM,IAAI,WAAW,WAAW;SAGnD;GAEH,IAAI,aAAa;AACjB,QAAK,IAAI,IAAI,GAAG,IAAI,eAAe,SAAS,GAAG,IAC7C,KACE,aAAa,eAAe,MAC5B,YAAY,eAAe,IAAI,IAC/B;AACA,iBAAa;AACb;;GAIJ,MAAM,YAAY,eAAe;GACjC,MAAM,YAAY,eAAe,aAAa;GAC9C,MAAM,gBACJ,yBACE;GAEJ,MAAM,gBACJ,yBACE;GAIJ,MAAM,SAAS,YAAY,cAAc,YAAY;AACrD,cAAW,KAAK,MACd,gBAAgB,SAAS,gBAAgB,eAC1C;AAGD,cAAW,WAAW,MAAM,IAAI,WAAW,WAAW;;;AAK1D,KAAI,WAAW,GAEb,QAAO;EACL,UAAU;EACV,WAAW,SAHC,WAAW,GAGG;EAC1B,YAAY;EACb;AAIH,QAAO;EAAE;EAAU,YAAY;EAAK"}
+{"version":3,"file":"helper.js","names":["AVATAR_SIZE_MAP","AVATAR_SIZE_TO_FONT_SIZE","TAvatarSize","getFontSize","size","fontSize","transform","fontWeight","pixelSize","sizeBenchmarks","Object","keys","map","Number","sort","a","b","Math","max","floor","length","largestSize","largestFontSize","ratio","lowerIndex","i","lowerSize","upperSize","lowerFontSize","upperFontSize","scale"],"sources":["../../../../src/Avatar/component/Avatar/helper.ts"],"sourcesContent":["import { AVATAR_SIZE_MAP, AVATAR_SIZE_TO_FONT_SIZE, TAvatarSize } from './type';\n\n/**\n * 根据头像大小获取合适的字体大小和缩放样式\n * @param size 头像大小，可以是预设值或数字\n * @returns 包含fontSize和可能的transform样式的对象\n */\nexport const getFontSize = (\n  size: TAvatarSize | number,\n): { fontSize: number; transform?: string; fontWeight?: number } => {\n  // 1. 将TAvatarSize转换为像素值\n  const pixelSize =\n    typeof size === 'number' ? size : AVATAR_SIZE_MAP[size] || 32;\n\n  // 2. 计算合适的字体大小\n  let fontSize: number;\n\n  // 2.1 先检查映射表中是否有对应值\n  if (pixelSize in AVATAR_SIZE_TO_FONT_SIZE) {\n    fontSize =\n      AVATAR_SIZE_TO_FONT_SIZE[\n        pixelSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n      ];\n  } else {\n    // 2.2 如果没有对应值，根据区间确定合适的字体大小\n\n    // 定义关键区间点\n    const sizeBenchmarks = Object.keys(AVATAR_SIZE_TO_FONT_SIZE)\n      .map(Number)\n      .sort((a, b) => a - b);\n\n    // 如果小于最小基准点\n    if (pixelSize < sizeBenchmarks[0]) {\n      // 对于非常小的尺寸，使用比例计算，但不小于6px\n      fontSize = Math.max(6, Math.floor(pixelSize / 2));\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n    // 如果大于最大基准点\n    else if (pixelSize > sizeBenchmarks[sizeBenchmarks.length - 1]) {\n      // 对于特大尺寸，使用简单的比例计算，确保单调增长\n      const largestSize = sizeBenchmarks[sizeBenchmarks.length - 1];\n      const largestFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          largestSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n      const ratio = largestFontSize / largestSize;\n      fontSize = Math.floor(pixelSize * ratio);\n\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n    // 在两个基准点之间\n    else {\n      // 找到最近的两个基准点\n      let lowerIndex = 0;\n      for (let i = 0; i < sizeBenchmarks.length - 1; i++) {\n        if (\n          pixelSize >= sizeBenchmarks[i] &&\n          pixelSize < sizeBenchmarks[i + 1]\n        ) {\n          lowerIndex = i;\n          break;\n        }\n      }\n\n      const lowerSize = sizeBenchmarks[lowerIndex];\n      const upperSize = sizeBenchmarks[lowerIndex + 1];\n      const lowerFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          lowerSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n      const upperFontSize =\n        AVATAR_SIZE_TO_FONT_SIZE[\n          upperSize as keyof typeof AVATAR_SIZE_TO_FONT_SIZE\n        ];\n\n      // 线性插值计算\n      const ratio = (pixelSize - lowerSize) / (upperSize - lowerSize);\n      fontSize = Math.floor(\n        lowerFontSize + ratio * (upperFontSize - lowerFontSize),\n      );\n\n      // 确保为偶数\n      fontSize = fontSize % 2 === 0 ? fontSize : fontSize - 1;\n    }\n  }\n\n  // 3. 处理小于12px的字体\n  if (fontSize < 12) {\n    const scale = fontSize / 12;\n    return {\n      fontSize: 12,\n      transform: `scale(${scale})`,\n      fontWeight: 600,\n    };\n  }\n\n  // 4. 返回结果\n  return { fontSize, fontWeight: 500 };\n};\n"],"mappings":";;;;;;;AAOA,IAAaG,eACXC,SACkE;CAElE,MAAMI,YACJ,OAAOJ,SAAS,WAAWA,OAAOJ,gBAAgBI,SAAS;CAG7D,IAAIC;AAGJ,KAAIG,aAAaP,yBACfI,YACEJ,yBACEO;MAEC;EAIL,MAAMC,iBAAiBC,OAAOC,KAAKV,yBAAyB,CACzDW,IAAIC,OAAO,CACXC,MAAMC,GAAGC,MAAMD,IAAIC,EAAE;AAGxB,MAAIR,YAAYC,eAAe,IAAI;AAEjCJ,cAAWY,KAAKC,IAAI,GAAGD,KAAKE,MAAMX,YAAY,EAAE,CAAC;AAEjDH,cAAWA,WAAW,MAAM,IAAIA,WAAWA,WAAW;aAG/CG,YAAYC,eAAeA,eAAeW,SAAS,IAAI;GAE9D,MAAMC,cAAcZ,eAAeA,eAAeW,SAAS;GAK3D,MAAMG,QAHJtB,yBACEoB,eAE4BA;AAChChB,cAAWY,KAAKE,MAAMX,YAAYe,MAAM;AAGxClB,cAAWA,WAAW,MAAM,IAAIA,WAAWA,WAAW;SAGnD;GAEH,IAAImB,aAAa;AACjB,QAAK,IAAIC,IAAI,GAAGA,IAAIhB,eAAeW,SAAS,GAAGK,IAC7C,KACEjB,aAAaC,eAAegB,MAC5BjB,YAAYC,eAAegB,IAAI,IAC/B;AACAD,iBAAaC;AACb;;GAIJ,MAAMC,YAAYjB,eAAee;GACjC,MAAMG,YAAYlB,eAAee,aAAa;GAC9C,MAAMI,gBACJ3B,yBACEyB;GAEJ,MAAMG,gBACJ5B,yBACE0B;GAIJ,MAAMJ,SAASf,YAAYkB,cAAcC,YAAYD;AACrDrB,cAAWY,KAAKE,MACdS,gBAAgBL,SAASM,gBAAgBD,eAC1C;AAGDvB,cAAWA,WAAW,MAAM,IAAIA,WAAWA,WAAW;;;AAK1D,KAAIA,WAAW,GAEb,QAAO;EACLA,UAAU;EACVC,WAAW,SAHCD,WAAW,GAGE;EACzBE,YAAY;EACb;AAIH,QAAO;EAAEF;EAAUE,YAAY;EAAK"}

package/dist/Avatar/component/Avatar/index.d.ts

@@ -17,5 +17,5 @@ export interface IAvatarProps {
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-declare const Avatar: (props: IAvatarProps) => import("react/jsx-runtime").JSX.Element;
+declare const Avatar: (props: IAvatarProps) => React.JSX.Element;
 export default Avatar;

package/dist/Avatar/component/Avatar/index.js

@@ -2,76 +2,181 @@ import { cn } from "../../../lib/utils.js";
 import Memo from "../../../Icon/components/User.js";
 import { AVATAR_SIZE_MAP, AVATAR_TYPE_TO_BG_COLOR } from "./type.js";
 import { getFontSize } from "./helper.js";
-import { useCallback, useMemo, useState } from "react";
+import { c } from "react-compiler-runtime";
+import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import _ from "lodash";
 //#region src/Avatar/component/Avatar/index.tsx
 var ZERO = 0;
 var Avatar = (props) => {
-	const { size = "middle", children, src, srcSet, draggable, icon, shape = "circle", alt, crossOrigin, type = "user", onClick, onError, className, style } = props;
+	const $ = c(44);
+	const { size: t0, children, src, srcSet, draggable, icon, shape: t1, alt, crossOrigin, type: t2, onClick, onError, className, style } = props;
+	const size = t0 === void 0 ? "middle" : t0;
+	const shape = t1 === void 0 ? "circle" : t1;
+	const type = t2 === void 0 ? "user" : t2;
 	const [imgError, setImgError] = useState(false);
-	const getSize = useCallback(() => {
-		if (typeof size === "number") return size;
-		return AVATAR_SIZE_MAP[size] || 32;
-	}, [size]);
-	const getChildren = useCallback(() => {
-		if (_.isEmpty(children)) return null;
-		if (typeof children === "string") return children[ZERO].toLocaleUpperCase();
-		return children;
-	}, [children]);
-	const sizeVal = getSize();
-	const innerContent = useMemo(() => {
+	let t3;
+	if ($[0] !== size) {
+		t3 = () => {
+			if (typeof size === "number") return size;
+			return AVATAR_SIZE_MAP[size] || 32;
+		};
+		$[0] = size;
+		$[1] = t3;
+	} else t3 = $[1];
+	const getSize = t3;
+	let t4;
+	if ($[2] !== children) {
+		t4 = () => {
+			if (_.isEmpty(children)) return null;
+			if (typeof children === "string") return children[ZERO].toLocaleUpperCase();
+			return children;
+		};
+		$[2] = children;
+		$[3] = t4;
+	} else t4 = $[3];
+	const getChildren = t4;
+	let t5;
+	if ($[4] !== getSize) {
+		t5 = getSize();
+		$[4] = getSize;
+		$[5] = t5;
+	} else t5 = $[5];
+	const sizeVal = t5;
+	let t6;
+	bb0: {
 		if (src && !imgError) {
-			if (typeof src === "string") return /* @__PURE__ */ jsx("img", {
-				src,
-				srcSet,
-				draggable,
-				crossOrigin,
-				alt,
-				className: "tw-size-full tw-object-cover",
-				style: shape === "circle" ? { borderRadius: "50%" } : void 0,
-				onError: () => {
-					if (onError?.() !== false) setImgError(true);
-				}
-			});
-			return src;
+			if (typeof src === "string") {
+				let t7;
+				if ($[6] !== shape) {
+					t7 = shape === "circle" ? { borderRadius: "50%" } : void 0;
+					$[6] = shape;
+					$[7] = t7;
+				} else t7 = $[7];
+				let t8;
+				if ($[8] !== onError) {
+					t8 = () => {
+						if (onError?.() !== false) setImgError(true);
+					};
+					$[8] = onError;
+					$[9] = t8;
+				} else t8 = $[9];
+				let t9;
+				if ($[10] !== alt || $[11] !== crossOrigin || $[12] !== draggable || $[13] !== src || $[14] !== srcSet || $[15] !== t7 || $[16] !== t8) {
+					t9 = /* @__PURE__ */ jsx("img", {
+						src,
+						srcSet,
+						draggable,
+						crossOrigin,
+						alt,
+						className: "tw-size-full tw-object-cover",
+						style: t7,
+						onError: t8
+					});
+					$[10] = alt;
+					$[11] = crossOrigin;
+					$[12] = draggable;
+					$[13] = src;
+					$[14] = srcSet;
+					$[15] = t7;
+					$[16] = t8;
+					$[17] = t9;
+				} else t9 = $[17];
+				t6 = t9;
+				break bb0;
+			}
+			t6 = src;
+			break bb0;
 		}
-		if (icon) return icon;
-		if (!_.isEmpty(children)) return /* @__PURE__ */ jsx("div", {
-			className: "tw-flex tw-size-full tw-items-center tw-justify-center",
-			children: /* @__PURE__ */ jsx("span", {
-				style: getFontSize(sizeVal),
-				children: getChildren()
-			})
-		});
-		return /* @__PURE__ */ jsx(Memo, { size: sizeVal });
-	}, [
-		src,
-		icon,
-		children,
-		sizeVal,
-		getChildren,
-		imgError,
-		alt,
-		srcSet,
-		draggable,
-		crossOrigin,
-		onError,
-		shape
-	]);
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ald-avatar tw-inline-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border-0", type === "team" ? "tw-text-[var(--content-positive-primary)]" : "tw-text-[var(--content-informative-primary)]", shape === "circle" ? "tw-rounded-full" : "tw-rounded-r-50", !icon && _.isEmpty(children) && "ald-avatar-default", className),
-		style: {
+		if (icon) {
+			t6 = icon;
+			break bb0;
+		}
+		if (!_.isEmpty(children)) {
+			let t7;
+			if ($[18] !== sizeVal) {
+				t7 = getFontSize(sizeVal);
+				$[18] = sizeVal;
+				$[19] = t7;
+			} else t7 = $[19];
+			let t8;
+			if ($[20] !== getChildren) {
+				t8 = getChildren();
+				$[20] = getChildren;
+				$[21] = t8;
+			} else t8 = $[21];
+			let t9;
+			if ($[22] !== t7 || $[23] !== t8) {
+				t9 = /* @__PURE__ */ jsx("div", {
+					className: "tw-flex tw-size-full tw-items-center tw-justify-center",
+					children: /* @__PURE__ */ jsx("span", {
+						style: t7,
+						children: t8
+					})
+				});
+				$[22] = t7;
+				$[23] = t8;
+				$[24] = t9;
+			} else t9 = $[24];
+			t6 = t9;
+			break bb0;
+		}
+		let t7;
+		if ($[25] !== sizeVal) {
+			t7 = /* @__PURE__ */ jsx(Memo, { size: sizeVal });
+			$[25] = sizeVal;
+			$[26] = t7;
+		} else t7 = $[26];
+		t6 = t7;
+	}
+	const innerContent = t6;
+	const t7 = type === "team" ? "tw-text-[var(--content-positive-primary)]" : "tw-text-[var(--content-informative-primary)]";
+	const t8 = shape === "circle" ? "tw-rounded-full" : "tw-rounded-r-50";
+	let t9;
+	if ($[27] !== children || $[28] !== className || $[29] !== icon || $[30] !== t7 || $[31] !== t8) {
+		t9 = cn("ald-avatar tw-inline-flex tw-items-center tw-justify-center tw-overflow-hidden tw-border-0", t7, t8, !icon && _.isEmpty(children) && "ald-avatar-default", className);
+		$[27] = children;
+		$[28] = className;
+		$[29] = icon;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else t9 = $[32];
+	const t10 = sizeVal * .4;
+	const t11 = `${sizeVal}px`;
+	const t12 = !icon && _.isEmpty(children) && (!src || imgError) ? "var(--background-default)" : AVATAR_TYPE_TO_BG_COLOR[type] || "var(--background-informative-muted)";
+	let t13;
+	if ($[33] !== sizeVal || $[34] !== style || $[35] !== t10 || $[36] !== t11 || $[37] !== t12) {
+		t13 = {
 			width: sizeVal,
 			height: sizeVal,
-			fontSize: sizeVal * .4,
-			lineHeight: `${sizeVal}px`,
-			backgroundColor: !icon && _.isEmpty(children) && (!src || imgError) ? "var(--background-default)" : AVATAR_TYPE_TO_BG_COLOR[type] || "var(--background-informative-muted)",
+			fontSize: t10,
+			lineHeight: t11,
+			backgroundColor: t12,
 			...style
-		},
-		onClick,
-		children: innerContent
-	});
+		};
+		$[33] = sizeVal;
+		$[34] = style;
+		$[35] = t10;
+		$[36] = t11;
+		$[37] = t12;
+		$[38] = t13;
+	} else t13 = $[38];
+	let t14;
+	if ($[39] !== innerContent || $[40] !== onClick || $[41] !== t13 || $[42] !== t9) {
+		t14 = /* @__PURE__ */ jsx("span", {
+			className: t9,
+			style: t13,
+			onClick,
+			children: innerContent
+		});
+		$[39] = innerContent;
+		$[40] = onClick;
+		$[41] = t13;
+		$[42] = t9;
+		$[43] = t14;
+	} else t14 = $[43];
+	return t14;
 };
 //#endregion
 export { Avatar as default };