shineout 0.0.1-alpha.1

package/esm/steps/__example__/01-base.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/01-base.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 基本用法
+ *    -- 步骤条基础用法
+ * en - Basic
+ *    -- Basic steps
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/02-size.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/02-size.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 尺寸
+ *    -- 步骤条支持三种尺寸small、default、large
+ * en - Size
+ *    -- Steps support three sizes: small, default, large
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 500
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      size: "small",
+      current: 1,
+      style: {
+        marginBottom: 32
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      style: {
+        marginBottom: 32
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      size: "large",
+      current: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/03-description.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/03-description.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 描述信息
+ *    -- 通过配置`description`属性可以设置步骤条的描述信息
+ * en - Description
+ *    -- Set description by `description` property
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded",
+        description: "This is a description"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing",
+        description: "This is a description"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending",
+        description: "This is a description"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/04-status.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/04-status.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 节点状态
+ *    -- 通过指定`status`属性可以设置步骤条节点的状态
+ *    -- 注意，step 的 status 优先级高于 steps 的 status
+ * en - Status
+ *    -- Set step status by `status` property
+ *    -- Note that the status of the step has a higher priority than the status of the steps
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Error",
+        status: "error"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/05-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/05-icon.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _icon = require("./static/icon");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 自定义图标
+ *    -- 通过`renderIcon`属性可以自定义渲染步骤条节点的图标
+ * en - Custom icon
+ *    -- Set custom icon by `renderIcon` property
+ */
+var _default = function _default() {
+  var renderIcon = function renderIcon(index, status) {
+    if (status === 'wait') {
+      return _icon.iconWait;
+    }
+    if (status === 'finish') {
+      return _icon.successIcon;
+    }
+    if (status === 'process') {
+      return _icon.warningIcon;
+    }
+    return index + 1;
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      renderIcon: renderIcon,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Step1"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Step2"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Step3"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Step4"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Step5"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/06-type.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/06-type.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 不同风格的步骤条
+ *    -- 通过`type`属性可以设置不同风格的步骤条
+ * en - Type
+ *    -- Set different style of steps by `type` property
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        width: 500
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+        current: 1,
+        type: "dot",
+        style: {
+          marginBottom: 32
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Succeeded"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Complete information"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Pending"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+        current: 1,
+        type: "dot",
+        style: {
+          marginBottom: 32
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Succeeded",
+          description: "This is a description"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Complete information",
+          description: "Please fill in your home address and phone number"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Pending",
+          description: "This is a description"
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+        current: 1,
+        type: "arrow",
+        style: {
+          marginBottom: 32
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Succeeded"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Complete information"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Pending"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+        current: 1,
+        type: "arrow",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Succeeded",
+          description: "This is a description"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Complete information",
+          description: "Please fill in your home address and phone number"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+          title: "Pending",
+          description: "This is a description"
+        })]
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/07-direction.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/07-direction.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 垂直布局
+ *    -- 通过`direction`属性可以设置步骤条的布局方向
+ * en - Direction
+ *    -- Set direction by `direction` property
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      width: 500,
+      display: 'flex',
+      gap: 32
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      direction: "vertical",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      type: "dot",
+      direction: "vertical",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending"
+      })]
+    })]
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/08-label-placement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/esm/steps/__example__/08-label-placement.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * cn - 标签位置
+ *    -- 默认样式的步骤条支持通过设置`labelPlacement`属性可以设置标签的位置
+ * en - Label placement
+ *    -- Set the position of the label by `labelPlacement` property
+ */
+var _default = function _default() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: 500
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Steps, {
+      current: 1,
+      labelPlacement: "horizontal",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Succeeded",
+        description: "This is a description"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Processing",
+        description: "This is a description"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Steps.Step, {
+        title: "Pending",
+        description: "This is a description"
+      })]
+    })
+  });
+};
+exports.default = _default;

package/esm/steps/__example__/static/icon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const successIcon: JSX.Element;
+export declare const warningIcon: JSX.Element;
+export declare const iconWait: JSX.Element;

