@xfers/design-system 7.2.0-dev.56a2d7c5ca → 8.0.0-dev.f82e752da2

package/dist/components/Carousel/index.js

@@ -21,10 +21,15 @@ const ThemeContext_1 = require("../../theme/ThemeContext");
 function Carousel(_a) {
     var { children, activeKey, width = 250 } = _a, rest = __rest(_a, ["children", "activeKey", "width"]);
     const { brand } = (0, ThemeContext_1.useTheme)();
-    const panels = children.map((child, index) => (react_1.default.createElement(antd_1.Tabs.TabPane, { key: index, forceRender: true }, child)));
+    const items = children.map((child, index) => ({
+        key: String(index),
+        label: null,
+        children: child,
+        forceRender: true,
+    }));
     const dots = children.map((child, index) => (react_1.default.createElement(Dot, { key: index, isActive: index === activeKey, activeColor: brand.primary.default })));
     return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(AnimatedTabs, Object.assign({ renderTabBar: () => react_1.default.createElement("div", null), width: width, activeKey: activeKey.toString(), animated: true }, rest), panels),
+        react_1.default.createElement(AnimatedTabs, Object.assign({ renderTabBar: () => react_1.default.createElement("div", null), width: width, activeKey: activeKey.toString(), animated: true, items: items }, rest)),
         react_1.default.createElement(Footer, null, dots)));
 }
 exports.default = Carousel;

package/dist/components/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAAoC;AAEpC,+BAA2B;AAC3B,2DAAmD;AAQnD,SAAS,QAAQ,CAAC,EAAoD;QAApD,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,OAAkB,EAAb,IAAI,cAA3C,kCAA6C,CAAF;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAE5B,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,8BAAC,WAAI,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,EAAE,WAAW,UAClC,KAAK,CACO,CAChB,CAAC,CAAA;IAEF,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,8BAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAClC,CACH,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,kBACX,YAAY,EAAE,GAAG,EAAE,CAAC,0CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,UACJ,IAAI,GAEP,MAAM,CACM;QACf,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,WAAI,CAAC,CAAmB;WACzC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;;;;CAKvC,CAAA;AAED,MAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,CAAA;;;;CAIzB,CAAA;AAED,MAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,CAA4C;;;sBAG7C,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;;;CAGjD,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,6DAAoC;AAEpC,+BAA2B;AAE3B,2DAAmD;AAQnD,SAAS,QAAQ,CAAC,EAAoD;QAApD,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,GAAG,OAAkB,EAAb,IAAI,cAA3C,kCAA6C,CAAF;IAC3D,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAE5B,MAAM,KAAK,GAAuB,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAChE,GAAG,EAAE,MAAM,CAAC,KAAK,CAAC;QAClB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,KAAK;QACf,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC,CAAA;IAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,8BAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,KAAK,SAAS,EAC7B,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,GAClC,CACH,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,SAAS;QACR,8BAAC,YAAY,kBACX,YAAY,EAAE,GAAG,EAAE,CAAC,0CAAO,EAC3B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,CAAC,QAAQ,EAAE,EAC/B,QAAQ,QACR,KAAK,EAAE,KAAK,IACR,IAAI,EACR;QACF,8BAAC,MAAM,QAAE,IAAI,CAAU,CACb,CACb,CAAA;AACH,CAAC;AAED,kBAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAA;AAED,MAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,WAAI,CAAC,CAAmB;WACzC,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;;;;CAKvC,CAAA;AAED,MAAM,MAAM,GAAG,gBAAM,CAAC,IAAI,CAAA;;;;CAIzB,CAAA;AAED,MAAM,GAAG,GAAG,gBAAM,CAAC,IAAI,CAA4C;;;sBAG7C,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;;;CAGjD,CAAA"}

package/dist/components/Select/index.js

