@1money/component-ui 0.0.49 → 0.0.50

package/es/components/Input/Amount/helper.js

@@ -0,0 +1,95 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import BigNumber from 'bignumber.js';
+import { numericFormatter } from 'react-number-format';
+export var DECIMAL_POINT_OFFSET = 2;
+export var DEFAULT_PLACEHOLDER = '0';
+export var CHAR_MINUS = '-';
+export var CHAR_DOT = '.';
+export var CHAR_COMMA = ',';
+/** Fullwidth decimal/period → ASCII dot, fullwidth comma → ASCII comma */
+var FULLWIDTH_DOT_RE = /[\u3002\uff0e\uff61]/g;
+var FULLWIDTH_COMMA_RE = /[\uFF0C]/g;
+var MINUS_RE = /-/g;
+var TRAILING_DECIMALS_RE = /\.(\d+)$/;
+export var isNumericType = function isNumericType(val) {
+  return typeof val === 'number' || typeof val === 'bigint';
+};
+export var normalizeNumberInput = function normalizeNumberInput(val) {
+  return val.replace(FULLWIDTH_DOT_RE, CHAR_DOT).replace(FULLWIDTH_COMMA_RE, CHAR_COMMA);
+};
+export var stripCommas = function stripCommas(val) {
+  return val.split(CHAR_COMMA).join('');
+};
+export var stripMinus = function stripMinus(val) {
+  return val.replace(MINUS_RE, '');
+};
+export var formatThousands = function formatThousands(val, allowNegative) {
+  return numericFormatter(val, {
+    thousandSeparator: true,
+    allowNegative: allowNegative
+  });
+};
+export var calcValueInRange = function calcValueInRange(val, min, max) {
+  if (val === '' || val === CHAR_MINUS || isNaN(+val)) return val;
+  var bnVal = BigNumber(val);
+  if (isNumericType(min) && bnVal.lt(BigNumber(min))) return "".concat(min);
+  if (isNumericType(max) && bnVal.gt(BigNumber(max))) return "".concat(max);
+  return val;
+};
+/**
+ * Normalize a raw numeric value string:
+ * - Strips leading zeros via BigNumber
+ * - Preserves negative-zero representation when applicable
+ * - Appends trailing decimal point if present in input
+ */
+export var normalizeValue = function normalizeValue(val, hasDecimalPoint, negative) {
+  var _a, _b, _c;
+  var decimals = (_c = (_b = (_a = val.match(TRAILING_DECIMALS_RE)) === null || _a === void 0 ? void 0 : _a[1]) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0;
+  var bn = BigNumber(val);
+  var normalized = bn.toFixed(decimals);
+  if (negative && val.trim().startsWith(CHAR_MINUS) && bn.isZero()) {
+    normalized = normalized.startsWith(CHAR_MINUS) ? normalized : "".concat(CHAR_MINUS).concat(normalized);
+  }
+  return "".concat(normalized).concat(hasDecimalPoint ? CHAR_DOT : '').trim();
+};
+export var truncateFractionDigits = function truncateFractionDigits(val, maxDecimals) {
+  var _val$split = val.split(CHAR_DOT),
+    _val$split2 = _slicedToArray(_val$split, 2),
+    _int = _val$split2[0],
+    decimal = _val$split2[1];
+  if (decimal != null && decimal.length > maxDecimals) {
+    return {
+      "int": _int,
+      truncated: "".concat(_int).concat(CHAR_DOT).concat(decimal.slice(0, maxDecimals)),
+      overflow: true
+    };
+  }
+  return {
+    "int": _int,
+    truncated: val,
+    overflow: false
+  };
+};
+/**
+ * Parse and sanitize a raw string input value.
+ * Returns `null` if the value is invalid and should be rejected.
+ */
+export var parseRawInput = function parseRawInput(raw, negative) {
+  var val = stripCommas(normalizeNumberInput(raw));
+  var hasDecimalPoint = val.endsWith(CHAR_DOT);
+  if (hasDecimalPoint) val = val.slice(0, -1);
+  if (!negative && val.includes(CHAR_MINUS)) return null;
+  var isStandaloneMinus = !!negative && val === CHAR_MINUS;
+  if (!isStandaloneMinus && isNaN(+val)) return null;
+  return {
+    val: val,
+    hasDecimalPoint: hasDecimalPoint,
+    isStandaloneMinus: isStandaloneMinus
+  };
+};
+/** Ensure a numeric value is non-negative when `negative` is not allowed. */
+export var absValue = function absValue(val) {
+  if (typeof val === 'number') return Math.abs(val);
+  return val < BigInt(0) ? -val : val;
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvQW1vdW50L2hlbHBlci50cyIsImNvbXBvbmVudHMvSW5wdXQvQW1vdW50L2hlbHBlci5qcyJdLCJuYW1lcyI6WyJCaWdOdW1iZXIiLCJudW1lcmljRm9ybWF0dGVyIiwiREVDSU1BTF9QT0lOVF9PRkZTRVQiLCJERUZBVUxUX1BMQUNFSE9MREVSIiwiQ0hBUl9NSU5VUyIsIkNIQVJfRE9UIiwiQ0hBUl9DT01NQSIsIkZVTExXSURUSF9ET1RfUkUiLCJGVUxMV0lEVEhfQ09NTUFfUkUiLCJNSU5VU19SRSIsIlRSQUlMSU5HX0RFQ0lNQUxTX1JFIiwiaXNOdW1lcmljVHlwZSIsInZhbCIsIm5vcm1hbGl6ZU51bWJlcklucHV0IiwicmVwbGFjZSIsInN0cmlwQ29tbWFzIiwic3BsaXQiLCJqb2luIiwic3RyaXBNaW51cyIsImZvcm1hdFRob3VzYW5kcyIsImFsbG93TmVnYXRpdmUiLCJ0aG91c2FuZFNlcGFyYXRvciIsImNhbGNWYWx1ZUluUmFuZ2UiLCJtaW4iLCJtYXgiLCJpc05hTiIsImJuVmFsIiwibHQiLCJjb25jYXQiLCJndCIsIm5vcm1hbGl6ZVZhbHVlIiwiaGFzRGVjaW1hbFBvaW50IiwibmVnYXRpdmUiLCJfYSIsIl9iIiwiX2MiLCJkZWNpbWFscyIsIm1hdGNoIiwibGVuZ3RoIiwiYm4iLCJub3JtYWxpemVkIiwidG9GaXhlZCIsInRyaW0iLCJzdGFydHNXaXRoIiwiaXNaZXJvIiwidHJ1bmNhdGVGcmFjdGlvbkRpZ2l0cyIsIm1heERlY2ltYWxzIiwiX3ZhbCRzcGxpdCIsIl92YWwkc3BsaXQyIiwiX3NsaWNlZFRvQXJyYXkiLCJpbnQiLCJkZWNpbWFsIiwidHJ1bmNhdGVkIiwic2xpY2UiLCJvdmVyZmxvdyIsInBhcnNlUmF3SW5wdXQiLCJyYXciLCJlbmRzV2l0aCIsImluY2x1ZGVzIiwiaXNTdGFuZGFsb25lTWludXMiLCJhYnNWYWx1ZSIsIk1hdGgiLCJhYnMiLCJCaWdJ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TyxJQUFNQyxRQUFRLEdBQUcsU0FBWEEsUUFBUUEsQ0FBSWhELEdBQW9CLEVBQXFCO0VBQ2hFLElBQUksT0FBT0EsR0FBRyxLQUFLLFFBQVEsRUFBRSxPQUFPaUQsSUFBSSxDQUFDQyxHQUFHLENBQUNsRCxHQUFHLENBQUM7RUFDakQsT0FBT0EsR0FBRyxHQUFHbUQsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUNuRCxHQUFHLEdBQUdBLEdBQUc7QUFDckMsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0lucHV0L0Ftb3VudC9oZWxwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGwsImltcG9ydCBCaWdOdW1iZXIgZnJvbSAnYmlnbnVtYmVyLmpzJztcbmltcG9ydCB7IG51bWVyaWNGb3JtYXR0ZXIgfSBmcm9tICdyZWFjdC1udW1iZXItZm9ybWF0JztcbmV4cG9ydCBjb25zdCBERUNJTUFMX1BPSU5UX09GRlNFVCA9IDI7XG5leHBvcnQgY29uc3QgREVGQVVMVF9QTEFDRUhPTERFUiA9ICcwJztcbmV4cG9ydCBjb25zdCBDSEFSX01JTlVTID0gJy0nO1xuZXhwb3J0IGNvbnN0IENIQVJfRE9UID0gJy4nO1xuZXhwb3J0IGNvbnN0IENIQVJfQ09NTUEgPSAnLCc7XG4vKiogRnVsbHdpZHRoIGRlY2ltYWwvcGVyaW9kIOKGkiBBU0NJSSBkb3QsIGZ1bGx3aWR0aCBjb21tYSDihpIgQVNDSUkgY29tbWEgKi9cbmNvbnN0IEZVTExXSURUSF9ET1RfUkUgPSAvW1xcdTMwMDJcXHVmZjBlXFx1ZmY2MV0vZztcbmNvbnN0IEZVTExXSURUSF9DT01NQV9SRSA9IC9bXFx1RkYwQ10vZztcbmNvbnN0IE1JTlVTX1JFID0gLy0vZztcbmNvbnN0IFRSQUlMSU5HX0RFQ0lNQUxTX1JFID0gL1xcLihcXGQrKSQvO1xuZXhwb3J0IGNvbnN0IGlzTnVtZXJpY1R5cGUgPSAodmFsKSA9PiB0eXBlb2YgdmFsID09PSAnbnVtYmVyJyB8fCB0eXBlb2YgdmFsID09PSAnYmlnaW50JztcbmV4cG9ydCBjb25zdCBub3JtYWxpemVOdW1iZXJJbnB1dCA9ICh2YWwpID0+IHZhbC5yZXBsYWNlKEZVTExXSURUSF9ET1RfUkUsIENIQVJfRE9UKS5yZXBsYWNlKEZVTExXSURUSF9DT01NQV9SRSwgQ0hBUl9DT01NQSk7XG5leHBvcnQgY29uc3Qgc3RyaXBDb21tYXMgPSAodmFsKSA9PiB2YWwuc3BsaXQoQ0hBUl9DT01NQSkuam9pbignJyk7XG5leHBvcnQgY29uc3Qgc3RyaXBNaW51cyA9ICh2YWwpID0+IHZhbC5yZXBsYWNlKE1JTlVTX1JFLCAnJyk7XG5leHBvcnQgY29uc3QgZm9ybWF0VGhvdXNhbmRzID0gKHZhbCwgYWxsb3dOZWdhdGl2ZSkgPT4gbnVtZXJpY0Zvcm1hdHRlcih2YWwsIHsgdGhvdXNhbmRTZXBhcmF0b3I6IHRydWUsIGFsbG93TmVnYXRpdmUgfSk7XG5leHBvcnQgY29uc3QgY2FsY1ZhbHVlSW5SYW5nZSA9ICh2YWwsIG1pbiwgbWF4KSA9PiB7XG4gICAgaWYgKHZhbCA9PT0gJycgfHwgdmFsID09PSBDSEFSX01JTlVTIHx8IGlzTmFOKCt2YWwpKVxuICAgICAgICByZXR1cm4gdmFsO1xuICAgIGNvbnN0IGJuVmFsID0gQmlnTnVtYmVyKHZhbCk7XG4gICAgaWYgKGlzTnVtZXJpY1R5cGUobWluKSAmJiBiblZhbC5sdChCaWdOdW1iZXIobWluKSkpXG4gICAgICAgIHJldHVybiBgJHttaW59YDtcbiAgICBpZiAoaXNOdW1lcmljVHlwZShtYXgpICYmIGJuVmFsLmd0KEJpZ051bWJlcihtYXgpKSlcbiAgICAgICAgcmV0dXJuIGAke21heH1gO1xuICAgIHJldHVybiB2YWw7XG59O1xuLyoqXG4gKiBOb3JtYWxpemUgYSByYXcgbnVtZXJpYyB2YWx1ZSBzdHJpbmc6XG4gKiAtIFN0cmlwcyBsZWFkaW5nIHplcm9zIHZpYSBCaWdOdW1iZXJcbiAqIC0gUHJlc2VydmVzIG5lZ2F0aXZlLXplcm8gcmVwcmVzZW50YXRpb24gd2hlbiBhcHBsaWNhYmxlXG4gKiAtIEFwcGVuZHMgdHJhaWxpbmcgZGVjaW1hbCBwb2ludCBpZiBwcmVzZW50IGluIGlucHV0XG4gKi9cbmV4cG9ydCBjb25zdCBub3JtYWxpemVWYWx1ZSA9ICh2YWwsIGhhc0RlY2ltYWxQb2ludCwgbmVnYXRpdmUpID0+IHtcbiAgICB2YXIgX2EsIF9iLCBfYztcbiAgICBjb25zdCBkZWNpbWFscyA9IChfYyA9IChfYiA9IChfYSA9IHZhbC5tYXRjaChUUkFJTElOR19ERUNJTUFMU19SRSkpID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYVsxXSkgPT09IG51bGwgfHwgX2IgPT09IHZvaWQgMCA/IHZvaWQgMCA6IF9iLmxlbmd0aCkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogMDtcbiAgICBjb25zdCBibiA9IEJpZ051bWJlcih2YWwpO1xuICAgIGxldCBub3JtYWxpemVkID0gYm4udG9GaXhlZChkZWNpbWFscyk7XG4gICAgaWYgKG5lZ2F0aXZlICYmIHZhbC50cmltKCkuc3RhcnRzV2l0aChDSEFSX01JTlVTKSAmJiBibi5pc1plcm8oKSkge1xuICAgICAgICBub3JtYWxpemVkID0gbm9ybWFsaXplZC5zdGFydHNXaXRoKENIQVJfTUlOVVMpID8gbm9ybWFsaXplZCA6IGAke0NIQVJfTUlOVVN9JHtub3JtYWxpemVkfWA7XG4gICAgfVxuICAgIHJldHVybiBgJHtub3JtYWxpemVkfSR7aGFzRGVjaW1hbFBvaW50ID8gQ0hBUl9ET1QgOiAnJ31gLnRyaW0oKTtcbn07XG5leHBvcnQgY29uc3QgdHJ1bmNhdGVGcmFjdGlvbkRpZ2l0cyA9ICh2YWwsIG1heERlY2ltYWxzKSA9PiB7XG4gICAgY29uc3QgW2ludCwgZGVjaW1hbF0gPSB2YWwuc3BsaXQoQ0hBUl9ET1QpO1xuICAgIGlmIChkZWNpbWFsICE9IG51bGwgJiYgZGVjaW1hbC5sZW5ndGggPiBtYXhEZWNpbWFscykge1xuICAgICAgICByZXR1cm4geyBpbnQsIHRydW5jYXRlZDogYCR7aW50fSR7Q0hBUl9ET1R9JHtkZWNpbWFsLnNsaWNlKDAsIG1heERlY2ltYWxzKX1gLCBvdmVyZmxvdzogdHJ1ZSB9O1xuICAgIH1cbiAgICByZXR1cm4geyBpbnQsIHRydW5jYXRlZDogdmFsLCBvdmVyZmxvdzogZmFsc2UgfTtcbn07XG4vKipcbiAqIFBhcnNlIGFuZCBzYW5pdGl6ZSBhIHJhdyBzdHJpbmcgaW5wdXQgdmFsdWUuXG4gKiBSZXR1cm5zIGBudWxsYCBpZiB0aGUgdmFsdWUgaXMgaW52YWxpZCBhbmQgc2hvdWxkIGJlIHJlamVjdGVkLlxuICovXG5leHBvcnQgY29uc3QgcGFyc2VSYXdJbnB1dCA9IChyYXcsIG5lZ2F0aXZlKSA9PiB7XG4gICAgbGV0IHZhbCA9IHN0cmlwQ29tbWFzKG5vcm1hbGl6ZU51bWJlcklucHV0KHJhdykpO1xuICAgIGNvbnN0IGhhc0RlY2ltYWxQb2ludCA9IHZhbC5lbmRzV2l0aChDSEFSX0RPVCk7XG4gICAgaWYgKGhhc0RlY2ltYWxQb2ludClcbiAgICAgICAgdmFsID0gdmFsLnNsaWNlKDAsIC0xKTtcbiAgICBpZiAoIW5lZ2F0aXZlICYmIHZhbC5pbmNsdWRlcyhDSEFSX01JTlVTKSlcbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgaXNTdGFuZGFsb25lTWludXMgPSAhIW5lZ2F0aXZlICYmIHZhbCA9PT0gQ0hBUl9NSU5VUztcbiAgICBpZiAoIWlzU3RhbmRhbG9uZU1pbnVzICYmIGlzTmFOKCt2YWwpKVxuICAgICAgICByZXR1cm4gbnVsbDtcbiAgICByZXR1cm4geyB2YWwsIGhhc0RlY2ltYWxQb2ludCwgaXNTdGFuZGFsb25lTWludXMgfTtcbn07XG4vKiogRW5zdXJlIGEgbnVtZXJpYyB2YWx1ZSBpcyBub24tbmVnYXRpdmUgd2hlbiBgbmVnYXRpdmVgIGlzIG5vdCBhbGxvd2VkLiAqL1xuZXhwb3J0IGNvbnN0IGFic1ZhbHVlID0gKHZhbCkgPT4ge1xuICAgIGlmICh0eXBlb2YgdmFsID09PSAnbnVtYmVyJylcbiAgICAgICAgcmV0dXJuIE1hdGguYWJzKHZhbCk7XG4gICAgcmV0dXJuIHZhbCA8IEJpZ0ludCgwKSA/IC12YWwgOiB2YWw7XG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Input/Amount/index.d.ts

@@ -0,0 +1,3 @@
+import InputAmount from './Amount';
+export { InputAmount } from './Amount';
+export default InputAmount;

package/es/components/Input/Amount/index.js

@@ -0,0 +1,4 @@
+import InputAmount from './Amount';
+export { InputAmount } from './Amount';
+export default InputAmount;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvQW1vdW50L2luZGV4LnRzIl0sIm5hbWVzIjpbIklucHV0QW1vdW50Il0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxXQUFXLE1BQU0sVUFBVTtBQUVsQyxTQUFTQSxXQUFXLFFBQVEsVUFBVTtBQUV0QyxlQUFlQSxXQUFXIiwiZmlsZSI6ImNvbXBvbmVudHMvSW5wdXQvQW1vdW50L2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Input/Amount/style/Amount.css

@@ -0,0 +1,103 @@
+/**
+  * 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-amount-action {
+  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);
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  color: var(--om-text-brand, #073387);
+  white-space: nowrap;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.om-component-ui-input-amount-action:disabled {
+  color: var(--om-text-brand-secondary, #a4bbe1);
+  cursor: not-allowed;
+}
+.om-component-ui-input-amount-divider {
+  width: 1px;
+  height: var(--om-spacing-400, 16px);
+  background-color: var(--om-border-default, #d1d2d2);
+}
+.om-component-ui-input-amount-currency {
+  display: inline-flex;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  padding: 0;
+  color: var(--om-text-default-tertiary, #646465);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.om-component-ui-input-amount-currency:disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-input-amount-currency-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: var(--om-radius-full, 9999px);
+}
+.om-component-ui-input-amount-currency-icon > img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.om-component-ui-input-amount-currency-label {
+  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);
+  white-space: nowrap;
+}
+.om-component-ui-input-small .om-component-ui-input-amount-action {
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-strong-font-weight);
+}
+.om-component-ui-input-small .om-component-ui-input-amount-divider {
+  height: var(--om-spacing-400, 16px);
+}
+.om-component-ui-input-small .om-component-ui-input-amount-currency {
+  gap: 6px;
+}
+.om-component-ui-input-small .om-component-ui-input-amount-currency-label {
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-font-weight);
+}

package/es/components/Input/Amount/style/css.js

@@ -0,0 +1,2 @@
+import './Amount.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvQW1vdW50L3NyYy9jb21wb25lbnRzL0lucHV0L0Ftb3VudC9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9BbW91bnQvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Input/Amount/style/index.d.ts

@@ -0,0 +1 @@
+import './Amount.css';

package/es/components/Input/Amount/style/index.js

@@ -0,0 +1,2 @@
+import './Amount.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvQW1vdW50L3NyYy9jb21wb25lbnRzL0lucHV0L0Ftb3VudC9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9BbW91bnQvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Input/FieldShell/FieldShell.css

@@ -0,0 +1,76 @@
+/**
+  * 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 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-200, 8px);
+  width: 100%;
+}
+.om-component-ui-input-label-row {
+  display: inline-flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+}
+.om-component-ui-input-label {
+  display: inline;
+  padding: 0;
+  cursor: pointer;
+}
+.om-component-ui-input-optional {
+  margin-inline-start: var(--om-spacing-100, 4px);
+}
+.om-component-ui-input-tip-trigger {
+  display: inline-flex;
+  align-items: center;
+  color: var(--om-text-default-tertiary, #646465);
+  cursor: pointer;
+}
+.om-component-ui-input-tip-trigger:hover {
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-input-error-msg {
+  display: flex;
+  gap: var(--om-spacing-100, 4px);
+  align-items: center;
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-input-error-msg-icon {
+  flex-shrink: 0;
+}
+.om-component-ui-input-control-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--om-spacing-050, 2px);
+}
+.om-component-ui-input-error .om-component-ui-input-error-msg {
+  color: var(--om-text-danger, #ae0000) !important;
+}
+.om-component-ui-input-warning .om-component-ui-input-error-msg {
+  color: var(--om-text-warning, #db8600) !important;
+}
+.om-component-ui-input-success .om-component-ui-input-error-msg {
+  color: var(--om-text-positive, #1f5800) !important;
+}
+.om-component-ui-input-disabled .om-component-ui-input-label, .om-component-ui-input-disabled .om-component-ui-input-error-msg {
+  color: var(--om-text-disabled, #bbbdc1);
+}

package/es/components/Input/FieldShell/FieldShell.d.ts

@@ -0,0 +1,23 @@
+import type { IconName } from "../../Icons";
+import type { MouseEvent, ReactNode } from 'react';
+import type { InputSize, InputStatus } from '../constants';
+export interface FieldShellProps {
+    className?: string;
+    prefixCls: string;
+    size: InputSize;
+    status: InputStatus;
+    disabled: boolean;
+    loading?: boolean;
+    readOnly?: boolean;
+    label?: ReactNode;
+    info?: ReactNode;
+    tip?: ReactNode;
+    feedback?: ReactNode;
+    feedbackIcon?: IconName | ReactNode;
+    required?: boolean;
+    inputId?: string;
+    onControlWrapperClick?: (e: MouseEvent<HTMLDivElement>) => void;
+    children: ReactNode;
+}
+export declare const FieldShell: import("react").NamedExoticComponent<FieldShellProps>;
+export default FieldShell;

package/es/components/Input/FieldShell/FieldShell.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useId } from 'react';
+import { Icons } from '../../Icons';
+import { Skeleton } from '../../Skeleton';
+import { Tooltip } from '../../Tooltip';
+import { TypographyBody, TypographyLabel } from '../../Typography';
+import { default as classnames, joinCls } from '../../../utils/classnames';
+import { INPUT_FEEDBACK_SIZE, INPUT_INFO_COLOR, INPUT_INFO_SIZE, INPUT_LABEL_COLOR, INPUT_LABEL_SIZE } from '../constants';
+var FieldShellBase = function FieldShellBase(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    prefixCls = _ref.prefixCls,
+    size = _ref.size,
+    status = _ref.status,
+    disabled = _ref.disabled,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    label = _ref.label,
+    info = _ref.info,
+    tip = _ref.tip,
+    feedback = _ref.feedback,
+    feedbackIcon = _ref.feedbackIcon,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? true : _ref$required,
+    inputId = _ref.inputId,
+    onControlWrapperClick = _ref.onControlWrapperClick;
+  var classes = classnames(prefixCls);
+  var tipId = useId();
+  return _jsxs("div", {
+    className: classes(undefined, joinCls(classes(size), classes(status), disabled && classes('disabled'), readOnly && classes('readonly'), className)),
+    children: [(label || info || tip) && _jsxs("div", {
+      className: classes('label-row'),
+      children: [label && (loading ? _jsx(Skeleton, {
+        width: "72px",
+        height: "18px",
+        className: classes('label-loading')
+      }) : _jsxs("label", {
+        htmlFor: inputId,
+        className: classes('label'),
+        children: [_jsx(TypographyLabel, {
+          as: "span",
+          size: INPUT_LABEL_SIZE[size],
+          color: INPUT_LABEL_COLOR,
+          strong: true,
+          children: label
+        }), !required && _jsx(TypographyLabel, {
+          as: "span",
+          italic: true,
+          strong: true,
+          className: classes('optional'),
+          size: INPUT_LABEL_SIZE[size],
+          color: "default-tertiary",
+          children: "(Optional)"
+        })]
+      })), info && _jsx(TypographyBody, {
+        className: classes('info'),
+        size: INPUT_INFO_SIZE,
+        color: INPUT_INFO_COLOR,
+        children: info
+      }), tip && _jsxs(_Fragment, {
+        children: [_jsx("span", {
+          "data-tooltip-id": tipId,
+          className: classes('tip-trigger'),
+          children: _jsx(Icons, {
+            name: "info",
+            size: 16
+          })
+        }), _jsx(Tooltip, {
+          id: tipId,
+          placement: "top",
+          body: tip
+        })]
+      })]
+    }), _jsx("div", {
+      className: classes('control-wrapper'),
+      onClick: onControlWrapperClick,
+      children: children
+    }), feedback && _jsxs("div", {
+      className: classes('error-msg'),
+      role: status === 'error' || status === 'warning' ? 'alert' : 'status',
+      children: [feedbackIcon && (typeof feedbackIcon === 'string' ? _jsx(Icons, {
+        className: classes('error-msg-icon'),
+        name: feedbackIcon,
+        size: 16
+      }) : feedbackIcon), _jsx(TypographyBody, {
+        as: "span",
+        size: INPUT_FEEDBACK_SIZE,
+        color: status === 'error' ? 'danger' : undefined,
+        children: feedback
+      })]
+    })]
+  });
+};
+export var FieldShell = /*#__PURE__*/memo(FieldShellBase);
+export default FieldShell;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvRmllbGRTaGVsbC9GaWVsZFNoZWxsLmpzIiwiY29tcG9uZW50cy9JbnB1dC9zcmMvY29tcG9uZW50cy9JbnB1dC9GaWVsZFNoZWxsL0ZpZWxkU2hlbGwudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsIm1lbW8iLCJ1c2VJZCIsIkljb25zIiwiU2tlbGV0b24iLCJUb29sdGlwIiwiVHlwb2dyYXBoeUJvZHkiLCJUeXBvZ3JhcGh5TGFiZWwiLCJkZWZhdWx0IiwiY2xhc3NuYW1lcyIsImpvaW5DbHMiLCJJTlBVVF9GRUVEQkFDS19TSVpFIiwiSU5QVVRfSU5GT19DT0xPUiIsIklOUFVUX0lORk9fU0laRSIsIklOUFVUX0xBQkVMX0NPTE9SIiwiSU5QVVRfTEFCRUxfU0laRSIsIkZpZWxkU2hlbGxCYXNlIiwiX3JlZiIsImNoaWxkcmVuIiwiX3JlZiRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJwcmVmaXhDbHMiLCJzaXplIiwic3RhdHVzIiwiZGlzYWJsZWQiLCJfcmVmJGxvYWRpbmciLCJsb2FkaW5nIiwiX3JlZiRyZWFkT25seSIsInJlYWRPbmx5IiwibGFiZWwiLCJpbmZvIiwidGlwIiwiZmVlZGJhY2siLCJmZWVkYmFja0ljb24iLCJfcmVmJHJlcXVpcmVkIiwicmVxdWlyZWQiLCJpbnB1dElkIiwib25Db250cm9sV3JhcHBlckNsaWNrIiwiY2xhc3NlcyIsInRpcElkIiwidW5kZWZpbmVkIiwid2lkdGgiLCJoZWlnaHQiLCJodG1sRm9yIiwiYXMiLCJjb2xvciIsInN0cm9uZyIsIml0YWxpYyIsIm5hbWUiLCJpZCIsInBsYWNlbWVudCIsImJvZHkiLCJvbkNsaWNrIiwicm9sZSIsIkZpZWxkU2hlbGwiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssRUFBRUMsUUFBUSxJQUFJQyxTQUFT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U0FBUyxFQUFDLEtBQUs7VUFBQ0MsSUFBSSxFQUFFcEI7UUFBRyxDQUFBLENBQUk7TUFBQSxDQUFBLENBRXBEO0lBQUEsQ0FBQSxDQUVKLEVBQ0RuQyxJQUFBLENBQUEsS0FBQSxFQUFBO01BQUt3QixTQUFTLEVBQUVrQixPQUFPLENBQUMsaUJBQWlCLENBQUM7TUFBRWMsT0FBTyxFQUFFZixxQkFBcUI7TUFBQW5CLFFBQUEsRUFBR0E7SUFBUSxDQUFBLENBQU8sRUFDM0ZjLFFBQVEsSUFDUGxDLEtBQUEsQ0FBQSxLQUFBLEVBQUE7TUFBS3NCLFNBQVMsRUFBRWtCLE9BQU8sQ0FBQyxXQUFXLENBQUM7TUFBRWUsSUFBSSxFQUFFOUIsTUFBTSxLQUFLLE9BQU8sSUFBSUEsTUFBTSxLQUFLLFNBQVMsR0FBRyxPQUFPLEdBQUcsUUFBUTtNQUFBTCxRQUFBLEVBQUEsQ0FDeEdlLFlBQVksS0FBSyxPQUFPQSxZQUFZLEtBQUssUUFBUSxHQUM5Q3JDLElBQUEsQ0FBQ08sS0FBSyxFQUFBO1FBQUNpQixTQUFTLEVBQUVrQixPQUFPLENBQUMsZ0JBQWdCLENBQUM7UUFBRVUsSUFBSSxFQUFFZixZQUF3QjtRQUFFWCxJQUFJLEVBQUU7TUFBRSxDQUFBLENBQUksR0FDekZXLFlBQVksQ0FBQyxFQUNqQnJDLElBQUEsQ0FBQ1UsY0FBYyxFQUFBO1FBQUNzQyxFQUFFLEVBQUMsTUFBTTtRQUFDdEIsSUFBSSxFQUFFWCxtQkFBbUI7UUFBRWtDLEtBQUssRUFBRXRCLE1BQU0sS0FBSyxPQUFPLEdBQUcsUUFBUSxHQUFHaUIsU0FBUztRQUFBdEIsUUFBQSxFQUNsR2M7TUFBUSxDQUFBLENBQ007SUFBQSxDQUFBLENBRXBCO0VBQUEsQ0FBQSxDQUNHO0FBRVYsQ0FBQztBQUVELE9BQU8sSUFBTXNCLFVBQVUsZ0JBQUdyRCxJQUFJLENBQUNlLGNBQWMsQ0FBQztBQUU5QyxlQUFlc0MsVUFBVSIsImZpbGUiOiJjb21wb25lbnRzL0lucHV0L0ZpZWxkU2hlbGwvRmllbGRTaGVsbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzLCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8sIHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9JY29ucyc7XG5pbXBvcnQgeyBTa2VsZXRvbiB9IGZyb20gJy4uLy4uL1NrZWxldG9uJztcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi8uLi9Ub29sdGlwJztcbmltcG9ydCB7IFR5cG9ncmFwaHlCb2R5LCBUeXBvZ3JhcGh5TGFiZWwgfSBmcm9tICcuLi8uLi9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0IHsgSU5QVVRfRkVFREJBQ0tfU0laRSwgSU5QVVRfSU5GT19DT0xPUiwgSU5QVVRfSU5GT19TSVpFLCBJTlBVVF9MQUJFTF9DT0xPUiwgSU5QVVRfTEFCRUxfU0laRSwgfSBmcm9tICcuLi9jb25zdGFudHMnO1xuY29uc3QgRmllbGRTaGVsbEJhc2UgPSAoeyBjaGlsZHJlbiwgY2xhc3NOYW1lID0gJycsIHByZWZpeENscywgc2l6ZSwgc3RhdHVzLCBkaXNhYmxlZCwgbG9hZGluZyA9IGZhbHNlLCByZWFkT25seSA9IGZhbHNlLCBsYWJlbCwgaW5mbywgdGlwLCBmZWVkYmFjaywgZmVlZGJhY2tJY29uLCByZXF1aXJlZCA9IHRydWUsIGlucHV0SWQsIG9uQ29udHJvbFdyYXBwZXJDbGljaywgfSkgPT4ge1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgdGlwSWQgPSB1c2VJZCgpO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXModW5kZWZpbmVkLCBqb2luQ2xzKGNsYXNzZXMoc2l6ZSksIGNsYXNzZXMoc3RhdHVzKSwgZGlzYWJsZWQgJiYgY2xhc3NlcygnZGlzYWJsZWQnKSwgcmVhZE9ubHkgJiYgY2xhc3NlcygncmVhZG9ubHknKSwgY2xhc3NOYW1lKSksIGNoaWxkcmVuOiBbKGxhYmVsIHx8IGluZm8gfHwgdGlwKSAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsLXJvdycpLCBjaGlsZHJlbjogW2xhYmVsICYmIChsb2FkaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICA/IF9qc3goU2tlbGV0b24sIHsgd2lkdGg6IFwiNzJweFwiLCBoZWlnaHQ6IFwiMThweFwiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2xhYmVsLWxvYWRpbmcnKSB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgOiAoX2pzeHMoXCJsYWJlbFwiLCB7IGh0bWxGb3I6IGlucHV0SWQsIGNsYXNzTmFtZTogY2xhc3NlcygnbGFiZWwnKSwgY2hpbGRyZW46IFtfanN4KFR5cG9ncmFwaHlMYWJlbCwgeyBhczogXCJzcGFuXCIsIHNpemU6IElOUFVUX0xBQkVMX1NJWkVbc2l6ZV0sIGNvbG9yOiBJTlBVVF9MQUJFTF9DT0xPUiwgc3Ryb25nOiB0cnVlLCBjaGlsZHJlbjogbGFiZWwgfSksICFyZXF1aXJlZCAmJiAoX2pzeChUeXBvZ3JhcGh5TGFiZWwsIHsgYXM6IFwic3BhblwiLCBpdGFsaWM6IHRydWUsIHN0cm9uZzogdHJ1ZSwgY2xhc3NOYW1lOiBjbGFzc2VzKCdvcHRpb25hbCcpLCBzaXplOiBJTlBVVF9MQUJFTF9TSVpFW3NpemVdLCBjb2xvcjogXCJkZWZhdWx0LXRlcnRpYXJ5XCIsIGNoaWxkcmVuOiBcIihPcHRpb25hbClcIiB9KSldIH0pKSksIGluZm8gJiYgX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2luZm8nKSwgc2l6ZTogSU5QVVRfSU5GT19TSVpFLCBjb2xvcjogSU5QVVRfSU5GT19DT0xPUiwgY2hpbGRyZW46IGluZm8gfSksIHRpcCAmJiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBcImRhdGEtdG9vbHRpcC1pZFwiOiB0aXBJZCwgY2xhc3NOYW1lOiBjbGFzc2VzKCd0aXAtdHJpZ2dlcicpLCBjaGlsZHJlbjogX2pzeChJY29ucywgeyBuYW1lOiBcImluZm9cIiwgc2l6ZTogMTYgfSkgfSksIF9qc3goVG9vbHRpcCwgeyBpZDogdGlwSWQsIHBsYWNlbWVudDogXCJ0b3BcIiwgYm9keTogdGlwIH0pXSB9KSldIH0pKSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29udHJvbC13cmFwcGVyJyksIG9uQ2xpY2s6IG9uQ29udHJvbFdyYXBwZXJDbGljaywgY2hpbGRyZW46IGNoaWxkcmVuIH0pLCBmZWVkYmFjayAmJiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Vycm9yLW1zZycpLCByb2xlOiBzdGF0dXMgPT09ICdlcnJvcicgfHwgc3RhdHVzID09PSAnd2FybmluZycgPyAnYWxlcnQnIDogJ3N0YXR1cycsIGNoaWxkcmVuOiBbZmVlZGJhY2tJY29uICYmICh0eXBlb2YgZmVlZGJhY2tJY29uID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICAgICAgICAgICAgPyBfanN4KEljb25zLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnZXJyb3ItbXNnLWljb24nKSwgbmFtZTogZmVlZGJhY2tJY29uLCBzaXplOiAxNiB9KVxuICAgICAgICAgICAgICAgICAgICAgICAgOiBmZWVkYmFja0ljb24pLCBfanN4KFR5cG9ncmFwaHlCb2R5LCB7IGFzOiBcInNwYW5cIiwgc2l6ZTogSU5QVVRfRkVFREJBQ0tfU0laRSwgY29sb3I6IHN0YXR1cyA9PT0gJ2Vycm9yJyA/ICdkYW5nZXInIDogdW5kZWZpbmVkLCBjaGlsZHJlbjogZmVlZGJhY2sgfSldIH0pKV0gfSkpO1xufTtcbmV4cG9ydCBjb25zdCBGaWVsZFNoZWxsID0gbWVtbyhGaWVsZFNoZWxsQmFzZSk7XG5leHBvcnQgZGVmYXVsdCBGaWVsZFNoZWxsOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Input/FieldShell/index.d.ts

@@ -0,0 +1,3 @@
+export { FieldShell } from './FieldShell';
+export { default } from './FieldShell';
+export type { FieldShellProps } from './FieldShell';

package/es/components/Input/FieldShell/index.js

@@ -0,0 +1,3 @@
+export { FieldShell } from './FieldShell';
+export { default } from './FieldShell';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvSW5wdXQvc3JjL2NvbXBvbmVudHMvSW5wdXQvRmllbGRTaGVsbC9pbmRleC50cyJdLCJuYW1lcyI6WyJGaWVsZFNoZWxsIiwiZGVmYXVsdCJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsVUFBVSxRQUFRLGNBQWM7QUFDekMsU0FBU0MsT0FBTyxRQUFRLGNBQWMiLCJmaWxlIjoiY29tcG9uZW50cy9JbnB1dC9GaWVsZFNoZWxsL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Input/Input/Input.css

@@ -0,0 +1,124 @@
+/**
+  * 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-control {
+  display: flex;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: var(--om-component-height-3xl, 56px);
+  padding: 0 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-control:hover {
+  box-shadow: inset 0 0 0 1px var(--om-border-default-tertiary, #404042);
+}
+.om-component-ui-input-control:focus-within {
+  box-shadow: inset 0 0 0 2px var(--om-border-brand, #073387);
+}
+.om-component-ui-input-control-disabled {
+  cursor: not-allowed;
+}
+.om-component-ui-input-field {
+  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;
+}
+.om-component-ui-input-field::-moz-placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-input-field::placeholder {
+  color: var(--om-text-neutral-secondary, #9fa3a3);
+}
+.om-component-ui-input-field:not(:-moz-placeholder) {
+  font-weight: 500;
+}
+.om-component-ui-input-field:not(:placeholder-shown) {
+  font-weight: 500;
+}
+.om-component-ui-input-prefix, .om-component-ui-input-suffix {
+  display: inline-flex;
+  flex-shrink: 0;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  color: var(--om-text-default-tertiary, #646465);
+}
+.om-component-ui-input-action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--om-icon-default-tertiary, #646465);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+}
+.om-component-ui-input-action:disabled {
+  color: var(--om-icon-disabled, #d1d2d2);
+  cursor: not-allowed;
+}
+.om-component-ui-input-small .om-component-ui-input-control {
+  height: var(--om-component-height-lg, 44px);
+  padding: 0 var(--om-spacing-400, 16px);
+  border-radius: var(--om-radius-200, 8px);
+}
+.om-component-ui-input-small .om-component-ui-input-field {
+  font-size: var(--om-body-md-font-size);
+  font-family: var(--om-body-md-font-family);
+  line-height: var(--om-body-md-line-height);
+  letter-spacing: var(--om-body-md-letter-spacing);
+  font-weight: var(--om-body-md-font-weight);
+}
+.om-component-ui-input-error .om-component-ui-input-control, .om-component-ui-input-error .om-component-ui-input-control:hover, .om-component-ui-input-error .om-component-ui-input-control:focus-within {
+  box-shadow: inset 0 0 0 1px var(--om-border-danger, #ae0000);
+}
+.om-component-ui-input-warning .om-component-ui-input-control, .om-component-ui-input-warning .om-component-ui-input-control:hover, .om-component-ui-input-warning .om-component-ui-input-control:focus-within {
+  box-shadow: inset 0 0 0 1px var(--om-border-warning, #db8600);
+}
+.om-component-ui-input-success .om-component-ui-input-control, .om-component-ui-input-success .om-component-ui-input-control:hover, .om-component-ui-input-success .om-component-ui-input-control:focus-within {
+  box-shadow: inset 0 0 0 1px var(--om-border-positive, #1f5800);
+}
+.om-component-ui-input-readonly .om-component-ui-input-control, .om-component-ui-input-readonly .om-component-ui-input-control:hover, .om-component-ui-input-readonly .om-component-ui-input-control:focus-within {
+  background-color: var(--om-bg-neutral-tertiary, #f0f0f0);
+  box-shadow: none;
+}
+.om-component-ui-input-disabled .om-component-ui-input-control {
+  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-field {
+  color: var(--om-text-disabled, #bbbdc1);
+}

package/es/components/Input/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import type { InputComponent } from '../interface';
+export declare const Input: InputComponent;
+export default Input;