@xfers/design-system 4.0.1 → 4.1.0

package/dist/components/Button/Button.js

@@ -38,7 +38,7 @@ var styles_1 = require("./styles");
 var CustomButton = function (_a) {
     var _b = _a.type, type = _b === void 0 ? 'primary' : _b, size = _a.size, iconColor = _a.iconColor, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, children = _a.children, icon = _a.icon, rest = __rest(_a, ["type", "size", "iconColor", "isDisabled", "isFullWidth", "className", "children", "icon"]);
     var _f = (0, ThemeContext_1.useTheme)(), brand = _f.brand, button = _f.button, actionButton = _f.actionButton, color = _f.color;
-    var primaryStyle = "\n    background-color: ".concat(brand.action.default, ";\n    color: ").concat(brand.primary.contrast, ";\n    border: none;\n\n    &:focus {\n      background-color: ").concat(brand.action.default, ";\n      color: ").concat(brand.primary.contrast, ";\n      border: none;\n    }\n    \n    &:active {\n      background-color: ").concat(brand.action.pressed, ";\n      color: ").concat(brand.primary.contrast, ";\n      border: none;\n    }\n      \n    &:hover {\n      background-color: ").concat(brand.action.hover, ";\n      color: ").concat(brand.primary.contrast, ";\n      border: none;\n    }\n  ");
+    var primaryStyle = "\n    background-color: ".concat(brand.action.default, ";\n    color: ").concat(brand.primary.contrast, ";\n    border: none;\n\n    &:focus {\n      background-color: ").concat(brand.action.default, ";\n      border: none;\n    }\n    \n    &:active {\n      background-color: ").concat(brand.action.pressed, ";\n      border: none;\n    }\n      \n    &:hover {\n      background-color: ").concat(brand.action.hover, ";\n      border: none;\n    }\n  ");
     var secondaryStyle = "\n    background-color: ".concat(button.background, ";\n    color: ").concat(brand.primary.contrast, ";\n    border: 1px solid ").concat(button.border, ";\n\n    &:focus {\n      background-color: ").concat(button.background, ";\n      border: 1px solid ").concat(button.border, ";\n    }\n\n    &:hover {\n      background-color: ").concat(brand.secondary.action.hover, ";\n      border: 1px solid ").concat(button.border, ";\n    }\n\n    &:active {\n      background-color: ").concat(brand.secondary.action.pressed, ";\n      border: 1px solid ").concat(button.border, ";\n    }\n\n    &[ant-click-animating-without-extra-node]:after {\n      --antd-wave-shadow-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n    }\n  ");
     var tertiaryStyle = "\n    background-color: transparent;\n    color: ".concat(brand.primary.contrast, ";\n    border: none;\n\n    &:focus {\n      background-color: transparent;\n      border: none;\n    }\n\n    &:hover {\n      background-color: ").concat(brand.tertiary.action.hover, ";\n      border: none;\n    }\n\n    &:active {\n      background-color: ").concat(brand.tertiary.action.pressed, ";\n      border: none;\n    }\n  ");
     var primaryDisabledStyle = "\n    cursor: not-allowed;\n    background-color: ".concat(color.surface.disabledSurface, ";\n    color: ").concat(color.surface.disabledOnSurface, ";\n    border: none;\n    \n    &:hover, &:focus, &:active {\n      cursor: not-allowed;\n      background-color: ").concat(color.surface.disabledSurface, ";\n      color: ").concat(color.surface.disabledOnSurface, ";\n      border: none;\n    }\n  ");
@@ -61,7 +61,7 @@ var CustomButton = function (_a) {
     var fullWidthStyle = "\n    width: 100%;\n  ";
     var defaultIconStyle = "\n        color: ".concat(actionButton.color, ";\n\n        &:focus {\n            color: ").concat(actionButton.color, ";\n        }\n\n        &:hover {\n            color: ").concat(actionButton.hover, ";\n        }\n\n        &:active {\n            color: ").concat(actionButton.color, ";\n        }\n  ");
     var primaryIconStyle = "\n        color: ".concat(brand.action.default, ";\n\n        &:focus {\n            color: ").concat(brand.action.default, ";\n        }\n\n        &:hover {\n            color: ").concat(brand.action.hover, ";\n        }\n\n        &:active {\n            color: ").concat(brand.action.default, ";\n        }\n  ");
-    var StyledButton = (0, styled_1.default)(button_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &.ant-btn {\n      text-shadow: none;\n      -webkit-font-smoothing: antialiased;\n      border-radius: 99px;\n      min-width: 100px;\n      height: ", ";\n      box-shadow: none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      padding: 16px;\n\n      & > svg {\n        vertical-align: middle;\n        font-size: 16px;\n        margin-right: 6px;\n        ", "\n      }\n    }\n  "], ["\n    &.ant-btn {\n      text-shadow: none;\n      -webkit-font-smoothing: antialiased;\n      border-radius: 99px;\n      min-width: 100px;\n      height: ", ";\n      box-shadow: none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      padding: 16px;\n\n      & > svg {\n        vertical-align: middle;\n        font-size: 16px;\n        margin-right: 6px;\n        ", "\n      }\n    }\n  "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle);
+    var StyledButton = (0, styled_1.default)(button_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &.ant-btn {\n      text-shadow: none;\n      -webkit-font-smoothing: antialiased;\n      border-radius: 99px;\n      min-width: 100px;\n      height: ", ";\n      box-shadow: none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      padding: 16px;\n\n      & > svg {\n        vertical-align: middle;\n        font-size: 16px;\n        margin-right: 6px;\n        ", "\n      }\n      &:hover, &:focus, &:active {\n        color: ", " !important;\n      }\n    }\n  "], ["\n    &.ant-btn {\n      text-shadow: none;\n      -webkit-font-smoothing: antialiased;\n      border-radius: 99px;\n      min-width: 100px;\n      height: ", ";\n      box-shadow: none;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      padding: 16px;\n\n      & > svg {\n        vertical-align: middle;\n        font-size: 16px;\n        margin-right: 6px;\n        ", "\n      }\n      &:hover, &:focus, &:active {\n        color: ", " !important;\n      }\n    }\n  "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle, brand.primary.contrast);
     var StyledIconButton = (0, styled_1.default)(button_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    &.ant-btn {\n      ", ";\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    }\n  "], ["\n    &.ant-btn {\n      ", ";\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    }\n  "])), fontStyles_1.baseStyle, size === 'small' ? styles_1.iconButtonSmallStyle : styles_1.iconButtonStyle, type === 'primary' && styles_1.iconButtonPrimaryStyle, type === 'secondary' && styles_1.iconButtonSecondaryStyle, type === 'tertiary' && styles_1.iconButtonTertiaryStyle, (0, styles_1.iconButtonSVGStyle)(size), isDisabled && (0, styles_1.iconButtonDisabledStyle)(type));
     var disabledClassName = isDisabled ? "straitsx-button-disabled" : undefined;
     if (icon) {

package/dist/components/Button/Button.js.map

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

package/dist/components/CopyBox/CopyBox.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var copy_to_clipboard_1 = require("copy-to-clipboard");
+var CopyToClipboard_1 = require("src/icons/CopyToClipboard");
+var theme_1 = require("src/theme/theme");
+var Typography_1 = require("src/constants/Typography/Typography");
+var styles_1 = require("./styles");
+var CopyBox = function (_a) {
+    var value = _a.value, _b = _a.allowCopy, allowCopy = _b === void 0 ? true : _b, _c = _a.valueToCopy, valueToCopy = _c === void 0 ? value : _c, _d = _a.isBankAddress, isBankAddress = _d === void 0 ? false : _d, _e = _a.showCopyIcon, showCopyIcon = _e === void 0 ? true : _e, icon = _a.icon, iconSize = _a.iconSize, labelText = _a.labelText, labelTooltip = _a.labelTooltip, helperText = _a.helperText, helperTextType = _a.helperTextType, onButtonClick = _a.onButtonClick;
+    return (react_1.default.createElement(styles_1.Container, null,
+        react_1.default.createElement(styles_1.LabelContainer, null,
+            labelText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "md", color: theme_1.straitsXTheme.color.base.onNeutral }, labelText)),
+            labelTooltip && react_1.default.createElement(styles_1.TooltipContainer, null, labelTooltip)),
+        react_1.default.createElement(styles_1.CopyContainer, null,
+            react_1.default.createElement(styles_1.TextContainer, null,
+                icon && react_1.default.createElement(styles_1.IconContainer, { iconSize: iconSize }, icon),
+                react_1.default.createElement(Typography_1.Typography.Body, { size: "lg" },
+                    react_1.default.createElement(styles_1.TextValueStyles, { isBankAddress: isBankAddress }, value))),
+            allowCopy && (react_1.default.createElement(styles_1.CopyButton, { onClick: function () {
+                    if (onButtonClick !== undefined)
+                        onButtonClick();
+                    (0, copy_to_clipboard_1.default)(valueToCopy);
+                } }, showCopyIcon ? (react_1.default.createElement(CopyToClipboard_1.default, null)) : (react_1.default.createElement(Typography_1.Typography.Label, { size: "md", color: theme_1.straitsXTheme.brand.primary.default }, "Copy"))))),
+        helperText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", color: helperTextType === 'error'
+                ? theme_1.straitsXTheme.color.status.critical
+                : theme_1.straitsXTheme.color.base.onNeutralSecondary }, helperText))));
+};
+exports.default = CopyBox;
+//# sourceMappingURL=CopyBox.js.map