package/esm/steps/__example__/static/icon.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warningIcon = exports.successIcon = exports.iconWait = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var successIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  style: {
+    display: 'inline-block',
+    width: '100%',
+    height: '100%',
+    background: '#74d13d',
+    overflow: 'hidden',
+    borderRadius: '50%'
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M1.52841 8.7146L5.29871 12.4849C5.82008 13.0063 6.66484 13.0063 7.18621 12.4849L15.1991 4.47195C15.4594 4.21174 15.4594 3.78936 15.1991 3.52915C14.9389 3.26893 14.5166 3.26893 14.2563 3.52915L6.71481 11.0707C6.45412 11.3314 6.0308 11.3314 5.77011 11.0707L2.47122 7.77179C2.21101 7.51157 1.78863 7.51157 1.52841 7.77179C1.2682 8.032 1.2682 8.45438 1.52841 8.7146Z",
+      fill: "white"
+    })
+  })
+});
+exports.successIcon = successIcon;
+var warningIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+  style: {
+    display: 'inline-block',
+    width: '100%',
+    height: '100%',
+    background: '#f7862a',
+    overflow: 'hidden',
+    borderRadius: '50%'
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    width: "16",
+    height: "14",
+    viewBox: "0 0 16 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8.65559 0.45659C8.86677 0.575887 9.04141 0.750529 9.16071 0.961714L15.2144 11.6782C15.5766 12.3194 15.3504 13.1328 14.7093 13.4949C14.5092 13.608 14.2833 13.6674 14.0535 13.6674H1.94613C1.20975 13.6674 0.612793 13.0704 0.612793 12.334C0.612793 12.1042 0.672187 11.8783 0.785214 11.6782L6.83888 0.961714C7.20107 0.32056 8.01443 0.0944081 8.65559 0.45659ZM7.46312 2.7088L7.42188 2.77486L2.77306 11.275C2.71942 11.3731 2.6913 11.4831 2.6913 11.5949C2.6913 11.9368 2.94866 12.2186 3.28022 12.2571L3.35797 12.2616H12.7684C12.8825 12.2616 12.9947 12.2323 13.0943 12.1765C13.3925 12.0094 13.5126 11.6472 13.3841 11.3391L13.3501 11.2691L8.58841 2.76894C8.52723 2.65971 8.43652 2.56992 8.32668 2.50985C8.02672 2.3458 7.65601 2.43639 7.46312 2.7088ZM7.99992 9.66736C8.3681 9.66736 8.66658 9.96584 8.66658 10.334C8.66658 10.7022 8.3681 11.0007 7.99992 11.0007C7.63173 11.0007 7.33325 10.7022 7.33325 10.334C7.33325 9.96584 7.63173 9.66736 7.99992 9.66736ZM7.99992 4.33403C8.3681 4.33403 8.66658 4.63251 8.66658 5.0007V8.33403C8.66658 8.70222 8.3681 9.0007 7.99992 9.0007C7.63173 9.0007 7.33325 8.70222 7.33325 8.33403V5.0007C7.33325 4.63251 7.63173 4.33403 7.99992 4.33403Z",
+      fill: "white"
+    })
+  })
+});
+exports.warningIcon = warningIcon;
+var iconWait = /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+    clipPath: "url(#clip0_6499_17063)",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M9.89799 0.917389C9.98256 0.940064 10.0618 0.979175 10.1313 1.03249C10.2008 1.0858 10.259 1.15227 10.3028 1.22811C10.3466 1.30394 10.375 1.38765 10.3864 1.47446C10.3978 1.56128 10.392 1.64948 10.3693 1.73406C10.3466 1.81863 10.3075 1.8979 10.2542 1.96736C10.2009 2.03682 10.1344 2.09509 10.0586 2.13886C9.98277 2.18263 9.89906 2.21103 9.81225 2.22244C9.72544 2.23386 9.63723 2.22806 9.55266 2.20539C8.40639 1.89823 7.19477 1.93788 6.07104 2.31933C4.9473 2.70078 3.96192 3.4069 3.2395 4.34838C2.51709 5.28987 2.09008 6.42444 2.01249 7.60861C1.9349 8.79279 2.2102 9.97337 2.80359 11.0011C3.39698 12.0288 4.28179 12.8574 5.34614 13.3823C6.41049 13.9071 7.60657 14.1045 8.78312 13.9495C9.95968 13.7946 11.0639 13.2942 11.956 12.5117C12.8482 11.7292 13.4883 10.6997 13.7953 9.55339C13.818 9.46882 13.8571 9.38954 13.9104 9.32008C13.9637 9.25063 14.0302 9.19235 14.106 9.14859C14.1819 9.10482 14.2656 9.07642 14.3524 9.065C14.4392 9.05359 14.5274 9.05938 14.612 9.08206C14.6966 9.10473 14.7758 9.14384 14.8453 9.19715C14.9148 9.25047 14.973 9.31694 15.0168 9.39277C15.0606 9.46861 15.089 9.55232 15.1004 9.63913C15.1118 9.72594 15.106 9.81415 15.0833 9.89872C14.0353 13.8107 10.014 16.1321 6.10199 15.0841C2.18999 14.0361 -0.131343 10.0147 0.916657 6.10272C1.96466 2.19072 5.98599 -0.130611 9.89799 0.917389ZM13.2353 5.33406C13.4732 5.32824 13.7098 5.37006 13.9312 5.45708C14.1526 5.54409 14.3544 5.67454 14.5247 5.84072C14.5781 5.90148 14.618 5.97291 14.6416 6.05027C14.6653 6.12763 14.6722 6.20914 14.662 6.28939C14.604 6.54939 14.4387 6.77406 14.2007 6.90472C14.166 6.92206 12.3333 7.94006 10.3087 9.04806L9.94932 9.24406L9.58866 9.44139C8.58671 9.9894 7.58113 10.5307 6.57199 11.0654L6.55799 11.0721C6.35599 11.1587 6.13999 11.2174 5.92399 11.2461C5.66466 11.2747 5.47732 11.2821 5.25399 11.2967L4.97332 11.3114C4.91673 11.3261 4.85845 11.3333 4.79999 11.3327C4.70642 11.3366 4.61311 11.3205 4.52622 11.2855C4.43934 11.2506 4.36086 11.1976 4.29599 11.1301L2.87666 9.82806C2.79927 9.77227 2.73928 9.69568 2.70365 9.60719C2.66801 9.51869 2.65819 9.42191 2.67532 9.32806C2.69666 9.17672 2.76866 9.03872 2.87666 8.93072C2.98596 8.81726 3.1257 8.73778 3.27909 8.70183C3.43248 8.66588 3.59299 8.67498 3.74132 8.72806C3.89266 8.78606 4.06532 8.83672 4.25266 8.90139C4.63465 9.01238 5.00994 9.14527 5.37666 9.29939L6.55066 8.74939L4.22399 7.58472C4.15255 7.54798 4.09102 7.49456 4.0446 7.429C3.99818 7.36343 3.96824 7.28765 3.95732 7.20806C3.95271 7.13079 3.96905 7.0537 4.0046 6.98494C4.04015 6.91618 4.09361 6.8583 4.15932 6.81739C4.30332 6.69472 4.45466 6.57872 4.61999 6.47739C4.79999 6.28939 5.05266 6.19539 5.31199 6.22406C6.05332 6.31072 6.80266 6.41206 7.55199 6.50672C8.30132 6.60006 9.02866 6.69472 9.76332 6.78139L10.03 6.65139C10.426 6.46272 11.2547 6.07939 12.148 5.60206C12.4823 5.42305 12.8562 5.3309 13.2353 5.33406Z",
+      fill: "#666C7C"
+    })
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+      id: "clip0_6499_17063",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
+        width: "16",
+        height: "16",
+        fill: "white",
+        transform: "translate(0 0.000732422)"
+      })
+    })
+  })]
+});
+exports.iconWait = iconWait;