@@ -55,8 +55,8 @@ const Select = function (_a) {
     const ref = selectRef || internalRef;
     return (react_1.default.createElement(style_1.SelectContainer, null,
         label && (0, helpers_1.renderLabel)(label, labelTooltip),
-        react_1.default.createElement(style_1.StyledAntSelect, Object.assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: () => document.body }, rest, { error: error, dropdownRender: (menu) => (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
-                react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))), dropdownStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), showArrow: true, tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
+        react_1.default.createElement(style_1.StyledAntSelect, Object.assign({ disabled: disabled, mode: mode, ref: ref, "$size": size, "$mode": mode, getPopupContainer: () => document.body }, rest, { error: error, popupRender: (menu) => (react_1.default.createElement(style_1.StyledDropdown, { "$size": size },
+                react_1.default.createElement(Typography_1.Typography.Body, { size: size === 'sm' ? 'md' : 'lg' }, menu))), popupStyle: style_1.dropdownStyle, suffixIcon: (0, helpers_1.getSuffixIcon)(secondaryText), placeholder: (0, helpers_1.getPlaceholder)(size, placeholder), tagRender: (0, helpers_1.getCustomSelectTag)(mode, disabled, size), maxTagCount: 999 }), options ? (0, helpers_1.renderOptions)(options, size) : children),
         (0, helpers_1.renderHelperText)(helperText)));
 };
 Select.Option = antd_1.Select.Option;

package/dist/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,+BAAuD;AAGvD,sEAAkE;AAClE,uCAOkB;AAClB,mCAKgB;AAyBhB,MAAM,MAAM,GAAG,UAAU,EAcjB;QAdiB,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,GAAG,KAAK,EACb,aAAa,EACb,UAAU,EACV,OAAO,OAED,EADH,IAAI,cAbgB,gJAcxB,CADQ;IAEP,MAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,kBACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EACD,aAAa,EAAE,qBAAa,EAC5B,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,QACT,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,+BAAuD;AAMvD,sEAAkE;AAClE,uCAOkB;AAClB,mCAKgB;AAyBhB,MAAM,MAAM,GAAG,UAAU,EAcjB;QAdiB,EACvB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,KAAK,GAAG,KAAK,EACb,aAAa,EACb,UAAU,EACV,OAAO,OAED,EADH,IAAI,cAbgB,gJAcxB,CADQ;IAEP,MAAM,WAAW,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAA;IAC/C,MAAM,GAAG,GAAG,SAAS,IAAI,WAAW,CAAA;IAEpC,OAAO,CACL,8BAAC,uBAAe;QACb,KAAK,IAAI,IAAA,qBAAW,EAAC,KAAK,EAAE,YAAY,CAAC;QAC1C,8BAAC,uBAAe,kBACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,WACD,IAAI,WACJ,IAAI,EACX,iBAAiB,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,IAClC,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CACrB,8BAAC,sBAAc,aAAQ,IAAI;gBACzB,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAC/C,IAAI,CACW,CACH,CAClB,EACD,UAAU,EAAE,qBAAa,EACzB,UAAU,EAAE,IAAA,uBAAa,EAAC,aAAa,CAAC,EACxC,WAAW,EAAE,IAAA,wBAAc,EAAC,IAAI,EAAE,WAAW,CAAC,EAC9C,SAAS,EAAE,IAAA,4BAAkB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,EACnD,WAAW,EAAE,GAAG,KAEf,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAa,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClC;QACjB,IAAA,0BAAgB,EAAC,UAAU,CAAC,CACb,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,GAAG,aAAS,CAAC,MAAM,CAAA;AAChC,kBAAe,MAAM,CAAA"}

package/dist/components/Steps/DesktopSteps.js

