@1money/component-ui 0.0.49 → 0.0.51

package/lib/components/Input/Trade/Trade.js

@@ -0,0 +1,142 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InputTrade = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var _Icons = require("../../Icons");
+var _classnames = _interopRequireWildcard(require("../../../utils/classnames"));
+var _useAmountInput2 = require("../useAmountInput");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var TRADE_PREFIX = 'input';
+var InputTrade = exports.InputTrade = function InputTrade(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? TRADE_PREFIX : _props$prefixCls,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'default' : _props$status,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
+    _props$currencySymbol = props.currencySymbol,
+    currencySymbol = _props$currencySymbol === void 0 ? '$' : _props$currencySymbol,
+    _props$currencyUnit = props.currencyUnit,
+    currencyUnit = _props$currencyUnit === void 0 ? 'USD' : _props$currencyUnit,
+    exchangeText = props.exchangeText,
+    feedback = props.feedback,
+    _props$showMax = props.showMax,
+    showMax = _props$showMax === void 0 ? false : _props$showMax,
+    onMax = props.onMax,
+    onSwap = props.onSwap,
+    value = props.value,
+    defaultValue = props.defaultValue,
+    onChange = props.onChange,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '0' : _props$placeholder,
+    min = props.min,
+    max = props.max,
+    maxFractionDigits = props.maxFractionDigits,
+    negative = props.negative,
+    ref = props.ref;
+  var autoId = (0, _react.useId)();
+  var classes = (0, _classnames["default"])(prefixCls);
+  var _useAmountInput = (0, _useAmountInput2.useAmountInput)({
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange,
+      min: min,
+      max: max,
+      maxFractionDigits: maxFractionDigits,
+      negative: negative,
+      disabled: disabled,
+      readOnly: readOnly,
+      ref: ref
+    }),
+    syncRef = _useAmountInput.syncRef,
+    formattedValue = _useAmountInput.formattedValue,
+    hasValue = _useAmountInput.hasValue,
+    handleChange = _useAmountInput.handleChange,
+    handleSelect = _useAmountInput.handleSelect;
+  var handleMax = (0, _hooks.useEventCallback)(function () {
+    if (disabled) return;
+    onMax === null || onMax === void 0 ? void 0 : onMax();
+  });
+  var handleSwap = (0, _hooks.useEventCallback)(function () {
+    if (disabled) return;
+    onSwap === null || onSwap === void 0 ? void 0 : onSwap();
+  });
+  var isError = status === 'error';
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: classes('trade', (0, _classnames.joinCls)(isError && classes('trade-error'), disabled && classes('trade-disabled'), className)),
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: classes('trade-main'),
+      children: (0, _jsxRuntime.jsxs)("div", {
+        className: classes('trade-value-line'),
+        children: [(0, _jsxRuntime.jsx)("span", {
+          className: classes('trade-symbol'),
+          children: currencySymbol
+        }), (0, _jsxRuntime.jsx)("div", {
+          className: classes('trade-input-wrapper'),
+          children: (0, _jsxRuntime.jsx)("input", {
+            ref: syncRef,
+            id: autoId,
+            className: classes('trade-field'),
+            disabled: disabled,
+            readOnly: readOnly,
+            value: formattedValue,
+            onChange: handleChange,
+            onSelect: handleSelect,
+            placeholder: placeholder,
+            inputMode: "decimal",
+            "aria-invalid": isError ? 'true' : 'false'
+          })
+        }), (0, _jsxRuntime.jsx)("span", {
+          className: classes('trade-unit', (0, _classnames.joinCls)(!hasValue && classes('trade-unit-placeholder'))),
+          children: currencyUnit
+        }), showMax && (0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: classes('trade-max'),
+          disabled: disabled,
+          onClick: handleMax,
+          children: "Max"
+        })]
+      })
+    }), (exchangeText || onSwap) && (0, _jsxRuntime.jsxs)("div", {
+      className: classes('trade-subline'),
+      children: [onSwap && (0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        className: classes('trade-swap'),
+        disabled: disabled,
+        onClick: handleSwap,
+        "aria-label": "swap currency",
+        children: (0, _jsxRuntime.jsx)(_Icons.Icons, {
+          name: "swap",
+          size: 24
+        })
+      }), exchangeText && (0, _jsxRuntime.jsx)("span", {
+        className: classes('trade-exchange'),
+        children: exchangeText
+      })]
+    }), feedback && (0, _jsxRuntime.jsxs)("div", {
+      className: classes('trade-error-msg'),
+      children: [isError && (0, _jsxRuntime.jsx)(_Icons.Icons, {
+        name: "error",
+        size: 16
+      }), (0, _jsxRuntime.jsx)("span", {
+        children: feedback
+      })]
+    })]
+  });
+};
+InputTrade.displayName = 'InputTrade';
+var MemoizedInputTrade = /*#__PURE__*/(0, _react.memo)(InputTrade);
+MemoizedInputTrade.displayName = 'InputTrade';
+var _default = exports["default"] = MemoizedInputTrade;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvVHJhZGUvVHJhZGUuanMiLCJjb21wb25lbnRzL0lucHV0L3NyYy9jb21wb25lbnRzL0lucHV0L1RyYWRlL1RyYWRlLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaG9va3MiLCJfSWNvbnMiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX3VzZUFtb3VudElucHV0MiIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIlRSQURFX1BSRUZJWCIsIklucHV0VHJhZGUiLCJleHBvcnRzIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyRzdGF0dXMiLCJzdGF0dXMiLCJfcHJvcHMkZGlzYWJsZWQiLCJkaXNhYmxlZCIsIl9wcm9wcyRyZWFkT25seSIsInJlYWRPbmx5IiwiX3Byb3BzJGN1cnJlbmN5U3ltYm9sIiwiY3VycmVuY3lTeW1ib2wiLCJfcHJvcHMkY3VycmVuY3lVbml0IiwiY3VycmVuY3lVbml0IiwiZXhjaGFuZ2VUZXh0IiwiZmVlZGJhY2siLCJfcHJvcHMkc2hvd01heCIsInNob3dNYXgiLCJvbk1heCIsIm9uU3dhcCIsInZhbHVlIiwiZGVmYXVsdFZhbHVlIiwib25DaGFuZ2UiLCJfcHJvcHMkcGxhY2Vob2xkZXIiLCJwbGFjZWhvbGRlciIsIm1pbiIsIm1heCIsIm1heEZyYWN0aW9uRGlnaXRzIiwibmVnYXRpdmUiLCJyZWYiLCJhdXRvSWQiLCJ1c2VJZCIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiX3VzZUFtb3VudElucHV0IiwidXNlQW1vdW50SW5wdXQiLCJzeW5jUmVmIiwiZm9ybWF0dGVkVmFsdWUiLCJoYXNWYWx1ZSIsImhhbmRsZUNoYW5nZSIsImhhbmRsZVNlbGVjdCIsImhhbmRsZU1heCIsInVzZUV2ZW50Q2FsbGJhY2siLCJoYW5kbGVTd2FwIiwiaXNFcnJvciIsIl9qc3hzIiwiam9pbkNscyIsImNoaWxkcmVuIiwiX2pzeCIsImlkIiwib25TZWxlY3QiLCJpbnB1dE1vZGUiLCJ0eXBlIiwib25DbGljayIsIkljb25zIiwibmFtZSIsInNpemUiLCJkaXNwbGF5TmFtZSIsIk1lbW9pemVkSW5wdXRUcmFkZSIsIm1lbW8iLCJfZGVmYXVsdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLE1BQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLFdBQUEsR0FBQUMsdUJBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFNLGdCQUFBLEdBQUFOLE9BQUE7QUFBbUQsU0FBQU8seUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFILHdCQUFBRyxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBO0FBSW5ELElBQU1XLFlBQVksR0FBRyxPQUFPO0FBRXJCLElBQU1DLFVBQVUsR0FBQUMsT0FBQSxDQUFBRCxVQUFBLEdBQXdCLFNBQWxDQSxVQUFVQSxDQUF5QkUsS0FBSyxFQUFJO0VBQ3ZELElBQUFDLGdCQUFBLEdBc0JJRCxLQUFLLENBckJQRSxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxFQUFFLEdBQUFBLGdCQUFBO0lBQUFFLGdCQUFBLEdBcUJaSCxLQUFLLENBcEJQSSxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBR04sWUFBWSxHQUFBTSxnQkFBQTtJQUFBRSxhQUFBLEdBb0J0QkwsS0FBSyxDQW5CUE0sTUFBTTtJQUFOQSxNQUFNLEdBQUFELGFBQUEsY0FBRyxTQUFTLEdBQUFBLGFBQUE7SUFBQUUsZUFBQSxHQW1CaEJQLEtBQUssQ0FsQlBRLFFBQVE7SUFBUkEsUUFBUSxHQUFBRCxlQUFBLGNBQUcsS0FBSyxHQUFBQSxlQUFBO0lBQUFFLGVBQUEsR0FrQmRULEtBQUssQ0FqQlBVLFFBQVE7SUFBUkEsUUFBUSxHQUFBRCxlQUFBLGNBQUcsS0FBSyxHQUFBQSxlQUFBO0lBQUFFLHFCQUFBLEdBaUJkWCxLQUFLLENBaEJQWSxjQUFjO0lBQWRBLGNBQWMsR0FBQUQscUJBQUEsY0FBRyxHQUFHLEdBQUFBLHFCQUFBO0lBQUFFLG1CQUFBLEdBZ0JsQmIsS0FBSyxDQWZQYyxZQUFZO0lBQVpBLFlBQVksR0FBQUQsbUJBQUEsY0FBRyxLQUFLLEdBQUFBLG1CQUFBO0lBQ3BCRSxZQUFZLEdBY1ZmLEtBQUssQ0FkUGUsWUFBWTtJQUNaQyxRQUFRLEdBYU5oQixLQUFLLENBYlBnQixRQUFRO0lBQUFDLGNBQUEsR0FhTmpCLEtBQUssQ0FaUGtCLE9BQU87SUFBUEEsT0FBTyxHQUFBRCxjQUFBLGNBQUcsS0FBSyxHQUFBQSxjQUFBO0lBQ2ZFLEtBQUssR0FXSG5CLEtBQUssQ0FYUG1CLEtBQUs7SUFDTEMsTUFBTSxHQVVKcEIsS0FBSyxDQVZQb0IsTUFBTTtJQUNOQyxLQUFLLEdBU0hyQixLQUFLLENBVFBxQixLQUFLO0lBQ0xDLFlBQVksR0FRVnRCLEtBQUssQ0FSUHNCLFlBQVk7SUFDWkMsUUFBUSxHQU9OdkIsS0FBSyxDQVBQdUIsUUFBUTtJQUFBQyxrQkFBQSxHQU9OeEIsS0FBSyxDQU5QeUIsV0FBVztJQUFYQSxXQUFXLEdBQUFELGtCQUFBLGNBQUcsR0FBRyxHQUFBQSxrQkFBQTtJQUNqQkUsR0FBRyxHQUtEMUIsS0FBSyxDQUxQMEIsR0FBRztJQUNIQyxHQUFHLEdBSUQzQixLQUFLLENBSlAyQixHQUFHO0lBQ0hDLGlCQUFpQixHQUdmNUIsS0FBSyxDQUhQNEIsaUJBQWlCO0lBQ2pCQyxRQUFRLEdBRU43QixLQUFLLENBRlA2QixRQUFRO0lBQ1JDLEdBQUcsR0FDRDlCLEtBQUssQ0FEUDhCLEdBQUc7RUFHTCxJQUFNQyxNQUFNLEdBQUcsSUFBQUMsWUFBSyxFQUFBLENBQUU7RUFDdEIsSUFBTUMsT0FBTyxHQUFHLElBQUFDLHNCQUFVLEVBQUM5QixTQUFTLENBQUM7RUFFckMsSUFBQStCLGVBQUEsR0FNSSxJQUFBQywrQkFBYyxFQUFDO01BQ2pCZixLQUFLLEVBQUxBLEtBQUs7TUFDTEMsWUFBWSxFQUFaQSxZQUFZO01BQ1pDLFFBQVEsRUFBUkEsUUFBUTtNQUNSRyxHQUFHLEVBQUhBLEdBQUc7TUFDSEMsR0FBRyxFQUFIQSxHQUFHO01BQ0hDLGlCQUFpQixFQUFqQkEsaUJBQWlCO01BQ2pCQyxRQUFRLEVBQVJBLFFBQVE7TUFDUnJCLFFBQVEsRUFBUkEsUUFBUTtNQUNSRSxRQUFRLEVBQVJBLFFBQVE7TUFDUm9CLEdBQUcsRUFBSEE7SURoQ0EsQ0NpQ0QsQ0FBQztJQWhCQU8sT0FBTyxHQUFBRixlQUFBLENBQVBFLE9BQU87SUFDUEMsY0FBYyxHQUFBSCxlQUFBLENBQWRHLGNBQWM7SUFDZEMsUUFBUSxHQUFBSixlQUFBLENBQVJJLFFBQVE7SUFDUkMsWUFBWSxHQUFBTCxlQUFBLENBQVpLLFlBQVk7SUFDWkMsWUFBWSxHQUFBTixlQUFBLENBQVpNLFlBQVk7RUFjZCxJQUFNQyxTQUFTLEdBQUcsSUFBQUMsdUJBQWdCLEVBQUMsWUFBSztJQUN0QyxJQUFJbkMsUUFBUSxFQUFFO0lBQ2RXLEtBQUssS0FBQSxJQUFBLElBQUxBLEtBQUssS0FBQSxLQUFBLENBQUEsR0FBQSxLQUFBLENBQUEsR0FBTEEsS0FBSyxDQUFBLENBQUk7RUFDWCxDQUFDLENBQUM7RUFFRixJQUFNeUIsVUFBVSxHQUFHLElBQUFELHVCQUFnQixFQUFDLFlBQUs7SUFDdkMsSUFBSW5DLFFBQVEsRUFBRTtJQUNkWSxNQUFNLEtBQUEsSUFBQSxJQUFOQSxNQUFNLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQU5BLE1BQU0sQ0FBQSxDQUFJO0VBQ1osQ0FBQyxDQUFDO0VBRUYsSUFBTXlCLE9BQU8sR0FBR3ZDLE1BQU0sS0FBSyxPQUFPO0VBRWxDLE9BQ0UsSUFBQXdDLGdCQUFBLEVBQUEsS0FBQSxFQUFBO0lBQ0U1QyxTQUFTLEVBQUUrQixPQUFPLENBQ2hCLE9BQU8sRUFDUCxJQUFBYyxtQkFBTyxFQUNMRixPQUFPLElBQUlaLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFDakN6QixRQUFRLElBQUl5QixPQUFPLENBQUMsZ0JBQWdCLENBQUMsRUFDckMvQixTQUFTLENBQ1YsQ0FDRjtJQUFBOEMsUUFBQSxFQUFBLENBRUQsSUFBQUMsZUFBQSxFQUFBLEtBQUEsRUFBQTtNQUFLL0MsU0FBUyxFQUFFK0IsT0FBTyxDQUFDLFlBQVksQ0FBQztNQUFBZSxRQUFBLEVBQ25DLElBQUFGLGdCQUFBLEVBQUEsS0FBQSxFQUFBO1FBQUs1QyxTQUFTLEVBQUUrQixPQUFPLENBQUMsa0JBQWtCLENBQUM7UUFBQWUsUUFBQSxFQUFBLENBQ3pDLElBQUFDLGVBQUEsRUFBQSxNQUFBLEVBQUE7VUFBTS9DLFNBQVMsRUFBRStCLE9BQU8sQ0FBQyxjQUFjLENBQUM7VUFBQWUsUUFBQSxFQUFHcEM7UUFBYyxDQUFBLENBQVEsRUFDakUsSUFBQXFDLGVBQUEsRUFBQSxLQUFBLEVBQUE7VUFBSy9DLFNBQVMsRUFBRStCLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQztVQUFBZSxRQUFBLEVBQzVDLElBQUFDLGVBQUEsRUFBQSxPQUFBLEVBQUE7WUFDRW5CLEdBQUcsRUFBRU8sT0FBTztZQUNaYSxFQUFFLEVBQUVuQixNQUFNO1lBQ1Y3QixTQUFTLEVBQUUrQixPQUFPLENBQUMsYUFBYSxDQUFDO1lBQ2pDekIsUUFBUSxFQUFFQSxRQUFRO1lBQ2xCRSxRQUFRLEVBQUVBLFFBQVE7WUFDbEJXLEtBQUssRUFBRWlCLGNBQWM7WUFDckJmLFFBQVEsRUFBRWlCLFlBQVk7WUFDdEJXLFFBQVEsRUFBRVYsWUFBWTtZQUN0QmhCLFdBQVcsRUFBRUEsV0FBVztZQUN4QjJCLFNBQVMsRUFBQyxTQUFTO1lBQUEsY0FBQSxFQUNMUCxPQUFPLEdBQUcsTUFBTSxHQUFHO1VBQU8sQ0FBQTtRQUN4QyxDQUFBLENBQ0UsRUFDTixJQUFBSSxlQUFBLEVBQUEsTUFBQSxFQUFBO1VBQU0vQyxTQUFTLEVBQUUrQixPQUFPLENBQUMsWUFBWSxFQUFFLElBQUFjLG1CQUFPLEVBQUMsQ0FBQ1IsUUFBUSxJQUFJTixPQUFPLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDO1VBQUFlLFFBQUEsRUFDNUZsQztRQUFZLENBQUEsQ0FDUixFQUNOSSxPQUFPLElBQ04sSUFBQStCLGVBQUEsRUFBQSxRQUFBLEVBQUE7VUFDRUksSUFBSSxFQUFDLFFBQVE7VUFDYm5ELFNBQVMsRUFBRStCLE9BQU8sQ0FBQyxXQUFXLENBQUM7VUFDL0J6QixRQUFRLEVBQUVBLFFBQVE7VUFDbEI4QyxPQUFPLEVBQUVaLFNBQVM7VUFBQU0sUUFBQSxFQUFBO1FBQUEsQ0FBQSxDQUlyQjtNQUFBLENBQUE7SUFDRyxDQUFBLENBQ0YsRUFFTCxDQUFDakMsWUFBWSxJQUFJSyxNQUFNLEtBQ3RCLElBQUEwQixnQkFBQSxFQUFBLEtBQUEsRUFBQTtNQUFLNUMsU0FBUyxFQUFFK0IsT0FBTyxDQUFDLGVBQWUsQ0FBQztNQUFBZSxRQUFBLEVBQUEsQ0FDckM1QixNQUFNLElBQ0wsSUFBQTZCLGVBQUEsRUFBQSxRQUFBLEVBQUE7UUFDRUksSUFBSSxFQUFDLFFBQVE7UUFDYm5ELFNBQVMsRUFBRStCLE9BQU8sQ0FBQyxZQUFZLENBQUM7UUFDaEN6QixRQUFRLEVBQUVBLFFBQVE7UUFDbEI4QyxPQUFPLEVBQUVWLFVBQVU7UUFBQSxZQUFBLEVBQ1IsZUFBZTtRQUFBSSxRQUFBLEVBRTFCLElBQUFDLGVBQUEsRUFBQ00sWUFBSyxFQUFBO1VBQUNDLElBQUksRUFBQyxNQUFNO1VBQUNDLElBQUksRUFBRTtRQUFFLENBQUE7TUFBSSxDQUFBLENBRWxDLEVBQ0ExQyxZQUFZLElBQ1gsSUFBQWtDLGVBQUEsRUFBQSxNQUFBLEVBQUE7UUFBTS9DLFNBQVMsRUFBRStCLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQztRQUFBZSxRQUFBLEVBQUdqQztNQUFZLENBQUEsQ0FDMUQ7SUFBQSxDQUFBLENBRUosRUFFQUMsUUFBUSxJQUNQLElBQUE4QixnQkFBQSxFQUFBLEtBQUEsRUFBQTtNQUFLNUMsU0FBUyxFQUFFK0IsT0FBTyxDQUFDLGlCQUFpQixDQUFDO01BQUFlLFFBQUEsRUFBQSxDQUN2Q0gsT0FBTyxJQUFJLElBQUFJLGVBQUEsRUFBQ00sWUFBSyxFQUFBO1FBQUNDLElBQUksRUFBQyxPQUFPO1FBQUNDLElBQUksRUFBRTtNQUFFLENBQUEsQ0FBSSxFQUM1QyxJQUFBUixlQUFBLEVBQUEsTUFBQSxFQUFBO1FBQUFELFFBQUEsRUFBT2hDO01BQVEsQ0FBQSxDQUFRO0lBQUEsQ0FBQSxDQUUxQjtFQUFBLENBQUEsQ0FDRztBQUVWLENBQUM7QUFFRGxCLFVBQVUsQ0FBQzRELFdBQVcsR0FBRyxZQUFZO0FBRXJDLElBQU1DLGtCQUFrQixnQkFBRyxJQUFBQyxXQUFJLEVBQUM5RCxVQUFVLENBQUM7QUFDM0M2RCxrQkFBa0IsQ0FBQ0QsV0FBVyxHQUFHLFlBQVk7QUFBQyxJQUFBRyxRQUFBLEdBQUE5RCxPQUFBLGNBRS9CNEQsa0JBQWtCIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXQvVHJhZGUvVHJhZGUuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlSWQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBJY29ucyB9IGZyb20gJy4uLy4uL0ljb25zJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgdXNlQW1vdW50SW5wdXQgfSBmcm9tICcuLi91c2VBbW91bnRJbnB1dCc7XG5jb25zdCBUUkFERV9QUkVGSVggPSAnaW5wdXQnO1xuZXhwb3J0IGNvbnN0IElucHV0VHJhZGUgPSAocHJvcHMpID0+IHtcbiAgICBjb25zdCB7IGNsYXNzTmFtZSA9ICcnLCBwcmVmaXhDbHMgPSBUUkFERV9QUkVGSVgsIHN0YXR1cyA9ICdkZWZhdWx0JywgZGlzYWJsZWQgPSBmYWxzZSwgcmVhZE9ubHkgPSBmYWxzZSwgY3VycmVuY3lTeW1ib2wgPSAnJCcsIGN1cnJlbmN5VW5pdCA9ICdVU0QnLCBleGNoYW5nZVRleHQsIGZlZWRiYWNrLCBzaG93TWF4ID0gZmFsc2UsIG9uTWF4LCBvblN3YXAsIHZhbHVlLCBkZWZhdWx0VmFsdWUsIG9uQ2hhbmdlLCBwbGFjZWhvbGRlciA9ICcwJywgbWluLCBtYXgsIG1heEZyYWN0aW9uRGlnaXRzLCBuZWdhdGl2ZSwgcmVmLCB9ID0gcHJvcHM7XG4gICAgY29uc3QgYXV0b0lkID0gdXNlSWQoKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IHsgc3luY1JlZiwgZm9ybWF0dGVkVmFsdWUsIGhhc1ZhbHVlLCBoYW5kbGVDaGFuZ2UsIGhhbmRsZVNlbGVjdCwgfSA9IHVzZUFtb3VudElucHV0KHtcbiAgICAgICAgdmFsdWUsXG4gICAgICAgIGRlZmF1bHRWYWx1ZSxcbiAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgIG1pbixcbiAgICAgICAgbWF4LFxuICAgICAgICBtYXhGcmFjdGlvbkRpZ2l0cyxcbiAgICAgICAgbmVnYXRpdmUsXG4gICAgICAgIGRpc2FibGVkLFxuICAgICAgICByZWFkT25seSxcbiAgICAgICAgcmVmLFxuICAgIH0pO1xuICAgIGNvbnN0IGhhbmRsZU1heCA9IHVzZUV2ZW50Q2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIG9uTWF4ID09PSBudWxsIHx8IG9uTWF4ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbk1heCgpO1xuICAgIH0pO1xuICAgIGNvbnN0IGhhbmRsZVN3YXAgPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBvblN3YXAgPT09IG51bGwgfHwgb25Td2FwID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvblN3YXAoKTtcbiAgICB9KTtcbiAgICBjb25zdCBpc0Vycm9yID0gc3RhdHVzID09PSAnZXJyb3InO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlJywgam9pbkNscyhpc0Vycm9yICYmIGNsYXNzZXMoJ3RyYWRlLWVycm9yJyksIGRpc2FibGVkICYmIGNsYXNzZXMoJ3RyYWRlLWRpc2FibGVkJyksIGNsYXNzTmFtZSkpLCBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLW1haW4nKSwgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS12YWx1ZS1saW5lJyksIGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLXN5bWJvbCcpLCBjaGlsZHJlbjogY3VycmVuY3lTeW1ib2wgfSksIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLWlucHV0LXdyYXBwZXInKSwgY2hpbGRyZW46IF9qc3goXCJpbnB1dFwiLCB7IHJlZjogc3luY1JlZiwgaWQ6IGF1dG9JZCwgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1maWVsZCcpLCBkaXNhYmxlZDogZGlzYWJsZWQsIHJlYWRPbmx5OiByZWFkT25seSwgdmFsdWU6IGZvcm1hdHRlZFZhbHVlLCBvbkNoYW5nZTogaGFuZGxlQ2hhbmdlLCBvblNlbGVjdDogaGFuZGxlU2VsZWN0LCBwbGFjZWhvbGRlcjogcGxhY2Vob2xkZXIsIGlucHV0TW9kZTogXCJkZWNpbWFsXCIsIFwiYXJpYS1pbnZhbGlkXCI6IGlzRXJyb3IgPyAndHJ1ZScgOiAnZmFsc2UnIH0pIH0pLCBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndHJhZGUtdW5pdCcsIGpvaW5DbHMoIWhhc1ZhbHVlICYmIGNsYXNzZXMoJ3RyYWRlLXVuaXQtcGxhY2Vob2xkZXInKSkpLCBjaGlsZHJlbjogY3VycmVuY3lVbml0IH0pLCBzaG93TWF4ICYmIChfanN4KFwiYnV0dG9uXCIsIHsgdHlwZTogXCJidXR0b25cIiwgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1tYXgnKSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvbkNsaWNrOiBoYW5kbGVNYXgsIGNoaWxkcmVuOiBcIk1heFwiIH0pKV0gfSkgfSksIChleGNoYW5nZVRleHQgfHwgb25Td2FwKSAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLXN1YmxpbmUnKSwgY2hpbGRyZW46IFtvblN3YXAgJiYgKF9qc3goXCJidXR0b25cIiwgeyB0eXBlOiBcImJ1dHRvblwiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLXN3YXAnKSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvbkNsaWNrOiBoYW5kbGVTd2FwLCBcImFyaWEtbGFiZWxcIjogXCJzd2FwIGN1cnJlbmN5XCIsIGNoaWxkcmVuOiBfanN4KEljb25zLCB7IG5hbWU6IFwic3dhcFwiLCBzaXplOiAyNCB9KSB9KSksIGV4Y2hhbmdlVGV4dCAmJiAoX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLWV4Y2hhbmdlJyksIGNoaWxkcmVuOiBleGNoYW5nZVRleHQgfSkpXSB9KSksIGZlZWRiYWNrICYmIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndHJhZGUtZXJyb3ItbXNnJyksIGNoaWxkcmVuOiBbaXNFcnJvciAmJiBfanN4KEljb25zLCB7IG5hbWU6IFwiZXJyb3JcIiwgc2l6ZTogMTYgfSksIF9qc3goXCJzcGFuXCIsIHsgY2hpbGRyZW46IGZlZWRiYWNrIH0pXSB9KSldIH0pKTtcbn07XG5JbnB1dFRyYWRlLmRpc3BsYXlOYW1lID0gJ0lucHV0VHJhZGUnO1xuY29uc3QgTWVtb2l6ZWRJbnB1dFRyYWRlID0gbWVtbyhJbnB1dFRyYWRlKTtcbk1lbW9pemVkSW5wdXRUcmFkZS5kaXNwbGF5TmFtZSA9ICdJbnB1dFRyYWRlJztcbmV4cG9ydCBkZWZhdWx0IE1lbW9pemVkSW5wdXRUcmFkZTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Input/Trade/index.d.ts

