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

package/dist/Steps/index.js

@@ -2,6 +2,7 @@ import { cn } from "../lib/utils.js";
 import { ELangType, LocaleContext } from "../locale/default.js";
 import { CustomDot } from "./components/CustomDot/index.js";
 import { Step } from "./components/Step/index.js";
+import { c } from "react-compiler-runtime";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Steps/index.tsx
@@ -30,121 +31,175 @@ var stepsA11yText = {
 		}
 	}
 };
-function Steps({ className, current: controlledCurrent, direction = "horizontal", defaultCurrent = 0, status, items, children }) {
-	const current = controlledCurrent ?? defaultCurrent;
+function Steps(t0) {
+	const $ = c(25);
+	const { className, current: controlledCurrent, direction: t1, defaultCurrent: t2, status, items, children } = t0;
+	const direction = t1 === void 0 ? "horizontal" : t1;
+	const current = controlledCurrent ?? (t2 === void 0 ? 0 : t2);
 	const accessibleIdPrefix = React.useId();
 	const { locale } = React.useContext(LocaleContext);
 	const a11yText = locale === ELangType.EN ? stepsA11yText[ELangType.EN] : stepsA11yText[ELangType.ZH_CN];
-	const resolvedItems = items || React.Children.toArray(children).filter(React.isValidElement).map((child) => ({
-		title: child.props.title,
-		description: child.props.description,
-		disabled: child.props.disabled,
-		status: child.props.status,
-		icon: child.props.icon
-	}));
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex", direction === "vertical" ? "ant-steps-vertical" : "ant-steps-horizontal", direction === "vertical" ? "tw-flex-col" : "tw-flex-row tw-items-start", className),
-		role: "list",
-		"aria-label": a11yText.workflowProgress,
-		children: resolvedItems.map((item, index) => {
-			const stepStatus = item.status || getStepStatus(index, current, status);
-			const isLast = index === resolvedItems.length - 1;
-			const titleId = `${accessibleIdPrefix}-step-${index}-title`;
-			const statusId = `${accessibleIdPrefix}-step-${index}-status`;
-			return /* @__PURE__ */ jsx("div", {
-				className: cn("ald-steps-item ant-steps-item tw-flex", direction === "horizontal" ? "tw-flex-1 tw-flex-col tw-items-center tw-text-center" : "tw-flex-row tw-gap-3 tw-py-2", `ald-steps-item-${stepStatus}`, `ant-steps-item-${stepStatus}`, item.disabled && "ald-steps-item-disabled tw-pointer-events-none tw-opacity-50", item.disabled && "ant-steps-item-disabled"),
-				role: "listitem",
-				"aria-current": index === current ? "step" : void 0,
-				"aria-labelledby": titleId,
-				"aria-describedby": statusId,
-				"aria-posinset": index + 1,
-				"aria-setsize": resolvedItems.length,
-				children: direction === "horizontal" ? /* @__PURE__ */ jsxs("div", {
-					className: "ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "tw-flex tw-w-full tw-items-center",
-						children: [
-							index > 0 && /* @__PURE__ */ jsx("div", {
-								className: cn("ant-steps-item-tail tw-flex-1", index <= current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
-								style: { height: 1.5 }
-							}),
-							/* @__PURE__ */ jsx("div", {
-								className: "ald-steps-item-icon ant-steps-item-icon tw-shrink-0",
+	let t3;
+	if ($[0] !== children || $[1] !== items) {
+		t3 = items || React.Children.toArray(children).filter(React.isValidElement).map(_temp);
+		$[0] = children;
+		$[1] = items;
+		$[2] = t3;
+	} else t3 = $[2];
+	const resolvedItems = t3;
+	const t4 = direction === "vertical" ? "ant-steps-vertical" : "ant-steps-horizontal";
+	const t5 = direction === "vertical" ? "tw-flex-col" : "tw-flex-row tw-items-start";
+	let t6;
+	if ($[3] !== className || $[4] !== t4 || $[5] !== t5) {
+		t6 = cn("ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex", t4, t5, className);
+		$[3] = className;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+	} else t6 = $[6];
+	const t7 = a11yText.workflowProgress;
+	let t8;
+	if ($[7] !== a11yText.status || $[8] !== accessibleIdPrefix || $[9] !== current || $[10] !== direction || $[11] !== resolvedItems || $[12] !== status) {
+		let t9;
+		if ($[14] !== a11yText.status || $[15] !== accessibleIdPrefix || $[16] !== current || $[17] !== direction || $[18] !== resolvedItems.length || $[19] !== status) {
+			t9 = (item, index) => {
+				const stepStatus = item.status || getStepStatus(index, current, status);
+				const isLast = index === resolvedItems.length - 1;
+				const titleId = `${accessibleIdPrefix}-step-${index}-title`;
+				const statusId = `${accessibleIdPrefix}-step-${index}-status`;
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("ald-steps-item ant-steps-item tw-flex", direction === "horizontal" ? "tw-flex-1 tw-flex-col tw-items-center tw-text-center" : "tw-flex-row tw-gap-3 tw-py-2", `ald-steps-item-${stepStatus}`, `ant-steps-item-${stepStatus}`, item.disabled && "ald-steps-item-disabled tw-pointer-events-none tw-opacity-50", item.disabled && "ant-steps-item-disabled"),
+					role: "listitem",
+					"aria-current": index === current ? "step" : void 0,
+					"aria-labelledby": titleId,
+					"aria-describedby": statusId,
+					"aria-posinset": index + 1,
+					"aria-setsize": resolvedItems.length,
+					children: direction === "horizontal" ? /* @__PURE__ */ jsxs("div", {
+						className: "ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "tw-flex tw-w-full tw-items-center",
+							children: [
+								index > 0 && /* @__PURE__ */ jsx("div", {
+									className: cn("ant-steps-item-tail tw-flex-1", index <= current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
+									style: { height: 1.5 }
+								}),
+								/* @__PURE__ */ jsx("div", {
+									className: "ald-steps-item-icon ant-steps-item-icon tw-shrink-0",
+									children: /* @__PURE__ */ jsx("span", {
+										className: "ant-steps-icon",
+										children: /* @__PURE__ */ jsx("span", {
+											className: "ant-steps-icon-dot",
+											children: item.icon || CustomDot(null, { status: stepStatus })
+										})
+									})
+								}),
+								!isLast && /* @__PURE__ */ jsx("div", {
+									className: cn(index === 0 && "ant-steps-item-tail", "tw-flex-1", index < current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
+									style: { height: 1.5 }
+								})
+							]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center",
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									id: titleId,
+									className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--content-tertiary)]", stepStatus === "process" && "tw-text-[var(--content-brand-primary)]", stepStatus === "wait" && "tw-text-[var(--content-primary)]", stepStatus === "error" && "tw-text-[var(--content-negative-secondary)]"),
+									children: item.title
+								}),
+								/* @__PURE__ */ jsx("span", {
+									id: statusId,
+									className: "tw-sr-only",
+									children: a11yText.status[stepStatus]
+								}),
+								item.description && /* @__PURE__ */ jsx("div", {
+									className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4", stepStatus === "finish" || stepStatus === "error" ? "tw-text-[var(--content-tertiary)]" : "tw-text-[var(--content-secondary)]"),
+									children: item.description
+								})
+							]
+						})]
+					}) : /* @__PURE__ */ jsxs("div", {
+						className: "ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center",
+							children: [!isLast && /* @__PURE__ */ jsx("div", {
+								className: cn("ald-steps-item-tail ant-steps-item-tail", index < current ? "ald-steps-item-tail-finish" : "ald-steps-item-tail-wait", "tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2", index < current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
+								style: {
+									width: 1.5,
+									bottom: -24
+								}
+							}), /* @__PURE__ */ jsx("div", {
+								className: "ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none",
 								children: /* @__PURE__ */ jsx("span", {
-									className: "ant-steps-icon",
+									className: "ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none",
 									children: /* @__PURE__ */ jsx("span", {
-										className: "ant-steps-icon-dot",
+										className: "ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center",
 										children: item.icon || CustomDot(null, { status: stepStatus })
 									})
 								})
-							}),
-							!isLast && /* @__PURE__ */ jsx("div", {
-								className: cn(index === 0 && "ant-steps-item-tail", "tw-flex-1", index < current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
-								style: { height: 1.5 }
-							})
-						]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								id: titleId,
-								className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--content-tertiary)]", stepStatus === "process" && "tw-text-[var(--content-brand-primary)]", stepStatus === "wait" && "tw-text-[var(--content-primary)]", stepStatus === "error" && "tw-text-[var(--content-negative-secondary)]"),
-								children: item.title
-							}),
-							/* @__PURE__ */ jsx("span", {
-								id: statusId,
-								className: "tw-sr-only",
-								children: a11yText.status[stepStatus]
-							}),
-							item.description && /* @__PURE__ */ jsx("div", {
-								className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4", stepStatus === "finish" || stepStatus === "error" ? "tw-text-[var(--content-tertiary)]" : "tw-text-[var(--content-secondary)]"),
-								children: item.description
-							})
-						]
-					})]
-				}) : /* @__PURE__ */ jsxs("div", {
-					className: "ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3",
-					children: [/* @__PURE__ */ jsxs("div", {
-						className: "ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center",
-						children: [!isLast && /* @__PURE__ */ jsx("div", {
-							className: cn("ald-steps-item-tail ant-steps-item-tail", index < current ? "ald-steps-item-tail-finish" : "ald-steps-item-tail-wait", "tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2", index < current ? "tw-bg-[var(--border-brand-strong)]" : "tw-bg-[var(--border-default)]"),
-							style: {
-								width: 1.5,
-								bottom: -24
-							}
-						}), /* @__PURE__ */ jsx("div", {
-							className: "ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none",
-							children: /* @__PURE__ */ jsx("span", {
-								className: "ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none",
-								children: /* @__PURE__ */ jsx("span", {
-									className: "ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center",
-									children: item.icon || CustomDot(null, { status: stepStatus })
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "ald-steps-item-content ant-steps-item-content",
+							children: [
+								/* @__PURE__ */ jsx("div", {
+									id: titleId,
+									className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--content-tertiary)]", stepStatus === "process" && "tw-text-[var(--content-brand-primary)]", stepStatus === "wait" && "tw-text-[var(--content-primary)]", stepStatus === "error" && "tw-text-[var(--content-negative-secondary)]"),
+									children: item.title
+								}),
+								/* @__PURE__ */ jsx("span", {
+									id: statusId,
+									className: "tw-sr-only",
+									children: a11yText.status[stepStatus]
+								}),
+								item.description && /* @__PURE__ */ jsx("div", {
+									className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]"),
+									children: item.description
 								})
-							})
+							]
 						})]
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "ald-steps-item-content ant-steps-item-content",
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								id: titleId,
-								className: cn("ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--content-tertiary)]", stepStatus === "process" && "tw-text-[var(--content-brand-primary)]", stepStatus === "wait" && "tw-text-[var(--content-primary)]", stepStatus === "error" && "tw-text-[var(--content-negative-secondary)]"),
-								children: item.title
-							}),
-							/* @__PURE__ */ jsx("span", {
-								id: statusId,
-								className: "tw-sr-only",
-								children: a11yText.status[stepStatus]
-							}),
-							item.description && /* @__PURE__ */ jsx("div", {
-								className: cn("ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]"),
-								children: item.description
-							})
-						]
-					})]
-				})
-			}, index);
-		})
-	});
+					})
+				}, index);
+			};
+			$[14] = a11yText.status;
+			$[15] = accessibleIdPrefix;
+			$[16] = current;
+			$[17] = direction;
+			$[18] = resolvedItems.length;
+			$[19] = status;
+			$[20] = t9;
+		} else t9 = $[20];
+		t8 = resolvedItems.map(t9);
+		$[7] = a11yText.status;
+		$[8] = accessibleIdPrefix;
+		$[9] = current;
+		$[10] = direction;
+		$[11] = resolvedItems;
+		$[12] = status;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[21] !== a11yText.workflowProgress || $[22] !== t6 || $[23] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t6,
+			role: "list",
+			"aria-label": t7,
+			children: t8
+		});
+		$[21] = a11yText.workflowProgress;
+		$[22] = t6;
+		$[23] = t8;
+		$[24] = t9;
+	} else t9 = $[24];
+	return t9;
+}
+function _temp(child) {
+	return {
+		title: child.props.title,
+		description: child.props.description,
+		disabled: child.props.disabled,
+		status: child.props.status,
+		icon: child.props.icon
+	};
 }
 Steps.Step = Step;
 //#endregion

