@1money/component-ui 0.0.1

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

@@ -0,0 +1,139 @@
+"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,
+    errorMsg = props.errorMsg,
+    _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
+      })]
+    }), errorMsg && (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: errorMsg
+      })]
+    })]
+  });
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(InputTrade);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvVHJhZGUvVHJhZGUuanMiLCJjb21wb25lbnRzL0lucHV0L3NyYy9jb21wb25lbnRzL0lucHV0L1RyYWRlL1RyYWRlLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaG9va3MiLCJfSWNvbnMiLCJfY2xhc3NuYW1lcyIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwiX3VzZUFtb3VudElucHV0MiIsIl9nZXRSZXF1aXJlV2lsZGNhcmRDYWNoZSIsImUiLCJXZWFrTWFwIiwiciIsInQiLCJfX2VzTW9kdWxlIiwiX3R5cGVvZiIsImhhcyIsImdldCIsIm4iLCJfX3Byb3RvX18iLCJhIiwiT2JqZWN0IiwiZGVmaW5lUHJvcGVydHkiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaSIsInNldCIsIlRSQURFX1BSRUZJWCIsIklucHV0VHJhZGUiLCJleHBvcnRzIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyRzdGF0dXMiLCJzdGF0dXMiLCJfcHJvcHMkZGlzYWJsZWQiLCJkaXNhYmxlZCIsIl9wcm9wcyRyZWFkT25seSIsInJlYWRPbmx5IiwiX3Byb3BzJGN1cnJlbmN5U3ltYm9sIiwiY3VycmVuY3lTeW1ib2wiLCJfcHJvcHMkY3VycmVuY3lVbml0IiwiY3VycmVuY3lVbml0IiwiZXhjaGFuZ2VUZXh0IiwiZXJyb3JNc2ciLCJfcHJvcHMkc2hvd01heCIsInNob3dNYXgiLCJvbk1heCIsIm9uU3dhcCIsInZhbHVlIiwiZGVmYXVsdFZhbHVlIiwib25DaGFuZ2UiLCJfcHJvcHMkcGxhY2Vob2xkZXIiLCJwbGFjZWhvbGRlciIsIm1pbiIsIm1heCIsIm1heEZyYWN0aW9uRGlnaXRzIiwibmVnYXRpdmUiLCJyZWYiLCJhdXRvSWQiLCJ1c2VJZCIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiX3VzZUFtb3VudElucHV0IiwidXNlQW1vdW50SW5wdXQiLCJzeW5jUmVmIiwiZm9ybWF0dGVkVmFsdWUiLCJoYXNWYWx1ZSIsImhhbmRsZUNoYW5nZSIsImhhbmRsZVNlbGVjdCIsImhhbmRsZU1heCIsInVzZUV2ZW50Q2FsbGJhY2siLCJoYW5kbGVTd2FwIiwiaXNFcnJvciIsIl9qc3hzIiwiam9pbkNscyIsImNoaWxkcmVuIiwiX2pzeCIsImlkIiwib25TZWxlY3QiLCJpbnB1dE1vZGUiLCJ0eXBlIiwib25DbGljayIsIkljb25zIiwibmFtZSIsInNpemUiLCJfZGVmYXVsdCIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxNQUFBLEdBQUFGLE9BQUE7QUFDQSxJQUFBRyxNQUFBLEdBQUFILE9BQUE7QUFDQSxJQUFBSSxXQUFBLEdBQUFDLHVCQUFBLENBQUFMLE9BQUE7QUFDQSxJQUFBTSxnQkFBQSxHQUFBTixPQUFBO0FBQW1ELFNBQUFPLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBSCx3QkFBQUcsQ0FBQSxFQUFBRSxDQUFBLFNBQUFBLENBQUEsSUFBQUYsQ0FBQSxJQUFBQSxDQUFBLENBQUFJLFVBQUEsU0FBQUosQ0FBQSxlQUFBQSxDQUFBLGdCQUFBSyxPQUFBLENBQUFMLENBQUEsMEJBQUFBLENBQUEsc0JBQUFBLENBQUEsUUFBQUcsQ0FBQSxHQUFBSix3QkFBQSxDQUFBRyxDQUFBLE9BQUFDLENBQUEsSUFBQUEsQ0FBQSxDQUFBRyxHQUFBLENBQUFOLENBQUEsVUFBQUcsQ0FBQSxDQUFBSSxHQUFB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QUFBLEVBQUE7TUFBSzVDLFNBQVMsRUFBRStCLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQztNQUFBZSxRQUFBLEVBQUEsQ0FDdkNILE9BQU8sSUFBSSxJQUFBSSxlQUFBLEVBQUNNLFlBQUssRUFBQTtRQUFDQyxJQUFJLEVBQUMsT0FBTztRQUFDQyxJQUFJLEVBQUU7TUFBRSxDQUFBLENBQUksRUFDNUMsSUFBQVIsZUFBQSxFQUFBLE1BQUEsRUFBQTtRQUFBRCxRQUFBLEVBQU9oQztNQUFRLENBQUEsQ0FBUTtJQUFBLENBQUEsQ0FFMUI7RUFBQSxDQUFBLENBQ0c7QUFFVixDQUFDO0FBQUMsSUFBQTBDLFFBQUEsR0FBQTNELE9BQUEsMkJBRWEsSUFBQTRELFdBQUksRUFBQzdELFVBQVUsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0lucHV0L1RyYWRlL1RyYWRlLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlRXZlbnRDYWxsYmFjayB9IGZyb20gJ0AxbW9uZXkvaG9va3MnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9JY29ucyc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IHVzZUFtb3VudElucHV0IH0gZnJvbSAnLi4vdXNlQW1vdW50SW5wdXQnO1xuY29uc3QgVFJBREVfUFJFRklYID0gJ2lucHV0JztcbmV4cG9ydCBjb25zdCBJbnB1dFRyYWRlID0gKHByb3BzKSA9PiB7XG4gICAgY29uc3QgeyBjbGFzc05hbWUgPSAnJywgcHJlZml4Q2xzID0gVFJBREVfUFJFRklYLCBzdGF0dXMgPSAnZGVmYXVsdCcsIGRpc2FibGVkID0gZmFsc2UsIHJlYWRPbmx5ID0gZmFsc2UsIGN1cnJlbmN5U3ltYm9sID0gJyQnLCBjdXJyZW5jeVVuaXQgPSAnVVNEJywgZXhjaGFuZ2VUZXh0LCBlcnJvck1zZywgc2hvd01heCA9IGZhbHNlLCBvbk1heCwgb25Td2FwLCB2YWx1ZSwgZGVmYXVsdFZhbHVlLCBvbkNoYW5nZSwgcGxhY2Vob2xkZXIgPSAnMCcsIG1pbiwgbWF4LCBtYXhGcmFjdGlvbkRpZ2l0cywgbmVnYXRpdmUsIHJlZiwgfSA9IHByb3BzO1xuICAgIGNvbnN0IGF1dG9JZCA9IHVzZUlkKCk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCB7IHN5bmNSZWYsIGZvcm1hdHRlZFZhbHVlLCBoYXNWYWx1ZSwgaGFuZGxlQ2hhbmdlLCBoYW5kbGVTZWxlY3QsIH0gPSB1c2VBbW91bnRJbnB1dCh7XG4gICAgICAgIHZhbHVlLFxuICAgICAgICBkZWZhdWx0VmFsdWUsXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBtaW4sXG4gICAgICAgIG1heCxcbiAgICAgICAgbWF4RnJhY3Rpb25EaWdpdHMsXG4gICAgICAgIG5lZ2F0aXZlLFxuICAgICAgICBkaXNhYmxlZCxcbiAgICAgICAgcmVhZE9ubHksXG4gICAgICAgIHJlZixcbiAgICB9KTtcbiAgICBjb25zdCBoYW5kbGVNYXggPSB1c2VFdmVudENhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBvbk1heCA9PT0gbnVsbCB8fCBvbk1heCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25NYXgoKTtcbiAgICB9KTtcbiAgICBjb25zdCBoYW5kbGVTd2FwID0gdXNlRXZlbnRDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGlmIChkaXNhYmxlZClcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgb25Td2FwID09PSBudWxsIHx8IG9uU3dhcCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Td2FwKCk7XG4gICAgfSk7XG4gICAgY29uc3QgaXNFcnJvciA9IHN0YXR1cyA9PT0gJ2Vycm9yJztcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZScsIGpvaW5DbHMoaXNFcnJvciAmJiBjbGFzc2VzKCd0cmFkZS1lcnJvcicpLCBkaXNhYmxlZCAmJiBjbGFzc2VzKCd0cmFkZS1kaXNhYmxlZCcpLCBjbGFzc05hbWUpKSwgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1tYWluJyksIGNoaWxkcmVuOiBfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndHJhZGUtdmFsdWUtbGluZScpLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1zeW1ib2wnKSwgY2hpbGRyZW46IGN1cnJlbmN5U3ltYm9sIH0pLCBfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1pbnB1dC13cmFwcGVyJyksIGNoaWxkcmVuOiBfanN4KFwiaW5wdXRcIiwgeyByZWY6IHN5bmNSZWYsIGlkOiBhdXRvSWQsIGNsYXNzTmFtZTogY2xhc3NlcygndHJhZGUtZmllbGQnKSwgZGlzYWJsZWQ6IGRpc2FibGVkLCByZWFkT25seTogcmVhZE9ubHksIHZhbHVlOiBmb3JtYXR0ZWRWYWx1ZSwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSwgb25TZWxlY3Q6IGhhbmRsZVNlbGVjdCwgcGxhY2Vob2xkZXI6IHBsYWNlaG9sZGVyLCBpbnB1dE1vZGU6IFwiZGVjaW1hbFwiLCBcImFyaWEtaW52YWxpZFwiOiBpc0Vycm9yID8gJ3RydWUnIDogJ2ZhbHNlJyB9KSB9KSwgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLXVuaXQnLCBqb2luQ2xzKCFoYXNWYWx1ZSAmJiBjbGFzc2VzKCd0cmFkZS11bml0LXBsYWNlaG9sZGVyJykpKSwgY2hpbGRyZW46IGN1cnJlbmN5VW5pdCB9KSwgc2hvd01heCAmJiAoX2pzeChcImJ1dHRvblwiLCB7IHR5cGU6IFwiYnV0dG9uXCIsIGNsYXNzTmFtZTogY2xhc3NlcygndHJhZGUtbWF4JyksIGRpc2FibGVkOiBkaXNhYmxlZCwgb25DbGljazogaGFuZGxlTWF4LCBjaGlsZHJlbjogXCJNYXhcIiB9KSldIH0pIH0pLCAoZXhjaGFuZ2VUZXh0IHx8IG9uU3dhcCkgJiYgKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1zdWJsaW5lJyksIGNoaWxkcmVuOiBbb25Td2FwICYmIChfanN4KFwiYnV0dG9uXCIsIHsgdHlwZTogXCJidXR0b25cIiwgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1zd2FwJyksIGRpc2FibGVkOiBkaXNhYmxlZCwgb25DbGljazogaGFuZGxlU3dhcCwgXCJhcmlhLWxhYmVsXCI6IFwic3dhcCBjdXJyZW5jeVwiLCBjaGlsZHJlbjogX2pzeChJY29ucywgeyBuYW1lOiBcInN3YXBcIiwgc2l6ZTogMjQgfSkgfSkpLCBleGNoYW5nZVRleHQgJiYgKF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0cmFkZS1leGNoYW5nZScpLCBjaGlsZHJlbjogZXhjaGFuZ2VUZXh0IH0pKV0gfSkpLCBlcnJvck1zZyAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ3RyYWRlLWVycm9yLW1zZycpLCBjaGlsZHJlbjogW2lzRXJyb3IgJiYgX2pzeChJY29ucywgeyBuYW1lOiBcImVycm9yXCIsIHNpemU6IDE2IH0pLCBfanN4KFwic3BhblwiLCB7IGNoaWxkcmVuOiBlcnJvck1zZyB9KV0gfSkpXSB9KSk7XG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhJbnB1dFRyYWRlKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Input/Trade/Trade.scss

