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

package/dist/Steps/components/ProcessIcon/index.js

@@ -1,58 +1,189 @@
 import { cn } from "../../../lib/utils.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/Steps/components/ProcessIcon/index.tsx
-function ProcessIcon({ size = 16, type }) {
-	const baseClass = "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]";
-	const iconStyle = {
-		height: size,
-		width: size
-	};
-	const innerDotSize = Math.max(6, Math.round(size * .375));
-	if (type === "finish") return /* @__PURE__ */ jsx("span", {
-		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-bg-[var(--border-brand-strong)]"),
-		style: iconStyle,
-		children: /* @__PURE__ */ jsx("img", {
-			style: {
-				height: Math.round(size * .5),
-				width: Math.round(size * .625)
-			},
-			src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
-		})
-	});
-	if (type === "error") return /* @__PURE__ */ jsx("span", {
-		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-bg-[var(--background-negative-strong)]"),
-		style: iconStyle,
-		children: /* @__PURE__ */ jsx("img", {
-			style: {
-				height: Math.round(size * .625),
-				width: Math.round(size * .188)
-			},
-			src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"
-		})
-	});
-	if (type === "process") return /* @__PURE__ */ jsx("span", {
-		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-relative tw-bg-[var(--border-brand-strong)]"),
-		style: iconStyle,
-		children: /* @__PURE__ */ jsx("span", {
-			className: "tw-rounded-full tw-bg-[var(--background-default)]",
-			style: {
-				height: innerDotSize,
-				width: innerDotSize
-			}
-		})
-	});
-	return /* @__PURE__ */ jsx("span", {
-		className: cn(`${type}-icon-box icon-box`, baseClass, "tw-relative tw-bg-[var(--content-secondary)]"),
-		style: iconStyle,
-		children: /* @__PURE__ */ jsx("span", {
+function ProcessIcon(t0) {
+	const $ = c(46);
+	const { size: t1, type } = t0;
+	const size = t1 === void 0 ? 16 : t1;
+	let t2;
+	if ($[0] !== size) {
+		t2 = {
+			height: size,
+			width: size
+		};
+		$[0] = size;
+		$[1] = t2;
+	} else t2 = $[1];
+	const iconStyle = t2;
+	let t3;
+	if ($[2] !== size) {
+		t3 = Math.round(size * .375);
+		$[2] = size;
+		$[3] = t3;
+	} else t3 = $[3];
+	const innerDotSize = Math.max(6, t3);
+	if (type === "finish") {
+		const t4 = `${type}-icon-box icon-box`;
+		let t5;
+		if ($[4] !== t4) {
+			t5 = cn(t4, "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]", "tw-bg-[var(--border-brand-strong)]");
+			$[4] = t4;
+			$[5] = t5;
+		} else t5 = $[5];
+		let t6;
+		if ($[6] !== size) {
+			t6 = Math.round(size * .5);
+			$[6] = size;
+			$[7] = t6;
+		} else t6 = $[7];
+		let t7;
+		if ($[8] !== size) {
+			t7 = Math.round(size * .625);
+			$[8] = size;
+			$[9] = t7;
+		} else t7 = $[9];
+		let t8;
+		if ($[10] !== t6 || $[11] !== t7) {
+			t8 = /* @__PURE__ */ jsx("img", {
+				style: {
+					height: t6,
+					width: t7
+				},
+				src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
+			});
+			$[10] = t6;
+			$[11] = t7;
+			$[12] = t8;
+		} else t8 = $[12];
+		let t9;
+		if ($[13] !== iconStyle || $[14] !== t5 || $[15] !== t8) {
+			t9 = /* @__PURE__ */ jsx("span", {
+				className: t5,
+				style: iconStyle,
+				children: t8
+			});
+			$[13] = iconStyle;
+			$[14] = t5;
+			$[15] = t8;
+			$[16] = t9;
+		} else t9 = $[16];
+		return t9;
+	}
+	if (type === "error") {
+		const t4 = `${type}-icon-box icon-box`;
+		let t5;
+		if ($[17] !== t4) {
+			t5 = cn(t4, "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]", "tw-bg-[var(--background-negative-strong)]");
+			$[17] = t4;
+			$[18] = t5;
+		} else t5 = $[18];
+		let t6;
+		if ($[19] !== size) {
+			t6 = Math.round(size * .625);
+			$[19] = size;
+			$[20] = t6;
+		} else t6 = $[20];
+		let t7;
+		if ($[21] !== size) {
+			t7 = Math.round(size * .188);
+			$[21] = size;
+			$[22] = t7;
+		} else t7 = $[22];
+		let t8;
+		if ($[23] !== t6 || $[24] !== t7) {
+			t8 = /* @__PURE__ */ jsx("img", {
+				style: {
+					height: t6,
+					width: t7
+				},
+				src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"
+			});
+			$[23] = t6;
+			$[24] = t7;
+			$[25] = t8;
+		} else t8 = $[25];
+		let t9;
+		if ($[26] !== iconStyle || $[27] !== t5 || $[28] !== t8) {
+			t9 = /* @__PURE__ */ jsx("span", {
+				className: t5,
+				style: iconStyle,
+				children: t8
+			});
+			$[26] = iconStyle;
+			$[27] = t5;
+			$[28] = t8;
+			$[29] = t9;
+		} else t9 = $[29];
+		return t9;
+	}
+	if (type === "process") {
+		const t4 = `${type}-icon-box icon-box`;
+		let t5;
+		if ($[30] !== t4) {
+			t5 = cn(t4, "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]", "tw-relative tw-bg-[var(--border-brand-strong)]");
+			$[30] = t4;
+			$[31] = t5;
+		} else t5 = $[31];
+		let t6;
+		if ($[32] !== innerDotSize) {
+			t6 = /* @__PURE__ */ jsx("span", {
+				className: "tw-rounded-full tw-bg-[var(--background-default)]",
+				style: {
+					height: innerDotSize,
+					width: innerDotSize
+				}
+			});
+			$[32] = innerDotSize;
+			$[33] = t6;
+		} else t6 = $[33];
+		let t7;
+		if ($[34] !== iconStyle || $[35] !== t5 || $[36] !== t6) {
+			t7 = /* @__PURE__ */ jsx("span", {
+				className: t5,
+				style: iconStyle,
+				children: t6
+			});
+			$[34] = iconStyle;
+			$[35] = t5;
+			$[36] = t6;
+			$[37] = t7;
+		} else t7 = $[37];
+		return t7;
+	}
+	const t4 = `${type}-icon-box icon-box`;
+	let t5;
+	if ($[38] !== t4) {
+		t5 = cn(t4, "tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]", "tw-relative tw-bg-[var(--content-secondary)]");
+		$[38] = t4;
+		$[39] = t5;
+	} else t5 = $[39];
+	let t6;
+	if ($[40] !== innerDotSize) {
+		t6 = /* @__PURE__ */ jsx("span", {
 			className: "tw-rounded-full tw-bg-[var(--background-default)]",
 			style: {
 				height: innerDotSize,
 				width: innerDotSize
 			}
-		})
-	});
+		});
+		$[40] = innerDotSize;
+		$[41] = t6;
+	} else t6 = $[41];
+	let t7;
+	if ($[42] !== iconStyle || $[43] !== t5 || $[44] !== t6) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			className: t5,
+			style: iconStyle,
+			children: t6
+		});
+		$[42] = iconStyle;
+		$[43] = t5;
+		$[44] = t6;
+		$[45] = t7;
+	} else t7 = $[45];
+	return t7;
 }
 //#endregion
 export { ProcessIcon };