package/dist/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { ELangType, LocaleContext } from '../locale/default';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\n/* eslint-disable i18n/no-chinese-character -- Steps accessibility copy stays local to this bounded component migration. */\nconst stepsA11yText = {\n  [ELangType.ZH_CN]: {\n    workflowProgress: '工作流进度',\n    status: {\n      finish: '已完成',\n      process: '进行中',\n      wait: '未开始',\n      error: '错误',\n    },\n  },\n  [ELangType.EN]: {\n    workflowProgress: 'Workflow progress',\n    status: {\n      finish: 'Completed',\n      process: 'In progress',\n      wait: 'Not started',\n      error: 'Error',\n    },\n  },\n};\n/* eslint-enable i18n/no-chinese-character */\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  const accessibleIdPrefix = React.useId();\n  const { locale } = React.useContext(LocaleContext);\n  const a11yText =\n    locale === ELangType.EN\n      ? stepsA11yText[ELangType.EN]\n      : stepsA11yText[ELangType.ZH_CN];\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n      role=\"list\"\n      aria-label={a11yText.workflowProgress}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n        const titleId = `${accessibleIdPrefix}-step-${index}-title`;\n        const statusId = `${accessibleIdPrefix}-step-${index}-status`;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n            role=\"listitem\"\n            aria-current={index === current ? 'step' : undefined}\n            aria-labelledby={titleId}\n            aria-describedby={statusId}\n            aria-posinset={index + 1}\n            aria-setsize={resolvedItems.length}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    id={titleId}\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  <span id={statusId} className=\"tw-sr-only\">\n                    {a11yText.status[stepStatus]}\n                  </span>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--content-tertiary)]'\n                          : 'tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    id={titleId}\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  <span id={statusId} className=\"tw-sr-only\">\n                    {a11yText.status[stepStatus]}\n                  </span>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","ReactElement","ReactNode","cn","ELangType","LocaleContext","CustomDot","IStepProps","Step","TStatus","IStepItem","description","disabled","icon","status","subTitle","title","IStepsProps","className","current","direction","defaultCurrent","items","children","getStepStatus","index","globalStatus","stepsA11yText","ZH_CN","workflowProgress","finish","process","wait","error","EN","Steps","t0","$","_c","controlledCurrent","t1","t2","undefined","accessibleIdPrefix","useId","locale","useContext","a11yText","t3","Children","toArray","filter","isValidElement","map","_temp","resolvedItems","t4","t5","t6","t7","t8","t9","length","item","stepStatus","isLast","titleId","statusId","height","width","bottom","child","props"],"sources":["../../src/Steps/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { ELangType, LocaleContext } from '../locale/default';\nimport { CustomDot } from './components/CustomDot';\nimport { IStepProps, Step } from './components/Step';\n\nexport type { IStepProps };\nexport type TStatus = 'wait' | 'process' | 'finish' | 'error';\n\nexport interface IStepItem {\n  description?: ReactNode;\n  disabled?: boolean;\n  icon?: ReactNode;\n  status?: TStatus;\n  subTitle?: ReactNode;\n  title: ReactNode;\n}\n\nexport interface IStepsProps {\n  className?: string;\n  current?: number;\n  direction?: 'horizontal' | 'vertical';\n  defaultCurrent?: number;\n  status?: TStatus;\n  items?: IStepItem[];\n  children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;\n}\n\nfunction getStepStatus(\n  index: number,\n  current: number,\n  globalStatus?: TStatus,\n): TStatus {\n  if (index < current) return 'finish';\n  if (index === current) return globalStatus || 'process';\n  return 'wait';\n}\n\n/* eslint-disable i18n/no-chinese-character -- Steps accessibility copy stays local to this bounded component migration. */\nconst stepsA11yText = {\n  [ELangType.ZH_CN]: {\n    workflowProgress: '工作流进度',\n    status: {\n      finish: '已完成',\n      process: '进行中',\n      wait: '未开始',\n      error: '错误',\n    },\n  },\n  [ELangType.EN]: {\n    workflowProgress: 'Workflow progress',\n    status: {\n      finish: 'Completed',\n      process: 'In progress',\n      wait: 'Not started',\n      error: 'Error',\n    },\n  },\n};\n/* eslint-enable i18n/no-chinese-character */\n\nfunction Steps({\n  className,\n  current: controlledCurrent,\n  direction = 'horizontal',\n  defaultCurrent = 0,\n  status,\n  items,\n  children,\n}: IStepsProps) {\n  const current = controlledCurrent ?? defaultCurrent;\n  const accessibleIdPrefix = React.useId();\n  const { locale } = React.useContext(LocaleContext);\n  const a11yText =\n    locale === ELangType.EN\n      ? stepsA11yText[ELangType.EN]\n      : stepsA11yText[ELangType.ZH_CN];\n  // Support children-based API: convert children to items\n  const resolvedItems: IStepItem[] =\n    items ||\n    React.Children.toArray(children)\n      .filter(React.isValidElement)\n      .map((child: any) => ({\n        title: child.props.title,\n        description: child.props.description,\n        disabled: child.props.disabled,\n        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps ant-steps ant-steps-dot ant-steps-label-vertical tw-flex',\n        direction === 'vertical'\n          ? 'ant-steps-vertical'\n          : 'ant-steps-horizontal',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n      role=\"list\"\n      aria-label={a11yText.workflowProgress}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n        const titleId = `${accessibleIdPrefix}-step-${index}-title`;\n        const statusId = `${accessibleIdPrefix}-step-${index}-status`;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-steps-item ant-steps-item tw-flex',\n              direction === 'horizontal'\n                ? 'tw-flex-1 tw-flex-col tw-items-center tw-text-center'\n                : 'tw-flex-row tw-gap-3 tw-py-2',\n              `ald-steps-item-${stepStatus}`,\n              `ant-steps-item-${stepStatus}`,\n              item.disabled &&\n                'ald-steps-item-disabled tw-pointer-events-none tw-opacity-50',\n              item.disabled && 'ant-steps-item-disabled',\n            )}\n            role=\"listitem\"\n            aria-current={index === current ? 'step' : undefined}\n            aria-labelledby={titleId}\n            aria-describedby={statusId}\n            aria-posinset={index + 1}\n            aria-setsize={resolvedItems.length}\n          >\n            {direction === 'horizontal' ? (\n              <div className=\"ant-steps-item-container tw-flex tw-w-full tw-flex-col tw-items-center\">\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'ant-steps-item-tail tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-shrink-0\">\n                    <span className=\"ant-steps-icon\">\n                      <span className=\"ant-steps-icon-dot\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        index === 0 && 'ant-steps-item-tail',\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    id={titleId}\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  <span id={statusId} className=\"tw-sr-only\">\n                    {a11yText.status[stepStatus]}\n                  </span>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4',\n                        stepStatus === 'finish' || stepStatus === 'error'\n                          ? 'tw-text-[var(--content-tertiary)]'\n                          : 'tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            ) : (\n              <div className=\"ant-steps-item-container tw-flex tw-min-h-16 tw-flex-row tw-gap-3\">\n                <div className=\"ald-steps-item-axis tw-relative tw-flex tw-w-4 tw-shrink-0 tw-justify-center\">\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'ald-steps-item-tail ant-steps-item-tail',\n                        index < current\n                          ? 'ald-steps-item-tail-finish'\n                          : 'ald-steps-item-tail-wait',\n                        'tw-absolute tw-left-1/2 tw-top-2 tw-z-0 tw--translate-x-1/2',\n                        index < current\n                          ? 'tw-bg-[var(--border-brand-strong)]'\n                          : 'tw-bg-[var(--border-default)]',\n                      )}\n                      style={{ width: 1.5, bottom: -24 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon ant-steps-item-icon tw-relative tw-z-[1] tw-flex tw-size-4 tw-shrink-0 tw-items-center tw-justify-center tw-leading-none\">\n                    <span className=\"ant-steps-icon tw-flex tw-size-4 tw-items-center tw-justify-center tw-leading-none\">\n                      <span className=\"ant-steps-icon-dot tw-flex tw-size-4 tw-items-center tw-justify-center\">\n                        {item.icon || CustomDot(null, { status: stepStatus })}\n                      </span>\n                    </span>\n                  </div>\n                </div>\n                {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n                <div className=\"ald-steps-item-content ant-steps-item-content\">\n                  <div\n                    id={titleId}\n                    className={cn(\n                      // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                      'ald-steps-item-title ant-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--content-tertiary)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--content-brand-primary)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--content-primary)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--content-negative-secondary)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  <span id={statusId} className=\"tw-sr-only\">\n                    {a11yText.status[stepStatus]}\n                  </span>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n                        'ald-steps-item-description ant-steps-item-description tw-mt-1 tw-max-w-[264px] tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":"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"}