package/dist/components/CopyBox/CopyBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyBox.js","sourceRoot":"","sources":["../../../src/components/CopyBox/CopyBox.tsx"],"names":[],"mappings":";;AAAA,+BAAyB;AACzB,uDAAoC;AACpC,6DAAuD;AACvD,yCAA+C;AAC/C,kEAAgE;AAChE,mCASiB;AAiBjB,IAAM,OAAO,GAAG,UAAC,EAaH;QAZZ,KAAK,WAAA,EACL,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,aAAa,mBAAA;IAEb,OAAO,CACL,8BAAC,kBAAS;QACR,8BAAC,uBAAc;YACZ,SAAS,IAAI,CACZ,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,IACjE,SAAS,CACM,CACnB;YACA,YAAY,IAAI,8BAAC,yBAAgB,QAAE,YAAY,CAAoB,CACrD;QAEjB,8BAAC,sBAAa;YACZ,8BAAC,sBAAa;gBACX,IAAI,IAAI,8BAAC,sBAAa,IAAC,QAAQ,EAAE,QAAQ,IAAG,IAAI,CAAiB;gBAClE,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI;oBACxB,8BAAC,wBAAe,IAAC,aAAa,EAAE,aAAa,IAC1C,KAAK,CACU,CACF,CACJ;YAEf,SAAS,IAAI,CACZ,8BAAC,mBAAU,IACT,OAAO,EAAE;oBACP,IAAI,aAAa,KAAK,SAAS;wBAAE,aAAa,EAAE,CAAA;oBAChD,IAAA,2BAAI,EAAC,WAAW,CAAC,CAAA;gBACnB,CAAC,IAEA,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,yBAAe,OAAG,CACpB,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAU,CAAC,KAAK,IACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,WAGzB,CACpB,CACU,CACd,CACa;QACf,UAAU,IAAI,CACb,8BAAC,uBAAU,CAAC,IAAI,IACd,IAAI,EAAC,IAAI,EACT,KAAK,EACH,cAAc,KAAK,OAAO;gBACxB,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBACrC,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,IAGhD,UAAU,CACK,CACnB,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA"}