@@ -19,23 +19,29 @@ const emotion_1 = require("emotion");
 const antd_1 = require("antd");
 const fontStyles_1 = require("../../constants/fontStyles");
 const DesktopSteps = (_a) => {
-    var { className } = _a, rest = __rest(_a, ["className"]);
+    var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
     const style = `
       & .ant-steps-item-title {
         padding-right: 0;
       }
   
-      & .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
+      & .ant-steps-item-finish .ant-steps-item-title {
         ${fontStyles_1.baseStyle}
         ${fontStyles_1.InactiveDesktopStepperStyle}
       }
   
-      & .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
+      & .ant-steps-item-process .ant-steps-item-title {
         ${fontStyles_1.baseStyle}
         ${fontStyles_1.ActiveDesktopStepperStyle}
       }
+
+      & .ant-steps-item-wait .ant-steps-item-title {
+        ${fontStyles_1.baseStyle}
+        ${fontStyles_1.InactiveDesktopStepperStyle}
+        color: #777777;
+      }
   
-      & .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
+      & .ant-steps-item-finish .ant-steps-item-icon {
         background: #43CC32;
       }
   
@@ -44,63 +50,38 @@ const DesktopSteps = (_a) => {
         height: 13px;
       }
   
-      &.ant-steps-dot .ant-steps-item-content {
+      &.ant-steps-dot .ant-steps-item-section {
         width: unset;
         max-width: 100%;
       }
   
-      &.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
-        width: 13px;
-        height: 13px;
-      }
-  
       &.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
         margin-top: 6px;
       }
   
-      &.ant-steps-dot .ant-steps-item-tail::after {
+      &.ant-steps-dot .ant-steps-item-rail {
         margin-left: 15px;
+        top: 4px;
+        left: -9px;
       }
   
-      & .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
+      & .ant-steps-item-finish .ant-steps-item-rail {
+        border-color: #CACACA;
+      }
+
+      & .ant-steps-item-process .ant-steps-item-rail {
         background: #CACACA;
       }
   
-      &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
+      &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
         top: 0;
+        left: 0;
       }
   
       &.ant-steps-vertical .ant-steps-item-icon {
         margin-right: 10px;
       }
-  
-      &.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
-        left: 0;
-      }
-  
-      & .ant-steps-item-icon > .ant-steps-icon {
-        top: 0;
-      }
-  
-      &.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
-        top: 4px;
-        left: -9px;
-      }
-  
-      & .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
-        background: #CACACA;
-      }
-  
-      & .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
-        ${fontStyles_1.baseStyle}
-        ${fontStyles_1.InactiveDesktopStepperStyle}
-        color: #777777;
-      }
     `;
-    return react_1.default.createElement(antd_1.Steps, Object.assign({}, rest, { className: (0, emotion_1.cx)((0, emotion_1.css)(style), className) }));
-};
-const DesktopStep = (_a) => {
-    var props = __rest(_a, []);
     const ellipseStyle = (0, emotion_1.css) `
     & .ant-steps-item-title {
       white-space: nowrap;
@@ -109,8 +90,18 @@ const DesktopStep = (_a) => {
       text-overflow: ellipsis;
     }
   `;
-    return react_1.default.createElement(antd_1.Steps.Step, Object.assign({ className: (0, emotion_1.cx)(ellipseStyle) }, props));
+    // Convert children (DesktopSteps.Step elements) into `items` for antd v6
+    const items = react_1.default.Children.toArray(children)
+        .filter(react_1.default.isValidElement)
+        .map((child) => {
+        const _a = child.props, { className: itemClassName } = _a, itemProps = __rest(_a, ["className"]);
+        return Object.assign(Object.assign({}, itemProps), { className: (0, emotion_1.cx)(ellipseStyle, itemClassName) });
+    });
+    return react_1.default.createElement(antd_1.Steps, Object.assign({}, rest, { items: items, className: (0, emotion_1.cx)((0, emotion_1.css)(style), className) }));
 };
+// DesktopSteps.Step is a render-only marker component; its props are collected
+// by the parent DesktopSteps and forwarded as `items` to antd Steps.
+const DesktopStep = () => null;
 DesktopSteps.Step = DesktopStep;
 exports.default = DesktopSteps;
 //# sourceMappingURL=DesktopSteps.js.map

