@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/StatusLight/index.js

@@ -1,59 +1,74 @@
-import classNames from 'classnames';
-import React from 'react';
-import { AttentionCircleFill, CancelledCircleFill, CheckCircleFill, CloseCircleFill, InProgressFill } from "../Icon";
-function StatusLight(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'middle' : _ref$size,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? 'dot' : _ref$style,
-    dotColor = _ref.dotColor,
-    icon = _ref.icon,
-    text = _ref.text,
-    _ref$status = _ref.status,
-    status = _ref$status === void 0 ? 'info' : _ref$status,
-    className = _ref.className;
-  var getIcon = function getIcon() {
-    if (icon) return icon;
-    var iconSize = size === 'middle' ? 20 : 16;
-    switch (status) {
-      case 'info':
-        return /*#__PURE__*/React.createElement(InProgressFill, {
-          color: "var(--non-semantic-background-blue-strong)",
-          size: iconSize
-        });
-      case 'neutral':
-        return /*#__PURE__*/React.createElement(CancelledCircleFill, {
-          color: "var(--non-semantic-background-grey-strong)",
-          size: iconSize
-        });
-      case 'danger':
-        return /*#__PURE__*/React.createElement(CloseCircleFill, {
-          color: "var(--non-semantic-background-red-strong)",
-          size: iconSize
-        });
-      case 'success':
-        return /*#__PURE__*/React.createElement(CheckCircleFill, {
-          color: "var(--non-semantic-background-green-strong)",
-          size: iconSize
-        });
-      case 'warning':
-        return /*#__PURE__*/React.createElement(AttentionCircleFill, {
-          color: "var(--non-semantic-background-orange-strong)",
-          size: iconSize
-        });
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('ald-status-light', "ald-status-light-".concat(size), "ald-status-light-".concat(status), className)
-  }, style === 'dot' && /*#__PURE__*/React.createElement("div", {
-    className: "ald-prefix-dot",
-    style: dotColor ? {
-      backgroundColor: dotColor
-    } : undefined
-  }), style === 'icon' && /*#__PURE__*/React.createElement("div", {
-    className: "ald-prefix-icon"
-  }, getIcon()), /*#__PURE__*/React.createElement("div", {
-    className: "ald-text"
-  }, text));
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/AttentionCircleFill.js";
+import Memo$1 from "../Icon/components/CancelledCircleFill.js";
+import Memo$2 from "../Icon/components/CheckCircleFill.js";
+import Memo$3 from "../Icon/components/CloseCircleFill.js";
+import Memo$4 from "../Icon/components/InProgressFill.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/StatusLight/index.tsx
+var statusDotColors = {
+	info: "var(--non-semantic-background-blue-strong)",
+	neutral: "var(--non-semantic-background-grey-strong)",
+	danger: "var(--non-semantic-background-red-strong)",
+	success: "var(--non-semantic-background-green-strong)",
+	warning: "var(--non-semantic-background-orange-strong)"
+};
+var statusTextColors = {
+	info: "var(--non-semantic-content-blue-primary)",
+	neutral: "var(--non-semantic-content-grey-primary)",
+	danger: "var(--non-semantic-content-red-primary)",
+	success: "var(--non-semantic-content-green-primary)",
+	warning: "var(--non-semantic-content-orange-primary)"
+};
+function StatusLight({ size = "middle", style = "dot", dotColor, icon, text, status = "info", className }) {
+	const getIcon = () => {
+		if (icon) return icon;
+		const iconSize = size === "middle" ? 20 : 16;
+		switch (status) {
+			case "info": return /* @__PURE__ */ jsx(Memo$4, {
+				color: "var(--non-semantic-background-blue-strong)",
+				size: iconSize
+			});
+			case "neutral": return /* @__PURE__ */ jsx(Memo$1, {
+				color: "var(--non-semantic-background-grey-strong)",
+				size: iconSize
+			});
+			case "danger": return /* @__PURE__ */ jsx(Memo$3, {
+				color: "var(--non-semantic-background-red-strong)",
+				size: iconSize
+			});
+			case "success": return /* @__PURE__ */ jsx(Memo$2, {
+				color: "var(--non-semantic-background-green-strong)",
+				size: iconSize
+			});
+			case "warning": return /* @__PURE__ */ jsx(Memo, {
+				color: "var(--non-semantic-background-orange-strong)",
+				size: iconSize
+			});
+		}
+	};
+	const isSmall = size === "small";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start", `ald-status-light-${size}`, `ald-status-light-${status}`, isSmall ? "tw-gap-1" : "tw-gap-[6px]", className),
+		children: [
+			style === "dot" && /* @__PURE__ */ jsx("div", {
+				className: cn("ald-prefix-dot tw-shrink-0 tw-rounded-full", isSmall ? "tw-size-[var(--global-grid-75)]" : "tw-size-[var(--global-grid-100)]"),
+				style: { backgroundColor: dotColor || statusDotColors[status] }
+			}),
+			style === "icon" && /* @__PURE__ */ jsx("div", {
+				className: "ald-prefix-icon tw-flex tw-h-full tw-items-center",
+				children: getIcon()
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: cn("ald-text tw-font-normal", isSmall ? "tw-text-xs tw-leading-4" : "tw-text-sm tw-leading-5"),
+				style: { color: statusTextColors[status] },
+				children: text
+			})
+		]
+	});
 }