package/dist/Steps/components/ProcessIcon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Steps/components/ProcessIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\n\ninterface IProcessIconProps {\n  size?: number;\n  type: 'process' | 'wait' | 'finish' | 'error';\n}\n\nexport function ProcessIcon({ size = 16, type }: IProcessIconProps) {\n  const baseClass =\n    'tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]';\n  const iconStyle = { height: size, width: size };\n  const innerDotSize = Math.max(6, Math.round(size * 0.375));\n\n  if (type === 'finish')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-bg-[var(--border-brand-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <img\n          style={{\n            height: Math.round(size * 0.5),\n            width: Math.round(size * 0.625),\n          }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n        />\n      </span>\n    );\n\n  if (type === 'error')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-bg-[var(--background-negative-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <img\n          style={{\n            height: Math.round(size * 0.625),\n            width: Math.round(size * 0.188),\n          }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\"\n        />\n      </span>\n    );\n\n  if (type === 'process')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-relative tw-bg-[var(--border-brand-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <span\n          className=\"tw-rounded-full tw-bg-[var(--background-default)]\"\n          style={{ height: innerDotSize, width: innerDotSize }}\n        />\n      </span>\n    );\n\n  // wait\n  return (\n    <span\n      className={cn(\n        `${type}-icon-box icon-box`,\n        baseClass,\n        'tw-relative tw-bg-[var(--content-secondary)]',\n      )}\n      style={iconStyle}\n    >\n      <span\n        className=\"tw-rounded-full tw-bg-[var(--background-default)]\"\n        style={{ height: innerDotSize, width: innerDotSize }}\n      />\n    </span>\n  );\n}\n"],"mappings":";;;;AAQA,SAAgB,YAAY,EAAE,OAAO,IAAI,QAA2B;CAClE,MAAM,YACJ;CACF,MAAM,YAAY;EAAE,QAAQ;EAAM,OAAO;EAAM;CAC/C,MAAM,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,KAAM,CAAC;AAE1D,KAAI,SAAS,SACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,qCACD;EACD,OAAO;YAEP,oBAAC,OAAD;GACE,OAAO;IACL,QAAQ,KAAK,MAAM,OAAO,GAAI;IAC9B,OAAO,KAAK,MAAM,OAAO,KAAM;IAChC;GACD,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,QACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,4CACD;EACD,OAAO;YAEP,oBAAC,OAAD;GACE,OAAO;IACL,QAAQ,KAAK,MAAM,OAAO,KAAM;IAChC,OAAO,KAAK,MAAM,OAAO,KAAM;IAChC;GACD,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,UACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,iDACD;EACD,OAAO;YAEP,oBAAC,QAAD;GACE,WAAU;GACV,OAAO;IAAE,QAAQ;IAAc,OAAO;IAAc;GACpD,CAAA;EACG,CAAA;AAIX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,GAAG,KAAK,qBACR,WACA,+CACD;EACD,OAAO;YAEP,oBAAC,QAAD;GACE,WAAU;GACV,OAAO;IAAE,QAAQ;IAAc,OAAO;IAAc;GACpD,CAAA;EACG,CAAA"}
+{"version":3,"file":"index.js","names":["React","cn","IProcessIconProps","size","type","ProcessIcon","t0","$","_c","t1","undefined","t2","height","width","iconStyle","t3","Math","round","innerDotSize","max","t4","t5","t6","t7","t8","t9"],"sources":["../../../../src/Steps/components/ProcessIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../../lib/utils';\n\ninterface IProcessIconProps {\n  size?: number;\n  type: 'process' | 'wait' | 'finish' | 'error';\n}\n\nexport function ProcessIcon({ size = 16, type }: IProcessIconProps) {\n  const baseClass =\n    'tw-flex tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]';\n  const iconStyle = { height: size, width: size };\n  const innerDotSize = Math.max(6, Math.round(size * 0.375));\n\n  if (type === 'finish')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-bg-[var(--border-brand-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <img\n          style={{\n            height: Math.round(size * 0.5),\n            width: Math.round(size * 0.625),\n          }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\"\n        />\n      </span>\n    );\n\n  if (type === 'error')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-bg-[var(--background-negative-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <img\n          style={{\n            height: Math.round(size * 0.625),\n            width: Math.round(size * 0.188),\n          }}\n          src=\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K\"\n        />\n      </span>\n    );\n\n  if (type === 'process')\n    return (\n      <span\n        className={cn(\n          `${type}-icon-box icon-box`,\n          baseClass,\n          'tw-relative tw-bg-[var(--border-brand-strong)]',\n        )}\n        style={iconStyle}\n      >\n        <span\n          className=\"tw-rounded-full tw-bg-[var(--background-default)]\"\n          style={{ height: innerDotSize, width: innerDotSize }}\n        />\n      </span>\n    );\n\n  // wait\n  return (\n    <span\n      className={cn(\n        `${type}-icon-box icon-box`,\n        baseClass,\n        'tw-relative tw-bg-[var(--content-secondary)]',\n      )}\n      style={iconStyle}\n    >\n      <span\n        className=\"tw-rounded-full tw-bg-[var(--background-default)]\"\n        style={{ height: innerDotSize, width: innerDotSize }}\n      />\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/Steps/components/ProcessIcon.d.ts

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

package/dist/Steps/components/ProcessIcon.js

@@ -0,0 +1 @@
+export * from './ProcessIcon/index.js';

package/dist/Steps/components/Step/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export type TStatus = 'wait' | 'process' | 'finish' | 'error';
 export interface IStepProps {
     description?: ReactNode;
@@ -6,4 +6,4 @@ export interface IStepProps {
     status?: TStatus;
     title?: ReactNode;
 }
-export declare function Step(props: IStepProps): import("react/jsx-runtime").JSX.Element;
+export declare function Step(props: IStepProps): React.JSX.Element;

package/dist/Steps/components/Step/index.js

@@ -1,26 +1,55 @@
 import { ProcessIcon } from "../ProcessIcon/index.js";
+import { c } from "react-compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Steps/components/Step/index.tsx
 function Step(props) {
+	const $ = c(10);
 	const { status } = props;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "ald-step",
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "ald-step-icon",
-				children: /* @__PURE__ */ jsx(ProcessIcon, { type: status || "wait" })
-			}),
-			props.title && /* @__PURE__ */ jsx("div", {
-				className: "ald-step-title",
-				children: props.title
-			}),
-			props.description && /* @__PURE__ */ jsx("div", {
-				className: "ald-step-description",
-				children: props.description
-			})
-		]
-	});
+	const t0 = status || "wait";
+	let t1;
+	if ($[0] !== t0) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "ald-step-icon",
+			children: /* @__PURE__ */ jsx(ProcessIcon, { type: t0 })
+		});
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== props.title) {
+		t2 = props.title && /* @__PURE__ */ jsx("div", {
+			className: "ald-step-title",
+			children: props.title
+		});
+		$[2] = props.title;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== props.description) {
+		t3 = props.description && /* @__PURE__ */ jsx("div", {
+			className: "ald-step-description",
+			children: props.description
+		});
+		$[4] = props.description;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "ald-step",
+			children: [
+				t1,
+				t2,
+				t3
+			]
+		});
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	return t4;
 }
 //#endregion
 export { Step };