package/dist/components/Steps/DesktopSteps.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAAmD;AACnD,2DAImC;AAEnC,MAAM,YAAY,GAAG,CAAC,EAKrB,EAAE,EAAE;QALiB,EACpB,SAAS,OAIV,EAHI,IAAI,cAFa,aAGrB,CADQ;IAIP,MAAM,KAAK,GAAG;;;;;;UAMN,sBAAS;UACT,wCAA2B;;;;UAI3B,sBAAS;UACT,sCAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4DzB,sBAAS;UACT,wCAA2B;;;KAGhC,CAAA;IAEH,OAAO,8BAAC,YAAK,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AAClE,CAAC,CAAA;AAED,MAAM,WAAW,GAAwB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAClD,MAAM,YAAY,GAAG,IAAA,aAAG,EAAA;;;;;;;GAOvB,CAAA;IACD,OAAO,8BAAC,YAAK,CAAC,IAAI,kBAAC,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,CAAC,IAAM,KAAK,EAAI,CAAA;AAC/D,CAAC,CAAA;AACD,YAAY,CAAC,IAAI,GAAG,WAAW,CAAA;AAE/B,kBAAe,YAAY,CAAA"}
+{"version":3,"file":"DesktopSteps.js","sourceRoot":"","sources":["../../../src/components/Steps/DesktopSteps.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAAwC;AACxC,2DAImC;AAanC,MAAM,YAAY,GAAG,CAAC,EAMrB,EAAE,EAAE;QANiB,EACpB,SAAS,EACT,QAAQ,OAIT,EAHI,IAAI,cAHa,yBAIrB,CADQ;IAIP,MAAM,KAAK,GAAG;;;;;;UAMN,sBAAS;UACT,wCAA2B;;;;UAI3B,sBAAS;UACT,sCAAyB;;;;UAIzB,sBAAS;UACT,wCAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4ChC,CAAA;IAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAA;;;;;;;GAOvB,CAAA;IAED,yEAAyE;IACzE,MAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC3C,MAAM,CAAC,eAAK,CAAC,cAAc,CAAC;SAC5B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,KACJ,KAAK,CAAC,KAEL,EAHG,EAAE,SAAS,EAAE,aAAa,OAG7B,EAHkC,SAAS,cAAxC,aAA0C,CAG7C,CAAA;QACH,uCACK,SAAS,KACZ,SAAS,EAAE,IAAA,YAAE,EAAC,YAAY,EAAE,aAAa,CAAC,IAC3C;IACH,CAAC,CAAC,CAAA;IAEJ,OAAO,8BAAC,YAAK,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AAChF,CAAC,CAAA;AAED,+EAA+E;AAC/E,qEAAqE;AACrE,MAAM,WAAW,GAAuB,GAAG,EAAE,CAAC,IAAI,CAAA;AAClD,YAAY,CAAC,IAAI,GAAG,WAAW,CAAA;AAE/B,kBAAe,YAAY,CAAA"}

package/dist/components/Tabs/index.js

@@ -20,7 +20,7 @@ const antd_1 = require("antd");
 const TypographyStyles_1 = require("../../shared/TypographyStyles");
 const ThemeContext_1 = require("../../theme/ThemeContext");
 const Tabs = (_a) => {
-    var { children } = _a, rest = __rest(_a, ["children"]);
+    var { children, items } = _a, rest = __rest(_a, ["children", "items"]);
     const { brand } = (0, ThemeContext_1.useTheme)();
     const style = `
     font-family: ${TypographyStyles_1.MAIN_FONT};
@@ -56,8 +56,27 @@ const Tabs = (_a) => {
       background-color: ${brand.primary.default}; 
     }
     `;
-    return (react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `${(0, emotion_1.css)(style)}` }, rest), children));
+    // Support legacy children (Tabs.TabPane) by converting to items.
+    // Use React.Children.forEach instead of toArray to avoid the .$-prefix
+    // that toArray adds to keys, which would break controlled activeKey usage.
+    const resolvedItems = items !== null && items !== void 0 ? items : (children
+        ? (() => {
+            const result = [];
+            react_1.default.Children.forEach(children, (child) => {
+                var _a, _b;
+                if (!react_1.default.isValidElement(child))
+                    return;
+                const _c = child.props, { tab, key: propKey, children: childContent } = _c, paneRest = __rest(_c, ["tab", "key", "children"]);
+                result.push(Object.assign({ key: String((_b = (_a = child.key) !== null && _a !== void 0 ? _a : propKey) !== null && _b !== void 0 ? _b : ''), label: tab, children: childContent }, paneRest));
+            });
+            return result;
+        })()
+        : undefined);
+    return react_1.default.createElement(antd_1.Tabs, Object.assign({ className: `${(0, emotion_1.css)(style)}`, items: resolvedItems }, rest));
 };
