@1money/component-ui 0.0.49 → 0.0.51

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InputSearch", {
+  enumerable: true,
+  get: function get() {
+    return _Search.InputSearch;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Search["default"];
+  }
+});
+var _Search = _interopRequireWildcard(require("./Search"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvU2VhcmNoL2luZGV4LnRzIl0sIm5hbWVzIjpbIl9TZWFyY2giLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsInJlcXVpcmUiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLElBQUFBLE9BQUEsR0FBQUMsdUJBQUEsQ0FBQUMsT0FBQTtBQUF1QyxTQUFBQyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FBQUQsQ0FBQSxLQUFBRixDQUFBO0FBQUEsU0FBQUgsd0JBQUFHLENBQUEsRUFBQUUsQ0FBQSxTQUFBQSxDQUFBLElBQUFGLENBQUEsSUFBQUEsQ0FBQSxDQUFBSSxVQUFBLFNBQUFKLENBQUEsZUFBQUEsQ0FBQSxnQkFBQUssT0FBQSxDQUFBTCxDQUFBLDBCQUFBQSxDQUFBLHNCQUFBQSxDQUFBLFFBQUFHLENBQUEsR0FBQUosd0JBQUEsQ0FBQUcsQ0FBQSxPQUFBQyxDQUFBLElBQUFBLENBQUEsQ0FBQUcsR0FBQSxDQUFBTixDQUFBLFVBQUFHLENBQUEsQ0FBQUksR0FBQSxDQUFBUCxDQUFBLE9BQUFRLENBQUEsS0FBQUMsU0FBQSxVQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsY0FBQSxJQUFBRCxNQUFBLENBQUFFLHdCQUFBLFdBQUFDLENBQUEsSUFBQWQsQ0FBQSxvQkFBQWMsQ0FBQSxPQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQWhCLENBQUEsRUFBQWMsQ0FBQSxTQUFBRyxDQUFBLEdBQUFQLENBQUEsR0FBQUMsTUFBQSxDQUFBRSx3QkFBQSxDQUFBYixDQUFBLEVBQUFjLENBQUEsVUFBQUcsQ0FBQSxLQUFBQSxDQUFBLENBQUFWLEdBQUEsSUFBQVUsQ0FBQSxDQUFBQyxHQUFBLElBQUFQLE1BQUEsQ0FBQUMsY0FBQSxDQUFBSixDQUFBLEVBQUFNLENBQUEsRUFBQUcsQ0FBQSxJQUFBVCxDQUFBLENBQUFNLENBQUEsSUFBQWQsQ0FBQSxDQUFBYyxDQUFBLFlBQUFOLENBQUEsY0FBQVIsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQWUsR0FBQSxDQUFBbEIsQ0FBQSxFQUFBUSxDQUFBLEdBQUFBLENBQUEiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9TZWFyY2gvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Input/TextArea/TextArea.css

@@ -0,0 +1,93 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-input-textarea-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  align-items: stretch;
+  width: 100%;
+  min-height: 120px;
+  padding: var(--om-spacing-300, 12px) var(--om-spacing-400, 16px);
+  background-color: var(--om-bg-default-secondary, #f8f8f8);
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  box-shadow: inset 0 0 0 1px var(--om-border-default, #d1d2d2);
+  transition: box-shadow 0.2s ease, background-color 0.2s ease;
+}
+.om-component-ui-input-textarea-wrapper:hover {
+  box-shadow: inset 0 0 0 1px var(--om-border-default-tertiary, #404042);
+}
+.om-component-ui-input-textarea-wrapper:focus-within {
+  box-shadow: inset 0 0 0 2px var(--om-border-brand, #073387);
+}
+.om-component-ui-input-textarea {
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-font-weight);
+  flex: 1 1 auto;
+  width: 100%;
+  color: var(--om-text-default, #131313);
+  background: transparent;
+  border: none;
+  outline: none;
+  resize: none;
+}
+.om-component-ui-input-textarea::-moz-placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-input-textarea::placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-input-textarea:not(:-moz-placeholder) {
+  font-weight: 500;
+}
+.om-component-ui-input-textarea:not(:placeholder-shown) {
+  font-weight: 500;
+}
+.om-component-ui-input-count {
+  text-align: right;
+}
+.om-component-ui-input-small .om-component-ui-input-textarea-wrapper {
+  min-height: var(--om-component-height-lg, 44px);
+  padding: var(--om-spacing-200, 8px);
+  border-radius: var(--om-radius-200, 8px);
+}
+.om-component-ui-input-error .om-component-ui-input-textarea-wrapper {
+  box-shadow: inset 0 0 0 1px var(--om-border-danger, #ae0000);
+}
+.om-component-ui-input-warning .om-component-ui-input-textarea-wrapper {
+  box-shadow: inset 0 0 0 1px var(--om-border-warning, #db8600);
+}
+.om-component-ui-input-success .om-component-ui-input-textarea-wrapper {
+  box-shadow: inset 0 0 0 1px var(--om-border-positive, #1f5800);
+}
+.om-component-ui-input-disabled .om-component-ui-input-textarea-wrapper {
+  background-color: var(--om-bg-disabled, #f0f0f0);
+  box-shadow: inset 0 0 0 1px var(--om-border-default, #d1d2d2);
+  cursor: not-allowed;
+}
+.om-component-ui-input-disabled .om-component-ui-input-textarea {
+  color: var(--om-text-disabled, #bbbdc1);
+}

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

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { InputTextAreaProps } from '../interface';
+export declare const InputTextArea: FC<InputTextAreaProps>;
+declare const MemoizedInputTextArea: import("react").NamedExoticComponent<InputTextAreaProps>;
+export default MemoizedInputTextArea;

package/lib/components/Input/TextArea/TextArea.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.InputTextArea = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _hooks = require("@1money/hooks");
+var _Typography = require("../../Typography");
+var _classnames = _interopRequireWildcard(require("../../../utils/classnames"));
+var _FieldShell = require("../FieldShell");
+var _useSyncRef3 = require("../useSyncRef");
+var _constants = require("../constants");
+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 __rest = void 0 && (void 0).__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;
+};
+var InputTextArea = exports.InputTextArea = function InputTextArea(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'input' : _props$prefixCls,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$status = props.status,
+    status = _props$status === void 0 ? 'default' : _props$status,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label,
+    info = props.info,
+    feedback = props.feedback,
+    feedbackIcon = props.feedbackIcon,
+    tip = props.tip,
+    required = props.required,
+    _props$rows = props.rows,
+    rows = _props$rows === void 0 ? 4 : _props$rows,
+    _props$showCount = props.showCount,
+    showCount = _props$showCount === void 0 ? false : _props$showCount,
+    maxLength = props.maxLength,
+    value = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
+    onChange = props.onChange,
+    ref = props.ref,
+    externalId = props.id,
+    rest = __rest(props, ["className", "prefixCls", "size", "status", "disabled", "label", "info", "feedback", "feedbackIcon", "tip", "required", "rows", "showCount", "maxLength", "value", "defaultValue", "onChange", "ref", "id"]);
+  var autoId = (0, _react.useId)();
+  var inputId = externalId !== null && externalId !== void 0 ? externalId : autoId;
+  var classes = (0, _classnames["default"])(prefixCls);
+  var _useSyncRef = (0, _useSyncRef3.useSyncRef)(ref),
+    _useSyncRef2 = (0, _slicedToArray2["default"])(_useSyncRef, 2),
+    syncRef = _useSyncRef2[1];
+  var _useControlledState = (0, _hooks.useControlledState)(defaultValue, value),
+    _useControlledState2 = (0, _slicedToArray2["default"])(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
+  var handleChange = (0, _hooks.useEventCallback)(function (event) {
+    var nextValue = event.target.value;
+    setInnerValue(nextValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+  });
+  return (0, _jsxRuntime.jsx)(_FieldShell.FieldShell, {
+    className: className,
+    prefixCls: prefixCls,
+    size: size,
+    status: status,
+    disabled: disabled,
+    label: label,
+    info: info,
+    tip: tip,
+    feedback: feedback,
+    feedbackIcon: feedbackIcon,
+    required: required,
+    inputId: inputId,
+    children: (0, _jsxRuntime.jsxs)("div", {
+      className: classes('textarea-wrapper', (0, _classnames.joinCls)(disabled && classes('control-disabled'))),
+      children: [(0, _jsxRuntime.jsx)("textarea", Object.assign({}, rest, {
+        ref: syncRef,
+        id: inputId,
+        className: classes('textarea'),
+        disabled: disabled,
+        rows: rows,
+        maxLength: maxLength,
+        value: innerValue,
+        onChange: handleChange
+      })), showCount && (0, _jsxRuntime.jsx)(_Typography.TypographyBody, {
+        as: "div",
+        className: classes('count'),
+        size: _constants.INPUT_COUNT_SIZE,
+        color: _constants.INPUT_COUNT_COLOR,
+        children: maxLength ? "".concat(innerValue.length, "/").concat(maxLength) : "".concat(innerValue.length)
+      })]
+    })
+  });
+};
+InputTextArea.displayName = 'InputTextArea';
+var MemoizedInputTextArea = /*#__PURE__*/(0, _react.memo)(InputTextArea);
+MemoizedInputTextArea.displayName = 'InputTextArea';
+var _default = exports["default"] = MemoizedInputTextArea;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEvVGV4dEFyZWEuanMiLCJjb21wb25lbnRzL0lucHV0L3NyYy9jb21wb25lbnRzL0lucHV0L1RleHRBcmVhL1RleHRBcmVhLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfcmVhY3QiLCJfaG9va3MiLCJfVHlwb2dyYXBoeSIsIl9jbGFzc25hbWVzIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJfRmllbGRTaGVsbCIsIl91c2VTeW5jUmVmMyIsIl9jb25zdGFudHMiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJfX3Jlc3QiLCJzIiwicCIsInByb3RvdHlwZSIsImluZGV4T2YiLCJnZXRPd25Qcm9wZXJ0eVN5bWJvbHMiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsIklucHV0VGV4dEFyZWEiLCJleHBvcnRzIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsIl9wcm9wcyRzaXplIiwic2l6ZSIsIl9wcm9wcyRzdGF0dXMiLCJzdGF0dXMiLCJfcHJvcHMkZGlzYWJsZWQiLCJkaXNhYmxlZCIsImxhYmVsIiwiaW5mbyIsImZlZWRiYWNrIiwiZmVlZGJhY2tJY29uIiwidGlwIiwicmVxdWlyZWQiLCJfcHJvcHMkcm93cyIsInJvd3MiLCJfcHJvcHMkc2hvd0NvdW50Iiwic2hvd0NvdW50IiwibWF4TGVuZ3RoIiwidmFsdWUiLCJfcHJvcHMkZGVmYXVsdFZhbHVlIiwiZGVmYXVsdFZhbHVlIiwib25DaGFuZ2UiLCJyZWYiLCJleHRlcm5hbElkIiwiaWQiLCJyZXN0IiwiYXV0b0lkIiwidXNlSWQiLCJpbnB1dElkIiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJfdXNlU3luY1JlZiIsInVzZVN5bmNSZWYiLCJfdXNlU3luY1JlZjIiLCJfc2xpY2VkVG9BcnJheTIiLCJzeW5jUmVmIiwiX3VzZUNvbnRyb2xsZWRTdGF0ZSIsInVzZUNvbnRyb2xsZWRTdGF0ZSIsIl91c2VDb250cm9sbGVkU3RhdGUyIiwiaW5uZXJWYWx1ZSIsInNldElubmVyVmFsdWUiLCJoYW5kbGVDaGFuZ2UiLCJ1c2VFdmVudENhbGxiYWNrIiwiZXZlbnQiLCJuZXh0VmFsdWUiLCJ0YXJnZXQiLCJfanN4IiwiRmllbGRTaGVsbCIsImNoaWxkcmVuIiwiX2pzeHMiLCJqb2luQ2xzIiwiYXNzaWduIiwiVHlwb2dyYXBoeUJvZHkiLCJhcyIsIklOUFVUX0NPVU5UX1NJWkUiLCJjb2xvciIsIklOUFVUX0NPVU5UX0NPTE9SIiwiY29uY2F0IiwiZGlzcGxheU5hbWUiLCJNZW1vaXplZElucHV0VGV4dEFyZWEiLCJtZW1vIiwiX2RlZmF1bHQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQVdBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ1hBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLE1BQUEsR0FBQUYsT0FBQTtBQUNBLElBQUFHLFdBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLFdBQUEsR0FBQUMsdUJBQUEsQ0FBQUwsT0FBQTtBQUNBLElBQUFNLFdBQUEsR0FBQU4sT0FBQTtBQUNBLElBQUFPLFlBQUEsR0FBQVAsT0FBQTtBQUNBLElBQUFRLFVBQUEsR0FBQVIsT0FBQTtBQUFtRSxTQUFBUyx5QkFBQUMsQ0FBQSw2QkFBQUMsT0FBQSxtQkFBQUMsQ0FBQSxPQUFBRCxPQUFBLElBQUFFLENBQUEsT0FBQUYsT0FBQSxZQUFBRix3QkFBQSxZQUFBQSx5QkFBQUMsQ0FBQSxXQUFBQSxDQUFBLEdBQUFHLENBQUEsR0FB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RUMsNEJBQWlCO1FBQUFSLFFBQUEsRUFDbkcvQixTQUFTLE1BQUF3QyxNQUFBLENBQU1sQixVQUFVLENBQUMvQyxNQUFNLE9BQUFpRSxNQUFBLENBQUl4QyxTQUFTLE9BQUF3QyxNQUFBLENBQVFsQixVQUFVLENBQUMvQyxNQUFNO01BQUUsQ0FBQSxDQUU1RTtJQUFBLENBQUE7RUFDRyxDQUFBLENBQ0s7QUFFakIsQ0FBQztBQUVERSxhQUFhLENBQUNnRSxXQUFXLEdBQUcsZUFBZTtBQUUzQyxJQUFNQyxxQkFBcUIsZ0JBQUcsSUFBQUMsV0FBSSxFQUFDbEUsYUFBYSxDQUFDO0FBQ2pEaUUscUJBQXFCLENBQUNELFdBQVcsR0FBRyxlQUFlO0FBQUMsSUFBQUcsUUFBQSxHQUFBbEUsT0FBQSxjQUVyQ2dFLHFCQUFxQiIsImZpbGUiOiJjb21wb25lbnRzL0lucHV0L1RleHRBcmVhL1RleHRBcmVhLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlQ29udHJvbGxlZFN0YXRlLCB1c2VFdmVudENhbGxiYWNrIH0gZnJvbSAnQDFtb25leS9ob29rcyc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSB9IGZyb20gJy4uLy4uL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBjbGFzc25hbWVzLCBqb2luQ2xzIH0gZnJvbSAnLi4vLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgeyBGaWVsZFNoZWxsIH0gZnJvbSAnLi4vRmllbGRTaGVsbCc7XG5pbXBvcnQgeyB1c2VTeW5jUmVmIH0gZnJvbSAnLi4vdXNlU3luY1JlZic7XG5pbXBvcnQgeyBJTlBVVF9DT1VOVF9DT0xPUiwgSU5QVVRfQ09VTlRfU0laRSB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5leHBvcnQgY29uc3QgSW5wdXRUZXh0QXJlYSA9IChwcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgY2xhc3NOYW1lID0gJycsIHByZWZpeENscyA9ICdpbnB1dCcsIHNpemUgPSAnbGFyZ2UnLCBzdGF0dXMgPSAnZGVmYXVsdCcsIGRpc2FibGVkID0gZmFsc2UsIGxhYmVsLCBpbmZvLCBmZWVkYmFjaywgZmVlZGJhY2tJY29uLCB0aXAsIHJlcXVpcmVkLCByb3dzID0gNCwgc2hvd0NvdW50ID0gZmFsc2UsIG1heExlbmd0aCwgdmFsdWUsIGRlZmF1bHRWYWx1ZSA9ICcnLCBvbkNoYW5nZSwgcmVmLCBpZDogZXh0ZXJuYWxJZCB9ID0gcHJvcHMsIHJlc3QgPSBfX3Jlc3QocHJvcHMsIFtcImNsYXNzTmFtZVwiLCBcInByZWZpeENsc1wiLCBcInNpemVcIiwgXCJzdGF0dXNcIiwgXCJkaXNhYmxlZFwiLCBcImxhYmVsXCIsIFwiaW5mb1wiLCBcImZlZWRiYWNrXCIsIFwiZmVlZGJhY2tJY29uXCIsIFwidGlwXCIsIFwicmVxdWlyZWRcIiwgXCJyb3dzXCIsIFwic2hvd0NvdW50XCIsIFwibWF4TGVuZ3RoXCIsIFwidmFsdWVcIiwgXCJkZWZhdWx0VmFsdWVcIiwgXCJvbkNoYW5nZVwiLCBcInJlZlwiLCBcImlkXCJdKTtcbiAgICBjb25zdCBhdXRvSWQgPSB1c2VJZCgpO1xuICAgIGNvbnN0IGlucHV0SWQgPSBleHRlcm5hbElkICE9PSBudWxsICYmIGV4dGVybmFsSWQgIT09IHZvaWQgMCA/IGV4dGVybmFsSWQgOiBhdXRvSWQ7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBbLCBzeW5jUmVmXSA9IHVzZVN5bmNSZWYocmVmKTtcbiAgICBjb25zdCBbaW5uZXJWYWx1ZSwgc2V0SW5uZXJWYWx1ZV0gPSB1c2VDb250cm9sbGVkU3RhdGUoZGVmYXVsdFZhbHVlLCB2YWx1ZSk7XG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlRXZlbnRDYWxsYmFjaygoZXZlbnQpID0+IHtcbiAgICAgICAgY29uc3QgbmV4dFZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xuICAgICAgICBzZXRJbm5lclZhbHVlKG5leHRWYWx1ZSk7XG4gICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShuZXh0VmFsdWUsIGV2ZW50KTtcbiAgICB9KTtcbiAgICByZXR1cm4gKF9qc3goRmllbGRTaGVsbCwgeyBjbGFzc05hbWU6IGNsYXNzTmFtZSwgcHJlZml4Q2xzOiBwcmVmaXhDbHMsIHNpemU6IHNpemUsIHN0YXR1czogc3RhdHVzLCBkaXNhYmxlZDogZGlzYWJsZWQsIGxhYmVsOiBsYWJlbCwgaW5mbzogaW5mbywgdGlwOiB0aXAsIGZlZWRiYWNrOiBmZWVkYmFjaywgZmVlZGJhY2tJY29uOiBmZWVkYmFja0ljb24sIHJlcXVpcmVkOiByZXF1aXJlZCwgaW5wdXRJZDogaW5wdXRJZCwgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCd0ZXh0YXJlYS13cmFwcGVyJywgam9pbkNscyhkaXNhYmxlZCAmJiBjbGFzc2VzKCdjb250cm9sLWRpc2FibGVkJykpKSwgY2hpbGRyZW46IFtfanN4KFwidGV4dGFyZWFcIiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyByZWY6IHN5bmNSZWYsIGlkOiBpbnB1dElkLCBjbGFzc05hbWU6IGNsYXNzZXMoJ3RleHRhcmVhJyksIGRpc2FibGVkOiBkaXNhYmxlZCwgcm93czogcm93cywgbWF4TGVuZ3RoOiBtYXhMZW5ndGgsIHZhbHVlOiBpbm5lclZhbHVlLCBvbkNoYW5nZTogaGFuZGxlQ2hhbmdlIH0pKSwgc2hvd0NvdW50ICYmIChfanN4KFR5cG9ncmFwaHlCb2R5LCB7IGFzOiBcImRpdlwiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvdW50JyksIHNpemU6IElOUFVUX0NPVU5UX1NJWkUsIGNvbG9yOiBJTlBVVF9DT1VOVF9DT0xPUiwgY2hpbGRyZW46IG1heExlbmd0aCA/IGAke2lubmVyVmFsdWUubGVuZ3RofS8ke21heExlbmd0aH1gIDogYCR7aW5uZXJWYWx1ZS5sZW5ndGh9YCB9KSldIH0pIH0pKTtcbn07XG5JbnB1dFRleHRBcmVhLmRpc3BsYXlOYW1lID0gJ0lucHV0VGV4dEFyZWEnO1xuY29uc3QgTWVtb2l6ZWRJbnB1dFRleHRBcmVhID0gbWVtbyhJbnB1dFRleHRBcmVhKTtcbk1lbW9pemVkSW5wdXRUZXh0QXJlYS5kaXNwbGF5TmFtZSA9ICdJbnB1dFRleHRBcmVhJztcbmV4cG9ydCBkZWZhdWx0IE1lbW9pemVkSW5wdXRUZXh0QXJlYTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

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

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "InputTextArea", {
+  enumerable: true,
+  get: function get() {
+    return _TextArea.InputTextArea;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _TextArea["default"];
+  }
+});
+var _TextArea = _interopRequireWildcard(require("./TextArea"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEvaW5kZXgudHMiXSwibmFtZXMiOlsiX1RleHRBcmVhIiwiX2ludGVyb3BSZXF1aXJlV2lsZGNhcmQiLCJyZXF1aXJlIiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwiZ2V0IiwibiIsIl9fcHJvdG9fXyIsImEiLCJPYmplY3QiLCJkZWZpbmVQcm9wZXJ0eSIsImdldE93blByb3BlcnR5RGVzY3JpcHRvciIsInUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJpIiwic2V0Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxTQUFBLEdBQUFDLHVCQUFBLENBQUFDLE9BQUE7QUFBMkMsU0FBQUMseUJBQUFDLENBQUEsNkJBQUFDLE9BQUEsbUJBQUFDLENBQUEsT0FBQUQsT0FBQSxJQUFBRSxDQUFBLE9BQUFGLE9BQUEsWUFBQUYsd0JBQUEsWUFBQUEseUJBQUFDLENBQUEsV0FBQUEsQ0FBQSxHQUFBRyxDQUFBLEdBQUFELENBQUEsS0FBQUYsQ0FBQTtBQUFBLFNBQUFILHdCQUFBRyxDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFJLEdBQUEsQ0FBQVAsQ0FBQSxPQUFBUSxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLGNBQUEsSUFBQUQsTUFBQSxDQUFBRSx3QkFBQSxXQUFBQyxDQUFBLElBQUFkLENBQUEsb0JBQUFjLENBQUEsT0FBQUMsY0FBQSxDQUFBQyxJQUFBLENBQUFoQixDQUFBLEVBQUFjLENBQUEsU0FBQUcsQ0FBQSxHQUFBUCxDQUFBLEdBQUFDLE1BQUEsQ0FBQUUsd0JBQUEsQ0FBQWIsQ0FBQSxFQUFBYyxDQUFBLFVBQUFHLENBQUEsS0FBQUEsQ0FBQSxDQUFBVixHQUFBLElBQUFVLENBQUEsQ0FBQUMsR0FBQSxJQUFBUCxNQUFBLENBQUFDLGNBQUEsQ0FBQUosQ0FBQSxFQUFBTSxDQUFBLEVBQUFHLENBQUEsSUFBQVQsQ0FBQSxDQUFBTSxDQUFBLElBQUFkLENBQUEsQ0FBQWMsQ0FBQSxZQUFBTixDQUFBLGNBQUFSLENBQUEsRUFBQUcsQ0FBQSxJQUFBQSxDQUFBLENBQUFlLEdBQUEsQ0FBQWxCLENBQUEsRUFBQVEsQ0FBQSxHQUFBQSxDQUFBIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXQvVGV4dEFyZWEvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Input/Trade/Trade.css

@@ -0,0 +1,192 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-input-trade {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  width: 100%;
+}
+.om-component-ui-input-trade-main {
+  padding-bottom: var(--om-spacing-200, 8px);
+  border-bottom: 1px solid var(--om-border-default, #d1d2d2);
+  transition: border-color 0.2s ease;
+}
+.om-component-ui-input-trade-value-line {
+  display: flex;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+}
+.om-component-ui-input-trade-symbol {
+  font-size: var(--om-display-lg-font-size);
+  font-family: var(--om-display-lg-font-family);
+  line-height: var(--om-display-lg-line-height);
+  letter-spacing: var(--om-display-lg-letter-spacing);
+  font-weight: var(--om-display-lg-font-weight);
+  flex-shrink: 0;
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-input-trade-input-wrapper {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  min-width: 0;
+}
+.om-component-ui-input-trade-field {
+  font-size: var(--om-display-lg-font-size);
+  font-family: var(--om-display-lg-font-family);
+  line-height: var(--om-display-lg-line-height);
+  letter-spacing: var(--om-display-lg-letter-spacing);
+  font-weight: var(--om-display-lg-font-weight);
+  flex: 1 1 auto;
+  width: 100%;
+  min-width: 0;
+  color: var(--om-text-brand, #073387);
+  background: transparent;
+  border: none;
+  outline: none;
+}
+.om-component-ui-input-trade-field::-moz-placeholder {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-input-trade-field::placeholder {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-input-trade-unit {
+  font-size: var(--om-display-lg-font-size);
+  font-family: var(--om-display-lg-font-family);
+  line-height: var(--om-display-lg-line-height);
+  letter-spacing: var(--om-display-lg-letter-spacing);
+  font-weight: var(--om-display-lg-font-weight);
+  flex-shrink: 0;
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-input-trade-unit-placeholder {
+  color: var(--om-text-neutral-tertiary, #bbbdc1);
+}
+.om-component-ui-input-trade-max {
+  font-size: var(--om-body-sm-font-size);
+  font-family: var(--om-body-sm-font-family);
+  line-height: var(--om-body-sm-line-height);
+  letter-spacing: var(--om-body-sm-letter-spacing);
+  font-weight: var(--om-body-sm-strong-font-weight);
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  padding: var(--om-spacing-200, 8px);
+  color: var(--om-text-default, #131313);
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+  border: none;
+  border-radius: var(--om-radius-200, 8px);
+  cursor: pointer;
+}
+.om-component-ui-input-trade-max:hover:not(:disabled) {
+  background-color: var(--om-bg-neutral-tertiary-hover, #e3e4e4);
+}
+.om-component-ui-input-trade-max:disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  background-color: var(--om-bg-disabled, #f0f0f0);
+  cursor: not-allowed;
+}
+.om-component-ui-input-trade-subline {
+  display: flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  padding-top: var(--om-spacing-200, 8px);
+}
+.om-component-ui-input-trade-swap {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--om-icon-default-tertiary, #646465);
+  background: transparent;
+  border: none;
+  transform: rotate(-90deg);
+  cursor: pointer;
+}
+.om-component-ui-input-trade-swap:disabled {
+  color: var(--om-icon-disabled, #d1d2d2);
+  cursor: not-allowed;
+}
+.om-component-ui-input-trade-exchange {
+  font-size: var(--om-body-lg-font-size);
+  font-family: var(--om-body-lg-font-family);
+  line-height: var(--om-body-lg-line-height);
+  letter-spacing: var(--om-body-lg-letter-spacing);
+  font-weight: var(--om-body-lg-strong-font-weight);
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-input-trade-error-msg {
+  font-size: var(--om-body-sm-font-size);
+  font-family: var(--om-body-sm-font-family);
+  line-height: var(--om-body-sm-line-height);
+  letter-spacing: var(--om-body-sm-letter-spacing);
+  font-weight: var(--om-body-sm-font-weight);
+  display: flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-input-trade:focus-within .om-component-ui-input-trade-main {
+  padding-bottom: calc(var(--om-spacing-200, 8px) - 1px);
+  border-bottom: 2px solid var(--om-border-brand, #073387);
+}
+.om-component-ui-input-trade-error .om-component-ui-input-trade-symbol,
+.om-component-ui-input-trade-error .om-component-ui-input-trade-field,
+.om-component-ui-input-trade-error .om-component-ui-input-trade-unit {
+  color: var(--om-text-danger, #ae0000);
+}
+.om-component-ui-input-trade-error .om-component-ui-input-trade-field::-moz-placeholder {
+  color: var(--om-text-danger, #ae0000);
+}
+.om-component-ui-input-trade-error .om-component-ui-input-trade-field::placeholder {
+  color: var(--om-text-danger, #ae0000);
+}
+.om-component-ui-input-trade-error .om-component-ui-input-trade-main {
+  border-bottom-color: var(--om-border-danger, #ae0000);
+}
+.om-component-ui-input-trade-error .om-component-ui-input-trade-error-msg {
+  color: var(--om-text-danger, #ae0000);
+}
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-symbol,
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-field,
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-unit,
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-unit-placeholder {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-field::-moz-placeholder {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-field::placeholder {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-main {
+  border-bottom-color: var(--om-border-disabled, #e3e4e4);
+}
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-exchange {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-input-trade-disabled .om-component-ui-input-trade-error-msg {
+  color: var(--om-text-disabled, #bbbdc1);
+}

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

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { InputTradeProps } from '../interface';
+export declare const InputTrade: FC<InputTradeProps>;
+declare const MemoizedInputTrade: import("react").NamedExoticComponent<InputTradeProps>;
+export default MemoizedInputTrade;