-export default StatusLight;
+//#endregion
+export { StatusLight as default };
+
+//# sourceMappingURL=index.js.map

package/dist/StatusLight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/StatusLight/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AttentionCircleFill,\n  CancelledCircleFill,\n  CheckCircleFill,\n  CloseCircleFill,\n  InProgressFill,\n} from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface IProps {\n  size?: 'middle' | 'small';\n  style?: 'dot' | 'icon';\n  dotColor?: string;\n  icon?: React.ReactNode;\n  text: string;\n  status?: 'info' | 'neutral' | 'danger' | 'success' | 'warning';\n  className?: string;\n}\n\nconst statusDotColors: Record<string, string> = {\n  info: 'var(--non-semantic-background-blue-strong)',\n  neutral: 'var(--non-semantic-background-grey-strong)',\n  danger: 'var(--non-semantic-background-red-strong)',\n  success: 'var(--non-semantic-background-green-strong)',\n  warning: 'var(--non-semantic-background-orange-strong)',\n};\n\nconst statusTextColors: Record<string, string> = {\n  info: 'var(--non-semantic-content-blue-primary)',\n  neutral: 'var(--non-semantic-content-grey-primary)',\n  danger: 'var(--non-semantic-content-red-primary)',\n  success: 'var(--non-semantic-content-green-primary)',\n  warning: 'var(--non-semantic-content-orange-primary)',\n};\n\nfunction StatusLight({\n  size = 'middle',\n  style = 'dot',\n  dotColor,\n  icon,\n  text,\n  status = 'info',\n  className,\n}: IProps) {\n  const getIcon = () => {\n    if (icon) return icon;\n\n    const iconSize = size === 'middle' ? 20 : 16;\n\n    switch (status) {\n      case 'info':\n        return (\n          <InProgressFill\n            color=\"var(--non-semantic-background-blue-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'neutral':\n        return (\n          <CancelledCircleFill\n            color=\"var(--non-semantic-background-grey-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'danger':\n        return (\n          <CloseCircleFill\n            color=\"var(--non-semantic-background-red-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'success':\n        return (\n          <CheckCircleFill\n            color=\"var(--non-semantic-background-green-strong)\"\n            size={iconSize}\n          />\n        );\n      case 'warning':\n        return (\n          <AttentionCircleFill\n            color=\"var(--non-semantic-background-orange-strong)\"\n            size={iconSize}\n          />\n        );\n    }\n  };\n\n  const isSmall = size === 'small';\n\n  return (\n    <div\n      className={cn(\n        'ald-status-light tw-flex tw-cursor-default tw-items-center tw-justify-start',\n        `ald-status-light-${size}`,\n        `ald-status-light-${status}`,\n        isSmall ? 'tw-gap-1' : 'tw-gap-[6px]',\n        className,\n      )}\n    >\n      {style === 'dot' && (\n        <div\n          className={cn(\n            'ald-prefix-dot tw-shrink-0 tw-rounded-full',\n            isSmall\n              ? 'tw-size-[var(--global-grid-75)]'\n              : 'tw-size-[var(--global-grid-100)]',\n          )}\n          style={{\n            backgroundColor: dotColor || statusDotColors[status],\n          }}\n        />\n      )}\n      {style === 'icon' && (\n        <div className=\"ald-prefix-icon tw-flex tw-h-full tw-items-center\">\n          {getIcon()}\n        </div>\n      )}\n      <div\n        className={cn(\n          'ald-text tw-font-normal',\n          isSmall ? 'tw-text-xs tw-leading-4' : 'tw-text-sm tw-leading-5',\n        )}\n        style={{ color: statusTextColors[status] }}\n      >\n        {text}\n      </div>\n    </div>\n  );\n}\n\nexport default StatusLight;\n"],"mappings":";;;;;;;;;AAoBA,IAAM,kBAA0C;CAC9C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,IAAM,mBAA2C;CAC/C,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,SAAS,YAAY,EACnB,OAAO,UACP,QAAQ,OACR,UACA,MACA,MACA,SAAS,QACT,aACS;CACT,MAAM,gBAAgB;AACpB,MAAI,KAAM,QAAO;EAEjB,MAAM,WAAW,SAAS,WAAW,KAAK;AAE1C,UAAQ,QAAR;GACE,KAAK,OACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,SACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,QAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;GAEN,KAAK,UACH,QACE,oBAAC,MAAD;IACE,OAAM;IACN,MAAM;IACN,CAAA;;;CAKV,MAAM,UAAU,SAAS;AAEzB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,+EACA,oBAAoB,QACpB,oBAAoB,UACpB,UAAU,aAAa,gBACvB,UACD;YAPH;GASG,UAAU,SACT,oBAAC,OAAD;IACE,WAAW,GACT,8CACA,UACI,oCACA,mCACL;IACD,OAAO,EACL,iBAAiB,YAAY,gBAAgB,SAC9C;IACD,CAAA;GAEH,UAAU,UACT,oBAAC,OAAD;IAAK,WAAU;cACZ,SAAS;IACN,CAAA;GAER,oBAAC,OAAD;IACE,WAAW,GACT,2BACA,UAAU,4BAA4B,0BACvC;IACD,OAAO,EAAE,OAAO,iBAAiB,SAAS;cAEzC;IACG,CAAA;GACF"}

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

@@ -1,2 +1,4 @@
-import { StepsProps } from 'antd';
-export declare const CustomDot: StepsProps['progressDot'];
+import { default as React } from 'react';
+export declare const CustomDot: (_dot: React.ReactNode, { status }: {
+    status: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,2 @@
-import React from 'react';
-import { ProcessIcon } from "../ProcessIcon";
-export var CustomDot = function CustomDot(dot, _ref) {
-  var status = _ref.status;
-  return /*#__PURE__*/React.createElement(ProcessIcon, {
-    type: status
-  });
-};
+// type-only module stub
+export {};

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

@@ -1,6 +1,5 @@
-import { default as React } from 'react';
 interface IProcessIconProps {
     type: 'process' | 'wait' | 'finish' | 'error';
 }
-export declare function ProcessIcon({ type }: IProcessIconProps): React.JSX.Element;
+export declare function ProcessIcon({ type }: IProcessIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,24 +1,39 @@
-import classNames from 'classnames';
-import { default as React } from 'react';
-export function ProcessIcon(_ref) {
-  var type = _ref.type;
-  if (type === 'finish') return /*#__PURE__*/React.createElement("span", {
-    className: classNames("".concat(type, "-icon-box"), 'icon-box')
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
-  }));
-  if (type === 'error') {
-    return /*#__PURE__*/React.createElement("span", {
-      className: classNames("".concat(type, "-icon-box"), 'icon-box')
-    }, /*#__PURE__*/React.createElement("img", {
-      style: {
-        width: 16,
-        height: 16
-      },
-      src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Il9CYXNlX0luZGljYXRvciI+CjxwYXRoIGlkPSJPdmFsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaIiBmaWxsPSIjRUY0NDQ0Ii8+CjxwYXRoIGlkPSJJY29uIiBkPSJNNy4yODEyNSAzSDguOTY4NzVWOS41SDcuMjgxMjVWM1pNOC4xMjUgMTNDNy45MDI1IDEzIDcuNjg0OTkgMTIuOTM0IDcuNDk5OTggMTIuODEwNEM3LjMxNDk4IDEyLjY4NjggNy4xNzA3OCAxMi41MTExIDcuMDg1NjQgMTIuMzA1NUM3LjAwMDQ5IDEyLjEgNi45NzgyMSAxMS44NzM4IDcuMDIxNjIgMTEuNjU1NUM3LjA2NTAzIDExLjQzNzMgNy4xNzIxNyAxMS4yMzY4IDcuMzI5NTEgMTEuMDc5NUM3LjQ4Njg0IDEwLjkyMjIgNy42ODczIDEwLjgxNSA3LjkwNTUyIDEwLjc3MTZDOC4xMjM3NSAxMC43MjgyIDguMzQ5OTUgMTAuNzUwNSA4LjU1NTUyIDEwLjgzNTZDOC43NjEwOSAxMC45MjA4IDguOTM2NzkgMTEuMDY1IDkuMDYwNCAxMS4yNUM5LjE4NDAyIDExLjQzNSA5LjI1IDExLjY1MjUgOS4yNSAxMS44NzVDOS4yNSAxMi4xNzM0IDkuMTMxNDcgMTIuNDU5NSA4LjkyMDUgMTIuNjcwNUM4LjcwOTUyIDEyLjg4MTUgOC40MjMzNyAxMyA4LjEyNSAxM1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg=="
-    }));
-  }
-  return /*#__PURE__*/React.createElement("span", {
-    className: classNames("".concat(type, "-icon-box"), 'icon-box')
-  });
-}
+import { cn } from "../../../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Steps/components/ProcessIcon/index.tsx
+function ProcessIcon({ type }) {
+	const baseClass = "tw-flex tw-size-4 tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]";
+	if (type === "finish") return /* @__PURE__ */ jsx("span", {
+		className: cn(baseClass, "tw-bg-[var(--interaction-default-hover)]"),
+		children: /* @__PURE__ */ jsx("img", {
+			style: {
+				width: 10,
+				height: 8
+			},
+			src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDExIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjc1IDcuOTQzMjVMMCA0LjE5MzI1TDEuMTkzMjUgM0wzLjc1IDUuNTU2NzVMOS4zMDc1IDBMMTAuNTAzNyAxLjE4ODc1TDMuNzUgNy45NDMyNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
+		})
+	});
+	if (type === "error") return /* @__PURE__ */ jsx("span", {
+		className: cn(baseClass, "tw-bg-[var(--background-negative-strong,#ef4444)]"),
+		children: /* @__PURE__ */ jsx("img", {
+			style: {
+				width: 3,
+				height: 10
+			},
+			src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1IDBIMS45Njg3NVY2LjVIMC4yODEyNVYwWk0xLjEyNSAxMEMwLjkwMjUgMTAgMC42ODQ5OSA5LjkzNDA0IDAuNDk5OTggOS44MTA0MkMwLjMxNDk4IDkuNjg2OCAwLjE3MDc4IDkuNTExMTMgMC4wODU2NCA5LjMwNTU1QzAuMDAwNDkgOS4wOTk5OCAtMC4wMjE3OSA4Ljg3Mzc4IDAuMDIxNjIgOC42NTU1NUMwLjA2NTAzIDguNDM3MzIgMC4xNzIxNyA4LjIzNjg0IDAuMzI5NTEgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODczIDcuODE1MDQgMC45MDU1MiA3Ljc3MTYzQzEuMTIzNzUgNy43MjgyMiAxLjM0OTk1IDcuNzUwNTEgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjVDMi4xODQwMiA4LjQzNTAyIDIuMjUgOC42NTI1MSAyLjI1IDguODc1QzIuMjUgOS4xNzMzNyAyLjEzMTQ3IDkuNDU5NTIgMS45MjA1IDkuNjcwNDlDMS43MDk1MiA5Ljg4MTQ3IDEuNDIzMzcgMTAgMS4xMjUgMTBaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"
+		})
+	});
+	if (type === "process") return /* @__PURE__ */ jsx("span", {
+		className: cn(baseClass, "tw-relative tw-bg-[var(--interaction-default-hover)]"),
+		children: /* @__PURE__ */ jsx("span", { className: "tw-size-1.5 tw-rounded-full tw-bg-white" })
+	});
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(baseClass, "tw-relative tw-bg-[var(--alias-colors-icon-subtle)]"),
+		children: /* @__PURE__ */ jsx("span", { className: "tw-size-1.5 tw-rounded-full tw-bg-[var(--background-default)]" })
+	});
+}
+//#endregion
+export { ProcessIcon };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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  type: 'process' | 'wait' | 'finish' | 'error';\n}\n\nexport function ProcessIcon({ type }: IProcessIconProps) {\n  const baseClass =\n    'tw-flex tw-size-4 tw-items-center tw-justify-center tw-rounded-full tw-bg-[var(--background-default)]';\n\n  if (type === 'finish')\n    return (\n      <span\n        className={cn(baseClass, 'tw-bg-[var(--interaction-default-hover)]')}\n      >\n        <img\n          style={{ width: 10, height: 8 }}\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          baseClass,\n          'tw-bg-[var(--background-negative-strong,#ef4444)]',\n        )}\n      >\n        <img\n          style={{ width: 3, height: 10 }}\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          baseClass,\n          'tw-relative tw-bg-[var(--interaction-default-hover)]',\n        )}\n      >\n        <span className=\"tw-size-1.5 tw-rounded-full tw-bg-white\" />\n      </span>\n    );\n\n  // wait\n  return (\n    <span\n      className={cn(\n        baseClass,\n        'tw-relative tw-bg-[var(--alias-colors-icon-subtle)]',\n      )}\n    >\n      <span className=\"tw-size-1.5 tw-rounded-full tw-bg-[var(--background-default)]\" />\n    </span>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,YAAY,EAAE,QAA2B;CACvD,MAAM,YACJ;AAEF,KAAI,SAAS,SACX,QACE,oBAAC,QAAD;EACE,WAAW,GAAG,WAAW,2CAA2C;YAEpE,oBAAC,OAAD;GACE,OAAO;IAAE,OAAO;IAAI,QAAQ;IAAG;GAC/B,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,QACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,WACA,oDACD;YAED,oBAAC,OAAD;GACE,OAAO;IAAE,OAAO;IAAG,QAAQ;IAAI;GAC/B,KAAI;GACJ,CAAA;EACG,CAAA;AAGX,KAAI,SAAS,UACX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,WACA,uDACD;YAED,oBAAC,QAAD,EAAM,WAAU,2CAA4C,CAAA;EACvD,CAAA;AAIX,QACE,oBAAC,QAAD;EACE,WAAW,GACT,WACA,sDACD;YAED,oBAAC,QAAD,EAAM,WAAU,iEAAkE,CAAA;EAC7E,CAAA"}

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