+// Keep TabPane export for backward compatibility with legacy children usage.
+// At runtime, children passed to Tabs are converted to items automatically above.
+// Consumers using <Tabs.TabPane> will continue to work without code changes.
 Tabs.TabPane = antd_1.Tabs.TabPane;
 exports.default = Tabs;
 //# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAA6B;AAE7B,+BAAsC;AAEtC,oEAAyE;AACzE,2DAAmD;AAUnD,MAAM,IAAI,GAAG,CAAC,EAA4B,EAAE,EAAE;QAAhC,EAAE,QAAQ,OAAkB,EAAb,IAAI,cAAnB,YAAqB,CAAF;IAC/B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAC5B,MAAM,KAAK,GAAG;mBACG,4BAAS;;;;;;;;;;;;;;;;;;;;eAoBb,KAAK,CAAC,OAAO,CAAC,OAAO;;;;;;qBAMf,iCAAc;;;;0BAIT,KAAK,CAAC,OAAO,CAAC,OAAO;;KAE1C,CAAA;IAEH,OAAO,CACL,8BAAC,WAAO,kBAAC,SAAS,EAAE,GAAG,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,IAAM,IAAI,GAC1C,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,OAAO,GAAG,WAAO,CAAC,OAAO,CAAA;AAE9B,kBAAe,IAAI,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAA6B;AAE7B,+BAAsC;AAGtC,oEAAyE;AACzE,2DAAmD;AAWnD,MAAM,IAAI,GAAG,CAAC,EAAmC,EAAE,EAAE;QAAvC,EAAE,QAAQ,EAAE,KAAK,OAAkB,EAAb,IAAI,cAA1B,qBAA4B,CAAF;IACtC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAQ,GAAE,CAAA;IAC5B,MAAM,KAAK,GAAG;mBACG,4BAAS;;;;;;;;;;;;;;;;;;;;eAoBb,KAAK,CAAC,OAAO,CAAC,OAAO;;;;;;qBAMf,iCAAc;;;;0BAIT,KAAK,CAAC,OAAO,CAAC,OAAO;;KAE1C,CAAA;IAEH,iEAAiE;IACjE,uEAAuE;IACvE,2EAA2E;IAC3E,MAAM,aAAa,GACjB,KAAK,aAAL,KAAK,cAAL,KAAK,GACL,CAAC,QAAQ;QACP,CAAC,CAAC,CAAC,GAAG,EAAE;YACJ,MAAM,MAAM,GAAoC,EAAE,CAAA;YAClD,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;gBACzC,IAAI,CAAC,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC;oBAAE,OAAM;gBACxC,MAAM,KAKF,KAAK,CAAC,KAKT,EAVK,EACJ,GAAG,EACH,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,YAAY,OAOvB,EANI,QAAQ,cAJP,0BAKL,CAKA,CAAA;gBACD,MAAM,CAAC,IAAI,iBACT,GAAG,EAAE,MAAM,CAAC,MAAA,MAAA,KAAK,CAAC,GAAG,mCAAI,OAAO,mCAAI,EAAE,CAAC,EACvC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,YAAY,IACnB,QAAQ,EACX,CAAA;YACJ,CAAC,CAAC,CAAA;YACF,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,EAAE;QACN,CAAC,CAAC,SAAS,CAAC,CAAA;IAEhB,OAAO,8BAAC,WAAO,kBAAC,SAAS,EAAE,GAAG,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,aAAa,IAAM,IAAI,EAAI,CAAA;AAChF,CAAC,CAAA;AAED,6EAA6E;AAC7E,kFAAkF;AAClF,6EAA6E;AAC7E,IAAI,CAAC,OAAO,GAAG,WAAO,CAAC,OAAO,CAAA;AAE9B,kBAAe,IAAI,CAAA"}

package/dist/components/Timeline/index.js