package/dist/Steps/components/Step/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Steps/components/Step/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ProcessIcon } from '../ProcessIcon';\n\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepProps {\n  description?: ReactNode;\n  disabled?: boolean;\n  status?: TStatus;\n  title?: ReactNode;\n}\n\nexport function Step(props: IStepProps) {\n  const { status } = props;\n  return (\n    <div className=\"ald-step\">\n      <div className=\"ald-step-icon\">\n        <ProcessIcon type={status || 'wait'} />\n      </div>\n      {props.title && <div className=\"ald-step-title\">{props.title}</div>}\n      {props.description && (\n        <div className=\"ald-step-description\">{props.description}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AAYA,SAAgB,KAAK,OAAmB;CACtC,MAAM,EAAE,WAAW;AACnB,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,aAAD,EAAa,MAAM,UAAU,QAAU,CAAA;IACnC,CAAA;GACL,MAAM,SAAS,oBAAC,OAAD;IAAK,WAAU;cAAkB,MAAM;IAAY,CAAA;GAClE,MAAM,eACL,oBAAC,OAAD;IAAK,WAAU;cAAwB,MAAM;IAAkB,CAAA;GAE7D"}
+{"version":3,"file":"index.js","names":["React","ReactNode","ProcessIcon","TStatus","IStepProps","description","disabled","status","title","Step","props","$","_c","t0","t1","t2","t3","t4"],"sources":["../../../../src/Steps/components/Step/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { ProcessIcon } from '../ProcessIcon';\n\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepProps {\n  description?: ReactNode;\n  disabled?: boolean;\n  status?: TStatus;\n  title?: ReactNode;\n}\n\nexport function Step(props: IStepProps) {\n  const { status } = props;\n  return (\n    <div className=\"ald-step\">\n      <div className=\"ald-step-icon\">\n        <ProcessIcon type={status || 'wait'} />\n      </div>\n      {props.title && <div className=\"ald-step-title\">{props.title}</div>}\n      {props.description && (\n        <div className=\"ald-step-description\">{props.description}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAYA,SAAOS,KAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAL,WAAmBG;CAIM,MAAAG,KAAAN,UAAA;CAAgB,IAAAO;AAAA,KAAAH,EAAA,OAAAE,IAAA;AADrCC,OAAA,oBAAA,OAAA;GAAe,WAAA;aACb,oBAAC,aAAD,EAAmB,MAAAD,IACrB,CAAA;GAAM,CAAA;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAD,MAAAF,OAAA;AACLO,OAAAL,MAAKF,SAAU,oBAAA,OAAA;GAAe,WAAA;aAAkBE,MAAKF;GAAa,CAAA;AAAAG,IAAA,KAAAD,MAAAF;AAAAG,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAD,MAAAL,aAAA;AAClEW,OAAAN,MAAKL,eACJ,oBAAA,OAAA;GAAe,WAAA;aAAwBK,MAAKL;GAC7C,CAAA;AAAAM,IAAA,KAAAD,MAAAL;AAAAM,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,OAAAG,MAAAH,EAAA,OAAAI,MAAAJ,EAAA,OAAAK,IAAA;AAPHC,OAAA,qBAAA,OAAA;GAAe,WAAA;aAAf;IACEH;IAGCC;IACAC;IAGG;;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAM;OAAAA,MAAAN,EAAA;AAAA,QARNM"}

package/dist/Steps/components/Step.d.ts

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

package/dist/Steps/components/Step.js

@@ -0,0 +1 @@
+export * from './Step/index.js';

package/dist/Steps/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import { default as React, ReactElement, ReactNode } from 'react';
 import { IStepProps } from './components/Step.js';
 export type { IStepProps };
 export type TStatus = 'wait' | 'process' | 'finish' | 'error';
@@ -19,8 +19,8 @@ export interface IStepsProps {
     items?: IStepItem[];
     children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;
 }
-declare function Steps({ className, current: controlledCurrent, direction, defaultCurrent, status, items, children, }: IStepsProps): import("react/jsx-runtime").JSX.Element;
+declare function Steps({ className, current: controlledCurrent, direction, defaultCurrent, status, items, children, }: IStepsProps): React.JSX.Element;
 declare namespace Steps {
-    var Step: typeof import("./components/Step").Step;
+    var Step: typeof import("./components/Step.js").Step;
 }
 export default Steps;