@@ -1,20 +1,8 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export type TStatus = 'wait' | 'process' | 'finish' | 'error';
 export interface IStepProps {
-    /**
-     * @description 当前步骤的描述信息
-     * @default -
-     */
     description?: ReactNode;
-    /**
-     * @description 当前步骤的状态，可选`wait`、`process`、`finish`、`error`
-     * @default wait
-     */
     status?: TStatus;
-    /**
-     * @description 标题
-     * @default -
-     */
     title?: ReactNode;
 }
-export declare function Step(props: IStepProps): React.JSX.Element;
+export declare function Step(props: IStepProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,41 +1,28 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React from 'react';
-import { AlertTriangleDuotone, CheckCircleDuotone } from "../../../Icon";
-import { Steps as AntdSteps } from 'antd';
-import { ProcessIcon } from "../ProcessIcon";
-var AntdStep = AntdSteps.Step;
-export function Step(props) {
-  var status = props.status;
-  var getIcon = function getIcon(stepStatus) {
-    if (stepStatus === 'error') {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "error-icon-box icon-box"
-      }, /*#__PURE__*/React.createElement(AlertTriangleDuotone, {
-        size: 16,
-        color: "var(--background-negative-strong)",
-        fill: "var(--content-inverted-primary)"
-      }));
-    }
-    if (stepStatus === 'finish') {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "check-icon-box icon-box"
-      }, /*#__PURE__*/React.createElement(CheckCircleDuotone, {
-        size: 16,
-        color: "var(--background-positive-strong)",
-        fill: "var(--content-inverted-primary)"
-      }));
-    }
-    if (stepStatus === 'process') {
-      return /*#__PURE__*/React.createElement(ProcessIcon, {
-        type: "process"
-      });
-    }
-    // wait
-    return /*#__PURE__*/React.createElement(ProcessIcon, {
-      type: "wait"
-    });
-  };
-  return /*#__PURE__*/React.createElement(AntdStep, _extends({}, props, {
-    icon: getIcon(status)
-  }));
-}
+import { ProcessIcon } from "../ProcessIcon/index.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Steps/components/Step/index.tsx
+function Step(props) {
+	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
+			})
+		]
+	});
+}
+//#endregion
+export { Step };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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  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":";;;;AAWA,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"}