@@ -20,38 +20,19 @@ const antd_1 = require("antd");
 const CustomTimeline = (_a) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     const style = `
-    // for reverse === true
-    &.ant-timeline.ant-timeline-reverse
-      > .ant-timeline-item
-      > .ant-timeline-item-head-custom {
-      top: 40px;
-      margin-right: 50px;
-    }
-
-    &.ant-timeline.ant-timeline-reverse
-      > .ant-timeline-item
-      > .ant-timeline-item-tail {
-      top: 40px;
-    }
-
-    &.ant-timeline.ant-timeline-reverse
-      > .ant-timeline-item
-      > .ant-timeline-item-content {
-      margin-left: 45px;
-    }
-
-    // for reverse === false
-    &.ant-timeline > .ant-timeline-item > .ant-timeline-item-head-custom {
-      top: 40px;
-      margin-right: 50px;
-    }
+    &.ant-timeline .ant-timeline-item {
+      .ant-timeline-item-icon {
+        top: 40px;
+      }
 
-    &.ant-timeline > .ant-timeline-item > .ant-timeline-item-tail {
-      top: 40px;
-    }
+      .ant-timeline-item-rail {
+        top: 40px;
+        bottom: -40px;
+      }
 
-    &.ant-timeline > .ant-timeline-item > .ant-timeline-item-content {
-      margin-left: 45px;
+      .ant-timeline-item-content {
+        margin-left: 20px;
+      }
     }
   `;
     return react_1.default.createElement(antd_1.Timeline, Object.assign({}, rest, { className: (0, emotion_1.cx)((0, emotion_1.css)(style), className) }));

package/dist/components/Timeline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAA8C;AAE9C,MAAM,cAAc,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,SAAS,OAA0B,EAArB,IAAI,cAApB,aAAsB,CAAF;IAC1C,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCb,CAAA;IAED,OAAO,8BAAC,eAAQ,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AACrE,CAAC,CAAA;AAED,cAAc,CAAC,IAAI,GAAG,eAAQ,CAAC,IAAI,CAAA;AAEnC,kBAAe,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Timeline/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,qCAAiC;AACjC,+BAA8C;AAE9C,MAAM,cAAc,GAAG,CAAC,EAAqC,EAAE,EAAE;QAAzC,EAAE,SAAS,OAA0B,EAArB,IAAI,cAApB,aAAsB,CAAF;IAC1C,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;GAeb,CAAA;IAED,OAAO,8BAAC,eAAQ,oBAAK,IAAI,IAAE,SAAS,EAAE,IAAA,YAAE,EAAC,IAAA,aAAG,EAAC,KAAK,CAAC,EAAE,SAAS,CAAC,IAAI,CAAA;AACrE,CAAC,CAAA;AAED,cAAc,CAAC,IAAI,GAAG,eAAQ,CAAC,IAAI,CAAA;AAEnC,kBAAe,cAAc,CAAA"}

package/dist/components/Tooltip/index.js

@@ -28,7 +28,7 @@ function default_1({ children, placement = 'bottomRight', overlayClassName = def
         }
     };
     const overlayStyle = maxWidth ? { maxWidth } : undefined;
