@1money/component-ui 0.0.1

package/lib/components/Grid/helper.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toCssLength = exports.normalizeGutter = exports.normalizeFlex = exports.normalizeColSize = exports.buildJustifyVars = exports.buildGutterVars = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _constants = require("./constants");
+var normalizeGutterAxis = function normalizeGutterAxis(value) {
+  if (value == null) return {};
+  return (0, _typeof2["default"])(value) === 'object' ? value : {};
+};
+var resolveBaseGutter = function resolveBaseGutter(value) {
+  if (value == null) return _constants.GRID_GUTTER_FALLBACK;
+  return typeof value === 'number' || typeof value === 'string' ? value : _constants.GRID_GUTTER_FALLBACK;
+};
+var normalizeGutter = exports.normalizeGutter = function normalizeGutter(gutter) {
+  if (Array.isArray(gutter)) {
+    return {
+      baseX: resolveBaseGutter(gutter[0]),
+      baseY: resolveBaseGutter(gutter[1]),
+      x: normalizeGutterAxis(gutter[0]),
+      y: normalizeGutterAxis(gutter[1])
+    };
+  }
+  var normalized = normalizeGutterAxis(gutter);
+  return {
+    baseX: resolveBaseGutter(gutter),
+    baseY: _constants.GRID_GUTTER_FALLBACK,
+    x: normalized,
+    y: {}
+  };
+};
+var toCssLength = exports.toCssLength = function toCssLength(value) {
+  if (value == null) return undefined;
+  if (typeof value === 'number') return "".concat(value, "px");
+  return value;
+};
+var normalizeColSize = exports.normalizeColSize = function normalizeColSize(size) {
+  if (size == null) return {};
+  return typeof size === 'number' ? {
+    span: size
+  } : size;
+};
+var normalizeFlex = exports.normalizeFlex = function normalizeFlex(flex) {
+  if (flex == null) return undefined;
+  if (typeof flex === 'number') return "".concat(flex, " ").concat(flex, " ").concat(_constants.GRID_FLEX_AUTO);
+  return flex;
+};
+var buildGutterVars = exports.buildGutterVars = function buildGutterVars(gutter) {
+  if (gutter == null) return {};
+  var _normalizeGutter = normalizeGutter(gutter),
+    x = _normalizeGutter.x,
+    y = _normalizeGutter.y,
+    baseX = _normalizeGutter.baseX,
+    baseY = _normalizeGutter.baseY;
+  var vars = {};
+  var baseXCss = toCssLength(baseX);
+  var baseYCss = toCssLength(baseY);
+  if (baseXCss !== undefined) vars[_constants.GRID_CSS_VARS.gutterX] = baseXCss;
+  if (baseYCss !== undefined) vars[_constants.GRID_CSS_VARS.gutterY] = baseYCss;
+  _constants.GRID_BREAKPOINTS.forEach(function (bp) {
+    var responsive = _constants.GRID_RESPONSIVE_CSS_VARS[bp];
+    var xCss = toCssLength(x[bp]);
+    var yCss = toCssLength(y[bp]);
+    if (xCss !== undefined) vars[responsive.gutterX] = xCss;
+    if (yCss !== undefined) vars[responsive.gutterY] = yCss;
+  });
+  return vars;
+};
+var buildJustifyVars = exports.buildJustifyVars = function buildJustifyVars(justify) {
+  if (!justify) return {
+    cssVars: {}
+  };
+  if ((0, _typeof2["default"])(justify) !== 'object') {
+    return {
+      staticValue: justify,
+      cssVars: (0, _defineProperty2["default"])({}, _constants.GRID_CSS_VARS.justify, _constants.GRID_JUSTIFY_CSS[justify])
+    };
+  }
+  var cssVars = {};
+  var base = justify.lg;
+  if (base) cssVars[_constants.GRID_CSS_VARS.justify] = _constants.GRID_JUSTIFY_CSS[base];
+  _constants.GRID_BREAKPOINTS.forEach(function (bp) {
+    var value = justify[bp];
+    if (value) cssVars[_constants.GRID_RESPONSIVE_CSS_VARS[bp].justify] = _constants.GRID_JUSTIFY_CSS[value];
+  });
+  return {
+    cssVars: cssVars
+  };
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9oZWxwZXIudHMiLCJjb21wb25lbnRzL0dyaWQvaGVscGVyLmpzIl0sIm5hbWVzIjpbIl9jb25zdGFudHMiLCJyZXF1aXJlIiwibm9ybWFsaXplR3V0dGVyQXhpcyIsInZhbHVlIiwiX3R5cGVvZjIiLCJyZXNvbHZlQmFzZUd1dHRlciIsIkdSSURfR1VUVEVSX0ZBTExCQUNLIiwibm9ybWFsaXplR3V0dGVyIiwiZXhwb3J0cyIsImd1dHRlciIsIkFycmF5IiwiaXNBcnJheSIsImJhc2VYIiwiYmFzZVkiLCJ4IiwieSIsIm5vcm1hbGl6ZWQiLCJ0b0Nzc0xlbmd0aCIsInVuZGVmaW5lZCIsImNvbmNhdCIsIm5vcm1hbGl6ZUNvbFNpemUiLCJzaXplIiwic3BhbiIsIm5vcm1hbGl6ZUZsZXgiLCJmbGV4IiwiR1JJRF9GTEVYX0FVVE8iLCJidWlsZEd1dHRlclZhcnMiLCJfbm9ybWFsaXplR3V0dGVyIiwidmFycyIsImJhc2VYQ3NzIiwiYmFzZVlDc3MiLCJHUklEX0NTU19WQVJTIiwiZ3V0dGVyWCIsImd1dHRlclkiLCJHUklEX0JSRUFLUE9JTlRTIiwiZm9yRWFjaCIsImJwIiwicmVzcG9uc2l2ZSIsIkdSSURfUkVTUE9OU0lWRV9DU1NfVkFSUyIsInhDc3MiLCJ5Q3NzIiwiYnVpbGRKdXN0aWZ5VmFycyIsImp1c3RpZnkiLCJjc3NWYXJzIiwic3RhdGljVmFsdWUiLCJfZGVmaW5lUHJvcGVydHkyIiwiR1JJRF9KVVNUSUZZX0NTUyIsImJhc2UiLCJsZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQ0EsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBRUEsSUFBTUMsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFtQkEsQ0FBSUMsS0FBOEMsRUFBMEI7RUFDbkcsSUFBSUEsS0FBSyxJQUFJLElBQUksRUFBRSxPQUFPLENBQUEsQ0FBRTtFQUM1QixPQUFPLElBQUFDLFFBQUEsYUFBT0QsS0FBSyxNQUFLLFFBQVEsR0FBR0EsS0FBSyxHQUFHLENBQUEsQ0FBRTtBQUMvQyxDQUFDO0FBRUQsSUFBTUUsaUJBQWlCLEdBQUcsU0FBcEJBLGlCQUFpQkEsQ0FBSUYsS0FBOEMsRUFBSTtFQUMzRSxJQUFJQSxLQUFLLElBQUksSUFBSSxFQUFFLE9BQU9HLCtCQUFvQjtFQUM5QyxPQUFPLE9BQU9ILEtBQUssS0FBSyxRQUFRLElBQUksT0FBT0EsS0FBSyxLQUFLLFFBQVEsR0FBR0EsS0FBSyxHQUFHRywrQkFBb0I7QUFDOUYsQ0FBQztBQUVNLElBQU1DLGVBQWUsR0FBQUMsT0FBQSxDQUFBRCxlQUFBLEdBQUcsU0FBbEJBLGVBQWVBLENBQUlFLE1BQW1CLEVBQUk7RUFDckQsSUFBSUMsS0FBSyxDQUFDQyxPQUFPLENBQUNGLE1BQU0sQ0FBQyxFQUFFO0lBQ3pCLE9BQU87TUFDTEcsS0FBSyxFQUFFUCxpQkFBaUIsQ0FBQ0ksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO01BQ25DSSxLQUFLLEVBQUVSLGlCQUFpQixDQUFDSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7TUFDbkNLLENBQUMsRUFBRVosbUJBQW1CLENBQUNPLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztNQUNqQ00sQ0FBQyxFQUFFYixtQkFBbUIsQ0FBQ08sTUFBTSxDQUFDLENBQUMsQ0FBQztJQ0Q5QixDREVIO0VBQ0g7RUFFQSxJQUFNTyxVQUFVLEdBQUdkLG1CQUFtQixDQUFDTyxNQUFNLENBQUM7RUFDOUMsT0FBTztJQUNMRyxLQUFLLEVBQUVQLGlCQUFpQixDQUFDSSxNQUFNLENBQUM7SUFDaENJLEtBQUssRUFBRVAsK0JBQW9CO0lBQzNCUSxDQUFDLEVBQUVFLFVBQVU7SUFDYkQsQ0FBQyxFQUFFLENBQUE7RUNGSCxDREdEO0FBQ0gsQ0FBQztBQUVNLElBQU1FLFdBQVcsR0FBQVQsT0FBQSxDQUFBUyxXQUFBLEdBQUcsU0FBZEEsV0FBV0EsQ0FBSWQsS0FBdUIsRUFBSTtFQUNyRCxJQUFJQSxLQUFLLElBQUksSUFBSSxFQUFFLE9BQU9lLFNBQVM7RUFDbkMsSUFBSSxPQUFPZixLQUFLLEtBQUssUUFBUSxFQUFFLFVBQUFnQixNQUFBLENBQVVoQixLQUFLO0VBQzlDLE9BQU9BLEtBQUs7QUFDZCxDQUFDO0FBRU0sSUFBTWlCLGdCQUFnQixHQUFBWixPQUFBLENBQUFZLGdCQUFBLEdBQUcsU0FBbkJBLGdCQUFnQkEsQ0FBSUMsSUFBa0IsRUFBdUI7RUFDeEUsSUFBSUEsSUFBSSxJQUFJLElBQUksRUFBRSxPQUFPLENBQUEsQ0FBRTtFQUMzQixPQUFPLE9BQU9BLElBQUksS0FBSyxRQUFRLEdBQUc7SUFBRUMsSUFBSSxFQUFFRDtFQUFJLENBQUUsR0FBR0EsSUFBSTtBQUN6RCxDQUFDO0FBRU0sSUFBTUUsYUFBYSxHQUFBZixPQUFBLENBQUFlLGFBQUEsR0FBRyxTQUFoQkEsYUFBYUEsQ0FBSUMsSUFBc0IsRUFBd0I7RUFDMUUsSUFBSUEsSUFBSSxJQUFJLElBQUksRUFBRSxPQUFPTixTQUFTO0VBQ2xDLElBQUksT0FBT00sSUFBSSxLQUFLLFFBQVEsRUFBRSxVQUFBTCxNQUFBLENBQVVLLElBQUksT0FBQUwsTUFBQSxDQUFJSyxJQUFJLE9BQUFMLE1BQUEsQ0FBSU0seUJBQWM7RUFDdEUsT0FBT0QsSUFBSTtBQUNiLENBQUM7QUFFTSxJQUFNRSxlQUFlLEdBQUFsQixPQUFBLENBQUFrQixlQUFBLEdBQUcsU0FBbEJBLGVBQWVBLENBQUlqQixNQUFtQixFQUE0QjtFQUM3RSxJQUFJQSxNQUFNLElBQUksSUFBSSxFQUFFLE9BQU8sQ0FBQSxDQUFFO0VBRTdCLElBQUFrQixnQkFBQSxHQUErQnBCLGVBQWUsQ0FBQ0UsTUFBTSxDQUFDO0lBQTlDSyxDQUFDLEdBQUFhLGdCQUFBLENBQURiLENBQUM7SUFBRUMsQ0FBQyxHQUFBWSxnQkFBQSxDQUFEWixDQUFDO0lBQUVILEtBQUssR0FBQWUsZ0JBQUEsQ0FBTGYsS0FBSztJQUFFQyxLQUFLLEdBQUFjLGdCQUFBLENBQUxkLEtBQUs7RUFDMUIsSUFBTWUsSUFBSSxHQUEyQixDQUFBLENBQUU7RUFFdkMsSUFBTUMsUUFBUSxHQUFHWixXQUFXLENBQUNMLEtBQUssQ0FBQztFQUNuQyxJQUFNa0IsUUFBUSxHQUFHYixXQUFXLENBQUNKLEtBQUssQ0FBQztFQUNuQyxJQUFJZ0IsUUFBUSxLQUFLWCxTQUFTLEVBQUVVLElBQUksQ0FBQ0csd0JBQWEsQ0FBQ0MsT0FBTyxDQUFDLEdBQUdILFFBQVE7RUFDbEUsSUFBSUMsUUFBUSxLQUFLWixTQUFTLEVBQUVVLElBQUksQ0FBQ0csd0JBQWEsQ0FBQ0UsT0FBTyxDQUFDLEdBQUdILFFBQVE7RUFFbEVJLDJCQUFnQixDQUFDQyxPQUFPLENBQUMsVUFBQUMsRUFBRSxFQUFHO0lBQzVCLElBQU1DLFVBQVUsR0FBR0MsbUNBQXdCLENBQUNGLEVBQUUsQ0FBQztJQUMvQyxJQUFNRyxJQUFJLEdBQUd0QixXQUFXLENBQUNILENBQUMsQ0FBQ3NCLEVBQUUsQ0FBQyxDQUFDO0lBQy9CLElBQU1JLElBQUksR0FBR3ZCLFdBQVcsQ0FBQ0YsQ0FBQyxDQUFDcUIsRUFBRSxDQUFDLENBQUM7SUFDL0IsSUFBSUcsSUFBSSxLQUFLckIsU0FBUyxFQUFFVSxJQUFJLENBQUNTLFVBQVUsQ0FBQ0wsT0FBTyxDQUFDLEdBQUdPLElBQUk7SUFDdkQsSUFBSUMsSUFBSSxLQUFLdEIsU0FBUyxFQUFFVSxJQUFJLENBQUNTLFVBQVUsQ0FBQ0osT0FBTyxDQUFDLEdBQUdPLElBQUk7RUFDekQsQ0FBQyxDQUFDO0VBRUYsT0FBT1osSUFBSTtBQUNiLENBQUM7QUFFTSxJQUFNYSxnQkFBZ0IsR0FBQWpDLE9BQUEsQ0FBQWlDLGdCQUFBLEdBQUcsU0FBbkJBLGdCQUFnQkEsQ0FBSUMsT0FBNkMsRUFHMUU7RUFDRixJQUFJLENBQUNBLE9BQU8sRUFBRSxPQUFPO0lBQUVDLE9BQU8sRUFBRSxDQUFBO0VBQUUsQ0FBRTtFQUVwQyxJQUFJLElBQUF2QyxRQUFBLGFBQU9zQyxPQUFPLE1BQUssUUFBUSxFQUFFO0lBQy9CLE9BQU87TUFDTEUsV0FBVyxFQUFFRixPQUFPO01BQ3BCQyxPQUFPLE1BQUFFLGdCQUFBLGlCQUFLZCx3QkFBYSxDQUFDVyxPQUFPLEVBQUdJLDJCQUFnQixDQUFDSixPQUFPLENBQUM7SUNKM0QsQ0RLSDtFQUNIO0VBRUEsSUFBTUMsT0FBTyxHQUEyQixDQUFBLENBQUU7RUFDMUMsSUFBTUksSUFBSSxHQUFHTCxPQUFPLENBQUNNLEVBQUU7RUFDdkIsSUFBSUQsSUFBSSxFQUFFSixPQUFPLENBQUNaLHdCQUFhLENBQUNXLE9BQU8sQ0FBQyxHQUFHSSwyQkFBZ0IsQ0FBQ0MsSUFBSSxDQUFDO0VBRWpFYiwyQkFBZ0IsQ0FBQ0MsT0FBTyxDQUFDLFVBQUFDLEVBQUUsRUFBRztJQUM1QixJQUFNakMsS0FBSyxHQUFHdUMsT0FBTyxDQUFDTixFQUFFLENBQUM7SUFDekIsSUFBSWpDLEtBQUssRUFBRXdDLE9BQU8sQ0FBQ0wsbUNBQXdCLENBQUNGLEVBQUUsQ0FBQyxDQUFDTSxPQUFPLENBQUMsR0FBR0ksMkJBQWdCLENBQUMzQyxLQUFLLENBQUM7RUFDcEYsQ0FBQyxDQUFDO0VBRUYsT0FBTztJQUFFd0MsT0FBTyxFQUFQQTtFQUFPLENBQUU7QUFDcEIsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0dyaWQvaGVscGVyLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgeyBHUklEX0JSRUFLUE9JTlRTLCBHUklEX0NTU19WQVJTLCBHUklEX0ZMRVhfQVVUTywgR1JJRF9HVVRURVJfRkFMTEJBQ0ssIEdSSURfSlVTVElGWV9DU1MsIEdSSURfUkVTUE9OU0lWRV9DU1NfVkFSUyB9IGZyb20gJy4vY29uc3RhbnRzJztcbmNvbnN0IG5vcm1hbGl6ZUd1dHRlckF4aXMgPSAodmFsdWUpID0+IHtcbiAgICBpZiAodmFsdWUgPT0gbnVsbClcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIHJldHVybiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnID8gdmFsdWUgOiB7fTtcbn07XG5jb25zdCByZXNvbHZlQmFzZUd1dHRlciA9ICh2YWx1ZSkgPT4ge1xuICAgIGlmICh2YWx1ZSA9PSBudWxsKVxuICAgICAgICByZXR1cm4gR1JJRF9HVVRURVJfRkFMTEJBQ0s7XG4gICAgcmV0dXJuIHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicgfHwgdHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJyA/IHZhbHVlIDogR1JJRF9HVVRURVJfRkFMTEJBQ0s7XG59O1xuZXhwb3J0IGNvbnN0IG5vcm1hbGl6ZUd1dHRlciA9IChndXR0ZXIpID0+IHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShndXR0ZXIpKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBiYXNlWDogcmVzb2x2ZUJhc2VHdXR0ZXIoZ3V0dGVyWzBdKSxcbiAgICAgICAgICAgIGJhc2VZOiByZXNvbHZlQmFzZUd1dHRlcihndXR0ZXJbMV0pLFxuICAgICAgICAgICAgeDogbm9ybWFsaXplR3V0dGVyQXhpcyhndXR0ZXJbMF0pLFxuICAgICAgICAgICAgeTogbm9ybWFsaXplR3V0dGVyQXhpcyhndXR0ZXJbMV0pXG4gICAgICAgIH07XG4gICAgfVxuICAgIGNvbnN0IG5vcm1hbGl6ZWQgPSBub3JtYWxpemVHdXR0ZXJBeGlzKGd1dHRlcik7XG4gICAgcmV0dXJuIHtcbiAgICAgICAgYmFzZVg6IHJlc29sdmVCYXNlR3V0dGVyKGd1dHRlciksXG4gICAgICAgIGJhc2VZOiBHUklEX0dVVFRFUl9GQUxMQkFDSyxcbiAgICAgICAgeDogbm9ybWFsaXplZCxcbiAgICAgICAgeToge31cbiAgICB9O1xufTtcbmV4cG9ydCBjb25zdCB0b0Nzc0xlbmd0aCA9ICh2YWx1ZSkgPT4ge1xuICAgIGlmICh2YWx1ZSA9PSBudWxsKVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIGlmICh0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInKVxuICAgICAgICByZXR1cm4gYCR7dmFsdWV9cHhgO1xuICAgIHJldHVybiB2YWx1ZTtcbn07XG5leHBvcnQgY29uc3Qgbm9ybWFsaXplQ29sU2l6ZSA9IChzaXplKSA9PiB7XG4gICAgaWYgKHNpemUgPT0gbnVsbClcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIHJldHVybiB0eXBlb2Ygc2l6ZSA9PT0gJ251bWJlcicgPyB7IHNwYW46IHNpemUgfSA6IHNpemU7XG59O1xuZXhwb3J0IGNvbnN0IG5vcm1hbGl6ZUZsZXggPSAoZmxleCkgPT4ge1xuICAgIGlmIChmbGV4ID09IG51bGwpXG4gICAgICAgIHJldHVybiB1bmRlZmluZWQ7XG4gICAgaWYgKHR5cGVvZiBmbGV4ID09PSAnbnVtYmVyJylcbiAgICAgICAgcmV0dXJuIGAke2ZsZXh9ICR7ZmxleH0gJHtHUklEX0ZMRVhfQVVUT31gO1xuICAgIHJldHVybiBmbGV4O1xufTtcbmV4cG9ydCBjb25zdCBidWlsZEd1dHRlclZhcnMgPSAoZ3V0dGVyKSA9PiB7XG4gICAgaWYgKGd1dHRlciA9PSBudWxsKVxuICAgICAgICByZXR1cm4ge307XG4gICAgY29uc3QgeyB4LCB5LCBiYXNlWCwgYmFzZVkgfSA9IG5vcm1hbGl6ZUd1dHRlcihndXR0ZXIpO1xuICAgIGNvbnN0IHZhcnMgPSB7fTtcbiAgICBjb25zdCBiYXNlWENzcyA9IHRvQ3NzTGVuZ3RoKGJhc2VYKTtcbiAgICBjb25zdCBiYXNlWUNzcyA9IHRvQ3NzTGVuZ3RoKGJhc2VZKTtcbiAgICBpZiAoYmFzZVhDc3MgIT09IHVuZGVmaW5lZClcbiAgICAgICAgdmFyc1tHUklEX0NTU19WQVJTLmd1dHRlclhdID0gYmFzZVhDc3M7XG4gICAgaWYgKGJhc2VZQ3NzICE9PSB1bmRlZmluZWQpXG4gICAgICAgIHZhcnNbR1JJRF9DU1NfVkFSUy5ndXR0ZXJZXSA9IGJhc2VZQ3NzO1xuICAgIEdSSURfQlJFQUtQT0lOVFMuZm9yRWFjaChicCA9PiB7XG4gICAgICAgIGNvbnN0IHJlc3BvbnNpdmUgPSBHUklEX1JFU1BPTlNJVkVfQ1NTX1ZBUlNbYnBdO1xuICAgICAgICBjb25zdCB4Q3NzID0gdG9Dc3NMZW5ndGgoeFticF0pO1xuICAgICAgICBjb25zdCB5Q3NzID0gdG9Dc3NMZW5ndGgoeVticF0pO1xuICAgICAgICBpZiAoeENzcyAhPT0gdW5kZWZpbmVkKVxuICAgICAgICAgICAgdmFyc1tyZXNwb25zaXZlLmd1dHRlclhdID0geENzcztcbiAgICAgICAgaWYgKHlDc3MgIT09IHVuZGVmaW5lZClcbiAgICAgICAgICAgIHZhcnNbcmVzcG9uc2l2ZS5ndXR0ZXJZXSA9IHlDc3M7XG4gICAgfSk7XG4gICAgcmV0dXJuIHZhcnM7XG59O1xuZXhwb3J0IGNvbnN0IGJ1aWxkSnVzdGlmeVZhcnMgPSAoanVzdGlmeSkgPT4ge1xuICAgIGlmICghanVzdGlmeSlcbiAgICAgICAgcmV0dXJuIHsgY3NzVmFyczoge30gfTtcbiAgICBpZiAodHlwZW9mIGp1c3RpZnkgIT09ICdvYmplY3QnKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBzdGF0aWNWYWx1ZToganVzdGlmeSxcbiAgICAgICAgICAgIGNzc1ZhcnM6IHsgW0dSSURfQ1NTX1ZBUlMuanVzdGlmeV06IEdSSURfSlVTVElGWV9DU1NbanVzdGlmeV0gfVxuICAgICAgICB9O1xuICAgIH1cbiAgICBjb25zdCBjc3NWYXJzID0ge307XG4gICAgY29uc3QgYmFzZSA9IGp1c3RpZnkubGc7XG4gICAgaWYgKGJhc2UpXG4gICAgICAgIGNzc1ZhcnNbR1JJRF9DU1NfVkFSUy5qdXN0aWZ5XSA9IEdSSURfSlVTVElGWV9DU1NbYmFzZV07XG4gICAgR1JJRF9CUkVBS1BPSU5UUy5mb3JFYWNoKGJwID0+IHtcbiAgICAgICAgY29uc3QgdmFsdWUgPSBqdXN0aWZ5W2JwXTtcbiAgICAgICAgaWYgKHZhbHVlKVxuICAgICAgICAgICAgY3NzVmFyc1tHUklEX1JFU1BPTlNJVkVfQ1NTX1ZBUlNbYnBdLmp1c3RpZnldID0gR1JJRF9KVVNUSUZZX0NTU1t2YWx1ZV07XG4gICAgfSk7XG4gICAgcmV0dXJuIHsgY3NzVmFycyB9O1xufTsiXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,7 @@
+import Grid from './Grid';
+import Row from './Row';
+import Col from './Col';
+export { Grid, Row, Col };
+export default Grid;
+export * from './interface';
+export { GRID_ALIGN, GRID_JUSTIFY } from './constants';

package/lib/components/Grid/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Grid: true,
+  Row: true,
+  Col: true,
+  GRID_ALIGN: true,
+  GRID_JUSTIFY: true
+};
+Object.defineProperty(exports, "Col", {
+  enumerable: true,
+  get: function get() {
+    return _Col["default"];
+  }
+});
+Object.defineProperty(exports, "GRID_ALIGN", {
+  enumerable: true,
+  get: function get() {
+    return _constants.GRID_ALIGN;
+  }
+});
+Object.defineProperty(exports, "GRID_JUSTIFY", {
+  enumerable: true,
+  get: function get() {
+    return _constants.GRID_JUSTIFY;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function get() {
+    return _Grid["default"];
+  }
+});
+Object.defineProperty(exports, "Row", {
+  enumerable: true,
+  get: function get() {
+    return _Row["default"];
+  }
+});
+exports["default"] = void 0;
+var _Grid = _interopRequireDefault(require("./Grid"));
+var _Row = _interopRequireDefault(require("./Row"));
+var _Col = _interopRequireDefault(require("./Col"));
+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");
+var _default = exports["default"] = _Grid["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9pbmRleC50cyJdLCJuYW1lcyI6WyJfR3JpZCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJyZXF1aXJlIiwiX1JvdyIsIl9Db2wiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2NvbnN0YW50cyIsIl9kZWZhdWx0IiwiR3JpZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxJQUFBQSxLQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxJQUFBLEdBQUFGLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBRSxJQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFJQSxJQUFBRyxVQUFBLEdBQUFILE9BQUE7QUFBQUksTUFBQSxDQUFBQyxJQUFBLENBQUFGLFVBQUEsRUFBQUcsT0FBQSxXQUFBQyxHQUFBO0VBQUEsSUFBQUEsR0FBQSxrQkFBQUEsR0FBQTtFQUFBLElBQUFILE1BQUEsQ0FBQUksU0FBQSxDQUFBQyxjQUFBLENBQUFDLElBQUEsQ0FBQUMsWUFBQSxFQUFBSixHQUFBO0VBQUEsSUFBQUEsR0FBQSxJQUFBSyxPQUFBLElBQUFBLE9BQUEsQ0FBQUwsR0FBQSxNQUFBSixVQUFBLENBQUFJLEdBQUE7RUFBQUgsTUFBQSxDQUFBUyxjQUFBLENBQUFELE9BQUEsRUFBQUwsR0FBQTtJQUFBTyxVQUFBO0lBQUFDLEdBQUEsV0FBQUEsSUFBQTtNQUFBLE9BQUFaLFVBQUEsQ0FBQUksR0FBQTtJQUFBO0VBQUE7QUFBQTtBQUNBLElBQUFTLFVBQUEsR0FBQWhCLE9BQUE7QUFBdUQsSUFBQWlCLFFBQUEsR0FBQUwsT0FBQSxjQUZ4Q00sZ0JBQUkiLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

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

@@ -0,0 +1,38 @@
+import type { HTMLAttributes } from 'react';
+export type GridAlign = 'top' | 'middle' | 'bottom' | 'stretch';
+export type GridJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+export type GridJustifyBreakpoint = GridBreakpoint;
+export type GridJustifyResponsive = Partial<Record<GridJustifyBreakpoint, GridJustify>>;
+export type GridBreakpoint = 'sm' | 'md' | 'lg';
+export type GridGutterBreakpoint = GridBreakpoint;
+export type GridGutterValue = number | string;
+export type GridGutterResponsive = Partial<Record<GridGutterBreakpoint, GridGutterValue>>;
+export type GridGutter = GridGutterValue | [GridGutterValue, GridGutterValue] | GridGutterResponsive | [GridGutterResponsive, GridGutterResponsive];
+export interface GridColSizeConfig {
+    span?: number;
+    offset?: number;
+    order?: number;
+    pull?: number;
+    push?: number;
+    flex?: number | string;
+}
+export type GridColSize = number | GridColSizeConfig;
+export interface GridRowProps extends HTMLAttributes<HTMLDivElement> {
+    gutter?: GridGutter;
+    align?: GridAlign;
+    justify?: GridJustify | GridJustifyResponsive;
+    wrap?: boolean;
+    prefixCls?: string;
+}
+export interface GridColProps extends HTMLAttributes<HTMLDivElement> {
+    span?: number;
+    offset?: number;
+    order?: number;
+    pull?: number;
+    push?: number;
+    flex?: number | string;
+    sm?: GridColSize;
+    md?: GridColSize;
+    lg?: GridColSize;
+    prefixCls?: string;
+}

package/lib/components/Grid/interface.js

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

package/lib/components/Grid/style/Grid.css

@@ -0,0 +1 @@
+.om-react-ui-grid-row{display:flex;flex-wrap:wrap;justify-content:var(--om-grid-justify,flex-start);margin-right:calc(var(--om-grid-gutter-x, 0px) / -2);margin-left:calc(var(--om-grid-gutter-x, 0px) / -2);row-gap:var(--om-grid-gutter-y,0)}.om-react-ui-grid-row-no-wrap{flex-wrap:nowrap}.om-react-ui-grid-row-align-top{align-items:flex-start}.om-react-ui-grid-row-align-middle{align-items:center}.om-react-ui-grid-row-align-bottom{align-items:flex-end}.om-react-ui-grid-row-align-stretch{align-items:stretch}.om-react-ui-grid-row-justify-start{justify-content:flex-start}.om-react-ui-grid-row-justify-end{justify-content:flex-end}.om-react-ui-grid-row-justify-center{justify-content:center}.om-react-ui-grid-row-justify-space-between{justify-content:space-between}.om-react-ui-grid-row-justify-space-around{justify-content:space-around}.om-react-ui-grid-row-justify-space-evenly{justify-content:space-evenly}@media (max-width:1279.98px){.om-react-ui-grid-row{justify-content:var(--om-grid-justify-lg,var(--om-grid-justify,flex-start))}}@media (max-width:1023.98px){.om-react-ui-grid-row{justify-content:var(--om-grid-justify-md,var(--om-grid-justify,flex-start))}}@media (max-width:767.98px){.om-react-ui-grid-row{justify-content:var(--om-grid-justify-sm,var(--om-grid-justify,flex-start))}}.om-react-ui-grid-col{position:relative;flex:var(--om-grid-col-flex,0 0 auto);max-width:100%;min-height:1px;padding-right:calc(var(--om-grid-gutter-x, 0px) / 2);padding-left:calc(var(--om-grid-gutter-x, 0px) / 2)}.om-react-ui-grid-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-order-1{order:1}.om-react-ui-grid-col-push-1{left:8.3333333333%}.om-react-ui-grid-col-pull-1{right:8.3333333333%}.om-react-ui-grid-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-order-2{order:2}.om-react-ui-grid-col-push-2{left:16.6666666667%}.om-react-ui-grid-col-pull-2{right:16.6666666667%}.om-react-ui-grid-col-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-offset-3{margin-left:25%}.om-react-ui-grid-col-order-3{order:3}.om-react-ui-grid-col-push-3{left:25%}.om-react-ui-grid-col-pull-3{right:25%}.om-react-ui-grid-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-order-4{order:4}.om-react-ui-grid-col-push-4{left:33.3333333333%}.om-react-ui-grid-col-pull-4{right:33.3333333333%}.om-react-ui-grid-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-order-5{order:5}.om-react-ui-grid-col-push-5{left:41.6666666667%}.om-react-ui-grid-col-pull-5{right:41.6666666667%}.om-react-ui-grid-col-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-offset-6{margin-left:50%}.om-react-ui-grid-col-order-6{order:6}.om-react-ui-grid-col-push-6{left:50%}.om-react-ui-grid-col-pull-6{right:50%}.om-react-ui-grid-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-order-7{order:7}.om-react-ui-grid-col-push-7{left:58.3333333333%}.om-react-ui-grid-col-pull-7{right:58.3333333333%}.om-react-ui-grid-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-order-8{order:8}.om-react-ui-grid-col-push-8{left:66.6666666667%}.om-react-ui-grid-col-pull-8{right:66.6666666667%}.om-react-ui-grid-col-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-offset-9{margin-left:75%}.om-react-ui-grid-col-order-9{order:9}.om-react-ui-grid-col-push-9{left:75%}.om-react-ui-grid-col-pull-9{right:75%}.om-react-ui-grid-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-order-10{order:10}.om-react-ui-grid-col-push-10{left:83.3333333333%}.om-react-ui-grid-col-pull-10{right:83.3333333333%}.om-react-ui-grid-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-order-11{order:11}.om-react-ui-grid-col-push-11{left:91.6666666667%}.om-react-ui-grid-col-pull-11{right:91.6666666667%}.om-react-ui-grid-col-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-offset-12{margin-left:100%}.om-react-ui-grid-col-order-12{order:12}.om-react-ui-grid-col-push-12{left:100%}.om-react-ui-grid-col-pull-12{right:100%}@media (max-width:1279.98px){.om-react-ui-grid-col{flex:var(--om-grid-col-flex-lg,var(--om-grid-col-flex,0 0 auto));padding-right:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / 2);padding-left:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / 2)}.om-react-ui-grid-row{margin-right:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / -2);margin-left:calc(var(--om-grid-gutter-x-lg, var(--om-grid-gutter-x, 0px)) / -2);row-gap:var(--om-grid-gutter-y-lg,var(--om-grid-gutter-y,0))}.om-react-ui-grid-col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-lg-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-lg-order-1{order:1}.om-react-ui-grid-col-lg-push-1{left:8.3333333333%}.om-react-ui-grid-col-lg-pull-1{right:8.3333333333%}.om-react-ui-grid-col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-lg-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-lg-order-2{order:2}.om-react-ui-grid-col-lg-push-2{left:16.6666666667%}.om-react-ui-grid-col-lg-pull-2{right:16.6666666667%}.om-react-ui-grid-col-lg-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-lg-offset-3{margin-left:25%}.om-react-ui-grid-col-lg-order-3{order:3}.om-react-ui-grid-col-lg-push-3{left:25%}.om-react-ui-grid-col-lg-pull-3{right:25%}.om-react-ui-grid-col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-lg-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-lg-order-4{order:4}.om-react-ui-grid-col-lg-push-4{left:33.3333333333%}.om-react-ui-grid-col-lg-pull-4{right:33.3333333333%}.om-react-ui-grid-col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-lg-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-lg-order-5{order:5}.om-react-ui-grid-col-lg-push-5{left:41.6666666667%}.om-react-ui-grid-col-lg-pull-5{right:41.6666666667%}.om-react-ui-grid-col-lg-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-lg-offset-6{margin-left:50%}.om-react-ui-grid-col-lg-order-6{order:6}.om-react-ui-grid-col-lg-push-6{left:50%}.om-react-ui-grid-col-lg-pull-6{right:50%}.om-react-ui-grid-col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-lg-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-lg-order-7{order:7}.om-react-ui-grid-col-lg-push-7{left:58.3333333333%}.om-react-ui-grid-col-lg-pull-7{right:58.3333333333%}.om-react-ui-grid-col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-lg-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-lg-order-8{order:8}.om-react-ui-grid-col-lg-push-8{left:66.6666666667%}.om-react-ui-grid-col-lg-pull-8{right:66.6666666667%}.om-react-ui-grid-col-lg-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-lg-offset-9{margin-left:75%}.om-react-ui-grid-col-lg-order-9{order:9}.om-react-ui-grid-col-lg-push-9{left:75%}.om-react-ui-grid-col-lg-pull-9{right:75%}.om-react-ui-grid-col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-lg-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-lg-order-10{order:10}.om-react-ui-grid-col-lg-push-10{left:83.3333333333%}.om-react-ui-grid-col-lg-pull-10{right:83.3333333333%}.om-react-ui-grid-col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-lg-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-lg-order-11{order:11}.om-react-ui-grid-col-lg-push-11{left:91.6666666667%}.om-react-ui-grid-col-lg-pull-11{right:91.6666666667%}.om-react-ui-grid-col-lg-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-lg-offset-12{margin-left:100%}.om-react-ui-grid-col-lg-order-12{order:12}.om-react-ui-grid-col-lg-push-12{left:100%}.om-react-ui-grid-col-lg-pull-12{right:100%}}@media (max-width:1023.98px){.om-react-ui-grid-col{flex:var(--om-grid-col-flex-md,var(--om-grid-col-flex,0 0 auto));padding-right:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / 2);padding-left:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / 2)}.om-react-ui-grid-row{margin-right:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / -2);margin-left:calc(var(--om-grid-gutter-x-md, var(--om-grid-gutter-x, 0px)) / -2);row-gap:var(--om-grid-gutter-y-md,var(--om-grid-gutter-y,0))}.om-react-ui-grid-col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-md-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-md-order-1{order:1}.om-react-ui-grid-col-md-push-1{left:8.3333333333%}.om-react-ui-grid-col-md-pull-1{right:8.3333333333%}.om-react-ui-grid-col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-md-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-md-order-2{order:2}.om-react-ui-grid-col-md-push-2{left:16.6666666667%}.om-react-ui-grid-col-md-pull-2{right:16.6666666667%}.om-react-ui-grid-col-md-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-md-offset-3{margin-left:25%}.om-react-ui-grid-col-md-order-3{order:3}.om-react-ui-grid-col-md-push-3{left:25%}.om-react-ui-grid-col-md-pull-3{right:25%}.om-react-ui-grid-col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-md-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-md-order-4{order:4}.om-react-ui-grid-col-md-push-4{left:33.3333333333%}.om-react-ui-grid-col-md-pull-4{right:33.3333333333%}.om-react-ui-grid-col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-md-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-md-order-5{order:5}.om-react-ui-grid-col-md-push-5{left:41.6666666667%}.om-react-ui-grid-col-md-pull-5{right:41.6666666667%}.om-react-ui-grid-col-md-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-md-offset-6{margin-left:50%}.om-react-ui-grid-col-md-order-6{order:6}.om-react-ui-grid-col-md-push-6{left:50%}.om-react-ui-grid-col-md-pull-6{right:50%}.om-react-ui-grid-col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-md-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-md-order-7{order:7}.om-react-ui-grid-col-md-push-7{left:58.3333333333%}.om-react-ui-grid-col-md-pull-7{right:58.3333333333%}.om-react-ui-grid-col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-md-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-md-order-8{order:8}.om-react-ui-grid-col-md-push-8{left:66.6666666667%}.om-react-ui-grid-col-md-pull-8{right:66.6666666667%}.om-react-ui-grid-col-md-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-md-offset-9{margin-left:75%}.om-react-ui-grid-col-md-order-9{order:9}.om-react-ui-grid-col-md-push-9{left:75%}.om-react-ui-grid-col-md-pull-9{right:75%}.om-react-ui-grid-col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-md-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-md-order-10{order:10}.om-react-ui-grid-col-md-push-10{left:83.3333333333%}.om-react-ui-grid-col-md-pull-10{right:83.3333333333%}.om-react-ui-grid-col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-md-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-md-order-11{order:11}.om-react-ui-grid-col-md-push-11{left:91.6666666667%}.om-react-ui-grid-col-md-pull-11{right:91.6666666667%}.om-react-ui-grid-col-md-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-md-offset-12{margin-left:100%}.om-react-ui-grid-col-md-order-12{order:12}.om-react-ui-grid-col-md-push-12{left:100%}.om-react-ui-grid-col-md-pull-12{right:100%}}@media (max-width:767.98px){.om-react-ui-grid-col{flex:var(--om-grid-col-flex-sm,var(--om-grid-col-flex,0 0 auto));padding-right:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / 2);padding-left:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / 2)}.om-react-ui-grid-row{margin-right:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / -2);margin-left:calc(var(--om-grid-gutter-x-sm, var(--om-grid-gutter-x, 0px)) / -2);row-gap:var(--om-grid-gutter-y-sm,var(--om-grid-gutter-y,0))}.om-react-ui-grid-col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.om-react-ui-grid-col-sm-offset-1{margin-left:8.3333333333%}.om-react-ui-grid-col-sm-order-1{order:1}.om-react-ui-grid-col-sm-push-1{left:8.3333333333%}.om-react-ui-grid-col-sm-pull-1{right:8.3333333333%}.om-react-ui-grid-col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.om-react-ui-grid-col-sm-offset-2{margin-left:16.6666666667%}.om-react-ui-grid-col-sm-order-2{order:2}.om-react-ui-grid-col-sm-push-2{left:16.6666666667%}.om-react-ui-grid-col-sm-pull-2{right:16.6666666667%}.om-react-ui-grid-col-sm-3{flex:0 0 25%;max-width:25%}.om-react-ui-grid-col-sm-offset-3{margin-left:25%}.om-react-ui-grid-col-sm-order-3{order:3}.om-react-ui-grid-col-sm-push-3{left:25%}.om-react-ui-grid-col-sm-pull-3{right:25%}.om-react-ui-grid-col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.om-react-ui-grid-col-sm-offset-4{margin-left:33.3333333333%}.om-react-ui-grid-col-sm-order-4{order:4}.om-react-ui-grid-col-sm-push-4{left:33.3333333333%}.om-react-ui-grid-col-sm-pull-4{right:33.3333333333%}.om-react-ui-grid-col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.om-react-ui-grid-col-sm-offset-5{margin-left:41.6666666667%}.om-react-ui-grid-col-sm-order-5{order:5}.om-react-ui-grid-col-sm-push-5{left:41.6666666667%}.om-react-ui-grid-col-sm-pull-5{right:41.6666666667%}.om-react-ui-grid-col-sm-6{flex:0 0 50%;max-width:50%}.om-react-ui-grid-col-sm-offset-6{margin-left:50%}.om-react-ui-grid-col-sm-order-6{order:6}.om-react-ui-grid-col-sm-push-6{left:50%}.om-react-ui-grid-col-sm-pull-6{right:50%}.om-react-ui-grid-col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.om-react-ui-grid-col-sm-offset-7{margin-left:58.3333333333%}.om-react-ui-grid-col-sm-order-7{order:7}.om-react-ui-grid-col-sm-push-7{left:58.3333333333%}.om-react-ui-grid-col-sm-pull-7{right:58.3333333333%}.om-react-ui-grid-col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.om-react-ui-grid-col-sm-offset-8{margin-left:66.6666666667%}.om-react-ui-grid-col-sm-order-8{order:8}.om-react-ui-grid-col-sm-push-8{left:66.6666666667%}.om-react-ui-grid-col-sm-pull-8{right:66.6666666667%}.om-react-ui-grid-col-sm-9{flex:0 0 75%;max-width:75%}.om-react-ui-grid-col-sm-offset-9{margin-left:75%}.om-react-ui-grid-col-sm-order-9{order:9}.om-react-ui-grid-col-sm-push-9{left:75%}.om-react-ui-grid-col-sm-pull-9{right:75%}.om-react-ui-grid-col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.om-react-ui-grid-col-sm-offset-10{margin-left:83.3333333333%}.om-react-ui-grid-col-sm-order-10{order:10}.om-react-ui-grid-col-sm-push-10{left:83.3333333333%}.om-react-ui-grid-col-sm-pull-10{right:83.3333333333%}.om-react-ui-grid-col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.om-react-ui-grid-col-sm-offset-11{margin-left:91.6666666667%}.om-react-ui-grid-col-sm-order-11{order:11}.om-react-ui-grid-col-sm-push-11{left:91.6666666667%}.om-react-ui-grid-col-sm-pull-11{right:91.6666666667%}.om-react-ui-grid-col-sm-12{flex:0 0 100%;max-width:100%}.om-react-ui-grid-col-sm-offset-12{margin-left:100%}.om-react-ui-grid-col-sm-order-12{order:12}.om-react-ui-grid-col-sm-push-12{left:100%}.om-react-ui-grid-col-sm-pull-12{right:100%}}