@@ -0,0 +1,184 @@
+@use '@/styles/api' as theme;
+
+$component: 'input';
+
+.#{theme.$prefix}-#{$component} {
+  &-trade {
+    display: flex;
+    flex-direction: column;
+    gap: theme.spacing(gap, 200);
+    width: 100%;
+  }
+
+  &-trade-main {
+    padding-bottom: theme.spacing(scale, 200);
+    border-bottom: 1px solid theme.palette(border, 'default');
+    transition: border-color 0.2s ease;
+  }
+
+  &-trade-value-line {
+    display: flex;
+    gap: theme.spacing(gap, 200);
+    align-items: center;
+  }
+
+  &-trade-symbol {
+    @include theme.typography(display, lg);
+
+    flex-shrink: 0;
+    color: theme.palette(text, 'brand');
+  }
+
+  &-trade-input-wrapper {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    min-width: 0;
+  }
+
+  &-trade-field {
+    @include theme.typography(display, lg);
+
+    flex: 1 1 auto;
+    width: 100%;
+    min-width: 0;
+    color: theme.palette(text, 'brand');
+    background: transparent;
+    border: none;
+    outline: none;
+
+    &::placeholder {
+      color: theme.palette(text, 'brand');
+    }
+  }
+
+  &-trade-unit {
+    @include theme.typography(display, lg);
+
+    flex-shrink: 0;
+    color: theme.palette(text, 'brand');
+  }
+
+  &-trade-unit-placeholder {
+    color: theme.palette(text, 'neutral-tertiary');
+  }
+
+  &-trade-max {
+    @include theme.typography(body, sm, $strong: true);
+
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    padding: theme.spacing(component-padding, 200);
+    color: theme.palette(text, 'default');
+    background-color: theme.palette(bg, 'neutral-tertiary');
+    border: none;
+    border-radius: theme.shape(200);
+    cursor: pointer;
+
+    &:hover:not(:disabled) {
+      background-color: theme.palette(bg, 'neutral-tertiary-hover');
+    }
+
+    &:disabled {
+      color: theme.palette(text, 'disabled');
+      background-color: theme.palette(bg, 'disabled');
+      cursor: not-allowed;
+    }
+  }
+
+  &-trade-subline {
+    display: flex;
+    gap: theme.spacing(gap, 100);
+    align-items: center;
+    padding-top: theme.spacing(scale, 200);
+  }
+
+  &-trade-swap {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0;
+    color: theme.palette(icon, 'default-tertiary');
+    background: transparent;
+    border: none;
+    transform: rotate(-90deg);
+    cursor: pointer;
+
+    &:disabled {
+      color: theme.palette(icon, 'disabled');
+      cursor: not-allowed;
+    }
+  }
+
+  &-trade-exchange {
+    @include theme.typography(body, lg, $strong: true);
+
+    color: theme.palette(text, 'brand');
+  }
+
+  &-trade-error-msg {
+    @include theme.typography(body, sm);
+
+    display: flex;
+    gap: theme.spacing(gap, 100);
+    align-items: center;
+    color: theme.palette(text, 'default-tertiary');
+  }
+
+  // ── Focus ──
+  &-trade:focus-within {
+    .#{theme.$prefix}-#{$component}-trade-main {
+      padding-bottom: calc(#{theme.spacing(scale, 200)} - 1px);
+      border-bottom: 2px solid theme.palette(border, 'brand');
+    }
+  }
+
+  // ── Error ──
+  &-trade-error {
+    .#{theme.$prefix}-#{$component}-trade-symbol,
+    .#{theme.$prefix}-#{$component}-trade-field,
+    .#{theme.$prefix}-#{$component}-trade-unit {
+      color: theme.palette(text, 'danger');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-field::placeholder {
+      color: theme.palette(text, 'danger');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-main {
+      border-bottom-color: theme.palette(border, 'danger');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-error-msg {
+      color: theme.palette(text, 'danger');
+    }
+  }
+
+  // ── Disabled ──
+  &-trade-disabled {
+    .#{theme.$prefix}-#{$component}-trade-symbol,
+    .#{theme.$prefix}-#{$component}-trade-field,
+    .#{theme.$prefix}-#{$component}-trade-unit,
+    .#{theme.$prefix}-#{$component}-trade-unit-placeholder {
+      color: theme.palette(text, 'disabled');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-field::placeholder {
+      color: theme.palette(text, 'disabled');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-main {
+      border-bottom-color: theme.palette(border, 'disabled');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-exchange {
+      color: theme.palette(text, 'disabled');
+    }
+
+    .#{theme.$prefix}-#{$component}-trade-error-msg {
+      color: theme.palette(text, 'disabled');
+    }
+  }
+}

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_ERROR_MSG_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_ERROR_MSG_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_ERROR_MSG_SIZE = exports.INPUT_ERROR_MSG_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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvSW5wdXQvY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbIklOUFVUX1NJWkVTIiwiZXhwb3J0cyIsIklOUFVUX1NUQVRVU0VTIiwiU0VBUkNIX1RSSUdHRVJTIiwiT1RQX0RFRkFVTFRfTEVOR1RIIiwiSU5QVVRfTEFCRUxfU0laRSIsImxhcmdlIiwic21hbGwiLCJJTlBVVF9MQUJFTF9DT0xPUiIsIklOUFVUX0lORk9fU0laRSIsIklOUFVUX0lORk9fQ09MT1IiLCJJTlBVVF9FUlJPUl9NU0dfU0laRSIsIklOUFVUX0NPVU5UX1NJWkUiLCJJTlBVVF9DT1VOVF9DT0xPUiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRU8sSUFBTUEsV0FBVyxHQUFBQyxPQUFBLENBQUFELFdBQUEsR0FBRyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQVU7QUFDL0MsSUFBTUUsY0FBYyxHQUFBRCxPQUFBLENBQUFDLGNBQUEsR0FBRyxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBVTtBQUMxRSxJQUFNQyxlQUFlLEdBQUFGLE9BQUEsQ0FBQUUsZUFBQSxHQUFHLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQVU7QUFDNUQsSUFBTUMsa0JBQWtCLEdBQUFILE9BQUEsQ0FBQUcsa0JBQUEsR0FBRyxDQUFDO0FBTW5DO0FBQ08sSUFBTUMsZ0JBQWdCLEdBQUFKLE9BQUEsQ0FBQUksZ0JBQUEsR0FBMkM7RUFBRUMsS0FBSyxFQUFFLElBQUk7RUFBRUMsS0FBSyxFQUFFO0FBQUksQ0FBRTtBQUM3RixJQUFNQyxpQkFBaUIsR0FBQVAsT0FBQSxDQUFBTyxpQkFBQSxHQUFvQixTQUFTO0FBQ3BELElBQU1DLGVBQWUsR0FBQVIsT0FBQSxDQUFBUSxlQUFBLEdBQXVCLElBQUk7QUFDaEQsSUFBTUMsZ0JBQWdCLEdBQUFULE9BQUEsQ0FBQVMsZ0JBQUEsR0FBb0Isa0JBQWtCO0FBQzVELElBQU1DLG9CQUFvQixHQUFBVixPQUFBLENBQUFVLG9CQUFBLEdBQXVCLElBQUk7QUFDckQsSUFBTUMsZ0JBQWdCLEdBQUFYLE9BQUEsQ0FBQVcsZ0JBQUEsR0FBdUIsSUFBSTtBQUNqRCxJQUFNQyxpQkFBaUIsR0FBQVosT0FBQSxDQUFBWSxpQkFBQSxHQUFvQixtQkFBbUIiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9jb25zdGFudHMuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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,153 @@
+import type { ChangeEvent, FC, InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
+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;
+    errorMsg?: 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 */
+    errorMsg?: 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.scss';
+import '../Input/Input.scss';
+import '../TextArea/TextArea.scss';
+import '../OTP/OTP.scss';
+import '../Trade/Trade.scss';
+import '../Amount/style/Amount.scss';