@@ -0,0 +1,2 @@
+export { InputTrade } from './Trade';
+export { default } from './Trade';

package/lib/components/Input/Trade/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InputTrade", {
+  enumerable: true,
+  get: function get() {
+    return _Trade.InputTrade;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Trade["default"];
+  }
+});
+var _Trade = _interopRequireWildcard(require("./Trade"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvVHJhZGUvaW5kZXgudHMiXSwibmFtZXMiOlsiX1RyYWRlIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFBcUMsU0FBQUMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFILHdCQUFBRyxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXQvVHJhZGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Input/constants.d.ts

@@ -0,0 +1,15 @@
+import type { TypographyBodySize, TypographyColor, TypographyLabelSize } from "../Typography";
+export declare const INPUT_SIZES: readonly ["large", "small"];
+export declare const INPUT_STATUSES: readonly ["default", "error", "warning", "success"];
+export declare const SEARCH_TRIGGERS: readonly ["enter", "button", "both"];
+export declare const OTP_DEFAULT_LENGTH = 6;
+export type InputSize = (typeof INPUT_SIZES)[number];
+export type InputStatus = (typeof INPUT_STATUSES)[number];
+export type SearchTrigger = (typeof SEARCH_TRIGGERS)[number];
+export declare const INPUT_LABEL_SIZE: Record<InputSize, TypographyLabelSize>;
+export declare const INPUT_LABEL_COLOR: TypographyColor;
+export declare const INPUT_INFO_SIZE: TypographyBodySize;
+export declare const INPUT_INFO_COLOR: TypographyColor;
+export declare const INPUT_FEEDBACK_SIZE: TypographyBodySize;
+export declare const INPUT_COUNT_SIZE: TypographyBodySize;
+export declare const INPUT_COUNT_COLOR: TypographyColor;

package/lib/components/Input/constants.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SEARCH_TRIGGERS = exports.OTP_DEFAULT_LENGTH = exports.INPUT_STATUSES = exports.INPUT_SIZES = exports.INPUT_LABEL_SIZE = exports.INPUT_LABEL_COLOR = exports.INPUT_INFO_SIZE = exports.INPUT_INFO_COLOR = exports.INPUT_FEEDBACK_SIZE = exports.INPUT_COUNT_SIZE = exports.INPUT_COUNT_COLOR = void 0;
+var INPUT_SIZES = exports.INPUT_SIZES = ['large', 'small'];
+var INPUT_STATUSES = exports.INPUT_STATUSES = ['default', 'error', 'warning', 'success'];
+var SEARCH_TRIGGERS = exports.SEARCH_TRIGGERS = ['enter', 'button', 'both'];
+var OTP_DEFAULT_LENGTH = exports.OTP_DEFAULT_LENGTH = 6;
+// ── Typography ──
+var INPUT_LABEL_SIZE = exports.INPUT_LABEL_SIZE = {
+  large: 'lg',
+  small: 'md'
+};
+var INPUT_LABEL_COLOR = exports.INPUT_LABEL_COLOR = 'default';
+var INPUT_INFO_SIZE = exports.INPUT_INFO_SIZE = 'sm';
+var INPUT_INFO_COLOR = exports.INPUT_INFO_COLOR = 'default-tertiary';
+var INPUT_FEEDBACK_SIZE = exports.INPUT_FEEDBACK_SIZE = 'sm';
+var INPUT_COUNT_SIZE = exports.INPUT_COUNT_SIZE = 'lg';
+var INPUT_COUNT_COLOR = exports.INPUT_COUNT_COLOR = 'neutral-secondary';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvSW5wdXQvY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbIklOUFVUX1NJWkVTIiwiZXhwb3J0cyIsIklOUFVUX1NUQVRVU0VTIiwiU0VBUkNIX1RSSUdHRVJTIiwiT1RQX0RFRkFVTFRfTEVOR1RIIiwiSU5QVVRfTEFCRUxfU0laRSIsImxhcmdlIiwic21hbGwiLCJJTlBVVF9MQUJFTF9DT0xPUiIsIklOUFVUX0lORk9fU0laRSIsIklOUFVUX0lORk9fQ09MT1IiLCJJTlBVVF9GRUVEQkFDS19TSVpFIiwiSU5QVVRfQ09VTlRfU0laRSIsIklOUFVUX0NPVU5UX0NPTE9SIl0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFFTyxJQUFNQSxXQUFXLEdBQUFDLE9BQUEsQ0FBQUQsV0FBQSxHQUFHLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBVTtBQUMvQyxJQUFNRSxjQUFjLEdBQUFELE9BQUEsQ0FBQUMsY0FBQSxHQUFHLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFVO0FBQzFFLElBQU1DLGVBQWUsR0FBQUYsT0FBQSxDQUFBRSxlQUFBLEdBQUcsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBVTtBQUM1RCxJQUFNQyxrQkFBa0IsR0FBQUgsT0FBQSxDQUFBRyxrQkFBQSxHQUFHLENBQUM7QUFNbkM7QUFDTyxJQUFNQyxnQkFBZ0IsR0FBQUosT0FBQSxDQUFBSSxnQkFBQSxHQUEyQztFQUFFQyxLQUFLLEVBQUUsSUFBSTtFQUFFQyxLQUFLLEVBQUU7QUFBSSxDQUFFO0FBQzdGLElBQU1DLGlCQUFpQixHQUFBUCxPQUFBLENBQUFPLGlCQUFBLEdBQW9CLFNBQVM7QUFDcEQsSUFBTUMsZUFBZSxHQUFBUixPQUFBLENBQUFRLGVBQUEsR0FBdUIsSUFBSTtBQUNoRCxJQUFNQyxnQkFBZ0IsR0FBQVQsT0FBQSxDQUFBUyxnQkFBQSxHQUFvQixrQkFBa0I7QUFDNUQsSUFBTUMsbUJBQW1CLEdBQUFWLE9BQUEsQ0FBQVUsbUJBQUEsR0FBdUIsSUFBSTtBQUNwRCxJQUFNQyxnQkFBZ0IsR0FBQVgsT0FBQSxDQUFBVyxnQkFBQSxHQUF1QixJQUFJO0FBQ2pELElBQU1DLGlCQUFpQixHQUFBWixPQUFBLENBQUFZLGlCQUFBLEdBQW9CLG1CQUFtQiIsImZpbGUiOiJjb21wb25lbnRzL0lucHV0L2NvbnN0YW50cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Input/index.d.ts

@@ -0,0 +1,4 @@
+export { Input } from './Input';
+export { default } from './Input';
+export * from './interface';
+export * from './constants';

package/lib/components/Input/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Input: true
+};
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _Input.Input;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Input["default"];
+  }
+});
+var _Input = _interopRequireWildcard(require("./Input"));
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _constants[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvSW5wdXQvaW5kZXgudHMiXSwibmFtZXMiOlsiX0lucHV0IiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiX2ludGVyZmFjZSIsIk9iamVjdCIsImtleXMiLCJmb3JFYWNoIiwia2V5IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiX2V4cG9ydE5hbWVzIiwiZXhwb3J0cyIsImRlZmluZVByb3BlcnR5IiwiZW51bWVyYWJsZSIsImdldCIsIl9jb25zdGFudHMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJuIiwiX19wcm90b19fIiwiYSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJpIiwic2V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFFQSxJQUFBQyxVQUFBLEdBQUFELE9BQUE7QUFBQUUsTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUNBLElBQUFTLFVBQUEsR0FBQWQsT0FBQTtBQUFBRSxNQUFBLENBQUFDLElBQUEsQ0FBQVcsVUFBQSxFQUFBVixPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFTLFVBQUEsQ0FBQVQsR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQUMsVUFBQSxDQUFBVCxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQTRCLFNBQUFVLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBakIsd0JBQUFpQixDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFOLEdBQUEsQ0FBQUcsQ0FBQSxPQUFBTyxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBdkIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXdCLHdCQUFBLFdBQUFDLENBQUEsSUFBQVgsQ0FBQSxvQkFBQVcsQ0FBQSxPQUFBcEIsY0FBQSxDQUFBQyxJQUFBLENBQUFRLENBQUEsRUFBQVcsQ0FBQSxTQUFBQyxDQUFBLEdBQUFILENBQUEsR0FBQXZCLE1BQUEsQ0FBQXdCLHdCQUFBLENBQUFWLENBQUEsRUFBQVcsQ0FBQSxVQUFBQyxDQUFBLEtBQUFBLENBQUEsQ0FBQWYsR0FBQSxJQUFBZSxDQUFBLENBQUFDLEdBQUEsSUFBQTNCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBWSxDQUFBLEVBQUFJLENBQUEsRUFBQUMsQ0FBQSxJQUFBTCxDQUFBLENBQUFJLENBQUEsSUFBQVgsQ0FBQSxDQUFBVyxDQUFBLFlBQUFKLENBQUEsY0FBQVAsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQVUsR0FBQSxDQUFBYixDQUFBLEVBQUFPLENBQUEsR0FBQUEsQ0FBQSIsImZpbGUiOiJjb21wb25lbnRzL0lucHV0L2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Input/interface.d.ts

@@ -0,0 +1,156 @@
+import type { ChangeEvent, FC, InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
+import type { IconName } from "../Icons";
+import type { InputSize, InputStatus, SearchTrigger } from './constants';
+export type { InputSize, InputStatus, SearchTrigger };
+export interface InputBaseProps {
+    className?: string;
+    prefixCls?: string;
+    size?: InputSize;
+    status?: InputStatus;
+    label?: ReactNode;
+    info?: ReactNode;
+    tip?: ReactNode;
+    feedback?: ReactNode;
+    feedbackIcon?: IconName | ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    allowClear?: boolean;
+    loading?: boolean;
+}
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size' | 'onChange'>, InputBaseProps {
+    ref?: RefObject<HTMLInputElement | null>;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    /** When provided, Input behaves as a mask input. Pattern: 9 = digit, a = letter, * = alphanumeric */
+    mask?: string;
+    /** Placeholder character for unfilled mask positions */
+    slotChar?: string;
+    /** When true, onChange returns the raw value without mask characters */
+    unmask?: boolean;
+    /** When true, clears incomplete mask input on blur */
+    autoClear?: boolean;
+    /** Callback when all mask positions are filled */
+    onComplete?: (value: string) => void;
+}
+export interface InputPasswordProps extends Omit<InputProps, 'type' | 'allowClear'> {
+    visibilityToggle?: boolean;
+    /** Icon displayed when password is visible (to hide it) */
+    showIcon?: ReactNode;
+    /** Icon displayed when password is hidden (to show it) */
+    hideIcon?: ReactNode;
+}
+export interface InputSearchProps extends InputProps {
+    loading?: boolean;
+    searchButton?: ReactNode | boolean;
+    searchTrigger?: SearchTrigger;
+    onSearch?: (value: string) => void;
+}
+export interface InputTextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'prefix'>, Omit<InputBaseProps, 'allowClear' | 'prefix' | 'suffix'> {
+    ref?: RefObject<HTMLTextAreaElement | null>;
+    value?: string;
+    defaultValue?: string;
+    rows?: number;
+    showCount?: boolean;
+    maxLength?: number;
+    onChange?: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;
+}
+export interface InputOTPProps extends Omit<InputBaseProps, 'allowClear' | 'prefix' | 'suffix'> {
+    ref?: RefObject<HTMLDivElement | null>;
+    value?: string;
+    defaultValue?: string;
+    length?: number;
+    autoFocus?: boolean;
+    mask?: boolean;
+    formatter?: (value: string) => string;
+    onChange?: (value: string) => void;
+    onComplete?: (value: string) => void;
+}
+export interface InputTradeProps {
+    className?: string;
+    prefixCls?: string;
+    status?: InputStatus;
+    disabled?: boolean;
+    readOnly?: boolean;
+    ref?: RefObject<HTMLInputElement | null>;
+    value?: string;
+    defaultValue?: string;
+    /** Currency symbol displayed before the value, e.g. "$" */
+    currencySymbol?: string;
+    /** Currency unit displayed after the value, e.g. "USD" */
+    currencyUnit?: string;
+    /** Exchange info displayed in the subline, e.g. "0 USDT" */
+    exchangeText?: ReactNode;
+    /** Error or helper message displayed below the subline */
+    feedback?: ReactNode;
+    /** Whether to show the Max button */
+    showMax?: boolean;
+    /** Callback when Max button is clicked */
+    onMax?: () => void;
+    /** Callback when swap icon is clicked */
+    onSwap?: () => void;
+    /** Callback when value changes */
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    /** Minimum numeric value (inclusive) */
+    min?: number | bigint;
+    /** Maximum numeric value (inclusive) */
+    max?: number | bigint;
+    /** Maximum number of fraction digits (decimal places) */
+    maxFractionDigits?: number | bigint;
+    /** Allow negative numbers */
+    negative?: boolean;
+}
+export interface InputAmountProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size' | 'onChange' | 'min' | 'max'>, Omit<InputBaseProps, 'allowClear'> {
+    ref?: RefObject<HTMLInputElement | null>;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    allowClear?: boolean;
+    /** Action button label (e.g. "Use Max"), rendered before the divider */
+    actionLabel?: ReactNode;
+    /** Callback when the action button is clicked */
+    onAction?: () => void;
+    /** Currency icon (e.g. <img src="..." />) shown in the currency selector */
+    currencyIcon?: ReactNode;
+    /** Currency label text (e.g. "USDC") */
+    currencyLabel?: string;
+    /** Callback when the currency selector is clicked */
+    onCurrencyClick?: () => void;
+    /** Minimum numeric value (inclusive) */
+    min?: number | bigint;
+    /** Maximum numeric value (inclusive) */
+    max?: number | bigint;
+    /** Maximum number of fraction digits (decimal places) */
+    maxFractionDigits?: number | bigint;
+    /** Allow negative numbers */
+    negative?: boolean;
+}
+export interface InputMaskProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size' | 'onChange'>, Omit<InputBaseProps, 'allowClear'> {
+    ref?: RefObject<HTMLInputElement | null>;
+    value?: string;
+    defaultValue?: string;
+    /** Mask pattern: 9 = digit, a = letter, * = alphanumeric */
+    mask: string;
+    /** Placeholder character for unfilled positions */
+    slotChar?: string;
+    /** When true, onChange returns the raw value without mask characters */
+    unmask?: boolean;
+    /** When true, clears incomplete input on blur */
+    autoClear?: boolean;
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onComplete?: (value: string) => void;
+}
+export interface InputComponent extends FC<InputProps> {
+    Password: FC<InputPasswordProps>;
+    Search: FC<InputSearchProps>;
+    TextArea: FC<InputTextAreaProps>;
+    OTP: FC<InputOTPProps>;
+    Trade: FC<InputTradeProps>;
+    Amount: FC<InputAmountProps>;
+    Mask: FC<InputMaskProps>;
+}