package/lib/components/Grid/style/Grid.scss

@@ -0,0 +1,184 @@
+@use '@/styles/api' as theme;
+@use 'sass:math';
+
+$component-row: 'grid-row';
+$component-col: 'grid-col';
+$grid-columns: 12;
+$grid-index-start: 1;
+$grid-col-min-height: 1px;
+$grid-col-max-width: 100%;
+$grid-gutter-divisor: 2;
+$grid-gutter-fallback: 0px;
+$grid-col-flex-fallback: 0 0 auto;
+$grid-var-gutter-x: '--om-grid-gutter-x';
+$grid-var-gutter-y: '--om-grid-gutter-y';
+$grid-var-gutter-x-sm: '--om-grid-gutter-x-sm';
+$grid-var-gutter-y-sm: '--om-grid-gutter-y-sm';
+$grid-var-gutter-x-md: '--om-grid-gutter-x-md';
+$grid-var-gutter-y-md: '--om-grid-gutter-y-md';
+$grid-var-gutter-x-lg: '--om-grid-gutter-x-lg';
+$grid-var-gutter-y-lg: '--om-grid-gutter-y-lg';
+$grid-var-justify: '--om-grid-justify';
+$grid-var-justify-sm: '--om-grid-justify-sm';
+$grid-var-justify-md: '--om-grid-justify-md';
+$grid-var-justify-lg: '--om-grid-justify-lg';
+$grid-var-col-flex: '--om-grid-col-flex';
+$grid-var-col-flex-sm: '--om-grid-col-flex-sm';
+$grid-var-col-flex-md: '--om-grid-col-flex-md';
+$grid-var-col-flex-lg: '--om-grid-col-flex-lg';
+$grid-justify-fallback: flex-start;
+
+.#{theme.$prefix}-#{$component-row} {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: var(#{$grid-var-justify}, #{$grid-justify-fallback});
+  margin-right: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / -#{$grid-gutter-divisor});
+  margin-left: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / -#{$grid-gutter-divisor});
+  row-gap: var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback});
+
+  &-no-wrap {
+    flex-wrap: nowrap;
+  }
+
+  &-align-top {
+    align-items: flex-start;
+  }
+
+  &-align-middle {
+    align-items: center;
+  }
+
+  &-align-bottom {
+    align-items: flex-end;
+  }
+
+  &-align-stretch {
+    align-items: stretch;
+  }
+
+  &-justify-start {
+    justify-content: flex-start;
+  }
+
+  &-justify-end {
+    justify-content: flex-end;
+  }
+
+  &-justify-center {
+    justify-content: center;
+  }
+
+  &-justify-space-between {
+    justify-content: space-between;
+  }
+
+  &-justify-space-around {
+    justify-content: space-around;
+  }
+
+  &-justify-space-evenly {
+    justify-content: space-evenly;
+  }
+}
+
+@include theme.down(lg) {
+  .#{theme.$prefix}-#{$component-row} {
+    justify-content: var(#{$grid-var-justify-lg}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
+  }
+}
+
+@include theme.down(md) {
+  .#{theme.$prefix}-#{$component-row} {
+    justify-content: var(#{$grid-var-justify-md}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
+  }
+}
+
+@include theme.down(sm) {
+  .#{theme.$prefix}-#{$component-row} {
+    justify-content: var(#{$grid-var-justify-sm}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
+  }
+}
+
+.#{theme.$prefix}-#{$component-col} {
+  position: relative;
+  flex: var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback});
+  max-width: $grid-col-max-width;
+  min-height: $grid-col-min-height;
+  padding-right: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / #{$grid-gutter-divisor});
+  padding-left: calc(var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback}) / #{$grid-gutter-divisor});
+}
+
+@mixin make-col-classes($infix: '') {
+  @for $i from $grid-index-start through $grid-columns {
+    .#{theme.$prefix}-#{$component-col}#{$infix}-#{$i} {
+      flex: 0 0 math.percentage(math.div($i, $grid-columns));
+      max-width: math.percentage(math.div($i, $grid-columns));
+    }
+
+    .#{theme.$prefix}-#{$component-col}#{$infix}-offset-#{$i} {
+      margin-left: math.percentage(math.div($i, $grid-columns));
+    }
+
+    .#{theme.$prefix}-#{$component-col}#{$infix}-order-#{$i} {
+      order: $i;
+    }
+
+    .#{theme.$prefix}-#{$component-col}#{$infix}-push-#{$i} {
+      left: math.percentage(math.div($i, $grid-columns));
+    }
+
+    .#{theme.$prefix}-#{$component-col}#{$infix}-pull-#{$i} {
+      right: math.percentage(math.div($i, $grid-columns));
+    }
+  }
+}
+
+@include make-col-classes('');
+
+@include theme.down(lg) {
+  .#{theme.$prefix}-#{$component-col} {
+    flex: var(#{$grid-var-col-flex-lg}, var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback}));
+    padding-right: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
+    padding-left: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
+  }
+
+  .#{theme.$prefix}-#{$component-row} {
+    margin-right: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
+    margin-left: calc(var(#{$grid-var-gutter-x-lg}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
+    row-gap: var(#{$grid-var-gutter-y-lg}, var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback}));
+  }
+
+  @include make-col-classes('-lg');
+}
+
+@include theme.down(md) {
+  .#{theme.$prefix}-#{$component-col} {
+    flex: var(#{$grid-var-col-flex-md}, var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback}));
+    padding-right: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
+    padding-left: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
+  }
+
+  .#{theme.$prefix}-#{$component-row} {
+    margin-right: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
+    margin-left: calc(var(#{$grid-var-gutter-x-md}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
+    row-gap: var(#{$grid-var-gutter-y-md}, var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback}));
+  }
+
+  @include make-col-classes('-md');
+}
+
+@include theme.down(sm) {
+  .#{theme.$prefix}-#{$component-col} {
+    flex: var(#{$grid-var-col-flex-sm}, var(#{$grid-var-col-flex}, #{$grid-col-flex-fallback}));
+    padding-right: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
+    padding-left: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / #{$grid-gutter-divisor});
+  }
+
+  .#{theme.$prefix}-#{$component-row} {
+    margin-right: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
+    margin-left: calc(var(#{$grid-var-gutter-x-sm}, var(#{$grid-var-gutter-x}, #{$grid-gutter-fallback})) / -#{$grid-gutter-divisor});
+    row-gap: var(#{$grid-var-gutter-y-sm}, var(#{$grid-var-gutter-y}, #{$grid-gutter-fallback}));
+  }
+
+  @include make-col-classes('-sm');
+}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Grid.css");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvR3JpZC9zcmMvY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL3N0eWxlL2Nzcy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

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

@@ -0,0 +1 @@
+import './Grid.scss';

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./Grid.scss");
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvR3JpZC9zcmMvY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbInJlcXVpcmUiXSwibWFwcGluZ3MiOiI7O0FBQUFBLE9BQUEiLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/components/Icons/Icons.d.ts

@@ -0,0 +1,192 @@
+import './style';
+import type { FC } from 'react';
+import type { IconsProps, IconWrapperProps } from './interface';
+import type { LogoWithWordsCustomProps, LogoWithBetaCustomProps } from './Logo';
+import type { IllustrationsCustomProps } from './Illustrations';
+import type { SortIconStatus } from './SVGs';
+declare const IconList: {
+    readonly illusChecked: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusEmailError: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusLinkExpired: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illus2FA: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusLocked: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusError: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusRegionNotSupported: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusID: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusVerification: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusPasskey: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusAddAccount: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly illusPending: FC<IconWrapperProps & IllustrationsCustomProps>;
+    readonly logo: FC<IconWrapperProps>;
+    readonly logoWord: FC<IconWrapperProps>;
+    readonly logoNetwork: FC<IconWrapperProps>;
+    readonly logoWithWords: FC<IconWrapperProps & LogoWithWordsCustomProps>;
+    readonly logoBg: FC<IconWrapperProps>;
+    readonly logoBeta: FC<IconWrapperProps>;
+    readonly logoWithBeta: FC<IconWrapperProps & LogoWithBetaCustomProps>;
+    readonly deposit: FC<IconWrapperProps>;
+    readonly withdrawal: FC<IconWrapperProps>;
+    readonly conversion: FC<IconWrapperProps>;
+    readonly mintToken: FC<IconWrapperProps>;
+    readonly burnToken: FC<IconWrapperProps>;
+    readonly accountLocked: FC<IconWrapperProps>;
+    readonly pending: FC<IconWrapperProps>;
+    readonly success: FC<IconWrapperProps>;
+    readonly fail: FC<IconWrapperProps>;
+    readonly error: FC<IconWrapperProps>;
+    readonly statusSuccess: FC<IconWrapperProps & {
+        innerColor?: string;
+    }>;
+    readonly statusFail: FC<IconWrapperProps & {
+        innerColor?: string;
+    }>;
+    readonly dashboard: FC<IconWrapperProps>;
+    readonly digitalAsset: FC<IconWrapperProps>;
+    readonly addressBook: FC<IconWrapperProps>;
+    readonly linkedBankAccounts: FC<IconWrapperProps>;
+    readonly wire: FC<IconWrapperProps>;
+    readonly swift: FC<IconWrapperProps>;
+    readonly account: FC<IconWrapperProps>;
+    readonly profile: FC<IconWrapperProps>;
+    readonly security: FC<IconWrapperProps>;
+    readonly logout: FC<IconWrapperProps>;
+    readonly portfolio: FC<IconWrapperProps>;
+    readonly home: FC<IconWrapperProps>;
+    readonly convert: FC<IconWrapperProps>;
+    readonly withdraw: FC<IconWrapperProps>;
+    readonly send: FC<IconWrapperProps>;
+    readonly menuDeposit: FC<IconWrapperProps>;
+    readonly company: FC<IconWrapperProps>;
+    readonly parties: FC<IconWrapperProps>;
+    readonly transactions: FC<IconWrapperProps>;
+    readonly fiat: FC<IconWrapperProps>;
+    readonly money: FC<IconWrapperProps>;
+    readonly sendCrypto: FC<IconWrapperProps>;
+    readonly arrowUp: FC<IconWrapperProps>;
+    readonly arrowDown: FC<IconWrapperProps>;
+    readonly arrowLeft: FC<IconWrapperProps>;
+    readonly arrowRight: FC<IconWrapperProps>;
+    readonly add: FC<IconWrapperProps>;
+    readonly minus: FC<IconWrapperProps>;
+    readonly cross: FC<IconWrapperProps>;
+    readonly more: FC<IconWrapperProps>;
+    readonly chevronDown: FC<IconWrapperProps>;
+    readonly chevronUp: FC<IconWrapperProps>;
+    readonly chevronLeft: FC<IconWrapperProps>;
+    readonly chevronRight: FC<IconWrapperProps>;
+    readonly sort: FC<import("./SVGs").SortIconProps>;
+    readonly collapse: FC<IconWrapperProps>;
+    readonly extend: FC<IconWrapperProps>;
+    readonly spinner: FC<IconWrapperProps>;
+    readonly check: FC<IconWrapperProps>;
+    readonly remove: FC<IconWrapperProps>;
+    readonly pix: FC<IconWrapperProps>;
+    readonly info: FC<IconWrapperProps>;
+    readonly notifications: FC<IconWrapperProps>;
+    readonly favorite: FC<IconWrapperProps>;
+    readonly transferHistory: FC<IconWrapperProps>;
+    readonly support: FC<IconWrapperProps>;
+    readonly help: FC<IconWrapperProps>;
+    readonly language: FC<IconWrapperProps>;
+    readonly share: FC<IconWrapperProps>;
+    readonly products: FC<IconWrapperProps>;
+    readonly hub: FC<IconWrapperProps>;
+    readonly systemSecurity: FC<IconWrapperProps>;
+    readonly fees: FC<IconWrapperProps>;
+    readonly settings: FC<IconWrapperProps>;
+    readonly id: FC<IconWrapperProps>;
+    readonly viewBalance: FC<IconWrapperProps>;
+    readonly hideBalance: FC<IconWrapperProps>;
+    readonly privacy: FC<IconWrapperProps>;
+    readonly card: FC<IconWrapperProps>;
+    readonly coin: FC<IconWrapperProps>;
+    readonly wallet: FC<IconWrapperProps>;
+    readonly email: FC<IconWrapperProps>;
+    readonly rewards: FC<IconWrapperProps>;
+    readonly time: FC<IconWrapperProps>;
+    readonly location: FC<IconWrapperProps>;
+    readonly calendar: FC<IconWrapperProps>;
+    readonly securityCheck: FC<IconWrapperProps>;
+    readonly devices: FC<IconWrapperProps>;
+    readonly images: FC<IconWrapperProps>;
+    readonly bank: FC<IconWrapperProps>;
+    readonly coins: FC<IconWrapperProps>;
+    readonly earn: FC<IconWrapperProps>;
+    readonly scan: FC<IconWrapperProps>;
+    readonly search: FC<IconWrapperProps>;
+    readonly maintenance: FC<IconWrapperProps>;
+    readonly editFile: FC<IconWrapperProps>;
+    readonly document: FC<IconWrapperProps>;
+    readonly upload: FC<IconWrapperProps>;
+    readonly gift: FC<IconWrapperProps>;
+    readonly filter: FC<IconWrapperProps>;
+    readonly expand: FC<IconWrapperProps>;
+    readonly systemCollapse: FC<IconWrapperProps>;
+    readonly refresh: FC<IconWrapperProps>;
+    readonly transfer: FC<IconWrapperProps>;
+    readonly link: FC<IconWrapperProps>;
+    readonly save: FC<IconWrapperProps>;
+    readonly like: FC<IconWrapperProps>;
+    readonly dislike: FC<IconWrapperProps>;
+    readonly copy: FC<IconWrapperProps>;
+    readonly mobile: FC<IconWrapperProps>;
+    readonly chat: FC<IconWrapperProps>;
+    readonly swap: FC<IconWrapperProps>;
+    readonly clock: FC<IconWrapperProps>;
+    readonly desktop: FC<IconWrapperProps>;
+    readonly ach: FC<IconWrapperProps>;
+    readonly businessAccount: FC<IconWrapperProps>;
+    readonly individualAccount: FC<IconWrapperProps>;
+    readonly apiKey: FC<IconWrapperProps>;
+    readonly brokenLink: FC<IconWrapperProps>;
+    readonly autoConversionRules: FC<IconWrapperProps>;
+    readonly usd: FC<IconWrapperProps>;
+    readonly eur: FC<IconWrapperProps>;
+    readonly gbp: FC<IconWrapperProps>;
+    readonly jpy: FC<IconWrapperProps>;
+    readonly cny: FC<IconWrapperProps>;
+    readonly google: FC<IconWrapperProps>;
+    readonly apple: FC<IconWrapperProps>;
+    readonly twitter: FC<IconWrapperProps>;
+    readonly linkedIn: FC<IconWrapperProps>;
+    readonly passkey: FC<IconWrapperProps>;
+    readonly pause: FC<IconWrapperProps>;
+    readonly notificationInfo: FC<IconWrapperProps>;
+    readonly notificationWarning: FC<IconWrapperProps>;
+    readonly notificationSuccess: FC<IconWrapperProps>;
+    readonly notificationError: FC<IconWrapperProps>;
+    readonly depositFiatCrypto: FC<IconWrapperProps>;
+    readonly withdrawFiatCrypto: FC<IconWrapperProps>;
+    readonly accountdLocked: FC<IconWrapperProps>;
+    readonly personalSettings: FC<IconWrapperProps>;
+    readonly security2: FC<IconWrapperProps>;
+    readonly iconPix: FC<IconWrapperProps>;
+    readonly noApiKeys: FC<IconWrapperProps>;
+};
+export type IconName = keyof typeof IconList;
+export interface StatusIconsProps extends IconsProps {
+    name: 'statusSuccess' | 'statusFail';
+    innerColor?: string;
+}
+export interface LogoWithWordsProps extends IconsProps, LogoWithWordsCustomProps {
+    name: 'logoWithWords';
+}
+export interface LogoWithBetaProps extends IconsProps, LogoWithBetaCustomProps {
+    name: 'logoWithBeta';
+}
+export interface IllustrationsProps extends IconsProps, IllustrationsCustomProps {
+    name: 'illusLocked' | 'illusChecked' | 'illusError' | 'illusEmailError' | 'illusLinkExpired' | 'illus2FA' | 'illusID' | 'illusVerification' | 'illusRegionNotSupported' | 'illusPending' | 'illusPasskey' | 'illusAddAccount';
+}
+export interface SortIconsProps extends IconsProps {
+    name: 'sort';
+    status?: SortIconStatus;
+    inactiveColor?: string;
+}
+export type { SortIconStatus } from './SVGs';
+export declare const Icons: FC<(IconsProps & {
+    name: IconName;
+}) | StatusIconsProps | LogoWithWordsProps | LogoWithBetaProps | IllustrationsProps | SortIconsProps>;
+declare const _default: import("react").NamedExoticComponent<StatusIconsProps | LogoWithWordsProps | LogoWithBetaProps | IllustrationsProps | SortIconsProps | (IconsProps & {
+    name: IconName;
+})>;
+export default _default;