-    return (react_1.default.createElement(antd_1.Tooltip, { overlayClassName: overlayClassName, arrowPointAtCenter: arrowPointAtCenter, trigger: trigger, color: color, placement: placement, overlayStyle: overlayStyle, title: react_1.default.createElement(Container, null,
+    return (react_1.default.createElement(antd_1.Tooltip, { overlayClassName: overlayClassName, arrow: arrowPointAtCenter ? { pointAtCenter: true } : undefined, trigger: trigger, color: color, placement: placement, overlayStyle: overlayStyle, title: react_1.default.createElement(Container, null,
             title && (react_1.default.createElement(Typography_1.P1Bold, { style: {
                     fontSize: TypographyStyles_1.FONT_SIZE.P1,
                     marginBottom: '16px',
@@ -50,7 +50,7 @@ const defaultOverlayStyle = (0, emotion_1.css) `
   color: ${theme_1.straitsXTheme.text.white};
   box-shadow: none;
 
-  .ant-tooltip-inner {
+  .ant-tooltip-container {
     padding: 12px;
     border-radius: 8px;
     box-shadow: none;

package/dist/components/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"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"}

package/dist/shared/momentDatePicker.js

@@ -6,7 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const antd_1 = require("antd");
-const moment_1 = __importDefault(require("rc-picker/lib/generate/moment"));
+const moment_1 = __importDefault(require("@rc-component/picker/lib/generate/moment"));
 const MomentDatePicker = antd_1.DatePicker.generatePicker(moment_1.default);
 exports.default = MomentDatePicker;
 //# sourceMappingURL=momentDatePicker.js.map

package/dist/shared/momentDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"momentDatePicker.js","sourceRoot":"","sources":["../../src/shared/momentDatePicker.ts"],"names":[],"mappings":";AAAA,gGAAgG;AAChG,iIAAiI;;;;;AAEjI,+BAAiC;AAEjC,2EAAgE;AAEhE,MAAM,gBAAgB,GAAG,iBAAU,CAAC,cAAc,CAAS,gBAAoB,CAAC,CAAA;AAEhF,kBAAe,gBAAgB,CAAA"}
+{"version":3,"file":"momentDatePicker.js","sourceRoot":"","sources":["../../src/shared/momentDatePicker.ts"],"names":[],"mappings":";AAAA,gGAAgG;AAChG,iIAAiI;;;;;AAEjI,+BAAiC;AAEjC,sFAA2E;AAE3E,MAAM,gBAAgB,GAAG,iBAAU,CAAC,cAAc,CAAS,gBAAoB,CAAC,CAAA;AAEhF,kBAAe,gBAAgB,CAAA"}

package/dist/types/components/CopyBox/styles.d.ts

@@ -9,8 +9,8 @@ export declare const TextContainer: import("@emotion/styled-base").StyledCompone
 export declare const TextValueStyles: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isBankAddress: boolean;
 }, object>;
-export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
-}, Pick<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
+export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
+}, Pick<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, keyof import("antd").ButtonProps>, object>;

package/dist/types/components/DynamicSelect/DynamicSelect.d.ts

@@ -13,7 +13,7 @@ export type IExtraElementProps = {
 type IAddItemProps = Omit<IExtraElementProps, 'topContent' | 'bottomContent'>;
 declare const DynamicSelect: {
     ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): React.JSX.Element;
-    Option: import("rc-select/lib/Option").OptionFC;
+    Option: import("@rc-component/select/lib/Option").OptionFC;
 };
 export declare const AddIcon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement>, keyof React.ImgHTMLAttributes<HTMLImageElement>>, object>;
 export declare const AddButton: import("@emotion/styled-base").StyledComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {

package/dist/types/components/Select/index.d.ts

@@ -1,7 +1,6 @@
 import React, { RefObject } from 'react';
 import { SelectProps } from 'antd';
-import type { BaseSelectRef } from 'rc-select';
-import type { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
+import type { BaseSelectRef, BaseOptionType, DefaultOptionType } from '@rc-component/select';
 export type Props = {
     disabled?: boolean;
     children?: React.ReactNode;
@@ -25,6 +24,6 @@ export type Props = {
 } & Omit<SelectProps<unknown, DefaultOptionType | BaseOptionType>, 'disabled' | 'size'>;
 declare const Select: {
     ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): React.JSX.Element;
-    Option: import("rc-select/lib/Option").OptionFC;
+    Option: import("@rc-component/select/lib/Option").OptionFC;
 };
 export default Select;

package/dist/types/components/Select/style.d.ts

@@ -1,10 +1,10 @@
 export declare const LabelContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const OptionContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const SelectContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<Omit<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
+export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<Omit<import("antd").SelectProps<unknown, import("@rc-component/select").DefaultOptionType | import("@rc-component/select").BaseOptionType> & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<import("rc-select").BaseSelectRef>, "ref"> & {
-    ref?: ((instance: import("rc-select").BaseSelectRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-select").BaseSelectRef> | null | undefined;
+} & import("react").RefAttributes<import("antd").RefSelectProps>, "ref"> & {
+    ref?: ((instance: import("antd").RefSelectProps | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("antd").RefSelectProps> | null | undefined;
 }, {
     $size: "sm" | "lg";
     $mode?: "multiple";

package/dist/types/components/Steps/DesktopSteps.d.ts

@@ -1,9 +1,18 @@
 import React from 'react';
-import { StepsProps, StepProps } from 'antd';
+import { StepsProps } from 'antd';
+type StepItem = {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    className?: string;
+};
 declare const DesktopSteps: {
-    ({ className, ...rest }: StepsProps & {
-        children: React.ReactNode;
+    ({ className, children, ...rest }: StepsProps & {
+        children?: React.ReactNode;
     }): React.JSX.Element;
-    Step: React.FC<StepProps>;
+    Step: React.FC<StepItem>;
 };
 export default DesktopSteps;

package/dist/types/components/Tabs/index.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
+import type { TabsProps } from 'antd';
 type Props = {
     activeKey?: string;
     onChange?: any;
     animated?: boolean;
-    children: React.ReactNode;
+    items?: TabsProps['items'];
+    children?: React.ReactNode;
 };
 declare const Tabs: {
-    ({ children, ...rest }: Props): React.JSX.Element;
+    ({ children, items, ...rest }: Props): React.JSX.Element;
     TabPane: React.FC<import("antd").TabPaneProps>;
 };
 export default Tabs;

package/dist/types/shared/momentDatePicker.d.ts

@@ -1,18 +1,18 @@
 import type { Moment } from 'moment';
-declare const MomentDatePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType>) => React.ReactElement) & {
+declare const MomentDatePicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType, IsMultiple>) => React.ReactElement) & {
     displayName?: string;
 } & {
     displayName?: string;
-    WeekPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+    WeekPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
         displayName?: string;
     };
-    MonthPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+    MonthPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
         displayName?: string;
     };
-    YearPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+    YearPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
         displayName?: string;
     };
-    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader"> & {
+    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("@rc-component/picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "classNames" | "styles"> & {
         locale?: import("antd/es/date-picker/generatePicker").PickerLocale;
         size?: import("antd/es/button").ButtonSize;
         placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
@@ -23,11 +23,73 @@ declare const MomentDatePicker: (<ValueType = Moment>(props: import("antd/es/dat
         popupClassName?: string;
         rootClassName?: string;
         popupStyle?: React.CSSProperties;
-    } & import("react").RefAttributes<import("rc-picker").PickerRef>>;
-    TimePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+        classNames?: import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepClassNameType<{
+            root?: string;
+            prefix?: string;
+            input?: string;
+            suffix?: string;
+            popup?: string | {
+                root?: string;
+                header?: string;
+                body?: string;
+                content?: string;
+                item?: string;
+                footer?: string;
+                container?: string;
+            };
+        } | undefined> | ((info: {
+            props: import("antd/es/date-picker/generatePicker/interface").InjectDefaultProps<import("@rc-component/picker").RangePickerProps<Moment>>;
+        }) => import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepClassNameType<{
+            root?: string;
+            prefix?: string;
+            input?: string;
+            suffix?: string;
+            popup?: string | {
+                root?: string;
+                header?: string;
+                body?: string;
+                content?: string;
+                item?: string;
+                footer?: string;
+                container?: string;
+            };
+        } | undefined>);
+        styles?: import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepStylesType<{
+            root?: React.CSSProperties;
+            prefix?: React.CSSProperties;
+            input?: React.CSSProperties;
+            suffix?: React.CSSProperties;
+            popup?: {
+                root?: React.CSSProperties;
+                header?: React.CSSProperties;
+                body?: React.CSSProperties;
+                content?: React.CSSProperties;
+                item?: React.CSSProperties;
+                footer?: React.CSSProperties;
+                container?: React.CSSProperties;
+            };
+        } | undefined> | ((info: {
+            props: import("antd/es/date-picker/generatePicker/interface").InjectDefaultProps<import("@rc-component/picker").RangePickerProps<Moment>>;
+        }) => import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepStylesType<{
+            root?: React.CSSProperties;
+            prefix?: React.CSSProperties;
+            input?: React.CSSProperties;
+            suffix?: React.CSSProperties;
+            popup?: {
+                root?: React.CSSProperties;
+                header?: React.CSSProperties;
+                body?: React.CSSProperties;
+                content?: React.CSSProperties;
+                item?: React.CSSProperties;
+                footer?: React.CSSProperties;
+                container?: React.CSSProperties;
+            };
+        } | undefined>);
+    } & import("react").RefAttributes<import("@rc-component/picker").PickerRef>>;
+    TimePicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
         displayName?: string;
     };
-    QuarterPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
+    QuarterPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
         displayName?: string;
     };
 };