package/dist/Steps/index.d.ts

@@ -1,45 +1,25 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { IStepProps } from './components/Step';
+import { ReactElement, ReactNode } from 'react';
+import { IStepProps } from './components/Step.js';
 export type { IStepProps };
 export type TStatus = 'wait' | 'process' | 'finish' | 'error';
-export interface IStepsProps {
-    /**
-     * @description Steps最外层类名
-     * @default -
-     */
-    className?: string;
-    /**
-     * @description 当前步骤，从0开始计数，可以通过在子Step中的设置status字段覆盖状态
-     * @default 0
-     */
-    current?: number;
-    /**
-     * @description 指定步骤条方向，水平：`horizontal`和竖直：`vertical`
-     * @default horizontal
-     */
-    direction?: 'horizontal' | 'vertical';
-    /**
-     * @description 默认开始步骤，从0开始计数
-     * @default 0
-     */
-    defaultCurrent?: number;
-    /**
-     * @description current属性指向步骤的状态，可选`wait`、`process`、`finish`、‘error
-     * @default process
-     */
-    status?: TStatus;
-    items: IStepItem[];
-    children?: ReactElement<IStepProps>[];
-}
 export interface IStepItem {
     description?: ReactNode;
     disabled?: boolean;
     icon?: ReactNode;
-    status?: 'wait' | 'process' | 'finish' | 'error';
+    status?: TStatus;
     subTitle?: ReactNode;
     title: ReactNode;
 }