package/esm/steps/index.d.ts

@@ -0,0 +1,13 @@
+import Steps from './steps';
+import Step from './step';
+declare type RefSteps = typeof Steps;
+declare type RefStep = typeof Step;
+export interface StepComponent extends RefStep {
+    displayName: string;
+}
+export interface StepsComponent extends RefSteps {
+    Step: StepComponent;
+    displayName: string;
+}
+declare const StepsComp: StepsComponent;
+export default StepsComp;

package/esm/steps/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _steps = _interopRequireDefault(require("./steps"));
+var _step = _interopRequireDefault(require("./step"));
+var StepsStep = _step.default;
+StepsStep.displayName = 'ShineoutStep';
+var StepsComp = _steps.default;
+StepsComp.displayName = 'ShineoutSteps';
+StepsComp.Step = StepsStep;
+var _default = StepsComp;
+exports.default = _default;

package/esm/steps/interface.d.ts

@@ -0,0 +1 @@
+export type { StepsProps as Props } from './steps.type';

package/esm/steps/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/steps/step.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StepProps } from './step.type';
+declare const _default: (props: StepProps) => JSX.Element;
+export default _default;

package/esm/steps/step.js

@@ -0,0 +1,25 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var jssStyle = {
+  steps: _shineoutStyle.useStepsStyle
+};
+var _default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Step, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+exports.default = _default;

package/esm/steps/step.type.d.ts

@@ -0,0 +1,2 @@
+import { StepProps as UnStyledStepProps } from '@sheinx/base';
+export declare type StepProps = Omit<UnStyledStepProps, 'jssStyle'>;

package/esm/steps/step.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/steps/steps.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StepsProps } from './steps.type';
+declare const _default: (props: StepsProps) => JSX.Element;
+export default _default;

package/esm/steps/steps.js

@@ -0,0 +1,26 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _base = require("@sheinx/base");
+var _shineoutStyle = require("@sheinx/shineout-style");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var jssStyle = {
+  steps: _shineoutStyle.useStepsStyle
+};
+var _default = function _default(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.Steps, _objectSpread({
+    jssStyle: jssStyle
+  }, props));
+};
+exports.default = _default;

package/esm/steps/steps.type.d.ts

@@ -0,0 +1,2 @@
+import { StepsProps as UnStyledStepsProps } from '@sheinx/base';
+export declare type StepsProps = Omit<UnStyledStepsProps, 'jssStyle'>;

package/esm/steps/steps.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});