package/lib/components/Input/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiIiLCJpZ25vcmVMaXN0IjpbXX0=

package/lib/components/Input/style/css.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("../FieldShell/FieldShell.css");
+require("../Input/Input.css");
+require("../TextArea/TextArea.css");
+require("../OTP/OTP.css");
+require("../Trade/Trade.css");
+require("../Amount/style/Amount.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Input/style/index.d.ts

@@ -0,0 +1,6 @@
+import '../FieldShell/FieldShell.css';
+import '../Input/Input.css';
+import '../TextArea/TextArea.css';
+import '../OTP/OTP.css';
+import '../Trade/Trade.css';
+import '../Amount/style/Amount.css';

package/lib/components/Input/style/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("../FieldShell/FieldShell.css");
+require("../Input/Input.css");
+require("../TextArea/TextArea.css");
+require("../OTP/OTP.css");
+require("../Trade/Trade.css");
+require("../Amount/style/Amount.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOlsicmVxdWlyZSJdLCJtYXBwaW5ncyI6Ijs7QUFBQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUE7QUFDQUEsT0FBQTtBQUNBQSxPQUFBO0FBQ0FBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Input/useAmountInput.d.ts

@@ -0,0 +1,35 @@
+import type { ChangeEvent, RefObject } from 'react';
+export interface UseAmountInputOptions {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    min?: number | bigint;
+    max?: number | bigint;
+    maxFractionDigits?: number | bigint;
+    negative?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    ref?: RefObject<HTMLInputElement | null>;
+}
+export interface UseAmountInputResult {
+    inputRef: RefObject<HTMLInputElement | null>;
+    syncRef: (node: HTMLInputElement | null) => void;
+    /** Display value with thousands separators — bind to `<input value>` */
+    formattedValue: string;
+    /** `true` when the internal value is neither null nor empty */
+    hasValue: boolean;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleSelect: () => void;
+    /** Clear the value and notify via onChange (caller should manage focus) */
+    clear: () => void;
+}
+/**
+ * Encapsulates the numeric input pipeline shared by InputAmount and InputTrade.
+ *
+ * Handles:
+ * - Thousands-separator formatting (display only; internal value stays raw)
+ * - parse / normalize / fraction-digit truncation / min-max clamping
+ * - Controlled & uncontrolled modes through the same pipeline
+ * - Caret position preservation across formatted re-renders
+ */
+export declare function useAmountInput(options: UseAmountInputOptions): UseAmountInputResult;