-declare function Steps({ className, current, direction, defaultCurrent, status, children, items, }: IStepsProps): React.JSX.Element;
+export interface IStepsProps {
+    className?: string;
+    current?: number;
+    direction?: 'horizontal' | 'vertical';
+    defaultCurrent?: number;
+    status?: TStatus;
+    items?: IStepItem[];
+    children?: ReactElement<IStepProps>[] | ReactElement<IStepProps>;
+}
+declare function Steps({ className, current, direction, status, items, children, }: IStepsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Steps {
     var Step: typeof import("./components/Step").Step;
 }

package/dist/Steps/index.js

@@ -1,32 +1,81 @@
-import { Steps as AntdSteps } from 'antd';
-import React from 'react';
-import classNames from 'classnames';
-import { CustomDot } from "./components/CustomDot";
-import { Step } from "./components/Step";
-var INITIAL = 0;
-function Steps(_ref) {
-  var className = _ref.className,
-    current = _ref.current,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'horizontal' : _ref$direction,
-    _ref$defaultCurrent = _ref.defaultCurrent,
-    defaultCurrent = _ref$defaultCurrent === void 0 ? INITIAL : _ref$defaultCurrent,
-    status = _ref.status,
-    children = _ref.children,
-    items = _ref.items;
-  return /*#__PURE__*/React.createElement(AntdSteps, {
-    className: classNames('ald-steps', className),
-    current: current,
-    progressDot: CustomDot,
-    direction: direction,
-    initial: defaultCurrent,
-    status: status,
-    labelPlacement: "vertical",
-    responsive: false,
-    items: items,
-    size: "default",
-    type: "default"
-  }, children);
+import { cn } from "../lib/utils.js";
+import { ProcessIcon } from "./components/ProcessIcon/index.js";
+import { Step } from "./components/Step/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Steps/index.tsx
+function getStepStatus(index, current, globalStatus) {
+	if (index < current) return "finish";
+	if (index === current) return globalStatus || "process";
+	return "wait";
+}
+function Steps({ className, current = 0, direction = "horizontal", status, items, children }) {
+	const resolvedItems = items || React.Children.toArray(children).filter(React.isValidElement).map((child) => ({
+		title: child.props.title,
+		description: child.props.description,
+		status: child.props.status,
+		icon: child.props.icon
+	}));
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("ald-steps tw-flex", direction === "vertical" ? "tw-flex-col" : "tw-flex-row tw-items-start", className),
+		children: resolvedItems.map((item, index) => {
+			const stepStatus = item.status || getStepStatus(index, current, status);
+			const isLast = index === resolvedItems.length - 1;
+			return /* @__PURE__ */ jsx("div", {
+				className: cn("ald-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}`),
+				children: direction === "horizontal" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "tw-flex tw-w-full tw-items-center",
+					children: [
+						index > 0 && /* @__PURE__ */ jsx("div", {
+							className: cn("tw-flex-1", index <= current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+							style: { height: 1.5 }
+						}),
+						/* @__PURE__ */ jsx("div", {
+							className: "ald-steps-item-icon tw-shrink-0",
+							children: item.icon || /* @__PURE__ */ jsx(ProcessIcon, { type: stepStatus })
+						}),
+						!isLast && /* @__PURE__ */ jsx("div", {
+							className: cn("tw-flex-1", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+							style: { height: 1.5 }
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "ald-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: cn("ald-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
+						children: item.title
+					}), item.description && /* @__PURE__ */ jsx("div", {
+						className: cn("ald-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(--alias-colors-text-subtlest)]" : "tw-text-[var(--alias-colors-text-subtle)]"),
+						children: item.description
+					})]
+				})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "tw-relative tw-flex tw-flex-col tw-items-center",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "ald-steps-item-icon tw-shrink-0",
+						children: item.icon || /* @__PURE__ */ jsx(ProcessIcon, { type: stepStatus })
+					}), !isLast && /* @__PURE__ */ jsx("div", {
+						className: cn("tw-mt-1 tw-flex-1", index < current ? "tw-bg-[var(--alias-colors-border-selected)]" : "tw-bg-[var(--alias-colors-border-default)]"),
+						style: {
+							width: 1.5,
+							minHeight: 24
+						}
+					})]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "ald-steps-item-content",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: cn("ald-steps-item-title tw-text-sm tw-font-medium tw-leading-5", stepStatus === "finish" && "tw-text-[var(--alias-colors-text-subtlest)]", stepStatus === "process" && "tw-text-[var(--alias-colors-text-selected)]", stepStatus === "wait" && "tw-text-[var(--alias-colors-text-default)]", stepStatus === "error" && "tw-text-[var(--alias-colors-text-danger)]"),
+						children: item.title
+					}), item.description && /* @__PURE__ */ jsx("div", {
+						className: cn("ald-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);
+		})
+	});
 }
 Steps.Step = Step;
-export default Steps;
+//#endregion
+export { Steps as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Steps/index.js.map

@@ -0,0 +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 { ProcessIcon } from './components/ProcessIcon';\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\nfunction Steps({\n  className,\n  current = 0,\n  direction = 'horizontal',\n  status,\n  items,\n  children,\n}: IStepsProps) {\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        status: child.props.status,\n        icon: child.props.icon,\n      }));\n\n  return (\n    <div\n      className={cn(\n        'ald-steps tw-flex',\n        direction === 'vertical' ? 'tw-flex-col' : 'tw-flex-row tw-items-start',\n        className,\n      )}\n    >\n      {resolvedItems.map((item, index) => {\n        const stepStatus = item.status || getStepStatus(index, current, status);\n        const isLast = index === resolvedItems.length - 1;\n\n        return (\n          <div\n            key={index}\n            className={cn(\n              'ald-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            )}\n          >\n            {direction === 'horizontal' ? (\n              <>\n                <div className=\"tw-flex tw-w-full tw-items-center\">\n                  {index > 0 && (\n                    <div\n                      className={cn(\n                        'tw-flex-1',\n                        index <= current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                  <div className=\"ald-steps-item-icon tw-shrink-0\">\n                    {item.icon || <ProcessIcon type={stepStatus} />}\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ height: 1.5 }}\n                    />\n                  )}\n                </div>\n                <div className=\"ald-steps-item-content tw-mt-2 tw-flex tw-flex-col tw-items-center\">\n                  <div\n                    className={cn(\n                      'ald-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        'ald-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(--alias-colors-text-subtlest)]'\n                          : 'tw-text-[var(--alias-colors-text-subtle)]',\n                      )}\n                    >\n                      {item.description}\n                    </div>\n                  )}\n                </div>\n              </>\n            ) : (\n              <>\n                <div className=\"tw-relative tw-flex tw-flex-col tw-items-center\">\n                  <div className=\"ald-steps-item-icon tw-shrink-0\">\n                    {item.icon || <ProcessIcon type={stepStatus} />}\n                  </div>\n                  {!isLast && (\n                    <div\n                      className={cn(\n                        'tw-mt-1 tw-flex-1',\n                        index < current\n                          ? 'tw-bg-[var(--alias-colors-border-selected)]'\n                          : 'tw-bg-[var(--alias-colors-border-default)]',\n                      )}\n                      style={{ width: 1.5, minHeight: 24 }}\n                    />\n                  )}\n                </div>\n                <div className=\"ald-steps-item-content\">\n                  <div\n                    className={cn(\n                      'ald-steps-item-title tw-text-sm tw-font-medium tw-leading-5',\n                      stepStatus === 'finish' &&\n                        'tw-text-[var(--alias-colors-text-subtlest)]',\n                      stepStatus === 'process' &&\n                        'tw-text-[var(--alias-colors-text-selected)]',\n                      stepStatus === 'wait' &&\n                        'tw-text-[var(--alias-colors-text-default)]',\n                      stepStatus === 'error' &&\n                        'tw-text-[var(--alias-colors-text-danger)]',\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.description && (\n                    <div\n                      className={cn(\n                        'ald-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              </>\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\nSteps.Step = Step;\n\nexport default Steps;\n"],"mappings":";;;;;;AA2BA,SAAS,cACP,OACA,SACA,cACS;AACT,KAAI,QAAQ,QAAS,QAAO;AAC5B,KAAI,UAAU,QAAS,QAAO,gBAAgB;AAC9C,QAAO;;AAGT,SAAS,MAAM,EACb,WACA,UAAU,GACV,YAAY,cACZ,QACA,OACA,YACc;CAEd,MAAM,gBACJ,SACA,MAAM,SAAS,QAAQ,SAAS,CAC7B,OAAO,MAAM,eAAe,CAC5B,KAAK,WAAgB;EACpB,OAAO,MAAM,MAAM;EACnB,aAAa,MAAM,MAAM;EACzB,QAAQ,MAAM,MAAM;EACpB,MAAM,MAAM,MAAM;EACnB,EAAE;AAEP,QACE,oBAAC,OAAD;EACE,WAAW,GACT,qBACA,cAAc,aAAa,gBAAgB,8BAC3C,UACD;YAEA,cAAc,KAAK,MAAM,UAAU;GAClC,MAAM,aAAa,KAAK,UAAU,cAAc,OAAO,SAAS,OAAO;GACvE,MAAM,SAAS,UAAU,cAAc,SAAS;AAEhD,UACE,oBAAC,OAAD;IAEE,WAAW,GACT,0BACA,cAAc,eACV,yDACA,gCACJ,kBAAkB,aACnB;cAEA,cAAc,eACb,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf;MACG,QAAQ,KACP,oBAAC,OAAD;OACE,WAAW,GACT,aACA,SAAS,UACL,gDACA,6CACL;OACD,OAAO,EAAE,QAAQ,KAAK;OACtB,CAAA;MAEJ,oBAAC,OAAD;OAAK,WAAU;iBACZ,KAAK,QAAQ,oBAAC,aAAD,EAAa,MAAM,YAAc,CAAA;OAC3C,CAAA;MACL,CAAC,UACA,oBAAC,OAAD;OACE,WAAW,GACT,aACA,QAAQ,UACJ,gDACA,6CACL;OACD,OAAO,EAAE,QAAQ,KAAK;OACtB,CAAA;MAEA;QACN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,WAAW,GACT,+DACA,eAAe,YACb,+CACF,eAAe,aACb,+CACF,eAAe,UACb,8CACF,eAAe,WACb,4CACH;gBAEA,KAAK;MACF,CAAA,EACL,KAAK,eACJ,oBAAC,OAAD;MACE,WAAW,GACT,4FACA,eAAe,YAAY,eAAe,UACtC,gDACA,4CACL;gBAEA,KAAK;MACF,CAAA,CAEJ;OACL,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACZ,KAAK,QAAQ,oBAAC,aAAD,EAAa,MAAM,YAAc,CAAA;MAC3C,CAAA,EACL,CAAC,UACA,oBAAC,OAAD;MACE,WAAW,GACT,qBACA,QAAQ,UACJ,gDACA,6CACL;MACD,OAAO;OAAE,OAAO;OAAK,WAAW;OAAI;MACpC,CAAA,CAEA;QACN,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,WAAW,GACT,+DACA,eAAe,YACb,+CACF,eAAe,aACb,+CACF,eAAe,UACb,8CACF,eAAe,WACb,4CACH;gBAEA,KAAK;MACF,CAAA,EACL,KAAK,eACJ,oBAAC,OAAD;MACE,WAAW,GACT,8HACD;gBAEA,KAAK;MACF,CAAA,CAEJ;OACL,EAAA,CAAA;IAED,EAlHC,MAkHD;IAER;EACE,CAAA;;AAIV,MAAM,OAAO"}

package/dist/Steps/matchMedia.mock.js

@@ -1,18 +1,2 @@
-import { vitest } from 'vitest';
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: vitest.fn().mockImplementation(function (query) {
-    return {
-      matches: false,
-      media: query,
-      onchange: null,
-      addListener: vitest.fn(),
-      // deprecated
-      removeListener: vitest.fn(),
-      // deprecated
-      addEventListener: vitest.fn(),
-      removeEventListener: vitest.fn(),
-      dispatchEvent: vitest.fn()
-    };
-  })
-});
+// type-only module stub
+export {};