package/dist/Steps.js

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

package/dist/Switch/index.js

@@ -2,6 +2,7 @@ import { cn } from "../lib/utils.js";
 import DisabledContext from "../ConfigProvider/DisabledContext.js";
 import SizeContext from "../ConfigProvider/sizeContext.js";
 import { getSemanticOwnerAriaProps } from "../_utils/formControlSemanticOwner.js";
+import { c } from "react-compiler-runtime";
 import React, { useContext, useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Switch/index.tsx
@@ -22,73 +23,182 @@ var switchSizeConfig = {
 		thumbSize: 8
 	}
 };
-var Switch = ({ className = "", disabled: customDisabled, loading = false, size: customSize, checked, defaultChecked, onChange, onClick, children, "data-testid": dataTestid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, "aria-busy": ariaBusy }) => {
+var Switch = (t0) => {
+	const $ = c(51);
+	const { className: t1, disabled: customDisabled, loading: t2, size: customSize, checked, defaultChecked, onChange, onClick, children, "data-testid": dataTestid, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-required": ariaRequired, "aria-busy": ariaBusy } = t0;
+	const className = t1 === void 0 ? "" : t1;
+	const loading = t2 === void 0 ? false : t2;
 	const contentSize = useContext(SizeContext);
 	const size = customSize || contentSize || "middle";
 	const [userChecked, setUserChecked] = useState(typeof checked === "undefined" ? defaultChecked : checked);
 	const switchLabelId = React.useId();
 	const disabled = useContext(DisabledContext);
 	const currentDisabled = loading ? true : customDisabled ?? disabled;
-	useEffect(() => {
-		if (typeof checked === "boolean") setUserChecked(checked);
-	}, [checked]);
-	const handleClick = (e) => {
-		if (currentDisabled) return;
-		const newChecked = !userChecked;
-		if (checked === void 0) setUserChecked(newChecked);
-		onChange?.(newChecked, e);
-		onClick?.(newChecked, e);
-	};
+	let t3;
+	let t4;
+	if ($[0] !== checked) {
+		t3 = () => {
+			if (typeof checked === "boolean") setUserChecked(checked);
+		};
+		t4 = [checked];
+		$[0] = checked;
+		$[1] = t3;
+		$[2] = t4;
+	} else {
+		t3 = $[1];
+		t4 = $[2];
+	}
+	useEffect(t3, t4);
+	let t5;
+	if ($[3] !== checked || $[4] !== currentDisabled || $[5] !== onChange || $[6] !== onClick || $[7] !== userChecked) {
+		t5 = (e) => {
+			if (currentDisabled) return;
+			const newChecked = !userChecked;
+			if (checked === void 0) setUserChecked(newChecked);
+			onChange?.(newChecked, e);
+			onClick?.(newChecked, e);
+		};
+		$[3] = checked;
+		$[4] = currentDisabled;
+		$[5] = onChange;
+		$[6] = onClick;
+		$[7] = userChecked;
+		$[8] = t5;
+	} else t5 = $[8];
+	const handleClick = t5;
 	const { trackW, trackH, thumbSize } = switchSizeConfig[size];
-	const thumbOffset = 2;
-	const thumbTranslate = trackW - thumbSize - thumbOffset * 2;
+	const thumbTranslate = trackW - thumbSize - 4;
 	const generatedLabelledBy = ariaLabelledBy || (!ariaLabel && children != null ? switchLabelId : void 0);
-	return /* @__PURE__ */ jsxs("span", {
-		className: cn(className, "ald-switch tw-inline-flex tw-items-center tw-gap-1.5 tw-text-[0]", `ald-switch-${size}`, currentDisabled && "tw-pointer-events-none tw-cursor-default", {
+	const t6 = `ald-switch-${size}`;
+	const t7 = currentDisabled && "tw-pointer-events-none tw-cursor-default";
+	let t8;
+	if ($[9] !== className || $[10] !== currentDisabled || $[11] !== t6 || $[12] !== t7 || $[13] !== userChecked) {
+		t8 = cn(className, "ald-switch tw-inline-flex tw-items-center tw-gap-1.5 tw-text-[0]", t6, t7, {
 			"ald-switch-disabled": currentDisabled,
 			"ald-switch-checked": userChecked
-		}),
-		children: [/* @__PURE__ */ jsx("button", {
+		});
+		$[9] = className;
+		$[10] = currentDisabled;
+		$[11] = t6;
+		$[12] = t7;
+		$[13] = userChecked;
+		$[14] = t8;
+	} else t8 = $[14];
+	const t9 = !!userChecked;
+	const t10 = loading || ariaBusy || void 0;
+	let t11;
+	if ($[15] !== ariaDescribedBy || $[16] !== ariaInvalid || $[17] !== ariaLabel || $[18] !== ariaRequired || $[19] !== generatedLabelledBy || $[20] !== t10) {
+		t11 = getSemanticOwnerAriaProps({
+			"aria-label": ariaLabel,
+			"aria-labelledby": generatedLabelledBy,
+			"aria-describedby": ariaDescribedBy,
+			"aria-invalid": ariaInvalid,
+			"aria-required": ariaRequired,
+			"aria-busy": t10
+		});
+		$[15] = ariaDescribedBy;
+		$[16] = ariaInvalid;
+		$[17] = ariaLabel;
+		$[18] = ariaRequired;
+		$[19] = generatedLabelledBy;
+		$[20] = t10;
+		$[21] = t11;
+	} else t11 = $[21];
+	const t12 = userChecked ? "tw-bg-[var(--control-state-selected)]" : "tw-bg-[var(--control-state-unselected)]";
+	let t13;
+	if ($[22] !== currentDisabled || $[23] !== t12) {
+		t13 = cn("ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200", t12, !currentDisabled && [
+			"focus-visible:tw-shadow-[0_0_0_2px_var(--focus-ring)]",
+			"forced-colors:focus-visible:tw-outline",
+			"forced-colors:focus-visible:tw-outline-2",
+			"forced-colors:focus-visible:tw-outline-offset-2",
+			"forced-colors:focus-visible:tw-outline-[Highlight]"
+		], currentDisabled && "tw-cursor-not-allowed tw-opacity-40");
+		$[22] = currentDisabled;
+		$[23] = t12;
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== trackH || $[26] !== trackW) {
+		t14 = {
+			width: trackW,
+			height: trackH
+		};
+		$[25] = trackH;
+		$[26] = trackW;
+		$[27] = t14;
+	} else t14 = $[27];
+	let t15;
+	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = cn("tw-block tw-rounded-full tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-sm)] tw-transition-transform tw-duration-200");
+		$[28] = t15;
+	} else t15 = $[28];
+	const t16 = userChecked ? `translateX(${thumbTranslate}px)` : "translateX(0)";
+	let t17;
+	if ($[29] !== t16 || $[30] !== thumbSize) {
+		t17 = /* @__PURE__ */ jsx("span", {
+			className: t15,
+			style: {
+				width: thumbSize,
+				height: thumbSize,
+				marginLeft: 2,
+				transform: t16
+			}
+		});
+		$[29] = t16;
+		$[30] = thumbSize;
+		$[31] = t17;
+	} else t17 = $[31];
+	let t18;
+	if ($[32] !== currentDisabled || $[33] !== dataTestid || $[34] !== handleClick || $[35] !== t11 || $[36] !== t13 || $[37] !== t14 || $[38] !== t17 || $[39] !== t9) {
+		t18 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			role: "switch",
-			"aria-checked": !!userChecked,
+			"aria-checked": t9,
 			"data-testid": dataTestid,
-			...getSemanticOwnerAriaProps({
-				"aria-label": ariaLabel,
-				"aria-labelledby": generatedLabelledBy,
-				"aria-describedby": ariaDescribedBy,
-				"aria-invalid": ariaInvalid,
-				"aria-required": ariaRequired,
-				"aria-busy": loading || ariaBusy || void 0
-			}),
+			...t11,
 			disabled: currentDisabled,
-			className: cn("ald-switch-btn tw-relative tw-inline-flex tw-cursor-pointer tw-items-center tw-rounded-full tw-border-0 tw-p-0 tw-transition-colors tw-duration-200", userChecked ? "tw-bg-[var(--control-state-selected)]" : "tw-bg-[var(--control-state-unselected)]", !currentDisabled && [
-				"focus-visible:tw-shadow-[0_0_0_2px_var(--focus-ring)]",
-				"forced-colors:focus-visible:tw-outline",
-				"forced-colors:focus-visible:tw-outline-2",
-				"forced-colors:focus-visible:tw-outline-offset-2",
-				"forced-colors:focus-visible:tw-outline-[Highlight]"
-			], currentDisabled && "tw-cursor-not-allowed tw-opacity-40"),
-			style: {
-				width: trackW,
-				height: trackH
-			},
+			className: t13,
+			style: t14,
 			onClick: handleClick,
-			children: /* @__PURE__ */ jsx("span", {
-				className: cn("tw-block tw-rounded-full tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-sm)] tw-transition-transform tw-duration-200"),
-				style: {
-					width: thumbSize,
-					height: thumbSize,
-					marginLeft: thumbOffset,
-					transform: userChecked ? `translateX(${thumbTranslate}px)` : "translateX(0)"
-				}
-			})
-		}), children && /* @__PURE__ */ jsx("span", {
+			children: t17
+		});
+		$[32] = currentDisabled;
+		$[33] = dataTestid;
+		$[34] = handleClick;
+		$[35] = t11;
+		$[36] = t13;
+		$[37] = t14;
+		$[38] = t17;
+		$[39] = t9;
+		$[40] = t18;
+	} else t18 = $[40];
+	let t19;
+	if ($[41] !== children || $[42] !== currentDisabled || $[43] !== generatedLabelledBy || $[44] !== size || $[45] !== switchLabelId) {
+		t19 = children && /* @__PURE__ */ jsx("span", {
 			id: generatedLabelledBy === switchLabelId ? switchLabelId : void 0,
 			className: cn("ald-switch-text tw-inline-flex tw-items-center tw-align-middle tw-text-[var(--content-primary)]", size === "large" && "tw-h-5 tw-text-base tw-leading-5", size === "middle" && "tw-h-4 tw-text-sm tw-leading-4", size === "small" && "tw-h-3 tw-text-xs tw-leading-3", currentDisabled && "tw-opacity-50"),
 			children
-		})]
-	});
+		});
+		$[41] = children;
+		$[42] = currentDisabled;
+		$[43] = generatedLabelledBy;
+		$[44] = size;
+		$[45] = switchLabelId;
+		$[46] = t19;
+	} else t19 = $[46];
+	let t20;
+	if ($[47] !== t18 || $[48] !== t19 || $[49] !== t8) {
+		t20 = /* @__PURE__ */ jsxs("span", {
+			className: t8,
+			children: [t18, t19]
+		});
+		$[47] = t18;
+		$[48] = t19;
+		$[49] = t8;
+		$[50] = t20;
+	} else t20 = $[50];
+	return t20;
 };
 //#endregion
 export { Switch as default };