package/dist/components/CopyBox/index.js

@@ -1,62 +1,6 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var styled_1 = require("@emotion/styled");
-var copy_to_clipboard_1 = require("copy-to-clipboard");
-var Button_1 = require("src/components/Button");
-require("antd/es/button/style/css");
-var src_1 = require("src");
-var CopyBox = function (_a) {
-    var value = _a.value, prefix = _a.prefix, _b = _a.withCopy, withCopy = _b === void 0 ? true : _b, _c = _a.valueToCopy, valueToCopy = _c === void 0 ? value : _c, onButtonClick = _a.onButtonClick, props = __rest(_a, ["value", "prefix", "withCopy", "valueToCopy", "onButtonClick"]);
-    var brand = (0, src_1.useTheme)().brand;
-    return (react_1.default.createElement(Container, __assign({}, props),
-        prefix && react_1.default.createElement(Prefix, null, prefix),
-        react_1.default.createElement(InputValue, { withPrefix: !!prefix, withCopy: withCopy }, value),
-        withCopy && (react_1.default.createElement(Button_1.default, { type: "secondary", style: {
-                borderTopLeftRadius: '0px',
-                borderBottomLeftRadius: '0px',
-                color: brand.primary.default
-            }, onClick: function () {
-                if (onButtonClick !== undefined)
-                    onButtonClick();
-                (0, copy_to_clipboard_1.default)(valueToCopy);
-            } }, "Copy"))));
-};
-exports.default = CopyBox;
-var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var Prefix = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 48px;\n  border: 1px solid #e8e8e8;\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n  box-sizing: border-box;\n  background: #f6f7f9;\n  color: #1b2736;\n  font-family: 'Hanken Grotesk', Inter;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 15px;\n  padding-right: 12px;\n  word-break: break-all;\n"], ["\n  width: 48px;\n  border: 1px solid #e8e8e8;\n  border-top-left-radius: 5px;\n  border-bottom-left-radius: 5px;\n  box-sizing: border-box;\n  background: #f6f7f9;\n  color: #1b2736;\n  font-family: 'Hanken Grotesk', Inter;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 15px;\n  padding-right: 12px;\n  word-break: break-all;\n"])));
-var InputValue = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid #e8e8e8;\n  border-left: 0px;\n  border-right: 0px;\n  box-sizing: border-box;\n  background: #f6f7f9;\n  color: #1b2736;\n  font-family: \"Hanken Grotesk\", Inter;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 15px;\n  padding-right: 12px;\n  flex-basis: 0px;\n  flex-grow: 1;\n  flex-shrink: 1;\n  word-break: break-all;\n  border-radius: 0px;\n\n  // if withPrefix is false then:\n  ", "\n\n  // if withCopy is false then:\n  ", "\n"], ["\n  border: 1px solid #e8e8e8;\n  border-left: 0px;\n  border-right: 0px;\n  box-sizing: border-box;\n  background: #f6f7f9;\n  color: #1b2736;\n  font-family: \"Hanken Grotesk\", Inter;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-left: 15px;\n  padding-right: 12px;\n  flex-basis: 0px;\n  flex-grow: 1;\n  flex-shrink: 1;\n  word-break: break-all;\n  border-radius: 0px;\n\n  // if withPrefix is false then:\n  ", "\n\n  // if withCopy is false then:\n  ", "\n"])), function (props) {
-    return props.withPrefix ||
-        "\n      border-top-left-radius: 5px !important;\n      border-bottom-left-radius: 5px !important;\n      border-left: 1px solid #e8e8e8 !important;\n  ";
-}, function (props) {
-    return props.withCopy ||
-        "\n      border-top-right-radius: 5px !important;\n      border-bottom-right-radius: 5px !important;\n      border-right: 1px solid #e8e8e8 !important;\n  ";
-});
-var templateObject_1, templateObject_2, templateObject_3;
+exports.default = void 0;
+var CopyBox_1 = require("./CopyBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return CopyBox_1.default; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CopyBox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,uDAAoC;AACpC,gDAA0C;AAC1C,oCAAiC;AACjC,2BAA8B;AAU9B,IAAM,OAAO,GAAG,UAAC,EAOH;IANZ,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,aAAa,mBAAA,EACV,KAAK,cANO,+DAOhB,CADS;IAEA,IAAA,KAAK,GAAK,IAAA,cAAQ,GAAE,MAAf,CAAe;IAC5B,OAAO,CACL,8BAAC,SAAS,eAAK,KAAK;QACjB,MAAM,IAAI,8BAAC,MAAM,QAAE,MAAM,CAAU;QACpC,8BAAC,UAAU,IAAC,UAAU,EAAE,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,IACjD,KAAK,CACK;QACZ,QAAQ,IAAI,CACX,8BAAC,gBAAM,IACL,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE;gBACL,mBAAmB,EAAE,KAAK;gBAC1B,sBAAsB,EAAE,KAAK;gBAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;aAC7B,EACD,OAAO,EAAE;gBACP,IAAI,aAAa,KAAK,SAAS;oBAAE,aAAa,EAAE,CAAA;gBAChD,IAAA,2BAAI,EAAC,WAAW,CAAC,CAAA;YACnB,CAAC,WAGM,CACV,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA;AAEtB,IAAM,SAAS,GAAG,gBAAM,CAAC,GAAG,yFAAA,sBAE3B,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,gBAAM,CAAC,GAAG,wfAAA,qbAkBxB,IAAA,CAAA;AAED,IAAM,UAAU,GAAG,gBAAM,CAAC,GAAG,ynBAA4C,qgBAuBrE,EAMD,yCAGC,EAMD,IACF,KAhBG,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,UAAU;QAChB,yJAID;AALC,CAKD,EAGC,UAAA,KAAK;IACL,OAAA,KAAK,CAAC,QAAQ;QACd,4JAID;AALC,CAKD,CACF,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CopyBox/index.tsx"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

package/dist/components/CopyBox/styles.js

@@ -0,0 +1,21 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButton = exports.TextValueStyles = exports.TextContainer = exports.CopyContainer = exports.IconContainer = exports.TooltipContainer = exports.LabelContainer = exports.Container = void 0;
+var theme_1 = require("src/theme/theme");
+var styled_1 = require("@emotion/styled");
+var button_1 = require("antd/es/button");
+var fontStyles_1 = require("src/constants/fontStyles");
+exports.Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n"])));
+exports.LabelContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"])));
+exports.TooltipContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+exports.IconContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  > svg {\n    width: ", "!important;\n    height: 24px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  > svg {\n    width: ", "!important;\n    height: 24px;\n  }\n"])), function (props) { return (props.iconSize === 'wide' ? '48px' : '24px'); });
+exports.CopyContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  background: ", ";\n  border-radius: 12px;\n  border: 1px solid ", ";\n  min-height: 48px;\n"], ["\n  display: flex;\n  background: ", ";\n  border-radius: 12px;\n  border: 1px solid ", ";\n  min-height: 48px;\n"])), theme_1.straitsXTheme.color.surface.disabledSurface, theme_1.straitsXTheme.color.base.line);
+exports.TextContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  flex: 1 1 0px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  flex: 1 1 0px;\n"])));
+exports.TextValueStyles = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n  line-height: '24px';\n  max-height: ", ";\n  word-break: ", ";\n"], ["\n  color: ", ";\n  line-height: '24px';\n  max-height: ", ";\n  word-break: ", ";\n"])), theme_1.straitsXTheme.color.base.onNeutral, function (props) { return (props.isBankAddress ? 'auto' : '48px'); }, function (props) { return (props.isBankAddress ? 'break-word' : 'break-all'); });
+exports.CopyButton = (0, styled_1.default)(button_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  &.ant-btn {\n    text-shadow: none;\n    -webkit-font-smoothing: antialiased;\n    box-shadow: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    border-top-right-radius: 12px;\n    border-bottom-right-radius: 12px;\n    border-left: 1px solid ", " !important;\n    border-right: 0px;\n    border-block: 0px;\n    background: ", ";\n    padding: 12px;\n    min-width: unset;\n    min-height: unset;\n    height: auto;\n    & > svg {\n      vertical-align: middle;\n      font-size: 16px;\n      margin: 0px;\n    }\n    ", ";\n    &[ant-click-animating-without-extra-node]:after {\n      --antd-wave-shadow-color: ", ";\n    }\n  }\n"], ["\n  &.ant-btn {\n    text-shadow: none;\n    -webkit-font-smoothing: antialiased;\n    box-shadow: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-top-left-radius: 0px;\n    border-bottom-left-radius: 0px;\n    border-top-right-radius: 12px;\n    border-bottom-right-radius: 12px;\n    border-left: 1px solid ", " !important;\n    border-right: 0px;\n    border-block: 0px;\n    background: ", ";\n    padding: 12px;\n    min-width: unset;\n    min-height: unset;\n    height: auto;\n    & > svg {\n      vertical-align: middle;\n      font-size: 16px;\n      margin: 0px;\n    }\n    ", ";\n    &[ant-click-animating-without-extra-node]:after {\n      --antd-wave-shadow-color: ", ";\n    }\n  }\n"])), theme_1.straitsXTheme.color.base.line, theme_1.straitsXTheme.color.surface.neutral, fontStyles_1.baseStyle, theme_1.straitsXTheme.brand.primary.default);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+//# sourceMappingURL=styles.js.map

package/dist/components/CopyBox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CopyBox/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAA+C;AAC/C,0CAAoC;AACpC,yCAAmC;AACnC,uDAAqE;AAExD,QAAA,SAAS,GAAG,gBAAM,CAAC,GAAG,iIAAA,8DAIlC,KAAA;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,8HAAA,2DAIvC,KAAA;AACY,QAAA,gBAAgB,GAAG,gBAAM,CAAC,GAAG,iHAAA,8CAGzC,KAAA;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,6LAAkC,iFAK5D,EAAsD,uCAGlE,KAHY,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAGlE;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,sLAAA,oCAEvB,EAA2C,iDAErC,EAA6B,0BAElD,KAJe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAErC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAElD;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,uKAAA,oGAMtC,KAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,yJAA4B,aAC1D,EAAkC,2CAE7B,EAAgD,mBAChD,EAA2D,KAC1E,KAJU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAE7B,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAvC,CAAuC,EAChD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,EAAlD,CAAkD,EAC1E;AAEY,QAAA,UAAU,GAAG,IAAA,gBAAM,EAAC,gBAAM,CAAC,6yBAAA,qWAYX,EAA6B,gFAGxC,EAAmC,gMAU/C,EAAa,4FAEe,EAAmC,iBAGpE,KAlB4B,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAGxC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAU/C,sBAAa,EAEe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAGpE"}

package/dist/icons/CopyToClipboard.js

@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = require("react");
 function SvgCopyToClipboard(props) {
-    return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M25 11.25H13.75a2.5 2.5 0 00-2.5 2.5V25a2.5 2.5 0 002.5 2.5H25a2.5 2.5 0 002.5-2.5V13.75a2.5 2.5 0 00-2.5-2.5z", stroke: props.color || 'currentColor', strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }),
-        React.createElement("path", { d: "M6.25 18.75H5a2.5 2.5 0 01-2.5-2.5V5A2.5 2.5 0 015 2.5h11.25a2.5 2.5 0 012.5 2.5v1.25", stroke: props.color || 'currentColor', strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" })));
+    return (React.createElement("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M15.3098 21.3125C14.6619 21.8289 13.8583 22.1109 13.0298 22.1125H8.25977C6.80189 22.1099 5.40448 21.5296 4.3736 20.4987C3.34272 19.4678 2.76241 18.0704 2.75977 16.6125V10.4225C2.76091 9.8508 2.89419 9.28706 3.14919 8.77533C3.40418 8.26361 3.774 7.81774 4.22977 7.47254V7.27254C4.23136 6.70875 4.3053 6.1475 4.44977 5.60254C3.50474 6.00568 2.69877 6.67724 2.13174 7.53402C1.5647 8.3908 1.26152 9.39512 1.25977 10.4225V16.6125C1.25977 18.4691 1.99726 20.2495 3.31002 21.5623C4.62277 22.875 6.40325 23.6125 8.25977 23.6125H12.9998C13.8547 23.613 14.6966 23.4036 15.4516 23.0025C16.2066 22.6015 16.8515 22.0212 17.3298 21.3125H15.3098Z", fill: "#054948" }),
+        React.createElement("path", { d: "M17.5 3.53275C18.4911 3.53539 19.4408 3.93027 20.1417 4.63109C20.8425 5.3319 21.2374 6.28165 21.24 7.27275V14.5728C21.24 15.5647 20.846 16.5159 20.1446 17.2173C19.4432 17.9187 18.4919 18.3128 17.5 18.3128H11C10.0081 18.3128 9.0568 17.9187 8.35541 17.2173C7.65403 16.5159 7.25999 15.5647 7.25999 14.5728V7.27275C7.26263 6.28165 7.65751 5.3319 8.35833 4.63109C9.05914 3.93027 10.0089 3.53539 11 3.53275H17.5ZM17.5 2.03275H11C10.3097 2.03012 9.62569 2.16364 8.98707 2.42568C8.34845 2.68771 7.76778 3.07311 7.27828 3.55982C6.78878 4.04653 6.40008 4.625 6.1344 5.26211C5.86873 5.89922 5.7313 6.58247 5.72999 7.27275V14.5728C5.72866 15.2643 5.86421 15.9492 6.12883 16.588C6.39345 17.2269 6.7819 17.8071 7.27179 18.2951C7.76168 18.7831 8.34333 19.1694 8.9832 19.4316C9.62307 19.6938 10.3085 19.8267 11 19.8228H17.5C18.8897 19.8228 20.2225 19.2707 21.2052 18.288C22.1879 17.3053 22.74 15.9725 22.74 14.5828V7.27275C22.7373 5.88383 22.1844 4.55255 21.2023 3.57043C20.2202 2.58831 18.8889 2.0354 17.5 2.03275Z", fill: "#054948" })));
 }
 exports.default = SvgCopyToClipboard;
 //# sourceMappingURL=CopyToClipboard.js.map

package/dist/icons/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../src/icons/CopyToClipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,kBAAkB,CAAC,KAAoC;IAC9D,OAAO,CACL,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,CAAC,EAAC,gHAAgH,EAClH,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,cAAc,EACrC,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB;QACF,8BACE,CAAC,EAAC,uFAAuF,EACzF,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI,cAAc,EACrC,WAAW,EAAE,CAAC,EACd,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}
+{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../src/icons/CopyToClipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,kBAAkB,CAAC,KAAoC;IAC9D,OAAO,CACL,sCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,CAAC,EAAC,ynBAAynB,EAC3nB,IAAI,EAAC,SAAS,GACd;QACF,8BACE,CAAC,EAAC,y+BAAy+B,EAC3+B,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+type CopyBoxType = {
+    value: string;
+    allowCopy?: boolean;
+    valueToCopy?: string;
+    isBankAddress?: boolean;
+    showCopyIcon?: boolean;
+    icon?: React.ReactNode;
+    iconSize?: 'wide' | undefined;
+    labelText?: string;
+    labelTooltip?: React.ReactNode;
+    helperText?: string;
+    helperTextType?: 'error' | undefined;
+    onButtonClick?: () => void;
+};
+declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => JSX.Element;
+export default CopyBox;

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

@@ -1,11 +1 @@
-/// <reference types="react" />
-import 'antd/es/button/style/css';
-type CopyBoxType = {
-    value: string;
-    prefix?: string;
-    withCopy?: boolean;
-    valueToCopy?: string;
-    onButtonClick?: () => void;
-};
-declare const CopyBox: ({ value, prefix, withCopy, valueToCopy, onButtonClick, ...props }: CopyBoxType) => JSX.Element;
-export default CopyBox;
+export { default } from './CopyBox';

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const Container: 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 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 TooltipContainer: 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 IconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    iconSize: 'wide' | undefined;
+}, object>;
+export declare const CopyContainer: 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 TextContainer: 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 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<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, Pick<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, "id" | "media" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "target" | "accessKey" | "draggable" | "lang" | "prefix" | "role" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rel" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "ping" | "referrerPolicy" | keyof import("antd/es/button/button").BaseButtonProps | "htmlType">, object>;