package/dist/Switch/index.d.ts

@@ -1,46 +1,15 @@
-import { SwitchChangeEventHandler } from 'antd/lib/switch';
-import React from 'react';
-export type { SwitchChangeEventHandler, SwitchClickEventHandler, SwitchSize, } from 'antd/lib/switch';
+import { default as React } from 'react';
+export type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
+export type SwitchClickEventHandler = SwitchChangeEventHandler;
+export type SwitchSize = 'large' | 'middle' | 'small';
 export interface ISwitchProps {
-    /**
-     * @description class类名
-     * @default -
-     */
     className?: string;
-    /**
-     * @description 指定当前是否选中
-     * @default false
-     */
     checked?: boolean;
-    /**
-     * @description 初始是否选中
-     * @default false
-     */
     defaultChecked?: boolean;
-    /**
-     * @description 是否禁用
-     * @default false
-     */
     disabled?: boolean;
-    /**
-     * @description 加载中的开关
-     * @default false
-     */
     loading?: boolean;
-    /**
-     * @description 尺寸大小
-     * @default middle
-     */
-    size?: 'large' | 'middle' | 'small';
-    /**
-     * @description 点击时的回调
-     * @type  (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
-     */
+    size?: SwitchSize;
     onClick?: SwitchChangeEventHandler;
-    /**
-     * @description 变时的回调
-     * @type  (checked: boolean, event: React.MouseEvent<HTMLButtonElement>) => void;
-     */
     onChange?: SwitchChangeEventHandler;
     children?: React.ReactNode;
 }