@1money/react-ui 1.15.3 → 1.17.0

package/lib/components/Grid/constants.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_ROW_PREFIX = exports.GRID_JUSTIFY_CSS = exports.GRID_JUSTIFY_BREAKPOINT = exports.GRID_JUSTIFY = exports.GRID_GUTTER_FALLBACK = exports.GRID_FLEX_AUTO = exports.GRID_DEFAULT_WRAP = exports.GRID_DEFAULT_GUTTER = exports.GRID_CSS_VARS = exports.GRID_COL_PREFIX = exports.GRID_COLUMNS = exports.GRID_CLASS = exports.GRID_BREAKPOINT_MIN_WIDTH = exports.GRID_BREAKPOINTS = exports.GRID_ALIGN = void 0;
+var GRID_ALIGN = exports.GRID_ALIGN = {
+  top: 'top',
+  middle: 'middle',
+  bottom: 'bottom',
+  stretch: 'stretch'
+};
+var GRID_JUSTIFY = exports.GRID_JUSTIFY = {
+  start: 'start',
+  end: 'end',
+  center: 'center',
+  spaceAround: 'space-around',
+  spaceBetween: 'space-between',
+  spaceEvenly: 'space-evenly'
+};
+var GRID_COLUMNS = exports.GRID_COLUMNS = 12;
+var GRID_ROW_PREFIX = exports.GRID_ROW_PREFIX = 'grid-row';
+var GRID_COL_PREFIX = exports.GRID_COL_PREFIX = 'grid-col';
+var GRID_DEFAULT_WRAP = exports.GRID_DEFAULT_WRAP = true;
+var GRID_GUTTER_FALLBACK = exports.GRID_GUTTER_FALLBACK = 0;
+var GRID_DEFAULT_GUTTER = exports.GRID_DEFAULT_GUTTER = [0, 0];
+var GRID_FLEX_AUTO = exports.GRID_FLEX_AUTO = 'auto';
+var GRID_BREAKPOINTS = exports.GRID_BREAKPOINTS = ['sm', 'md', 'lg'];
+var GRID_JUSTIFY_BREAKPOINT = exports.GRID_JUSTIFY_BREAKPOINT = {
+  sm: 'sm',
+  md: 'md',
+  lg: 'lg'
+};
+var GRID_JUSTIFY_CSS = exports.GRID_JUSTIFY_CSS = {
+  start: 'flex-start',
+  end: 'flex-end',
+  center: 'center',
+  'space-around': 'space-around',
+  'space-between': 'space-between',
+  'space-evenly': 'space-evenly'
+};
+var GRID_BREAKPOINT_MIN_WIDTH = exports.GRID_BREAKPOINT_MIN_WIDTH = {
+  sm: 768,
+  md: 1024,
+  lg: 1280
+};
+var GRID_CSS_VARS = exports.GRID_CSS_VARS = {
+  gutterX: '--om-grid-gutter-x',
+  gutterY: '--om-grid-gutter-y',
+  gutterXSm: '--om-grid-gutter-x-sm',
+  gutterYSm: '--om-grid-gutter-y-sm',
+  gutterXMd: '--om-grid-gutter-x-md',
+  gutterYMd: '--om-grid-gutter-y-md',
+  gutterXLg: '--om-grid-gutter-x-lg',
+  gutterYLg: '--om-grid-gutter-y-lg',
+  justify: '--om-grid-justify',
+  justifySm: '--om-grid-justify-sm',
+  justifyMd: '--om-grid-justify-md',
+  justifyLg: '--om-grid-justify-lg',
+  colFlex: '--om-grid-col-flex',
+  colFlexPrefix: '--om-grid-col-flex-'
+};
+var GRID_CLASS = exports.GRID_CLASS = {
+  noWrap: 'no-wrap',
+  align: 'align',
+  justify: 'justify',
+  offset: 'offset',
+  order: 'order',
+  push: 'push',
+  pull: 'pull'
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9jb25zdGFudHMudHMiLCJjb21wb25lbnRzL0dyaWQvY29uc3RhbnRzLmpzIl0sIm5hbWVzIjpbIkdSSURfQUxJR04iLCJleHBvcnRzIiwidG9wIiwibWlkZGxlIiwiYm90dG9tIiwic3RyZXRjaCIsIkdSSURfSlVTVElGWSIsInN0YXJ0IiwiZW5kIiwiY2VudGVyIiwic3BhY2VBcm91bmQiLCJzcGFjZUJldHdlZW4iLCJzcGFjZUV2ZW5seSIsIkdSSURfQ09MVU1OUyIsIkdSSURfUk9XX1BSRUZJWCIsIkdSSURfQ09MX1BSRUZJWCIsIkdSSURfREVGQVVMVF9XUkFQIiwiR1JJRF9HVVRURVJfRkFMTEJBQ0siLCJHUklEX0RFRkFVTFRfR1VUVEVSIiwiR1JJRF9GTEVYX0FVVE8iLCJHUklEX0JSRUFLUE9JTlRTIiwiR1JJRF9KVVNUSUZZX0JSRUFLUE9JTlQiLCJzbSIsIm1kIiwibGciLCJHUklEX0pVU1RJRllfQ1NTIiwiR1JJRF9CUkVBS1BPSU5UX01JTl9XSURUSCIsIkdSSURfQ1NTX1ZBUlMiLCJndXR0ZXJYIiwiZ3V0dGVyWSIsImd1dHRlclhTbSIsImd1dHRlcllTbSIsImd1dHRlclhNZCIsImd1dHRlcllNZCIsImd1dHRlclhMZyIsImd1dHRlcllMZyIsImp1c3RpZnkiLCJqdXN0aWZ5U20iLCJqdXN0aWZ5TWQiLCJqdXN0aWZ5TGciLCJjb2xGbGV4IiwiY29sRmxleFByZWZpeCIsIkdSSURfQ0xBU1MiLCJub1dyYXAiLCJhbGlnbiIsIm9mZnNldCIsIm9yZGVyIiwicHVzaCIsInB1bGwiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUVPLElBQU1BLFVBQVUsR0FBQUMsT0FBQSxDQUFBRCxVQUFBLEdBQUc7RUFDeEJFLEdBQUcsRUFBRSxLQUFLO0VBQ1ZDLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxNQUFNLEVBQUUsUUFBUTtFQUNoQkMsT0FBTyxFQUFFO0FDRFgsQ0RFVTtBQUVILElBQU1DLFlBQVksR0FBQUwsT0FBQSxDQUFBSyxZQUFBLEdBQUc7RUFDMUJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLEdBQUcsRUFBRSxLQUFLO0VBQ1ZDLE1BQU0sRUFBRSxRQUFRO0VBQ2hCQyxXQUFXLEVBQUUsY0FBYztFQUMzQkMsWUFBWSxFQUFFLGVBQWU7RUFDN0JDLFdBQVcsRUFBRTtBQ0ZmLENER1U7QUFFSCxJQUFNQyxZQUFZLEdBQUFaLE9BQUEsQ0FBQVksWUFBQSxHQUFHLEVBQUU7QUFDdkIsSUFBTUMsZUFBZSxHQUFBYixPQUFBLENBQUFhLGVBQUEsR0FBRyxVQUFVO0FBQ2xDLElBQU1DLGVBQWUsR0FBQWQsT0FBQSxDQUFBYyxlQUFBLEdBQUcsVUFBVTtBQUNsQyxJQUFNQyxpQkFBaUIsR0FBQWYsT0FBQSxDQUFBZSxpQkFBQSxHQUFHLElBQUk7QUFDOUIsSUFBTUMsb0JBQW9CLEdBQUFoQixPQUFBLENBQUFnQixvQkFBQSxHQUFHLENBQUM7QUFDOUIsSUFBTUMsbUJBQW1CLEdBQUFqQixPQUFBLENBQUFpQixtQkFBQSxHQUFxQixDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7QUFDcEQsSUFBTUMsY0FBYyxHQUFBbEIsT0FBQSxDQUFBa0IsY0FBQSxHQUFHLE1BQU07QUFFN0IsSUFBTUMsZ0JBQWdCLEdBQUFuQixPQUFBLENBQUFtQixnQkFBQSxHQUFxQixDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDO0FBQzdELElBQU1DLHVCQUF1QixHQUFBcEIsT0FBQSxDQUFBb0IsdUJBQUEsR0FBRztFQUNyQ0MsRUFBRSxFQUFFLElBQUk7RUFDUkMsRUFBRSxFQUFFLElBQUk7RUFDUkMsRUFBRSxFQUFFO0FDSk4sQ0RLVTtBQUNILElBQU1DLGdCQUFnQixHQUFBeEIsT0FBQSxDQUFBd0IsZ0JBQUEsR0FBZ0M7RUFDM0RsQixLQUFLLEVBQUUsWUFBWTtFQUNuQkMsR0FBRyxFQUFFLFVBQVU7RUFDZkMsTUFBTSxFQUFFLFFBQVE7RUFDaEIsY0FBYyxFQUFFLGNBQWM7RUFDOUIsZUFBZSxFQUFFLGVBQWU7RUFDaEMsY0FBYyxFQUFFO0FDSmxCLENES0M7QUFDTSxJQUFNaUIseUJBQXlCLEdBQUF6QixPQUFBLENBQUF5Qix5QkFBQSxHQUFtQztFQUN2RUosRUFBRSxFQUFFLEdBQUc7RUFDUEMsRUFBRSxFQUFFLElBQUk7RUFDUkMsRUFBRSxFQUFFO0FDSk4sQ0RLQztBQUVNLElBQU1HLGFBQWEsR0FBQTFCLE9BQUEsQ0FBQTBCLGFBQUEsR0FBRztFQUMzQkMsT0FBTyxFQUFFLG9CQUFvQjtFQUM3QkMsT0FBTyxFQUFFLG9CQUFvQjtFQUM3QkMsU0FBUyxFQUFFLHVCQUF1QjtFQUNsQ0MsU0FBUyxFQUFFLHVCQUF1QjtFQUNsQ0MsU0FBUyxFQUFFLHVCQUF1QjtFQUNsQ0MsU0FBUyxFQUFFLHVCQUF1QjtFQUNsQ0MsU0FBUyxFQUFFLHVCQUF1QjtFQUNsQ0MsU0FBUyxFQUFFLHVCQUF1QjtFQUNsQ0MsT0FBTyxFQUFFLG1CQUFtQjtFQUM1QkMsU0FBUyxFQUFFLHNCQUFzQjtFQUNqQ0MsU0FBUyxFQUFFLHNCQUFzQjtFQUNqQ0MsU0FBUyxFQUFFLHNCQUFzQjtFQUNqQ0MsT0FBTyxFQUFFLG9CQUFvQjtFQUM3QkMsYUFBYSxFQUFFO0FDTGpCLENETVU7QUFFSCxJQUFNQyxVQUFVLEdBQUF6QyxPQUFBLENBQUF5QyxVQUFBLEdBQUc7RUFDeEJDLE1BQU0sRUFBRSxTQUFTO0VBQ2pCQyxLQUFLLEVBQUUsT0FBTztFQUNkUixPQUFPLEVBQUUsU0FBUztFQUNsQlMsTUFBTSxFQUFFLFFBQVE7RUFDaEJDLEtBQUssRUFBRSxPQUFPO0VBQ2RDLElBQUksRUFBRSxNQUFNO0VBQ1pDLElBQUksRUFBRTtBQ05SLENET1UiLCJmaWxlIjoiY29tcG9uZW50cy9HcmlkL2NvbnN0YW50cy5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbCwiZXhwb3J0IGNvbnN0IEdSSURfQUxJR04gPSB7XG4gICAgdG9wOiAndG9wJyxcbiAgICBtaWRkbGU6ICdtaWRkbGUnLFxuICAgIGJvdHRvbTogJ2JvdHRvbScsXG4gICAgc3RyZXRjaDogJ3N0cmV0Y2gnXG59O1xuZXhwb3J0IGNvbnN0IEdSSURfSlVTVElGWSA9IHtcbiAgICBzdGFydDogJ3N0YXJ0JyxcbiAgICBlbmQ6ICdlbmQnLFxuICAgIGNlbnRlcjogJ2NlbnRlcicsXG4gICAgc3BhY2VBcm91bmQ6ICdzcGFjZS1hcm91bmQnLFxuICAgIHNwYWNlQmV0d2VlbjogJ3NwYWNlLWJldHdlZW4nLFxuICAgIHNwYWNlRXZlbmx5OiAnc3BhY2UtZXZlbmx5J1xufTtcbmV4cG9ydCBjb25zdCBHUklEX0NPTFVNTlMgPSAxMjtcbmV4cG9ydCBjb25zdCBHUklEX1JPV19QUkVGSVggPSAnZ3JpZC1yb3cnO1xuZXhwb3J0IGNvbnN0IEdSSURfQ09MX1BSRUZJWCA9ICdncmlkLWNvbCc7XG5leHBvcnQgY29uc3QgR1JJRF9ERUZBVUxUX1dSQVAgPSB0cnVlO1xuZXhwb3J0IGNvbnN0IEdSSURfR1VUVEVSX0ZBTExCQUNLID0gMDtcbmV4cG9ydCBjb25zdCBHUklEX0RFRkFVTFRfR1VUVEVSID0gWzAsIDBdO1xuZXhwb3J0IGNvbnN0IEdSSURfRkxFWF9BVVRPID0gJ2F1dG8nO1xuZXhwb3J0IGNvbnN0IEdSSURfQlJFQUtQT0lOVFMgPSBbJ3NtJywgJ21kJywgJ2xnJ107XG5leHBvcnQgY29uc3QgR1JJRF9KVVNUSUZZX0JSRUFLUE9JTlQgPSB7XG4gICAgc206ICdzbScsXG4gICAgbWQ6ICdtZCcsXG4gICAgbGc6ICdsZydcbn07XG5leHBvcnQgY29uc3QgR1JJRF9KVVNUSUZZX0NTUyA9IHtcbiAgICBzdGFydDogJ2ZsZXgtc3RhcnQnLFxuICAgIGVuZDogJ2ZsZXgtZW5kJyxcbiAgICBjZW50ZXI6ICdjZW50ZXInLFxuICAgICdzcGFjZS1hcm91bmQnOiAnc3BhY2UtYXJvdW5kJyxcbiAgICAnc3BhY2UtYmV0d2Vlbic6ICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAnc3BhY2UtZXZlbmx5JzogJ3NwYWNlLWV2ZW5seSdcbn07XG5leHBvcnQgY29uc3QgR1JJRF9CUkVBS1BPSU5UX01JTl9XSURUSCA9IHtcbiAgICBzbTogNzY4LFxuICAgIG1kOiAxMDI0LFxuICAgIGxnOiAxMjgwXG59O1xuZXhwb3J0IGNvbnN0IEdSSURfQ1NTX1ZBUlMgPSB7XG4gICAgZ3V0dGVyWDogJy0tb20tZ3JpZC1ndXR0ZXIteCcsXG4gICAgZ3V0dGVyWTogJy0tb20tZ3JpZC1ndXR0ZXIteScsXG4gICAgZ3V0dGVyWFNtOiAnLS1vbS1ncmlkLWd1dHRlci14LXNtJyxcbiAgICBndXR0ZXJZU206ICctLW9tLWdyaWQtZ3V0dGVyLXktc20nLFxuICAgIGd1dHRlclhNZDogJy0tb20tZ3JpZC1ndXR0ZXIteC1tZCcsXG4gICAgZ3V0dGVyWU1kOiAnLS1vbS1ncmlkLWd1dHRlci15LW1kJyxcbiAgICBndXR0ZXJYTGc6ICctLW9tLWdyaWQtZ3V0dGVyLXgtbGcnLFxuICAgIGd1dHRlcllMZzogJy0tb20tZ3JpZC1ndXR0ZXIteS1sZycsXG4gICAganVzdGlmeTogJy0tb20tZ3JpZC1qdXN0aWZ5JyxcbiAgICBqdXN0aWZ5U206ICctLW9tLWdyaWQtanVzdGlmeS1zbScsXG4gICAganVzdGlmeU1kOiAnLS1vbS1ncmlkLWp1c3RpZnktbWQnLFxuICAgIGp1c3RpZnlMZzogJy0tb20tZ3JpZC1qdXN0aWZ5LWxnJyxcbiAgICBjb2xGbGV4OiAnLS1vbS1ncmlkLWNvbC1mbGV4JyxcbiAgICBjb2xGbGV4UHJlZml4OiAnLS1vbS1ncmlkLWNvbC1mbGV4LSdcbn07XG5leHBvcnQgY29uc3QgR1JJRF9DTEFTUyA9IHtcbiAgICBub1dyYXA6ICduby13cmFwJyxcbiAgICBhbGlnbjogJ2FsaWduJyxcbiAgICBqdXN0aWZ5OiAnanVzdGlmeScsXG4gICAgb2Zmc2V0OiAnb2Zmc2V0JyxcbiAgICBvcmRlcjogJ29yZGVyJyxcbiAgICBwdXNoOiAncHVzaCcsXG4gICAgcHVsbDogJ3B1bGwnXG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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

@@ -0,0 +1,10 @@
+import type { GridColSize, GridColSizeConfig, GridGutter, GridGutterValue } from './interface';
+export declare const normalizeGutter: (gutter?: GridGutter) => {
+    baseX: string | number;
+    baseY: string | number;
+    x: Partial<Record<import("./interface").GridBreakpoint, GridGutterValue>>;
+    y: Partial<Record<import("./interface").GridBreakpoint, GridGutterValue>>;
+};
+export declare const toCssLength: (value?: GridGutterValue) => string | undefined;
+export declare const normalizeColSize: (size?: GridColSize) => GridColSizeConfig;
+export declare const normalizeFlex: (flex?: number | string) => string | undefined;

package/lib/components/Grid/helper.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toCssLength = exports.normalizeGutter = exports.normalizeFlex = exports.normalizeColSize = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _constants = require("./constants");
+var normalizeGutterAxis = function normalizeGutterAxis(value) {
+  if (value === undefined || value === null) return {};
+  return (0, _typeof2["default"])(value) === 'object' ? value : {};
+};
+var resolveBaseGutter = function resolveBaseGutter(value) {
+  if (value === undefined || 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 === undefined || value === null) return undefined;
+  if (typeof value === 'number') return "".concat(value, "px");
+  return value;
+};
+var normalizeColSize = exports.normalizeColSize = function normalizeColSize(size) {
+  if (size === undefined || size === null) return {};
+  return typeof size === 'number' ? {
+    span: size
+  } : size;
+};
+var normalizeFlex = exports.normalizeFlex = function normalizeFlex(flex) {
+  if (flex === undefined || flex === null) return undefined;
+  if (typeof flex === 'number') return "".concat(flex, " ").concat(flex, " ").concat(_constants.GRID_FLEX_AUTO);
+  return flex;
+};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvR3JpZC9oZWxwZXIudHMiLCJjb21wb25lbnRzL0dyaWQvaGVscGVyLmpzIl0sIm5hbWVzIjpbIl9jb25zdGFudHMiLCJyZXF1aXJlIiwibm9ybWFsaXplR3V0dGVyQXhpcyIsInZhbHVlIiwidW5kZWZpbmVkIiwiX3R5cGVvZjIiLCJyZXNvbHZlQmFzZUd1dHRlciIsIkdSSURfR1VUVEVSX0ZBTExCQUNLIiwibm9ybWFsaXplR3V0dGVyIiwiZXhwb3J0cyIsImd1dHRlciIsIkFycmF5IiwiaXNBcnJheSIsImJhc2VYIiwiYmFzZVkiLCJ4IiwieSIsIm5vcm1hbGl6ZWQiLCJ0b0Nzc0xlbmd0aCIsImNvbmNhdCIsIm5vcm1hbGl6ZUNvbFNpemUiLCJzaXplIiwic3BhbiIsIm5vcm1hbGl6ZUZsZXgiLCJmbGV4IiwiR1JJRF9GTEVYX0FVVE8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQ0EsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBRUEsSUFBTUMsbUJBQW1CLEdBQUcsU0FBdEJBLG1CQUFtQkEsQ0FBSUMsS0FBOEMsRUFBMEI7RUFDbkcsSUFBSUEsS0FBSyxLQUFLQyxTQUFTLElBQUlELEtBQUssS0FBSyxJQUFJLEVBQUUsT0FBTyxDQUFBLENBQUU7RUFDcEQsT0FBTyxJQUFBRSxRQUFBLGFBQU9GLEtBQUssTUFBSyxRQUFRLEdBQUdBLEtBQUssR0FBRyxDQUFBLENBQUU7QUFDL0MsQ0FBQztBQUVELElBQU1HLGlCQUFpQixHQUFHLFNBQXBCQSxpQkFBaUJBLENBQUlILEtBQThDLEVBQUk7RUFDM0UsSUFBSUEsS0FBSyxLQUFLQyxTQUFTLElBQUlELEtBQUssS0FBSyxJQUFJLEVBQUUsT0FBT0ksK0JBQW9CO0VBQ3RFLE9BQU8sT0FBT0osS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPQSxLQUFLLEtBQUssUUFBUSxHQUFHQSxLQUFLLEdBQUdJLCtCQUFvQjtBQUM5RixDQUFDO0FBRU0sSUFBTUMsZUFBZSxHQUFBQyxPQUFBLENBQUFELGVBQUEsR0FBRyxTQUFsQkEsZUFBZUEsQ0FBSUUsTUFBbUIsRUFBSTtFQUNyRCxJQUFJQyxLQUFLLENBQUNDLE9BQU8sQ0FBQ0YsTUFBTSxDQUFDLEVBQUU7SUFDekIsT0FBTztNQUNMRyxLQUFLLEVBQUVQLGlCQUFpQixDQUFDSSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7TUFDbkNJLEtBQUssRUFBRVIsaUJBQWlCLENBQUNJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQztNQUNuQ0ssQ0FBQyxFQUFFYixtQkFBbUIsQ0FBQ1EsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO01BQ2pDTSxDQUFDLEVBQUVkLG1CQUFtQixDQUFDUSxNQUFNLENBQUMsQ0FBQyxDQUFDO0lDRDlCLENERUg7RUFDSDtFQUVBLElBQU1PLFVBQVUsR0FBR2YsbUJBQW1CLENBQUNRLE1BQU0sQ0FBQztFQUM5QyxPQUFPO0lBQ0xHLEtBQUssRUFBRVAsaUJBQWlCLENBQUNJLE1BQU0sQ0FBQztJQUNoQ0ksS0FBSyxFQUFFUCwrQkFBb0I7SUFDM0JRLENBQUMsRUFBRUUsVUFBVTtJQUNiRCxDQUFDLEVBQUUsQ0FBQTtFQ0ZILENER0Q7QUFDSCxDQUFDO0FBRU0sSUFBTUUsV0FBVyxHQUFBVCxPQUFBLENBQUFTLFdBQUEsR0FBRyxTQUFkQSxXQUFXQSxDQUFJZixLQUF1QixFQUFJO0VBQ3JELElBQUlBLEtBQUssS0FBS0MsU0FBUyxJQUFJRCxLQUFLLEtBQUssSUFBSSxFQUFFLE9BQU9DLFNBQVM7RUFDM0QsSUFBSSxPQUFPRCxLQUFLLEtBQUssUUFBUSxFQUFFLFVBQUFnQixNQUFBLENBQVVoQixLQUFLO0VBQzlDLE9BQU9BLEtBQUs7QUFDZCxDQUFDO0FBRU0sSUFBTWlCLGdCQUFnQixHQUFBWCxPQUFBLENBQUFXLGdCQUFBLEdBQUcsU0FBbkJBLGdCQUFnQkEsQ0FBSUMsSUFBa0IsRUFBdUI7RUFDeEUsSUFBSUEsSUFBSSxLQUFLakIsU0FBUyxJQUFJaUIsSUFBSSxLQUFLLElBQUksRUFBRSxPQUFPLENBQUEsQ0FBRTtFQUNsRCxPQUFPLE9BQU9BLElBQUksS0FBSyxRQUFRLEdBQUc7SUFBRUMsSUFBSSxFQUFFRDtFQUFJLENBQUUsR0FBR0EsSUFBSTtBQUN6RCxDQUFDO0FBRU0sSUFBTUUsYUFBYSxHQUFBZCxPQUFBLENBQUFjLGFBQUEsR0FBRyxTQUFoQkEsYUFBYUEsQ0FBSUMsSUFBc0IsRUFBd0I7RUFDMUUsSUFBSUEsSUFBSSxLQUFLcEIsU0FBUyxJQUFJb0IsSUFBSSxLQUFLLElBQUksRUFBRSxPQUFPcEIsU0FBUztFQUN6RCxJQUFJLE9BQU9vQixJQUFJLEtBQUssUUFBUSxFQUFFLFVBQUFMLE1BQUEsQ0FBVUssSUFBSSxPQUFBTCxNQUFBLENBQUlLLElBQUksT0FBQUwsTUFBQSxDQUFJTSx5QkFBYztFQUN0RSxPQUFPRCxJQUFJO0FBQ2IsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0dyaWQvaGVscGVyLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCJpbXBvcnQgeyBHUklEX0ZMRVhfQVVUTywgR1JJRF9HVVRURVJfRkFMTEJBQ0sgfSBmcm9tICcuL2NvbnN0YW50cyc7XG5jb25zdCBub3JtYWxpemVHdXR0ZXJBeGlzID0gKHZhbHVlKSA9PiB7XG4gICAgaWYgKHZhbHVlID09PSB1bmRlZmluZWQgfHwgdmFsdWUgPT09IG51bGwpXG4gICAgICAgIHJldHVybiB7fTtcbiAgICByZXR1cm4gdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyA/IHZhbHVlIDoge307XG59O1xuY29uc3QgcmVzb2x2ZUJhc2VHdXR0ZXIgPSAodmFsdWUpID0+IHtcbiAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbClcbiAgICAgICAgcmV0dXJuIEdSSURfR1VUVEVSX0ZBTExCQUNLO1xuICAgIHJldHVybiB0eXBlb2YgdmFsdWUgPT09ICdudW1iZXInIHx8IHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgPyB2YWx1ZSA6IEdSSURfR1VUVEVSX0ZBTExCQUNLO1xufTtcbmV4cG9ydCBjb25zdCBub3JtYWxpemVHdXR0ZXIgPSAoZ3V0dGVyKSA9PiB7XG4gICAgaWYgKEFycmF5LmlzQXJyYXkoZ3V0dGVyKSkge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgYmFzZVg6IHJlc29sdmVCYXNlR3V0dGVyKGd1dHRlclswXSksXG4gICAgICAgICAgICBiYXNlWTogcmVzb2x2ZUJhc2VHdXR0ZXIoZ3V0dGVyWzFdKSxcbiAgICAgICAgICAgIHg6IG5vcm1hbGl6ZUd1dHRlckF4aXMoZ3V0dGVyWzBdKSxcbiAgICAgICAgICAgIHk6IG5vcm1hbGl6ZUd1dHRlckF4aXMoZ3V0dGVyWzFdKVxuICAgICAgICB9O1xuICAgIH1cbiAgICBjb25zdCBub3JtYWxpemVkID0gbm9ybWFsaXplR3V0dGVyQXhpcyhndXR0ZXIpO1xuICAgIHJldHVybiB7XG4gICAgICAgIGJhc2VYOiByZXNvbHZlQmFzZUd1dHRlcihndXR0ZXIpLFxuICAgICAgICBiYXNlWTogR1JJRF9HVVRURVJfRkFMTEJBQ0ssXG4gICAgICAgIHg6IG5vcm1hbGl6ZWQsXG4gICAgICAgIHk6IHt9XG4gICAgfTtcbn07XG5leHBvcnQgY29uc3QgdG9Dc3NMZW5ndGggPSAodmFsdWUpID0+IHtcbiAgICBpZiAodmFsdWUgPT09IHVuZGVmaW5lZCB8fCB2YWx1ZSA9PT0gbnVsbClcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICBpZiAodHlwZW9mIHZhbHVlID09PSAnbnVtYmVyJylcbiAgICAgICAgcmV0dXJuIGAke3ZhbHVlfXB4YDtcbiAgICByZXR1cm4gdmFsdWU7XG59O1xuZXhwb3J0IGNvbnN0IG5vcm1hbGl6ZUNvbFNpemUgPSAoc2l6ZSkgPT4ge1xuICAgIGlmIChzaXplID09PSB1bmRlZmluZWQgfHwgc2l6ZSA9PT0gbnVsbClcbiAgICAgICAgcmV0dXJuIHt9O1xuICAgIHJldHVybiB0eXBlb2Ygc2l6ZSA9PT0gJ251bWJlcicgPyB7IHNwYW46IHNpemUgfSA6IHNpemU7XG59O1xuZXhwb3J0IGNvbnN0IG5vcm1hbGl6ZUZsZXggPSAoZmxleCkgPT4ge1xuICAgIGlmIChmbGV4ID09PSB1bmRlZmluZWQgfHwgZmxleCA9PT0gbnVsbClcbiAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICBpZiAodHlwZW9mIGZsZXggPT09ICdudW1iZXInKVxuICAgICAgICByZXR1cm4gYCR7ZmxleH0gJHtmbGV4fSAke0dSSURfRkxFWF9BVVRPfWA7XG4gICAgcmV0dXJuIGZsZXg7XG59OyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

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 type 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,196 @@
+@use '../../../variable.scss' as *;
+@use 'sass:math';
+
+$component-row: 'grid-row';
+$component-col: 'grid-col';
+$grid-columns: 12;
+$grid-index-start: 1;
+$grid-breakpoint-sm: 768px;
+$grid-breakpoint-md: 1024px;
+$grid-breakpoint-lg: 1280px;
+$grid-breakpoint-step: 1px;
+$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-breakpoint-sm: $grid-breakpoint-sm;
+$grid-justify-breakpoint-md: $grid-breakpoint-md;
+$grid-justify-breakpoint-lg: $grid-breakpoint-lg;
+$grid-justify-fallback: flex-start;
+
+// Use a 0.02px offset to avoid overlapping max-width boundaries while reducing sub-pixel rounding inconsistencies.
+@function grid-max-width($value, $step: $grid-breakpoint-step) {
+  @return $value - math.div($step, 50);
+}
+
+.#{$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;
+  }
+}
+
+@media (max-width: grid-max-width($grid-justify-breakpoint-lg)) {
+  .#{$prefix}-#{$component-row} {
+    justify-content: var(#{$grid-var-justify-lg}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
+  }
+}
+
+@media (max-width: grid-max-width($grid-justify-breakpoint-md)) {
+  .#{$prefix}-#{$component-row} {
+    justify-content: var(#{$grid-var-justify-md}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
+  }
+}
+
+@media (max-width: grid-max-width($grid-justify-breakpoint-sm)) {
+  .#{$prefix}-#{$component-row} {
+    justify-content: var(#{$grid-var-justify-sm}, var(#{$grid-var-justify}, #{$grid-justify-fallback}));
+  }
+}
+
+.#{$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 {
+    .#{$prefix}-#{$component-col}#{$infix}-#{$i} {
+      flex: 0 0 math.percentage(math.div($i, $grid-columns));
+      max-width: math.percentage(math.div($i, $grid-columns));
+    }
+
+    .#{$prefix}-#{$component-col}#{$infix}-offset-#{$i} {
+      margin-left: math.percentage(math.div($i, $grid-columns));
+    }
+
+    .#{$prefix}-#{$component-col}#{$infix}-order-#{$i} {
+      order: $i;
+    }
+
+    .#{$prefix}-#{$component-col}#{$infix}-push-#{$i} {
+      left: math.percentage(math.div($i, $grid-columns));
+    }
+
+    .#{$prefix}-#{$component-col}#{$infix}-pull-#{$i} {
+      right: math.percentage(math.div($i, $grid-columns));
+    }
+  }
+}
+
+@include make-col-classes('');
+
+@media (max-width: grid-max-width($grid-breakpoint-lg)) {
+  .#{$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});
+  }
+
+  .#{$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');
+}
+
+@media (max-width: grid-max-width($grid-breakpoint-md)) {
+  .#{$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});
+  }
+
+  .#{$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');
+}
+
+@media (max-width: grid-max-width($grid-breakpoint-sm)) {
+  .#{$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});
+  }
+
+  .#{$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